/* 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/s4_template_main/jqueryui/jquery-ui.min.css?178362103720023*/ /*! jQuery UI - v1.12.1 - 2018-03-26 * http://jqueryui.com * Includes: core.css, datepicker.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/s4_template_main/jqueryui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/s4_template_main/css/tooltipster.bundle.min.css?17836210376495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/local/templates/s4_template_main/css/tooltipster-sideTip-borderless.min.css?17836210371806*/ .tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px} /* End */ /* Start:/local/templates/s4_template_main/css/style.css?1783621037181386*/ @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-inner .page-container { margin: 0 auto; width: 1468px; } @media screen and (max-width: 1020px) { .page-inner .page-container { margin: 0 auto; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .page-inner .page-container { width: 1044px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .page-inner .page-container { width: 832px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .page-inner .page-container { width: 620px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .page-inner .page-container { width: 408px; } } @media screen and (max-width: 440px) { .page-inner .page-container { margin: 0 16px; width: auto; } } .page-outer { position: relative; z-index: 111; } @media screen and (min-width: 1021px) { .page-outer { padding: 55px 0 0 300px; } } .page-inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 0px; background: #ebebeb; } @media screen and (min-width: 1869px) { .page-inner { min-height: calc(100vh - 55px - 411px); } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .page-inner { min-height: calc(100vh - 55px - 162px); } } @media screen and (min-width: 669px) and (max-width: 1232px) { .page-inner { min-height: calc(100vh - 55px - 276px); } } @media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } } @media screen and (min-width: 1869px) { .page-main { float: left; width: 1024px; } } @media screen and (min-width: 1869px) { .page-sidebar { float: right; width: 408px; margin-bottom: 30px; } } @media screen and (max-width: 1869px) { .page-sidebar { margin-bottom: 30px; } } .page-block { background: white; border-radius: 5px; padding: 25px; } @media screen and (max-width: 440px) { .page-block { padding: 16px; } } .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; min-height: calc(100vh - 55px - 548px);} @media screen and (max-width: 1868px) and (min-width: 1233px) { .page-section-1:last-child { margin: 0; min-height: calc(100vh - 55px - 305px);} } .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-bottom: 30px; } .page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; } .page-controls .tabs-toggle { 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; } @media screen and (max-width: 440px) { .page-controls--1 { border: none; } } .page-controls--1 .tabs-toggle li { margin-right: 50px; } @media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle li { float: none; margin: 0; } } .page-controls--1 .tabs-toggle li:last-child { margin: 0; } @media screen and (min-width: 441px) { .page-controls--1 .tabs-toggle li.is-active a { font-size: 21px; } } @media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } } .page-controls--1 .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; } @media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle .aligner { vertical-align: baseline; } } @media screen and (max-width: 668px) { .page-controls--2 { border: none; } } @media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle { float: none; margin: 0; } } @media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle li { float: none; margin: 0; } } @media screen and (max-width: 668px) { .page-controls--2 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } } @media screen and (max-width: 1444px) { .page-controls--3 { border: none; } } @media screen and (min-width: 1445px) { .page-controls--3 .tabs-toggle { float: left; } } @media screen and (max-width: 1444px) { .page-controls--3 .tabs-toggle { margin: 0 0 16px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .page-controls--3 .tabs-toggle li { float: left; margin: 0; width: 50%; } } @media screen and (max-width: 440px) { .page-controls--3 .tabs-toggle li { float: none; margin: 0; } } @media screen and (max-width: 1444px) { .page-controls--3 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 8px 16px; } } .page-controls--3 .logout { color: #787878; display: inline-block; } @media screen and (min-width: 1445px) { .page-controls--3 .logout { float: right; height: 22px; line-height: 22px; padding: 0 0 12px; } } .page-heading { margin: 0 0 20px; position: relative; } .page-heading .page-title-2 { margin: 0 0 8px; } .page-heading .view-all { color: #b2b4b7; font-size: 14px; text-transform: uppercase; } .page-heading .view-all:hover { color: #494d50; } .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; } /*----------------------------------------------------- */ /* 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 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--largest { border-radius: 25px; font-size: 16px; height: 50px; line-height: 47px; } .button--1 { background: transparent; border: 1px solid #aaa; color: #aaa; } .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; } .btn { -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; } .btn-default { background: transparent; border: 1px solid #aaa; color: #aaa; } .btn-default:hover { background: #0cb28b; border-color: #0cb28b; color: white; } .btn-buy { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; } /*----------------------------------------------------- */ /* INPUT FIELD */ /*----------------------------------------------------- */ .input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; } @media screen and (max-width: 440px) { .input-field { padding: 8.5px 16px; } } input.input-field { height: 34px; } /*----------------------------------------------------- */ /* INPUT GROUPS */ /*----------------------------------------------------- */ .input-group-1 { display: block; margin: 0 0 10px; } .input-group-1 .caption { display: block; float: left; font-weight: normal; height: 34px; line-height: 32px; margin-right: 8px; } .input-group-1 .caption span { color: #0cb28b; } .input-group-1 .input-field, .input-group-1 .select-box { float: left; } .input-group-2 { display: block; margin: 0 0 12px; } .input-group-2 .caption { display: block; font-weight: normal; margin: 0 0 5px; } .input-group-2 .caption span { color: #0cb28b; } .input-group-2 .input-field { width: 100%; } .input-group-2--1 { float: left; margin-right: 30px; width: 308px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .input-group-2--1 { margin-right: 31px; width: 314px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .input-group-2--1 { margin-right: 18px; width: 252px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .input-group-2--1 { margin-right: 16px; width: 282px; } } @media screen and (max-width: 668px) { .input-group-2--1 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1233px) { .input-group-2--1:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .input-group-2--1:nth-child(even) { margin-right: 0; } } @media screen and (min-width: 1869px) { .input-group-2--2 { float: left; margin-right: 30px; width: 308px; } } @media screen and (min-width: 1869px) { .input-group-2--3 { float: left; width: 646px; } } /*----------------------------------------------------- */ /* SELECT BOX */ /*----------------------------------------------------- */ .select-box { font-size: 14px; position: relative; z-index: 333; } .select-box .fa-caret-down { position: absolute; right: 14px; top: 10px; -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; z-index: 2; } .select-box .cs-box.is-focused + .fa-caret-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .select-box .cs-box_selected { background: white; border-radius: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; height: 34px; line-height: 32px; overflow: hidden; padding: 0 38px 0 20px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; z-index: 1; } @media screen and (max-width: 440px) { .select-box .cs-box_selected { padding-left: 16px; } } .select-box .cs-box_list { background: white; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); list-style: none; margin: 16px 0 0; min-width: 100%; padding: 16px 0; position: absolute; z-index: 11; } .select-box .cs-box_list::before { border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent white transparent; bottom: 100%; content: ""; display: block; height: 0; left: 20px; position: absolute; width: 0; } .select-box .cs-box_list li { color: #494d50; cursor: pointer; padding: 4px 20px; position: relative; } @media screen and (max-width: 440px) { .select-box .cs-box_list li { padding: 4px 16px; } } .select-box .cs-box_list li:hover { color: #34393c; font-weight: normal; } .select-box .cs-box_list li.is-active { color: #0cb28b; font-weight: normal; } .select-box .cs-box_list li.is-disabled { display: none; } .select-box--bordered .cs-box_selected { border: 1px solid #cbccce; } /*----------------------------------------------------- */ /* NUMBER BOX */ /*----------------------------------------------------- */ .number-box .dec, .number-box .inc { background: #383a3d; border: none; display: block; float: left; height: 34px; line-height: 34px; padding: 0; text-align: center; width: 34px; } .number-box .dec:hover .fa-minus, .number-box .dec:hover .fa-plus, .number-box .dec:hover .fa-circle, .number-box .inc:hover .fa-minus, .number-box .inc:hover .fa-plus, .number-box .inc:hover .fa-circle { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .number-box .dec .fa-minus, .number-box .dec .fa-plus, .number-box .dec .fa-circle, .number-box .inc .fa-minus, .number-box .inc .fa-plus, .number-box .inc .fa-circle { font-size: 20px; -webkit-transition: -webkit-transform 0.18s; transition: -webkit-transform 0.18s; -o-transition: transform 0.18s; transition: transform 0.18s; transition: transform 0.18s, -webkit-transform 0.18s; width: 100%; } .number-box .dec { border-bottom-left-radius: 17px; border-top-left-radius: 17px; color: #787878; } .number-box .inc { border-bottom-right-radius: 17px; border-top-right-radius: 17px; color: #0cb28b; } .number-box .value { background: #383a3d; border: none; color: #b2b4b7; float: left; font-size: 18px; height: 34px; padding: 6px 0; text-align: center; width: 30px; } /*----------------------------------------------------- */ /* CHECK BOXES */ /*----------------------------------------------------- */ .check-box-1 label { cursor: pointer; display: inline-block; padding-left: 30px; position: relative; } .check-box-1 input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .check-box-1 input:checked + .icon { background: #0cb28b; border-color: #0cb28b; } .check-box-1 input:checked + .icon .fa-check { opacity: 1; } .check-box-1 input:checked + .icon + .caption { color: #34393c; } .check-box-1 .icon { background: none; border: 2px solid #b2b4b7; border-radius: 100%; color: white; font-size: 12px; height: 18px; line-height: 15px; 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-1 .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .check-box-1 .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; } .check-box-2 label { cursor: pointer; display: inline-block; padding-left: 20px; position: relative; } .check-box-2 input { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .check-box-2 input:checked + .icon { background: #0cb28b; border-color: #0cb28b; } .check-box-2 input:checked + .icon .fa-check { opacity: 1; } .check-box-2 input:checked + .icon + .caption { font-weight: normal; } .check-box-2 .icon { background: none; border: 2px solid #b2b4b7; border-radius: 3px; color: white; font-size: 10px; height: 10px; line-height: 10px; 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: 1px; width: 10px; } .check-box-2 .icon .fa-check { opacity: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .check-box-2 .caption { display: block; font-size: 14px; line-height: 16px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } /*----------------------------------------------------- */ /* SWITCH BOX */ /*----------------------------------------------------- */ /*----------------------------------------------------- */ /* SWITCH BOX */ /*----------------------------------------------------- */ .switch-box { display: block; } .switch-box .caption { cursor: pointer; display: block; float: left; line-height: 20px; position: relative; text-decoration: none; } .switch-box .caption:first-child { padding-right: 8px; } .switch-box .caption:last-child { padding-left: 8px; } .switch-box .caption input[type='radio'] { position: absolute; visibility: hidden; } .switch-box .caption input[type='radio']:checked + span { color: #0cb28b; } .switch-box .caption span { color: #b2b4b7; font-weight: normal; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } .switch-box .lever { background: #0cb28b; border-radius: 10px; cursor: pointer; display: block; float: left; height: 20px; position: relative; width: 40px; } .switch-box .lever.is-active-left::before { left: 2px; } .switch-box .lever.is-active-right::before { left: 22px; } .switch-box .lever::before { background: white; border-radius: 100%; content: ""; display: block; height: 16px; position: absolute; top: 2px; -webkit-transition: left 0.18s; -o-transition: left 0.18s; transition: left 0.18s; width: 16px; } /*----------------------------------------------------- */ /* FLIP SWITCH */ /*----------------------------------------------------- */ .flip-switch { cursor: pointer; display: inline-block; font-size: 16px; height: 22px; line-height: 22px; } .flip-switch input[type='checkbox'] { height: 0; opacity: 0; position: absolute; visibility: hidden; width: 0; } .flip-switch input[type='checkbox']:checked + .caption { color: #34393c; } .flip-switch input[type='checkbox']:checked + .caption + .icon { background: #0cb28b; } .flip-switch input[type='checkbox']:checked + .caption + .icon::before { left: 1px; } .flip-switch .caption { color: #797979; display: block; float: left; font-size: 16px; margin-right: 10px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } .flip-switch .icon { background: #cacccd; border-radius: 11px; display: block; float: left; height: 22px; position: relative; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 40px; } .flip-switch .icon::before { background: white; border-radius: 100%; content: ""; display: block; height: 20px; left: 19px; position: absolute; -webkit-transition: left 0.18s; -o-transition: left 0.18s; transition: left 0.18s; top: 1px; width: 20px; } /*----------------------------------------------------- */ /* 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; } /*----------------------------------------------------- */ /* TOOLTIP */ /*----------------------------------------------------- */ .tooltip { display: inline-block; position: relative; } .tooltip.is-active .toggle { color: #0cb28b; } .tooltip.is-active .balloon, .tooltip.is-active .overlay { opacity: 1; visibility: visible; } .tooltip .toggle { color: #cbccce; display: block; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } .tooltip .overlay { background: rgba(52, 57, 60, 0.6); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.18s, visibility 0.18s; -o-transition: opacity 0.18s, visibility 0.18s; transition: opacity 0.18s, visibility 0.18s; visibility: hidden; z-index: 444; } @media screen and (min-width: 1021px) { .tooltip .overlay { display: none; } } .tooltip .balloon { background: #34393c; border-radius: 5px; color: white; font-size: 14px; left: 50%; margin: 12px 0 0; opacity: 0; padding: 15px; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.18s, visibility 0.18s; -o-transition: opacity 0.18s, visibility 0.18s; transition: opacity 0.18s, visibility 0.18s; visibility: hidden; width: 240px; z-index: 444; } @media screen and (max-width: 1020px) { .tooltip .balloon { padding-right: 45px; position: fixed; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 555; } } .tooltip .balloon::before { border-color: transparent transparent #34393c transparent; border-style: solid; border-width: 0 7px 6px 7px; bottom: 100%; content: ""; display: block; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } @media screen and (max-width: 1020px) { .tooltip .balloon::before { display: none; } } .tooltip .balloon p { margin: 0; } .tooltip .balloon .close { border-radius: 5px; color: #787878; display: block; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; } @media screen and (min-width: 1021px) { .tooltip .balloon .close { display: none; } } /*----------------------------------------------------- */ /* CUSTOM SCROLL BAR */ /*----------------------------------------------------- */ .mCSB_inside > .mCSB_container { margin-right: 0; } .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; } /*----------------------------------------------------- */ /* DATEPICKER */ /*----------------------------------------------------- */ .ui-datepicker.ui-widget { font-family: "Exo 2", sans-serif; } .ui-datepicker.ui-widget.ui-widget-content { border: none; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; } .ui-datepicker.ui-widget .ui-widget-header { background: #eff1f0; border-color: #cbccce; border-radius: 5px; padding: 2px; } .ui-datepicker.ui-widget .ui-datepicker-title { height: 32px; line-height: 30px; } .ui-datepicker.ui-widget .ui-datepicker-prev, .ui-datepicker.ui-widget .ui-datepicker-next { cursor: pointer; height: 28px; top: 4px; width: 28px; } .ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover, .ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover { border-color: #cbccce; top: 3px; } .ui-datepicker.ui-widget .ui-datepicker-prev { left: 4px; } .ui-datepicker.ui-widget .ui-datepicker-prev.ui-state-hover { left: 3px; } .ui-datepicker.ui-widget .ui-datepicker-next { right: 4px; } .ui-datepicker.ui-widget .ui-datepicker-next.ui-state-hover { right: 3px; } .ui-datepicker.ui-widget .ui-datepicker-calendar { font-size: 14px; } .ui-datepicker.ui-widget .ui-datepicker-calendar td a, .ui-datepicker.ui-widget .ui-datepicker-calendar td span { border-color: #cbccce; border-radius: 5px; } .ui-datepicker.ui-widget .ui-state-default { background: #eff1f0; color: #494d50; font-size: 14px; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; } .ui-datepicker.ui-widget .ui-state-default.ui-state-hover { background: #cbccce; color: #34393c; } .ui-datepicker.ui-widget .ui-state-default.ui-state-active { background: #0cb28b; color: white; } /*----------------------------------------------------- */ /* MAIN PANEL */ /*----------------------------------------------------- */ .main-panel { background: #212427; bottom: 0; color: white; left: 0; padding: 105px 0 0; position: fixed; top: 0; -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: 300px; z-index: 222; } @media screen and (max-width: 1289px) { .main-panel { padding: 25px 0 0; } } @media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel { padding: 25px 0 0; } } @media screen and (max-width: 1020px) { .main-panel { padding: 25px 0 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @media screen and (max-width: 440px) { .main-panel { width: 100%; } } @media screen and (max-width: 1020px) { .main-panel.is-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .main-panel_close { color: #b2b4b7; font-size: 24px; height: 55px; line-height: 55px; position: absolute; right: 0; text-align: center; top: 0; width: 55px; } @media screen and (min-width: 1021px) { .main-panel_close { display: none; } } .main-panel_logo { display: block; margin: 0 auto 36px; width: 136px; } @media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_logo { margin: 0 auto 25px; width: 80px; } } @media screen and (max-width: 1020px) { .main-panel_logo { height: 44px; margin: 0 auto 20px; width: 80px; } } @media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_logo--festive { margin: -10px auto 25px; width: 100px; } } @media screen and (max-width: 1020px) { .main-panel_logo--festive { height: 44px; margin: -10px auto 20px; width: 100px; } } .main-panel_logo img { width: 100%; } .main-panel_search { margin: 0 0 25px; padding: 0 30px; } .main-panel_search .input-field, .main-panel_search button { background: #34393c; } .main-panel_menu-2 { padding: 0 30px; } .main-panel_menu-2 ul { border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; list-style: none; margin: 25px 0 0; padding: 22px 0 0; } @media screen and (max-width: 1020px) { .main-panel_menu-2 ul { padding-bottom: 22px; } } .main-panel_menu-2 a { color: #787878; display: block; height: 30px; line-height: 30px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } .main-panel_menu-2 a:hover { color: white; } .main-panel_phones { bottom: 0; left: 0; padding: 36px 30px; right: 0; } @media screen and (min-width: 1021px) and (max-height: 640px) { .main-panel_phones { display: none; } } @media screen and (max-width: 1020px) { .main-panel_phones { display: none; } } .main-panel_phones .caption { font-size: 12px; margin: 0 0 5px; } .main-panel_phones .number { font-size: 18px; margin: 0 0 10px; } .main-panel_phones .number:last-child { margin: 0; } .main-panel_phones .number.em { font-size: 21px; } .main-panel_phones .number.em a { color: white; } .main-panel_phones a { color: #787878; display: inline-block; font-weight: normal; } .main-panel_phones a.button--2 {color: #fff} .main-panel_phones .email { color: #787878;} .main-panel_phones .email a { color: #0cb28b; padding: 0px 0px 0px 5px;} /*----------------------------------------------------- */ /* 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; } /*----------------------------------------------------- */ /* PROMO SLIDER */ /*----------------------------------------------------- */ .promo-slider { margin: 20px 0 0; position: relative; } @media screen and (max-width: 1020px) { .promo-slider { margin: 0; } } @media screen and (max-width: 440px) { .promo-slider { margin: -9px 0 0; } } @media screen and (min-width: 1445px) { .promo-slider:hover .slider-prev, .promo-slider:hover .slider-next { background: rgba(52, 57, 60, 0.75); } } .promo-slider .slider-prev, .promo-slider .slider-next { color: white; display: block; font-size: 28px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; top: 50%; z-index: 22; } @media screen and (max-width: 1444px) { .promo-slider .slider-prev, .promo-slider .slider-next { background: rgba(52, 57, 60, 0.75); font-size: 24px; height: 42px; line-height: 42px; margin: 0; text-align: center; top: 0; width: 42px; } } @media screen and (max-width: 440px) { .promo-slider .slider-prev, .promo-slider .slider-next { font-size: 20px; height: 36px; line-height: 36px; width: 36px; } } @media screen and (min-width: 1445px) { .promo-slider .slider-prev { border-bottom-right-radius: 5px; border-top-right-radius: 5px; left: 0; padding: 0 10px 0 35px; } } @media screen and (max-width: 1444px) { .promo-slider .slider-prev { border-bottom-left-radius: 5px; right: 43px; } } @media screen and (max-width: 440px) { .promo-slider .slider-prev { right: 37px; } } .promo-slider .slider-next { right: 0; } @media screen and (min-width: 1445px) { .promo-slider .slider-next { border-bottom-left-radius: 5px; border-top-left-radius: 5px; padding: 0 35px 0 10px; } } @media screen and (max-width: 1444px) { .promo-slider .slider-next { border-top-right-radius: 5px; } } .promo-slider .slide { background-position: 50% 50%; background-size: cover; border-radius: 5px; height: 450px; position: relative; z-index: 11; } .promo-slider .text { background: -webkit-gradient(linear, left bottom, left top, from(rgba(52, 57, 60, 0.9)), to(rgba(52, 57, 60, 0.75))); background: -webkit-linear-gradient(bottom, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); background: -o-linear-gradient(bottom, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); background: linear-gradient(0deg, rgba(52, 57, 60, 0.9) 0%, rgba(52, 57, 60, 0.75) 100%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: 0; color: white; left: 0; padding: 30px; position: absolute; right: 0; } @media screen and (max-width: 440px) { .promo-slider .text { padding: 25px; } } .promo-slider .brief { font-size: 14px; font-weight: normal; } @media screen and (min-width: 1445px) { .promo-slider .brief { float: left; font-size: 14px; font-weight: normal; height: 82px; line-height: 78px; width: 592px; } } @media screen and (max-width: 1444px) { .promo-slider .brief { margin: 0 0 20px; } } .promo-slider .brief p { margin: 0; } @media screen and (max-width: 1020px) { .promo-slider .brief p { display: none; } } .promo-slider .brief .title { font-size: 30px; line-height: 1; margin: 0 0 10px; } @media screen and (max-width: 1020px) { .promo-slider .brief .title { margin: 0; } } @media screen and (max-width: 440px) { .promo-slider .brief .title { font-size: 24px; } } @media screen and (min-width: 1445px) { .promo-slider .info { float: right; } } .promo-slider .info .price { float: left; height: 82px; line-height: 84px; } @media screen and (min-width: 1445px) { .promo-slider .info .price { margin-right: 40px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .promo-slider .info .price { height: 64px; line-height: 64px; } } @media screen and (max-width: 440px) { .promo-slider .info .price { height: 54px; line-height: 54px; } } .promo-slider .info .old { background: #da3131; border-radius: 12px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 10px; padding: 0 10px; } @media screen and (max-width: 1444px) { .promo-slider .info .old { margin: 0 0 5px; } } @media screen and (max-width: 440px) { .promo-slider .info .old { height: 20px; line-height: 18px; padding: 0 5px; } } .promo-slider .info .current { display: block; font-size: 36px; font-weight: bold; line-height: 1; } @media screen and (min-width: 441px) and (max-width: 1444px) { .promo-slider .info .current { font-size: 30px; } } @media screen and (max-width: 440px) { .promo-slider .info .current { font-size: 24px; } } .promo-slider .info .button { display: block; float: right; margin: 16px 0; padding: 0; width: 180px; } @media screen and (max-width: 1444px) { .promo-slider .info .button { margin: 7px 0; } } @media screen and (max-width: 440px) { .promo-slider .info .button { border-radius: 20px; font-size: 14px; height: 40px; line-height: 38px; width: 120px; } } /*----------------------------------------------------- */ /* PROMO BANNERS */ /*----------------------------------------------------- */ .promo-banner-1 { background-position: 50% 50%; background-size: cover; border-radius: 5px; color: white; display: block; float: left; margin: 16px 16px 0 0; padding: 40px; position: relative; width: 646px; } @media screen and (max-width: 1868px) { .promo-banner-1 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .promo-banner-1 { padding: 30px; } } @media screen and (max-width: 440px) { .promo-banner-1 { padding: 25px; } } .promo-banner-1:nth-child(even) { margin-right: 0; } .promo-banner-1::before { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(52, 57, 60, 0.15))); background: -webkit-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); background: -o-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); background: linear-gradient(0deg, #34393c 0%, rgba(52, 57, 60, 0.15) 100%); border-radius: 5px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .promo-banner-1 .image { border-radius: 5px; display: block; float: left; height: 140px; margin-right: 40px; position: relative; z-index: 22; } @media screen and (max-width: 668px) { .promo-banner-1 .image { float: none; height: 70px; margin: 0 0 20px; } } .promo-banner-1 .text { display: block; height: 140px; line-height: 140px; overflow: hidden; position: relative; z-index: 22; } @media screen and (max-width: 668px) { .promo-banner-1 .text { height: auto; line-height: 1.28; } } .promo-banner-1 .text .aligner { vertical-align: bottom; } .promo-banner-1 .text .title { display: block; font-size: 24px; line-height: 1; margin: 0 0 10px; } .promo-banner-2 { background: #34393c; } .promo-banner-2 a { display: block; position: relative; } .promo-banner-2 .fg {border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;left: 0;position: absolute;top: 0;} .promo-banner-2 .bg {border-radius: 5px;width: 100%;} /*----------------------------------------------------- */ /* PRODUCT ITEM */ /*----------------------------------------------------- */ @media screen and (min-width: 441px) { .product-items { margin: 0 0 -16px; } } .product-item { background: #212427; border-radius: 5px; overflow: hidden; } .product-item:hover .current-price { color: white; } .product-item--vertical { float: left; margin: 0 16px 16px 0; width: 196px; } @media screen and (max-width: 440px) { .product-item--vertical { float: none; margin-right: 0; width: auto; } } .product-item--vertical .product-item_image { border-top-left-radius: 5px; border-top-right-radius: 5px; } .product-item--vertical .product-item_image img { border-top-left-radius: 5px; border-top-right-radius: 5px; } @media screen and (max-width: 440px) { .product-item--vertical .product-item_image a { display: none; } } @media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-labels { margin: 20px 0 0 20px; position: static; } } @media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-labels .label { display: block; } } @media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-label--DISCOUNT { border-radius: 100%; height: 24px; width: 24px; } } @media screen and (max-width: 440px) { .product-item--vertical .product-item_image .product-label--DISCOUNT::before, .product-item--vertical .product-item_image .product-label--DISCOUNT::after { display: none; } } .product-item--vertical .product-item_title { margin: 0 0 12px; } .product-item--vertical .product-item_title .name { height: 40px; overflow: hidden; } .product-item--vertical .product-item_title .type { height: 32px; overflow: hidden; } .product-item--vertical .product-item_price { height: 74px; overflow: hidden;} @media screen and (max-width: 440px) { .product-item--vertical .product-item_title .name, .product-item--vertical .product-item_title .type { height: auto; } } @media screen and (max-width: 440px) { .product-item--vertical .product-item_price { height: auto;}} .product-item--vertical .product-item_specs { display: none; } .product-item--vertical .product-item_info .current-price { margin: 0 0 18px; overflow: hidden; } .product-item--vertical .product-item_info .price-margin-top { margin-top: 16px; } @media screen and (max-width: 440px) { .product-item--vertical .product-item_info .price-margin-top { margin: 0 0 18px; } } .product-item--vertical .product-item_info .buy { border-radius: 15px; font-size: 12px; height: 30px; line-height: 28px; width: 112px; } .product-item--vertical .product-item_info .buy .fa-shopping-basket { display: none; } .product-item--vertical .product-item_info .like { float: left; height: 30px; line-height: 30px; margin-left: 14px; width: 30px; } @media screen and (min-width: 1869px) { .product-item--v1:nth-child(7n) { margin-right: 0; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .product-item--v1:nth-child(5n) { margin-right: 0; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-item--v1:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .product-item--v1:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 668px) { .product-item--v1:nth-child(even) { margin-right: 0; } } @media screen and (min-width: 1445px) { .product-item--v2 { margin-right: 11px; } } @media screen and (min-width: 1869px) { .product-item--v2:nth-child(5n) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1868px) { .product-item--v2:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 668px) { .product-item--v2:nth-child(even) { margin-right: 0; } } .product-item--horizontal { margin: 0 0 8px; } .product-item--horizontal .product-item_image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; height: 147px; width: 196px; } .product-item--horizontal .product-item_image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .product-item--horizontal .product-item_title { float: left; width: 280px; } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_title { width: 240px; } } .product-item--horizontal .product-item_info { float: right; width: 200px; } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info { width: 100px; } } .product-item--horizontal .product-item_info .current-price { margin: 3px 0 32px; } .product-item--horizontal .product-item_info .buy { border-radius: 22px; height: 44px; line-height: 40px; width: 140px; } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy { line-height: 48px; width: 44px; } } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy span { display: none; } } .product-item--horizontal .product-item_info .buy .fa-shopping-basket { font-size: 22px; } @media screen and (min-width: 1445px) { .product-item--horizontal .product-item_info .buy .fa-shopping-basket { display: none; } } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_info .buy .fa-check { display: none; } } .product-item--horizontal .product-item_info .like { border: 1px solid #494d50; border-radius: 100%; height: 44px; line-height: 42px; width: 44px; } .product-item--horizontal .product-item_info .like:hover, .product-item--horizontal .product-item_info .like.is-active { background: #494d50; } @media screen and (max-width: 1444px) { .product-item--horizontal .product-item_specs { display: none; } } .product-item_image { position: relative; z-index: 25; } .product-item_image a { display: block; } .product-item_image a img { width: 100%; } .product-item_image .product-labels { position: absolute; top: 8px; left: 8px; width: 100%; } .product-item_image .product-labels .label { display: inline-block; max-width: 155px; line-height: 22px; border-radius: 5px; height: 24px; padding: 0 8px; overflow: hidden; } .product-item_image .product-label--SPECIALOFFER { background: #e77367; } .product-item_image .product-label--NEWPRODUCT { background: #ffc600; } .product-item_image .product-label--SALELEADER { background: #f2a53d; } .product-item_image .product-label--DISCOUNT { position: absolute; top:0px; right: 15px; background: #da3131; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; font-weight: bold; height: 36px; text-align: center; width: 22px; z-index: 1; } .product-item_image .product-label--DISCOUNT::before, .product-item_image .product-label--DISCOUNT::after { border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 100%; width: 0; } .product-item_image .product-label--DISCOUNT::before { border-width: 12px 11px 0 0; border-color: #da3131 transparent transparent transparent; left: 0; } .product-item_image .product-label--DISCOUNT::after { border-width: 0 11px 12px 0; border-color: transparent #da3131 transparent transparent; right: 0; } .product-item_text { background: #212427; overflow: hidden; padding: 20px; position: relative; z-index: 22; } .product-item_title a { display: inline-block; } .product-item_title .name { font-size: 16px; font-weight: normal; line-height: 20px; margin: 0 0 10px; max-height: 40px; overflow: hidden; color: white; } .product-item_title .name a { color: white; } .product-item_title .type { font-size: 12px; font-weight: 300; line-height: 16px; margin: 0; max-height: 32px; overflow: hidden; } .product-item_title .type a { color: #787878; } .product-item_specs { color: #b2b4b7; font-size: 12px; height: 100px; margin: 3px 0 4px; overflow: hidden; } .product-item_specs p { line-height: 15px; margin: 0 0 2px; } .product-item_specs p:last-child { margin: 0; } .product-item_specs span { color: white; } .product-item_info .old-price { color: #da3131; display: block; height: 16px; line-height: 16px; text-decoration: line-through; overflow: hidden; } .product-item_info .current-price { color: #b2b4b7; font-size: 21px; height: 28px; line-height: 28px; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } .product-item_info .current-price small { font-size: 18px; } .product-item_info .buy { /*float: left;*/ padding: 0; } .product-item_info .buy.is-active { background: #0cb28b; border-color: #0cb28b; color: white; } .product-item_info .like { -webkit-box-sizing: border-box; box-sizing: border-box; color: #494d50; display: block; float: right; font-size: 24px; 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; } .product-item_info .like:hover, .product-item_info .like.is-active { color: #b2b4b7; } .product-item .button-wrapper { float: left; } .product-item .number-box { height: 34px; margin: 0px 0px 20px 0px; } .product-item .number-box .value { width: 88px; } /*----------------------------------------------------- */ /* PRODUCTS SLIDER */ /*----------------------------------------------------- */ .products-slider .product-item { float: none; margin: 0; } .products-slider .owl-controls { margin: 12px 0 0; text-align: center; } .products-slider .owl-prev, .products-slider .owl-next { color: #a4a7a8; display: inline-block; -webkit-transition: color 0.18s, opacity 0.18s; -o-transition: color 0.18s, opacity 0.18s; transition: color 0.18s, opacity 0.18s; vertical-align: middle; } .products-slider .owl-prev:hover, .products-slider .owl-next:hover { color: #34393c; } .products-slider .owl-prev.is-disabled, .products-slider .owl-next.is-disabled { color: #a4a7a8; cursor: default; opacity: 0.35; } .products-slider .owl-dots { display: inline-block; margin: 0 8px; vertical-align: middle; } .products-slider .owl-dot { background: #a4a7a8; border-radius: 100%; cursor: pointer; display: block; float: left; height: 8px; margin: 1px 5px; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 8px; } .products-slider .owl-dot.active { background: #34393c; height: 10px; margin: 0 4px; width: 10px; } /*----------------------------------------------------- */ /* PRODUCT PHOTOS */ /*----------------------------------------------------- */ .product-photos { margin: 0 0 30px; } .product-photos .slider-prev, .product-photos .slider-next { display: block; font-size: 24px; height: 100%; position: absolute; top: 0; width: 30px; z-index: 11; } .product-photos .slider-prev .fa-chevron-left, .product-photos .slider-prev .fa-chevron-right, .product-photos .slider-next .fa-chevron-left, .product-photos .slider-next .fa-chevron-right { position: absolute; top: 50%; } .product-photos .slider-prev { left: 0; } .product-photos .slider-next { right: 0; } .product-photos_large { position: relative; } .product-photos_large .slider-prev, .product-photos_large .slider-next { background: rgba(52, 57, 60, 0.5); color: white; } @media screen and (min-width: 669px) { .product-photos_large .slider-prev, .product-photos_large .slider-next { display: none; } } .product-photos_large .slider-prev .fa-chevron-left, .product-photos_large .slider-prev .fa-chevron-right, .product-photos_large .slider-next .fa-chevron-left, .product-photos_large .slider-next .fa-chevron-right { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-photos_large .slide { border-radius: 5px; background-color: #212427; } .product-photos_small { margin: 16px 0 0; padding: 0 35px; position: relative; } @media screen and (min-width: 669px) and (max-width: 1444px) { .product-photos_small { padding: 0 36px; } } @media screen and (max-width: 668px) { .product-photos_small { display: none; } } .product-photos_small .slider-prev, .product-photos_small .slider-next { color: #34393c; opacity: 0.3; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .product-photos_small .slider-prev:hover, .product-photos_small .slider-next:hover { opacity: 1; } .product-photos_small .slider-prev.is-disabled, .product-photos_small .slider-next.is-disabled { cursor: default; opacity: 0.1; } .product-photos_small .slider-prev .fa-chevron-left, .product-photos_small .slider-prev .fa-chevron-right, .product-photos_small .slider-next .fa-chevron-left, .product-photos_small .slider-next .fa-chevron-right { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-photos_small .slider-prev .fa-chevron-left { left: 0; } .product-photos_small .slider-next .fa-chevron-right { right: 0; } .product-photos_small .slide { background: white; border-radius: 5px; width: 178px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .product-photos_small .slide { width: 182px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .product-photos_small .slide { width: 172px; } } .product-photos_small .slide.is-active img { opacity: 0.5; } .product-photos_small .slide img { border-radius: 5px; -webkit-transition: opacity 0.36s; -o-transition: opacity 0.36s; transition: opacity 0.36s; width: 100%; } .product-photos_small .slide span { background-color: #212427; } /*----------------------------------------------------- */ /* PRODUCT EDITIONS */ /*----------------------------------------------------- */ .product-editions .page-heading { margin: 0 0 18px; } @media screen and (min-width: 441px) { .product-editions .page-heading .page-title-3 { float: left; line-height: 24px; margin: 0; } } @media screen and (max-width: 440px) { .product-editions .page-heading .page-title-3 { margin: 0 0 8px; } } .product-editions .page-heading .toggle-differences { color: #b2b4b7; font-size: 14px; text-transform: uppercase; } @media screen and (min-width: 441px) { .product-editions .page-heading .toggle-differences { display: block; float: right; line-height: 24px; } } .product-editions .page-heading .toggle-differences:hover { color: #494d50; } .product-edition { border-radius: 5px; } .product-edition--1 { background: #eff1f0; border: 2px solid #eff1f0; margin: 0 0 8px; padding: 18px; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; } @media screen and (max-width: 440px) { .product-edition--1 { padding: 14px; } } .product-edition--1.is-active { background: white; border-color: #0cb28b; } .product-edition--1.is-active .buy { background: #da3131; border-color: #da3131; } .product-edition--1:last-child { margin: 0; } .product-edition--1 .product-edition_image { display: block; background-size: contain;} .product-edition--1 .product-edition_image span{ background-size: contain; } @media screen and (min-width: 669px) { .product-edition--1 .product-edition_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--1 .product-edition_image { margin-bottom: 20px; } } @media screen and (max-width: 668px) { .product-edition--1 .product-edition_image { margin: 0 0 16px; padding: 16px; } } .product-edition--1 .product-edition_info { float: left; margin-right: 16px; width: 400px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .product-edition--1 .product-edition_info { width: 420px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--1 .product-edition_info { width: 320px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--1 .product-edition_info { margin: 0 0 20px; width: 376px; } } @media screen and (max-width: 668px) { .product-edition--1 .product-edition_info { float: none; margin: 0 0 16px; width: auto; } } @media screen and (min-width: 669px) { .product-edition--1 .product-edition_info .title { overflow: hidden; } } @media screen and (min-width: 669px) { .product-edition--1 .product-edition_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } } .product-edition--1 .product-edition_specs { float: left; } @media screen and (min-width: 1445px) { .product-edition--1 .product-edition_specs { width: 364px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--1 .product-edition_specs { width: 252px; } } @media screen and (max-width: 1232px) { .product-edition--1 .product-edition_specs { clear: both; float: none; width: auto; } } @media screen and (min-width: 1445px) { .product-edition--1 .product-edition_specs li { padding: 2px 16px; } } @media screen and (min-width: 1233px) { .product-edition--2 { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; } } @media screen and (min-width: 1233px) { .product-edition--2 .product-edition_image { display: table-cell; vertical-align: middle; width: 225px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--2 .product-edition_image { width: 175px; } } @media screen and (min-width: 441px) and (max-width: 1232px) { .product-edition--2 .product-edition_image { float: left; margin: 0 20px 20px 0; width: 175px; } } @media screen and (max-width: 440px) { .product-edition--2 .product-edition_image { display: block; margin: 0 0 16px; } } @media screen and (min-width: 1233px) { .product-edition--2 .product-edition_info { display: table-cell; padding: 0 25px; vertical-align: middle; width: 325px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-edition--2 .product-edition_info { padding: 0 16px; width: 300px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .product-edition--2 .product-edition_info { float: left; margin: 0 0 20px; width: 375px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .product-edition--2 .product-edition_info { margin: 0 0 20px; } } @media screen and (max-width: 440px) { .product-edition--2 .product-edition_info { margin: 0 0 16px; } } @media screen and (min-width: 1233px) { .product-edition--2 .product-edition_specs { display: table-cell; vertical-align: middle; } } @media screen and (max-width: 1232px) { .product-edition--2 .product-edition_specs { clear: both; float: none; width: auto; } } .product-edition_image { background: white; border-radius: 5px; text-align: center; } .product-edition_image img { max-height: 100%; max-width: 100%; } .product-edition_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; } .product-edition_info .title a { color: #34393c; } .product-edition_info .title a:hover { text-decoration: underline; } .product-edition_info .type { color: #787878; font-size: 14px; height: 18px; line-height: 18px; margin: 0 0 12px; overflow: hidden; } .product-edition_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; } .product-edition_info .rating:last-child { margin: 0; } .product-edition_info .rating .star { color: #cbccce; display: inline-block; } .product-edition_info .rating .star.is-active { color: #ffc600; } @media screen and (min-width: 441px) { .product-edition_info .price { float: left; margin-right: 12px; margin-bottom: 3px; /*width: 122px; */} } @media screen and (max-width: 440px) { .product-edition_info .price { margin: 0 0 8px; } } .product-edition_info .price span { background: #008e87; border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 100%; line-height: 30px; padding: 0 12px; } .product-edition_info .price span span.old {text-decoration: line-through; padding: 0;} .product-edition_info .price small { font-size: 18px; } .product-edition_info .buy { float: left; margin-right: 12px; padding: 0; width: 140px; margin-top: 15px;} .product-edition_info .request { float: left; font-size: 14px; margin-right: 12px; padding: 0; width: 150px; } .product-edition_info .request:last-child { margin: 0; } .product-edition_info .download { font-size: 14px; padding: 0; width: 30px; } .product-edition_info .price.old_price{margin-bottom: 16px;} .product-edition_info .price.old_price span{text-decoration: line-through; background: #c6c6c6; font-size: 17px;} .product-edition_info .price.old_price2 span{ background: #c6c6c6;} .product-edition_info .price.disc_price span{ background: #076b66;} .product-edition_info .price .price_name {width: 88px; display: inline-block;} .product-edition_specs { color: #787878; font-size: 14px; list-style: none; margin: 0; padding: 0; } .product-edition_specs li { margin: 0 0 1px; padding: 2px; } .product-edition_specs li:last-child { margin: 0; } .product-edition_specs li.is-different { background: #f4c1c1; } .product-edition_specs span { color: #34393c; } /*----------------------------------------------------- */ /* PRODUCT REQUIREMENTS */ /*----------------------------------------------------- */ .product-requirements { background: -webkit-gradient(linear, left top, right top, from(#41ba88), to(#008e87)); background: -webkit-linear-gradient(left, #41ba88 0%, #008e87 100%); background: -o-linear-gradient(left, #41ba88 0%, #008e87 100%); background: linear-gradient(90deg, #41ba88 0%, #008e87 100%); border-radius: 5px; color: white; padding: 25px; } @media screen and (max-width: 440px) { .product-requirements { padding: 16px; } } .product-requirements .page-title-3 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 0 0 16px; padding: 0 0 16px; } .product-requirements .page-title-4 { font-size: 14px; font-weight: bold; margin: 0 0 10px; } .product-requirements .column { font-size: 14px; width: 471px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .product-requirements .column { width: 481px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-requirements .column { width: 375px; } } @media screen and (min-width: 1233px) { .product-requirements .column { float: left; margin-right: 32px; } } @media screen and (max-width: 1232px) { .product-requirements .column { margin: 0 0 16px; width: auto; } } .product-requirements .column:last-child { margin: 0; } .product-requirements .column ul { list-style: none; margin: 0; padding: 0; } .product-requirements .column li { margin: 6px 0 0; } .product-requirements .column span { font-weight: normal; } /*----------------------------------------------------- */ /* PRODUCT SELECTION */ /*----------------------------------------------------- */ .product-selection {background: #ffffff; border-radius: 5px; padding: 25px; text-align: center; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection { float: left; margin-right: 30px; width: 408px; } } /*@media screen and (min-width: 1869px) { .product-selection--1 .price { padding: 26px 0 38px; } } @media screen and (min-width: 1869px) { .product-selection--1 .price .current { margin: 36px 0 0; } } @media screen and (min-width: 1869px) { .product-selection--2 .price { padding: 2px 0 16px; } } */ .product-selection_image { border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; } .product-selection_image img { border-top-left-radius: 5px; border-top-right-radius: 5px; } .product-selection_image a { display: block; } .product-selection_image a span { background-size: auto; background-color: #fff;} @media screen and (max-width: 1232px) { .product-selection_image a { display: none; } } .product-selection_image a img { width: 100%; } .product-selection_image .product-labels { position: absolute; top: 16px; left: 16px; width: 100%; } .product-selection_image .product-labels .label { max-width: 200px; line-height: 38px; border-radius: 5px; height: 38px; padding: 0 8px; overflow: hidden; } .product-selection_image .product-label--SPECIALOFFER { background: #e77367; } .product-selection_image .product-label--NEWPRODUCT { background: #ffc600; } .product-selection_image .product-label--SALELEADER { background: #f2a53d; } @media screen and (max-width: 1232px) { .product-selection_image .product-labels { position: static; padding: 16px 0px 0px 16px; } } .product-selection_image .product-label--DISCOUNT { position: absolute; top:0px; right: 32px; background: #da3131; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; font-weight: bold; height: 38px; text-align: center; width: 30px; z-index: 1;font-size: 21px; line-height: 36px; } .product-selection_image .product-label--DISCOUNT::before, .product-selection_image .product-label--DISCOUNT::after { border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 100%; width: 0; } .product-selection_image .product-label--DISCOUNT::before { border-width: 12px 11px 0 0; border-color: #da3131 transparent transparent transparent; left: 0; } .product-selection_image .product-label--DISCOUNT::after { border-width: 0 11px 12px 0; border-color: transparent #da3131 transparent transparent; right: 0; } @media screen and (max-width: 1232px) { .product-selection_image .product-label--DISCOUNT { top:16px; right: 16px; border-radius: 100%; width: 38px; } } @media screen and (max-width: 1232px) { .product-selection_image .product-label--DISCOUNT::before, .product-selection_image .product-label--DISCOUNT::after { display: none; } } .product-selection_text { padding: 25px; } @media screen and (max-width: 440px) { .product-selection_text { padding: 16px 16px 20px; } } .product-selection_text .count { float: left; font-size: 14px; line-height: 18px; margin: 0 0 16px; } @media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .count { margin-right: 20px; } } @media screen and (max-width: 440px) { .product-selection_text .count { float: none; } } .product-selection_text .count + .download { float: right; } @media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .count + .download { float: left; } } @media screen and (max-width: 440px) { .product-selection_text .count + .download { float: none; } } .product-selection_text .count span { color: #b2b4b7; } .product-selection_text .download { color: #b2b4b7; display: inline-block; font-size: 14px; line-height: 18px; margin: 0 0 16px; vertical-align: middle; } .product-selection_text .download:hover span { text-decoration: underline; } .product-selection_text .download .fa-download { color: #0cb28b; margin-right: 5px; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection_text .price { padding: 2px 0 16px; } } @media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .price { padding: 9px 0 25px; } } @media screen and (max-width: 440px) { .product-selection_text .price { padding: 9px 0 20px; } } .product-selection_text .price .old { background: #da3131; border-radius: 12px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; padding: 0 10px; } .product-selection_text .price .old + .current { margin: 12px 0 0; } @media screen and (max-width: 440px) { .product-selection_text .price .old + .current { margin: 6px 0 0; } } .product-selection_text .price .current { display: block; font-size: 36px; font-weight: normal; } @media screen and (min-width: 1233px) { .product-selection_text .price .current { height: 36px; line-height: 1; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-selection_text .price .current { margin: 36px 0 0; } } @media screen and (max-width: 440px) { .product-selection_text .price .current { font-size: 30px; } } @media screen and (max-width: 440px) { .product-selection_text .price .current small { font-size: 24px; } } .product-selection_text .price .item_economy_price { font-size: 16px; margin: 0px 0px 0px 10px; } .product-selection_text .buy { float: left; padding: 0; width: 288px; } @media screen and (min-width: 441px) and (max-width: 1232px) { .product-selection_text .buy { margin-right: 20px; } } @media screen and (max-width: 440px) { .product-selection_text .buy { margin-right: 16px; width: 190px; } } .product-selection_text .buy.is-active:hover { background: #0cb28b; -webkit-box-shadow: none; box-shadow: none; } .product-selection_text .like { background: #34393c; border-radius: 100%; color: #b2b4b7; float: right; font-size: 22px; height: 50px; line-height: 50px; padding: 0; 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: 50px; } @media screen and (max-width: 1232px) { .product-selection_text .like { float: left; } } .product-selection_text .like:hover, .product-selection_text .like.is-active { background: #b2b4b7; color: white; } .product-selection_text .number-box-detail { overflow: hidden; margin: 0px 0px 26px 0px; } .product-selection_text .number-box-detail .number-box { float: left; } .product-selection_text .number-box-detail .product-item-amount { float: right; } /*----------------------------------------------------- */ /* PRODUCT LOGO */ /*----------------------------------------------------- */ .product-logo { text-align: center; } /*@media screen and (min-width: 1869px) { .product-logo { height: 220px; line-height: 220px; } }*/ /*@media screen and (max-width: 1869px) { .product-logo { margin-bottom: 0; } }*/ @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-logo { /* margin-right: 30px; */ width: auto; } } .product-logo img { max-height: 100%; max-width: 100%; } /*----------------------------------------------------- */ /* PRODUCT CERTIFICATES */ /*----------------------------------------------------- */ @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates { float: none; position: relative; } } /* @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-certificates { width: 344px; } } */ .product-certificates .slider { margin: 0 0 20px; position: relative; overflow: hidden; } .product-certificates .slider-prev, .product-certificates .slider-next { color: #34393c; height: 190px; line-height: 190px; opacity: 0.3; position: absolute; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; width: 44px; z-index: 11; } @media screen and (max-width: 440px) { .product-certificates .slider-prev, .product-certificates .slider-next { background: rgba(255, 255, 255, 0.5); text-align: center; width: 32px; } } .product-certificates .slider-prev:hover, .product-certificates .slider-next:hover { opacity: 1; } .product-certificates .slider-prev { left: 0; } .product-certificates .slider-next { right: 0; text-align: right; } @media screen and (max-width: 440px) { .product-certificates .slider-next { text-align: center; } } .product-certificates .slide { background: white; } .product-certificates .slide .image { display: block; height: 190px; margin: 0 auto 20px; text-align: center; } @media screen and (min-width: 441px) { .product-certificates .slide .image { max-width: 270px; } } .product-certificates .slide .image img { display: inline-block; height: 100%; max-width: 100%; width: auto; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .slide .title { line-height: 20px; max-height: 40px; overflow: hidden; } } .product-certificates .slide .brief { color: #777; font-size: 14px; margin: 0; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .slide .brief { line-height: 18px; overflow: hidden; } } .product-certificates .read-more { font-size: 14px; text-align: center; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates .read-more { bottom: 25px; left: 25px; line-height: 18px; position: absolute; right: 25px; } } .product-certificates .read-more a { color: #b2b4b7; text-transform: uppercase; } .product-certificates .read-more a:hover { color: #34393c; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--1 .brief { max-height: 126px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--2 { height: 390px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-certificates--2 .brief { max-height: 36px; } } .product-certificatesSlider { display: block; } .product-certificatesSliderMobile { display: none; } @media screen and (max-width: 1868px) { .product-certificatesSlider { display: none; } } @media screen and (max-width: 1868px) { .product-certificatesSliderMobile { display: block; } } .owl-carousel:not(.owl-loaded) .product-certificates .slide:not(:first-child) { display: none; } .owl-carousel:not(.owl-loaded) .product-certificates .slide:first-child { display: block; width: 100%; } /*----------------------------------------------------- */ /* PRODUCT DESCRIPTION */ /*----------------------------------------------------- */ .product-description { position: relative; } .product-description .read-more { background-color: #fff; bottom: 0; box-shadow: 0 -20px 20px 0px #fff; left: 0; margin: 0; padding: 10px 0 20px; position: absolute; width: 100%; z-index: 100; } /*----------------------------------------------------- */ /* PRODUCT CALLBACK */ /*----------------------------------------------------- */ @media screen and (min-width: 1233px) and (max-width: 1868px) { .product-callback { float: left; margin: 0 30px 0 0; width: 586px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-callback { width: 408px; } } .product-callback .input-field { background: white; border-radius: 25px; float: left; font-size: 18px; height: 50px; margin-right: -145px; padding: 14px 165px 14px 20px; width: 100%; } @media screen and (max-width: 440px) { .product-callback .input-field { margin-right: -100px; padding-right: 110px; } } .product-callback .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; padding: 0; width: 145px; } @media screen and (max-width: 440px) { .product-callback .button { font-size: 14px; width: 100px; } } .product-callback .note { font-size: 14px; margin: 20px 0 0; } /*----------------------------------------------------- */ /* PRODUCT VIDEO */ /*----------------------------------------------------- */ .product-video { border-radius: 5px; color: white; display: block; overflow: hidden; position: relative; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .product-video { float: left; width: 408px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .product-video { float: left; width: 394px; } } .product-video:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .product-video .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%; } .product-video .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; display: block; left: 0; padding: 25px; position: absolute; right: 0; z-index: 1; } .product-video .fa-layers { font-size: 78px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media screen and (max-width: 440px) { .product-video .fa-layers { font-size: 42px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; right: 16px; top: 16px; } } .product-video .fa-circle { color: white; } .product-video .fa-play-circle { color: #0cb28b; } /*----------------------------------------------------- */ /* ARTICLE ITEM */ /*----------------------------------------------------- */ .article-item { background: white; border-radius: 5px; margin: 0 0 16px; -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; } @media screen and (min-width: 669px) { .article-item { height: 210px; } } .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:last-child { margin: 0; } .article-item .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: block; float: left; height: 100%; overflow: hidden; } @media screen and (max-width: 668px) { .article-item .image { display: none; } } .article-item .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; height: 100%; -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; } .article-item .text { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; padding: 25px; position: relative; } @media screen and (min-width: 669px) { .article-item .text { padding-bottom: 57px; } } @media screen and (max-width: 440px) { .article-item .text { padding: 16px; } } @media screen and (min-width: 669px) { .article-item .title { line-height: 20px; } } .article-item .title a { color: #34393c; display: inline-block; } .article-item .brief { color: #777; font-size: 14px; margin: 0; overflow: hidden; } @media screen and (min-width: 669px) { .article-item .brief { line-height: 18px; max-height: 36px; } } @media screen and (max-width: 668px) { .article-item .brief { margin: 0 0 16px; } } .article-item .date { color: #b2b4b7; display: block; font-size: 12px; } @media screen and (min-width: 669px) { .article-item .date { bottom: 25px; /*line-height: 16px;*/ left: 25px; position: absolute; right: 25px; } } /*----------------------------------------------------- */ /* CATALOG ITEM */ /*----------------------------------------------------- */ .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; } @media screen and (max-width: 440px) { .catalog-item { float: none; margin-right: 0; width: 100%; } } .catalog-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); color: #b2b4b7; } @media screen and (min-width: 1869px) { .catalog-item:nth-child(7n) { margin-right: 0; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .catalog-item:nth-child(5n) { margin-right: 0; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .catalog-item:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .catalog-item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 668px) { .catalog-item:nth-child(even) { margin-right: 0; } } .catalog-item .label { background: #f77b28; border-radius: 5px; color: white; display: block; font-size: 14px; height: 24px; line-height: 24px; left: 8px; padding: 0 8px; position: absolute; text-transform: uppercase; top: 8px; z-index: 1; } .catalog-item .image { display: block; height: 78px; line-height: 78px; margin: 0 0 16px; } .catalog-item .image img { max-height: 100%; max-width: 100%; } .catalog-item .caption { display: block; overflow: hidden; } @media screen and (min-width: 441px) { .catalog-item .caption { line-height: 21px; height: 85px; } } .page-section-2 .catalog-item {margin: 0px 16px 16px 0px;} @media screen and (max-width: 440px) { .page-section-2 .catalog-item { float: none; margin-right: 0; width: 100%; } } @media screen and (min-width: 1869px) { .page-section-2 .catalog-item:nth-child(7n) { margin-right: 0; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .page-section-2 .catalog-item:nth-child(5n) { margin-right: 0; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .page-section-2 .catalog-item:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .page-section-2 .catalog-item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 668px) { .page-section-2 .catalog-item:nth-child(even) { margin-right: 0; } } .block-line .catalog-item { float: left; width: 100%; margin: 0px 0px 10px 0px; } .block-line .catalog-item .image { display: table-cell; padding: 0px 20px 0px 0px; width: 100px; height: 100px; vertical-align: middle; } .block-line .catalog-item .caption { display: table-cell; text-align: left; vertical-align: middle; } /*----------------------------------------------------- */ /* CATALOG CONTROLS */ /*----------------------------------------------------- */ .catalog-controls { background: white; border-radius: 5px; margin: 0 0 16px; padding: 10px 25px; } @media screen and (max-width: 440px) { .catalog-controls { padding: 16px; } } .catalog-controls .filter { float: left; } @media screen and (max-width: 1232px) { .catalog-controls .filter { float: none; margin: 0 0 15px; } } .catalog-controls .filter .caption { font-weight: normal; } @media screen and (min-width: 1233px) { .catalog-controls .filter .caption { float: left; height: 34px; line-height: 34px; margin-right: 8px; } } @media screen and (max-width: 1232px) { .catalog-controls .filter .caption { margin: 0 0 8px; } } .catalog-controls .filter .list { list-style: none; margin: 0; overflow: hidden; padding: 0; } .catalog-controls .filter li { float: left; position: relative; cursor: pointer; display: block; } .catalog-controls .filter li.is-active a { background: #0cb28b; border-radius: 100%; color: white; padding: 0; width: 34px; } .catalog-controls .filter li:hover a { color: #ccc; } .catalog-controls .filter a { color: #34393c; display: block; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 4px; text-align: center; text-transform: uppercase; } .catalog-controls .flip-switch { font-weight: normal; } @media screen and (min-width: 1233px) { .catalog-controls .flip-switch { display: block; float: right; margin: 6px 0; } } /*----------------------------------------------------- */ /* CATEGORY FILTER */ /*----------------------------------------------------- */ .category-filter { background: white; border-radius: 5px; margin: 0 0 16px; padding: 10px 25px 10px 25px; } @media screen and (min-width: 1869px) { .category-filter { -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flex; display: flex; } } @media screen and (min-width: 441px) and (max-width: 1868px) { .category-filter { padding: 20px 25px 20px 25px; } } @media screen and (max-width: 440px) { .category-filter { padding: 16px 16px 16px 16px; } } .category-filter_caption { font-weight: normal; } @media screen and (min-width: 1869px) { .category-filter_caption { line-height: 30px; margin: 0 16px 10px 0; } } @media screen and (max-width: 1868px) { .category-filter_caption { margin: 0 0 10px; } } .category-filter_group { display: block; float: left; margin: 0 16px 10px 0; position: relative; } @media screen and (max-width: 1868px) { .category-filter_group { margin-right: 10px; } } @media screen and (max-width: 668px) { .category-filter_group { float: none; margin: 0 0 10px; width: 100%; } } .category-filter_group .check-box-2 input:not(:checked) + .icon { background: #ebebeb; border-color: #ebebeb; } .category-filter_control { border-color: #0cb28b; color: #0cb28b; font-size: 14px; padding: 0; text-transform: none; } @media screen and (max-width: 668px) { .category-filter_control { width: 100%; } } .category-filter_control:hover { background: transparent; border-color: #0cb28b; color: #0cb28b; } .category-filter_control.is-active .fa-check-circle { display: inline-block; } .category-filter_control.is-active .fa-times-circle { display: none; } .category-filter_control .toggle { display: block; line-height: 28px; padding: 0 10px 0 5px; white-space: nowrap; } .category-filter_control .toggle svg { height: 18px; vertical-align: -4px; width: 18px; } .category-filter_control .toggle span { margin-left: 2px; } .category-filter_control .fa-check-circle { display: none; } .category-filter_drop-down { background: white; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; display: none; margin: 10px 0 0; padding: 12px 14px 12px 20px; position: relative; } @media screen and (min-width: 669px) { .category-filter_drop-down { left: 50%; margin: 18px 0 0; min-width: 100%; position: absolute; transform: translateX(-50%); top: 100%; z-index: 444; } } .category-filter_drop-down::before { border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent white transparent; bottom: 100%; content: ""; display: block; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .category-filter_drop-down .scroller { max-height: 272px; } .category-filter_drop-down .search-bar { margin: 8px 0; } .category-filter_drop-down .search-bar button, .category-filter_drop-down .search-bar .input-field { background: #eff1f1; } .category-filter_drop-down .search-bar .input-field { color: #34393c; } .category-filter_drop-down .search-bar .submit { cursor: default; } .category-filter_drop-down .check-box-2 { margin: 8px 0; padding-right: 20px; white-space: nowrap; } .category-filter_range { padding: 8px 6px 8px 0; } @media screen and (min-width: 669px) { .category-filter_range { width: 260px; } } @media screen and (max-width: 440px) { .category-filter_range { padding: 0 6px 8px 0; } } .category-filter_range .value { color: #b2b4b7; display: block; float: left; margin-right: 20px; } @media screen and (max-width: 440px) { .category-filter_range .value { margin-right: 2%; width: 49%; } } .category-filter_range .value:last-child { margin: 0; } .category-filter_range .caption { display: block; } @media screen and (min-width: 441px) { .category-filter_range .caption { float: left; line-height: 34px; width: 25px; } } @media screen and (max-width: 440px) { .category-filter_range .caption { margin: 0 0 5px; padding-left: 10px; } } .category-filter_range .input-field { float: left; width: 95px; } @media screen and (min-width: 441px) and (max-width: 668px) { .category-filter_range .input-field { width: 124px; } } @media screen and (max-width: 440px) { .category-filter_range .input-field { float: none; width: 100%; } } .category-filter_range .widget { background: #c9cacc; border: none; border-radius: 5px; height: 5px; margin: 20px 0 4px; } .category-filter_range .ui-slider-range { background: #0cb28b; } .category-filter_range .ui-slider-handle { background: #34393c; border: 3px solid white; border-radius: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor: pointer; height: 12px; margin-left: -9px; top: -6px; width: 12px; } .category-filter_range .ui-slider-handle:focus { outline: none; } /*----------------------------------------------------- */ /* CATEGORY CONTROLS */ /*----------------------------------------------------- */ .category-controls { margin: 0 0 16px; } .category-controls .caption { font-size: 14px; font-weight: normal; } @media screen and (min-width: 441px) { .category-controls .caption { float: left; line-height: 34px; margin-right: 8px; } } @media screen and (max-width: 440px) { .category-controls .caption { margin: 0 0 5px; } } .category-controls .remove-all { text-transform: none; } @media screen and (min-width: 669px) { .category-controls .remove-all { float: left; } } @media screen and (min-width: 669px) { .category-controls .sorting { float: left; } } @media screen and (min-width: 669px) { .category-controls .sorting .select-box { float: left; width: 240px; } } .category-controls .view { float: right; } @media screen and (max-width: 668px) { .category-controls .view { display: none; } } .category-controls .view a { background: #cbccce; border-radius: 100%; color: white; display: block; float: left; height: 34px; line-height: 34px; margin-right: 8px; text-align: center; -webkit-transition: background 0.36s; -o-transition: background 0.36s; transition: background 0.36s; width: 34px; } .category-controls .view a.is-active { background: #0cb28b; } .category-controls .view a:last-child { margin: 0; } /*----------------------------------------------------- */ /* COMMENTS CONTROLS */ /*----------------------------------------------------- */ .comments-controls { margin: 0 0 16px; } .comments-controls .ask { display: block; padding: 0; width: 172px; } @media screen and (min-width: 669px) { .comments-controls .ask { float: left; margin-right: 36px; } } @media screen and (max-width: 668px) { .comments-controls .ask { margin: 0 0 8px; } } .comments-controls .help { color: #787878; font-size: 14px; } @media screen and (min-width: 669px) { .comments-controls .help { display: block; float: left; height: 44px; line-height: 44px; } } .comments-controls .help:hover { color: #0cb28b; } /*----------------------------------------------------- */ /* COMMENT ITEM */ /*----------------------------------------------------- */ .comment-item { margin: 0 0 16px; } .comment-item:last-child { margin: 0; } @media screen and (min-width: 1233px) { .comment-item_author { float: left; margin-right: 16px; text-align: center; width: 168px; } } @media screen and (max-width: 1232px) { .comment-item_author { margin: 0 0 16px; } } .comment-item_author .image { border-radius: 100%; margin: 0 0 12px; width: 70px; display: inline-block; } @media screen and (max-width: 1232px) { .comment-item_author .image { float: left; margin-right: 12px; } } .comment-item_author .text { overflow: hidden; } .comment-item_author .rating { margin: 0 0 8px; } @media screen and (max-width: 1232px) { .comment-item_author .rating { margin: 0 0 4px; } } .comment-item_author .rating .star { color: #cbccce; } .comment-item_author .rating .star.is-active { color: #0cb28b; } .comment-item_author .name { font-size: 16px; margin: 0 0 2px; } .comment-item_author .date { color: #b2b4b7; font-size: 12px; } .comment-item_message { overflow: hidden; } .comment-item_message .title { border-radius: 25px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 14px; font-weight: normal; height: 25px; line-height: 25px; margin: 0 0 16px; padding: 0 15px; } .comment-item_question .title { background: #cbccce; } .comment-item_answer { border: 2px solid #0cb28b; border-radius: 5px; color: #777; font-size: 14px; margin: 25px 0 0; padding: 23px; } @media screen and (max-width: 440px) { .comment-item_answer { margin: 16px 0 0; padding: 14px; } } @media screen and (min-width: 1233px) { .comment-item_answer .logo { float: left; margin-right: 25px; width: 85px; } } @media screen and (max-width: 1232px) { .comment-item_answer .logo { margin: 0 0 16px; } } .comment-item_answer .title { background: #0cb28b; } /*----------------------------------------------------- */ /* CART TABLE */ /*----------------------------------------------------- */ .cart-table { width: 100%; } @media screen and (max-width: 1232px) { .cart-table { display: block; } } @media screen and (max-width: 1232px) { .cart-table tbody, .cart-table tr, .cart-table td { display: block; } } @media screen and (max-width: 1232px) { .cart-table tr { background: #212427; border-radius: 5px; margin: 0 0 8px; padding: 20px; position: relative; } } @media screen and (max-width: 440px) { .cart-table tr { padding: 16px; } } .cart-table th { padding: 0; text-align: center; } .cart-table th:first-child { text-align: left; } .cart-table th:first-child div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; padding-left: 20px; } .cart-table th:last-child div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .cart-table th div { background: white; font-weight: normal; padding: 16px 0; } .cart-table td { padding: 8px 0 0; text-align: center; } @media screen and (max-width: 1232px) { .cart-table td { padding: 0; text-align: left; } } @media screen and (min-width: 1233px) { .cart-table td > div { background: #212427; height: 147px; line-height: 147px; } } @media screen and (max-width: 1232px) { .cart-table td > div { color: #b2b4b7; } } .cart-table td > div .caption { color: white; font-size: 18px; font-weight: normal; } @media screen and (min-width: 1233px) { .cart-table td > div .caption { display: none; } } @media screen and (max-width: 1232px) { .cart-table .heading { display: none; } } .cart-table .image { border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: block; height: 147px; overflow: hidden; width: 196px; } .cart-table .image img { border-bottom-left-radius: 5px; border-top-left-radius: 5px; height: 100%; width: 100%; } .cart-table .name { padding: 0 20px; text-align: left; } @media screen and (max-width: 1232px) { .cart-table .name { padding: 0; margin: 0 0 10px; } } .cart-table .name p { font-size: 12px; color: #b2b4b7; margin: 4px 0 0; } .cart-table .name p span { color: white; } .cart-table .name .title { font-size: 18px; font-weight: normal; line-height: 22px; margin: 0 0 10px; max-height: 44px; } .cart-table .name .title a { color: white; } .cart-table .discount { font-size: 18px; font-weight: normal; } @media screen and (min-width: 1869px) { .cart-table .discount { width: 150px; } } @media screen and (min-width: 1233px) { .cart-table .discount { color: white; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .discount { width: 90px; } } @media screen and (max-width: 1232px) { .cart-table .discount { margin: 0 0 5px; } } .cart-table .price { font-size: 18px; } @media screen and (min-width: 1869px) { .cart-table .price { width: 160px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .price { width: 120px; } } @media screen and (max-width: 1232px) { .cart-table .price { margin: 0 0 10px; } } .cart-table .price .aligner { position: relative; } .cart-table .price .old { color: #da3131; display: block; font-size: 14px; font-weight: 300; position: absolute; text-decoration: line-through; top: -24px; } @media screen and (max-width: 1232px) { .cart-table .price .old { display: inline-block; position: static; } } .cart-table .price .current { color: #b2b4b7; display: block; font-weight: normal; } @media screen and (max-width: 1232px) { .cart-table .price .current { display: inline-block; } } .cart-table .price .current small { font-size: 16px; } @media screen and (max-width: 1232px) { .cart-table .count { margin: 0 0 10px; } } .cart-table .count .caption { margin-right: 5px; vertical-align: middle; } @media screen and (max-width: 1232px) { .cart-table .count .caption { display: inline-block; } } .cart-table .count .num { display: inline-block; font-size: 18px; vertical-align: middle; } @media screen and (min-width: 1233px) { .cart-table .count .num { background: #383a3d; border-radius: 17px; color: #787878; height: 34px; line-height: 32px; text-align: center; width: 98px; } } @media screen and (max-width: 1232px) { .cart-table .count .num { font-weight: normal; } } .cart-table .sum { font-size: 18px; font-weight: normal; } @media screen and (min-width: 1869px) { .cart-table .sum { width: 160px; } } @media screen and (min-width: 1233px) { .cart-table .sum { color: white; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .sum { width: 120px; } } .cart-table .sum small { font-size: 16px; } .cart-table .sum .old { display: none; color: #da3131; font-size: 14px; font-weight: 300; text-decoration: line-through; } .cart-table .tax { color: #b2b4b7; font-size: 14px; } @media screen and (min-width: 1869px) { .cart-table .tax { width: 150px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .tax { width: 120px; } } @media screen and (max-width: 1232px) { .cart-table .tax { margin: 0; } } .cart-table .tax .caption { font-size: 14px; } .cart-table .remove { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media screen and (min-width: 1869px) { .cart-table .remove { width: 120px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table .remove { width: 90px; } } @media screen and (max-width: 1232px) { .cart-table .remove { border: none; bottom: 20px; height: 34px; margin: 0; position: absolute !important; right: 16px; width: 34px; z-index: 11; } } @media screen and (max-width: 440px) { .cart-table .remove { bottom: 16px; height: 20px; width: 20px; right: 12px; } } .cart-table .remove a { color: #787878; font-size: 34px; line-height: 1; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; } @media screen and (max-width: 440px) { .cart-table .remove a { font-size: 20px; } } .cart-table .remove a:hover { color: white; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table--1 .image { width: 0; } } @media screen and (max-width: 1232px) { .cart-table--1 .image { display: none; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .cart-table--1 .name { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } } @media screen and (min-width: 1869px) { .cart-table--1 .name { width: 340px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .name { width: 330px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .name { width: 248px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .name .title { margin: 0 0 8px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .discount { width: 70px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .price { width: 100px; } } @media screen and (min-width: 1869px) { .cart-table--1 .count { padding: 0 27px; } } @media screen and (min-width: 1233px) { .cart-table--1 .count { width: 98px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .count { padding: 0 18px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .count { padding: 0 10px; } } @media screen and (min-width: 1869px) { .cart-table--1 .sum { width: 160px; } } @media screen and (min-width: 1233px) { .cart-table--1 .sum { color: white; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--1 .sum { width: 120px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .sum { width: 100px; } } @media screen and (max-width: 1232px) { .cart-table--1 .sum { margin: 0 0 10px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .tax { width: 110px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--1 .remove { width: 60px; } } @media screen and (max-width: 1232px) { .cart-table--2 .image { display: none; } } @media screen and (min-width: 1869px) { .cart-table--2 .name { width: 416px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--2 .name { width: 436px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--2 .name { width: 348px; } } @media screen and (min-width: 1233px) { .cart-table--2 .count { width: 98px; } } @media screen and (min-width: 1233px) { .cart-table--2 .sum { border-bottom-right-radius: 5px; border-top-right-radius: 5px; width: 274px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--2 .sum { width: 150px; } } @media screen and (max-width: 1232px) { .cart-table--3 .image { display: none; } } @media screen and (min-width: 1869px) { .cart-table--3 .name { width: 672px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--3 .name { width: 368px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--3 .name { width: 348px; } } @media screen and (min-width: 1869px) { .cart-table--3 .count { padding: 0 124px; } } @media screen and (min-width: 1233px) { .cart-table--3 .count { width: 98px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .cart-table--3 .count { padding: 0 64px; } } @media screen and (min-width: 1233px) { .cart-table--3 .sum { border-bottom-right-radius: 5px; border-top-right-radius: 5px; width: 214px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .cart-table--3 .sum { width: 150px; } } /*----------------------------------------------------- */ /* CART PROMO */ /*----------------------------------------------------- */ @media screen and (min-width: 441px) { .cart-promo { width: 372px; } } @media screen and (min-width: 1233px) { .cart-promo { float: left; } } @media screen and (min-width: 441px) and (max-width: 1232px) { .cart-promo { margin: 0 0 30px; } } @media screen and (max-width: 440px) { .cart-promo { margin: 0 0 20px; } } .cart-promo .heading { margin: 0 0 12px; } .cart-promo .heading .page-title-3 { display: inline; margin: 0; } .cart-promo .input-field { background: white; border-radius: 25px; float: left; font-size: 16px; height: 50px; margin-right: -125px; padding: 15px 145px 15px 20px; width: 100%; } @media screen and (max-width: 440px) { .cart-promo .input-field { margin-right: -110px; padding-right: 120px; } } .cart-promo .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; padding: 0; width: 125px; } @media screen and (max-width: 440px) { .cart-promo .button { font-size: 14px; width: 110px; } } /*----------------------------------------------------- */ /* CART TOTAL */ /*----------------------------------------------------- */ @media screen and (min-width: 441px) { .cart-total { width: 408px; } } @media screen and (min-width: 1233px) { .cart-total { float: right; } } .cart-total .list { width: 100%; } .cart-total .list tr:nth-last-child(2) th, .cart-total .list tr:nth-last-child(2) td { padding: 0 0 16px; } .cart-total .list tr:last-child th, .cart-total .list tr:last-child td { border-top: 1px solid #cbccce; font-size: 21px; font-weight: bold; padding: 16px 0; } .cart-total .list th { font-weight: 300; padding: 0 0 8px; text-align: left; width: 130px; } .cart-total .list td { font-size: 18px; font-weight: normal; padding: 0 0 10px; } .cart-total .list td small { font-size: 16px; } .cart-total .button { float: left; margin: 0 0 12px; padding: 0; width: 380px; } @media screen and (max-width: 440px) { .cart-total .button { font-size: 14px; margin: 0 0 16px; width: 49%; } } .cart-total .button:first-child { margin-right: 16px; } @media screen and (max-width: 440px) { .cart-total .button:first-child { margin-right: 2%; } } .cart-total .link { color: #777; display: block; font-size: 16px; } @media screen and (min-width: 441px) { .cart-total .link { float: left; width: 196px; } } .cart-total .link:hover { color: #0cb28b; } .cart-total .link .fa-arrow-alt-circle-right, .cart-total .link .fa-times-circle { margin-right: 5px; } .cart-total .link:first-child { margin-right: 16px; } @media screen and (max-width: 440px) { .cart-total .link:first-child { margin: 0 0 8px; } } /*----------------------------------------------------- */ /* CART NOTE */ /*----------------------------------------------------- */ .cart-note { font-size: 14px; } @media screen and (min-width: 1233px) { .cart-note { float: right; } } @media screen and (min-width: 441px) { .cart-note { width: 408px; } } .cart-note p { margin: 0 0 10px; } .cart-note p:last-child { margin: 0; } .cart-note .phone { font-size: 21px; font-weight: normal; } /*----------------------------------------------------- */ /* EMPTY CART */ /*----------------------------------------------------- */ .empty-cart { background: #1f67b1 url(/local/templates/s4_template_main/css/../img/empty-cart.png) 100px 50% no-repeat; border-radius: 5px; color: white; font-size: 14px; padding: 30px 30px 30px 280px; } @media screen and (max-width: 1444px) { .empty-cart { background-image: none; padding: 25px; } } @media screen and (max-width: 440px) { .empty-cart { padding: 16px; } } .empty-cart .caption-1 { font-size: 24px; margin: 0 0 8px; } @media screen and (max-width: 1444px) { .empty-cart .caption-1 { display: none; } } .empty-cart .caption-2 { font-size: 14px; margin: 0 0 12px; } @media screen and (max-width: 1444px) { .empty-cart .caption-2 { display: none; } } .empty-cart .caption-3 { font-size: 24px; font-weight: bold; margin: 0 0 8px; } @media screen and (max-width: 1444px) { .empty-cart .caption-3 { margin: 0 0 16px; } } /*----------------------------------------------------- */ /* CHECKOUT STEP */ /*----------------------------------------------------- */ .checkout-steps { counter-reset: cs_counter; list-style: none; margin: 0; padding: 0; } .checkout-step { height: 0; overflow: hidden; opacity: 0; position: absolute; -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; } .checkout-step.is-visible { height: auto; opacity: 1; position: static; visibility: visible; } .checkout-step .heading { background: white; font-size: 16px; height: 50px; line-height: 50px; margin: 0; padding: 0 20px 0 60px; position: relative; } @media screen and (max-width: 440px) { .checkout-step .heading { padding: 0 16px 0 58px; } } .checkout-step .heading::before { background: #0cb28b; border-radius: 100%; color: white; counter-increment: cs_counter; content: counter(cs_counter); display: block; font-size: 16px; font-weight: bold; height: 26px; left: 20px; line-height: 24px; margin: -13px 0 0; position: absolute; text-align: center; top: 50%; width: 26px; } @media screen and (max-width: 440px) { .checkout-step .heading::before { left: 16px; } } .checkout-step .prev-step, .checkout-step .next-step { margin: 16px 0 0; text-transform: none; } .checkout-step .prev-step { float: left; } .checkout-step .next-step { float: right; } .checkout-step .complete { margin: 30px 0 0; } @media screen and (max-width: 440px) { .checkout-step .complete { margin: 20px 0 0; } } .checkout-step .complete .check-box-1 { float: left; width: 70%; line-height: 48px; } @media screen and (max-width: 1232px) and (min-width: 669px){ .checkout-step .complete .check-box-1 {width: 100%;} } .checkout-step .complete .button { float: right; padding: 0; width: 200px; } .checkout-step--1 .heading { border-radius: 5px; } .checkout-step--2 { border-radius: 5px; } .checkout-step--2 .heading { border-top-left-radius: 5px; border-top-right-radius: 5px; } .checkout-step--2 .page-block { border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 20px 20px; } @media screen and (max-width: 440px) { .checkout-step--2 .page-block { padding: 0 16px 16px; } } .checkout-step--2 .preset { margin: 0 0 20px; } .checkout-step--2 .preset .title { font-weight: normal; margin: 0 0 5px; } .checkout-step--2 .preset .title small { color: #b2b4b7; font-size: 14px; font-weight: 300; } @media screen and (max-width: 1444px) { .checkout-step--2 .preset .title small { display: block; } } @media screen and (min-width: 669px) { .checkout-step--2 .preset .select-box { width: 308px; } } .checkout-step--2 .group { margin: 0 0 8px; } @media screen and (max-width: 668px) { .checkout-step--2 .group { margin: 0 0 20px; } } .checkout-step--2 .group .title { color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 10px; text-transform: uppercase; } .bx-soa-customer-field { position: relative; } .bx-soa-tooltip.bx-soa-tooltip-static { overflow: hidden; width: 100%; position: absolute;z-index: 1;top:0px;font-size: 12px;} .tooltip-inner { padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px; white-space: nowrap;} .tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;bottom: -5px;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;} .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow{border-top-color:#F2DEDE;} .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner{background:#F2DEDE;color:#A94442;} .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow{border-top-color:#FCF8E3;} .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner{background:#FCF8E3;color:#8A6D3B;} .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow{border-top-color:#dff0d8;} .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner{background:#dff0d8;color:#3c763d;} .bx-soa-section-content .input-group-2 input {display: inline-block;margin: 0px 10px 0px 0px;} .bx-soa-section-content .input-group-2 .caption {display: inline-block;} .bx-soa-custom-label {display: block;font-weight: normal;margin: 0 0 5px;} .bx-soa-pp-company input {height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;} .bx-soa-pp-desc-container {padding-top: 7px;} .bx-soa-pp-company {padding-bottom: 20px;z-index: 100;position: relative;} .bx-soa-pp-desc-container .bx-soa-pp-company {background: #f8fafc;border: 1px solid #d5dadc;padding: 7px 15px;} .bx-soa-pp-company-subTitle {font-size: 15px;font-weight: bold;} .bx-soa-pp-desc-container .bx-soa-pp-company-logo {max-width: 150px;} .bx-soa-pp-company-graf-container {border: 2px solid #c3cace;border-radius: 2px;position: relative;background: #fff;width: auto;height: 0;padding-top: 50%;} .bx-soa-pp-company-image {position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;background-size: contain;background-repeat: no-repeat;background-position: center;} .bx-soa-pp-company-desc {font-size: 13px;padding-top: 10px;line-height: 17px;} .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;} .bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;} .bx-soa-pp-company.bx-bd-error .bx-soa-pp-company-graf-container {border-color: #db4a29;} .bx-soa-pp-company.bx-bd-waring .bx-soa-pp-company-graf-container {border-color: #CCBE71;} ul.bx-soa-pp-list {margin: 0;padding: 0;list-style: none;font-size: 13px;} ul.bx-soa-pp-list li {padding: 5px 0;} .bx-soa-pp-list-termin {color: #8d8d8d;display: inline-block;} .bx-soa-pp-list-description {display: inline-block;margin: 0px 0px 0px 10px;} .checkout-total .bx-price-old {display: inline-block;color: #da3131;text-decoration: line-through;font-size: 12px;margin: 0px 0px 0px 10px;} #loading_screen{position:fixed;z-index: 1150;left:50%;top:50%;margin-left: -32px;margin-top: -32px;width:64px;height:64px;} /*----------------------------------------------------- */ /* CHECKOUT PAYMENT */ /*----------------------------------------------------- */ .checkout-payment { list-style: none; margin: 0; padding: 0; } .checkout-payment li { float: left; margin-right: 15px; width: 318px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .checkout-payment li { margin-right: 25px; } } @media screen and (max-width: 1444px) { .checkout-payment li { float: none; margin: 0 0 8px; width: auto; } } .checkout-payment li:last-child { margin: 0; } .checkout-payment label { cursor: pointer; display: block; text-align: center; } @media screen and (min-width: 441px) and (max-width: 1444px) { .checkout-payment label { text-align: left; } } .checkout-payment label input[type='checkbox'] { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .checkout-payment label input[type='checkbox']:checked + .wrapper { background: white; border-color: #0cb28b; } .checkout-payment span { display: block; } .checkout-payment .wrapper { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; padding: 23px; -webkit-transition: background 0.36s, border-color 0.36s; -o-transition: background 0.36s, border-color 0.36s; transition: background 0.36s, border-color 0.36s; } @media screen and (max-width: 440px) { .checkout-payment .wrapper { padding: 14px; } } .checkout-payment .icon { height: 64px;margin: 0 auto 16px;width: 64px;background-size: contain;background-repeat: no-repeat;text-align: center;background-position: center center;} @media screen and (min-width: 441px) and (max-width: 1444px) { .checkout-payment .icon { float: left; margin: 0 16px 0 0; } } .checkout-payment .text { overflow: hidden; } .checkout-payment .title { display: block; margin: 0 0 8px; } @media screen and (min-width: 1445px) { .checkout-payment .title { height: 18px; line-height: 18px; overflow: hidden; } } .checkout-payment .brief { font-size: 14px; } @media screen and (min-width: 1445px) { .checkout-payment .brief { height: 64px; line-height: 16px; overflow: hidden; } } /*----------------------------------------------------- */ /* CHECKOUT TOTAL */ /*----------------------------------------------------- */ .checkout-total { background: white; border: 2px solid #0cb28b; border-radius: 5px; padding: 23px; } @media screen and (min-width: 441px) and (max-width: 1868px) { .checkout-total { margin: 30px 0 0; } } @media screen and (max-width: 440px) { .checkout-total { margin: 20px 0 0; } } @media screen and (max-width: 440px) { .checkout-total { padding: 14px; } } .checkout-total .list { margin: 0 0 16px; width: 100%; } .checkout-total .list th, .checkout-total .list td { font-size: 18px; padding: 0 12px 8px; } .checkout-total .list th { font-weight: 300; text-align: left; } .checkout-total .list td { font-weight: normal; } .checkout-total .list tr:last-child { background: #eff1f0; } .checkout-total .list tr:last-child th, .checkout-total .list tr:last-child td { font-weight: bold; padding: 8px 0 0; } .checkout-total .list tr:last-child th { font-size: 24px; } .checkout-total .list tr:last-child th div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .checkout-total .list tr:last-child td { font-size: 21px; } .checkout-total .list tr:last-child td div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .checkout-total .list tr:last-child div { background: #eff1f0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; width: 100%; } .checkout-total .note { font-size: 14px; } .checkout-total .note p { margin: 0 0 10px; } .checkout-total .note p:last-child { margin: 0; } .checkout-total .note .phone { font-size: 21px; font-weight: normal; } /*----------------------------------------------------- */ /* AUTHORIZATION */ /*----------------------------------------------------- */ .authorization { display: table; width: 1240px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .authorization { width: 100%; } } @media screen and (max-width: 1444px) { .authorization { display: block; width: auto; } } @media screen and (min-width: 1445px) { .authorization_form { display: table-cell; vertical-align: middle; width: 570px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .authorization_form { width: 570px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .authorization_form { margin: 0 0 30px; } } @media screen and (max-width: 440px) { .authorization_form { margin: 0 0 20px; } } .authorization_form:only-child { display: block; } .authorization_form .input-group-1 .caption { width: 182px; } @media screen and (max-width: 668px) { .authorization_form .input-group-1 .caption { float: none; height: auto; line-height: 1.28; margin: 0 0 5px; width: auto; } } .authorization_form .input-group-1 .input-field, .authorization_form .input-group-1 .select-box { width: 380px; } @media screen and (max-width: 668px) { .authorization_form .input-group-1 .input-field, .authorization_form .input-group-1 .select-box { width: 100%; } } .authorization_form .agreement { margin: 25px 0; } @media screen and (min-width: 669px) { .authorization_form .agreement { padding-left: 190px; } } @media screen and (max-width: 440px) { .authorization_form .agreement { margin: 20px 0; } } .authorization_form .agreement .check-box-1 { margin: 12px 0; } .authorization_form .links { font-size: 14px; list-style: none; margin: 16px 0 25px; padding: 0 0 0 190px; } @media screen and (max-width: 668px) { .authorization_form .links { padding: 0; } } @media screen and (max-width: 440px) { .authorization_form .links { margin: 16px 0; } } @media screen and (min-width: 441px) { .authorization_form .links li:first-child { float: left; } } @media screen and (max-width: 440px) { .authorization_form .links li:first-child { margin: 0 0 8px; } } @media screen and (min-width: 441px) { .authorization_form .links li:last-child { float: right; } } .authorization_form .links a { color: #787878; } .authorization_form .links a:hover { color: #0cb28b; } .authorization_form .submit { padding: 0; width: 200px; } @media screen and (min-width: 669px) { .authorization_form .submit { margin-left: 190px; } } @media screen and (min-width: 1869px) { .authorization_services { padding-left: 80px; width: 540px; } } @media screen and (min-width: 1445px) { .authorization_services { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .authorization_services { padding-left: 40px; width: 374px; } } .authorization_services p { font-size: 14px; margin: 12px 0 0; } .authorization_services .page-title-3 { font-size: 16px; margin: 0 0 12px; } @media screen and (min-width: 441px) { .authorization_services .profile-sns li { margin-bottom: 8px; margin-top: 8px; } } /*----------------------------------------------------- */ /* ORDERS FILTER */ /*----------------------------------------------------- */ .orders-filter { background: white; border-radius: 5px; margin: 0 0 16px; padding: 12px 20px; } .orders-filter .caption { font-size: 14px; font-weight: normal; } @media screen and (min-width: 1445px) { .orders-filter .caption { float: left; height: 34px; line-height: 32px; margin-right: 9px; } } @media screen and (max-width: 1444px) { .orders-filter .caption { margin: 0 0 5px; } } @media screen and (min-width: 669px) { .orders-filter .type { float: left; margin-right: 80px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .orders-filter .type { margin-right: 40px; width: 270px; } } @media screen and (max-width: 668px) { .orders-filter .type { margin: 0 0 16px; } } @media screen and (min-width: 1445px) { .orders-filter .type .select-box { float: left; width: 232px; } } @media screen and (min-width: 669px) { .orders-filter .date { float: left; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .orders-filter .date { width: 270px; } } @media screen and (min-width: 1445px) { .orders-filter .date .caption { margin-right: 20px; } } .orders-filter .date label { cursor: pointer; display: block; float: left; margin-right: 12px; position: relative; width: 129px; } @media screen and (max-width: 668px) { .orders-filter .date label { margin-right: 2%; width: 49%; } } .orders-filter .date label:last-child { margin: 0; } .orders-filter .date .input-field { padding-right: 38px; width: 100%; } @media screen and (max-width: 440px) { .orders-filter .date .input-field { padding-right: 28px; } } .orders-filter .date .fa-calendar-alt { pointer-events: none; position: absolute; right: 14px; top: 9px; } @media screen and (max-width: 440px) { .orders-filter .date .fa-calendar-alt { right: 8px; } } /*----------------------------------------------------- */ /* ORDER ITEM */ /*----------------------------------------------------- */ .order-item { margin: 0 0 8px; padding: 20px; } .order-item:last-child { margin: 0; } @media screen and (min-width: 669px) { .order-item div { float: left; padding-right: 20px; } } @media screen and (max-width: 668px) { .order-item div { margin: 0 0 16px; } } .order-item div:last-child { margin: 0; padding: 0; } .order-item p { color: #787878; font-size: 14px;line-height: 18px; margin: 0; } .order-item .page-title-3, .order-item .page-title-4 { color: #34393c; height: 24px; line-height: 24px; margin: 0; } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 div { padding-bottom: 20px; } } @media screen and (min-width: 1869px) { .order-item--1 .id { width: 140px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .id { width: 104px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .id { width: 180px; } } @media screen and (min-width: 1869px) { .order-item--1 .count { width: 390px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .count { width: 243px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .order-item--1 .count { padding-right: 0; width: 592px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .order-item--1 .count { padding-right: 0; width: 380px; } } @media screen and (min-width: 1869px) { .order-item--1 .status { width: 200px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .status { width: 133px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .status { width: 180px; } } .order-item--1 .price { width: 210px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .price { width: 143px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .price { width: 180px; } } @media screen and (min-width: 1869px) { .order-item--1 .payment { width: 260px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .order-item--1 .payment { width: 153px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .payment { padding-right: 0; width: 180px; } } .order-item--1 .read-more { float: left; margin: 4px 0; padding: 0; width: 128px; } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--1 .read-more { clear: both; margin: 0; } } @media screen and (min-width: 1445px) { .order-item--2 .date { width: 160px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--2 .date { width: 140px; } } @media screen and (min-width: 1445px) { .order-item--2 .status { width: 240px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .order-item--2 .status { width: 160px; } } .order-cancel textarea { width: 100%; height: 100px; } /*----------------------------------------------------- */ /* ORDER TOTAL */ /*----------------------------------------------------- */ .order-total { margin: 24px 0 0; } .order-total .sum, .order-total .delivery { font-size: 24px; margin: 0 0 24px; } @media screen and (min-width: 441px) { .order-total .sum, .order-total .delivery { text-align: right; } } @media screen and (max-width: 440px) { .order-total .sum, .order-total .delivery { margin: 0 0 16px; } } .order-total .sum strong, .order-total .delivery strong { font-size: 21px; } .order-total .button { float: right; margin-right: 10px; padding: 0; width: 180px; } @media screen and (max-width: 440px) { .order-total .button { font-size: 14px; margin-right: 2%; width: 49%; } } .order-total .button:first-child { margin-right: 0; } /*----------------------------------------------------- */ /* PROFILE PERSONAL */ /*----------------------------------------------------- */ .profile-personal .page-block { padding: 20px; } .profile-personal .group-1 { margin: 0; } @media screen and (max-width: 1444px) { .profile-personal .group-1 { margin: 0; } } .profile-personal .group-2 { margin: 0 0 8px; } @media screen and (max-width: 440px) { .profile-personal .group-2 { margin: 0 0 20px; } } .profile-personal .group-2 .title { color: #b2b4b7; font-size: 14px; font-weight: 300; margin: 0 0 10px; text-transform: uppercase; } .profile-personal .login { color: #b2b4b7; margin: 0 0 20px; } @media screen and (min-width: 1445px) { .profile-personal .login:not(:only-child) { float: left; height: 34px; line-height: 34px; margin: 0 30px 0 0; width: 308px; } } @media screen and (max-width: 1444px) { .profile-personal .login:not(:only-child) { margin: 0 0 16px; } } .profile-personal .login span { color: #34393c; font-weight: normal; margin-right: 5px; } .profile-personal .preset { float: left; margin-right: 30px; width: 308px; } @media screen and (min-width: 669px) and (max-width: 1444px) { .profile-personal .preset { margin-right: 16px; width: 282px; } } @media screen and (max-width: 668px) { .profile-personal .preset { margin-right: 8px; width: 214px; } } @media screen and (max-width: 440px) { .profile-personal .preset { margin-right: 0; } } .profile-personal .remove { color: #da3131; display: inline-block; font-size: 14px; height: 34px; line-height: 34px; } @media screen and (max-width: 440px) { .profile-personal .remove { text-align: center; width: 34px; } } .profile-personal .remove span { margin-left: 5px; } @media screen and (max-width: 440px) { .profile-personal .remove span { display: none; } } .profile-personal .sn-linking { border-top: 1px solid #cacccc; margin: 10px 0 0; padding: 20px 0 0; } .profile-personal .sn-linking .profile-sns a { font-size: 24px; height: 48px; line-height: 48px; width: 48px; } @media screen and (min-width: 1445px) { .profile-personal .agreement { float: left; height: 50px; line-height: 47px; width: 480px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .profile-personal .agreement { margin: 0 0 30px; } } @media screen and (max-width: 440px) { .profile-personal .agreement { margin: 0 0 20px; } } .profile-personal .submit { padding: 0; width: 225px; margin: 0px 10px 15px 10px; } @media screen and (min-width: 1445px) { .profile-personal .submit { float: right; } } .profile-personal .submit:first-child { margin-right: 0px; } @media screen and (max-width: 1870px) { .profile-personal .submit:first-child { margin-right: 10px; } } .profile-personal .bx-sls .dropdown-block { height: 34px; background-color: #eff1f1; border: none; border-radius: 17px; } .profile-personal .bx-sls .dropdown-fade2white { background: #eff1f1 !important; border: none; border-radius: 17px; } /*----------------------------------------------------- */ /* PROFILE SNS */ /*----------------------------------------------------- */ .profile-sns { list-style: none; margin: 0; padding: 0; } .profile-sns li { float: left; margin: 0 8px 0 0; } @media screen and (max-width: 440px) { .profile-sns li { margin: 0 2px 0 0; } } .profile-sns li:last-child { margin-right: 0; } .profile-sns a { border-radius: 100%; color: white; display: block; font-size: 30px; height: 58px; line-height: 58px; text-align: center; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; width: 58px; } @media screen and (max-width: 440px) { .profile-sns a { height: 56px; line-height: 56px; width: 56px; } } .profile-sns a:hover { background: #494d50; } .profile-sns .i-1 { background: #6996c7; } .profile-sns .i-2 { background: #496194; } .profile-sns .i-3 { background: #47b0d3; } .profile-sns .i-4 { background: #f48420; } .profile-sns .i-5 { background: #28c3ff; } /*----------------------------------------------------- */ /* PROFILE PASSWORD */ /*----------------------------------------------------- */ .profile-password { background: white; border-radius: 5px; padding: 18px; } @media screen and (min-width: 441px) and (max-width: 1868px) { .profile-password { margin: 30px 0 0; } } @media screen and (max-width: 440px) { .profile-password { margin: 20px 0 0; padding: 14px; } } .profile-password .page-title-3 { margin: 0 0 16px; } @media screen and (max-width: 440px) { .profile-password .page-title-3 { margin: 0 0 14px; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .profile-password .input-group-2 { float: left; margin: 0 30px 0 0; width: 100%; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .profile-password .input-group-2 { width: 286px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .profile-password .input-group-2 { float: left; margin: 0 0 16px 30px; width: 275px; } } @media screen and (min-width: 669px) and (max-width: 1444px) { .profile-password .input-group-2:first-child { margin-left: 0; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-password .input-group-2 .caption { height: 20px; line-height: 20px; } } .profile-password .new-pass { display: block; position: relative; } .profile-password .new-pass .input-field { padding-right: 42px; } .profile-password .reveal-pass { color: #494d50; display: block; height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 0; width: 42px; z-index: 11; } .profile-password .reveal-pass.is-active .fa-eye { display: none; } .profile-password .reveal-pass.is-active .fa-eye-slash { display: inline-block; } .profile-password .reveal-pass .fa-eye-slash { display: none; } .profile-password .submit { display: block; margin: 16px 0 0; padding: 0; text-transform: none; width: 160px; } @media screen and (min-width: 1233px) and (max-width: 1868px) { .profile-password .submit { float: left; margin: 25px 0 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .profile-password .submit { clear: both; margin: 0; } } .profile-password .note { font-size: 14px; margin: 20px 0 0; } .profile-password .note p { margin: 0 0 10px; } .profile-password .note p:last-child { margin: 0; } .profile-password .note .phone { font-size: 21px; font-weight: normal; } /*----------------------------------------------------- */ /* PROFILE SUBSCRIPTIONS */ /*----------------------------------------------------- */ .profile-subscriptions { padding: 14px 0 0; } @media screen and (max-width: 440px) { .profile-subscriptions { padding: 4px 0 0; } } .profile-subscriptions .check-box-1 { margin: 0 0 20px; } .profile-subscriptions .check-box-1 strong { display: block; font-size: 16px; } .profile-subscriptions .unsubscribe { height: 20px; line-height: 20px; margin: 30px 0; } @media screen and (max-width: 440px) { .profile-subscriptions .unsubscribe { margin: 20px 0; } } .profile-subscriptions .unsubscribe a { color: #34393c; display: inline-block; font-size: 14px; } .profile-subscriptions .submit { padding: 0 40px; } .profile-subscriptions .subscription-layout{margin: 0px 0px 20px 0px;} .profile-subscriptions .subscription-layout table{width: 100%;} .profile-subscriptions .subscription-layout table td {vertical-align: middle;} .profile-subscriptions .subscription-layout table td.field-name {width: 70px;text-align: right;padding-right: 7px;} .profile-subscriptions .subscription-format {white-space: nowrap;float: right;} .profile-subscriptions .subscription-format > div {float: right;margin: 0px 10px 0px 0px;} .profile-subscriptions .sn-linking {margin: 0 0 30px;} .profile-subscriptions .subscription-notes{font-size: 18px;margin: 0 0 18px;text-transform: uppercase;} /*----------------------------------------------------- */ /* PROFILE BONUS */ /*----------------------------------------------------- */ .profile-bonus-request { padding: 14px 0 0; } @media screen and (max-width: 440px) { .profile-bonus-request { padding: 4px 0 0; } } .profile-bonus-request .note { font-size: 14px; margin: 0 0 12px; } .profile-bonus-request .phone { font-size: 21px; font-weight: normal; margin: 0 0 30px; } @media screen and (max-width: 440px) { .profile-bonus-request .phone { margin: 0 0 20px; } } .profile-bonus-request .proceed { padding: 0; width: 360px; } @media screen and (max-width: 440px) { .profile-bonus-request .proceed { font-size: 14px; width: 288px; } } /*----------------------------------------------------- */ /* PROFILE BONUS CURRENT */ /*----------------------------------------------------- */ .profile-bonus-current { padding: 4px 0 0; } .profile-bonus-current .note { font-size: 14px; margin: 0 20px 20px 0; } @media screen and (min-width: 669px) { .profile-bonus-current .note { float: left; height: 44px; line-height: 22px; } } @media screen and (max-width: 668px) { .profile-bonus-current .note { margin-right: 0; } } .profile-bonus-current .note span { display: block; font-size: 18px; font-weight: normal; } @media screen and (max-width: 668px) { .profile-bonus-current .note span { margin: 0 0 6px; } } .profile-bonus-current .count { background: white; border: 2px solid #0cb28b; border-radius: 5px; color: #0cb28b; float: left; font-size: 24px; font-weight: bold; height: 40px; line-height: 38px; margin: 0 20px 20px 0; padding: 0 14px; } @media screen and (min-width: 669px) and (max-width: 1232px) { .profile-bonus-current .count { margin-right: 0; } } .profile-bonus-current .redeem { float: left; margin: 0 0 20px; } @media screen and (min-width: 669px) and (max-width: 1444px) { .profile-bonus-current .redeem { float: none; } } @media screen and (max-width: 440px) { .profile-bonus-current .redeem .caption-1 { display: none; } } @media screen and (min-width: 441px) { .profile-bonus-current .redeem .caption-2 { display: none; } } /*----------------------------------------------------- */ /* PROFILE BONUS SWITCH */ /*----------------------------------------------------- */ .profile-bonus-switch { margin: 0 0 16px; } @media screen and (max-width: 668px) { .profile-bonus-switch { padding-left: 30px; position: relative; } } @media screen and (max-width: 668px) { .profile-bonus-switch .lever { float: none; height: 40px; left: 0; position: absolute; top: 0; width: 20px; } } @media screen and (max-width: 668px) { .profile-bonus-switch .lever.is-active-left::before { left: 2px; top: 2px; } } @media screen and (max-width: 668px) { .profile-bonus-switch .lever.is-active-right::before { left: 2px; top: 22px; } } @media screen and (max-width: 668px) { .profile-bonus-switch .lever::before { left: 2px; -webkit-transition: top 0.18s; -o-transition: top 0.18s; transition: top 0.18s; } } @media screen and (max-width: 668px) { .profile-bonus-switch .caption { float: none; height: 20px; line-height: 20px; } } @media screen and (max-width: 668px) { .profile-bonus-switch .caption:first-child, .profile-bonus-switch .caption:last-child { padding: 0; } } /*----------------------------------------------------- */ /* PROFILE BONUS DETAILS */ /*----------------------------------------------------- */ .profile-bonus-details { width: 100%; } @media screen and (max-width: 1232px) { .profile-bonus-details { display: block; } } @media screen and (max-width: 1232px) { .profile-bonus-details tbody, .profile-bonus-details th, .profile-bonus-details td, .profile-bonus-details tr { display: block; } } @media screen and (max-width: 1232px) { .profile-bonus-details tr { background: white; border-radius: 5px; margin: 0 0 8px; padding: 20px; } } @media screen and (max-width: 440px) { .profile-bonus-details tr { padding: 16px; } } .profile-bonus-details tr { background: #fff; } .profile-bonus-details tr:last-child { margin: 0; } .profile-bonus-details th, .profile-bonus-details td { font-weight: normal; text-align: left; } @media screen and (min-width: 1233px) { .profile-bonus-details th:first-child > div, .profile-bonus-details td:first-child > div { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } } @media screen and (min-width: 1233px) { .profile-bonus-details th:last-child > div, .profile-bonus-details td:last-child > div { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } } @media screen and (min-width: 1233px) { .profile-bonus-details th > div, .profile-bonus-details td > div { background: white; padding: 16px 20px; } } .profile-bonus-details th { font-size: 14px; } @media screen and (min-width: 1233px) { .profile-bonus-details th { padding: 0 0 8px; } } @media screen and (min-width: 1233px) { .profile-bonus-details td { padding: 8px 0 0; } } @media screen and (max-width: 1232px) { .profile-bonus-details td { margin: 0 0 8px; } } @media screen and (max-width: 440px) { .profile-bonus-details td { font-size: 14px; } } .profile-bonus-details td:last-child { margin: 0; } .profile-bonus-details td .caption { color: #b2b4b7; } @media screen and (min-width: 1233px) { .profile-bonus-details td .caption { display: none; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .profile-bonus-details td .caption { display: inline-block; width: 300px; } } .profile-bonus-details td .count strong { color: #0cb28b; } @media screen and (max-width: 1232px) { .profile-bonus-details .heading { display: none; } } @media screen and (min-width: 1869px) { .profile-bonus-details .date { width: 225px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .date { width: 140px; } } @media screen and (min-width: 1869px) { .profile-bonus-details .received { width: 343px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .received { width: 264px; } } @media screen and (min-width: 1869px) { .profile-bonus-details .count { width: 400px; } } @media screen and (min-width: 1233px) { .profile-bonus-details .count { text-align: center; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .count { width: 240px; } } @media screen and (min-width: 1869px) { .profile-bonus-details .valid { width: 340px; } } @media screen and (min-width: 1233px) { .profile-bonus-details .valid { text-align: center; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .profile-bonus-details .valid { width: 240px; } } .profile-bonus-details .valid .overdue { color: #da3131; } /*----------------------------------------------------- */ /* SEO TEXT */ /*----------------------------------------------------- */ .seo-text { font-size: 14px; } .seo-text p { margin: 0; } /*----------------------------------------------------- */ /* PAGINATION */ /*----------------------------------------------------- */ .pagination-wrapper { display: inline-block; margin: 14px 0; text-align: center; width: 100%; } @media screen and (max-width: 440px) { .pagination { display: block; margin: 16px 0 0; } } .pagination-wrapper .load { display: block; float: left; padding: 0; text-transform: none; width: 140px; } @media screen and (max-width: 440px) { .pagination-wrapper .load { float: none; margin: 0 auto 16px; } } .pagination { float: right; } @media screen and (max-width: 440px) { .pagination { display: inline-block; float: none; } } .pagination .list { list-style: none; margin: 0; padding: 0; } .pagination .list:only-child { display: inline-block; float: none; } .pagination .list li { color: #cbccce; float: left; line-height: 34px; margin-right: 4px; } .pagination .list li:last-child { margin-right: 0; } .pagination .list li.is-active span { background: #0cb28b; border-color: #0cb28b; } .pagination .list a, .pagination .list span { display: block; padding: 0; width: 42px; } /*----------------------------------------------------- */ /* SELECTION POPUP */ /*----------------------------------------------------- */ .selection-popup { border-radius: 5px; display: none; width: 580px; } @media screen and (max-width: 668px) { .selection-popup { width: 288px; } } .selection-popup_editions { background: white; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 25px 0 25px 25px; } @media screen and (max-width: 668px) { .selection-popup_editions { padding: 16px 0 16px 16px; } } .selection-popup_editions .heading { padding-right: 25px; } @media screen and (max-width: 668px) { .selection-popup_editions .heading { padding-right: 16px; } } .selection-popup_editions .heading .page-title-3 { height: 20px; line-height: 20px; margin: 0 0 6px; overflow: hidden; } @media screen and (max-width: 668px) { .selection-popup_editions .heading .page-title-3 { height: 40px; } } .selection-popup_editions .heading .note { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; text-transform: uppercase; } @media screen and (max-width: 668px) { .selection-popup_editions .heading .note { height: 36px; } } .selection-popup_editions .scroller { max-height: calc(100vh - 332px); } @media screen and (max-width: 668px) { .selection-popup_editions .scroller { max-height: calc(100vh - 326px); } } .selection-popup_editions .edition { display: block; margin: 0 25px 8px 0; } @media screen and (max-width: 668px) { .selection-popup_editions .edition { margin-right: 16px; } } .selection-popup_editions .edition:last-child { margin-bottom: 0; } .selection-popup_editions .edition input[type='checkbox'] { height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .selection-popup_editions .edition input[type='checkbox']:checked + .wrapper { border-color: #0cb28b; } .selection-popup_editions .edition span { display: block; } .selection-popup_editions .wrapper { border: 2px solid #eff1f0; border-radius: 5px; cursor: pointer; padding: 10px; -webkit-transition: border-color 0.18s; -o-transition: border-color 0.18s; transition: border-color 0.18s; } .selection-popup_editions .image { float: left; height: 70px; margin-right: 12px; text-align: center; width: 80px; } .selection-popup_editions .image img { height: 100%; max-width: 100%; } .selection-popup_editions .text { overflow: hidden; } .selection-popup_editions .title { font-size: 14px; line-height: 18px; margin: 0 0 7px; } .selection-popup_editions .type { color: #b2b4b7; font-size: 12px; line-height: 16px; margin: 0 0 5px; } .selection-popup_editions .price { font-size: 18px; font-weight: normal; line-height: 24px; } .selection-popup_editions .price small { font-size: 16px; } .selection-popup_editions .submit { padding: 20px 25px 0 0; text-align: center; } @media screen and (max-width: 668px) { .selection-popup_editions .submit { padding: 16px 16px 0 0; } } .selection-popup_editions .submit .button { padding: 0; width: 142px; } .selection-popup_callback { background: #34393c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 25px 110px; } @media screen and (max-width: 668px) { .selection-popup_callback { padding: 16px; } } .selection-popup_callback .note { color: #b2b4b7; font-size: 14px; height: 36px; line-height: 18px; margin: 0 0 20px; overflow: hidden; text-align: center; } @media screen and (max-width: 668px) { .selection-popup_callback .note { margin: 0 0 16px; } } .selection-popup_callback .form { margin: 0 auto; width: 310px; } @media screen and (max-width: 668px) { .selection-popup_callback .form { width: 256px; } } .selection-popup_callback .input-field { background: #494d50; color: white; float: left; margin-right: -120px; padding-right: 140px; width: 100%; } @media screen and (max-width: 668px) { .selection-popup_callback .input-field { margin-right: -80px; padding-right: 100px; } } .selection-popup_callback .button { border-bottom-left-radius: 0; border-top-left-radius: 0; float: left; font-size: 12px; padding: 0; width: 120px; } @media screen and (max-width: 668px) { .selection-popup_callback .button { width: 80px; } } /*----------------------------------------------------- */ /* FORM POPUP */ /*----------------------------------------------------- */ .form-popup { border-radius: 5px; display: none; width: 500px; } @media screen and (max-width: 668px) { .form-popup { width: 288px; } } .form-popup .page-block { padding-right: 0; } @media screen and (max-width: 668px) { .form-popup .page-block { padding: 16px 0 16px 16px; } } .form-popup .page-title-3 { height: 20px; line-height: 20px; overflow: hidden; padding-right: 25px; } @media screen and (max-width: 668px) { .form-popup .page-title-3 { padding-right: 16px; } } .form-popup .scroller { max-height: calc(100vh - 174px); } @media screen and (max-width: 668px) { .form-popup .scroller { max-height: calc(100vh - 152px); } } .form-popup .wrapper { padding-right: 25px; } @media screen and (max-width: 668px) { .form-popup .wrapper { padding-right: 16px; } } .form-popup .input-group-1 .caption { width: 152px; } @media screen and (max-width: 668px) { .form-popup .input-group-1 .caption { float: none; margin: 0 0 5px; width: auto; } } .form-popup .input-group-1 .input-field { width: 265px; } @media screen and (max-width: 668px) { .form-popup .input-group-1 .input-field { float: none; width: 100%; } } .form-popup .agreement { margin: 20px 0 0; } @media screen and (max-width: 668px) { .form-popup .agreement { margin: 16px 0 0; } } .form-popup .submit { padding: 20px 25px 0 0; text-align: center; } @media screen and (max-width: 668px) { .form-popup .submit { padding: 16px 16px 0 0; } } .form-popup .submit .button { padding: 0; width: 170px; } /*----------------------------------------------------- */ /* REQUEST POPUP */ /*----------------------------------------------------- */ .form-popup--request .note { font-size: 14px; font-weight: normal; margin: 20px 0 0; text-align: center; } @media screen and (max-width: 668px) { .form-popup--request .note { margin: 16px 0 0; } } /*----------------------------------------------------- */ /* COMMENT POPUP */ /*----------------------------------------------------- */ .form-popup--comment .score { margin: 0 0 16px; } .form-popup--comment .score .caption { font-size: 16px; font-weight: normal; } @media screen and (min-width: 669px) { .form-popup--comment .score .caption { float: left; height: 20px; line-height: 20px; margin-right: 8px; width: 152px; } } @media screen and (max-width: 668px) { .form-popup--comment .score .caption { margin: 0 0 5px; } } .form-popup--comment .score .rating-stars { font-size: 18px; height: 20px; line-height: 20px; } @media screen and (min-width: 669px) { .form-popup--comment .score .rating-stars { float: left; } } .form-popup--comment .score .star { color: #cbccce; display: block; float: left; padding-right: 5px; } .form-popup--comment .score .star:last-child { padding: 0; } .form-popup--comment .score .star.is-active { color: #0cb28b; } .form-popup--comment .auth { font-size: 14px; padding: 20px 0; } @media screen and (max-width: 668px) { .form-popup--comment .auth { padding: 16px 0; } } @media screen and (min-width: 669px) { .form-popup--comment .auth .caption { float: left; line-height: 17px; margin: 0 8px 16px 0; width: 260px; } } @media screen and (max-width: 668px) { .form-popup--comment .auth .caption { margin: 0 0 16px; } } .form-popup--comment .auth .sns { list-style: none; margin: 0 0 16px; padding: 0; } @media screen and (min-width: 669px) { .form-popup--comment .auth .sns { float: left; } } .form-popup--comment .auth .sns li { float: left; margin-right: 5px; } .form-popup--comment .auth .sns li:last-child { margin: 0; } .form-popup--comment .auth .sns a { border-radius: 100%; color: white; display: block; font-size: 18px; height: 34px; line-height: 34px; text-align: center; width: 34px; } .form-popup--comment .auth .sns .i-1 { background: #41648c; } .form-popup--comment .auth .sns .i-2 { background: #3a579b; } .form-popup--comment .auth .sns .i-3 { background: #00abf1; } /*----------------------------------------------------- */ /* CONFIRMATION POPUP */ /*----------------------------------------------------- */ .confirmation-popup { display: none; width: 320px; } @media screen and (max-width: 440px) { .confirmation-popup { width: 288px; } } .confirmation-popup .note { color: #da3131; display: block; font-size: 14px; font-weight: normal; margin: 0 0 20px; text-align: center; text-transform: uppercase; } .confirmation-popup .button { float: left; margin-right: 4%; padding: 0; width: 48%; } .confirmation-popup .button:last-child { margin: 0; } /*----------------------------------------------------- */ /* FILTER POPUP */ /*----------------------------------------------------- */ .filter-popup { background: white; bottom: 0; display: none; left: 0; overflow: hidden auto; position: fixed; right: 0; top: 0; z-index: 999; } .filter-popup_title { margin: 10px 0 30px 12px; } @media screen and (max-width: 440px) { .filter-popup_title { margin: 0 0 30px; } } .filter-popup_container { margin: 0 auto; padding: 120px 0; position: relative; width: 1190px; } @media screen and (min-width: 1021px) and (max-width: 1232px) { .filter-popup_container { width: 952px; } } @media screen and (min-width: 669px) and (max-width: 1020px) { .filter-popup_container { padding: 90px 0; width: 714px; } } @media screen and (min-width: 669px) and (max-width: 800px) { .filter-popup_container { width: 476px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_container { padding: 60px 0; width: 408px; } } @media screen and (max-width: 440px) { .filter-popup_container { margin: 0 16px; padding: 30px 0; width: auto; } } .filter-popup_container .close { color: #0cb28b; font-size: 25px; position: absolute; right: 0; top: 123px; } @media screen and (min-width: 669px) and (max-width: 1020px) { .filter-popup_container .close { top: 93px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_container .close { top: 63px; } } @media screen and (max-width: 440px) { .filter-popup_container .close { top: 33px; } } @media screen and (min-width: 441px) { .filter-popup_columns { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .filter-popup_column { margin: 0 15px 35px 15px; width: 203px; } @media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_column { margin: 0 28px 40px 0; width: 190px; } } @media screen and (max-width: 440px) { .filter-popup_column { margin: 0 0 30px; width: 100%; } } @media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_column:nth-child(2n) { margin-right: 0; } } .filter-popup_column .check-box-2 { margin: 0 0 14px; } /* .filter-popup_column .check-box-2 { padding-left: 30px; } */ .filter-popup_column .check-box-2 input:not(:checked) + .icon { background: #ebebeb; border-color: #ebebeb; } .filter-popup_column .check-box-2 input:checked ~ .caption { color: #0cb28b; font-weight: 300; } .filter-popup_column .check-box-2 input:checked:disabled + .icon { display: none; } .filter-popup_column .check-box-2 input:checked:disabled ~ .caption { color: rgba(52, 57, 60, 0.5); margin-left: -30px; } .filter-popup_column .check-box-2 .icon { font-size: 16px; height: 16px; padding: 1px; width: 16px; } .filter-popup_column .check-box-2 .caption { font-size: 18px; font-weight: 300; line-height: 22px; } .filter-popup_column .check-box-2 .single input:disabled ~ .caption { color: #0cb28b; font-weight: 300; } .filter-popup_column .check-box-2 .single input:disabled + .icon { background: #0cb28b; border-color: #0cb28b; } .filter-popup_column .check-box-2 .single input:disabled + .icon .fa-check { opacity: 1; } .filter-popup_column .bx-filter-param-label.single {cursor: default;} .filter-popup_column .caption { margin-left: 10px; } .filter-popup_buttons { margin-bottom: 10px; } @media screen and (min-width: 441px) { .filter-popup_buttons { display: -webkit-flex; display: flex; } } .filter-popup_buttons .button { width: 220px; } @media screen and (min-width: 441px) and (max-width: 668px) { .filter-popup_buttons .button { width: 190px; } } @media screen and (max-width: 440px) { .filter-popup_buttons .button { width: 100%; } } .filter-popup_buttons .button:first-child { margin-right: auto; } @media screen and (max-width: 440px) { .filter-popup_buttons .button:first-child { margin: 0 0 15px; } } .filter-popup_buttons .button:first-child:only-child { margin-left: auto; } @media screen and (max-width: 440px) { .filter-popup_buttons .button:first-child:only-child { margin: 0; } } /*----------------------------------------------------- */ /* 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;} /*----------------------------------------------------- */ /* 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;} .form-popup img { width: 152px; margin-right: 8px;} .form-popup .captcha_bitrix input { width: 265px !important; } /*----------------------------------------------------- */ /* 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/s4_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;} .btn{ background: #0cb28b; border: 1px solid #0cb28b; color: white; border-radius: 22px; height: 44px; line-height: 41px; -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; } .btn: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); } a.vendors{ border-left: 3px solid transparent; color: white; transition: background 0.18s, border-color 0.18s, color 0.18s; font-size: 18px; display: block; margin: 0px 0px 10px 0px; padding: 10px 10px 10px 30px; } div.catalog-divider{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 20px; } a.vendors.active{ background: #34393c; border-color: #0cb28b; } a.dealer{ border-left: 3px solid transparent; color: white; padding: 24px 30px 20px 27px; transition: background 0.18s, border-color 0.18s, color 0.18s; /* text-transform: uppercase;*/ /* margin: 0 0 20px 0; */ font-size: 18px; display: block; } .main-panel_menu-1 .upper > li > a, .main-panel_menu-1 .middle > li > a { text-transform: none !important; } .buy.button{ background: #0CB28B !important; border: 1px solid #0CB28B !important; } .buy.button:hover{ background: #008e87 !important; border: 1px solid #008e87 !important; } .is-active .buy-link.button { background: #da3131 !important; border-color: #da3131 !important; } .page-sidebar .article-item {height: auto; } .page-sidebar .article-item .image { float: none; } .page-sidebar .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .page-sidebar .article-item .text { padding: 16px 20px; } .page-sidebar .article-item .type { font-size: 14px; margin: 0 0 16px; } .page-sidebar .article-item .type a { color: #b2b4b7; } .page-sidebar .article-item .bottom-panel{color:#b2b4b7;font-size:12px;line-height:20px;} .page-sidebar .article-item .info { float: left; } .page-sidebar .article-item .stats { float: right; } .page-sidebar .article-item .stats span { padding: 0px 3px; color: #b2b4b7;} .page-sidebar .article-item .views{margin-right:24px;} .page-sidebar .article-item .bottom-panel a{color:#b2b4b7;} /*для video*/ .article-item_video .read-more { display: inline-block; margin: 10px 0px 14px 0px; text-align: center; width: 100%; } /* @media screen and (min-width: 669px) { .article-item .text p { height: 45px; overflow: -webkit-paged-y; } } */ .article-item .title-section-mobile { color: #34393c; } /*----------------------------------------------------- */ /* EDIT */ /*----------------------------------------------------- */ @media screen and (max-width: 1868px) { .product-edition--1 .product-edition_image { margin: 0 16px 20px 0; } } @media screen and (min-width: 1231px) and (max-width: 1444px) { .product-edition--1 .product-edition_image { width: 100%; margin: 0 0 16px; } } @media screen and (max-width: 668px) { .product-edition--1 .product-edition_image { margin: 0 0 16px; } } .product-edition--1 .product-edition_info { width: 380px; } @media screen and (max-width: 1868px) { .product-edition--1 .product-edition_info { width: 420px; margin: 0 0 20px; } } @media screen and (max-width: 1444px) { .product-edition--1 .product-edition_info { width: 100%; } } @media screen and (max-width: 1232px) { .product-edition--1 .product-edition_info { width: 376px; } } @media screen and (max-width: 668px) { .product-edition--1 .product-edition_info { width: auto; margin: 0 0 16px; } } .product-edition_info .type { height: auto; } .product-edition--1 .product-edition_specs { width: 383px; } @media screen and (max-width: 1868px) { .product-edition--1 .product-edition_specs { width: 100%; } } @media screen and (max-width: 1868px) { .product-edition_specs li { padding: 2px 0; } } @media screen and (min-width: 1231px) { .page-main { float: left; } } @media screen and (max-width: 1870px) { .page-main { width: 664px; } } @media screen and (max-width: 1444px) { .page-main { width: 452px; } } @media screen and (max-width: 1232px) { .page-main { width: 100%; } } @media screen and (min-width: 1233px) and (max-width: 1868px) { .page-sidebar { float: right; width: 350px; } } @media screen and (max-width: 1868px) { .product-certificatesSliderMobile { display: none; } } @media screen and (max-width: 1232px) { .product-certificatesSliderMobile { display: block; } } @media screen and (max-width: 1868px) { .product-certificatesSlider { display: block; } } @media screen and (max-width: 1232px) { .product-certificatesSlider { display: none; } } @media screen and (min-width: 1445px) { .product-edition_info .price span { white-space: nowrap; } } @media screen and (max-width: 668px) { .product-edition_info .price span { font-size: 16px; } } /*----------------------------------------------------- */ /* MEDIA PRINT */ /*----------------------------------------------------- */ @media print { .page-container { width: 100%; } .header, .footer, .news-filter, .breadcrumbs, iframe { display: none; } } /*----------------------------------------------------- */ /* tick_added-to-cart */ /*----------------------------------------------------- */ .product-edition--1 .tick_added-to-cart {float: left; width: 100%; margin-top: 5px; color: #787878; font-size: 14px;} .product-edition--1 .tick_added-to-cart img {width: 15px; margin-right: 5px;} /*-----------------------------------------------------*/ /* DEALERS LIST */ /*-----------------------------------------------------*/ .dealers-list { display: flex; flex-wrap: wrap; } .dealers-list .catalog-item { float: none; margin-right: 0; width: 100%; } .dealers-list .catalog-item .caption { height: auto; text-align: left; } .dealers-list.tiled .catalog-item { align-items: center; display: flex; flex-direction: column; margin-right: 12px; width: 247px; } @media screen and (min-width: 1445px) and (max-width: 1868px) { .dealers-list.tiled .catalog-item { margin-right: 14px; width: 212px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .dealers-list.tiled .catalog-item { margin-right: 12px; width: 220px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .dealers-list.tiled .catalog-item { margin-right: 10px; width: 200px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .dealers-list.tiled .catalog-item { margin-right: 10px; width: 199px; } } @media screen and (max-width: 440px) { .dealers-list.tiled .catalog-item { margin-right: 0; width: 100%; } } .dealers-list .catalog-item .image, .dealers-list .catalog-item .caption { display: table-cell; vertical-align: middle; } .dealers-list .catalog-item .image { padding-right: 20px; width: 100px; } .dealers-list.tiled .catalog-item .image, .dealers-list.tiled .catalog-item .caption { display: block; padding: 0; text-align: center; width: 100%; } .dealers-list.tiled .catalog-item .caption { margin: 0 0 auto; } @media screen and (min-width: 1869px) { .dealers-list.tiled .catalog-item:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .dealers-list.tiled .catalog-item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .dealers-list.tiled .catalog-item:nth-child(even) { margin-right: 0; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .dealers-list.tiled .catalog-item:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 668px) { .dealers-list.tiled .catalog-item:nth-child(even) { margin-right: 0; } } /*-----------------------------------------------------*/ /* DEALERS VIEW */ /*-----------------------------------------------------*/ .dealers-view { background: white; border-radius: 5px; margin: 0 0 20px; padding: 10px; text-align: right; } @media screen and (max-width: 440px) { .dealers-view { display: none; } } .dealers-view span { display: inline-block; vertical-align: middle; } .dealers-view a { color: #34393c; display: inline-block; font-size: 1.25em; margin-left: 10px; opacity: .3; vertical-align: middle; } .dealers-view a.is-active { opacity: 1; } /*-----------------------------------------------------*/ /* FOOTER MENU */ /*-----------------------------------------------------*/ @media screen and (max-width: 1868px) and (min-width: 1280px) { .footer .footer_top .footer_subscribe { float: none; margin-top: 81px; } } /*@media screen and (max-width: 1280px) { .footer .footer_top .footer_contacts { display: none; } }*/ @media screen and (max-width: 1868px) { .footer .footer_middle .footer_menu { display: flex; flex-wrap: wrap;} } @media screen and (max-width: 1868px) { .footer .footer_middle .footer_menu .column { margin-bottom: 20px; } } @media screen and (max-width: 1444px) { .footer .footer_middle .footer_contacts { float: none; width: 100%; margin: 0px 0px 20px 0px; } } @media screen and (max-width: 1280px) { .footer .footer_middle .footer_contacts { display: none; } } /*@media screen and (max-width: 1280px) { .footer .footer_middle { display: none; } }*/ .footer .footer_top .title { display: block; } /*----------------------------------------------------- */ /* TABLE */ /*----------------------------------------------------- */ .table-wrap { margin: 0 0 30px; } .table-wrap .check-box-1 { margin: 0 0 30px; } .table-wrap .check-box-1 .icon { display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 0; box-sizing: border-box; top: 0; color: #00ca8c; border: 1px solid #b2b4b7; } .table-wrap .check-box-1 input:checked + .icon { background: none; border: 1px solid #c6c6c6; } .table-wrap .check-box-1 input:checked + .icon .fa-check { width: 9px; } .table-wrap .check-box-1 label { padding-left: 24px; font-size: 14px; color: #212427; } .table-wrap .check-box-1 .caption { color: #212427; } .table { position: relative; width: 100%; display: flex; flex-wrap: wrap; height: 190px; overflow: hidden; } @media screen and (max-width: 1868px) { .table { height: 290px; } } @media screen and (max-width: 1444px) { .table-wrap { display: none; } } .table.is-open { height: auto; } .table-tr { width: 100%; display: flex; transition: all .3s; } .table-tr:hover { background: #f0f0f0; } .table-tr .table-th { display: flex; align-items: center; justify-content: center; width: 115px; background: #009787; color: white; height: 40px; font-size: 18px; line-height: 1.2; font-weight: 400; border-right: 2px solid #e8e8e8; box-sizing: border-box; text-align: center; } @media screen and (max-width: 1868px) { .table-tr .table-th { width: 90px; height: 50px; } } .table-tr .table-th:first-child { padding: 0 15px; } .desctop-table .table-th:first-child { justify-content: flex-start; flex-grow: 1; text-align: left; } .table-tr .table-th:last-child { border: none; } .table-tr .table-td { display: flex; align-items: center; justify-content: center; width: 115px; height: 25px; font-size: 12px; font-weight: 400; color: #212427; border-right: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; box-sizing: border-box; text-align: center; } @media screen and (max-width: 1868px) { .table-tr .table-td { width: 90px; height: 60px; } } .table-tr .table-td:first-child { padding: 0 15px; border-left: 2px solid #e8e8e8; } .desctop-table .table-td:first-child { justify-content: flex-start; flex-grow: 1; text-align: left; font-size: 14px; } .mobile-table { display: none; } @media screen and (max-width: 1444px) { .mobile-table { display: flex; height: 735px; border-top: 2px solid #e8e8e8; } } @media screen and (max-width: 1444px) { .mobile-table .table-th { width: 60px; height: 35px; font-size: 12px; border-width: 1px; } } @media screen and (max-width: 1444px) { .mobile-table .table-th:last-child { flex-grow: 1; width: auto; } } @media screen and (max-width: 1444px) { .mobile-table .table-td:last-child { flex-grow: 1; width: auto; } } @media screen and (max-width: 1444px) { .mobile-table .table-td { width: 60px; height: 30px; font-size: 18px; } } .table-tr_mobile { width: 100%; height: 40px; display: flex; align-items: center; justify-content: flex-start; text-align: left; padding-left: 15px; border-left: 2px solid #e8e8e8; border-right: 2px solid #e8e8e8; font-size: 14px; line-height: 1; } .table-open { position: relative; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: -19px auto 0; border-radius: 100%; background-image: linear-gradient(45deg, #00ca8c 0%, #009287 100%); cursor: pointer; z-index: 1; } .table-open img { height: 10px; } .table-open.is-active img { transform: rotate(180deg); } .table-legend { display: none; } @media screen and (max-width: 1444px) { .table-legend { display: block; margin: 20px 0 0; } } .suggest_result{ position: absolute; z-index: 200; background: white; list-style: none; border: 1px solid silver; border-radius: 3px; padding: 0; height: 400px; overflow-y: scroll; width: 400px; /* top: 40px; */ margin: 0; } .suggestOrgItem{ padding: 10px; border-bottom: 1px solid silver; font-size: 13px; } .suggestOrgItem:hover{ background: #0cb28b; color: #fff; cursor: pointer; } .suggestAdressItem{ padding: 10px; border-bottom: 1px solid silver; } .suggestAdressItem:hover{ background: #008e87; color: #fff; cursor: pointer; } /*----------------------------------------------------- */ /* RECOMMEND OFFERS */ /*----------------------------------------------------- */ .recom-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 503px; height: 185px;} @media screen and (min-width: 865px) and (max-width: 1288px) { .recom-offer { /* width: 368px; */ /* margin-bottom: 190px; */ float: none; margin-right: 0; width: auto; height: auto; } } @media screen and (max-width: 864px) { .recom-offer { float: none; /*margin-right: 0;*/ width: auto; height: auto;} } @media screen and (max-width: 440px) { .recom-offer { padding: 14px; height: auto;} } /* .recom-offer:nth-child(even) { margin-right: 0; } */ /* @media screen and (min-width: 865px) { .recom-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } */ /* .recom-offer:last-child { margin-bottom: 0; } */ .recom-offer_image { background: white; border-radius: 5px; display: block; text-align: center; } @media screen and (min-width: 1289px) { .recom-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } } @media screen and (min-width: 441px) and (max-width: 1288px) { .recom-offer_image { height: 142px; line-height: 142px; margin-bottom: 26px; } } @media screen and (max-width: 440px) { .recom-offer_image { margin: 0 0 16px; padding: 16px; } } .recom-offer_image img { max-height: 100%; max-width: 100%; } .recom-offer_info { overflow: hidden; } .recom-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; } @media screen and (min-width: 441px) { .recom-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } } .recom-offer_info .title a { color: #34393c; } @media screen and (min-width: 441px) { .recom-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } } .recom-offer_info .title a:hover { text-decoration: underline; } .recom-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; } .recom-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; } .recom-offer_info .rating:last-child { margin: 0; } .recom-offer_info .rating .star { color: #cbccce; display: inline-block; } .recom-offer_info .rating .star.is-active { color: #ffc600; } .recom-offer_info .price { float: left; margin-left: 10px; } .recom-offer_info .price:first-child { margin-left: 0; } @media screen and (max-width: 440px) { .recom-offer_info .price { margin-bottom: 12px; } } .recom-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; } .recom-offer_info .price small { font-size: 18px; } .recom-offer_info .price--current span { background: #0cb28b; } .recom-offer_info .price--new span { background: #f77b28; } .recom-offer_info .price--old span { background: #cbccce; text-decoration: line-through; } .recom-offer_info .buy { float: right; padding: 0; width: 120px; } @media screen and (max-width: 440px) { .recom-offer_info .buy { clear: both; float: none; width: 100%; } } /*----------------------------------------------------- */ /* CLONED SEARCH INPUT */ /*----------------------------------------------------- */ .input-clone { width: 100%; background: white; margin: 0 0 16px; border-radius: 5px; } @media screen and (min-width: 1021px) { .input-clone { display: none; } } /*-----------------------------------------------------*/ /* PRODUCT EDITIONS 21.05.20 */ /*-----------------------------------------------------*/ .product-edition_info .basket-item-block-amount { margin: 20px 0 30px; padding: 0; } @media (max-width: 668px) { .product-edition_info .product-selection { float: none; } } @media screen and (max-width: 668px) { .product-edition_info .basket-item-block-amount { margin: 20px auto 30px; } .product-edition_info .price { float: none; margin: 0; width: 100%; } .product-edition_info .price > span { box-sizing: border-box; width: 100%; } .product-edition_info .buy { float: none; margin: 0 auto; } } /*----------------------------------------------------- */ /* 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; } .query_price_form .disabled-button { background: #b2b4b7 !important; border: 1px solid #555 !important; cursor: default !important; } @media screen and (min-width: 1869px) { .basket-anounce { transform: translateY(-53px); margin-top: 53px; } } @media screen and (min-width: 1445px) and (max-width: 1868px) { .basket-anounce { transform: translateY(-75px); margin-top: 75px; } } @media screen and (min-width: 1233px) and (max-width: 1444px) { .basket-anounce { transform: translateY(-100px); margin-top: 100px; } } @media screen and (min-width: 669px) and (max-width: 1232px) { .basket-anounce { transform: translateY(-120px); margin-top: 120px; } } @media screen and (max-width: 566px) { .fancybox-slide { display: flex !important; } } @media screen and (max-width: 668px) { .basket-anounce { transform: translateY(-200px); margin-top: 200px; } .suggest_result{ width: 190px; /* top: 335px; */ } } @media screen and (max-width: 373px){ .suggest_result{ /* top: 366px; */ width: 100%; max-width: 245px; } } @media (min-width: 374px) and (max-width: 446px){ .suggest_result{ width: 100%; max-width: 245px; /* top: 335px; */ } } @media (max-width: 1020px) and (min-width: 669px){ .suggest_result{ /* top: 366px; */ } } @media (max-width: 1230px) and (min-width: 1021px){ .suggest_result{ /* top: 326px; */ } } @media screen and (min-width: 1231px) and (max-width: 1232px){ .suggest_result { /* top: 356px; */ } } @media (max-width: 1870px) and (min-width: 1233px){ .suggest_result{ /* top: 326px; */ } } .order-input .form_email{ display: flex; width: 100%; } .pagination{ float:none; } .pagination ul{ list-style: none; text-align: center; } .pagination ul li{ display: inline-block; margin-right: 10px; } div.beono-flashmessage{ background: #0cb28b !important; border-color: #0cb28b !important; color: white; } div.beono-flashmessage a{ color: white; } .is-active .button--3{ background: #0cb28b; border: 1px solid #0cb28b; } .delivery-tooltip { display: inline-block; background: #ff6d4a; width: 18px; height: 18px; text-align: center; border-radius: 50%; background: #b1b4b7; color: white !important; cursor: default; } /*----------------------------------------------------- */ /* 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/s4_template_main/css/../img/4x3_ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(/local/templates/s4_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; } .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; } } /*----------------------------------------------------- */ /* CATALOG ITEM REPLACE */ /*----------------------------------------------------- */ .catalog-items-replace { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; } .catalog-items-replace .catalog-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; float: none; margin-right: 16px !important; width: calc(33.33% - 16px); } .catalog-items-replace .catalog-item .vendor { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; width: calc(50% - 20px); } .catalog-items-replace .catalog-item .text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; width: 50%; } .catalog-items-replace .catalog-item .subtitle { color: #34393c; font-size: 11px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; } .catalog-items-replace .catalog-item .list { list-style: none; margin: 0; padding: 0; } .catalog-items-replace .catalog-item .list > li { color: #777; display: inline; font-size: 13px; line-height: 18px; } .catalog-items-replace .catalog-item .list > li::after { color: #0cb28b; content: '\2022'; font-weight: bold; margin-left: 4px; } .catalog-items-replace .catalog-item .list > li:last-child::after { display: none; } @media screen and (max-width: 1868px) { .catalog-items-replace .catalog-item { display: block; } .catalog-items-replace .catalog-item .vendor { margin: 0; width: 100%; } .catalog-items-replace .catalog-item .text { width: 100%; } } @media screen and (max-width: 1444px) { .catalog-items-replace .catalog-item { width: calc(50% - 16px); } } @media screen and (max-width: 668px) { .catalog-items-replace { margin-right: 0; } .catalog-items-replace .catalog-item { margin-right: 0 !important; width: 100%; } } @media screen and (max-width: 440px) { .catalog-items-replace .catalog-item .vendor { margin: 0 0 20px; } } .main-panel_menu ul{ list-style: none; } .catalog_item_parent { border-radius: 40px; box-sizing: border-box; color: #34393c; display: block; float: left; font-weight: normal; margin: 0 16px 16px 0; padding: 10px; position: relative; text-align: center; width: 277px; border: 1px solid #0cb28b5e; transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease; } /* Hover для обычного состояния */ .catalog_item_parent:hover { transform: translateY(-4px); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); cursor: pointer; transition: all 0.3s ease; } /* Активное состояние */ .catalog_item_parent.active { background: #0cb28b; color: white; border-color: #0cb28b; } /* 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/templates/.default/components/bitrix/menu/s4_catalog_main_menu_accordion/style.css?17836210352603*/ /* ----------------------------------------------------- MAIN PANEL ----------------------------------------------------- */ /* Scroll limits */ .main-panel_scroller { max-height: 100%; } @media screen and (max-width: 1289px) { .main-panel_scroller { max-height: calc(100% - 25px); } } /* Base menu styles */ .main-panel_menu-1 { font-size: 15px; } .main-panel_menu-1 ul { list-style: none; margin: 0; padding: 0; } .main-panel_menu-1 li { position: relative; } .main-panel_menu-1 li ul { display: none; } .main-panel_menu-1 a { display: block; line-height: 20px; transition: color 0.18s; } .main-panel_menu-1 .aligner { line-height: 20px; } /* ---------- UPPER SECTION ---------- */ .main-panel_menu-1 .upper > li > a { border-left: 3px solid transparent; color: white; padding: 5px 30px 5px 27px; text-transform: uppercase; transition: background 0.18s, border-color 0.18s, color 0.18s; } .main-panel_menu-1 .upper > li.is-active > a { background: #34393c; border-color: #0cb28b; } .main-panel_menu-1 .upper .is-child-active > a { background: #34393c; border-color: #ccc; } .main-panel_menu-1 .upper .is-child-active > ul { display: block; } /* ---------- MIDDLE SECTION ---------- */ .main-panel_menu-1 .middle { background: #34393c; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 12px; } .main-panel_menu-1 .middle > li > a { color: white; padding: 5px 30px 5px 50px; text-transform: uppercase; } .main-panel_menu-1 .middle > li.is-active > a { color: white !important; border-left: 3px solid #0cb28b; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 4px 30px 4px 47px; } /* ---------- LOWER SECTION ---------- */ .main-panel_menu-1 .lower { background: #212427; } .main-panel_menu-1 .lower > li > a { color: #b2b4b7; padding: 0 25px; } .main-panel_menu-1 .lower > li.is-active > a { color: white; } @media screen and (max-width: 1020px) { .main-panel_menu-1 .lower > li > a { padding: 0 30px; } } /* ---------- ARROW PSEUDO ---------- */ .main-panel_menu-1 .upper > li > a::after { content: ""; position: absolute; top: 18px; right: 20px; transform: translateY(-50%) rotate(0deg); border: 5px solid transparent; border-left-color: #0cb28b; transition: transform 0.2s ease; } .main-panel_menu-1 .upper > li.is-active > a::after { transform: translateY(-50%) rotate(90deg); top: 24px; right: 22px; } /* 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 */ /* Start:/local/templates/s4_template_main/styles.css?1783621037202*/ a.vednors{ border-left: 3px solid transparent; color: white; padding: 0 30px 0 27px; transition: background 0.18s, border-color 0.18s, color 0.18s; text-transform: uppercase; } /* 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/s4_template_main/jqueryui/jquery-ui.min.css?178362103720023 */ /* /local/templates/s4_template_main/css/tooltipster.bundle.min.css?17836210376495 */ /* /local/templates/s4_template_main/css/tooltipster-sideTip-borderless.min.css?17836210371806 */ /* /local/templates/s4_template_main/css/style.css?1783621037181386 */ /* /local/templates/.default/components/bitrix/menu/main_menu/style.css?1783621035116 */ /* /local/components/syssoft/search.title/templates/.default/style.css?1783621030958 */ /* /local/templates/.default/components/bitrix/menu/s4_catalog_main_menu_accordion/style.css?17836210352603 */ /* /local/components/syssoft/auth.modal/templates/default/style.css?17836210299354 */ /* /local/templates/s4_template_main/styles.css?1783621037202 */