/* == 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(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); } /* ---------------------------------------- */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} .baron__clipper { position: relative; overflow: hidden; } .baron__scroller { overflow-y: scroll; -ms-overflow-style: none; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 0; padding: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; /* remove line to customize scrollbar in iOs */ } .baron__scroller::-webkit-scrollbar { width: 0; height: 0; } .baron__track { display: none; position: absolute; top: 0; right: 0; bottom: 0; } .baron._scrollbar .baron__track { display: block; } .baron__free { position: absolute; top: 0; bottom: 0; right: 0; } .baron__bar { display: none; position: absolute; right: 0; z-index: 1; width: 10px; background: #999; } .baron._scrollbar .baron__bar { display: block; } .baron__control { display: none; } @charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* new */ @font-face { font-family: "Repo-Bold"; src: url("../../fonts/Repo-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Bold.otf") format("opentype"), url("../../fonts/Repo-Bold.otf.woff2") format("woff2"), url("../../fonts/Repo-Bold.ttf") format("truetype"), url("../../fonts/Repo-Bold.svg#Repo-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo"; src: url("../../fonts/Repo-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Regular.otf") format("opentype"), url("../../fonts/Repo-Regular.otf.woff2") format("woff2"), url("../../fonts/Repo-Regular.ttf") format("truetype"), url("../../fonts/Repo-Regular.svg#Repo") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-ExtraBlack"; src: url("../../fonts/Repo-ExtraBlack.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBlack.otf") format("opentype"), url("../../fonts/Repo-ExtraBlack.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBlack.ttf") format("truetype"), url("../../fonts/Repo-ExtraBlack.svg#Repo-ExtraBlack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-Black"; src: url("../../fonts/Repo-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Black.otf") format("opentype"), url("../../fonts/Repo-Black.otf.woff2") format("woff2"), url("../../fonts/Repo-Black.ttf") format("truetype"), url("../../fonts/Repo-Black.svg#Repo-Black") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-ExtraBold"; src: url("../../fonts/Repo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBold.otf") format("opentype"), url("../../fonts/Repo-ExtraBold.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBold.ttf") format("truetype"), url("../../fonts/Repo-ExtraBold.svg#Repo-ExtraBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-DemiBold"; src: url("../../fonts/Repo-DemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-DemiBold.otf") format("opentype"), url("../../fonts/Repo-DemiBold.otf.woff2") format("woff2"), url("../../fonts/Repo-DemiBold.ttf") format("truetype"), url("../../fonts/Repo-DemiBold.svg#Repo-DemiBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-Medium"; src: url("../../fonts/Repo-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Medium.otf") format("opentype"), url("../../fonts/Repo-Medium.otf.woff2") format("woff2"), url("../../fonts/Repo-Medium.ttf") format("truetype"), url("../../fonts/Repo-Medium.svg#Repo-Medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Repo-Light"; src: url("../../fonts/Repo-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Light.otf") format("opentype"), url("../../fonts/Repo-Light.otf.woff2") format("woff2"), url("../../fonts/Repo-Light.ttf") format("truetype"), url("../../fonts/Repo-Light.svg#Repo-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("../../fonts/icomoon.eot?"); src: url("../../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf") format("truetype"), url("../../fonts/icomoon.woff") format("woff"), url("../../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-SemiBold"; src: url("../../fonts/Akrobat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-SemiBold.otf") format("opentype"), url("../../fonts/Akrobat-SemiBold.woff") format("woff"), url("../../fonts/Akrobat-SemiBold.ttf") format("truetype"), url("../../fonts/Akrobat-SemiBold.svg#Akrobat-SemiBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-Bold"; src: url("../../fonts/Akrobat-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Bold.otf") format("opentype"), url("../../fonts/Akrobat-Bold.woff") format("woff"), url("../../fonts/Akrobat-Bold.ttf") format("truetype"), url("../../fonts/Akrobat-Bold.svg#Akrobat-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-Regular"; src: url("../../fonts/Akrobat-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Regular.otf") format("opentype"), url("../../fonts/Akrobat-Regular.woff") format("woff"), url("../../fonts/Akrobat-Regular.ttf") format("truetype"), url("../../fonts/Akrobat-Regular.svg#Akrobat-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-Light"; src: url("../../fonts/Akrobat-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Light.otf") format("opentype"), url("../../fonts/Akrobat-Light.woff") format("woff"), url("../../fonts/Akrobat-Light.ttf") format("truetype"), url("../../fonts/Akrobat-Light.svg#Akrobat-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-ExtraBold"; src: url("../../fonts/Akrobat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-ExtraBold.otf") format("opentype"), url("../../fonts/Akrobat-ExtraBold.woff") format("woff"), url("../../fonts/Akrobat-ExtraBold.ttf") format("truetype"), url("../../fonts/Akrobat-ExtraBold.svg#Akrobat-ExtraBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akrobat-Black"; src: url("../../fonts/Akrobat-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Black.otf") format("opentype"), url("../../fonts/Akrobat-Black.woff") format("woff"), url("../../fonts/Akrobat-Black.ttf") format("truetype"), url("../../fonts/Akrobat-Black.svg#Akrobat-Black") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("../../fonts/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("../../fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("../../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("../../fonts/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("../../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../fonts/OpenSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Open Sans"; src: url("../../fonts/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Open Sans-SemiBold"; src: url("../../fonts/OpenSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Open Sans-Bold"; src: url("../../fonts/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* For styling the placeholder */ /* For styling the placeholder focus */ /* Replaces text with img. */ /* Horizontal list. Can be used for navigation. */ /* Rem font size */ /* Calc vw for 640px */ @font-face { font-family: "icomoon"; src: url("../../fonts/icomoon.eot?nusjse"); src: url("../../fonts/icomoon.eot?nusjse#iefix") format("embedded-opentype"), url("../../fonts/icomoon_new.ttf") format("truetype"), url("../../fonts/icomoon.woff?nusjse") format("woff"), url("../../fonts/icomoon.svg?nusjse#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /* @font-face { font-family: 'icomoon'; src: url("../../fonts/icomoon.eot?nusjse"); src: url("../../fonts/icomoon.eot?nusjse#iefix") format('embedded-opentype'), url("../../fonts/icomoon.ttf?nusjse") format('truetype'), url("../../fonts/icomoon.woff?nusjse") format('woff'), url("../../fonts/icomoon.svg?nusjse#icomoon") format('svg'); font-weight: normal; font-style: normal; font-display: block; } */ /* @font-face { font-family: 'icomoon'; src: url("../../fonts/icomoon.eot"); src: url("../../fonts/icomoon.eot?#iefix") format('embedded-opentype'), url("../../fonts/icomoon.ttf") format('truetype'), url("../../fonts/icomoon.woff") format('woff'), url("../../fonts/icomoon.svg?#icomoon") format('svg'); font-weight: normal; font-style: normal; font-display: block; } */ @font-face { font-family: "icomoon"; src: url("../../fonts/icomoon.eot?cuc4zm"); src: url("../../fonts/icomoon.eot?cuc4zm#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?cuc4zm") format("truetype"), url("../../fonts/icomoon.woff?cuc4zm") format("woff"), url("../../fonts/icomoon.svg?cuc4zm#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-dontion-icon-hover .path1:before { content: "\e9f7"; color: rgb(255, 255, 255); } .icon-dontion-icon-hover .path2:before { content: "\e9f8"; margin-left: -0.9580078125em; color: rgb(255, 255, 255); } .icon-dontion-icon-hover .path3:before { content: "\e9f9"; margin-left: -0.9580078125em; color: rgb(255, 153, 51); } .icon-dontion-icon-hover .path4:before { content: "\e9fa"; margin-left: -0.9580078125em; color: rgb(255, 153, 51); } .icon-dontion-icon-normal .path1:before { content: "\e9fb"; color: rgb(255, 255, 255); } .icon-dontion-icon-normal .path2:before { content: "\e9fc"; margin-left: -0.9580078125em; color: rgb(255, 255, 255); } .icon-dontion-icon-normal .path3:before { content: "\e9fd"; margin-left: -0.9580078125em; color: rgb(159, 159, 159); } .icon-dontion-icon-normal .path4:before { content: "\e9fe"; margin-left: -0.9580078125em; color: rgb(159, 159, 159); } .icon-shape-arrow:before { content: "\ea18"; color: #ff8f00; } .icon-podcast-black:before { content: "\e9cb"; } .icon-podcast-gray:before { content: "\e9c9"; color: #9a9a99; } .icon-podcast:before { content: "\e9ca"; color: #fff; } .icon-dir-play-white:before { content: "\e9c5"; color: #fff; } .icon-dir-play-black:before { content: "\e9c6"; color: #6e6e6c; } .icon-white_dir-podcast_150x50px:before { content: "\e9c4"; color: #fff; } .icon-podcast-play-white:before { content: "\e9c2"; color: #fff; } .icon-dirlogo-podcast-blue:before { content: "\e9bd"; color: #2364ae; } .icon-podcast-icon:before { content: "\e9be"; color: #fff; } .icon-podcast-icon-blue:before { content: "\e9bf"; color: #2364ae; } .icon-podcast-icon-orange:before { content: "\e9c0"; color: #ff6936; } .icon-podcast-icon-white:before { content: "\e9c1"; color: #fff; } .icon-mercilogov .path1:before { content: "\e9ef"; color: rgb(207, 137, 48); } .icon-mercilogov .path2:before { content: "\e9f0"; margin-left: -4.21875em; color: rgb(207, 137, 48); } .icon-mercilogov .path3:before { content: "\e9f1"; margin-left: -4.21875em; color: rgb(207, 137, 48); } .icon-mercilogov .path4:before { content: "\e9f2"; margin-left: -4.21875em; color: rgb(207, 137, 48); } .icon-mercilogov .path5:before { content: "\e9f3"; margin-left: -4.21875em; color: rgb(207, 137, 48); } .icon-mercilogov .path6:before { content: "\e9f4"; margin-left: -4.21875em; color: rgb(227, 30, 36); } .icon-Logo-Dirbg-25-w .path1:before { content: "\e9cc"; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path2:before { content: "\e9cd"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path3:before { content: "\e9ce"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path4:before { content: "\e9cf"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path5:before { content: "\e9d0"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path6:before { content: "\e9d1"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path7:before { content: "\e9d2"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path8:before { content: "\e9d3"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path9:before { content: "\e9d4"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path10:before { content: "\e9d5"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path11:before { content: "\e9d6"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path12:before { content: "\e9d7"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path13:before { content: "\e9d8"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path14:before { content: "\e9d9"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path15:before { content: "\e9da"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path16:before { content: "\e9db"; margin-left: -5.087890625em; color: rgb(2, 2, 2); } .icon-Logo-Dirbg-25-w .path17:before { content: "\e9dc"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-Logo-Dirbg-25-w .path18:before { content: "\e9dd"; margin-left: -5.087890625em; color: rgb(255, 255, 255); } .icon-facebook-w:before { content: "\e9de"; color: #fff; } .icon-instagram-w:before { content: "\e9df"; color: #fff; } .icon-search-w:before { content: "\e9e0"; color: #fff; } .icon-twitter-w:before { content: "\e9e1"; color: #fff; } .icon-youtube-w:before { content: "\e9e2"; color: #fff; } .icon-deezer:before { content: "\e9b7"; color: #feaa2d; } .icon-googlepodcasts:before { content: "\e9b8"; color: #4285f4; } .icon-games-white:before { content: "\e9c7"; color: #fff; } .icon-games-black:before { content: "\e9c8"; color: #6e6e6e; } .icon-games:before { content: "\e9b6"; color: #fff; } .icon-company-eye:before { content: "\e9a5"; } .icon-company-time:before { content: "\e9a6"; } .icon-company-users:before { content: "\e9a7"; } .icon-rss:before { content: "\e9a3"; color: #fff; } .icon-quote:before { content: "\e9a2"; color: #fff; } .icon-site-impressio:before { content: "\e99f"; } .icon-impressio:before { content: "\e99c"; color: #fff; } .icon-wi-thunderstorm:before { content: "\e949"; } .icon-wi-snow:before { content: "\e94a"; } .icon-wi-snow-wind:before { content: "\e94b"; } .icon-wi-sleet:before { content: "\e94c"; } .icon-wi-showers:before { content: "\e94d"; } .icon-wi-rain:before { content: "\e94e"; } .icon-wi-rain-wind:before { content: "\e94f"; } .icon-wi-rain-mix:before { content: "\e950"; } .icon-wi-night-thunderstorm:before { content: "\e951"; } .icon-wi-night-storm-showers:before { content: "\e952"; } .icon-wi-night-sprinkle:before { content: "\e953"; } .icon-wi-night-snow:before { content: "\e954"; } .icon-wi-night-snow-wind:before { content: "\e955"; } .icon-wi-night-snow-thunderstorm:before { content: "\e956"; } .icon-wi-night-sleet:before { content: "\e957"; } .icon-wi-night-sleet-storm:before { content: "\e958"; } .icon-wi-night-showers:before { content: "\e959"; } .icon-wi-night-rain:before { content: "\e95a"; } .icon-wi-night-rain-wind:before { content: "\e95b"; } .icon-wi-night-rain-mix:before { content: "\e95c"; } .icon-wi-night-partly-cloudy:before { content: "\e95d"; } .icon-wi-night-lightning:before { content: "\e95e"; } .icon-wi-night-hail:before { content: "\e95f"; } .icon-wi-night-fog:before { content: "\e960"; } .icon-wi-night-cloudy:before { content: "\e961"; } .icon-wi-night-cloudy-windy:before { content: "\e962"; } .icon-wi-night-cloudy-high .path1:before { content: "\e963"; color: rgb(255, 255, 255); } .icon-wi-night-cloudy-high .path2:before { content: "\e964"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-wi-night-cloudy-gusts:before { content: "\e965"; } .icon-wi-night-clear:before { content: "\e966"; } .icon-wi-night-alt-thunderstorm:before { content: "\e967"; } .icon-wi-night-alt-storm-showers:before { content: "\e968"; } .icon-wi-night-alt-sprinkle:before { content: "\e969"; } .icon-wi-night-alt-snow:before { content: "\e96a"; } .icon-wi-night-alt-snow-wind:before { content: "\e96b"; } .icon-wi-night-alt-snow-thunderstorm:before { content: "\e96c"; } .icon-wi-night-alt-sleet:before { content: "\e96d"; } .icon-wi-night-alt-sleet-storm:before { content: "\e96e"; } .icon-wi-night-alt-showers:before { content: "\e96f"; } .icon-wi-night-alt-rain:before { content: "\e970"; } .icon-wi-night-alt-rain-wind:before { content: "\e971"; } .icon-wi-night-alt-rain-mix:before { content: "\e972"; } .icon-wi-night-alt-partly-cloudy:before { content: "\e973"; } .icon-wi-night-alt-lightning:before { content: "\e974"; } .icon-wi-night-alt-hail:before { content: "\e975"; } .icon-wi-night-alt-cloudy:before { content: "\e976"; } .icon-wi-night-alt-cloudy-windy:before { content: "\e977"; } .icon-wi-night-alt-cloudy-high:before { content: "\e978"; } .icon-wi-night-alt-cloudy-gusts:before { content: "\e979"; } .icon-wi-hail:before { content: "\e97a"; } .icon-wi-fog:before { content: "\e97b"; } .icon-wi-day-windy:before { content: "\e97c"; } .icon-wi-day-thunderstorm:before { content: "\e97d"; } .icon-wi-day-sunny:before { content: "\e97e"; } .icon-wi-day-sunny-overcast:before { content: "\e97f"; } .icon-wi-day-storm-showers:before { content: "\e980"; } .icon-wi-day-sprinkle:before { content: "\e981"; } .icon-wi-day-snow:before { content: "\e982"; } .icon-wi-day-snow-wind:before { content: "\e983"; } .icon-wi-day-snow-thunderstorm:before { content: "\e984"; } .icon-wi-day-sleet:before { content: "\e985"; } .icon-wi-day-sleet-storm:before { content: "\e986"; } .icon-wi-day-showers:before { content: "\e987"; } .icon-wi-day-rain:before { content: "\e988"; } .icon-wi-day-rain-wind:before { content: "\e989"; } .icon-wi-day-rain-mix:before { content: "\e98a"; } .icon-wi-day-lightning:before { content: "\e98b"; } .icon-wi-day-light-wind:before { content: "\e98c"; } .icon-wi-day-haze:before { content: "\e98d"; } .icon-wi-day-hail:before { content: "\e98e"; } .icon-wi-day-fog:before { content: "\e98f"; } .icon-wi-day-cloudy:before { content: "\e990"; } .icon-wi-day-cloudy-windy:before { content: "\e991"; } .icon-wi-day-cloudy-high:before { content: "\e992"; } .icon-wi-day-cloudy-gusts:before { content: "\e993"; } .icon-wi-cloudy:before { content: "\e994"; } .icon-wi-cloudy-windy:before { content: "\e995"; } .icon-wi-cloudy-gusts:before { content: "\e996"; } .icon-wi-cloud:before { content: "\e997"; } .icon-varna:before { content: "\e943"; color: #fff; } .icon-sofia:before { content: "\e944"; color: #fff; } .icon-ruse:before { content: "\e945"; color: #fff; } .icon-burgas:before { content: "\e946"; color: #fff; } .icon-plovdiv:before { content: "\e947"; color: #fff; } .icon-gear:before { content: "\e93b"; } .icon-social-viber2:before { content: "\e90c"; } .icon-attention:before { content: "\e90a"; } .icon-close-2:before { content: "\e90b"; } .icon-coments-tree:before { content: "\e909"; } .icon-social-facebook:before { content: "\e900"; } .icon-social-google:before { content: "\e901"; } .icon-social-tweeter:before { content: "\e902"; } .icon-social-viber:before { content: "\e903"; } .icon-play:before { content: "\e904"; } .icon-site-video:before { content: "\e904"; } .icon-video:before { content: "\e904"; } .icon-coments-flat:before { content: "\e905"; } .icon-downvote:before { content: "\e906"; } .icon-gallery:before { content: "\e907"; } .icon-upvote:before { content: "\e908"; } .icon-cancer-sign:before { content: "\e919"; } .icon-gemini-sign:before { content: "\e91a"; } .icon-virgo-sign:before { content: "\e91b"; } .icon-capricorn-sign:before { content: "\e91c"; } .icon-leo-sign:before { content: "\e91d"; } .icon-aries-sign:before { content: "\e91e"; } .icon-pisces-sign:before { content: "\e91f"; } .icon-scorpio-sign:before { content: "\e920"; } .icon-sagittarius-sign:before { content: "\e921"; } .icon-taurus-sign:before { content: "\e922"; } .icon-libra-sign:before { content: "\e923"; } .icon-aquarius-sign:before { content: "\e924"; } .icon-auto:before { content: "\e925"; } .icon-author:before { content: "\e926"; } .icon-business:before { content: "\e927"; } .icon-banks:before { content: "\e927"; } .icon-calendar:before { content: "\e928"; } .icon-clubs:before { content: "\e929"; } .icon-home-heart:before { content: "\e92a"; } .icon-fun:before { content: "\e92b"; } .icon-galeries:before { content: "\e92c"; } .icon-leaf:before { content: "\e92d"; } .icon-it:before { content: "\e92e"; } .icon-cards:before { content: "\e92f"; } .icon-catalog:before { content: "\e930"; } .icon-cinema:before { content: "\e931"; } .icon-site-life:before { content: "\e932"; } .icon-life:before { content: "\e932"; } .icon-mail:before { content: "\e933"; } .icon-news:before { content: "\e934"; } .icon-transit:before { content: "\e935"; } .icon-trip:before { content: "\e936"; } .icon-devtrip:before { content: "\e9c3"; } .icon-tv:before { content: "\e937"; } .icon-recipes:before { content: "\e938"; } .icon-site-weather:before { content: "\e939"; } .icon-weather:before { content: "\e939"; } .icon-zodiac:before { content: "\e93a"; } .icon-close-circle .path1:before { content: "\e9f5"; color: rgb(255, 255, 255); } .icon-close-circle .path2:before { content: "\e9f6"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-close-circle .path3:before { content: "\e9ff"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-close-circle .path4:before { content: "\ea00"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-jobs-logo:before { content: "\ea1b"; color: #fff; } .icon-kino-blue:before { content: "\e9e3"; color: #2eb9ec; } .icon-dir-logo-kino:before { content: "\e9e4"; color: #fff; } .icon-kino:before { content: "\e9e5"; color: #fff; } .icon-logo-kino:before { content: "\e9e6"; color: #2eb9ec; } .icon-logo-kino-dark:before { content: "\e9e7"; } .icon-Icon-ads-01:before { content: "\e9e8"; color: #aaaaa9; } .icon-Icon-ads-02:before { content: "\e9e9"; } .icon-Icon-ads-03 .path1:before { content: "\e9ea"; color: rgb(0, 0, 0); opacity: 0.73; } .icon-Icon-ads-03 .path2:before { content: "\e9eb"; margin-left: -0.982421875em; color: rgb(255, 255, 255); } .icon-Icon-ads-03 .path3:before { content: "\e9ec"; margin-left: -0.982421875em; color: rgb(255, 255, 255); } .icon-Icon-ads-03 .path4:before { content: "\e9ed"; margin-left: -0.982421875em; color: rgb(255, 255, 255); } .icon-Icon-ads-04:before { content: "\e9ee"; color: #fff; } .icon-trip-logo .path1:before { content: "\e9ac"; color: rgb(0, 173, 150); } .icon-trip-logo .path2:before { content: "\e9ad"; margin-left: -1.7412109375em; color: rgb(0, 173, 150); } .icon-trip-logo .path3:before { content: "\e9ae"; margin-left: -1.7412109375em; color: rgb(0, 173, 150); } .icon-trip-logo .path4:before { content: "\e9af"; margin-left: -1.7412109375em; color: rgb(0, 173, 150); } .icon-trip-logo .path5:before { content: "\e9b0"; margin-left: -1.7412109375em; color: rgb(0, 173, 150); } .icon-trip-logo .path6:before { content: "\e9b1"; margin-left: -1.7412109375em; color: rgb(255, 255, 255); } .icon-trip-logo .path7:before { content: "\e9b2"; margin-left: -1.7412109375em; color: rgb(255, 255, 255); } .icon-trip-logo .path8:before { content: "\e9b3"; margin-left: -1.7412109375em; color: rgb(255, 255, 255); } .icon-trip-logo .path9:before { content: "\e9b4"; margin-left: -1.7412109375em; color: rgb(255, 255, 255); } .icon-trip-logo .path10:before { content: "\e9b5"; margin-left: -1.7412109375em; color: rgb(255, 255, 255); } .icon-play-video-thumb:before { content: "\e9aa"; color: #fff; } .icon-youtube:before { content: "\e9b9"; } .icon-brand:before { content: "\e9b9"; } .icon-social:before { content: "\e9b9"; } .icon-soundcloud:before { content: "\e9ba"; } .icon-brand1:before { content: "\e9ba"; } .icon-social1:before { content: "\e9ba"; } .icon-soundcloud1:before { content: "\e9bb"; } .icon-brand3:before { content: "\e9bb"; } .icon-social3:before { content: "\e9bb"; } .icon-spotify:before { content: "\e9bc"; } .icon-brand2:before { content: "\e9bc"; } .icon-social2:before { content: "\e9bc"; } .icon-plus:before { content: "\e93f"; } .icon-add:before { content: "\e93f"; } .icon-sum:before { content: "\e93f"; } .icon-x:before { content: "\e940"; } .icon-plus2:before { content: "\e941"; } .icon-twitter:before { content: "\e90d"; } .icon-brand4:before { content: "\e90d"; } .icon-tweet:before { content: "\e90d"; } .icon-social4:before { content: "\e90d"; } .icon-mobile:before { content: "\e99e"; } .icon-gamepad:before { content: "\e9ab"; } .icon-joystick:before { content: "\e9ab"; } .icon-md-expand:before { content: "\e9a8"; } .icon-resize:before { content: "\e998"; } .icon-shrink:before { content: "\e998"; } .icon-collapse:before { content: "\e998"; } .icon-contract:before { content: "\e998"; } .icon-check:before { content: "\e93d"; } .icon-arrow-back:before { content: "\e99d"; } .icon-chevron-right2:before { content: "\e914"; } .icon-chevron-down:before { content: "\e915"; } .icon-instagram:before { content: "\e918"; } .icon-travel:before { content: "\e9a9"; } .icon-snowflake-o:before { content: "\e9a4"; } .icon-urbn:before { content: "\e9a1"; } .icon-youtube1:before { content: "\e99b"; } .icon-trophy:before { content: "\e999"; } .icon-book:before { content: "\e99a"; } .icon-futbol-o:before { content: "\e948"; } .icon-soccer-ball-o:before { content: "\e948"; } .icon-corner:before { content: "\e948"; } .icon-sport:before { content: "\e948"; } .icon-user-circle-o:before { content: "\e942"; } .icon-external-link:before { content: "\e93e"; } .icon-clock-o:before { content: "\e93c"; } .icon-star-o:before { content: "\e910"; } .icon-chevron-right:before { content: "\e90e"; } .icon-chevron-left:before { content: "\e90f"; } .icon-search:before { content: "\f002"; } .icon-envelope-o:before { content: "\f003"; } .icon-star:before { content: "\f005"; } .icon-user:before { content: "\f007"; } .icon-profile:before { content: "\f007"; } .icon-th:before { content: "\f00a"; } .icon-close:before { content: "\f00d"; } .icon-remove:before { content: "\f00d"; } .icon-times:before { content: "\f00d"; } .icon-home:before { content: "\f015"; } .icon-dir:before { content: "\f015"; } .icon-camera:before { content: "\f030"; } .icon-photo:before { content: "\f030"; } .icon-site-gallery:before { content: "\f030"; } .icon-pencil:before { content: "\f040"; } .icon-info-circle:before { content: "\f05a"; } .icon-eye:before { content: "\f06e"; } .icon-comment:before { content: "\f075"; } .icon-comments:before { content: "\f086"; } .icon-facebook:before { content: "\f09a"; } .icon-facebook-f:before { content: "\f09a"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-group:before { content: "\f0c0"; } .icon-users:before { content: "\f0c0"; } .icon-paperclip:before { content: "\f0c6"; } .icon-google-plus:before { content: "\f0d5"; } .icon-caret-down:before { content: "\f0d7"; } .icon-envelope:before { content: "\f0e0"; } .icon-comment-o:before { content: "\f0e5"; } .icon-comments-o:before { content: "\f0e6"; } .icon-chevron-circle-left:before { content: "\f137"; } .icon-chevron-circle-right:before { content: "\f138"; } .icon-chevron-circle-up:before { content: "\f139"; } .icon-chevron-circle-down:before { content: "\f13a"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-sun-o:before { content: "\f185"; } .icon-google:before { content: "\f1a0"; } .icon-share-alt:before { content: "\f1e0"; } .icon-newspaper-o:before { content: "\f1ea"; } .icon-dnes:before { content: "\f1ea"; } .icon-commenting:before { content: "\f27a"; } .icon-linkedin-square:before { content: "\e917"; } .icon-chevron-up:before { content: "\e916"; } .icon-bar-chart:before { content: "\e913"; } .icon-expand:before { content: "\e912"; } .icon-bars:before { content: "\e911"; } .icon-question-circle:before { content: "\f059"; } .icon-crosshairs:before { content: "\f05b"; } .icon-fire:before { content: "\f06d"; } .icon-question-circle-o:before { content: "\f29c"; } .icon-hand-o-right:before { content: "\e9a0"; } main, header, nav, section, article, aside, footer { display: block; } html, body { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } a { color: inherit; } input, textarea { border-radius: 0; } input[type=submit], button[type=submit] { cursor: pointer; } :focus { outline: none; } img { max-width: 100%; } p { font-size: 14px; font-size: 0.875rem; } body { font-size: 14px; font-size: 0.875rem; line-height: 1.2; position: relative; font-family: "Repo", sans-serif; color: #000; background-color: #eff0f3; } body:before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 100px; z-index: 100; background-color: #eff0f3; } main { position: relative; } input, textarea, keygen, select, button { font-family: "Repo", sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Repo-Medium", sans-serif; } strong { font-weight: normal; font-family: "Repo-Bold", sans-serif; } .overflow-hidden { overflow: hidden; position: relative; height: 100%; } .inner-wrapper { margin: 0 auto; } .inner-wrapper::after { clear: both; content: ""; display: table; } .img-wrapper { display: block; position: relative; } .img-wrapper img { width: 100%; display: block; } .hidden { display: none; } .title, .section-title { font-weight: normal; } .title a, .section-title a { text-decoration: none; } .section-title { font-family: "Repo-DemiBold", sans-serif; margin-top: 0; margin-bottom: 0; } .banner { margin: 0 auto; } .ribbon { font-size: 11px; font-size: 0.6875rem; position: absolute; z-index: 2; left: 17px; top: 18px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); font-family: "Repo-ExtraBold", sans-serif; } .ribbon .dot { width: 11px; height: 11px; display: inline-block; background-color: #fff; border-radius: 50%; position: relative; margin-right: 10px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); animation: blink 2s infinite; } .ribbon .dot:after { content: ""; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border: 1px solid #fff; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } @keyframes blink { 0% { background-color: #fff; } 50% { background-color: #ef0000; } 100% { background-color: #fff; } } .exclusive-bar { background-color: #ef6205; color: #fff; white-space: nowrap; } .exclusive-bar h1 { margin: 0; } .exclusive-bar a { text-decoration: none; } .exclusive-bar .title-wrapper { overflow: hidden; margin-left: 9px; width: calc(100% - 220px); } .exclusive-bar .label, .exclusive-bar .title-wrapper { display: inline-block; vertical-align: middle; } .exclusive-bar .label { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; line-height: 1.9; } .exclusive-bar .title { font-size: 20px; font-size: 1.25rem; position: relative; font-weight: normal; line-height: 1.4545454545; } .exclusive-bar .close-btn { font-size: 18px; font-size: 1.125rem; float: right; margin-top: 20px; margin-left: 14px; position: absolute; } .exclusive-podcast-bar { background-color: #363636; color: #fff; white-space: nowrap; height: 44px; } .exclusive-podcast-bar i { color: #b70005; font-size: 32px; font-size: 2rem; } .exclusive-podcast-bar h3 { margin: 0; } .exclusive-podcast-bar a { text-decoration: none; } .exclusive-podcast-bar .title-wrapper { overflow: hidden; margin: 0 0 0 9px; width: calc(100% - 40px); } .exclusive-podcast-bar .label, .exclusive-podcast-bar .title-wrapper { display: inline-block; vertical-align: middle; } .exclusive-podcast-bar .label { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; line-height: 1.3; margin-top: 6px; } .exclusive-podcast-bar .title { font-size: 18px; font-size: 1.125rem; position: relative; font-weight: normal; line-height: 1.4545454545; } .exclusive-podcast-bar .close-btn { font-size: 18px; font-size: 1.125rem; float: right; margin-top: 20px; margin-left: 14px; position: absolute; } .exclusive-podcast-bar.fixed { top: 66px; position: fixed; z-index: 12; left: 0; right: 0; } .see-all { text-decoration: none; display: block; } .tabs a { text-decoration: none; } .tab-content::after, .tab-content-hover::after { clear: both; content: ""; display: table; } .tab-content:not(.active), .tab-content-hover:not(.active) { opacity: 0; visibility: hidden; height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .slick-dots li button { background-color: rgba(255, 255, 255, 0.5); } .slick-dots li.slick-active button { background-color: #fff; } .pagination { font-size: 0; color: #828282; font-family: "Repo-DemiBold", sans-serif; } .pagination li { display: inline-block; text-align: center; margin: 0 4px; } .pagination a { text-decoration: none; } .clearfix { clear: both; } .clearfix:after { display: block; content: ""; height: 0; clear: both; zoom: 1; } .icon { display: inline-block; } .global-overlay { position: fixed; z-index: 5; top: 0; left: 0; bottom: 0; right: 0; display: none; } .global-overlay-white { position: fixed; z-index: 5; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: rgba(255, 255, 255, 0.75); } .to-top { position: fixed; z-index: 101; bottom: 0; height: 44px; width: 60px; visibility: hidden; opacity: 0; } .to-top i { font-size: 22px; font-size: 1.375rem; position: absolute; color: #fff; left: 50%; top: 50%; margin-left: -12px; margin-top: -14px; } .to-top.top-is-visible { visibility: visible; opacity: 1; } .to-top.top-fade-out { opacity: 0.5; } .no-js .page-header, .no-js .secondary-nav-wrapper, .no-js .secondary-subnav-wrapper, .no-js .sticky-nav-wrapper, .no-js .section-heading { overflow: hidden; } .loaded-js a { transition: color 0.4s; } .loaded-js > span, .loaded-js > a, .loaded-js .right a, .loaded-js .right span { transition: background-color 0.4s, opacity 0.4s, color 0.4s; } .loaded-js .category-box { transition: background-color 0.4s, opacity 0.4s, color 0.4s; } .loaded-js .to-top { transition: opacity 0.3s; } .loaded-js .to-top:hover { opacity: 1; } .mourning-ribbon { position: absolute; z-index: 20; left: 0; top: 0; width: 121px; height: 121px; background: url(../../images/mourning-ribbon.png) no-repeat center; background-size: 100%; } .color-dnes { color: #0062bc !important; } .color-dnes .section-title, .color-dnes .see-all { color: #0062bc !important; } .bg-color-dnes { background: #0062bc !important; } .color-life { color: #A31F75 !important; } .color-life .section-title, .color-life .see-all { color: #A31F75 !important; } .bg-color-life { background: #A31F75 !important; } .color-corner { color: #b20000 !important; } .color-corner .section-title, .color-corner .see-all { color: #b20000 !important; } .bg-color-corner { background: #b20000 !important; } .color-impressio { color: #23034e !important; } .color-impressio .section-title, .color-impressio .see-all { color: #23034e !important; } .bg-color-impressio { background: #23034e !important; } .color-business { color: #0f8997 !important; } .color-business .section-title, .color-business .see-all { color: #0f8997 !important; } .bg-color-business { background: #0f8997 !important; } .color-tourism { color: #726fae !important; } .color-tourism .section-title, .color-tourism .see-all { color: #726fae !important; } .bg-color-tourism { background: #726fae !important; } .color-it { color: #12385c !important; } .color-it .section-title, .color-it .see-all { color: #12385c !important; } .bg-color-it { background: #12385c !important; } .color-technology { color: #bb4e45 !important; } .color-technology .section-title, .color-technology .see-all { color: #bb4e45 !important; } .bg-color-technology { background: #bb4e45 !important; } .color-auto { color: #5b6a76 !important; } .color-auto .section-title, .color-auto .see-all { color: #5b6a76 !important; } .bg-color-auto { background: #5b6a76 !important; } .color-weather { color: #00309a !important; } .color-weather .section-title, .color-weather .see-all { color: #00309a !important; } .bg-color-weather { background: #00309a !important; } .color-jokes { color: #5e0c72 !important; } .color-jokes .section-title, .color-jokes .see-all { color: #5e0c72 !important; } .bg-color-jokes { background: #5e0c72 !important; } .color-zodiac { color: #0e2f88 !important; } .color-zodiac .section-title, .color-zodiac .see-all { color: #0e2f88 !important; } .bg-color-zodiac { background: #0e2f88 !important; } .color-stars { color: #fff !important; } .color-stars .section-title, .color-stars .see-all { color: #fff !important; } .bg-color-stars { background: #fff !important; } .color-urbn { color: #da3f45 !important; } .color-urbn .section-title, .color-urbn .see-all { color: #da3f45 !important; } .bg-color-urbn { background: #da3f45 !important; } .color-games { color: #f26522 !important; } .color-games .section-title, .color-games .see-all { color: #f26522 !important; } .bg-color-games { background: #f26522 !important; } .color-video { color: #000 !important; } .color-video .section-title, .color-video .see-all { color: #000 !important; } .bg-color-video { background: #000 !important; } .color-trip { color: #00ad95 !important; } .color-trip .section-title, .color-trip .see-all { color: #00ad95 !important; } .bg-color-trip { background: #00ad95 !important; } .color-fun { color: #501061 !important; } .color-fun .section-title, .color-fun .see-all { color: #501061 !important; } .bg-color-fun { background: #501061 !important; } .color-vkusotii { color: #e85c4a !important; } .color-vkusotii .section-title, .color-vkusotii .see-all { color: #e85c4a !important; } .bg-color-vkusotii { background: #e85c4a !important; } .bg-color-stars { color: #000; } .text-wrapper .bg-color-goodnews { background: #0062bc; text-transform: uppercase; font-family: "Repo", sans-serif; padding: 4px 7px; letter-spacing: 0.9px; } .text-news .bg-color-goodnews, .accent-article .bg-color-goodnews { background: #0062bc; text-transform: uppercase; font-family: "Repo", sans-serif; padding: 4px 7px; letter-spacing: 0.9px; color: white; position: absolute; bottom: 14px; left: 17px; } .text-wrapper .bg-color-dir2022 { background: #716cbf; text-transform: uppercase; font-family: "Repo", sans-serif; padding: 4px 7px; letter-spacing: 0.9px; } .text-news .bg-color-dir2022, .accent-article .bg-color-dir2022 { background: #716cbf; text-transform: uppercase; font-family: "Repo", sans-serif; padding: 4px 7px; letter-spacing: 0.9px; color: white; position: absolute; bottom: 14px; left: 17px; } .bg-color-ad { font-size: 12px; font-size: 0.75rem; color: #fff; position: absolute; bottom: 17px; left: 17px; background-image: url(../../images/icon-ads-01.svg); background-repeat: no-repeat; width: 20px; height: 20px; } .additional-info > .bg-color-ad { width: 17px; height: 17px; } .article-type-box { font-size: 10px; font-size: 0.625rem; display: table; text-decoration: none; text-align: center; } .category-box.bg-color-dnes:hover { background-color: rgb(0, 84.7074468085, 162.5) !important; } .category-box.bg-color-life:hover { background-color: rgb(141.574742268, 26.925257732, 101.6211340206) !important; } .category-box.bg-color-corner:hover { background-color: rgb(152.5, 0, 0) !important; } .category-box.bg-color-impressio:hover { background-color: rgb(23.9814814815, 2.0555555556, 53.4444444444) !important; } .category-box.bg-color-business:hover { background-color: rgb(12.6957831325, 115.9548192771, 127.8042168675) !important; } .category-box.bg-color-tourism:hover { background-color: rgb(98.02, 94.68, 164.82) !important; } .category-box.bg-color-it:hover { background-color: rgb(13.8272727273, 43.0181818182, 70.6727272727) !important; } .category-box.bg-color-technology:hover { background-color: rgb(168.7913385827, 69.875984252, 61.7086614173) !important; } .category-box.bg-color-auto:hover { background-color: rgb(79.8971291866, 93.0669856459, 103.6028708134) !important; } .category-box.bg-color-weather:hover { background-color: rgb(0, 40.0519480519, 128.5) !important; } .category-box.bg-color-jokes:hover { background-color: rgb(74.9761904762, 9.5714285714, 90.9285714286) !important; } .category-box.bg-color-zodiac:hover { background-color: rgb(11.62, 39.01, 112.88) !important; } .category-box.bg-color-stars:hover { background-color: rgb(242.25, 242.25, 242.25) !important; } .category-box.bg-color-urbn:hover { background-color: rgb(213.8799126638, 41.6200873362, 48.288209607) !important; } .category-box.bg-color-games:hover { background-color: rgb(236.5833333333, 85.641025641, 13.9166666667) !important; } .category-box.bg-color-video:hover { background-color: black !important; } .category-box.bg-color-trip:hover { background-color: rgb(0, 147.5, 127.0375722543) !important; } .category-box.bg-color-fun:hover { background-color: rgb(61.9469026549, 12.389380531, 75.110619469) !important; } .category-box.bg-color-vkusotii:hover { background-color: rgb(229.125, 71.625, 51.375) !important; } .urbn-article { position: relative; } .urbn-article:before { content: ""; position: absolute; z-index: 2; left: 0; top: 29px; width: 134px; height: 43px; background: url(../../images/urbn-badge-bg.png) no-repeat center, url(../../images/urbn-badge.png) no-repeat center/100%; } .podcast-top-section { background: url("../../images/podcast_background.png"); background-repeat: no-repeat; background-size: cover; } .recaptchatwo, .commentsformtwo { margin: 20px 0 20px 0; } /* Info Link Lenta */ .lenta-btn { margin-top: 30px; } .lenta-btn .lenta-btn-holder-left { width: 40%; float: left; background: #6d4f9f; text-align: center; max-height: 80px; } .lenta-btn .lenta-btn-holder-left .lenta-btn-box { width: 100%; } .lenta-btn .lenta-btn-holder-right { width: 60%; float: right; background: #e1e2e5; text-align: center; max-height: 80px; } .lenta-btn .lenta-btn-holder-right .lenta-btn-holder-right-top { max-height: 40px; } .lenta-btn .lenta-btn-holder-right .lenta-btn-holder-right-top .lenta-btn-box a img { padding-top: 3px; } .lenta-btn .lenta-btn-holder-right .lenta-btn-holder-right-bottom { max-height: 40px; } .lenta-btn .lenta-btn-holder-right .lenta-btn-box { width: 24%; background: #e1e2e5; } .lenta-btn .lenta-btn-holder-right .lenta-btn-box:hover { background: #e1e2e5; } .lenta-btn .lenta-btn-holder { background: #e1e2e5; text-align: center; } .lenta-btn .lenta-btn-box { width: 12%; display: inline-block; padding: 0; } .lenta-btn .lenta-btn-box a { position: relative; display: block; } .lenta-btn .lenta-btn-box a:after { position: absolute; top: 3px; right: 0px; font-size: 27px; color: #a8a8a8; font-family: Repo-Light; font-weight: lighter; } @media only screen and (max-width: 940px) { .lenta-btn .lenta-btn-box a:after { content: ""; } } .lenta-btn .lenta-btn-box img { transition: opacity 0.4s; } .lenta-btn .lenta-btn-box .hover { position: absolute; left: 0; top: 0; display: none; } .lenta-btn .lenta-btn-box:hover .hover { display: block; } .lenta-btn .lenta-btn-box:hover .normal { opacity: 0; } @media only screen and (max-width: 940px) { .lenta-btn .lenta-btn-box { width: 12%; padding: 0 10px 9px 0; } } /* .lenta-btn .lenta-btn-box:nth-child(8) a:after { content: ''; } .lenta-btn .lenta-btn-box:nth-child(1) { img.hover { top: -25px; left: 7px; } img.normal { max-width: 145px; position: relative; top: -3px } } .lenta-btn .lenta-btn-box:nth-child(2) a:after { right: -16px; } .lenta-btn .lenta-btn-box:nth-child(4) a:after { right: -6px; } .lenta-btn .lenta-btn-box:nth-child(5) a:after { right: -10px; } */ #mainnav-icons-10, #mainnav-icons-16, #mainnav-icons-envelope { padding-top: 29px; } iframe { max-width: 100%; } .boxclose { padding: 0 !important; height: 30px !important; width: 30px !important; display: grid !important; place-items: center !important; overflow: hidden !important; margin: 10px !important; } .boxclose::before { transform: translateY(-4px) translateX(-1px) !important; } /* END Info Link Lenta */ .fifa2022-subnav { padding-left: 5px !important; padding-right: 5px !important; } .fifa2022-subnav span { top: -10px; position: relative; } .fifa2022-subnav img { width: 100px; } .fifa2022-subnav img.hover { display: none; } .fifa2022-subnav:hover img.normal { display: none; } .fifa2022-subnav:hover img.hover { display: block; } .secondary-nav .dropdown .dots { border: none; } .secondary-nav .dropdown .dots span { width: 26px; } .secondary-nav .dropdown.open .dots { position: relative; z-index: 21; } .secondary-nav .dropdown.open .dots:after { background-color: unset; content: "\e90b"; font-family: "icomoon"; font-size: 21px; font-size: 1.3125rem; top: 21px; left: 11px; color: white; } .secondary-nav .dropdown.open .dots span { visibility: hidden; } .article-content .ad-wrapper { float: right; position: relative; right: 0; top: -65px; font-size: 12px; font-size: 0.75rem; color: #9c9c9c; } .article-content .ad-wrapper img { width: 25px; vertical-align: middle; margin-right: 5px; } .article-content .article-body .ad-wrapper-under { font-size: 12px; font-size: 0.75rem; color: #9c9c9c; } .article-content .article-body .ad-wrapper-under img { width: 25px; vertical-align: middle; margin-right: 5px; } .article-content .article-body .ad-wrapper-under strong { font-family: "Repo-Bold", sans-serif; } .growthbook-most-read-slider .img-wrapper { display: block; height: 160px; position: relative; max-height: 160px; } .growthbook-most-read-slider .text-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .growthbook-most-read-slider .text-wrapper .title { display: -webkit-box !important; max-width: 100% !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .growthbook-most-read-slider .text-news { box-shadow: unset !important; } .growthbook-most-read-slider .additional-info { bottom: 0 !important; margin-bottom: 10px !important; left: 0 !important; right: 0 !important; } .inner-wrapper { padding: 0 10px; } .section-title { font-size: 30px; font-size: 1.875rem; line-height: 1.2; } .section-title.small { font-size: 24px; font-size: 1.5rem; } .section { margin-bottom: 30px; } .section-heading { margin-bottom: 11px; position: relative; } .section-heading::after { clear: both; content: ""; display: table; } .section-heading .section-title { float: left; margin-top: 6px; } .section-heading .see-all { font-size: 15px; font-size: 0.9375rem; float: right; line-height: 1.4666666667; padding-right: 4px; margin-top: 2px; } .section-heading .see-all i { font-size: 17px; font-size: 1.0625rem; margin-top: 2px; } .section-heading .section-title, .section-heading .see-all { color: #5a5a5a; } .text-content { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; overflow: hidden; padding: 2px 10px; } .see-all { font-size: 20px; font-size: 1.25rem; text-align: center; line-height: 1.4; font-family: "Repo-DemiBold", sans-serif; padding: 13px 13px 10px 0; } .see-all i { font-size: 21px; font-size: 1.3125rem; line-height: 1.4445506692; margin-left: 8px; vertical-align: top; } .hidden-news { display: none; } .outer-tabs { font-size: 21px; font-size: 1.3125rem; font-family: "Repo-DemiBold", sans-serif; color: #bebec1; margin-bottom: 17px; text-align: center; } .outer-tabs a + a { border-left: 2px solid #bebec1; margin-left: 7px; padding-left: 13px; } .outer-tabs a.active { color: #0062bc; } .open-tabs { font-size: 18px; font-size: 1.125rem; display: block; text-decoration: none; position: relative; padding-right: 20px; cursor: pointer; } .open-tabs:after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -1px; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #fff transparent transparent transparent; } .open-tabs.open + .section-tabs { visibility: visible; opacity: 1; } .open-tabs.open:after { border-width: 0 5px 6px 5px; border-color: transparent transparent #fff transparent; } .section-tabs { visibility: hidden; opacity: 0; position: absolute; z-index: 2; left: 0; right: 0; top: 100%; margin-top: 10px; transition: opacity 0.4s, visibility 0.4s; text-align: center; } .section-tabs a.active { display: none; } .section-tabs a { display: block; color: #fff; padding: 16px 10px; font-family: "Repo-DemiBold", sans-serif; } .pagination { padding-bottom: 25px; } .pagination::after { clear: both; content: ""; display: table; } .pagination ul { padding: 0; display: table; margin: 0 auto; float: left; width: calc(100% - 78px); text-align: center; } .pagination li { font-size: 20px; font-size: 1.25rem; line-height: 2.25; } .pagination .prev-page, .pagination .next-page { font-size: 22px; font-size: 1.375rem; line-height: 1.7727272727; margin: 5px 10px; } .pagination .prev-page { float: left; } .pagination .next-page { float: right; } .pagination .disabled { color: #a7a7a7; } .social-btns { font-size: 0; margin: 0; padding: 0; list-style: none; text-align: center; } .social-btns li { font-size: 17px; font-size: 1.0625rem; display: inline-block; margin: 0 13px; } .no-js .slider .slide:first-child ~ .slide { display: none; } .no-js .header-share-btns, .no-js .page-header .search-form, .no-js .user-dd, .no-js .sticky-nav-wrapper, .no-js .section-tabs, .no-js .nav-dropdown { display: none; } .no-js .movies-slider, .no-js .program-section .horizontal-scrollbar { margin-right: -10px; } .no-js .article-slider::after, .no-js .video-slider::after, .no-js .widget-slider::after { clear: both; content: ""; display: table; } .no-js .article-slider .text-news, .no-js .video-slider .text-news, .no-js .widget-slider .text-news { width: 23.5163204748%; margin-left: 0.7418397626%; margin-right: 0.7418397626%; } .no-js .article-slider .text-news:nth-child(4) ~ .text-news, .no-js .video-slider .text-news:nth-child(4) ~ .text-news, .no-js .widget-slider .text-news:nth-child(4) ~ .text-news { display: none; } .loaded-js .search { transition: opacity 0.2s, visibility 0.2s; transition-delay: 0.28s; } .btn-load-more { font-size: 20px; font-size: 1.25rem; background-color: #0062bc; color: #fff; display: block; text-decoration: none; font-family: "Repo-DemiBold", sans-serif; text-align: center; margin-top: 33px; margin-bottom: 33px; padding: 10px; } .exclusive-bar .title-wrapper { width: calc(100% - 165px); } .exclusive-podcast-bar .title-wrapper { width: calc(100% - 35px); } .exclusive-podcast-bar.fixed { top: 58px; } .comment-btns-mobile a { padding: 0 10px 0 10px; } .comment-btns a { padding: 0 10px; } /* Info Link Lenta */ .lenta-btn { margin: 20px 0 20px 0; } .lenta-btn .lenta-btn-holder { background: #e1e2e5; text-align: center; } .lenta-btn .lenta-btn-box { width: 49%; display: inline-block; padding: 0; } .lenta-btn .lenta-btn-box a { position: relative; display: block; } .lenta-btn .lenta-btn-box a:after { position: absolute; top: 19px; right: -3px; font-size: 27px; color: #a8a8a8; font-family: Repo-Light; font-weight: lighter; } .lenta-btn .lenta-btn-box img { transition: opacity 0.4s; } .lenta-btn .lenta-btn-box .hover { position: absolute; left: 0; top: 0; display: block; } .lenta-btn .lenta-btn-box .normal { opacity: 0; } .lenta-btn .lenta-btn-box:hover .hover { display: block; } .lenta-btn .lenta-btn-box:hover .normal { opacity: 0; } .lenta-btn .lenta-btn-box:nth-child(even) a:after { content: ""; } #mainnav-icons-10, #mainnav-icons-16, #mainnav-icons-envelope { padding-top: 21px; } /* END Info Link Lenta */ /* Green Transition */ .greentrans-mobile { background-image: url(../../images/green-transition-mobile-bg.jpg); background-size: cover; min-height: 375px; } .greentrans-mobile .img-wrapper { min-height: 200px; } .greentrans-mobile .text-wrapper { padding-bottom: 0 !important; } .greentrans-mobile .slick-list { min-height: 362px !important; } .greentrans-mobile-section { margin-bottom: 0 !important; max-height: 415px; } .greentrans-mobile-section .greentrans-logo { background-image: url(../../images/gt_logo_white_site-small.png); background-repeat: no-repeat; position: relative; left: 23%; bottom: 116px; height: 60px; width: 200px; } .greentrans-mobile-section .other-sites-slider .slick-dots { margin-top: 28px; } .greentrans-mobile-section .text-wrapper .title { font-size: 1rem; line-height: 1.15; } .greentrans-mobile-section .greentrans-topic { float: right; position: relative; bottom: 30px; color: white; text-decoration: none; font-size: 13px; font-size: 0.8125rem; } .top-section { padding-top: 62px; background-color: #fff; } .additional-info { color: #9c9c9c; position: relative; } .additional-info > span, .additional-info > a { display: inline-block; vertical-align: middle; font-family: "Repo", sans-serif; } .additional-info > .credit { font-family: "Repo-Medium", sans-serif; } .additional-info .views i { margin-right: 4px; } .additional-info a { text-decoration: none; } .additional-info .category-box { color: #fff; font-family: "Repo", sans-serif; } .additional-info.open-share > span, .additional-info.open-share > a, .additional-info.open-share .right a, .additional-info.open-share .right span { color: transparent !important; background-color: transparent !important; } .share-btns-wrapper { display: none; position: absolute; left: 0; right: 0; bottom: 0; } .share-btns-wrapper::after { clear: both; content: ""; display: table; } .share-btns-wrapper .close-btn { float: right; color: #cacaca; } .share-btns { float: left; max-width: calc(100% - 20px); color: #fff; font-size: 0; } .share-btns a { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; text-align: center; } .share-btns a + a { margin-left: 6px; } .fb-share { font-size: 16px; font-size: 1rem; background-color: #3b5998; padding-top: 3px; } .twitter-share { font-size: 13px; font-size: 0.8125rem; padding-top: 3px; background-color: #1da1f2; } .gplus-share { font-size: 10px; font-size: 0.625rem; background-color: #dc5143; padding-top: 4px; } .viber-share { font-size: 11px; font-size: 0.6875rem; background-color: #7b519d; padding-top: 4px; } .gallery-img-count { position: absolute; z-index: 2; text-align: center; font-family: "Repo-DemiBold", sans-serif; color: #fff; } .gallery-img-count span { display: block; position: relative; z-index: 1; } .gallery-img-count span:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; position: absolute; color: #fff; left: 0; right: 0; z-index: -1; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.3); } .img-news { display: block; position: relative; } .img-news .img-wrapper:after { content: ""; position: absolute; display: flex; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #000 60%); opacity: 0.86 !important; min-height: 58%; flex-direction: column; justify-content: flex-end; } .img-news .text-wrapper { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; } .img-news .additional-info { color: inherit; } .img-news .share { font-size: 18px; font-size: 1.125rem; float: right; line-height: 0; color: #cacaca; } .img-news .search-region { position: absolute; /* FF 4-18 */ /* FF 19+ */ /* IE 10+ */ } .img-news .search-region input, .img-news .search-region button { height: 54px; border: 0; background-color: #fff; float: left; } .img-news .search-region input { font-size: 18px; font-size: 1.125rem; padding-left: 18px; color: #888888; font-family: "Repo-Medium", sans-serif; } .img-news .search-region button { font-size: 32px; font-size: 2rem; } .img-news .search-region input:focus::-webkit-input-placeholder { color: transparent; } .img-news .search-region input:focus:-moz-placeholder { color: transparent; } .img-news .search-region input:focus::-moz-placeholder { color: transparent; } .img-news .search-region input:focus:-ms-input-placeholder { color: transparent; } .img-news ul { font-size: 18px; font-size: 1.125rem; line-height: 2; list-style: none; display: inline-block; vertical-align: bottom; width: 50%; font-family: "Repo-DemiBold", sans-serif; padding: 0; margin: 0; } .img-news ul a { text-decoration: none; } .small-img-news .img-wrapper:after { opacity: 0.9; } .text-news { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; position: relative; margin-bottom: 19px; } .text-news .text-wrapper { overflow: hidden; } .text-news .title { margin-top: 0; margin-bottom: 0; } .text-news .share { float: right; line-height: 0; color: #cacaca; } .text-news .additional-info { position: absolute; } .last-from { font-size: 14px; font-size: 0.875rem; line-height: 1.625; margin-bottom: 7px; text-align: right; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .last-from span { font-size: 19px; font-size: 1.1875rem; line-height: 1.3; font-family: "Repo-Bold", sans-serif; } .last-from p { margin-top: 0; margin-bottom: 8px; margin-right: 2px; } .last-from a { text-decoration: none; } .main-article .category { font-size: 13px; font-size: 0.8125rem; line-height: 1.7333333333; margin-right: 3px; } .main-article .timestamp, .main-article .comments { line-height: 1.8571428571; } .main-article .comments { margin-left: 4px; } .highlight { text-decoration: underline; } .list-article { display: flex; margin-bottom: 22px; } .list-article::after { clear: both; content: ""; display: table; } .list-article .img-wrapper, .list-article .text-wrapper { float: left; } .list-article .img-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } .list-article .text-wrapper { position: relative; } .list-article.gallery-list-article, .list-article.video-list-article { color: #fff; } .list-article.gallery-list-article .title i, .list-article.video-list-article .title i { position: relative; } .list-article.gallery-list-article .description, .list-article.video-list-article .description { opacity: 0.6; } .list-article.gallery-list-article .additional-info .comments, .list-article.gallery-list-article .additional-info .views, .list-article.gallery-list-article .additional-info .category, .list-article.video-list-article .additional-info .comments, .list-article.video-list-article .additional-info .views, .list-article.video-list-article .additional-info .category { color: #fff; } .list-article.gallery-list-article .share, .list-article.gallery-list-article .share-btns-wrapper .close-btn, .list-article.video-list-article .share, .list-article.video-list-article .share-btns-wrapper .close-btn { opacity: 0.5; } .list-article.gallery-list-article { background-color: #404040; } .list-article.gallery-list-article .title i { font-size: 20px; font-size: 1.25rem; margin-right: 4px; } .list-article.video-list-article { background-color: #000; } @media only screen and (max-width: 940px) { .list-article.video-list-article { background: white; color: black; } } .list-article.video-list-article .title i { top: 3px; } .list-article.poll-list-article { color: #fff; } .list-article.poll-list-article .description { opacity: 0.7; } .list-article.poll-list-article .additional-info { color: #fff; } .list-article.poll-list-article .vote, .list-article.poll-list-article .results { font-size: 12px; font-size: 0.75rem; line-height: 2; } .list-article.poll-list-article .vote i, .list-article.poll-list-article .results i { font-size: 15px; font-size: 0.9375rem; margin-left: 3px; vertical-align: text-bottom; } .list-article.poll-list-article .vote { margin-right: 26px; } .list-article.poll-list-article .share { opacity: 0.5; } .list-article.author-list-article { background-color: #e0e0e0; } .list-article.author-list-article .author { font-size: 12px; font-size: 0.75rem; line-height: 2; font-family: "Repo", sans-serif; margin-left: 3px; } .list-article.author-list-article .author i { margin-right: 3px; } .list-block { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; } h2.list-block-item { font-size: 20px; font-size: 1.25rem; margin: 0; text-align: center; font-family: "Repo-Bold", sans-serif; padding: 6px 22px 11px; } .list-block-item { border-bottom: 1px solid #ebebeb; } .list-block-item:last-child { border-bottom: 0; } .list-block-item.text-news { box-shadow: none; margin-bottom: 0; } .list-block-item.text-news .text-wrapper { padding: 0; } .list-block-item.text-news .additional-info { position: relative; left: 0; right: 0; top: 0; bottom: 0; } .list-block-item.text-news .title a:hover { text-decoration: underline; } .list-block-item.text-news:hover { box-shadow: none; } .search-news .img-wrapper:after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.52) 30%, #000 100%); opacity: 0.6; } /* Mostread InArticle slide */ .mostread-slider-master { width: 100%; margin-bottom: 30px; margin-top: 30px; border: 1px solid #cccccc; height: 183px; display: flex; } .mostread-slider-master .mostread-slider-wrapper { width: 96%; } .mostread-slider-master .base-content-holder { margin: 0 auto; position: relative; padding-top: 23px; left: -16px; } .mostread-slider-master .product-box { max-width: 372px; height: 115px; float: left; display: inline; margin-right: 10px; /*background: black;*/ } .mostread-slider-master .product-img-box { text-align: center; overflow: hidden; float: left; width: 44%; } .mostread-slider-master .product-title { font-size: 15px; font-size: 0.9375rem; margin: 0; padding-left: 0; line-height: 16px; min-height: 40px; width: 49%; text-align: left; height: 67px; overflow: hidden; font-family: "Repo-Bold", sans-serif; font-weight: 600; display: inline-block; } .mostread-slider-master .site-badge { font-size: 10px; font-size: 0.625rem; position: absolute; bottom: 29%; left: 0; background-color: white; text-transform: uppercase; padding: 1px 4px 2px 3px; } .mostread-slider-master .site-badge i { margin-right: 0; padding-right: 3px; top: 1px; position: relative; } .mostread-slider-master .site-badge.dnes { color: #0062bc; } .mostread-slider-master .site-badge.life { color: #A31F75; } .mostread-slider-master .site-badge.corner { color: #b20000; } .mostread-slider-master .site-badge.business { color: #0f8997; } .mostread-slider-master .site-badge.it { color: #12385c; } .mostread-slider-master .site-badge.urbn { color: #da3f45; } .mostread-slider-master .site-badge.games { color: #f26522; } .mostread-slider-master .site-badge.trip { color: #00ad95; } .mostread-slider-master .site-badge.zodiac { color: #0e2f88; } .mostread-slider-master .site-badge.vkusotii { color: #e85c4a; } .mostread-slider-master .site-badge.fun { color: #501061; } .mostread-slider-master .site-badge.impressio { color: #23034e; } .mostread-slider-master .icon-impressio:before { color: #23034e; } .mostread-slider-master .site-badge.weather { color: #00309a; } .mostread-slider-master .product-date, .mostread-slider-master .views { font-size: 12px; color: #838383; display: inline-block; margin-left: 0 !important; width: 50%; text-align: left; } .mostread-slider-master .product-date .icon.icon-eye, .mostread-slider-master .views .icon.icon-eye { color: black; } .mostread-slider-master .distance-box { padding-left: 27px; } .mostread-slider-master .base-content { width: 100%; height: 175px; /* background: url('/webapi/maxsport/max-corner-desktop-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain;*/ text-align: -webkit-center; } .mostread-slider-master .head-label-content { width: 4%; display: inline-block; background-color: white; z-index: 10; /* overflow: hidden; position: relative; top: 6px;*/ } .mostread-slider-master .head-label-content .campaign-label { color: #cccccc; font-weight: 600; font-size: 33px; font-size: 2.0625rem; transform: rotate(-90deg); position: relative; top: 131px; font-family: "Repo-ExtraBlack", sans-serif; } .mostread-slider-master span.img-text { text-decoration: none; outline: none; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; cursor: pointer; width: 100%; font-size: 23px; display: block; text-transform: capitalize; } .mostread-slider-master a:hover { color: #0062bc; } .mostread-slider-master .owl-stage { left: 5%; } @media screen and (max-width: 1200px) { .mostread-slider-master .owl-stage { left: 20%; } } @media screen and (max-width: 480px) { .mostread-slider-master { padding-top: 6px; margin-bottom: 30px; display: block; margin-top: 30px; min-height: 410px; } .mostread-slider-master .mostread-slider-wrapper { width: 100%; } .mostread-slider-master .owl-stage { left: 40px; } .mostread-slider-master .head-label-content { width: 100%; } .mostread-slider-master .head-label-content .campaign-label { top: -10px; transform: unset; text-align: center; } .mostread-slider-master .base-content-holder { padding-top: 0; left: 0; } .mostread-slider-master .views { left: 45%; } .mostread-slider-master .site-badge { padding: 4px 5px 3px 6px; bottom: 15px; } .mostread-slider-master .site-badge i { margin-right: 0; } .mostread-slider-master .head-label-content .campaign-label { top: 0; text-align: left; margin-left: 15px; margin-bottom: 9px; } .mostread-slider-master .owl-item .item { position: relative; left: -20px; } .mostread-slider-master .owl-item .product-img-box { max-height: 186px; width: 92%; position: relative; display: block; } .mostread-slider-master .owl-item .product-img-box img { max-height: unset; display: block; position: relative; } .mostread-slider-master .product-box { float: unset; display: list-item; height: auto; } .mostread-slider-master .product-box::marker { all: unset; font-size: 0; } .mostread-slider-master .product-box .product-title { width: 100%; margin-top: 10px; padding-right: 18px; min-height: 76px; line-height: 1; font-size: 16px; font-size: 1rem; } .mostread-slider-master .product-box .views { left: 0; margin-left: 0; width: 100%; } .mostread-slider-master .product-box .site-badge { padding-right: 6px; } } .theme-dark ~ .mostread-slider-master .product-date i, .theme-dark .mostread-slider-master .views i { color: #838383 !important; } .theme-dark .mostread-slider-master .head-label-content { background-color: #2f2f2f !important; } @media screen and (max-width: 480px) { .theme-dark ~ .mostread-slider-master .product-date i, .theme-dark .mostread-slider-master .views i { color: #838383 !important; } .theme-dark .mostread-slider-master .head-label-content { background-color: #2f2f2f !important; } } /* End Mostread InArticle slide */ .additional-info .comments, .additional-info .views { margin-left: 4px; } .additional-info .comments i, .additional-info .views i { margin-right: 4px; } .share-btns-wrapper .close-btn { font-size: 14px; font-size: 0.875rem; } .img-news .text-wrapper { padding: 10px 15px 14px; } .img-news .additional-info { font-size: 14px; font-size: 0.875rem; } .img-news .additional-info .comments, .img-news .additional-info .views { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .img-news .share, .img-news .close-btn { margin-top: 3px; } .img-news .share { font-size: 14px; font-size: 0.875rem; color: rgba(255, 255, 255, 0.6); } .img-news .share-btns { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .img-news .search-region { top: 34px; left: 11px; right: 12px; } .img-news .search-region input { width: calc(100% - 61px); } .img-news .search-region button { width: 61px; } .gallery-img-count { font-size: 10px; font-size: 0.625rem; top: 10px; right: 10px; width: 40px; height: 40px; } .gallery-img-count span { margin-top: 14px; } .gallery-img-count span:before { font-size: 20px; font-size: 1.25rem; top: -4px; z-index: -1; } .text-news .text-wrapper { padding: 6px 13px 32px; } .text-news .title { font-size: 15px; font-size: 0.9375rem; line-height: 1.4666666667; } .text-news .description { font-size: 14px; font-size: 0.875rem; margin-bottom: 0; } .text-news .timestamp, .text-news .category, .text-news .comments, .text-news .views { font-size: 12px; font-size: 0.75rem; line-height: 1.3333333333; } .text-news .share, .text-news .close-btn { margin-top: 3px; } .text-news .share { font-size: 15px; font-size: 0.9375rem; } .text-news .additional-info { left: 13px; right: 18px; bottom: 9px; } .text-news .gallery-img-count { width: 24px; height: 16px; } .text-news .gallery-img-count span { margin-top: 3px; } .main-articles h1 { font-size: 16px; font-size: 1rem; font-family: "Repo-DemiBold", sans-serif; color: #fff; padding-top: 4px; margin-top: 0; margin-bottom: 9px; } .main-articles .section-heading { margin-bottom: 0; } .main-articles .text-news { box-shadow: none; } .main-articles .see-all { color: #fff; margin-top: 19px; margin-bottom: 20px; } .main-articles.regional-main-articles { background-color: #3b323d; } .main-articles.regional-main-articles .main-article { background-color: #3b323d; } .main-articles.regional-main-articles .section-tabs { font-size: 24px; font-size: 1.5rem; margin-top: 0; background-color: #38303a; background-color: rgba(56, 48, 58, 0.97); padding-top: 13px; } .main-articles.regional-main-articles .section-tabs a { padding: 8px 10px; } .main-article { margin-left: -10px; margin-right: -10px; color: #fff; } .main-article .title { font-size: 22px; font-size: 1.375rem; font-family: "Repo-DemiBold", sans-serif; } .main-article strong { font-family: "Repo-Black", sans-serif; } .main-article .text-wrapper { padding: 8px 16px 32px; } .main-article .share, .main-article .close-btn { margin-top: 4px; } .main-article .share { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .main-article .additional-info { color: #cacaca; color: rgba(255, 255, 255, 0.6); left: 17px; right: 20px; bottom: 9px; } .main-article .additional-info .comments, .main-article .additional-info .close-btn { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .big-article-with-bg { color: #fff; box-shadow: none; } .big-article-with-bg .share { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .big-article-with-bg .additional-info { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .big-article-with-bg .additional-info .comments, .big-article-with-bg .additional-info .close-btn { color: #cacaca; color: rgba(255, 255, 255, 0.6); } .big-article { margin-bottom: 14px; } .big-article .title { font-size: 19px; font-size: 1.1875rem; line-height: 1.2631578947; } .big-article .text-wrapper { padding: 8px 14px 40px; } .small-article .share-btns a { width: 16px; height: 16px; } .small-article .fb-share { font-size: 13px; font-size: 0.8125rem; } .small-article .twitter-share { font-size: 12px; font-size: 0.75rem; padding-top: 2px; } .small-article .gplus-share { font-size: 10px; font-size: 0.625rem; padding-top: 2px; } .small-article .viber-share { font-size: 10px; font-size: 0.625rem; padding-top: 3px; } .list-article { margin-bottom: 12px; min-height: 102px; } .list-article .img-wrapper { width: 101px; } .list-article .img-wrapper + .text-wrapper { width: calc(100% - 101px); } .list-article:last-child { margin-bottom: 0; } .list-block { margin-bottom: 10px; } .list-block-item { padding: 10px 15px 8px; } .list-block-item.text-news .additional-info { margin-top: 9px; } .video-article .img-wrapper:before, .run-video .img-wrapper:before, .video-list-article .img-wrapper:before { font-size: 68px; font-size: 4.25rem; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px; color: #fff; } .podcast-article .img-wrapper:before, .podcast-list-article .img-wrapper:before { font-size: 68px; font-size: 4.25rem; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9c2"; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -34px; margin-top: -34px; color: #fff; } .urbn-article:before { top: 0; width: 85px; height: 27px; } .mostread-slider-master .base-content { width: 100%; } .mostread-slider-master .product-box { max-width: 100%; margin-right: 0; } .mostread-slider-master .product-box .product-img-box { max-width: 100%; width: 100%; } .mostread-slider-master .head-label-content .campaign-label { margin-left: 10px; } .mostread-slider-master .product-title { padding-left: 1px; } .mostread-slider-master .owl-stage { left: 13px; } .mostread-slider-master .owl-item { padding-left: 15px; left: -20px; } .img-wrapper .bg-color-ad { top: 17px; bottom: unset; } .top-section.search-top-section { background: #888888; } .top-section.search-top-section ~ .page-header { color: #fff; } .top-section.search-top-section ~ .page-header .home, .top-section.search-top-section ~ .page-header .search, .top-section.search-top-section ~ .page-header .user { color: #fff; } .top-section.search-top-section ~ .page-header .logo-blue, .top-section.search-top-section ~ .page-header .logo-red { display: none; } .top-section.search-top-section ~ .page-header .logo-white { display: block; } .top-section.search-top-section ~ .page-header .mobile-menu-btn span, .top-section.search-top-section ~ .page-header .mobile-menu-btn span:before, .top-section.search-top-section ~ .page-header .mobile-menu-btn span:after { background-color: #fff; } .top-section.search-top-section ~ .page-header .mobile-menu-btn.open span { background: 0; } .top-section.search-top-section ~ .page-header .dropdown .dots span, .top-section.search-top-section ~ .page-header .header-dropdown .dots span { background-image: url(../../images/hamburger-icon.svg); } .search-top-section { color: #fff; padding-bottom: 16px; } .search-top-section input[type=text] { background-color: #fff; color: #888888; } .search-top-section input[type=text]::-webkit-input-placeholder { color: #888888; } .search-top-section input[type=text]:-moz-placeholder { color: #888888; } .search-top-section input[type=text]::-moz-placeholder { color: #888888; } .search-top-section input[type=text]:-ms-input-placeholder { color: #888888; } .search-top-section select { color: #fff; } .search-results { font-size: 13px; font-size: 0.8125rem; line-height: 1.7333333333; color: #6c6c6e; font-family: "Repo-Medium", sans-serif; margin-top: 0; margin-bottom: 11px; } .search-top-section h2 { font-size: 30px; font-size: 1.875rem; margin-top: 0; margin-bottom: 11px; } .article-content { font-size: 18px; font-size: 1.125rem; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; line-height: 1.4; margin-bottom: 79px; } .article-content .additional-info { font-size: 12px; font-size: 0.75rem; line-height: 1.8571428571; } .article-content .comments, .article-content .views { margin-left: 14px; } .article-content .inner-img { clear: both; position: relative; } .article-content .inner-img::after { clear: both; content: ""; display: table; } .article-content .inner-img p { line-height: 1.8571428571; font-family: "Repo-Medium", sans-serif; margin-top: 7px; margin-bottom: 0; float: left; } .article-content .inner-img .photo-credits { font-size: 11px; font-size: 0.6875rem; float: right; margin-top: 11px; text-align: right; } .article-content .inner-img .icon { font-size: 27px; font-size: 1.6875rem; position: absolute; z-index: 2; right: 10px; top: 10px; width: 43px; height: 42px; text-align: center; padding-top: 7px; background: rgba(68, 70, 71, 0.7); color: #fff; } .credit { font-family: "Repo-Medium", sans-serif; } .article-body h2 { font-family: "Repo-Bold", sans-serif; } .article-body strong { font-family: "Repo-DemiBold", sans-serif; } .accent-block { color: #fff; } .accent-block h3 { font-size: 16px; font-size: 1rem; line-height: 1.1111111111; font-family: "Repo-DemiBold", sans-serif; margin-top: 0; margin-bottom: 12px; padding-bottom: 13px; } .accent-block a { font-size: 16px; font-size: 1rem; line-height: 1.2941176471; display: block; text-decoration: none; } .accent-block ul { margin: 0; padding: 0; list-style: none; } .accent-block li { padding-bottom: 12px; } .accent-block li + li { padding-top: 7px; } .topics-block { position: relative; } .topics-block:after { font-size: 47px; font-size: 2.9375rem; content: "тема"; position: absolute; bottom: -16px; right: 15px; text-transform: uppercase; opacity: 0.1; font-family: "Repo-DemiBold", sans-serif; } .gallery-share-btns a, .article-share-btns a { display: inline-block; vertical-align: middle; text-align: center; color: #fff; } .article-share-btns { margin-bottom: 25px; } .article-share-btns a { width: 44px; height: 44px; } .article-share-btns .fb-share { font-size: 35px; font-size: 2.1875rem; padding-top: 6px; } .article-share-btns .twitter-share { font-size: 30px; font-size: 1.875rem; padding-top: 3px; } .article-share-btns .gplus-share { font-size: 24px; font-size: 1.5rem; padding-top: 7px; } .article-share-btns .viber-share { font-size: 22px; font-size: 1.375rem; padding-top: 8px; } .comment-btns { font-family: "Repo-DemiBold", sans-serif; color: #fff; } .comment-btns a { display: block; position: relative; text-decoration: none; height: 44px; } .see-comments { background-color: #0062bc; } .see-comments i { font-size: 24px; font-size: 1.5rem; } .go-comment { background-color: #ef6205; } .go-comment i { font-size: 21px; font-size: 1.3125rem; } .video-outer-container { position: relative; } .video-outer-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-link-in-video { position: absolute; z-index: 10; top: 26px; right: 34px; width: 76px; height: 71px; } .video-wrapper { display: none; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .category-box { font-size: 12px; font-size: 0.75rem; padding: 2px 4px 0; display: table; text-decoration: none; text-align: center; min-width: 54px; height: 20px; } .see-more-block img { width: 100%; display: block; } .article-main-img { position: relative; color: #fff; } .article-main-img .img-wrapper { clear: both; margin: 0 10px; } .article-main-img:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 70%; } .back-btn { font-size: 18px; font-size: 1.125rem; font-family: "Repo-DemiBold", sans-serif; float: right; text-decoration: none; padding: 7px 10px; position: relative; } .back-btn i { margin-right: 10px; } .credit { font-size: 14px; font-size: 0.875rem; display: block; color: #b8b8b8; } .article-content .title { font-size: 30px; font-size: 1.875rem; line-height: 1.2; font-family: "Repo-Bold", sans-serif; margin-bottom: 14px; } .article-content .description { font-size: 20px; font-size: 1.25rem; line-height: 1.3; font-family: "Repo-DemiBold", sans-serif; margin-top: 13px; } .article-content .additional-info { margin-bottom: 32px; } .article-content .additional-info .timestamp { display: inline; } .article-content .timestamp { color: #b8b8b8; } .article-content .inner-img p { font-size: 12px; font-size: 0.75rem; color: #b8b8b8; max-width: calc(100% - 125px); } .article-content .inner-img .photo-credits { font-size: 10px; font-size: 0.625rem; width: 120px; } .article-body { font-size: 16px; font-size: 1rem; } .article-body p, .article-body ol, .article-body ul { font-size: 16px; font-size: 1rem; margin-bottom: 24px; line-height: 1.5; } .article-body h2 { font-size: 20px; font-size: 1.25rem; } .article-body .vyara-tip { position: relative; margin-left: 25px; margin-top: 85px; } .article-body .vyara-tip::before { content: url("../../images/vyara-tip-logo.svg"); display: block; position: absolute; width: 86px; top: -50px; left: -25px; } .article-body .vyara-tip::after { content: ""; background-color: #ddd; display: block; position: absolute; height: 1px; width: calc(100% - 75px); margin-left: 75px; top: -40px; } .article-footer { margin-bottom: 40px; margin-top: 34px; } .article-footer .article-share-btns { margin-bottom: 40px; } .accent-block { padding: 15px 10px; overflow: hidden; } .topic-tags { font-size: 20px; font-size: 1.25rem; color: #fff; background-color: #b8b8b8; font-family: "Repo-Medium", sans-serif; padding: 15px; } .topic-tags a { text-decoration: none; } .topic-tags h3 { font-size: 26px; font-size: 1.625rem; font-family: "Repo-Bold", sans-serif; margin: -19px 0 15px; } .topics-block { margin-left: -10px; margin-right: -10px; } .gallery-share-btns { margin-top: 28px; } .gallery-share-btns a { width: 20px; height: 20px; margin-right: 8px; } .gallery-share-btns .fb-share { font-size: 18px; font-size: 1.125rem; } .gallery-share-btns .twitter-share { font-size: 18px; font-size: 1.125rem; } .gallery-share-btns .gplus-share { font-size: 12px; font-size: 0.75rem; } .gallery-share-btns .viber-share { font-size: 13px; font-size: 0.8125rem; } .article-share-btns { margin-bottom: 28px; } .comment-btns { font-size: 20px; font-size: 1.25rem; } .comment-btns a { line-height: 44px; text-align: center; margin-bottom: 12px; } .comment-btns i { margin-right: 10px; } .see-comments { background-color: #0062bc; } .see-comments i { font-size: 26px; font-size: 1.625rem; } .video-outer-container { clear: both; } .top-section.list-top-section { background-color: #0a090f; padding-bottom: 8px; } .top-section.list-top-section .title { font-size: 22px; font-size: 1.375rem; font-family: "Repo-DemiBold", sans-serif; } .top-section.list-top-section .text-wrapper { padding: 28px 16px 32px; } .top-section.list-top-section .additional-info { left: 18px; right: 18px; } .top-section.list-top-section .text-news .timestamp, .top-section.list-top-section .text-news .category, .top-section.list-top-section .text-news .comments { font-size: 14px; font-size: 0.875rem; } .category-box { margin-bottom: -2px; } .list-page { background-color: #0a090f; } .list-page-articles .section-title { margin-bottom: 24px; } .list-page-articles .big-article { margin-bottom: 20px; } .list-page-articles .big-article .text-wrapper { padding-bottom: 52px; } .list-page-articles .additional-info { left: 16px; bottom: 18px; } .purchase-ticket-button { font-size: 16px; font-size: 1rem; text-transform: uppercase; text-decoration: none; line-height: 48px; font-family: "Noto Sans", sans-serif; font-weight: bold; color: #fdb913; background-color: #002a54; padding: 0 30px 0 15px; display: table; margin: 0 auto; } .purchase-ticket-button::before { font-size: 21px; font-size: 1.3125rem; font-family: "icomoon" !important; content: "\e9a8"; display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 30px; line-height: 48px; border-right: 1px solid #fdb913; } a.metlife-button { width: 293px; height: 46px; background: url(../../images/metlife-button.jpg) no-repeat; margin: 25px auto; display: table; text-indent: -9999px; background-size: cover; } a.nextlevel-button { width: 230px; height: 60px; background: url(../../images/nextlevel-button.png) no-repeat; margin: 25px auto; display: table; text-indent: -9999px; background-size: cover; } a.e-news-button { width: 300px; height: 300px; background: url(../../images/3e-new_button_w300.png) no-repeat; margin: 25px auto; display: table; text-indent: -9999px; background-size: contain; } a.e-news-button:hover { background: url(../../images/3e-new_button_w300_hover.png) no-repeat; } .img-overlay-section { background-color: #231e24; position: relative; overflow: hidden; } .img-overlay-section.top-section { background-color: #231e24; } .img-overlay-section .overlay-img { position: absolute; left: 0; bottom: 0; height: 100%; } .img-overlay-section .tabs, .img-overlay-section .see-all, .img-overlay-section .article-layout-4, .img-overlay-section .section-title, .img-overlay-section .column-wrapper { position: relative; z-index: 2; } .img-overlay-section .tabs { font-size: 34px; font-size: 2.125rem; line-height: 1.9166666667; font-family: "Repo-DemiBold", sans-serif; margin-top: 10px; margin-bottom: 20px; } .img-overlay-section .tabs a { color: #5d585e; } .img-overlay-section .tabs a + a { margin-left: 38px; margin-right: 11px; } .img-overlay-section .tabs a.active { color: #fff; } .img-overlay-section .see-all { float: right; margin-top: -68px; color: #fff; padding-right: 0; font-family: "Repo-DemiBold", sans-serif; } .img-overlay-section .overlay-img { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left;"; } .slider-section { padding: 10px 0 34px; } .slider-section .section-title { color: #fff; } .slider-section .slick-dots li.slick-active button { background-color: #fff; } .slider-section .slick-dots li button { background-color: rgba(255, 255, 255, 0.4); } .article-slider::after, .video-slider::after, .widget-slider::after, .more-slider::after, .movies-slider::after { clear: both; content: ""; display: table; } .article-slider .slick-track, .video-slider .slick-track, .widget-slider .slick-track, .more-slider .slick-track, .movies-slider .slick-track { display: flex; flex-wrap: wrap; } .article-slider .text-news, .video-slider .text-news, .widget-slider .text-news, .more-slider .text-news, .movies-slider .text-news { float: left; height: auto; } .slick-track:before { display: none; } .slick-dots { padding: 0; text-align: center; } .slick-dots li { display: inline-block; } .slick-dots li button { font-size: 0; line-height: 0; display: block; border-radius: 50%; cursor: pointer; color: transparent; border: 0; outline: none; padding: 0; } .movies-section { background-color: #211f21; position: relative; } .movies-section .slick-dots li.slick-active button { background-color: #fff; } .movies-section .slick-dots li button { background-color: #3c3b3c; } .movie-poster .img-wrapper { height: 0; padding-bottom: 144%; } .movie-poster .img-wrapper img { height: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } .slider { list-style: none; } .slick-track { height: 100%; } .slider .slick-slide { height: auto; } .article-slider, .video-slider, .widget-slider { margin: 26px -11px 0; } .article-slider .text-news, .video-slider .text-news, .widget-slider .text-news { width: 317px; margin: 0 10px; } .slick-dots li { margin: 14px 4px; } .slick-dots li button { width: 9px; height: 9px; } .movies-heading::after { clear: both; content: ""; display: table; } .movies-section .section-title { color: #fff; margin-top: 3px; margin-bottom: 9px; } .movies-section .open-tabs { color: #fff; float: right; margin-top: 14px; } .movies-section .section-tabs { background-color: #211f21; background-color: rgba(33, 31, 33, 0.97); } .movies-section .section-tabs a { font-size: 30px; font-size: 1.875rem; padding: 7px 10px; } .movies-section .tab-content { padding-bottom: 13px; margin-top: -10px; } .movie-poster { float: left; width: 145px; margin-right: 10px; margin-bottom: 10px; flex-shrink: 0; } .movie-poster .title { font-size: 14px; font-size: 0.875rem; line-height: 1.2222222222; color: #000; } .movie-poster .additional-info { left: 10px; right: 10px; bottom: 11px; } .movie-poster .additional-info .comments { font-size: 10px; font-size: 0.625rem; margin-left: 0; } .movie-poster .share, .movie-poster .close-btn { font-size: 11px; font-size: 0.6875rem; margin-top: 5px; } .movie-poster .text-wrapper { padding: 8px 9px 45px; } .movie-poster:last-child { margin-right: 0; } .img-and-video-section .big-article { color: #000; width: 100%; } .img-and-video-section .slide { overflow: hidden; padding-top: 10px; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } .img-and-video-section .slide .text-news:first-child ~ .text-news { width: 47.6666666667%; } .img-and-video-section .slide .text-news:nth-child(2) { float: left; } .img-and-video-section .slide .text-news:last-child { float: right; } .img-and-video-section .slide:after { display: none; } .img-and-video-section .slick-dots { margin-top: -38px; position: relative; z-index: 2; } .img-and-video-slider { margin-bottom: 15px; } .other-sites-slider { margin-bottom: 53px; } .other-sites-slider .slide { padding-top: 10px; min-height: 405px; } @media (max-width: 400px) { .other-sites-slider .slide { min-height: 380px; } } .other-sites-slider .main-link { font-size: 20px; font-size: 1.25rem; color: #fff; text-decoration: none; font-family: "Repo-Medium", sans-serif; display: block; margin: 0 0 13px; } .other-sites-slider .text-news { box-shadow: none; background-color: transparent; color: #fff; } .other-sites-slider .text-news .text-wrapper { padding: 9px 5px 37px; } .other-sites-slider .slick-dots { margin-top: -42px; position: relative; z-index: 2; } .horizontal-scrollbar-root { position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; } .horizontal-bar-wrapper { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 10px; background-color: #646364; background-color: rgba(255, 255, 255, 0.3); } .horizontal-bar { position: absolute; width: 10px; height: 10px; background-color: #e0e0e0; background-color: rgba(255, 255, 255, 0.8); } .horizontal-scrollbar { overflow-x: scroll; overflow-y: hidden; height: 100%; white-space: nowrap; display: flex; padding-bottom: 28px; position: relative; bottom: -15px; } .horizontal-scrollbar > div { white-space: normal; flex-shrink: 0; } .form-group input, .form-group textarea, .form-group select { border: 1px solid #d7d7d7; width: 100%; padding-left: 7px; } .form-group input::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder, .form-group select::-webkit-input-placeholder { color: #999999; } .form-group input:-moz-placeholder, .form-group textarea:-moz-placeholder, .form-group select:-moz-placeholder { color: #999999; } .form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder, .form-group select::-moz-placeholder { color: #999999; } .form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder, .form-group select:-ms-input-placeholder { color: #999999; } .form-group input, .form-group textarea { background-color: #f7f8f9; } .form-group textarea { padding-top: 10px; resize: none; } .form-group select { background-color: #fff; } input[type=submit] { cursor: pointer; } .radio-btn { font-family: "Repo-Bold", sans-serif; display: block; } .radio-btn input[type=radio] { display: none; } .radio-btn input[type=radio]:checked + span { border-color: #008937; } .radio-btn input[type=radio]:checked + span:before { content: ""; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background-color: #008937; border-radius: 50%; } .radio-btn span { position: relative; top: -2px; margin-right: 10px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; border: 2px solid #c2c2c2; border-radius: 50%; } .error { color: #b70005; } .error input { border-color: #b70005; } .error p { font-size: 12px; font-size: 0.75rem; } .error.form-group p, .error.upload-container p { font-size: 10px; font-size: 0.625rem; margin: 0; text-align: right; } .error .file-input input { border: 1px solid #b70005; } .success { color: #008937; } .success p { font-size: 12px; font-size: 0.75rem; } .form-group h2 { font-size: 24px; font-size: 1.5rem; font-family: "Repo", sans-serif; margin-top: 25px; margin-bottom: 17px; } .radio-btn { font-size: 18px; font-size: 1.125rem; margin-bottom: 15px; } .topic { overflow: hidden; position: relative; } .topic .section-title { font-size: 47px; font-size: 2.9375rem; margin-bottom: -20px; } .topic-img-wrapper { position: relative; background: #555555; color: #fff; text-align: center; } .topic-img-wrapper h3 { font-size: 36px; font-size: 2.25rem; position: absolute; z-index: 2; bottom: 48px; left: 0; right: 0; margin: 0; font-family: "Repo-DemiBold", sans-serif; } .topic-img-wrapper img { display: block; } .topic-img-wrapper:before { content: ""; position: absolute; z-index: 3; left: 33px; top: 25px; right: 33px; bottom: 25px; border: 15px solid #fff; } .topic-img-wrapper:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(to bottom, transparent 50%, #000 100%); opacity: 0.5; } .top-section.topic-top-section, .bg-color-topic, .topic-article, .top-section.topic-theme-section { background-color: #585858; } .topic-title { font-size: 32px; font-size: 2rem; font-family: "Repo-Bold", sans-serif; color: #fff; margin: 0 0 15px; } .topic-title span { text-transform: uppercase; display: block; color: #717171; } .topic-article { overflow: hidden; } .poll { position: relative; color: #fff; } .poll::after { clear: both; content: ""; display: table; } .poll a { text-decoration: none; } .poll h2 { color: #044c8e; margin: 0; } .poll img { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; height: 100%; max-width: 100%; } .poll .vote { display: block; text-align: center; background-color: #fff; font-family: "Repo-Bold", sans-serif; color: #0062bc; margin: 0 auto; } .poll .links-container::after { clear: both; content: ""; display: table; } .poll .links-container a { font-size: 12px; font-size: 0.75rem; display: block; } .poll .links-container i { font-size: 15px; font-size: 0.9375rem; margin-left: 4px; vertical-align: bottom; } .poll .links-container .referendum-results { float: left; } .poll .links-container .last-referendums { float: right; } .vote-btn { display: block; background-color: #0062bc; color: #fff; float: left; text-align: center; padding: 7px; border: 0; text-decoration: none; } .see-results { font-size: 11px; font-size: 0.6875rem; float: right; color: #0062bc; margin-top: 9px; } .back-to-voting { display: block; color: #0062bc; text-decoration: none; font-family: "Repo-Medium", sans-serif; } .results-table { width: 100%; text-align: left; border-collapse: collapse; border-top: 1px solid #c0c0c0; } .results-table th { font-weight: normal; font-family: "Repo-Bold", sans-serif; height: 42px; background-color: #f7f7f7; } .results-table th, .results-table td { border-bottom: 1px solid #c0c0c0; } .results-table td { height: 46px; } .results-table i { color: #0062bc; } .results-table tr:last-child td { border-bottom: 0; } .graph-popup-wrapper { display: none; position: fixed; z-index: 12; top: 50%; left: 50%; background-color: #fff; } .graph-heading::after { clear: both; content: ""; display: table; } .graph-heading h2 { float: left; margin: 0; } .graph-heading .close-graph { float: right; color: #ababab; } .accordion-group { border: 1px solid #c3c3c3; margin-bottom: 20px; } .accordion-group.open .accordion-toggle:before { content: "\e915"; } .accordion-group.open .accordion-content { display: block; } .accordion-toggle { text-decoration: none; color: #0062bc; padding: 5px 45px; display: block; position: relative; } .accordion-toggle:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; position: absolute; left: 10px; top: 10px; color: #c3c3c3; } .accordion-content { display: none; } .poll-type { font-family: "Repo-Light", sans-serif; margin: 0; } .poll-title { margin: 13px 0; } .poll-article-content .progress-bar { background-color: #e8e8e8; } .poll-article-content .progress-bar .progress { background-color: #0062bc; } .poll-answer { font-size: 15px; font-size: 0.9375rem; color: #787878; font-family: "Repo", sans-serif; } .poll-answer .icon { margin-right: 10px; } .poll-answer .icon-upvote { font-size: 15px; font-size: 0.9375rem; color: #fff; border-radius: 50%; width: 28px; height: 28px; text-align: center; vertical-align: middle; padding: 6px; margin-top: -6px; } .poll-answer .icon-hand-o-right { color: #0062bc; } .poll-answer strong { color: #000; } .poll { padding: 20px 10px; } .poll h2 { font-size: 30px; font-size: 1.875rem; font-family: "Repo-Bold", sans-serif; } .poll p { font-size: 20px; font-size: 1.25rem; line-height: 1.3; margin: 16px 0 41px; } .poll .vote { font-size: 20px; font-size: 1.25rem; padding: 4px 0 7px; margin-bottom: 22px; } .poll .links-container { margin-top: 44px; } .poll .links-container a { font-family: "Repo-Medium", sans-serif; } .poll .links-container i { font-size: 17px; font-size: 1.0625rem; margin-left: 4px; vertical-align: bottom; } .poll .additional-info { color: #fff; margin-bottom: 41px; } .poll.article-main-img { padding-top: 8px; text-align: right; } .poll.article-main-img:before { display: none; } .poll.article-main-img h2 { font-size: 20px; font-size: 1.25rem; margin-bottom: 6px; } .poll-type { font-size: 22px; font-size: 1.375rem; } .poll-article-content .timestamp { color: #fff; } .poll-article-content .timestamp { font-size: 12px; font-size: 0.75rem; font-family: "Repo-Bold", sans-serif; } .poll-article-content .img-news { font-size: 16px; font-size: 1rem; line-height: 1.2; } .select2-container { color: #888888; } .select2-dropdown { border-color: #d7d7d7; } .select2-container--default .select2-selection--single, select { border: 1px solid #d7d7d7; border-radius: 0; height: 42px; } .select2-container--default .select2-selection--single .select2-selection__rendered { height: 42px; line-height: 40px; padding-right: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; width: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 7px 8px 0 8px; margin-left: -8px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 8px 7px 8px; } .vote-btn { font-size: 16px; font-size: 1rem; width: 152px; height: 36px; } .poll-options { margin-bottom: 28px; margin-top: 28px; margin-right: 14px; } .poll-options::after { clear: both; content: ""; display: table; } .more-articles-section .section-title { color: #0062bc; margin-bottom: 13px; } .more-articles-section .poll-options { margin-top: 23px; margin-right: 0; margin-bottom: 9px; } .more-articles-section .vote-btn { font-size: 14px; font-size: 0.875rem; width: 136px; height: 30px; padding: 6px; } .more-articles-section .see-results { font-size: 13px; font-size: 0.8125rem; margin-top: 7px; } .more-articles-section .text-wrapper { padding-bottom: 45px; } .more-articles-section .additional-info { left: 17px; bottom: 14px; } .more-articles-section .big-article { margin-bottom: 30px; } .more-articles-section .big-article:last-child { margin-bottom: 52px; } .progress-bar-wrapper { font-size: 15px; font-size: 0.9375rem; line-height: 1.2; color: #777777; margin-top: 11px; margin-bottom: 30px; } .progress-bar-wrapper p { font-size: 21px; font-size: 1.3125rem; margin-bottom: 7px; } .progress-bar-wrapper p span { color: #0062bc; font-family: "Repo-Bold", sans-serif; } .progress-bar-wrapper .text { margin-bottom: 8px; } .progress-bar-wrapper .text::after { clear: both; content: ""; display: table; } .progress-bar-wrapper .percent, .progress-bar-wrapper .votes { float: left; } .progress-bar-wrapper .percent { font-family: "Repo-Bold", sans-serif; width: 100px; } .progress-bar-wrapper .percent:last-child { text-align: right; } .progress-bar-wrapper .votes { width: calc(100% - 200px); text-align: center; } .progress-bar { position: relative; height: 22px; } .progress-bar .progress { position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: width 0.4s; } .question { font-size: 24px; font-size: 1.5rem; margin-top: 20px; margin-bottom: 10px; } .back-to-voting { font-size: 18px; font-size: 1.125rem; } .results-table { font-size: 14px; font-size: 0.875rem; } .graph-popup-wrapper { width: 300px; height: 400px; margin-left: -150px; margin-top: -200px; box-shadow: 0 1px 19px 1px rgba(0, 0, 0, 0.7); } .graph-heading { padding: 10px; border-bottom: 2px solid #f3f3f3; margin-bottom: 10px; } .graph-heading h2 { font-size: 24px; font-size: 1.5rem; } .graph-heading .close-graph { font-size: 4px; font-size: 0.25rem; } .open-graph i { font-size: 14px; font-size: 0.875rem; margin-left: 5px; margin-right: 2px; } .accordion-toggle { font-size: 20px; font-size: 1.25rem; } .accordion-content { overflow: auto; } .crossfire-title { text-align: center; } .progress-bar { position: relative; height: 22px; background-color: #b70005; } .progress-bar .progress { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background-color: #008937; transition: width 0.4s; } .opinion .img-wrapper { border-radius: 50%; overflow: hidden; } .opinion .name { text-align: center; margin-bottom: 0; } .opinion .name span { font-family: "Repo", sans-serif; } .btn-green, .btn-red, .btn-blue { font-size: 18px; font-size: 1.125rem; display: block; color: #fff; font-family: "Repo-DemiBold", sans-serif; text-decoration: none; text-align: center; border: 0; } .btn-green { background-color: #008937; } .btn-red { background-color: #b70005; } .btn-blue { background-color: #0062bc; } .btn-magenta { background-color: #A31F75; } .btn-hidden { display: none; } .crossfire h2 { color: #0062bc; } .crossfire-title { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; font-family: "Repo-DemiBold", sans-serif; margin-top: 0; } .opinions-wrapper { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; padding: 7px 10px; margin-top: 11px; } .opinion { margin-top: 31px; } .opinion .img-wrapper { height: 116px; width: 116px; margin: 0 auto; } .opinion .name { font-size: 16px; font-size: 1rem; line-height: 1.0619524406; } .opinion p { font-size: 15px; font-size: 0.9375rem; line-height: 1.4666666667; margin-top: 21px; } .vote-btns .btn-blue { padding: 6px; margin-bottom: 13px; } .btn-green, .btn-red { height: 37px; padding: 5px; margin: 32px auto; } .theme-dark, .theme-dark.season-spring, .theme-dark.season-summer, .theme-dark.autumn { color: #fff; background-color: #313131; } .theme-dark .catalog-wrapper ul li:before, .theme-dark.season-spring .catalog-wrapper ul li:before, .theme-dark.season-summer .catalog-wrapper ul li:before, .theme-dark.autumn .catalog-wrapper ul li:before { background-color: #fff; } .theme-dark .text-news, .theme-dark .list-block, .theme-dark .crossfire, .theme-dark .catalog, .theme-dark .article-content, .theme-dark .comments-section-title, .theme-dark .comments-wrapper, .theme-dark .comment-form-wrapper, .theme-dark .secondary-nav-wrapper, .theme-dark .sticky-nav-wrapper, .theme-dark .page-footer, .theme-dark.season-spring .text-news, .theme-dark.season-spring .list-block, .theme-dark.season-spring .crossfire, .theme-dark.season-spring .catalog, .theme-dark.season-spring .article-content, .theme-dark.season-spring .comments-section-title, .theme-dark.season-spring .comments-wrapper, .theme-dark.season-spring .comment-form-wrapper, .theme-dark.season-spring .secondary-nav-wrapper, .theme-dark.season-spring .sticky-nav-wrapper, .theme-dark.season-spring .page-footer, .theme-dark.season-summer .text-news, .theme-dark.season-summer .list-block, .theme-dark.season-summer .crossfire, .theme-dark.season-summer .catalog, .theme-dark.season-summer .article-content, .theme-dark.season-summer .comments-section-title, .theme-dark.season-summer .comments-wrapper, .theme-dark.season-summer .comment-form-wrapper, .theme-dark.season-summer .secondary-nav-wrapper, .theme-dark.season-summer .sticky-nav-wrapper, .theme-dark.season-summer .page-footer, .theme-dark.autumn .text-news, .theme-dark.autumn .list-block, .theme-dark.autumn .crossfire, .theme-dark.autumn .catalog, .theme-dark.autumn .article-content, .theme-dark.autumn .comments-section-title, .theme-dark.autumn .comments-wrapper, .theme-dark.autumn .comment-form-wrapper, .theme-dark.autumn .secondary-nav-wrapper, .theme-dark.autumn .sticky-nav-wrapper, .theme-dark.autumn .page-footer { background-color: #2f2f2f; } .theme-dark .close-title .section-title, .theme-dark .close-title .tabs a.active, .theme-dark .close-title span, .theme-dark .additional-info .category, .theme-dark .see-all, .theme-dark .recent-articles .section-title, .theme-dark .from-the-web .time, .theme-dark .chosen-comments h2.list-block-item, .theme-dark .section-title.small, .theme-dark .crossfire-title .section-title, .theme-dark .pagination, .theme-dark .article-content .additional-info, .theme-dark .comments-section-title, .theme-dark .transliteration, .theme-dark .additional-commenting-info .profile-links a, .theme-dark .news-comments, .theme-dark .reply, .theme-dark .show-comment, .theme-dark .username a, .theme-dark .additional-info .comments, .theme-dark .additional-info .views, .theme-dark .additional-info .category, .theme-dark .most-read-and-commented .slick-arrow, .theme-dark.season-spring .close-title .section-title, .theme-dark.season-spring .close-title .tabs a.active, .theme-dark.season-spring .close-title span, .theme-dark.season-spring .additional-info .category, .theme-dark.season-spring .see-all, .theme-dark.season-spring .recent-articles .section-title, .theme-dark.season-spring .from-the-web .time, .theme-dark.season-spring .chosen-comments h2.list-block-item, .theme-dark.season-spring .section-title.small, .theme-dark.season-spring .crossfire-title .section-title, .theme-dark.season-spring .pagination, .theme-dark.season-spring .article-content .additional-info, .theme-dark.season-spring .comments-section-title, .theme-dark.season-spring .transliteration, .theme-dark.season-spring .additional-commenting-info .profile-links a, .theme-dark.season-spring .news-comments, .theme-dark.season-spring .reply, .theme-dark.season-spring .show-comment, .theme-dark.season-spring .username a, .theme-dark.season-spring .additional-info .comments, .theme-dark.season-spring .additional-info .views, .theme-dark.season-spring .additional-info .category, .theme-dark.season-spring .most-read-and-commented .slick-arrow, .theme-dark.season-summer .close-title .section-title, .theme-dark.season-summer .close-title .tabs a.active, .theme-dark.season-summer .close-title span, .theme-dark.season-summer .additional-info .category, .theme-dark.season-summer .see-all, .theme-dark.season-summer .recent-articles .section-title, .theme-dark.season-summer .from-the-web .time, .theme-dark.season-summer .chosen-comments h2.list-block-item, .theme-dark.season-summer .section-title.small, .theme-dark.season-summer .crossfire-title .section-title, .theme-dark.season-summer .pagination, .theme-dark.season-summer .article-content .additional-info, .theme-dark.season-summer .comments-section-title, .theme-dark.season-summer .transliteration, .theme-dark.season-summer .additional-commenting-info .profile-links a, .theme-dark.season-summer .news-comments, .theme-dark.season-summer .reply, .theme-dark.season-summer .show-comment, .theme-dark.season-summer .username a, .theme-dark.season-summer .additional-info .comments, .theme-dark.season-summer .additional-info .views, .theme-dark.season-summer .additional-info .category, .theme-dark.season-summer .most-read-and-commented .slick-arrow, .theme-dark.autumn .close-title .section-title, .theme-dark.autumn .close-title .tabs a.active, .theme-dark.autumn .close-title span, .theme-dark.autumn .additional-info .category, .theme-dark.autumn .see-all, .theme-dark.autumn .recent-articles .section-title, .theme-dark.autumn .from-the-web .time, .theme-dark.autumn .chosen-comments h2.list-block-item, .theme-dark.autumn .section-title.small, .theme-dark.autumn .crossfire-title .section-title, .theme-dark.autumn .pagination, .theme-dark.autumn .article-content .additional-info, .theme-dark.autumn .comments-section-title, .theme-dark.autumn .transliteration, .theme-dark.autumn .additional-commenting-info .profile-links a, .theme-dark.autumn .news-comments, .theme-dark.autumn .reply, .theme-dark.autumn .show-comment, .theme-dark.autumn .username a, .theme-dark.autumn .additional-info .comments, .theme-dark.autumn .additional-info .views, .theme-dark.autumn .additional-info .category, .theme-dark.autumn .most-read-and-commented .slick-arrow { color: #fff; } .theme-dark .most-read-and-commented .see-all, .theme-dark.season-spring .most-read-and-commented .see-all, .theme-dark.season-summer .most-read-and-commented .see-all, .theme-dark.autumn .most-read-and-commented .see-all { border-color: #4a4a4a; } .theme-dark .section-title.small, .theme-dark.season-spring .section-title.small, .theme-dark.season-summer .section-title.small, .theme-dark.autumn .section-title.small { opacity: 0.3; } .theme-dark .share, .theme-dark .share-btns-wrapper .close-btn, .theme-dark.season-spring .share, .theme-dark.season-spring .share-btns-wrapper .close-btn, .theme-dark.season-summer .share, .theme-dark.season-summer .share-btns-wrapper .close-btn, .theme-dark.autumn .share, .theme-dark.autumn .share-btns-wrapper .close-btn { opacity: 0.5; } .theme-dark .comment-block, .theme-dark.season-spring .comment-block, .theme-dark.season-summer .comment-block, .theme-dark.autumn .comment-block { border-color: #4a4a4a; } .theme-dark .slider-section, .theme-dark.season-spring .slider-section, .theme-dark.season-summer .slider-section, .theme-dark.autumn .slider-section { background-color: #211f21; } .theme-dark .slider-section .slick-dots li.slick-active button, .theme-dark.season-spring .slider-section .slick-dots li.slick-active button, .theme-dark.season-summer .slider-section .slick-dots li.slick-active button, .theme-dark.autumn .slider-section .slick-dots li.slick-active button { background-color: #fff; } .theme-dark .slider-section .slick-dots li button, .theme-dark.season-spring .slider-section .slick-dots li button, .theme-dark.season-summer .slider-section .slick-dots li button, .theme-dark.autumn .slider-section .slick-dots li button { background-color: #919191; } .theme-dark .more-slider .slick-dots li button, .theme-dark.season-spring .more-slider .slick-dots li button, .theme-dark.season-summer .more-slider .slick-dots li button, .theme-dark.autumn .more-slider .slick-dots li button { background-color: #919191; } .theme-dark .more-slider .slick-dots li.slick-active button, .theme-dark.season-spring .more-slider .slick-dots li.slick-active button, .theme-dark.season-summer .more-slider .slick-dots li.slick-active button, .theme-dark.autumn .more-slider .slick-dots li.slick-active button { background-color: #fff; } .theme-dark .catalog-wrapper ul, .theme-dark.season-spring .catalog-wrapper ul, .theme-dark.season-summer .catalog-wrapper ul, .theme-dark.autumn .catalog-wrapper ul { -moz-column-rule: 4px outset rgba(255, 255, 255, 0.06); column-rule: 4px outset rgba(255, 255, 255, 0.06); } .theme-dark .gallery-share-btns a, .theme-dark .article-share-btns a, .theme-dark.season-spring .gallery-share-btns a, .theme-dark.season-spring .article-share-btns a, .theme-dark.season-summer .gallery-share-btns a, .theme-dark.season-summer .article-share-btns a, .theme-dark.autumn .gallery-share-btns a, .theme-dark.autumn .article-share-btns a { color: #2f2f2f; } .theme-dark .gallery-share-btns .fb-share, .theme-dark .gallery-share-btns .twitter-share, .theme-dark .gallery-share-btns .gplus-share, .theme-dark .gallery-share-btns .viber-share, .theme-dark .article-share-btns .fb-share, .theme-dark .article-share-btns .twitter-share, .theme-dark .article-share-btns .gplus-share, .theme-dark .article-share-btns .viber-share, .theme-dark.season-spring .gallery-share-btns .fb-share, .theme-dark.season-spring .gallery-share-btns .twitter-share, .theme-dark.season-spring .gallery-share-btns .gplus-share, .theme-dark.season-spring .gallery-share-btns .viber-share, .theme-dark.season-spring .article-share-btns .fb-share, .theme-dark.season-spring .article-share-btns .twitter-share, .theme-dark.season-spring .article-share-btns .gplus-share, .theme-dark.season-spring .article-share-btns .viber-share, .theme-dark.season-summer .gallery-share-btns .fb-share, .theme-dark.season-summer .gallery-share-btns .twitter-share, .theme-dark.season-summer .gallery-share-btns .gplus-share, .theme-dark.season-summer .gallery-share-btns .viber-share, .theme-dark.season-summer .article-share-btns .fb-share, .theme-dark.season-summer .article-share-btns .twitter-share, .theme-dark.season-summer .article-share-btns .gplus-share, .theme-dark.season-summer .article-share-btns .viber-share, .theme-dark.autumn .gallery-share-btns .fb-share, .theme-dark.autumn .gallery-share-btns .twitter-share, .theme-dark.autumn .gallery-share-btns .gplus-share, .theme-dark.autumn .gallery-share-btns .viber-share, .theme-dark.autumn .article-share-btns .fb-share, .theme-dark.autumn .article-share-btns .twitter-share, .theme-dark.autumn .article-share-btns .gplus-share, .theme-dark.autumn .article-share-btns .viber-share { background-color: #909090; transition: background-color 0.4s; } .theme-dark .gallery-share-btns .fb-share:hover, .theme-dark .gallery-share-btns .twitter-share:hover, .theme-dark .gallery-share-btns .gplus-share:hover, .theme-dark .gallery-share-btns .viber-share:hover, .theme-dark .article-share-btns .fb-share:hover, .theme-dark .article-share-btns .twitter-share:hover, .theme-dark .article-share-btns .gplus-share:hover, .theme-dark .article-share-btns .viber-share:hover, .theme-dark.season-spring .gallery-share-btns .fb-share:hover, .theme-dark.season-spring .gallery-share-btns .twitter-share:hover, .theme-dark.season-spring .gallery-share-btns .gplus-share:hover, .theme-dark.season-spring .gallery-share-btns .viber-share:hover, .theme-dark.season-spring .article-share-btns .fb-share:hover, .theme-dark.season-spring .article-share-btns .twitter-share:hover, .theme-dark.season-spring .article-share-btns .gplus-share:hover, .theme-dark.season-spring .article-share-btns .viber-share:hover, .theme-dark.season-summer .gallery-share-btns .fb-share:hover, .theme-dark.season-summer .gallery-share-btns .twitter-share:hover, .theme-dark.season-summer .gallery-share-btns .gplus-share:hover, .theme-dark.season-summer .gallery-share-btns .viber-share:hover, .theme-dark.season-summer .article-share-btns .fb-share:hover, .theme-dark.season-summer .article-share-btns .twitter-share:hover, .theme-dark.season-summer .article-share-btns .gplus-share:hover, .theme-dark.season-summer .article-share-btns .viber-share:hover, .theme-dark.autumn .gallery-share-btns .fb-share:hover, .theme-dark.autumn .gallery-share-btns .twitter-share:hover, .theme-dark.autumn .gallery-share-btns .gplus-share:hover, .theme-dark.autumn .gallery-share-btns .viber-share:hover, .theme-dark.autumn .article-share-btns .fb-share:hover, .theme-dark.autumn .article-share-btns .twitter-share:hover, .theme-dark.autumn .article-share-btns .gplus-share:hover, .theme-dark.autumn .article-share-btns .viber-share:hover { background-color: #fff; } .theme-dark .comment-block.editor, .theme-dark.season-spring .comment-block.editor, .theme-dark.season-summer .comment-block.editor, .theme-dark.autumn .comment-block.editor { background-color: #295867; } .theme-dark .comment-block.hidden, .theme-dark.season-spring .comment-block.hidden, .theme-dark.season-summer .comment-block.hidden, .theme-dark.autumn .comment-block.hidden { background-color: #191919; } .theme-dark .comment-block.loyal, .theme-dark.season-spring .comment-block.loyal, .theme-dark.season-summer .comment-block.loyal, .theme-dark.autumn .comment-block.loyal { background-color: #000; } .theme-dark .comment-block .comment-form-wrapper, .theme-dark.season-spring .comment-block .comment-form-wrapper, .theme-dark.season-summer .comment-block .comment-form-wrapper, .theme-dark.autumn .comment-block .comment-form-wrapper { background-color: #101e2a; } .theme-dark .comment-block .comment-form-wrapper:before, .theme-dark.season-spring .comment-block .comment-form-wrapper:before, .theme-dark.season-summer .comment-block .comment-form-wrapper:before, .theme-dark.autumn .comment-block .comment-form-wrapper:before { border-color: transparent transparent #101e2a transparent; } .theme-dark .comment-block .close-btn, .theme-dark.season-spring .comment-block .close-btn, .theme-dark.season-summer .comment-block .close-btn, .theme-dark.autumn .comment-block .close-btn { color: #000; } .theme-dark .select2-container, .theme-dark.season-spring .select2-container, .theme-dark.season-summer .select2-container, .theme-dark.autumn .select2-container { color: #000; } .theme-dark .sticky-nav .dropdown ul, .theme-dark.season-spring .sticky-nav .dropdown ul, .theme-dark.season-summer .sticky-nav .dropdown ul, .theme-dark.autumn .sticky-nav .dropdown ul { background-color: #2f2f2f; } .theme-dark .sticky-nav .dropdown.open, .theme-dark.season-spring .sticky-nav .dropdown.open, .theme-dark.season-summer .sticky-nav .dropdown.open, .theme-dark.autumn .sticky-nav .dropdown.open { background-color: #2f2f2f; } .theme-dark .sticky-nav .dropdown.open .dots span, .theme-dark.season-spring .sticky-nav .dropdown.open .dots span, .theme-dark.season-summer .sticky-nav .dropdown.open .dots span, .theme-dark.autumn .sticky-nav .dropdown.open .dots span { color: #fff; } .theme-dark .sticky-nav .dropdown.open .dots:after, .theme-dark.season-spring .sticky-nav .dropdown.open .dots:after, .theme-dark.season-summer .sticky-nav .dropdown.open .dots:after, .theme-dark.autumn .sticky-nav .dropdown.open .dots:after { background-color: #2f2f2f; } .theme-dark .give-opinion:after, .theme-dark.season-spring .give-opinion:after, .theme-dark.season-summer .give-opinion:after, .theme-dark.autumn .give-opinion:after { color: #444343; } .theme-dark .give-opinion-btn, .theme-dark.season-spring .give-opinion-btn, .theme-dark.season-summer .give-opinion-btn, .theme-dark.autumn .give-opinion-btn { color: #313131; } .theme-dark .footer-top ul, .theme-dark.season-spring .footer-top ul, .theme-dark.season-summer .footer-top ul, .theme-dark.autumn .footer-top ul { opacity: 0.7; } /* PODCAST THEME */ .theme-dark-podcast { background-color: #313131; } .theme-dark-podcast .catalog-wrapper ul li:before { background-color: #fff; } .theme-dark-podcast .tabs a.most-commented-link { color: grey; } .theme-dark-podcast .more-slider .slick-dots li.slick-active button { background-color: white; } .theme-dark, .theme-dark.season-spring, .theme-dark.season-summer, .theme-dark.autumn { background-color: #2f2f2f; } .theme-dark .sticky-nav-wrapper, .theme-dark .secondary-nav-wrapper, .theme-dark.season-spring .sticky-nav-wrapper, .theme-dark.season-spring .secondary-nav-wrapper, .theme-dark.season-summer .sticky-nav-wrapper, .theme-dark.season-summer .secondary-nav-wrapper, .theme-dark.autumn .sticky-nav-wrapper, .theme-dark.autumn .secondary-nav-wrapper { color: #b1b1b1; } .theme-dark .sticky-nav-wrapper .nav-dropdown, .theme-dark .secondary-nav-wrapper .nav-dropdown, .theme-dark.season-spring .sticky-nav-wrapper .nav-dropdown, .theme-dark.season-spring .secondary-nav-wrapper .nav-dropdown, .theme-dark.season-summer .sticky-nav-wrapper .nav-dropdown, .theme-dark.season-summer .secondary-nav-wrapper .nav-dropdown, .theme-dark.autumn .sticky-nav-wrapper .nav-dropdown, .theme-dark.autumn .secondary-nav-wrapper .nav-dropdown { color: #3b3b3b; } .theme-dark .dropdown .nav-select-btn span, .theme-dark .dropdown .nav-select-btn span:before, .theme-dark .dropdown .nav-select-btn span:after, .theme-dark .dropdown.open .nav-select-btn, .theme-dark .nav-dropdown, .theme-dark.season-spring .dropdown .nav-select-btn span, .theme-dark.season-spring .dropdown .nav-select-btn span:before, .theme-dark.season-spring .dropdown .nav-select-btn span:after, .theme-dark.season-spring .dropdown.open .nav-select-btn, .theme-dark.season-spring .nav-dropdown, .theme-dark.season-summer .dropdown .nav-select-btn span, .theme-dark.season-summer .dropdown .nav-select-btn span:before, .theme-dark.season-summer .dropdown .nav-select-btn span:after, .theme-dark.season-summer .dropdown.open .nav-select-btn, .theme-dark.season-summer .nav-dropdown, .theme-dark.autumn .dropdown .nav-select-btn span, .theme-dark.autumn .dropdown .nav-select-btn span:before, .theme-dark.autumn .dropdown .nav-select-btn span:after, .theme-dark.autumn .dropdown.open .nav-select-btn, .theme-dark.autumn .nav-dropdown { background-color: #fff; } .theme-dark .dropdown.open .nav-select-btn span, .theme-dark .dropdown.open .nav-select-btn span:before, .theme-dark .dropdown.open .nav-select-btn span:after, .theme-dark .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.season-spring .dropdown.open .nav-select-btn span, .theme-dark.season-spring .dropdown.open .nav-select-btn span:before, .theme-dark.season-spring .dropdown.open .nav-select-btn span:after, .theme-dark.season-spring .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.season-spring .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.season-summer .dropdown.open .nav-select-btn span, .theme-dark.season-summer .dropdown.open .nav-select-btn span:before, .theme-dark.season-summer .dropdown.open .nav-select-btn span:after, .theme-dark.season-summer .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.season-summer .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.autumn .dropdown.open .nav-select-btn span, .theme-dark.autumn .dropdown.open .nav-select-btn span:before, .theme-dark.autumn .dropdown.open .nav-select-btn span:after, .theme-dark.autumn .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .theme-dark.autumn .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #2f2f2f; } .theme-dark .article-body h2, .theme-dark .outer-tabs a.active, .theme-dark.season-spring .article-body h2, .theme-dark.season-spring .outer-tabs a.active, .theme-dark.season-summer .article-body h2, .theme-dark.season-summer .outer-tabs a.active, .theme-dark.autumn .article-body h2, .theme-dark.autumn .outer-tabs a.active { color: #fff; } .theme-dark .section-heading.color-dnes .section-title, .theme-dark .section-heading.color-dnes .see-all, .theme-dark .section-heading.color-life .section-title, .theme-dark .section-heading.color-life .see-all, .theme-dark .section-heading.color-corner .section-title, .theme-dark .section-heading.color-corner .see-all, .theme-dark .section-heading.color-impressio .section-title, .theme-dark .section-heading.color-impressio .see-all, .theme-dark.season-spring .section-heading.color-dnes .section-title, .theme-dark.season-spring .section-heading.color-dnes .see-all, .theme-dark.season-spring .section-heading.color-life .section-title, .theme-dark.season-spring .section-heading.color-life .see-all, .theme-dark.season-spring .section-heading.color-corner .section-title, .theme-dark.season-spring .section-heading.color-corner .see-all, .theme-dark.season-spring .section-heading.color-impressio .section-title, .theme-dark.season-spring .section-heading.color-impressio .see-all, .theme-dark.season-summer .section-heading.color-dnes .section-title, .theme-dark.season-summer .section-heading.color-dnes .see-all, .theme-dark.season-summer .section-heading.color-life .section-title, .theme-dark.season-summer .section-heading.color-life .see-all, .theme-dark.season-summer .section-heading.color-corner .section-title, .theme-dark.season-summer .section-heading.color-corner .see-all, .theme-dark.season-summer .section-heading.color-impressio .section-title, .theme-dark.season-summer .section-heading.color-impressio .see-all, .theme-dark.autumn .section-heading.color-dnes .section-title, .theme-dark.autumn .section-heading.color-dnes .see-all, .theme-dark.autumn .section-heading.color-life .section-title, .theme-dark.autumn .section-heading.color-life .see-all, .theme-dark.autumn .section-heading.color-corner .section-title, .theme-dark.autumn .section-heading.color-corner .see-all, .theme-dark.autumn .section-heading.color-impressio .section-title, .theme-dark.autumn .section-heading.color-impressio .see-all { color: #fff; } .theme-dark .topic-tags, .theme-dark.season-spring .topic-tags, .theme-dark.season-summer .topic-tags, .theme-dark.autumn .topic-tags { background-color: #0062bc; color: rgba(255, 255, 255, 0.3); } .theme-dark .other-sites-slider .text-news, .theme-dark.season-spring .other-sites-slider .text-news, .theme-dark.season-summer .other-sites-slider .text-news, .theme-dark.autumn .other-sites-slider .text-news { background-color: transparent; } .theme-dark .article-content, .theme-dark.season-spring .article-content, .theme-dark.season-summer .article-content, .theme-dark.autumn .article-content { box-shadow: none; } .theme-dark .list-top-section .text-news, .theme-dark.season-spring .list-top-section .text-news, .theme-dark.season-summer .list-top-section .text-news, .theme-dark.autumn .list-top-section .text-news { background-color: #0a090f; } .theme-dark .list-block-item, .theme-dark.season-spring .list-block-item, .theme-dark.season-summer .list-block-item, .theme-dark.autumn .list-block-item { border-color: #575757; } .user::after { clear: both; content: ""; display: table; } .user-avatar { float: left; } .user-avatar img { width: 100%; } .user-info { float: right; } .user-info .timestamp { color: #9c9c9c; } .username { font-family: "Repo-DemiBold", sans-serif; } .username span { font-family: "Repo", sans-serif; } .username a { text-decoration: none; } .comment .title { font-size: 16px; font-size: 1rem; line-height: 1.4444444444; font-family: "Repo-DemiBold", sans-serif; } .comment p { white-space: pre-line; } .comment .share-btns { float: none; } .comment .share-btns a { width: 21px; height: 21px; } .comment .fb-share { padding-top: 5px; } .comment .twitter-share { padding-top: 4px; } .comment-form-wrapper { font-size: 12px; font-size: 0.75rem; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; position: fixed; top: 20%; z-index: 1001; width: 80%; right: 0; left: 0; margin: auto; background: #dff0ff; } .comment-form-wrapper::after { clear: both; content: ""; display: table; } #comments-outside { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: black; opacity: 0.7; } .comment-btns { display: inline-block; } .close-xbtn { position: absolute; background-color: #ff5c26; top: 0; right: 0; } .close-xbtn .icon-close-2 { padding: 10px; } .success-comments { padding: 20px; } .comment-form-wrapper.logged .comment-textarea textarea { height: 157px; } .comment-form .close-btn { background-color: #fff; text-align: center; } .commenter-name { max-width: 178px; margin-bottom: 25px; } .commenter-name input { height: 28px; } .comment-textarea textarea { height: 187px; } .transliteration { font-size: 9px; font-size: 0.5625rem; display: block; float: right; text-decoration: none; margin-top: 4px; text-transform: uppercase; } .submit-comment, .btn-login, .comment-form .close-btn { font-size: 14px; font-size: 0.875rem; font-family: "Repo-DemiBold", sans-serif; height: 34px; display: block; text-decoration: none; } .submit-comment, .btn-login { color: #fff; } .submit-comment, .comment-form .close-btn { float: left; margin-top: 2px; padding: 7px 13px 9px; } .submit-comment { clear: both; border: 0; background-color: #ff5c26; text-align: left; } .submit-comment i { margin-right: 12px; } .additional-commenting-info p, .additional-commenting-info ul, .additional-commenting-info span, .additional-commenting-info .profile-links { font-size: 12px; font-size: 0.75rem; line-height: 1.2142857143; } .additional-commenting-info .profile-links { margin-top: 30px; text-align: center; } .additional-commenting-info span, .additional-commenting-info .profile-links { color: #999999; } .additional-commenting-info span { display: block; text-align: center; margin-top: 3px; margin-bottom: 13px; } .additional-commenting-info img { display: block; margin: 0 auto; width: 50px; height: 50px; } .additional-commenting-info .username { font-size: 16px; font-size: 1rem; line-height: 1.3333333333; text-align: center; font-family: "Repo-DemiBold", sans-serif; } .additional-commenting-info p { font-family: "Repo-Bold", sans-serif; margin-top: 5px; } .additional-commenting-info ul { list-style: none; color: #666; padding: 0; margin-bottom: 35px; margin-top: 24px; } .additional-commenting-info li { position: relative; padding-left: 25px; margin-bottom: 16px; } .additional-commenting-info li:before { content: ""; position: absolute; top: 7px; left: 2px; width: 9px; height: 9px; background-color: #eff0f3; } .btn-login { text-transform: uppercase; text-align: center; padding-top: 7px; } .comments-wrapper { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; margin-bottom: 17px; } .comments-wrapper-heading::after { clear: both; content: ""; display: table; } .comments-wrapper-heading label, .comments-wrapper-heading .custom-select, .comments-wrapper-heading .change-comments-layout { display: inline-block; vertical-align: middle; } .comments-wrapper-heading label { font-size: 14px; font-size: 0.875rem; line-height: 1.5; font-family: "Repo-DemiBold", sans-serif; color: #5b5b5b; margin-right: 8px; } .comments-wrapper-heading .custom-select, .comments-wrapper-heading select { font-size: 12px; font-size: 0.75rem; line-height: 1.7857142857; font-family: "Repo-Medium", sans-serif; color: #b8b8b8; } .comments-wrapper-heading .cutom-select, .comments-wrapper-heading select, .comments-wrapper-heading .change-comments-layout { height: 42px; } .comments-wrapper-heading .change-comments-layout { font-size: 23px; font-size: 1.4375rem; width: 41px; color: #bcbcbc; border: 1px solid #d7d7d7; padding: 8px; margin-left: 11px; } .comments-wrapper-heading .select2-container--default .select2-selection--single { border: 1px solid #d7d7d7; border-radius: 0; height: 42px; } .comments-wrapper-heading .select2-container--default .select2-selection--single .select2-selection__rendered { height: 42px; line-height: 40px; } .comments-wrapper-heading .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .news-comments { margin-right: 24px; } .comment-id { padding-top: 70px; margin-top: -70px; display: block; } .comment-block { border-top: 4px solid #f3f3f3; } .comment-block .comment-block { padding-left: 0; padding-right: 0; } .comment-block .comment-block .comment-form-wrapper { margin-left: 0; margin-right: 0; } .comment-block .comment-form-wrapper { display: none; background-color: #dff0ff; box-shadow: none; position: relative; margin-top: 8px; padding-top: 17px; } .comment-block .comment-form-wrapper:before { content: ""; position: absolute; bottom: 100%; left: 43px; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px 10px; border-color: transparent transparent #dff0ff transparent; } .comment-block .commenter-name { margin-bottom: 20px; } .comment-block .form-group input, .comment-block .form-group textarea { border: 0; background-color: #fff; } .comment-block .additional-commenting-info li:before { background-color: #fff; } .comment-block .additional-info::after { clear: both; content: ""; display: table; } .comment-block .share { float: right; } .comment-block.editor { background-color: #d5eff7; border-color: #ff5c26; } .comment-block.editor .username { color: #000; } .comment-block.editor .username a { color: #0062bc; } .comment-block.hidden { background-color: #f4f4f4; } .comment-block.loyal { background-color: #ffffed; } .text-comment-reported { color: #bcbcbc; text-align: right; margin: 0 0 5px; } .comment-actions { font-size: 0; } .comment-actions a { display: inline-block; vertical-align: middle; } .reply, .show-comment { font-size: 15px; font-size: 0.9375rem; line-height: 1.4117647059; font-family: "Repo-DemiBold", sans-serif; } .upvotes, .downvotes, .icon-report { font-size: 16px; font-size: 1rem; text-decoration: none; font-family: "Repo-Medium", sans-serif; } .upvotes i, .downvotes i, .icon-report i { border-radius: 50%; color: #fff; text-align: center; } .upvotes { color: #008937; } .upvotes i { background-color: #008937; } .downvotes { color: #b70005; } .downvotes i { background-color: #b70005; } .hidden-text, .hidden { display: none; overflow: hidden; } .user-comments-top-section { color: #fff; } .user-comments-top-section .side-bar { margin-top: 57px; margin-bottom: 14px; } .user-profile-view { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; } .user-profile-view .user-avatar { border: 0; width: 48px; height: 48px; margin-top: 8px; margin-right: 19px; } .user-profile-view .username { font-family: "Repo-DemiBold", sans-serif; margin-bottom: 0; } .user-profile-view .user-info { float: none; width: 100%; margin: 0; } .user-profile-view .user-info h3 { margin-bottom: 0; margin-top: 17px; } .user-profile-view .user-info p { font-size: 19px; font-size: 1.1875rem; margin-bottom: 34px; } .user-comment-block { padding-top: 18px; } .user-comment-block .timestamp { margin-top: 0; color: #9c9c9c; } .user-comment-block .commented-on { margin-top: 14px; } .user-comment-block .comment-actions { margin-top: 34px; } .user-comment-block .comment { margin-top: 10px; } .user-comment-block .reply-to { display: block; color: #9c9c9c; margin-top: 10px; margin-bottom: 21px; } .user-comment-block .reply-to a { font-family: "Repo-Bold", sans-serif; color: #000; text-decoration: none; } .chosen-comments a { text-decoration: none; } .user-avatar { width: 49px; height: 49px; } .user-info { margin-top: 6px; width: calc(100% - 59px); } .user-info .timestamp { font-size: 12px; font-size: 0.75rem; line-height: 2; } .username { font-size: 14px; font-size: 0.875rem; font-family: "Repo-DemiBold", sans-serif; margin: 0; } .comment .title { margin-top: 13px; } .comment p { font-size: 15px; font-size: 0.9375rem; line-height: 1.4666666667; } .comments-section-title { font-size: 25px; font-size: 1.5625rem; font-family: "Repo-DemiBold", sans-serif; margin-top: -12px; margin-bottom: 18px; } .comments-section-title span { font-family: "Repo", sans-serif; } .comment-form-wrapper { padding: 16px; } .comment-form::after { clear: both; content: ""; display: table; } .comment-form .close-btn { margin-left: 4%; } .transliteration { margin-bottom: 5px; } .submit-comment, .btn-login, .comment-form .close-btn { width: 48%; } .additional-commenting-info { clear: both; margin-top: 20px; } .comments-wrapper-heading { padding: 19px 13px 15px; } .comments-wrapper-heading label { float: left; margin-top: 6px; } .comments-wrapper-heading .right { margin-top: 17px; } .comment-block { padding: 21px 10px 18px; } .comment-block .comment-block { margin-left: 18px; border-width: 2px; padding-bottom: 0; } .comment-block .comment-form-wrapper { margin-left: -10px; margin-right: -10px; } .comment-actions { margin-top: 21px; margin-bottom: 24px; } .get-link { font-size: 17px; font-size: 1.0625rem; line-height: 1.4117647059; font-family: "Repo-DemiBold", sans-serif; margin-right: 19px; } .upvotes, .downvotes, .icon-report { margin-top: 22px; margin-right: 9px; } .upvotes i, .downvotes i, .icon-report i { width: 40px; height: 40px; padding: 10px; } .icon-report.icon-reported i { background-color: #9c9c9c; } .icon-report i { background-color: #eb6b0d; } .user-profile-view { padding: 20px 16px 6px; } .user-profile-view .username { font-size: 40px; font-size: 2.5rem; margin-top: 10px; } .user-profile-view .user-info h3 { font-size: 22px; font-size: 1.375rem; } .user-profile-view .user-info p { font-size: 16px; font-size: 1rem; margin-bottom: 25px; } .article-comments-title { color: #fff; padding-bottom: 12px; } .article-comments-title .title { font-size: 23px; font-size: 1.4375rem; line-height: 1.2000862441; clear: both; } .article-comments-title .additional-info { font-size: 14px; font-size: 0.875rem; color: #d2d2d2; color: rgba(255, 255, 255, 0.6); } .nav-select { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; font-size: 25px; font-size: 1.5625rem; margin-bottom: 20px; font-family: "Repo-DemiBold", sans-serif; position: relative; } .nav-select::after { clear: both; content: ""; display: table; } .nav-select a { text-decoration: none; } .dropdown { display: block; padding: 11px 14px; transition: background-color 0.3s; } .dropdown::after { clear: both; content: ""; display: table; } .dropdown .logo { float: left; width: 98px; } .dropdown .nav-select-btn { float: right; width: 32px; position: relative; height: 58px; margin-top: -11px; margin-bottom: -17px; margin-right: -14px; transition: background-color 0.3s; } .dropdown .nav-select-btn.-mb-11 { margin-bottom: -11px; } .dropdown .nav-select-btn span { display: block; position: absolute; z-index: 6; top: 27px; right: 12px; width: 6px; height: 6px; background: #888888; border-radius: 50%; transition: background-color 0.3s; } .dropdown .nav-select-btn span:before, .dropdown .nav-select-btn span:after { position: absolute; display: block; left: 0; right: 0; height: 6px; background-color: #888888; content: ""; border-radius: 50%; transition: background-color 0.3s; } .dropdown .nav-select-btn span:before { top: -10px; } .dropdown .nav-select-btn span:after { bottom: -10px; } .dropdown.open .nav-select-btn span { background-color: #fff; } .dropdown.open .nav-select-btn span:before, .dropdown.open .nav-select-btn span:after { background-color: #fff; } .dropdown.open + .nav-dropdown { visibility: visible; opacity: 1; } .nav-dropdown { visibility: hidden; opacity: 0; position: absolute; z-index: 3; top: 100%; left: 0; right: 0; color: #fff; margin: 0; padding: 5px 7px 10px 14px; transition: opacity 0.4s, visibility 0.4s; height: 305px; } .nav-dropdown li { margin-bottom: 15px; } .sticky-nav-wrapper { position: fixed; z-index: 12; left: 0; right: 0; top: -65px; transition: top 0.6s; background-color: #0062bc; color: #fff; } .sticky-nav-wrapper .dropdown .nav-select-btn span, .sticky-nav-wrapper .dropdown .nav-select-btn span:before, .sticky-nav-wrapper .dropdown .nav-select-btn span:after { background-color: #fff; } .sticky-nav-wrapper.fixed { top: 0; } .sticky-nav-wrapper .nav-dropdown { background-color: #fff; color: #0062bc; } .sticky-nav-wrapper .dropdown.open .nav-select-btn { background-color: #fff; } .sticky-nav-wrapper .dropdown.open .nav-select-btn span, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:before, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:after { background-color: #0062bc; } .sticky-nav-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .sticky-nav-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #0062bc; } .sticky-nav-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.4); } .secondary-nav-wrapper, .sticky-nav-wrapper, .secondary-subnav-wrapper { font-family: "Repo-DemiBold", sans-serif; } .secondary-nav-wrapper::after, .sticky-nav-wrapper::after, .secondary-subnav-wrapper::after { clear: both; content: ""; display: table; } .secondary-nav-wrapper .date, .sticky-nav-wrapper .date, .secondary-subnav-wrapper .date { font-size: 13px; font-size: 0.8125rem; float: right; margin-right: 13px; font-family: "Repo-DemiBold", sans-serif; } .secondary-nav-wrapper, .secondary-subnav-wrapper { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06), -1px -1px 1px 0px rgba(0, 0, 0, 0.02); background-color: #fff; color: #b1b1b1; margin-top: 20px; margin-bottom: 31px; height: 52px; } .secondary-nav-wrapper .date, .secondary-subnav-wrapper .date { margin-top: 18px; margin-right: 21px; } .secondary-nav, .secondary-subnav, .sticky-nav { font-size: 17px; font-size: 1.0625rem; float: left; display: block; } .secondary-nav > ul, .secondary-subnav > ul, .sticky-nav > ul { list-style-type: none; padding: 0; margin: 0; display: table; } .secondary-nav > ul::after, .secondary-subnav > ul::after, .sticky-nav > ul::after { clear: both; content: ""; display: table; } .secondary-nav > ul > li, .secondary-subnav > ul > li, .sticky-nav > ul > li { display: block; float: left; } .secondary-nav a, .secondary-subnav a, .sticky-nav a { display: block; text-decoration: none; } .secondary-nav .dropdown, .secondary-subnav .dropdown, .sticky-nav .dropdown { margin-left: 0; } .secondary-nav .dropdown .dots, .secondary-subnav .dropdown .dots, .sticky-nav .dropdown .dots { padding: 6px 8px 24px; line-height: 0.5; } .secondary-nav .dropdown .dots:after, .secondary-subnav .dropdown .dots:after, .sticky-nav .dropdown .dots:after { left: 0; right: 0; bottom: 0; top: 0; height: auto; } .secondary-nav .dropdown ul, .secondary-subnav .dropdown ul, .sticky-nav .dropdown ul { font-size: 16px; font-size: 1rem; -moz-column-count: 2; column-count: 2; -moz-column-gap: 20px; column-gap: 20px; padding: 10px 20px 10px; color: #fff; margin-top: 0; z-index: 10; display: grid; grid-template-columns: repeat(2, auto); grid-gap: 0 30px; } .secondary-nav .dropdown ul a, .secondary-subnav .dropdown ul a, .sticky-nav .dropdown ul a { padding: 0.5em 0; min-width: 70px; line-height: 1em; } .secondary-nav.livecsore a { padding: 10px 17px 10px; } .secondary-nav.livecsore img { width: 30px; vertical-align: middle; margin-bottom: 4px; } .secondary-nav.livecsore span { font-size: 13px; } .secondary-nav.livecsore .zoom-hover:hover { color: #0e65ba; transform: scale(1.1); } .livescore-nav { margin-bottom: 30px; margin-top: 10px !important; } .livescore-nav ul { width: 100%; padding-left: 0; display: flex; } .livescore-nav ul li { float: left; color: #ccc; margin-right: 1%; padding: 9px 18px; list-style: none; overflow: hidden; border-left: 1px solid #ac1a2f; text-align: center; } .livescore-nav ul li:nth-child(1) { border-left: none; } .livescore-nav ul li > a { font-size: 13px; font-size: 0.8125rem; font-family: "Repo-Bold", sans-serif; position: relative; text-decoration: none; width: 100%; color: #333333; } .livescore-nav ul li > a i { margin-right: 0; } .livescore-nav ul li > a:hover { text-decoration: underline; color: #ac1a2f; } .livescore-nav ul li .active { color: #ac1a2f; } .livescore-nav ul li p { margin-block-start: 0.6em; } .livescore-nav ul li p a { font-size: 20px; font-size: 1.25rem; font-family: "Repo", sans-serif; color: #fff; text-decoration: none; } .livescore-nav ul li p a:hover { text-decoration: underline; } .in-frame-section { background-color: #2f2f2f; } .in-frame-section .section-title { font-size: 25px; font-size: 1.5625rem; color: #6c6c6c; padding: 14px 14px 8px; } .in-frame-section .text-news { background-color: transparent; } .in-frame-section .text-wrapper { padding: 18px 11px 28px; } .hotel-text { padding-left: 30px; } .hotel-text .title { font-size: 20px; font-size: 1.25rem; margin-bottom: -3px; margin-top: 11px; } .hotel-text p { font-size: 15px; font-size: 0.9375rem; line-height: 2.1333333333; font-family: "Repo-Medium", sans-serif; margin-bottom: 6px; margin-top: 0; } .hotel-text .stars { font-size: 18px; font-size: 1.125rem; margin-left: -3px; } .hotel-text .stars i { margin-right: 3px; } .city-section { padding-top: 13px; background-color: #231e24; } .city-section .section-heading, .city-section .section-title { color: #fff; } .city-section .text-news { margin-bottom: 0; background-color: transparent; } .city-section .text-news .text-wrapper { padding: 8px 5px; } .city-section .open-tabs { float: right; } .city-section .section-tabs { font-size: 30px; font-size: 1.875rem; background-color: #38303a; background-color: rgba(56, 48, 58, 0.97); } .close-gallery { font-size: 31px; font-size: 1.9375rem; display: none; position: absolute; z-index: 10; top: 10px; right: 10px; width: 37px; height: 37px; text-align: center; padding-top: 3px; background-color: #0a0a0a; color: #5c5c5c; } .gallery-slider { display: none; } .gallery-slider.slick-initialized { display: block; } .gallery-slider.slick-initialized .slick-slide { display: flex; align-items: center; } .gallery-slider .slick-list, .gallery-slider .slick-track { min-height: 100vh; } .gallery-slider .slick-arrow { font-size: 42px; font-size: 2.625rem; display: block; color: #8d8d8d; position: absolute; top: 50%; margin-top: -21px; z-index: 1; } .gallery-slider .icon-chevron-circle-left { left: 10px; } .gallery-slider .icon-chevron-circle-right { right: 10px; } .gallery-container, .gallery-slider-wrapper, .gallery-slider, .gallery-slide { min-height: 100vh; } .gallery-slide { position: relative; } .gallery-slide img { margin: 0 auto; } .gallery-info-wrapper { display: none; position: absolute; left: 0; right: 0; bottom: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.9); padding-top: 9px; padding-bottom: 18px; } .gallery-info-wrapper .title { font-size: 18px; font-size: 1.125rem; margin-top: 20px; margin-bottom: 18px; } .gallery-info-wrapper p { font-size: 12px; font-size: 0.75rem; line-height: 1.4533333333; } .img-counter { font-size: 12px; font-size: 0.75rem; } .widget-page-header { padding-top: 7px; height: 80px; } .widget-page-header .widget-logo, .widget-page-header .mobile-menu-btn { float: left; } .widget-page-header .widget-logo { text-align: center; } .widget-page-header .mobile-menu-btn { font-size: 24px; font-size: 1.5rem; float: right; } .widget-page-footer { background-color: #2c74f4; padding: 7px 0 9px; margin-top: 50px; } .widget-page-footer .logo { width: 74px; display: block; margin: 0 auto; opacity: 1; } .article-layout-widget::after { clear: both; content: ""; display: table; } .article-layout-widget .grid-item { float: left; width: 25%; margin-right: 0%; padding: 0 10px; } .article-layout-widget .grid-item:nth-child(4n+4) { margin-right: 0; } .article-layout-widget .grid-item:nth-child(4n+5) { clear: both; } .post-time { font-size: 12px; font-size: 0.75rem; width: calc(100% - 30px); text-align: right; } .widget-section { background-image: url(../../images/corner-widget-bg.jpg); background-size: cover; position: relative; } .widget-section .overlay-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .widget-section .inner-wrapper { position: relative; z-index: 2; } .widget-section.slider-section { background-color: #b20000; } .widget-heading { margin-top: 20px; } .widget-heading::after { clear: both; content: ""; display: table; } .widget-heading .section-title { font-size: 22px; font-size: 1.375rem; text-transform: uppercase; font-family: "Repo", sans-serif; float: left; margin-top: 12px; } .widget-heading .widget-logo { float: left; width: calc(100% - 449px); text-align: center; margin-top: 2px; text-decoration: none; } .widget-heading .widget-logo img { display: block; margin: 0 auto; } .widget-heading .open-full { font-size: 18px; font-size: 1.125rem; float: right; color: #fff; margin-top: 17px; } .widget-page .section-title { font-size: 25px; font-size: 1.5625rem; text-transform: uppercase; font-family: "Repo-Black", sans-serif; } .top-section.widget-top-section { background-color: #2c74f4; } .widget-page-header .widget-logo { height: 52px; } .widget-page-header .mobile-menu-btn { margin-top: 12px; } .article-layout-widget { margin-top: 20px; } .post-time { margin-top: -3px; } .widget-heading { margin-bottom: 13px; } .widget-heading .widget-logo { width: 100%; } .widget-heading .widget-logo img { width: 188px; margin-top: 13px; } .widget-heading .section-title { margin-top: 12px; } .widget-heading .section-title img { width: 160px; vertical-align: middle; } .widget-heading .section-title i { font-size: 17px; font-size: 1.0625rem; color: #fff; vertical-align: middle; } .widget-heading .open-full { font-size: 17px; font-size: 1.0625rem; margin-top: 25px; padding-right: 0; } .widget-heading .open-full i { font-size: 20px; font-size: 1.25rem; vertical-align: middle; } .widget-section .slick-dots { margin: -10px auto 10px; } .page-footer { color: #fff; } .page-footer a { text-decoration: none; } .page-footer ul { list-style: none; margin: 0; padding: 0; } .page-footer ul a:hover { text-decoration: underline; } .page-footer .services-links .services-button-link { width: 20px; position: relative; top: 5px; left: 0; margin-right: 5px; } .page-footer .services-links .services-market-link { width: 16px; top: 3px; } .page-footer .services-links .services-mail-link { width: 16px; top: 2px; } .page-footer .services-links .services-ticket-link { width: 18px; top: 3px; } .page-footer .services-links .services-direct-link { width: 19px; top: 3px; margin-right: 4px; } .page-footer .services-links .services-worktalent-link { width: 19px; top: 5px; margin-right: 4px; } .page-footer .services-links .services-icanidate-link { width: 16px; top: 3px; margin-right: 7px; } .copyright { font-size: 10px; font-size: 0.625rem; line-height: 1.2; opacity: 0.3; font-family: "Repo-DemiBold", sans-serif; margin-top: 16px; } .additional-links { opacity: 0.6; } .additional-links li { font-size: 12px; font-size: 0.75rem; line-height: 2.1428571429; display: inline-block; } .page-footer { background-color: #313131; } .page-footer .additional-links { padding: 11px 0 12px 0; text-align: center; } .page-footer .additional-links::after { clear: both; content: ""; display: table; } .page-footer .additional-links li { /* width: 60%; float: left; &:nth-child(even) { width: 40%; }*/ } .page-footer .additional-links li + li:before { content: " | "; padding: 0 10px; } .page-footer .links { text-align: center; margin-top: 24px; font-size: 24px; opacity: 0.7; } .page-footer .links a { display: inline-block; margin: 0 5px; } .page-footer .social-btns { margin-top: 21px; margin-bottom: 18px; opacity: 0.7; } .copyright { text-align: center; } .fingerprint img { width: 32px; margin-right: 9px; } .fingerprint .fingerprint-normal { position: inherit; top: 0; left: 0; opacity: 1; } .fingerprint .fingerprint-hover { position: absolute; top: 0; left: 0; opacity: 0; } .fingerprint:hover .fingerprint-normal { opacity: 0; } .fingerprint:hover .fingerprint-hover { opacity: 1; } .fingerprint-images { position: relative; top: 1px; } .fingerprint-images span { position: inherit; top: -7px; left: -7px; opacity: 0.4; font-size: 12px; font-size: 0.75rem; } .give-opinion { text-align: -webkit-center; } .give-opinion h2, .give-opinion p, .give-opinion a, .give-opinion ul { position: relative; z-index: 2; } .give-opinion p { font-size: 26px; font-size: 1.625rem; text-align: center; margin-top: 0; opacity: 0.4; margin-bottom: 22px; } .give-opinion:after { /* @include icon; @include font-size(209px); content: "\f0a1"; //.icon-bullhorn position: absolute; right: 5px; top: 46px; transform: scaleX(-1);*/ } .give-opinion > .site-slogan { max-width: 316px; opacity: 0.9; } .give-opinion > .site-address { opacity: 0.9; text-align: left; font-size: 14px; font-size: 0.875rem; } .give-opinion > .site-address span { opacity: 0.5; } .give-opinion > .privacy-btn { margin-top: 12px; width: 316px; padding: 5px 4px 5px 16px; border: 1px solid rgba(252, 254, 255, 0); background-color: rgba(252, 254, 255, 0.0784313725); border-radius: 30px; } .give-opinion > .privacy-btn:hover { border: 1px solid #f2f5f7; background-color: inherit; } .give-opinion > .privacy-btn:hover .fingerprint-images span { opacity: 1; } .give-opinion > .privacy-btn:hover .fingerprint-hover { opacity: 1; } .give-opinion .fingerprint img { width: 23px; } .give-opinion .fingerprint-images span { font-size: 12px; font-size: 0.75rem; } .page-header { position: absolute; z-index: 10; left: 0; right: 0; top: 0; color: #fff; } .page-header a { text-decoration: none; } .page-header .logo { float: right; } .page-header .search-form { visibility: hidden; opacity: 0; position: absolute; z-index: 1; left: 0; right: 0; top: 100%; } .logo a { text-decoration: none; display: inline-block; vertical-align: middle; } .logo img { display: block; } .search.open { position: relative; } .search.open + .search-form { opacity: 1; visibility: visible; } .search.open:before, .search.open:after { content: ""; position: absolute; } .search.open:after { z-index: 1; } .search.open:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; content: "\e90b"; z-index: 2; } .search-form input[type=text] { width: 100%; border: 0; } .search-form .search-with-btn::after { clear: both; content: ""; display: table; } .search-form .search-with-btn input[type=text], .search-form .search-with-btn button { float: left; } .search-form .search-with-btn button { line-height: 0.01; border: 0; background-color: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; } .search-form select { font-size: 14px; font-size: 0.875rem; line-height: 1.625; font-family: "Repo-Medium", sans-serif; background: transparent; border: 0; /*for firefox*/ -moz-appearance: none; /*for chrome*/ -webkit-appearance: none; } .search-form select::-ms-expand { display: none; } .search-form .custom-select { float: left; margin-right: 13px; } .search-form .select2-container--default .select2-selection--single { background-color: transparent; border: 0; border-radius: 0; } .search-form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 26px; } .header-site-links .covid-19-logo { margin-top: 3px; } .header-site-links .covid-19-logo .logo-white { display: block; } .header-site-links .covid-19-logo .logo-white, .header-site-links .covid-19-logo .normal, .header-site-links .covid-19-logo .hover { margin-bottom: 0; } /* Christmas style start */ /* .top-section { &:after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 72px; //background: url(../../images/white-snowflakes.png) no-repeat center/cover; background: url(../../images/xmas-snow-mobile-white.png); background-position: center; background-size: cover; opacity: 1; } } .top-section ~ .page-header > .inner-wrapper > .logo::before { content: ''; position: absolute; top: -13px; right: 152px; width: 54px; height: 56px; background-image: url(../../images/xmas-star-mobile-white.png); justify-content: center; align-items: center; display: flex; background-position: center; background-repeat: no-repeat; background-size: cover; } .top-section ~ .fixed .dropdown .logo::before { content: ''; position: absolute; top: 17px; left: 101px; width: 30px; height: 20px; background-image: url(../../images/user-xmas-red-hat.png); justify-content: center; align-items: center; display: flex; background-position: center; background-repeat: no-repeat; background-size: cover; } */ /* Christmas style end */ .sticky-nav-wrapper.fixed .logo { width: 110px; } .page-header { height: 62px; } .page-header .logo { position: relative; z-index: 2; margin-top: 15px; } .page-header .logo img { width: 130px; transition: opacity 0.2s, visibility 0.2s; transition-delay: 0.28s; } .page-header .logo .icon, .page-header .logo img { display: inline-block; vertical-align: middle; } .page-header .logo .icon { font-size: 30px; font-size: 1.875rem; transition: color 0.2s; transition-delay: 0.28s; } .page-header .social-btns { margin-top: 16px; margin-bottom: 3px; } .page-header .search-form { background-color: #888; z-index: 20; } .page-header .search-form input[type=text] { background-color: transparent; color: rgba(255, 255, 255, 0.7); } .page-header .search-form input[type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .page-header .search-form input[type=text]:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .page-header .search-form input[type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .page-header .search-form input[type=text]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } .logo-white { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; } .topic-theme-section ~ .page-header > .inner-wrapper > .logo > a > .logo-white { opacity: 1 !important; visibility: visible !important; } .topic-theme-section ~ .page-header > .inner-wrapper > .search > .icon-search { color: white !important; } .topic-theme-section ~ .page-header > .inner-wrapper > a.mobile-menu-btn span { background-color: white !important; } .topic-theme-section ~ .page-header > .inner-wrapper > a.mobile-menu-btn span:before, .topic-theme-section ~ .page-header > .inner-wrapper > a.mobile-menu-btn span:after { background-color: white !important; } .main-nav { font-size: 16px; font-size: 1rem; line-height: 1.7777777778; font-family: "Repo-Medium", sans-serif; display: none; position: fixed; left: 0; right: 0; top: auto; padding-top: 62px; background-color: #737373; color: #fff; height: 100%; overflow-y: auto; } .main-nav > .inner-wrapper { border-top: 2px solid #818181; border-top: 2px solid rgba(255, 255, 255, 0.1); } .main-links { list-style: none; margin: 0; padding: 10px 8px; column-count: 2; -moz-column-count: 2; column-gap: 69px; -moz-column-gap: 69px; z-index: 21; position: relative; } .main-links::after { clear: both; content: ""; display: table; } .profile-options { padding: 12px; text-align: center; background-color: #5f5f5f; } .profile-options a { display: inline-block; margin: 0 10px; } .profile-options i { font-size: 25px; font-size: 1.5625rem; vertical-align: sub; margin-right: 10px; } .search { font-size: 28px; font-size: 1.75rem; float: left; margin-top: 17px; margin-left: 17px; position: relative; z-index: 30; } .search.open { background-color: #888888; } .search.open:before, .search.open:after { left: -12px; right: -7px; } .search.open:after { top: -18px; height: 63px; background-color: #888888; } .search.open:before { font-size: 20px; font-size: 1.25rem; margin-top: 5px; color: #fff; } .search-form input[type=text] { font-size: 18px; font-size: 1.125rem; height: 42px; padding-left: 10px; } .search-form .search-with-btn input[type=text] { width: calc(100% - 43px); } .search-form .search-with-btn button { font-size: 21px; font-size: 1.3125rem; width: 43px; height: 42px; } .mobile-menu-btn { position: relative; z-index: 30; float: left; overflow: hidden; width: 28px; height: 22px; margin-top: 21px; } .mobile-menu-btn span { display: block; position: absolute; z-index: 6; top: 9px; left: 0; right: 0; height: 4px; background: #fff; transition: background-color 0.3s; transition-delay: 0.28s; } .mobile-menu-btn span:before, .mobile-menu-btn span:after { position: absolute; display: block; left: 0; right: 0; height: 4px; background-color: #fff; content: ""; } .mobile-menu-btn span:before { top: -9px; transition: background-color 0.3s, top 0.3s, transform 0.3s; transition-delay: 0.28s; } .mobile-menu-btn span:after { bottom: -9px; transition: background-color 0.3s, bottom 0.3s, transform 0.3s; transition-delay: 0.28s; } .mobile-menu-btn.open span { background: 0 0; transition-delay: 0s; } .mobile-menu-btn.open span:before, .mobile-menu-btn.open span:after { transition-delay: 0s, 0s, 0.3s; background-color: #fff; } .mobile-menu-btn.open span:before { top: 0; transform: rotate(45deg); } .mobile-menu-btn.open span:after { bottom: 0; transform: rotate(-45deg); } .mobile-menu-btn.open ~ .search { opacity: 0; visibility: hidden; transition-delay: 0s; } .mobile-menu-btn.open ~ .logo img { opacity: 0; visibility: hidden; transition-delay: 0s; } .mobile-menu-btn.open ~ .logo .logo-white { opacity: 1; visibility: visible; } .mobile-menu-btn.open ~ .logo .icon { color: #fff; transition-delay: 0s; } .not-found { text-align: center; color: #fff; } .not-found p, .not-found a { max-width: 580px; margin: 0 auto; } .not-found a { text-decoration: none; display: block; } .not-found i { margin-right: 4px; } .not-found .copyright { font-size: 10px; font-size: 0.625rem; float: none; position: absolute; left: 0; right: 0; bottom: 30px; } .not-found main { overflow: hidden; min-height: 100vh; padding-bottom: 78px; } .default-not-found { color: #0062bc; background: url(../../images/default-404-bg.jpg); } .default-not-found .not-found-img { background: url(../../images/not-found-default-img.png) no-repeat center; background-size: 100%; } .dnes-not-found { background-color: #0062bc; } .dnes-not-found .not-found-img { background: url(../../images/not-found-dnes-img.png) no-repeat center; background-size: 100%; } .life-not-found { background-color: #A31F75; } .life-not-found .not-found-img { background: url(../../images/not-found-life-img.png) no-repeat center; background-size: 100%; } .corner-not-found { background-color: #b20000; } .corner-not-found .not-found-img { background: url(../../images/not-found-corner-img.png) no-repeat center; background-size: 100%; } .not-found p, .not-found a { font-size: 20px; font-size: 1.25rem; } .not-found .paragraph { margin: 36px auto 70px; } .not-found main { padding-top: 78px; } .default-not-found .not-found-img { margin: 60px auto; width: 54.9479166667vw; height: 33.7239583333vw; } .dnes-not-found .not-found-img { margin: 60px auto; width: 82.5520833333vw; height: 44.2708333333vw; } .life-not-found .not-found-img { margin: 60px auto; width: 38.28125vw; height: 39.0625vw; } .corner-not-found .not-found-img { margin: 20px auto; width: 54.8177083333vw; height: 71.2239583333vw; } #newsletter-main-block { background-color: #e7e7e7; padding: 30px 10%; margin: 10px; margin-bottom: 40px; transition: all 0.4s; } #newsletter-main-block:hover { filter: drop-shadow(0px 8px 12px rgba(92, 92, 92, 0.46)); } #newsletter-main-block .newsletter-form-cont { max-width: 690px; margin: 0 auto; padding-left: 90px; } #newsletter-main-block .subscribe-form { position: relative; } #newsletter-main-block .newsletter-site-icon { font-size: 60px; color: #8c8c8c; opacity: 0.5; position: absolute; left: -90px; top: -8px; } #newsletter-main-block .newsletter-dnes-icon { color: #0062bd; } #newsletter-main-block .newsletter-life-icon { color: #500A62; } #newsletter-main-block .newsletter-corner-icon { color: #A8192D; } #newsletter-main-block .newsletter-business-icon { color: #0F8998; } #newsletter-main-block .newsletter-it-icon { color: #12385C; } #newsletter-main-block .newsletter-impressio-icon { color: #420890; } #newsletter-main-block .newsletter-auto-icon { color: #d0310c; } #newsletter-main-block .newsletter-trip-icon { color: #00ad95; } #newsletter-main-block .custom_checkbox { margin-top: 5px; } #newsletter-main-block .custom_checkbox label { font-size: 17px; color: #000000; font-weight: 300; font-family: "Repo"; } #newsletter-main-block .custom_checkbox label a { text-decoration: none; } #newsletter-main-block .subscribe-email { width: calc(100% - 130px); height: 49px; padding-left: 10px; background-color: #ffffff; border: 0.22px solid rgba(0, 0, 0, 0.3); } #newsletter-main-block .subscribe-btn { width: 120px; height: 49px; background-color: #fb8c00; font-size: 17px; color: #000000; font-weight: bold; font-family: "Repo"; border: 0; position: relative; top: 2px; left: 3px; transition: box-shadow 0.4s; } #newsletter-main-block .subscribe-btn:hover { box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #newsletter-main-block .newsletter-main-title { margin: 0; font-size: 17px; letter-spacing: -1px; color: #000000; font-weight: bold; font-family: "Repo"; text-align: center; } #newsletter-main-block .newsletter-text { font-size: 17px; line-height: 30px; color: #000000; font-family: "Repo"; text-align: center; } #newsletter-main-block .newsletter-text span { font-weight: bold; display: block; } #newsletter-main-block .newsletter-separator { opacity: 0.702; height: 2px; background-color: rgba(157, 160, 163, 0.702); } #newsletter-main-block .follow-social-icon { text-decoration: none; } #newsletter-main-block .follow-social-icon img { width: 44px; height: 44px; } #newsletter-main-block .follow-social-cont { text-align: center; max-width: 690px; margin: 25px auto; display: flex; justify-content: space-between; } #newsletter-main-block .custom_checkbox { margin-top: 5px; } #newsletter-main-block .custom_checkbox label { font-size: 17px; color: #000000; font-weight: 300; font-family: "Repo"; } #newsletter-main-block .custom_checkbox label a { text-decoration: none; } #newsletter-main-block .custom_checkbox { display: block; margin-top: 13px; } #newsletter-main-block .custom_checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } #newsletter-main-block .custom_checkbox label { position: relative; cursor: pointer; font-size: 14px; color: #000000; line-height: 24px; padding-left: 34px; display: block; } #newsletter-main-block .custom_checkbox label:before { content: ""; -webkit-appearance: none; background-color: #e7e7e7; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 5px; height: 24px; width: 24px; display: block; position: absolute; left: 0; top: 0; vertical-align: middle; cursor: pointer; } #newsletter-main-block .custom_checkbox input:checked + label:after { content: ""; display: block; position: absolute; top: 2px; left: 9px; width: 9px; height: 16px; border: solid #df4a20; border-width: 0 4px 4px 0; transform: rotate(45deg); } @media only screen and (max-width: 980px) { #newsletter-main-block .newsletter-site-icon { display: none; } #newsletter-main-block .newsletter-form-cont { padding-left: 0; } } @media only screen and (max-width: 768px) { #newsletter-main-block { padding: 20px 10px; } #newsletter-main-block .newsletter-text { line-height: 24px; } #newsletter-main-block .subscribe-email { width: 100%; } #newsletter-main-block .subscribe-btn { width: 100%; left: 0; top: 5px; } #newsletter-main-block .follow-social-cont { margin: 15px 20px; } #newsletter-main-block .follow-social-icon img { width: 30px; height: 30px; } #newsletter-main-block .newsletter-text span { margin-bottom: 10px; } } #newsletter-anchor-block { background-color: rgba(0, 0, 0, 0.9); color: #fff; left: 100%; padding: 50px 25px; transition: opacity 0.4s ease-out, transform 0.4s ease-out; opacity: 0; z-index: 10; } #newsletter-anchor-block.show { bottom: 0; position: sticky; opacity: 1; pointer-events: initial; transform: none; } #newsletter-anchor-block .newsletter-text { margin-top: 0; color: #fff; font-size: 20px; line-height: 34px; font-family: "Repo"; } #newsletter-anchor-block .custom_checkbox label a { text-decoration: none; } #newsletter-anchor-block .custom_checkbox { display: block; margin-top: 13px; } #newsletter-anchor-block .custom_checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } #newsletter-anchor-block .custom_checkbox label { position: relative; cursor: pointer; font-size: 14px; color: #fff; line-height: 19px; padding-left: 34px; display: block; } #newsletter-anchor-block .custom_checkbox label:before { content: ""; -webkit-appearance: none; background-color: #e7e7e7; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 5px; height: 24px; width: 24px; display: block; position: absolute; left: 0; top: 0; vertical-align: middle; cursor: pointer; } #newsletter-anchor-block .custom_checkbox input:checked + label:after { content: ""; display: block; position: absolute; top: 2px; left: 9px; width: 9px; height: 16px; border: solid #df4a20; border-width: 0 4px 4px 0; transform: rotate(45deg); } #newsletter-anchor-block .newsletter-form-cont { max-width: 700px; margin: 0 auto; } #newsletter-anchor-block .subscribe-btn { height: 49px; background-color: #fb8c00; font-size: 17px; color: #000000; font-weight: bold; font-family: "Repo"; border: 0; width: 155px; transition: box-shadow 0.4s; } #newsletter-anchor-block .subscribe-btn:hover { box-shadow: 0 4px 6px 2px rgba(255, 255, 255, 0.1), 0 2px 5px 0 rgba(255, 255, 255, 0.2); } #newsletter-anchor-block .subscribe-email { width: calc(100% - 160px); height: 49px; padding-left: 10px; background-color: #ffffff; border: 0.22px solid rgba(0, 0, 0, 0.3); } #newsletter-anchor-block .newsletter-site-icon { font-size: 60px; color: #8c8c8c; position: absolute; left: -90px; top: -12px; } #newsletter-anchor-block .newsletter-dnes-icon { color: #0062bd; } #newsletter-anchor-block .newsletter-life-icon { color: #500A62; } #newsletter-anchor-block .newsletter-corner-icon { color: #A8192D; } #newsletter-anchor-block .newsletter-business-icon { color: #0F8998; } #newsletter-anchor-block .newsletter-it-icon { color: #12385C; } #newsletter-anchor-block .newsletter-impressio-icon { color: #420890; } #newsletter-anchor-block .newsletter-auto-icon { color: #d0310c; } #newsletter-anchor-block .newsletter-trip-icon { color: #00ad95; } #newsletter-anchor-block .subscribe-form-cont { display: flex; } #newsletter-anchor-block .subscribe-email { flex: 1 1 0; } #newsletter-anchor-block .subscribe-form { position: relative; } #newsletter-anchor-block .newsletter-text span { font-weight: bold; display: block; } #newsletter-anchor-block .newsletter-site-icon-close { position: absolute; top: 25px; right: 25px; font-size: 24px; cursor: pointer; } @media only screen and (max-width: 768px) { #newsletter-anchor-block { padding: 20px 10px; font-size: 16px; } #newsletter-anchor-block .newsletter-site-icon { float: left; position: relative; top: 1px; left: 0; font-size: 39px; margin-right: 7px; } #newsletter-anchor-block .newsletter-text { font-size: 18px; line-height: 24px; } #newsletter-anchor-block .newsletter-text span { display: inline-block; } #newsletter-anchor-block .subscribe-btn { width: auto; font-size: 14px; } #newsletter-anchor-block .custom_checkbox label { line-height: 19px; padding-left: 27px; } #newsletter-anchor-block .newsletter-site-icon-close { top: 15px; right: 15px; font-size: 19px; } }