/* line 1, sass/reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ /* line 11, sass/reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 15, sass/reset.scss */ body { line-height: 1; } /* line 19, sass/reset.scss */ ol, ul { list-style: none; } /* line 23, sass/reset.scss */ blockquote, q { quotes: none; } /* line 27, sass/reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 32, sass/reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 37, sass/reset.scss */ * { box-sizing: border-box; } /* line 39, sass/reset.scss */ *:after, *:before { box-sizing: border-box; } /* Nuima outline nuo inputu chrome */ /* line 46, sass/reset.scss */ textarea:focus, input:focus, select:focus, button:focus { outline: 0; } /* line 50, sass/reset.scss */ a { text-decoration: none; } /* ClearFix */ /* line 55, sass/reset.scss */ .cf:before, .cf:after { content: ""; display: table; } /* line 60, sass/reset.scss */ .cf:after { clear: both; } /* line 64, sass/reset.scss */ .cf { *zoom: 1; } /* --------- */ /* ------------------------------------------------------------- - css3-prefix - arguments: Property, Value - border-radius - arguments: Radius: 5px - opacity - arguments: Opacity: 0.5 - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 - transform - arguments: Parameters: null - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - vertical align - @include vertical-align - horizontal align - @include horizontal-align - center align - @include center-align ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BORDER RADIUS */ /* OPACITY */ /* ROTATE*/ /* TRANSFORM */ /* TRANSITION */ /* TRANSITION PROPERTY NONE */ /* VERTICAL ALIGN */ /* HORIZONTAL ALIGN */ /* CENTER ALIGN */ /* Color Function */ /* KEYFRAMES */ /* Pages nav */ /* line 3, sass/PageStackNavigation.scss */ .text-hidden { position: absolute; display: block; overflow: hidden; width: 0; height: 0; color: transparent; } /* Pages stack */ /* line 15, sass/PageStackNavigation.scss */ .js .pages-stack { z-index: 100; pointer-events: none; -webkit-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin: 50% -50%; perspective-origin: 50% -50%; } /* line 23, sass/PageStackNavigation.scss */ .js .page { position: relative; z-index: 5; overflow: hidden; width: 100%; height: 100vh; pointer-events: auto; } /* line 31, sass/PageStackNavigation.scss */ .js .page.dummy-1 { background-color: #275999; } /* line 35, sass/PageStackNavigation.scss */ .js .page.dummy-2 { background-color: #10407d; } /* line 39, sass/PageStackNavigation.scss */ .js .pages-stack--open .page { cursor: pointer; -webkit-transition: -webkit-transform 0.45s, opacity 0.45s; transition: transform 0.45s, opacity 0.45s; -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1); transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1); } /* line 46, sass/PageStackNavigation.scss */ .js .page--inactive { position: absolute; z-index: 0; top: 0; opacity: 0; } /* page content */ /* line 56, sass/PageStackNavigation.scss */ .info { font-size: 1.25em; max-width: 50%; margin-top: 1.5em; } /* line 62, sass/PageStackNavigation.scss */ .poster { position: absolute; bottom: 4vh; left: 60%; max-width: 100%; max-height: 80%; } @media screen and (max-width: 60em) { /* line 71, sass/PageStackNavigation.scss */ .info { max-width: 100%; } /* line 74, sass/PageStackNavigation.scss */ .poster { position: relative; top: auto; left: auto; display: block; max-width: 100%; max-height: 50vh; margin: 0 0 0 50%; } /* line 83, sass/PageStackNavigation.scss */ .pages-nav__item { width: 50%; min-height: 20px; } /* line 87, sass/PageStackNavigation.scss */ .link--page { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 92, sass/PageStackNavigation.scss */ .link--social { margin: 0 0.1em; } } /* == 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 ------------------------------------------------------------------------------------------------------------------------ */ /* line 23, sass/malihu-scrollbar.scss */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } /* line 27, sass/malihu-scrollbar.scss */ .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } /* line 33, sass/malihu-scrollbar.scss */ .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; max-height: none !important; } /* line 44, sass/malihu-scrollbar.scss */ .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ /* line 58, sass/malihu-scrollbar.scss */ .mCSB_inside > .mCSB_container { margin-right: 30px; } /* line 62, sass/malihu-scrollbar.scss */ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ /* line 68, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } /* line 72, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ /* line 79, sass/malihu-scrollbar.scss */ .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; } /* line 90, sass/malihu-scrollbar.scss */ .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ /* line 97, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } /* line 102, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ /* line 113, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } /* line 122, sass/malihu-scrollbar.scss */ .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } /* line 125, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #3E4C6D; } /* line 134, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } /* line 141, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 8px; height: 100%; margin: 0 auto; text-align: center; background-color: #3E4C6D; border-radius: 5px; } /* line 158, sass/malihu-scrollbar.scss */ .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 */ } /* line 162, sass/malihu-scrollbar.scss */ .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 */ } /* line 169, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } /* line 178, sass/malihu-scrollbar.scss */ .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ /* line 198, sass/malihu-scrollbar.scss */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } /* line 202, sass/malihu-scrollbar.scss */ .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } /* line 205, sass/malihu-scrollbar.scss */ .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ /* line 212, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } /* line 222, sass/malihu-scrollbar.scss */ .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ /* line 230, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } /* line 233, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } /* line 238, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } /* line 243, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } /* line 252, sass/malihu-scrollbar.scss */ .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; } /* line 257, sass/malihu-scrollbar.scss */ .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; } /* line 265, sass/malihu-scrollbar.scss */ .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; } /* line 274, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } /* line 277, sass/malihu-scrollbar.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ /* line 289, sass/malihu-scrollbar.scss */ .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; } /* line 300, sass/malihu-scrollbar.scss */ .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; } /* line 310, sass/malihu-scrollbar.scss */ .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } /* line 313, sass/malihu-scrollbar.scss */ .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ /* line 321, sass/malihu-scrollbar.scss */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* line 324, sass/malihu-scrollbar.scss */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ /* line 333, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; left: 20px; } /* line 337, sass/malihu-scrollbar.scss */ .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; } /* line 341, sass/malihu-scrollbar.scss */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } /* RTL direction/left-side scrollbar */ /* non-visible scrollbar/RTL direction/left-side scrollbar */ /* line 353, sass/malihu-scrollbar.scss */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } /* line 356, sass/malihu-scrollbar.scss */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } /* line 362, sass/malihu-scrollbar.scss */ .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; } /* line 367, sass/malihu-scrollbar.scss */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible horizontal scrollbar */ /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ /* line 380, sass/malihu-scrollbar.scss */ .mCSB_scrollTools { -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; } /* line 385, sass/malihu-scrollbar.scss */ .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; } /* line 394, sass/malihu-scrollbar.scss */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.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; } /* line 403, sass/malihu-scrollbar.scss */ .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") */ /* line 425, sass/malihu-scrollbar.scss */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } /* line 432, sass/malihu-scrollbar.scss */ .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } /* line 440, sass/malihu-scrollbar.scss */ .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } /* line 448, sass/malihu-scrollbar.scss */ .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } /* line 456, sass/malihu-scrollbar.scss */ .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } /* line 490, sass/malihu-scrollbar.scss */ .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)"; } /* line 498, sass/malihu-scrollbar.scss */ .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 */ } /* line 506, sass/malihu-scrollbar.scss */ .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 */ } /* line 514, sass/malihu-scrollbar.scss */ .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 */ } /* line 522, sass/malihu-scrollbar.scss */ .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 */ } /* line 530, sass/malihu-scrollbar.scss */ .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)"; } /* line 535, sass/malihu-scrollbar.scss */ .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" */ /* line 545, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } /* line 550, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } /* line 554, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } /* line 557, sass/malihu-scrollbar.scss */ .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); } /* line 561, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } /* line 564, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } /* line 567, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } /* line 570, sass/malihu-scrollbar.scss */ .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ /* line 579, sass/malihu-scrollbar.scss */ .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; } /* line 588, sass/malihu-scrollbar.scss */ .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; } /* line 597, sass/malihu-scrollbar.scss */ .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; } /* line 605, sass/malihu-scrollbar.scss */ .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } /* line 609, sass/malihu-scrollbar.scss */ .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); } /* line 614, sass/malihu-scrollbar.scss */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } /* line 617, sass/malihu-scrollbar.scss */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } /* line 620, sass/malihu-scrollbar.scss */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } /* line 623, sass/malihu-scrollbar.scss */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ /* line 631, sass/malihu-scrollbar.scss */ .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; } /* line 639, sass/malihu-scrollbar.scss */ .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; } /* line 646, sass/malihu-scrollbar.scss */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 650, sass/malihu-scrollbar.scss */ .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); } /* line 655, sass/malihu-scrollbar.scss */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } /* line 658, sass/malihu-scrollbar.scss */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } /* line 661, sass/malihu-scrollbar.scss */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } /* line 664, sass/malihu-scrollbar.scss */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ /* line 673, sass/malihu-scrollbar.scss */ .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; } /* line 682, sass/malihu-scrollbar.scss */ .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; } /* line 691, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } /* line 697, sass/malihu-scrollbar.scss */ .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; } /* line 705, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } /* line 709, sass/malihu-scrollbar.scss */ .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); } /* line 714, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } /* line 717, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } /* line 720, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } /* line 723, sass/malihu-scrollbar.scss */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ /* line 731, sass/malihu-scrollbar.scss */ .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; } /* line 739, sass/malihu-scrollbar.scss */ .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; } /* line 746, sass/malihu-scrollbar.scss */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 750, sass/malihu-scrollbar.scss */ .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); } /* line 755, sass/malihu-scrollbar.scss */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } /* line 758, sass/malihu-scrollbar.scss */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } /* line 761, sass/malihu-scrollbar.scss */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } /* line 764, sass/malihu-scrollbar.scss */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ /* line 774, sass/malihu-scrollbar.scss */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } /* line 778, sass/malihu-scrollbar.scss */ .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } /* line 783, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } /* line 787, sass/malihu-scrollbar.scss */ .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } /* line 791, sass/malihu-scrollbar.scss */ .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* line 798, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* line 804, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } /* line 809, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } /* line 813, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 817, sass/malihu-scrollbar.scss */ .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); } /* line 822, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } /* line 825, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } /* line 828, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } /* line 831, sass/malihu-scrollbar.scss */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* theme "dark-thin" */ /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ /* line 844, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } /* line 848, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } /* line 853, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } /* line 857, sass/malihu-scrollbar.scss */ .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; } /* line 862, sass/malihu-scrollbar.scss */ .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; } /* line 866, sass/malihu-scrollbar.scss */ .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; } /* line 872, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } /* line 881, sass/malihu-scrollbar.scss */ .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; } /* line 890, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } /* line 897, sass/malihu-scrollbar.scss */ .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 */ } /* line 904, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } /* line 913, sass/malihu-scrollbar.scss */ .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; } /* line 922, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } /* line 930, sass/malihu-scrollbar.scss */ .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; } /* line 938, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } /* line 941, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } /* line 944, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } /* line 947, sass/malihu-scrollbar.scss */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ /* line 954, sass/malihu-scrollbar.scss */ .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); } /* line 960, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } /* line 964, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 970, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 976, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } /* line 983, sass/malihu-scrollbar.scss */ .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); } /* line 990, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } /* line 993, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } /* line 996, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } /* line 999, sass/malihu-scrollbar.scss */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ /* line 1006, sass/malihu-scrollbar.scss */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } /* line 1010, sass/malihu-scrollbar.scss */ .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; } /* line 1015, sass/malihu-scrollbar.scss */ .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)"; } /* line 1023, sass/malihu-scrollbar.scss */ .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; } /* line 1030, sass/malihu-scrollbar.scss */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } /* line 1033, sass/malihu-scrollbar.scss */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } /* line 1036, sass/malihu-scrollbar.scss */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } /* line 1039, sass/malihu-scrollbar.scss */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ /* line 1047, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } /* line 1050, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } /* line 1053, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } /* line 1056, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } /* line 1059, sass/malihu-scrollbar.scss */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ /* line 1068, sass/malihu-scrollbar.scss */ .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%); } /* line 1078, sass/malihu-scrollbar.scss */ .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" */ /* line 1090, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } /* line 1094, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } /* line 1098, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } /* line 1105, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } /* line 1113, sass/malihu-scrollbar.scss */ .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; } /* line 1120, sass/malihu-scrollbar.scss */ .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); } /* line 1128, sass/malihu-scrollbar.scss */ .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 { background-color: #555; } /* line 1134, sass/malihu-scrollbar.scss */ .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; } /* line 1139, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } /* line 1143, sass/malihu-scrollbar.scss */ .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); } /* line 1150, sass/malihu-scrollbar.scss */ .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; } /* line 1157, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } /* line 1160, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } /* line 1163, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } /* line 1166, sass/malihu-scrollbar.scss */ .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ /* line 1174, sass/malihu-scrollbar.scss */ .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); } /* line 1179, sass/malihu-scrollbar.scss */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } /* line 1183, sass/malihu-scrollbar.scss */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } /* line 1186, sass/malihu-scrollbar.scss */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } /* line 1189, sass/malihu-scrollbar.scss */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } /* line 1192, sass/malihu-scrollbar.scss */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ /* line 1202, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } /* line 1208, sass/malihu-scrollbar.scss */ .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; } /* line 1214, sass/malihu-scrollbar.scss */ .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; } /* line 1221, sass/malihu-scrollbar.scss */ .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } /* line 1226, sass/malihu-scrollbar.scss */ .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); } /* line 1230, sass/malihu-scrollbar.scss */ .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); } /* line 1235, sass/malihu-scrollbar.scss */ .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; } /* line 1247, sass/malihu-scrollbar.scss */ .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); } /* line 1253, sass/malihu-scrollbar.scss */ .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; } /* line 1257, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } /* line 1263, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } /* line 1269, sass/malihu-scrollbar.scss */ .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); } /* line 1274, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } /* line 1277, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } /* line 1280, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } /* line 1283, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } /* line 1286, sass/malihu-scrollbar.scss */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ /* line 1294, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } /* line 1297, sass/malihu-scrollbar.scss */ .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); } /* line 1300, sass/malihu-scrollbar.scss */ .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); } /* line 1303, sass/malihu-scrollbar.scss */ .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); } /* line 1308, sass/malihu-scrollbar.scss */ .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; } /* line 1312, sass/malihu-scrollbar.scss */ .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); } /* line 1317, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } /* line 1320, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } /* line 1323, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } /* line 1326, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } /* line 1329, sass/malihu-scrollbar.scss */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ /* line 1340, sass/malihu-scrollbar.scss */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } /* line 1348, sass/malihu-scrollbar.scss */ .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* line 1354, sass/malihu-scrollbar.scss */ .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 */ /* line 1364, sass/malihu-scrollbar.scss */ .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; } /* line 1370, sass/malihu-scrollbar.scss */ .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } /* line 1374, sass/malihu-scrollbar.scss */ .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } /* line 1378, sass/malihu-scrollbar.scss */ .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } /* line 1383, sass/malihu-scrollbar.scss */ .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)"; } /* line 1389, sass/malihu-scrollbar.scss */ .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" */ /* line 1400, sass/malihu-scrollbar.scss */ .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)"; } /* line 1406, sass/malihu-scrollbar.scss */ .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" */ /* line 1418, sass/malihu-scrollbar.scss */ .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); } /* line 1424, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } /* line 1428, sass/malihu-scrollbar.scss */ .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; } /* line 1435, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } /* line 1441, sass/malihu-scrollbar.scss */ .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; } /* line 1447, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } /* line 1454, sass/malihu-scrollbar.scss */ .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; } /* line 1461, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } /* line 1464, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } /* line 1467, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } /* line 1470, sass/malihu-scrollbar.scss */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ /* line 1479, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } /* line 1483, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 1487, sass/malihu-scrollbar.scss */ .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); } /* line 1492, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } /* line 1496, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } /* line 1499, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } /* line 1502, sass/malihu-scrollbar.scss */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } /* line 1505, sass/malihu-scrollbar.scss */ .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" */ /* line 1514, sass/malihu-scrollbar.scss */ .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); } /* line 1520, sass/malihu-scrollbar.scss */ .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; } /* line 1531, sass/malihu-scrollbar.scss */ .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; } /* line 1542, sass/malihu-scrollbar.scss */ .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; } /* line 1548, sass/malihu-scrollbar.scss */ .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } /* line 1552, sass/malihu-scrollbar.scss */ .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } /* line 1556, sass/malihu-scrollbar.scss */ .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } /* line 1560, sass/malihu-scrollbar.scss */ .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" */ /* line 1566, sass/malihu-scrollbar.scss */ .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); } /* line 1571, sass/malihu-scrollbar.scss */ .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); } /* line 1577, sass/malihu-scrollbar.scss */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } /* line 1584, sass/malihu-scrollbar.scss */ .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 { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } /* line 1591, sass/malihu-scrollbar.scss */ .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); } /* line 1597, sass/malihu-scrollbar.scss */ .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); } /* line 1602, sass/malihu-scrollbar.scss */ .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; } /* line 1606, sass/malihu-scrollbar.scss */ .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; } /* line 1610, sass/malihu-scrollbar.scss */ .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; } /* line 1614, sass/malihu-scrollbar.scss */ .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" */ /* line 1620, sass/malihu-scrollbar.scss */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 1631, sass/malihu-scrollbar.scss */ .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; border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ /* line 1646, sass/malihu-scrollbar.scss */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } /* line 1651, sass/malihu-scrollbar.scss */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } /* line 1657, sass/malihu-scrollbar.scss */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } /* line 1661, sass/malihu-scrollbar.scss */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } /* line 1665, sass/malihu-scrollbar.scss */ .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); } /* line 1672, sass/malihu-scrollbar.scss */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } /* line 1676, sass/malihu-scrollbar.scss */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } /* line 1680, sass/malihu-scrollbar.scss */ .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); } /* ---------------------------------------- */ /* line 1, sass/homepage.scss */ html.js, .js body { overflow: hidden; height: 100vh; } /* line 6, sass/homepage.scss */ body { background-color: #1f4e8b; position: relative; font-family: 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; } @media (min-width: 1600px) { /* line 6, sass/homepage.scss */ body { font-size: 18px; } } /* line 19, sass/homepage.scss */ body.fp-viewing-to-vf .bottom-socials { display: none !important; } /* line 24, sass/homepage.scss */ body:after { position: absolute; content: ''; width: 100%; height: 150vh; top: -50vh; background: -moz-radial-gradient(center, ellipse cover, #3667a7 0%, #1f4e8b 90%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 90%, color-stop(0%, #3667a7), color-stop(90%, #1f4e8b)); /* safari4+,chrome */ background: -webkit-radial-gradient(center, ellipse cover, #3667a7 0%, #1f4e8b 90%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, #3667a7 0%, #1f4e8b 90%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, #3667a7 0%, #1f4e8b 90%); /* ie10+ */ background: radial-gradient(ellipse at center, #3667a7 0%, #1f4e8b 90%); /* w3c */ z-index: -1; } @media (min-width: 600px) { /* line 24, sass/homepage.scss */ body:after { height: 130vh; } } /* line 47, sass/homepage.scss */ body .container { width: 90%; margin: 0 auto; position: relative; } @media (min-width: 1200px) { /* line 47, sass/homepage.scss */ body .container { width: 1180px; } } /* line 59, sass/homepage.scss */ .other-anim .main-header { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 64, sass/homepage.scss */ .other-anim .bottom-socials a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 70, sass/homepage.scss */ .other-anim #navMenu li { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; } /* line 77, sass/homepage.scss */ .main-header { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 999; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -webkit-opacity: 0.1; -khtml-opacity: 0.1; -moz-opacity: 0.1; -ms-opacity: 0.1; -o-opacity: 0.1; opacity: 0.1; -webkit-transform: translateY(-200px); -khtml-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, background 0.2s ease-in-out; } @media (max-width: 767px) { /* line 77, sass/homepage.scss */ .main-header { background-color: #e5f6ff; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.05); } } @media (max-width: 767px) { /* line 97, sass/homepage.scss */ .main-header.menu-opened { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media (min-width: 768px) { /* line 105, sass/homepage.scss */ .main-header.menu-opened .h-nav .lang-select { position: relative; top: 70px; right: -75px; } } /* line 115, sass/homepage.scss */ .main-header.cookie-policy { background-color: #ffffff; } /* line 119, sass/homepage.scss */ .main-header .h-logo { width: 118px; height: 62px; display: inline-block; margin-top: 10px; margin-bottom: 10px; } @media (min-width: 768px) { /* line 119, sass/homepage.scss */ .main-header .h-logo { width: 170px; height: 90px; } } /* line 131, sass/homepage.scss */ .main-header .h-logo.og-logo { width: 118px; height: 62px; } @media (min-width: 768px) { /* line 131, sass/homepage.scss */ .main-header .h-logo.og-logo { width: 118px; height: 62px; } } @media (min-width: 768px) { /* line 141, sass/homepage.scss */ .main-header .h-logo .small { display: none; } } /* line 147, sass/homepage.scss */ .main-header .h-logo .big { display: none; } @media (min-width: 768px) { /* line 147, sass/homepage.scss */ .main-header .h-logo .big { display: block; } } @media (min-width: 768px) { /* line 119, sass/homepage.scss */ .main-header .h-logo { margin-top: 20px; margin-bottom: 20px; } } /* line 160, sass/homepage.scss */ .main-header .h-logo img { display: block; width: 100%; height: 100%; } /* line 167, sass/homepage.scss */ .main-header .products-nav { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 140px; text-align: center; width: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; display: none; } @media (min-width: 768px) { /* line 167, sass/homepage.scss */ .main-header .products-nav { display: block; } } @media (min-width: 1000px) { /* line 167, sass/homepage.scss */ .main-header .products-nav { top: 49px; width: auto; } } /* line 186, sass/homepage.scss */ .main-header .products-nav.active { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 190, sass/homepage.scss */ .main-header .products-nav li { display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 18px; color: #4d9ebc; padding: 0 22px; height: 42px; line-height: 42px; -webkit-border-radius: 42px; -khtml-border-radius: 42px; -moz-border-radius: 42px; -ms-border-radius: 42px; -o-border-radius: 42px; border-radius: 42px; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* line 202, sass/homepage.scss */ .main-header .products-nav li.active { background-color: #ffffff; color: #397bb3; } @media (min-width: 1100px) { /* line 208, sass/homepage.scss */ .main-header .products-nav li:hover { color: #397bb3; } } /* line 213, sass/homepage.scss */ .main-header .products-nav li:not(:last-of-type) { margin-right: 5px; } /* line 219, sass/homepage.scss */ .main-header .link-first { opacity: 1; transition: all .4s ease-in-out; } /* line 225, sass/homepage.scss */ .main-header.menu-opened .products-nav { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 229, sass/homepage.scss */ .main-header.menu-opened .products-nav.active { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 234, sass/homepage.scss */ .main-header.menu-opened .link-first { opacity: 0; } } @media (min-width: 1100px) { /* line 243, sass/homepage.scss */ .main-header.menu-opened .h-nav .lang-select:hover { color: #ffffff; } } /* line 251, sass/homepage.scss */ .main-header .h-nav { float: right; height: 50px; margin-top: 16px; position: absolute; top: 0; right: 0; } @media (min-width: 768px) { /* line 251, sass/homepage.scss */ .main-header .h-nav { margin-top: 46px; } } /* line 263, sass/homepage.scss */ .main-header .h-nav .lang-select { text-transform: uppercase; font-weight: 700; color: #8e754b; line-height: 50px; float: left; margin-left: 15px; -webkit-transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; -khtml-transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; transition: transform 0.4s ease-in-out, color 0.4s ease-in-out; display: none; } @media (min-width: 600px) { /* line 263, sass/homepage.scss */ .main-header .h-nav .lang-select { display: inline-block; } } @media (min-width: 1100px) { /* line 278, sass/homepage.scss */ .main-header .h-nav .lang-select:hover { color: #2d66a3; } } /* line 284, sass/homepage.scss */ .main-header .h-nav .menu-trigger, .main-header .h-nav .overlay-trigger, .main-header .h-nav .mobile-product-back, .main-header .h-nav .mobile-product-info-close { display: inline-block; position: relative; width: 50px; height: 50px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; background-color: #fff; border: none; outline: none; float: left; margin-left: 40px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* line 302, sass/homepage.scss */ .main-header .h-nav .menu-trigger::before, .main-header .h-nav .menu-trigger::after, .main-header .h-nav .menu-trigger span, .main-header .h-nav .overlay-trigger::before, .main-header .h-nav .overlay-trigger::after, .main-header .h-nav .overlay-trigger span, .main-header .h-nav .mobile-product-back::before, .main-header .h-nav .mobile-product-back::after, .main-header .h-nav .mobile-product-back span, .main-header .h-nav .mobile-product-info-close::before, .main-header .h-nav .mobile-product-info-close::after, .main-header .h-nav .mobile-product-info-close span { background: #8e754b; } /* line 305, sass/homepage.scss */ .main-header .h-nav .menu-trigger::before, .main-header .h-nav .menu-trigger::after, .main-header .h-nav .overlay-trigger::before, .main-header .h-nav .overlay-trigger::after, .main-header .h-nav .mobile-product-back::before, .main-header .h-nav .mobile-product-back::after, .main-header .h-nav .mobile-product-info-close::before, .main-header .h-nav .mobile-product-info-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40%; height: 2px; pointer-events: none; -webkit-transition: -webkit-transform 0.25s, background .4s; transition: transform 0.25s, background .4s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* line 318, sass/homepage.scss */ .main-header .h-nav .menu-trigger span, .main-header .h-nav .overlay-trigger span, .main-header .h-nav .mobile-product-back span, .main-header .h-nav .mobile-product-info-close span { position: absolute; left: 50%; top: 50%; overflow: hidden; width: 40%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s, background .4s; transition: opacity 0.25s, background .4s; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* line 330, sass/homepage.scss */ .main-header .h-nav .menu-trigger::before, .main-header .h-nav .overlay-trigger::before, .main-header .h-nav .mobile-product-back::before, .main-header .h-nav .mobile-product-info-close::before { -webkit-transform: translate3d(-50%, -6px, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -6px, 0) scale3d(1, 1, 1); } /* line 334, sass/homepage.scss */ .main-header .h-nav .menu-trigger::after, .main-header .h-nav .overlay-trigger::after, .main-header .h-nav .mobile-product-back::after, .main-header .h-nav .mobile-product-info-close::after { -webkit-transform: translate3d(-50%, 6px, 0) scale3d(1, 1, 1); transform: translate3d(-50%, 6px, 0) scale3d(1, 1, 1); } /* line 339, sass/homepage.scss */ .main-header .h-nav .menu-trigger.menu-trigger--open, .main-header .h-nav .overlay-trigger.menu-trigger--open, .main-header .h-nav .mobile-product-back.menu-trigger--open, .main-header .h-nav .mobile-product-info-close.menu-trigger--open { background-color: #8e754b; } /* line 342, sass/homepage.scss */ .main-header .h-nav .menu-trigger.menu-trigger--open span, .main-header .h-nav .overlay-trigger.menu-trigger--open span, .main-header .h-nav .mobile-product-back.menu-trigger--open span, .main-header .h-nav .mobile-product-info-close.menu-trigger--open span { opacity: 0; } /* line 345, sass/homepage.scss */ .main-header .h-nav .menu-trigger.menu-trigger--open::before, .main-header .h-nav .overlay-trigger.menu-trigger--open::before, .main-header .h-nav .mobile-product-back.menu-trigger--open::before, .main-header .h-nav .mobile-product-info-close.menu-trigger--open::before { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); background: #fcfdff; } /* line 350, sass/homepage.scss */ .main-header .h-nav .menu-trigger.menu-trigger--open::after, .main-header .h-nav .overlay-trigger.menu-trigger--open::after, .main-header .h-nav .mobile-product-back.menu-trigger--open::after, .main-header .h-nav .mobile-product-info-close.menu-trigger--open::after { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); background: #fcfdff; } @media (min-width: 1100px) { /* line 360, sass/homepage.scss */ .main-header .h-nav .menu-trigger:hover { background-color: #8e754b; } /* line 363, sass/homepage.scss */ .main-header .h-nav .menu-trigger:hover::before, .main-header .h-nav .menu-trigger:hover::after, .main-header .h-nav .menu-trigger:hover span { background: #fff; } } /* line 370, sass/homepage.scss */ .main-header .h-nav .overlay-trigger, .main-header .h-nav .mobile-product-back, .main-header .h-nav .mobile-product-info-close { position: absolute; top: 0; right: 0; margin-left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 382, sass/homepage.scss */ .main-header .h-nav.product-back .menu-trigger { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 386, sass/homepage.scss */ .main-header .h-nav.product-back .mobile-product-back { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; pointer-events: auto; } /* line 392, sass/homepage.scss */ .main-header .h-nav.product-back .mobile-product-back span { opacity: 0; } /* line 395, sass/homepage.scss */ .main-header .h-nav.product-back .mobile-product-back::before { -webkit-transform: translate3d(-55%, -5px, 0) rotate3d(0, 0, -1, 45deg); transform: translate3d(-55%, -5px, 0) rotate3d(0, 0, -1, 45deg); width: 30%; } /* line 400, sass/homepage.scss */ .main-header .h-nav.product-back .mobile-product-back::after { -webkit-transform: translate3d(-55%, 5px, 0) rotate3d(0, 0, -1, -45deg); transform: translate3d(-55%, 5px, 0) rotate3d(0, 0, -1, -45deg); width: 30%; } /* line 409, sass/homepage.scss */ .main-header .h-nav.product-close .menu-trigger { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 413, sass/homepage.scss */ .main-header .h-nav.product-close .mobile-product-back { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 417, sass/homepage.scss */ .main-header .h-nav.product-close .mobile-product-info-close { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; pointer-events: auto; } /* line 423, sass/homepage.scss */ .main-header .h-nav.product-close .mobile-product-info-close span { opacity: 0; } /* line 426, sass/homepage.scss */ .main-header .h-nav.product-close .mobile-product-info-close::before { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); background: #8e754b; } /* line 431, sass/homepage.scss */ .main-header .h-nav.product-close .mobile-product-info-close::after { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); background: #8e754b; } /* line 441, sass/homepage.scss */ .main-header .h-nav.close-video .lang-select:first-of-type { -webkit-transform: translateX(118px); -khtml-transform: translateX(118px); -moz-transform: translateX(118px); -ms-transform: translateX(118px); -o-transform: translateX(118px); transform: translateX(118px); } /* line 444, sass/homepage.scss */ .main-header .h-nav.close-video .lang-select:last-of-type { -webkit-transform: translateX(83px); -khtml-transform: translateX(83px); -moz-transform: translateX(83px); -ms-transform: translateX(83px); -o-transform: translateX(83px); transform: translateX(83px); } /* line 448, sass/homepage.scss */ .main-header .h-nav.close-video .menu-trigger { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; } /* line 452, sass/homepage.scss */ .main-header .h-nav.close-video .overlay-trigger { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; pointer-events: auto; } /* line 456, sass/homepage.scss */ .main-header .h-nav.close-video .overlay-trigger, .main-header .h-nav.close-video .menu-trigger { background-color: #8e754b; } /* line 460, sass/homepage.scss */ .main-header .h-nav.close-video .overlay-trigger span, .main-header .h-nav.close-video .menu-trigger span { opacity: 0; } /* line 463, sass/homepage.scss */ .main-header .h-nav.close-video .overlay-trigger::before, .main-header .h-nav.close-video .menu-trigger::before { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); background: #fcfdff; } /* line 468, sass/homepage.scss */ .main-header .h-nav.close-video .overlay-trigger::after, .main-header .h-nav.close-video .menu-trigger::after { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); background: #fcfdff; } /* line 478, sass/homepage.scss */ .pages-nav { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: flex-start; padding: 20px; text-align: center; background: #0e0f0f; } /* line 491, sass/homepage.scss */ .pages-nav .lang-select { text-transform: uppercase; font-weight: 700; color: #8e754b; float: left; -webkit-transition: transform 0.4s ease-in-out; -khtml-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; display: inline-block; font-size: 1.125em; } /* line 500, sass/homepage.scss */ .pages-nav .lang-select:first-of-type { margin-right: 15px; } @media (min-width: 600px) { /* line 491, sass/homepage.scss */ .pages-nav .lang-select { display: none; } } /* line 509, sass/homepage.scss */ .pages-nav .pages-nav__item { width: 100%; padding: 1em; } @media (min-width: 768px) { /* line 509, sass/homepage.scss */ .pages-nav .pages-nav__item { width: 33%; } } /* line 517, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link { display: block; } @media (min-width: 768px) { /* line 517, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link { height: 110px; } } /* line 528, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link img { display: block; margin: 0 auto; } /* line 534, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link.menu-mangali img { width: 157px; height: auto; } /* line 540, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link.menu-vitafruit img { width: 83px; height: auto; } /* line 546, sass/homepage.scss */ .pages-nav .pages-nav__item .main-link.menu-active img { padding-top: 10px; width: 140px; height: auto; } /* line 554, sass/homepage.scss */ .pages-nav .pages-nav__item.pages-nav__item-50 { width: 100%; } @media (min-width: 1000px) { /* line 554, sass/homepage.scss */ .pages-nav .pages-nav__item.pages-nav__item-50 { width: 45%; } } /* line 562, sass/homepage.scss */ .pages-nav .pages-nav__item .link { position: relative; text-transform: uppercase; font-size: 1.625em; font-weight: 300; letter-spacing: 1px; -webkit-transition: color 0.4s ease-in-out; -khtml-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; color: #ffffff; } @media (min-width: 1100px) { /* line 572, sass/homepage.scss */ .pages-nav .pages-nav__item .link:hover { color: #be9f57; } } /* line 577, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--page { display: block; font-size: 18px; font-weight: 300; color: #ffffff; letter-spacing: 1px; -webkit-transition: color 0.4s ease-in-out; -khtml-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } /* line 585, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--page:not(:last-of-type) { margin-bottom: 30px; } @media (min-width: 1100px) { /* line 594, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--page:hover { color: #be9f57; } } @media (max-width: 767px) { /* line 577, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--page { display: none; } } /* line 608, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social { width: 35px; height: 35px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #8e754b; display: inline-block; color: #ffffff; font-size: 18px; line-height: 35px; text-align: center; -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; } /* line 620, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social .fa { position: relative; left: 1px; } /* line 624, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social .fa.fa-facebook { left: 0px; } /* line 628, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social .fa.fa-instagram { left: 1px; } @media (min-width: 599px) { /* line 608, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social { margin-left: 10px; } } @media (min-width: 1100px) { /* line 638, sass/homepage.scss */ .pages-nav .pages-nav__item .link.link--social:hover { background-color: #ffffff; color: #8e754b; } } /* line 647, sass/homepage.scss */ .pages-nav .pages-nav__item--social { width: 100%; opacity: 0; -webkit-transition: -webkit-transform 1.2s, opacity 1.2s; transition: transform 1.2s, opacity 1.2s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); display: flex; justify-content: center; align-items: center; } /* line 660, sass/homepage.scss */ .pages-nav .pages-nav__item--social > a, .pages-nav .pages-nav__item--social .socs { width: 40%; margin-bottom: 0; } @media (max-width: 767px) { /* line 660, sass/homepage.scss */ .pages-nav .pages-nav__item--social > a, .pages-nav .pages-nav__item--social .socs { width: 50%; } } /* line 669, sass/homepage.scss */ .pages-nav .pages-nav__item--social > a { position: relative; } @media (max-width: 767px) { /* line 669, sass/homepage.scss */ .pages-nav .pages-nav__item--social > a { display: block !important; } } /* line 676, sass/homepage.scss */ .pages-nav .pages-nav__item--social > a:after { position: absolute; content: ''; width: 1px; height: 50px; top: 50%; margin-top: -25px; right: 0; background-color: #fff; } /* line 691, sass/homepage.scss */ .pages-nav--open .pages-nav__item--social { opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 701, sass/homepage.scss */ .no-js body { overflow: hidden; } /* line 705, sass/homepage.scss */ .no-js .pages-nav { display: none; } /* line 709, sass/homepage.scss */ .no-js #navMenu { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 712, sass/homepage.scss */ .no-js .menu-trigger { display: none; } /* line 716, sass/homepage.scss */ .no-js .section { min-height: 100vh; width: 100%; display: table; } /* line 721, sass/homepage.scss */ .no-js .section .container { display: table-cell; vertical-align: middle; } /* line 727, sass/homepage.scss */ .no-js .loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #e5f6ff; background: -moz-linear-gradient(top, #e5f6ff 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f6ff), color-stop(100%, white)); background: -webkit-linear-gradient(top, #e5f6ff 0%, white 100%); background: -o-linear-gradient(top, #e5f6ff 0%, white 100%); background: -ms-linear-gradient(top, #e5f6ff 0%, white 100%); background: linear-gradient(to bottom, #e5f6ff 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f6ff', endColorstr='#ffffff', GradientType=0 ); } /* line 744, sass/homepage.scss */ #navMenu { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: fixed; text-align: right; pointer-events: none; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; display: none; z-index: 980; } @media (min-width: 768px) { /* line 744, sass/homepage.scss */ #navMenu { display: block; } } /* line 758, sass/homepage.scss */ #navMenu.pages-nav--open { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 762, sass/homepage.scss */ #navMenu.info-opened { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 766, sass/homepage.scss */ #navMenu li { pointer-events: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 770, sass/homepage.scss */ #navMenu li a { width: 18px; height: 18px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; pointer-events: auto; position: relative; border: 2px solid transparent; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-right: 15px; } /* line 782, sass/homepage.scss */ #navMenu li a:after { width: 6px; height: 6px; background-color: #a1b2d2; content: ''; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } @media (min-width: 1100px) { /* line 795, sass/homepage.scss */ #navMenu li a:hover:after { background-color: #5270a6; } } /* line 802, sass/homepage.scss */ #navMenu li:not(:last-of-type) { margin-bottom: 2px; } /* line 807, sass/homepage.scss */ #navMenu li.active a { border: 2px solid #c5d4dd; } /* line 810, sass/homepage.scss */ #navMenu li.active a:after { background-color: #5270a6; } /* line 818, sass/homepage.scss */ .slide-numbers { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 10px; color: #82abbd; font-size: 18px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } @media (min-width: 768px) { /* line 818, sass/homepage.scss */ .slide-numbers { bottom: -5vh; } } @media (min-width: 1000px) { /* line 818, sass/homepage.scss */ .slide-numbers { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } } /* line 835, sass/homepage.scss */ .slide-numbers.hidden { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 840, sass/homepage.scss */ .back-to-slider { position: absolute; top: 90%; right: 25%; height: 56px; width: auto; cursor: pointer; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -khtml-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; display: none; } @media (min-width: 768px) { /* line 840, sass/homepage.scss */ .back-to-slider { display: block; } } @media (min-width: 1000px) { /* line 840, sass/homepage.scss */ .back-to-slider { top: 60%; left: 25px; right: auto; } } /* line 861, sass/homepage.scss */ .back-to-slider.active { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } /* line 866, sass/homepage.scss */ .back-to-slider .icon { width: 56px; height: 56px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; margin-right: 20px; background-color: #fff; float: left; position: relative; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } /* line 877, sass/homepage.scss */ .back-to-slider .icon:after { left: 0; top: 0; position: absolute; content: ''; background: url("../images/slider-next.png") center/13px 23px no-repeat; width: 100%; height: 100%; -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } /* line 890, sass/homepage.scss */ .back-to-slider .text { display: inline-block; line-height: 56px; color: #8e754b; font-weight: 700; font-size: 18px; text-transform: uppercase; float: left; -webkit-transition: color 0.4s ease-in-out; -khtml-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 903, sass/homepage.scss */ .back-to-slider:hover .icon { background-color: #2d66a3; } /* line 906, sass/homepage.scss */ .back-to-slider:hover .icon:after { background: url("../images/slider-next-hover.png") center/13px 23px no-repeat; } /* line 911, sass/homepage.scss */ .back-to-slider:hover .text { color: #2d66a3; } } /* line 918, sass/homepage.scss */ .bottom-socials { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; position: fixed !important; text-align: right; pointer-events: none; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; display: none; z-index: 980; } @media (min-width: 600px) { /* line 918, sass/homepage.scss */ .bottom-socials { display: block; } } /* line 933, sass/homepage.scss */ .bottom-socials.menu-opened { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 937, sass/homepage.scss */ .bottom-socials a { pointer-events: auto; width: 35px; height: 35px; display: inline-block; background-color: #c5d4dd; text-align: center; line-height: 35px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; margin-left: 10px; -webkit-transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -khtml-transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -moz-transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -ms-transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; -o-transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition: background 0.4s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -webkit-opacity: 0.1; -khtml-opacity: 0.1; -moz-opacity: 0.1; -ms-opacity: 0.1; -o-opacity: 0.1; opacity: 0.1; -webkit-transform: translateY(200px); -khtml-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); } /* line 952, sass/homepage.scss */ .bottom-socials a.in-icon { background: #c5d4dd url("../images/instagram.png") center/15px 15px no-repeat; position: relative; top: 11px; } @media (min-width: 1100px) { /* line 959, sass/homepage.scss */ .bottom-socials a:hover { background-color: #2d66a3; } /* line 962, sass/homepage.scss */ .bottom-socials a:hover.in-icon { background: #2d66a3 url("../images/instagram.png") center/15px 15px no-repeat; } } /* line 972, sass/homepage.scss */ .js .pages-nav { position: absolute; top: 0; left: 5%; width: 90%; height: 85vh; padding: 10vh 0 0; pointer-events: none; opacity: 0; background: transparent; -webkit-transition: -webkit-transform 1.2s, opacity 1.2s; transition: transform 1.2s, opacity 1.2s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } @media (max-width: 499px) { /* line 972, sass/homepage.scss */ .js .pages-nav { left: 0%; width: 100%; } } @media (max-width: 767px) { /* line 972, sass/homepage.scss */ .js .pages-nav { padding: 17vh 0 0; } } @media (min-width: 600px) { /* line 972, sass/homepage.scss */ .js .pages-nav { left: 5%; width: 90%; height: 65vh; } } /* line 1008, sass/homepage.scss */ .js .pages-nav .pages-nav__item { padding: 0; } /* line 1012, sass/homepage.scss */ .js .pages-nav--open { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { /* line 1012, sass/homepage.scss */ .js .pages-nav--open { z-index: 1000; } } /* line 1030, sass/homepage.scss */ .mobile-product-info, .mobile-product-info-more { position: fixed; height: calc(100vh - 84px); width: 100%; background-color: rgba(255, 255, 255, 0); z-index: 99; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* line 1045, sass/homepage.scss */ .mobile-product-info.vita-info, .mobile-product-info-more.vita-info { background-color: white; } /* line 1049, sass/homepage.scss */ .mobile-product-info .info-bubble, .mobile-product-info-more .info-bubble { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; display: none; } @media (min-width: 768px) { /* line 1030, sass/homepage.scss */ .mobile-product-info, .mobile-product-info-more { display: none !important; } } /* line 1058, sass/homepage.scss */ .mobile-product-info.active, .mobile-product-info-more.active { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; pointer-events: auto; display: block; } /* line 1064, sass/homepage.scss */ .mobile-product-info h3, .mobile-product-info-more h3 { font-weight: 300; color: #355287; font-size: 24px; line-height: 30px; letter-spacing: -1px; margin: 0 0 35px; } @media (min-width: 600px) { /* line 1064, sass/homepage.scss */ .mobile-product-info h3, .mobile-product-info-more h3 { font-size: 34px; line-height: 40px; } } /* line 1078, sass/homepage.scss */ .mobile-product-info p, .mobile-product-info-more p { width: 100%; margin: 0 auto 35px; color: #6d798e; line-height: 18px; font-size: 14px; } @media (min-width: 1200px) { /* line 1078, sass/homepage.scss */ .mobile-product-info p, .mobile-product-info-more p { line-height: 22px; font-size: 16px; } } /* line 1091, sass/homepage.scss */ .mobile-product-info .bottle-info-more, .mobile-product-info-more .bottle-info-more { display: table; padding: 0 5%; width: 100%; height: 100%; } /* line 1097, sass/homepage.scss */ .mobile-product-info .bottle-info-more .close-info-more, .mobile-product-info-more .bottle-info-more .close-info-more { display: none; } /* line 1101, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content, .mobile-product-info-more .bottle-info-more .bottle-info-more-content { text-align: left; display: table-cell; vertical-align: middle; position: relative; } /* line 1107, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .mCSB_dragger_bar, .mobile-product-info .bottle-info-more .bottle-info-more-content .mCSB_draggerRail, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .mCSB_dragger_bar, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .mCSB_draggerRail { background-color: #EDF5F9 !important; } /* line 1111, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content h3, .mobile-product-info-more .bottle-info-more .bottle-info-more-content h3 { font-weight: 700; text-transform: uppercase; font-size: 18px; padding-left: 15px; margin-top: 20px; } /* line 1119, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-head, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-head { font-weight: 700; color: #6d798e; font-size: 14px; margin-bottom: 7px; padding-left: 15px; } /* line 1127, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body { padding-bottom: 45px; color: #6d798e; font-size: 14px; } /* line 1132, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line { width: 100%; height: auto; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 7px 0 7px 15px; } @media (min-width: 1100px) { /* line 1140, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line:hover, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line:hover { background-color: #f4fbfd; } } /* line 1145, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line .left, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line .left { width: 60%; float: left; } /* line 1149, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line .left sub, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line .left sub { vertical-align: sub; font-size: smaller; } /* line 1154, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line .left sup, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line .left sup { vertical-align: super; font-size: smaller; } /* line 1159, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line .left p, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line .left p { margin-bottom: 0; } /* line 1164, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-body .table-line .right, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-body .table-line .right { width: 40%; float: left; } /* line 1171, sass/homepage.scss */ .mobile-product-info .bottle-info-more .bottle-info-more-content .table-foot, .mobile-product-info-more .bottle-info-more .bottle-info-more-content .table-foot { color: #6d798e; font-size: 14px; margin-bottom: 30px; padding-left: 15px; } /* line 1180, sass/homepage.scss */ .mobile-product-info .bottle-info, .mobile-product-info-more .bottle-info { display: table; padding: 0 5%; width: 100%; height: 100%; } /* line 1187, sass/homepage.scss */ .mobile-product-info .bottle-info-content, .mobile-product-info-more .bottle-info-content { text-align: center; display: table-cell; vertical-align: middle; position: relative; z-index: 5; } /* line 1194, sass/homepage.scss */ .mobile-product-info .bottle-info-content .bottle, .mobile-product-info-more .bottle-info-content .bottle { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; height: 200px; width: 100px; } /* line 1200, sass/homepage.scss */ .mobile-product-info .bottle-info-content .bottle .bottle-normal, .mobile-product-info-more .bottle-info-content .bottle .bottle-normal { display: block; width: 100%; height: 100%; } /* line 1207, sass/homepage.scss */ .mobile-product-info .bottle-info-content h3, .mobile-product-info-more .bottle-info-content h3 { margin: 35px 0; } @media (min-width: 600px) { /* line 1211, sass/homepage.scss */ .mobile-product-info .bottle-info-content p, .mobile-product-info-more .bottle-info-content p { width: 65%; } } /* line 1218, sass/homepage.scss */ .mobile-product-info .bottle-info-content .more-info, .mobile-product-info-more .bottle-info-content .more-info { color: #8e754b; font-weight: 700; font-size: 18px; margin: 0 0 35px; text-transform: uppercase; cursor: pointer; -webkit-transition: color 0.4s ease-in-out; -khtml-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 1228, sass/homepage.scss */ .mobile-product-info .bottle-info-content .more-info:hover, .mobile-product-info-more .bottle-info-content .more-info:hover { color: #2d66a3; } } /* line 1236, sass/homepage.scss */ #fullpage { background-color: #fff; } @media (max-width: 767px) { /* line 1236, sass/homepage.scss */ #fullpage { height: calc(100% - 84px); margin-top: 84px; overflow: auto; -webkit-overflow-scrolling: touch; } /* line 1245, sass/homepage.scss */ #fullpage.mn-op { margin-top: 0; } } /* line 1251, sass/homepage.scss */ .section { overflow: hidden; position: relative; } @media (max-width: 767px) { /* line 1251, sass/homepage.scss */ .section { min-height: calc(100vh - 84px); display: table; width: 100%; padding-top: 0; } } @media (max-width: 767px) and (max-height: 550px) { /* line 1264, sass/homepage.scss */ .section.s-products { height: 400px; } } @media (max-width: 767px) and (max-width: 599px) { /* line 1251, sass/homepage.scss */ .section { padding-top: 0; } } @media (max-width: 767px) { /* line 1273, sass/homepage.scss */ .section .s-container { display: table-cell; vertical-align: middle; width: 100%; } } /* line 1280, sass/homepage.scss */ .section h3 { font-weight: 300; color: #355287; font-size: 24px; line-height: 30px; letter-spacing: -1px; margin: 0 0 35px; } @media (min-width: 600px) { /* line 1280, sass/homepage.scss */ .section h3 { font-size: 34px; line-height: 40px; } } /* line 1294, sass/homepage.scss */ .section p { width: 100%; margin: 0 auto 35px; color: #6d798e; line-height: 18px; font-size: 14px; } @media (min-width: 768px) { /* line 1294, sass/homepage.scss */ .section p { line-height: 24px; font-size: 15px; } } /* line 1307, sass/homepage.scss */ .section.s-homepage { background: #e5f6ff; background: -moz-linear-gradient(top, #e5f6ff 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f6ff), color-stop(100%, white)); background: -webkit-linear-gradient(top, #e5f6ff 0%, white 100%); background: -o-linear-gradient(top, #e5f6ff 0%, white 100%); background: -ms-linear-gradient(top, #e5f6ff 0%, white 100%); background: linear-gradient(to bottom, #e5f6ff 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f6ff', endColorstr='#ffffff', GradientType=0 ); } /* line 1317, sass/homepage.scss */ .section.s-homepage:before { position: absolute; top: 0; left: 0; content: ''; background: url("../images/homepage-still-last_v4.png") -10% bottom/120% auto no-repeat; width: 100%; height: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 1000px) { /* line 1329, sass/homepage.scss */ .section.s-homepage:before { background: url("../images/homepage-still-last_v3.png") center/cover no-repeat; } } @media (min-width: 1200px) { /* line 1335, sass/homepage.scss */ .section.s-homepage:before { background: none; } } @media (min-width: 1200px) and (min-width: 1441px) { /* line 1335, sass/homepage.scss */ .section.s-homepage:before { background: none; } } @media (min-width: 1200px) { /* line 1344, sass/homepage.scss */ .section.s-homepage.last-frame:before { background: none; } } @media (min-width: 1200px) and (min-width: 1441px) { /* line 1344, sass/homepage.scss */ .section.s-homepage.last-frame:before { background: none; } } @media (min-width: 1200px) { /* line 1354, sass/homepage.scss */ .section.s-homepage.no-video:before { background: url("../images/homepage-still-last.jpg") center/120% auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1441px) { /* line 1354, sass/homepage.scss */ .section.s-homepage.no-video:before { background: url("../images/homepage-still-last.jpg") center/100% auto no-repeat; } } @media (min-width: 768px) { /* line 1364, sass/homepage.scss */ .section.s-homepage .s-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* line 1371, sass/homepage.scss */ .section.s-homepage video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: 100%; height: auto; overflow: hidden; } @media (max-width: 1199px) { /* line 1371, sass/homepage.scss */ .section.s-homepage video { display: none !important; } } /* line 1388, sass/homepage.scss */ .section.s-homepage .last-frame-img, .section.s-homepage .first-frame-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (max-width: 1199px) { /* line 1388, sass/homepage.scss */ .section.s-homepage .last-frame-img, .section.s-homepage .first-frame-img { display: none !important; } } /* line 1407, sass/homepage.scss */ .section.s-homepage .last-frame-img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; display: none; } /* line 1412, sass/homepage.scss */ .section.s-homepage .bottom-text { position: absolute; left: 50%; text-transform: uppercase; color: #be9f57; font-size: 3.8em; font-weight: 700; bottom: -5px; line-height: 0.85em; display: none; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); pointer-events: none; } @media (min-width: 768px) { /* line 1412, sass/homepage.scss */ .section.s-homepage .bottom-text { display: block; -webkit-transform: translate3d(-50%, 400px, 0); transform: translate3d(-50%, 400px, 0); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } } @media (min-width: 1100px) { /* line 1412, sass/homepage.scss */ .section.s-homepage .bottom-text { font-size: 3.8em; } } /* line 1442, sass/homepage.scss */ .section.s-homepage h3, .section.s-homepage p { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 1447, sass/homepage.scss */ .section.s-homepage.animating .bottom-text { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } } /* line 1456, sass/homepage.scss */ .section.s-homepage.animating .homepage-block:after { -webkit-transform: translateX(-50%) scale(1); -khtml-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } /* line 1462, sass/homepage.scss */ .section.s-homepage.animating h3, .section.s-homepage.animating p { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media (min-width: 768px) { /* line 1462, sass/homepage.scss */ .section.s-homepage.animating h3, .section.s-homepage.animating p { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } } /* line 1473, sass/homepage.scss */ .section.s-homepage.animating p { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } @media (min-width: 768px) { /* line 1473, sass/homepage.scss */ .section.s-homepage.animating p { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } } /* line 1483, sass/homepage.scss */ .section.s-homepage.animating .homepage-block-content .first-read-more-trig { -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 1483, sass/homepage.scss */ .section.s-homepage.animating .homepage-block-content .first-read-more-trig { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } } /* line 1495, sass/homepage.scss */ .section.s-homepage.animating .homepage-block .homepage-block-content .video-trig { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 1495, sass/homepage.scss */ .section.s-homepage.animating .homepage-block .homepage-block-content .video-trig { -webkit-transition-delay: 1s; transition-delay: 1s; } } /* line 1506, sass/homepage.scss */ .section.s-homepage.animating:before { -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 1511, sass/homepage.scss */ .section.s-homepage.animating .first-frame-img { -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; } /* line 1520, sass/homepage.scss */ .section.s-years { background: #e5f6ff; background: -moz-linear-gradient(top, #e5f6ff 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f6ff), color-stop(100%, white)); background: -webkit-linear-gradient(top, #e5f6ff 0%, white 100%); background: -o-linear-gradient(top, #e5f6ff 0%, white 100%); background: -ms-linear-gradient(top, #e5f6ff 0%, white 100%); background: linear-gradient(to bottom, #e5f6ff 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f6ff', endColorstr='#ffffff', GradientType=0 ); } @media (min-width: 1200px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { position: absolute; top: 0; left: 0; content: ''; background: url("../images/frame-wall.png") 0% center/auto no-repeat; width: 100%; height: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } } @media (min-width: 1200px) and (min-width: 1300px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 4% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1400px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 8% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1500px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 12% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1600px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 19% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1700px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 20% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1800px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 22% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 1900px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 25% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2000px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 26% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2100px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 27% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2200px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 28% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2300px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 29% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2400px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 30% center/auto no-repeat; } } @media (min-width: 1200px) and (min-width: 2500px) { /* line 1531, sass/homepage.scss */ .section.s-years:before { background: url("../images/frame-wall.png") 31% center/auto no-repeat; } } /* line 1597, sass/homepage.scss */ .section.s-years.animating:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 1597, sass/homepage.scss */ .section.s-years.animating:before { -webkit-transition-delay: 1s; transition-delay: 1s; } } /* line 1608, sass/homepage.scss */ .section.s-years.animating .big-bottom-text { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 1608, sass/homepage.scss */ .section.s-years.animating .big-bottom-text { -webkit-transition-delay: 1s; transition-delay: 1s; } } /* line 1623, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content h3, .section.s-years.animating .years-block .years-block-content p { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media (min-width: 768px) { /* line 1623, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content h3, .section.s-years.animating .years-block .years-block-content p { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } } /* line 1634, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content p { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } @media (min-width: 768px) { /* line 1634, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content p { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } } /* line 1643, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content p.expl { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 1643, sass/homepage.scss */ .section.s-years.animating .years-block .years-block-content p.expl { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } } /* line 1654, sass/homepage.scss */ .section.s-years.animating .years-block .years-frame { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } @media (min-width: 768px) { /* line 1654, sass/homepage.scss */ .section.s-years.animating .years-block .years-frame { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } } /* line 1666, sass/homepage.scss */ .section.s-years .big-bottom-text { bottom: 0; left: 50%; position: absolute; text-transform: uppercase; font-weight: 700; color: #edf5f9; text-align: center; line-height: 0.55em; pointer-events: none; white-space: nowrap; -webkit-transform: translate(-50%, 150px); transform: translate(-50%, 150px); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (max-width: 767px) { /* line 1666, sass/homepage.scss */ .section.s-years .big-bottom-text { display: none; } } /* line 1688, sass/homepage.scss */ .section.s-years .years-block .years-block-content { width: 80%; margin: 0 auto 40px; text-align: center; } @media (min-width: 1000px) { /* line 1688, sass/homepage.scss */ .section.s-years .years-block .years-block-content { text-align: left; width: 49%; margin: 0; margin-right: 10%; float: right; } } /* line 1701, sass/homepage.scss */ .section.s-years .years-block .years-block-content h3 { margin: 35px 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 1706, sass/homepage.scss */ .section.s-years .years-block .years-block-content p { margin: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 1710, sass/homepage.scss */ .section.s-years .years-block .years-block-content p.expl { line-height: 18px; font-size: 14px; margin-top: 30px; } @media (min-width: 1200px) { /* line 1710, sass/homepage.scss */ .section.s-years .years-block .years-block-content p.expl { line-height: 17px; font-size: 13px; } } /* line 1722, sass/homepage.scss */ .section.s-years .years-block .years-frame { width: 65%; position: relative; margin: 0; padding-bottom: 80px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 400px) { /* line 1722, sass/homepage.scss */ .section.s-years .years-block .years-frame { width: 100%; } } @media (min-width: 768px) { /* line 1722, sass/homepage.scss */ .section.s-years .years-block .years-frame { padding-bottom: 0; width: 80%; margin: 0 auto; } } @media (min-width: 1000px) { /* line 1722, sass/homepage.scss */ .section.s-years .years-block .years-frame { margin: 0; width: 41%; height: 100%; position: absolute; top: 0; left: 0; } } /* line 1748, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame { width: 194px; height: 272px; position: relative; cursor: pointer; margin: 17px auto -17px; -webkit-transform: scale(0.8); -khtml-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } @media (min-width: 768px) { /* line 1748, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media (min-width: 1000px) { /* line 1748, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame { position: relative; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 15%; margin: 0; } } /* line 1766, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame:after { position: absolute; content: ''; left: -17px; top: -17px; width: 228px; height: 306px; background: url("../images/frame-border.png") center/cover no-repeat; } /* line 1776, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame:before { content: ''; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; width: 70px; height: 70px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #8e754b url("../images/zoom-icon.png") center/29px 29px no-repeat; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; z-index: 5; } @media (min-width: 1200px) { /* line 1776, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame:before { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } } @media (min-width: 1100px) { /* line 1795, sass/homepage.scss */ .section.s-years .years-block .years-frame .docu-frame:hover:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } /* line 1802, sass/homepage.scss */ .section.s-years .years-block .years-frame:before { background: url("../images/frame-icon.png") center/cover no-repeat; width: 129px; height: 173px; top: 60%; position: absolute; right: 50%; content: ''; z-index: 5; margin-top: -110px; margin-right: -200px; } @media (min-width: 1000px) { /* line 1802, sass/homepage.scss */ .section.s-years .years-block .years-frame:before { right: 12%; margin-right: 0; top: 50%; } } @media (min-width: 1200px) { /* line 1802, sass/homepage.scss */ .section.s-years .years-block .years-frame:before { width: 179px; height: 223px; } } /* line 1829, sass/homepage.scss */ .section.s-vf { height: 300px !important; background: #fff url("../images/bottom-wave-green.png") center top/cover no-repeat; min-height: 0 !important; position: relative; } @media (max-width: 767px) { /* line 1829, sass/homepage.scss */ .section.s-vf { height: 200px !important; } } /* line 1839, sass/homepage.scss */ .section.s-vf .links-wrap { display: flex; justify-content: flex-end; align-items: flex-end; height: 100%; } /* line 1845, sass/homepage.scss */ .section.s-vf .links-wrap .next-link { margin: 0 10px; position: relative; right: 0; } /* line 1852, sass/homepage.scss */ .section.s-vf .back-link { position: absolute; left: 40px; bottom: 30px; padding-left: 30px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 16px; color: #ffffff; background: url("../images/back-link.png") left center/10px 18px no-repeat; } @media (max-width: 991px) { /* line 1852, sass/homepage.scss */ .section.s-vf .back-link { left: 20px; bottom: 5px; } } /* line 1871, sass/homepage.scss */ .section.s-vf .next-link { position: absolute; right: 60px; bottom: 50px; display: flex; align-items: center; opacity: 1; transition: all .4s ease-in-out; font-size: 16px; font-weight: 500; line-height: 1.5; color: rgba(255, 255, 255, 0.7); } @media (max-width: 991px) { /* line 1871, sass/homepage.scss */ .section.s-vf .next-link { right: 20px; bottom: 15px; } } /* line 1889, sass/homepage.scss */ .section.s-vf .next-link span { display: inline-block; width: 55px; height: 55px; background: url("../images/next-link.png") center/cover no-repeat; margin-left: 30px; } @media (max-width: 599px) { /* line 1889, sass/homepage.scss */ .section.s-vf .next-link span { width: 20px; height: 20px; margin-left: 10px; } } @media (min-width: 1200px) { /* line 1904, sass/homepage.scss */ .section.s-vf .next-link:hover { opacity: 0.7; } } /* line 1910, sass/homepage.scss */ .section.s-vf .next-link.vitafruit img { width: 102px; height: auto; } @media (max-width: 599px) { /* line 1910, sass/homepage.scss */ .section.s-vf .next-link.vitafruit img { width: 80px; } } /* line 1921, sass/homepage.scss */ .section.s-vf .fp-tableCell { height: 300px !important; position: relative; } /* line 1927, sass/homepage.scss */ .section.s-history { background: #e5f6ff; background: -moz-linear-gradient(top, #e5f6ff 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f6ff), color-stop(100%, white)); background: -webkit-linear-gradient(top, #e5f6ff 0%, white 100%); background: -o-linear-gradient(top, #e5f6ff 0%, white 100%); background: -ms-linear-gradient(top, #e5f6ff 0%, white 100%); background: linear-gradient(to bottom, #e5f6ff 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f6ff', endColorstr='#ffffff', GradientType=0 ); padding-bottom: 140px; } /* line 1938, sass/homepage.scss */ .section.s-history:before { position: absolute; top: 0; left: 0; content: ''; background: url("../images/history-mob_v2.png") center bottom/100% auto no-repeat; width: 100%; height: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 1950, sass/homepage.scss */ .section.s-history.version-2:before { background: url("../images/history_v2_mob.png") center/100% auto no-repeat; } @media (min-width: 400px) { /* line 1927, sass/homepage.scss */ .section.s-history { padding-bottom: 180px; } } @media (min-width: 768px) { /* line 1927, sass/homepage.scss */ .section.s-history { padding-bottom: 0; } /* line 1962, sass/homepage.scss */ .section.s-history:before { background: url("../images/Mangali_tablet_history_v2.png") 0 center/auto 100% no-repeat; } } @media (min-width: 768px) and (min-width: 1200px) { /* line 1968, sass/homepage.scss */ .section.s-history.no-video:before { background: url("../images/Mangali_tablet_history_v2.png") center/100% auto no-repeat; } } @media (min-width: 768px) and (min-width: 1200px) { /* line 1975, sass/homepage.scss */ .section.s-history.no-video.version-2:before { background: url("../images/history_v2_tablet.jpg") center/100% auto no-repeat; } } @media (min-width: 1200px) { /* line 1927, sass/homepage.scss */ .section.s-history { background: url("../images/history-still.jpg") center/120% auto no-repeat; } } @media (min-width: 1441px) { /* line 1927, sass/homepage.scss */ .section.s-history { background: url("../images/history-still.jpg") center/100% auto no-repeat; } } @media (min-width: 1200px) { /* line 1991, sass/homepage.scss */ .section.s-history.version-2 { background: url("../images/history_v2.jpg") center/120% auto no-repeat; } } @media (min-width: 1441px) { /* line 1991, sass/homepage.scss */ .section.s-history.version-2 { background: url("../images/history_v2.jpg") center/100% auto no-repeat; } } /* line 2003, sass/homepage.scss */ .section.s-history.animating:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } @media (min-width: 768px) { /* line 2003, sass/homepage.scss */ .section.s-history.animating:before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } } @media (min-width: 768px) { /* line 2015, sass/homepage.scss */ .section.s-history.animating .big-text { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; } } /* line 2024, sass/homepage.scss */ .section.s-history.animating .history-block:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } /* line 2032, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content h3, .section.s-history.animating .history-block .history-block-content p { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media (min-width: 768px) { /* line 2032, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content h3, .section.s-history.animating .history-block .history-block-content p { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } } /* line 2043, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content p { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } @media (min-width: 768px) { /* line 2043, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content p { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } } /* line 2052, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content .second-read-more-trig { -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 768px) { /* line 2052, sass/homepage.scss */ .section.s-history.animating .history-block .history-block-content .second-read-more-trig { -webkit-transition-delay: 1s; transition-delay: 1s; } } /* line 2066, sass/homepage.scss */ .section.s-history video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: 100%; height: auto; overflow: hidden; } @media (max-width: 1199px) { /* line 2066, sass/homepage.scss */ .section.s-history video { display: none !important; } } @media (min-width: 768px) { /* line 2083, sass/homepage.scss */ .section.s-history .s-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* line 2091, sass/homepage.scss */ .section.s-products { background: url("../images/products-bg-layer_v2.png") center/cover no-repeat; } /* line 2094, sass/homepage.scss */ .section.s-products .big-bottom-text { bottom: 0; left: 50%; position: absolute; text-transform: uppercase; font-weight: 700; color: #edf5f9; text-align: center; line-height: 0.75em; pointer-events: none; -webkit-transform: translate(-50%, 150px); transform: translate(-50%, 150px); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (max-width: 767px) { /* line 2094, sass/homepage.scss */ .section.s-products .big-bottom-text { display: none; } } /* line 2113, sass/homepage.scss */ .section.s-products .products-nav { text-align: center; width: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2118, sass/homepage.scss */ .section.s-products .products-nav.hidden { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 2113, sass/homepage.scss */ .section.s-products .products-nav { display: none; } } /* line 2126, sass/homepage.scss */ .section.s-products .products-nav li { display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 15px; color: #4d9ebc; padding: 0 16px; height: 36px; line-height: 36px; -webkit-border-radius: 36px; -khtml-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; border-radius: 36px; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* line 2138, sass/homepage.scss */ .section.s-products .products-nav li.active { background-color: #ffffff; color: #397bb3; } /* line 2143, sass/homepage.scss */ .section.s-products .products-nav li:not(:last-of-type) { margin-right: 5px; } /* line 2149, sass/homepage.scss */ .section.s-products .s-container { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2155, sass/homepage.scss */ .section.s-products.animating .products-nav { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.8s ease-in-out; -khtml-transition: opacity 0.8s ease-in-out; -moz-transition: opacity 0.8s ease-in-out; -ms-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; } /* line 2159, sass/homepage.scss */ .section.s-products.animating .products-nav.hidden { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -khtml-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* line 2165, sass/homepage.scss */ .section.s-products.animating .big-bottom-text { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; } @media (min-width: 768px) { /* line 2165, sass/homepage.scss */ .section.s-products.animating .big-bottom-text { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } } /* line 2176, sass/homepage.scss */ .section.s-products.animating .s-container { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 1s ease-in-out; -khtml-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } @media (min-width: 768px) { /* line 2176, sass/homepage.scss */ .section.s-products.animating .s-container { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } } /* line 2190, sass/homepage.scss */ .owl-carousel { width: 100%; margin: 0 auto; position: relative; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } @media (max-width: 767px) { /* line 2190, sass/homepage.scss */ .owl-carousel { width: 75vw !important; } /* line 2200, sass/homepage.scss */ .owl-carousel .owl-stage-outer { width: 100vw; } /* line 2204, sass/homepage.scss */ .owl-carousel.bottles-hidden { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -khtml-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } } @media (min-width: 1200px) { /* line 2190, sass/homepage.scss */ .owl-carousel { width: 1020px; } } /* line 2214, sass/homepage.scss */ .owl-carousel:after { content: ''; background: url("../images/waterdrop.png") center/cover no-repeat; width: 482px; height: 237px; left: 50%; -webkit-transform: translateX(-50%) scale(0.7); -khtml-transform: translateX(-50%) scale(0.7); -moz-transform: translateX(-50%) scale(0.7); -ms-transform: translateX(-50%) scale(0.7); -o-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); bottom: -75px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; position: absolute; pointer-events: none; -webkit-transition: opacity 0.6s ease-in-out; -khtml-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -ms-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; transition-delay: .3s; z-index: -1; } @media (min-width: 768px) { /* line 2214, sass/homepage.scss */ .owl-carousel:after { -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -50px; } } /* line 2235, sass/homepage.scss */ .owl-carousel .owl-item { height: 60vh; margin-top: 5vh; text-align: center; display: table; } @media (min-width: 768px) { /* line 2235, sass/homepage.scss */ .owl-carousel .owl-item { margin-top: 10vh; } } @media (min-width: 1000px) { /* line 2235, sass/homepage.scss */ .owl-carousel .owl-item { height: 70vh; } } /* line 2249, sass/homepage.scss */ .owl-carousel .owl-item.active { -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } /* line 2253, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide { display: table-cell; vertical-align: middle; position: relative; width: 100%; height: 100%; } /* line 2260, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble { position: absolute; width: 40px; height: 36px; text-align: center; cursor: pointer; z-index: 10; top: 50px; right: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 2260, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble { right: 30%; } } @media (min-width: 1000px) { /* line 2260, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble { right: 60px; } } /* line 2279, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble .i-cont { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /* line 2286, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble .i-cont path { fill: #8e754b; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* line 2292, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble .i-svg { display: block; width: 9px; height: 22px; position: relative; top: 7px; left: 17px; } /* line 2300, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .info-bubble .i-svg path { fill: #ffffff; } /* line 2306, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle { height: 100%; width: 100%; -webkit-transform: scale(0.76) translateX(-50%); -khtml-transform: scale(0.76) translateX(-50%); -moz-transform: scale(0.76) translateX(-50%); -ms-transform: scale(0.76) translateX(-50%); -o-transform: scale(0.76) translateX(-50%); transform: scale(0.76) translateX(-50%); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; position: relative; z-index: 10; left: 50%; pointer-events: none; } @media (min-width: 500px) { /* line 2306, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle { width: 100%; } } @media (min-width: 768px) { /* line 2306, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle { -webkit-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; -khtml-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } } @media (min-width: 1000px) { /* line 2306, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle { width: 100%; left: 0; -webkit-transform: scale(0.76); -khtml-transform: scale(0.76); -moz-transform: scale(0.76); -ms-transform: scale(0.76); -o-transform: scale(0.76); transform: scale(0.76); margin: 0 auto; } } @media (min-width: 1100px) { /* line 2346, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle:hover .i-cont path { fill: #2d66a3; } } /* line 2353, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle .bottle-normal { position: absolute; left: 0; top: 0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; background: url("../images/bottle.png") center/auto 100% no-repeat; width: 100%; height: 100%; -webkit-transition: opacity 0.6s ease-in-out; -khtml-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -ms-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } /* line 2364, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle .bottle-over { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; background: url("../images/bottle-over.png") center/auto 100% no-repeat; width: 100%; height: 100%; -webkit-transition: opacity 0.6s ease-in-out; -khtml-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -ms-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } /* line 2376, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info { pointer-events: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -khtml-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; position: absolute; width: 490px; min-height: 450px; top: 40%; left: 35%; display: none; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 768px) { /* line 2376, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info { display: table; } } @media (min-width: 1000px) { /* line 2376, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info { top: 50%; left: 50%; } } /* line 2397, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info:after { width: 348px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; border: 7px solid #fff; display: none; } @media (min-width: 768px) { /* line 2397, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info:after { display: block; } } /* line 2413, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content { text-align: center; display: table-cell; vertical-align: middle; position: relative; z-index: 5; } /* line 2420, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content h3 { margin: 35px 0; } /* line 2425, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content p { font-size: 14px; line-height: 20px; } @media (min-height: 900px) { /* line 2425, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content p { font-size: 16px; line-height: 24px; width: 65%; } } @media (min-width: 600px) { /* line 2425, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content p { width: 90%; } } /* line 2440, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content .more-info { color: #8e754b; font-weight: 700; font-size: 18px; margin: 0 0 35px; text-transform: uppercase; cursor: pointer; -webkit-transition: color 0.4s ease-in-out; -khtml-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 2451, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info .bottle-info-content .more-info:hover { color: #2d66a3; } } /* line 2459, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more { position: absolute; top: 5vh; right: 0; width: 568px; height: 423px; background-color: #fff; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -khtml-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; display: none; pointer-events: none; } @media (min-width: 768px) { /* line 2459, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more { display: block; } } @media (min-width: 1000px) { /* line 2459, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more { width: 610px; top: 45px; left: 0; right: auto; } } /* line 2482, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .close-info-more { background: url("../images/close.png") center/14px 14px no-repeat; width: 14px; height: 14px; padding: 10px; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 2495, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .close-info-more:hover { background: url("../images/close-hover.png") center/14px 14px no-repeat; } } /* line 2502, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content { padding: 45px 45px 35px 140px; text-align: left; height: 423px; } /* line 2507, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .mCSB_dragger_bar, .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .mCSB_draggerRail { background-color: #EDF5F9 !important; } /* line 2515, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content h3 { font-weight: 700; text-transform: uppercase; margin-bottom: 30px; font-size: 18px; padding-left: 15px; } /* line 2523, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-head { font-weight: 700; color: #6d798e; font-size: 14px; margin-bottom: 7px; padding-left: 15px; } /* line 2531, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body { padding-bottom: 45px; color: #6d798e; font-size: 14px; } /* line 2536, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line { width: 100%; height: auto; background-color: #fff; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 7px 0 7px 15px; cursor: default; } @media (min-width: 1100px) { /* line 2545, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line:hover { background-color: #f4fbfd; } } /* line 2550, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line .left { width: 60%; float: left; } /* line 2554, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line .left sub { vertical-align: sub; font-size: smaller; } /* line 2559, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line .left sup { vertical-align: super; font-size: smaller; } /* line 2564, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line .left p { margin-bottom: 0; } /* line 2569, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-body .table-line .right { width: 40%; float: left; } /* line 2576, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content .table-foot { color: #6d798e; font-size: 14px; padding-left: 15px; } /* line 2585, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide.get-more .bottle-info { opacity: 0 !important; pointer-events: none; } /* line 2589, sass/homepage.scss */ .owl-carousel .owl-item .bottle-slide.get-more .bottle-info-more { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; z-index: 9; pointer-events: auto; } /* line 2600, sass/homepage.scss */ .owl-carousel .owl-item.center .bottle-slide .info-bubble { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } /* line 2604, sass/homepage.scss */ .owl-carousel .owl-item.center .bottle-slide .bottle { cursor: pointer; pointer-events: auto; -webkit-transform: scale(1) translateX(-50%); -khtml-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); } /* line 2609, sass/homepage.scss */ .owl-carousel .owl-item.center .bottle-slide .bottle:before { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -khtml-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } @media (min-width: 1000px) { /* line 2604, sass/homepage.scss */ .owl-carousel .owl-item.center .bottle-slide .bottle { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media (min-width: 1100px) { /* line 2619, sass/homepage.scss */ .owl-carousel .owl-item.center .bottle-slide .bottle:hover .bottle-over { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } /* line 2631, sass/homepage.scss */ .owl-carousel.dragging:after { -webkit-transition: opacity 0.2s ease-in-out; -khtml-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2638, sass/homepage.scss */ .owl-carousel.dragging .owl-item .bottle-slide .info-bubble { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2643, sass/homepage.scss */ .owl-carousel.dragging .owl-item .bottle-slide .bottle .bottle-over { opacity: 0 !important; } @media (min-width: 1000px) { /* line 2649, sass/homepage.scss */ .owl-carousel.dragging .owl-item.center .bottle { -webkit-transform: scale(0.76); -khtml-transform: scale(0.76); -moz-transform: scale(0.76); -ms-transform: scale(0.76); -o-transform: scale(0.76); transform: scale(0.76); } } /* line 2658, sass/homepage.scss */ .owl-carousel .owl-controls { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 2662, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; top: 50%; width: 55px; height: 55px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 0; background-color: #fff; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } /* line 2673, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev:after, .owl-carousel .owl-controls .owl-nav .owl-next:after { left: 0; top: 0; position: absolute; content: ''; background: url("../images/slider-next.png") center/13px 23px no-repeat; width: 100%; height: 100%; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 2685, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-color: #2d66a3; } /* line 2688, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev:hover:after, .owl-carousel .owl-controls .owl-nav .owl-next:hover:after { background: url("../images/slider-next-hover.png") center/13px 23px no-repeat; } } /* line 2695, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev { left: 15%; } @media (min-width: 1000px) { /* line 2695, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev { left: 33%; } } @media (max-width: 767px) { /* line 2695, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev { left: -15%; } } /* line 2706, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-prev:after { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; } /* line 2711, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-next { right: 15%; } @media (min-width: 1000px) { /* line 2711, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-next { right: 33%; } } @media (max-width: 767px) { /* line 2711, sass/homepage.scss */ .owl-carousel .owl-controls .owl-nav .owl-next { right: -15%; } } /* line 2725, sass/homepage.scss */ .owl-carousel.info-opened { pointer-events: none; } /* line 2732, sass/homepage.scss */ .owl-carousel.info-opened:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2736, sass/homepage.scss */ .owl-carousel.info-opened .owl-item { visibility: hidden; } /* line 2739, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; visibility: visible; } /* line 2743, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 2746, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .info-bubble { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2750, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .bottle { height: 100%; bottom: 0; position: relative; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; pointer-events: none; } @media (min-width: 768px) { /* line 2750, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .bottle { height: 100%; bottom: 0; position: relative; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transform: translate(calc(-230px - 50%), 5vh) scale(1.3); -khtml-transform: translate(calc(-230px - 50%), 5vh) scale(1.3); -moz-transform: translate(calc(-230px - 50%), 5vh) scale(1.3); -ms-transform: translate(calc(-230px - 50%), 5vh) scale(1.3); -o-transform: translate(calc(-230px - 50%), 5vh) scale(1.3); transform: translate(calc(-230px - 50%), 5vh) scale(1.3); } } @media (min-width: 1000px) { /* line 2750, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .bottle { -webkit-transform: translate(-150px, 20vh) scale(1.5); -khtml-transform: translate(-150px, 20vh) scale(1.5); -moz-transform: translate(-150px, 20vh) scale(1.5); -ms-transform: translate(-150px, 20vh) scale(1.5); -o-transform: translate(-150px, 20vh) scale(1.5); transform: translate(-150px, 20vh) scale(1.5); } } @media (min-width: 1100px) { /* line 2750, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .bottle { -webkit-transform: translate(-200px, 20vh) scale(1.5); -khtml-transform: translate(-200px, 20vh) scale(1.5); -moz-transform: translate(-200px, 20vh) scale(1.5); -ms-transform: translate(-200px, 20vh) scale(1.5); -o-transform: translate(-200px, 20vh) scale(1.5); transform: translate(-200px, 20vh) scale(1.5); } } /* line 2773, sass/homepage.scss */ .owl-carousel.info-opened .owl-item.active.center .bottle-info { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; position: absolute; pointer-events: auto; } /* line 2786, sass/homepage.scss */ .owl-carousel.info-opened .owl-controls { -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2793, sass/homepage.scss */ .owl-carousel.bottles-hidden .owl-item { visibility: hidden; } /* line 2796, sass/homepage.scss */ .owl-carousel.bottles-hidden .owl-item.active { visibility: visible; } /* line 2804, sass/homepage.scss */ .container .homepage-block { width: 80%; min-height: 380px; position: relative; display: table; margin: 0 auto; } @media (min-width: 768px) { /* line 2804, sass/homepage.scss */ .container .homepage-block { padding: 7px 0; width: 540px; } } @media (min-height: 800px) { /* line 2804, sass/homepage.scss */ .container .homepage-block { margin: 0 auto 100px; } } @media (min-width: 1000px) { /* line 2804, sass/homepage.scss */ .container .homepage-block { margin: 0 auto; } } /* line 2825, sass/homepage.scss */ .container .homepage-block.white-bg:after { background-color: rgba(255, 255, 255, 0.5); } /* line 2830, sass/homepage.scss */ .container .homepage-block:after { width: 466px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) scale(0.8); -khtml-transform: translateX(-50%) scale(0.8); -moz-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); -o-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); content: ''; border: 7px solid #fff; display: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 2830, sass/homepage.scss */ .container .homepage-block:after { display: block; } } @media (min-width: 1000px) { /* line 2804, sass/homepage.scss */ .container .homepage-block { float: right; margin: 0 120px 0 0; } } @media (min-width: 1100px) { /* line 2804, sass/homepage.scss */ .container .homepage-block { min-height: 478px; } } /* line 2856, sass/homepage.scss */ .container .homepage-block .homepage-block-content { text-align: center; display: table-cell; vertical-align: middle; position: relative; z-index: 5; } /* line 2863, sass/homepage.scss */ .container .homepage-block .homepage-block-content h3 { margin: 35px 0; } @media (min-width: 1000px) { /* line 2863, sass/homepage.scss */ .container .homepage-block .homepage-block-content h3 { margin: 15px 0 35px; } } @media (min-width: 1100px) { /* line 2863, sass/homepage.scss */ .container .homepage-block .homepage-block-content h3 { margin: 35px 0; } } /* line 2875, sass/homepage.scss */ .container .homepage-block .homepage-block-content p { width: 100%; margin: 0 auto 25px; color: #6d798e; } @media (min-width: 768px) { /* line 2875, sass/homepage.scss */ .container .homepage-block .homepage-block-content p { width: 70%; color: rgba(109, 121, 142, 0.8); } } /* line 2886, sass/homepage.scss */ .container .homepage-block .homepage-block-content .first-read-more-trig { margin: -15px 0 35px; font-size: 18px; cursor: pointer; color: #8e754b; text-transform: uppercase; font-weight: 700; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2896, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig { width: 128px; height: 78px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; position: relative; margin: 0 auto 35px; } /* line 2904, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig.to-animate { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 1000px) { /* line 2896, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig { margin: 0 auto 15px; } } @media (min-width: 1100px) { /* line 2896, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig { margin: 0 auto 35px; } } /* line 2916, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig:after { content: ''; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; background: url("../images/homepage-video-preview-play.png") center/cover no-repeat; width: 47px; height: 47px; -webkit-transition: background 0.4s ease-in-out; -khtml-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } @media (min-width: 1100px) { /* line 2928, sass/homepage.scss */ .container .homepage-block .homepage-block-content .video-trig:hover:after { background: url("../images/homepage-video-preview-play-hover.png") center/cover no-repeat; } } /* line 2937, sass/homepage.scss */ .container .history-block { width: 100%; min-height: 380px; position: relative; } @media (min-width: 768px) { /* line 2937, sass/homepage.scss */ .container .history-block { width: 96%; } } /* line 2946, sass/homepage.scss */ .container .history-block:after { width: calc(100% - 45px); height: 100%; position: absolute; top: 0; left: 0; content: ''; border: 7px solid #fff; display: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 2946, sass/homepage.scss */ .container .history-block:after { display: block; } } @media (min-width: 1200px) { /* line 2937, sass/homepage.scss */ .container .history-block { min-height: 478px; } } /* line 2967, sass/homepage.scss */ .container .history-block .history-block-content { width: 90%; margin: 0 auto; text-align: center; padding: 20px 0 40px; position: relative; z-index: 5; } @media (min-width: 768px) { /* line 2967, sass/homepage.scss */ .container .history-block .history-block-content { text-align: left; width: 75%; padding: 40px 40px 200px; margin: 0; } } @media (min-width: 1000px) { /* line 2967, sass/homepage.scss */ .container .history-block .history-block-content { padding: 40px; } } @media (min-width: 1200px) { /* line 2967, sass/homepage.scss */ .container .history-block .history-block-content { width: 45%; } } /* line 2990, sass/homepage.scss */ .container .history-block .history-block-content h3 { margin: 30px 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2995, sass/homepage.scss */ .container .history-block .history-block-content p { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 2998, sass/homepage.scss */ .container .history-block .history-block-content p:not(:last-of-type) { margin-bottom: 30px; } /* line 3003, sass/homepage.scss */ .container .history-block .history-block-content .second-read-more-trig { color: #8e754b; text-transform: uppercase; font-size: 18px; cursor: pointer; font-weight: 700; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 3013, sass/homepage.scss */ .container .history-block .big-text { position: absolute; right: -7px; bottom: 10px; font-weight: 700; color: #be9f57; text-transform: uppercase; font-size: 106px; line-height: 0.85em; z-index: 2; display: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } @media (min-width: 768px) { /* line 3013, sass/homepage.scss */ .container .history-block .big-text { display: block; } } @media (min-width: 768px) { /* line 3013, sass/homepage.scss */ .container .history-block .big-text { font-size: 126px; } } @media (min-width: 1000px) { /* line 3013, sass/homepage.scss */ .container .history-block .big-text { right: 11px; bottom: -40px; font-size: 86px; } /* line 3039, sass/homepage.scss */ .container .history-block .big-text br { display: none; } } @media (min-width: 1200px) { /* line 3013, sass/homepage.scss */ .container .history-block .big-text { font-size: 126px; right: -7px; bottom: 40px; } /* line 3049, sass/homepage.scss */ .container .history-block .big-text br { display: block; } } /* line 3057, sass/homepage.scss */ .docu-overlay, .first-read-more, .second-read-more { width: 100%; height: 100vh; position: fixed; z-index: 1000; top: 0; left: -100%; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; background: rgba(27, 51, 77, 0.9); background: -moz-radial-gradient(center, ellipse cover, rgba(27, 51, 77, 0.9) 0%, rgba(14, 21, 36, 0.9) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(27, 51, 77, 0.9)), color-stop(100%, rgba(14, 21, 36, 0.9))); background: -webkit-radial-gradient(center, ellipse cover, rgba(27, 51, 77, 0.9) 0%, rgba(14, 21, 36, 0.9) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(27, 51, 77, 0.9) 0%, rgba(14, 21, 36, 0.9) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(27, 51, 77, 0.9) 0%, rgba(14, 21, 36, 0.9) 100%); background: radial-gradient(ellipse at center, rgba(27, 51, 77, 0.9) 0%, rgba(14, 21, 36, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b334d', endColorstr='#0e1524', GradientType=1 ); } /* line 3077, sass/homepage.scss */ .docu-overlay.active, .first-read-more.active, .second-read-more.active { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 3081, sass/homepage.scss */ .docu-overlay .container, .first-read-more .container, .second-read-more .container { top: 46px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } /* line 3086, sass/homepage.scss */ .docu-overlay .container .docu-close, .docu-overlay .container .read-more-close, .first-read-more .container .docu-close, .first-read-more .container .read-more-close, .second-read-more .container .docu-close, .second-read-more .container .read-more-close { display: inline-block; position: relative; width: 50px; height: 50px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; background-color: #fff; border: none; outline: none; margin-left: 40px; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; -webkit-transition: all .4s ease-in-out; -khtml-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: right; } @media (max-width: 767px) { /* line 3086, sass/homepage.scss */ .docu-overlay .container .docu-close, .docu-overlay .container .read-more-close, .first-read-more .container .docu-close, .first-read-more .container .read-more-close, .second-read-more .container .docu-close, .second-read-more .container .read-more-close { margin-top: -30px; } } /* line 3106, sass/homepage.scss */ .docu-overlay .container .docu-close::before, .docu-overlay .container .docu-close::after, .docu-overlay .container .docu-close span, .docu-overlay .container .read-more-close::before, .docu-overlay .container .read-more-close::after, .docu-overlay .container .read-more-close span, .first-read-more .container .docu-close::before, .first-read-more .container .docu-close::after, .first-read-more .container .docu-close span, .first-read-more .container .read-more-close::before, .first-read-more .container .read-more-close::after, .first-read-more .container .read-more-close span, .second-read-more .container .docu-close::before, .second-read-more .container .docu-close::after, .second-read-more .container .docu-close span, .second-read-more .container .read-more-close::before, .second-read-more .container .read-more-close::after, .second-read-more .container .read-more-close span { background: #8e754b; } /* line 3109, sass/homepage.scss */ .docu-overlay .container .docu-close::before, .docu-overlay .container .docu-close::after, .docu-overlay .container .read-more-close::before, .docu-overlay .container .read-more-close::after, .first-read-more .container .docu-close::before, .first-read-more .container .docu-close::after, .first-read-more .container .read-more-close::before, .first-read-more .container .read-more-close::after, .second-read-more .container .docu-close::before, .second-read-more .container .docu-close::after, .second-read-more .container .read-more-close::before, .second-read-more .container .read-more-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40%; height: 2px; pointer-events: none; -webkit-transition: -webkit-transform 0.25s, background .4s; transition: transform 0.25s, background .4s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* line 3122, sass/homepage.scss */ .docu-overlay .container .docu-close span, .docu-overlay .container .read-more-close span, .first-read-more .container .docu-close span, .first-read-more .container .read-more-close span, .second-read-more .container .docu-close span, .second-read-more .container .read-more-close span { position: absolute; left: 50%; top: 50%; overflow: hidden; width: 40%; height: 2px; text-indent: 200%; -webkit-transition: opacity 0.25s, background .4s; transition: opacity 0.25s, background .4s; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* line 3134, sass/homepage.scss */ .docu-overlay .container .docu-close::before, .docu-overlay .container .read-more-close::before, .first-read-more .container .docu-close::before, .first-read-more .container .read-more-close::before, .second-read-more .container .docu-close::before, .second-read-more .container .read-more-close::before { -webkit-transform: translate3d(-50%, -6px, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -6px, 0) scale3d(1, 1, 1); } /* line 3138, sass/homepage.scss */ .docu-overlay .container .docu-close::after, .docu-overlay .container .read-more-close::after, .first-read-more .container .docu-close::after, .first-read-more .container .read-more-close::after, .second-read-more .container .docu-close::after, .second-read-more .container .read-more-close::after { -webkit-transform: translate3d(-50%, 6px, 0) scale3d(1, 1, 1); transform: translate3d(-50%, 6px, 0) scale3d(1, 1, 1); } /* line 3147, sass/homepage.scss */ .docu-overlay.active .container .docu-close, .docu-overlay.active .container .read-more-close, .first-read-more.active .container .docu-close, .first-read-more.active .container .read-more-close, .second-read-more.active .container .docu-close, .second-read-more.active .container .read-more-close { background-color: #8e754b; } /* line 3151, sass/homepage.scss */ .docu-overlay.active .container .docu-close::before, .docu-overlay.active .container .read-more-close::before, .first-read-more.active .container .docu-close::before, .first-read-more.active .container .read-more-close::before, .second-read-more.active .container .docu-close::before, .second-read-more.active .container .read-more-close::before { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 45deg); background: #fcfdff; } /* line 3156, sass/homepage.scss */ .docu-overlay.active .container .docu-close::after, .docu-overlay.active .container .read-more-close::after, .first-read-more.active .container .docu-close::after, .first-read-more.active .container .read-more-close::after, .second-read-more.active .container .docu-close::after, .second-read-more.active .container .read-more-close::after { -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -45deg); background: #fcfdff; } /* line 3161, sass/homepage.scss */ .docu-overlay.active .container .docu-close span, .docu-overlay.active .container .read-more-close span, .first-read-more.active .container .docu-close span, .first-read-more.active .container .read-more-close span, .second-read-more.active .container .docu-close span, .second-read-more.active .container .read-more-close span { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 3168, sass/homepage.scss */ .docu-overlay .big-docu, .first-read-more .big-docu, .second-read-more .big-docu { height: 90vh; width: auto; top: 5vh; position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } /* line 3175, sass/homepage.scss */ .docu-overlay .big-docu img, .first-read-more .big-docu img, .second-read-more .big-docu img { height: auto; margin: 0 auto; width: auto; display: block; pointer-events: auto; max-width: 60%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* line 3189, sass/homepage.scss */ .docu-overlay h3, .first-read-more h3, .second-read-more h3 { color: #ffffff; font-size: 34px; margin-bottom: 45px; text-align: center; display: inline-block; } /* line 3197, sass/homepage.scss */ .docu-overlay .content-wrap, .first-read-more .content-wrap, .second-read-more .content-wrap { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; width: 100%; max-height: 90vh; text-align: center; } /* line 3205, sass/homepage.scss */ .docu-overlay .read-more-text-wrap, .first-read-more .read-more-text-wrap, .second-read-more .read-more-text-wrap { height: 75vh; width: 90%; margin-left: 5%; } /* line 3211, sass/homepage.scss */ .docu-overlay .read-more-text, .first-read-more .read-more-text, .second-read-more .read-more-text { height: auto; max-width: 600px; text-align: center; margin: 0 auto; padding-right: 20px; } @media (max-width: 620px) { /* line 3211, sass/homepage.scss */ .docu-overlay .read-more-text, .first-read-more .read-more-text, .second-read-more .read-more-text { padding: 0 20px 20px; margin-top: 10vh; } } /* line 3223, sass/homepage.scss */ .docu-overlay .read-more-text p, .first-read-more .read-more-text p, .second-read-more .read-more-text p { width: 100%; margin: 0 auto 35px; color: #ffffff; line-height: 24px; font-size: 16px; } /* line 3231, sass/homepage.scss */ .docu-overlay .read-more-text ul, .first-read-more .read-more-text ul, .second-read-more .read-more-text ul { padding-left: 60px; list-style: disc; text-align: left; } /* line 3236, sass/homepage.scss */ .docu-overlay .read-more-text ul li, .first-read-more .read-more-text ul li, .second-read-more .read-more-text ul li { margin-bottom: 35px; color: #8e754b; line-height: 24px; } /* line 3241, sass/homepage.scss */ .docu-overlay .read-more-text ul li span, .first-read-more .read-more-text ul li span, .second-read-more .read-more-text ul li span { color: #ffffff; } /* line 3249, sass/homepage.scss */ .overlay { width: 100%; height: 100%; position: fixed; z-index: 990; top: 0; left: -100%; -webkit-transition: opacity 0.4s ease-in-out; -khtml-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; background-color: #e5f6ff; } @media (min-width: 768px) { /* line 3249, sass/homepage.scss */ .overlay { height: calc(100vh + 1px); } } /* line 3264, sass/homepage.scss */ .overlay.show { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* line 3268, sass/homepage.scss */ .overlay .video-container { width: 100%; height: 100%; } @media (min-width: 768px) { /* line 3268, sass/homepage.scss */ .overlay .video-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } } /* line 3280, sass/homepage.scss */ .overlay .video-container iframe { width: 100%; height: calc(100vh + 1px); } @media (max-width: 767px) { /* line 3280, sass/homepage.scss */ .overlay .video-container iframe { position: relative; height: calc(100% - 84px); top: 84px; } } /* line 1, sass/laime.scss */ .laime { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); z-index: 999; } /* line 10, sass/laime.scss */ .laime.hidden { left: -100%; } /* line 14, sass/laime.scss */ .laime .laime-content { height: auto; max-height: 90%; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -khtml-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; border-radius: 15px; text-align: center; } /* line 22, sass/laime.scss */ .laime .laime-content a { display: inline-block; position: relative; } /* line 26, sass/laime.scss */ .laime .laime-content a .bottles { max-width: 90vw; margin: 0 auto; max-height: 90vh; width: auto; height: auto; display: block; } @media (min-width: 992px) { /* line 26, sass/laime.scss */ .laime .laime-content a .bottles { max-width: 766px; } } /* line 41, sass/laime.scss */ .laime .laime-content .close { background: url("../images/lot-close.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 14px; height: 14px; position: absolute; top: -30px; right: 0; cursor: pointer; } @media (min-width: 992px) { /* line 41, sass/laime.scss */ .laime .laime-content .close { top: 0; right: -30px; } } /* line 1, sass/vitafruit.scss */ #page-vitafruit { overflow-x: hidden; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch; } /* line 7, sass/vitafruit.scss */ #page-vitafruit.fixed { overflow: hidden; } /* line 13, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero { position: relative; background: #bde5f5; background: -moz-linear-gradient(top, #bde5f5 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #bde5f5 0%, #ffffff 100%); background: linear-gradient(to bottom, #bde5f5 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde5f5', endColorstr='#ffffff',GradientType=0 ); padding: 140px 0; } @media (max-width: 991px) { /* line 13, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero { padding: 70px 0; } } /* line 27, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left { position: absolute; width: 55%; height: 100%; left: 0; top: 140px; z-index: 20; } @media (max-width: 1099px) { /* line 27, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left { top: 200px; } } @media (min-width: 1800px) { /* line 27, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left { top: 100px; } } @media (max-width: 991px) { /* line 27, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left { display: none; } } /* line 47, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left .water-main { display: block; position: relative; top: 100px; overflow: visible; } @media (min-width: 1800px) { /* line 47, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left .water-main { top: 50px; } } /* line 59, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-right { position: absolute; width: 23%; height: 100%; right: 0; top: 300px; } @media (max-width: 1099px) { /* line 59, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-right { display: none; } } /* line 70, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-right .water-main { display: block; max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; z-index: 20; } /* line 81, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .group3, #page-vitafruit .page-content .page-section.section-hero .floating { transform: translateY(0); transition: all .6s ease-in-out; } /* line 87, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container { position: relative; } /* line 90, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container h1 { font-size: 160px; color: #014289; font-weight: 700; margin-top: 100px; margin-bottom: 100px; text-transform: uppercase; } @media (max-width: 1099px) { /* line 90, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container h1 { font-size: 120px; margin-top: 150px; } } @media (max-width: 991px) { /* line 90, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container h1 { font-size: 90px; text-align: center; margin: 50px 0; } } @media (max-width: 599px) { /* line 90, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container h1 { font-size: 40px; } } /* line 114, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero { position: absolute; right: 70px; top: -100px; display: flex; align-items: center; } @media (max-width: 1099px) { /* line 114, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero { right: 0; } } @media (max-width: 991px) { /* line 114, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero { position: static; justify-content: center; } } @media (max-width: 599px) { /* line 114, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero { flex-direction: column; } } /* line 134, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero img { width: 202px; height: 160px; display: inline-block; } /* line 140, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero .vitafruit-hero-text { max-width: 260px; display: inline-block; margin-left: 60px; } @media (max-width: 599px) { /* line 140, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero .vitafruit-hero-text { margin-left: 0; text-align: center; margin-top: 50px; } } /* line 151, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero .vitafruit-hero-text p { color: #6d798e; line-height: 22px; font-size: 16px; } /* line 157, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .container .vitafruit-hero .vitafruit-hero-text a { font-weight: 700; color: #8e754b; font-size: 18px; margin-top: 40px; display: block; } /* line 168, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .water-left, #page-vitafruit .page-content .page-section.section-hero .water-right, #page-vitafruit .page-content .page-section.section-hero .vitafruit-hero img, #page-vitafruit .page-content .page-section.section-hero .vitafruit-hero-text, #page-vitafruit .page-content .page-section.section-hero .container h1 { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 179, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .vitafruit-hero img { transition-delay: .7s; } /* line 183, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero .vitafruit-hero-text { transition-delay: .9s; } /* line 188, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-hero.animating .water-left, #page-vitafruit .page-content .page-section.section-hero.animating .water-right, #page-vitafruit .page-content .page-section.section-hero.animating .vitafruit-hero img, #page-vitafruit .page-content .page-section.section-hero.animating .vitafruit-hero-text, #page-vitafruit .page-content .page-section.section-hero.animating .container h1 { opacity: 1; transform: translateY(0); } /* line 199, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 0; background-color: #fff; } @media (min-width: 1000px) { /* line 199, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products { min-height: 100vh; } } @media (max-width: 767px) { /* line 212, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel { width: 50vw; } } /* line 217, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item .bottle-slide .bottle-info:after { border-color: #bfe5f5; background: rgba(255, 255, 255, 0.6); } /* line 222, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item .bottle-slide .bottle-info-more .bottle-info-more-content { -webkit-box-shadow: 0 0 20px 5px rgba(154, 165, 173, 0.2); -moz-box-shadow: 0 0 20px 5px rgba(154, 165, 173, 0.2); box-shadow: 0 0 20px 5px rgba(154, 165, 173, 0.2); } /* line 228, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel:after { position: absolute; width: 100%; height: 100%; background: url("../images/vitamins.png") center/contain no-repeat; left: 0; top: 0; pointer-events: none; transform: none; bottom: auto; right: auto; z-index: 30; } @media (min-width: 1000px) { /* line 248, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item.left .bottle-slide .bottle:after { /*background: url("../images/bottle-left-splash.png") center bottom/100% auto no-repeat;*/ width: 90%; height: 300px; pointer-events: none; position: absolute; left: -10%; bottom: 5%; content: ''; opacity: 1; transition: opacity .6s ease-in-out; } /* line 266, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item.right .bottle-slide .bottle:after { /*background: url("../images/bottle-right-splash.png") center bottom/100% auto no-repeat;*/ width: 90%; height: 300px; pointer-events: none; position: absolute; left: 10%; bottom: 0; content: ''; opacity: 1; transition: opacity .6s ease-in-out; } } /* line 286, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item.center .bottle-slide .bottle:after { /*background: url("../images/bottle-center-splash.png") center bottom/100% auto no-repeat;*/ width: 100%; height: 400px; pointer-events: none; position: absolute; left: 0; bottom: 0; content: ''; opacity: 1; transition: opacity .6s ease-in-out; } @media (max-width: 999px) { /* line 286, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item.center .bottle-slide .bottle:after { /*background: url("../images/bottle-center-splash.png") center bottom/auto 100% no-repeat;*/ height: 300px; } } @media (max-width: 767px) { /* line 286, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel .owl-item.center .bottle-slide .bottle:after { height: 50%; } } /* line 314, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel.dragging .owl-item.left .bottle-slide .bottle:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.dragging .owl-item.right .bottle-slide .bottle:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.dragging .owl-item.center .bottle-slide .bottle:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.info-opened .owl-item.left .bottle-slide .bottle:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.info-opened .owl-item.right .bottle-slide .bottle:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.info-opened .owl-item.center .bottle-slide .bottle:after { -webkit-transition: opacity 0.2s ease-in-out; -khtml-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 323, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel.dragging:after, #page-vitafruit .page-content .page-section.section-products .owl-carousel.dragging .owl-item.center .bottle-slide .bottle:after { -webkit-transition: opacity 0.2s ease-in-out; -khtml-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } /* line 331, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .owl-carousel.info-opened:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; z-index: -1; } /* line 338, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .container { padding-bottom: 70px; overflow: hidden; } @media (max-width: 999px) { /* line 338, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .container { padding-bottom: 110px; } } @media (max-width: 767px) { /* line 338, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .container { padding-bottom: 0; } } /* line 351, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .big-bottom-text { bottom: -70px; left: 50%; position: absolute; text-transform: uppercase; font-weight: 700; color: #edf5f9; text-align: center; line-height: 0.75em; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } @media (max-width: 999px) { /* line 351, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .big-bottom-text { bottom: -110px; } } @media (max-width: 767px) { /* line 351, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .big-bottom-text { display: none; } } /* line 374, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products .container, #page-vitafruit .page-content .page-section.section-products .big-bottom-text { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 383, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products.animating .container, #page-vitafruit .page-content .page-section.section-products.animating .big-bottom-text { opacity: 1; transform: translateY(0); } /* line 389, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-products.animating .big-bottom-text { transform: translate(-50%, 0); } /* line 395, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video { background: -moz-linear-gradient(top, #ffffff 0%, #bde5f5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #bde5f5 100%); background: linear-gradient(to bottom, #ffffff 0%, #bde5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bde5f5',GradientType=0 ); padding: 140px 0 0; position: relative; } @media (max-width: 991px) { /* line 395, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video { padding: 70px 0 0; } } /* line 407, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .splash-bg { position: absolute; width: 100%; height: 100%; background: url("../images/water-video.png") center/100% auto no-repeat; top: 0; left: 0; } /* line 416, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .container { position: relative; margin-bottom: 200px; } @media (max-width: 767px) { /* line 416, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .container { margin-bottom: 50px; } } /* line 425, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .container .video-cont, #page-vitafruit .page-content .page-section.section-video .container .text { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 433, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .splash-bg { opacity: 0; transition: all .6s ease-in-out; transition-delay: .4s; } /* line 439, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .container .video-cont { transition-delay: .6s; } /* line 443, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .container .text { transition-delay: .8s; } /* line 448, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video.animating .container .video-cont, #page-vitafruit .page-content .page-section.section-video.animating .container .text { opacity: 1; transform: translateY(0); } /* line 454, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video.animating .splash-bg { opacity: 1; } /* line 459, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont { width: 100%; max-width: 750px; height: 420px; margin: 0 auto; position: relative; border: 5px solid rgba(255, 255, 255, 0.5); border-radius: 5px; box-sizing: content-box; } @media (max-width: 767px) { /* line 459, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont { height: 300px; } } @media (max-width: 399px) { /* line 459, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont { height: 200px; } } /* line 477, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont .video-play { position: absolute; width: 100%; height: 100%; opacity: 1; transition: all .4s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; top: 0; } /* line 489, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont .video-play .button { position: absolute; width: 100px; height: 100px; background: url("../images/play-button.png") center/cover no-repeat; cursor: pointer; top: 50%; left: 50%; margin: -50px 0 0 -50px; -webkit-box-shadow: 0px 0px 20px 5px rgba(154, 165, 173, 0.5); -moz-box-shadow: 0px 0px 20px 5px rgba(154, 165, 173, 0.5); box-shadow: 0px 0px 20px 5px rgba(154, 165, 173, 0.5); border-radius: 50%; transition: all .4s ease-in-out; } @media (max-width: 767px) { /* line 489, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont .video-play .button { width: 50px; height: 50px; margin: -25px 0 0 -25px; } } /* line 510, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont .video-play .button:hover { -webkit-box-shadow: 0px 0px 20px 5px #9aa5ad; -moz-box-shadow: 0px 0px 20px 5px #9aa5ad; box-shadow: 0px 0px 20px 5px #9aa5ad; } /* line 517, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .video-cont .video-play.hide { opacity: 0; pointer-events: none; } /* line 524, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .text { text-align: center; font-size: 122px; font-weight: 700; color: #be9f57; text-transform: uppercase; width: 100%; position: absolute; top: 82%; pointer-events: none; } @media (max-width: 1099px) { /* line 524, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .text { font-size: 90px; top: 90%; } } @media (max-width: 991px) { /* line 524, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .text { font-size: 70px; } } @media (max-width: 767px) { /* line 524, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .text { font-size: 40px; top: 95%; } } @media (max-width: 767px) { /* line 550, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave { height: 200px; background: url("../images/bottom-wave.png") center top/cover no-repeat; } } /* line 557, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave > img { width: 100%; height: auto; display: block; } @media (max-width: 767px) { /* line 557, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave > img { display: none; } } /* line 567, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .back-link { position: absolute; left: 40px; bottom: 30px; padding-left: 30px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 16px; color: #ffffff; background: url("../images/back-link.png") left center/10px 18px no-repeat; } @media (max-width: 991px) { /* line 567, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .back-link { left: 20px; bottom: 5px; } } /* line 586, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link { position: absolute; right: 60px; bottom: 50px; display: flex; align-items: center; opacity: 1; transition: all .4s ease-in-out; } @media (max-width: 991px) { /* line 586, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link { right: 20px; bottom: 15px; } } /* line 600, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link span { display: inline-block; width: 55px; height: 55px; background: url("../images/next-link.png") center/cover no-repeat; margin-left: 30px; } @media (max-width: 599px) { /* line 600, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link span { width: 20px; height: 20px; margin-left: 10px; } } @media (min-width: 1200px) { /* line 615, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link:hover { opacity: 0.7; } } /* line 621, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link.active img { width: 146px; height: auto; } @media (max-width: 599px) { /* line 621, sass/vitafruit.scss */ #page-vitafruit .page-content .page-section.section-video .bottom-wave .next-link.active img { width: 80px; } } /* line 1, sass/active.scss */ #page-active { overflow-x: hidden; overflow-y: auto; background-color: #fff; } /* line 6, sass/active.scss */ #page-active.fixed { overflow: hidden; } /* line 12, sass/active.scss */ #page-active .page-content .page-section.section-hero-active { background: url("../images/products-bg-layer_v2.png") center top/cover no-repeat; display: flex; align-items: flex-start; padding-top: 50px; padding-bottom: 100px; position: relative; } @media (max-width: 767px) { /* line 12, sass/active.scss */ #page-active .page-content .page-section.section-hero-active { padding-top: 100px; } } /* line 24, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container { display: flex; position: relative; align-items: flex-start; } @media (max-width: 1199px) { /* line 24, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container { align-items: center; } } @media (max-width: 599px) { /* line 24, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container { flex-direction: column; } } /* line 37, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero { width: 57%; height: auto; display: block; } @media (max-width: 599px) { /* line 37, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero { width: 80%; } } /* line 47, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right { width: 43%; display: flex; flex-direction: column; align-items: center; margin-top: 100px; } @media (max-width: 599px) { /* line 47, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right { width: 100%; margin-top: 50px; } } /* line 59, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right img { width: 100%; max-width: 245px; height: auto; display: block; } /* line 66, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right p { font-size: 16px; text-align: center; max-width: 275px; margin: 35px 0 45px; color: #6d798e; line-height: 22px; } /* line 75, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right a { font-weight: 700; color: #8e754b; font-size: 18px; display: block; } /* line 84, sass/active.scss */ #page-active .page-content .page-section.section-hero-active:before { bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; content: ''; background: url("../images/w-top.png") center bottom/100% auto no-repeat; } /* line 94, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero, #page-active .page-content .page-section.section-hero-active .container .active-hero-right { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 102, sass/active.scss */ #page-active .page-content .page-section.section-hero-active .container .active-hero-right { transition-delay: .6s; } /* line 107, sass/active.scss */ #page-active .page-content .page-section.section-hero-active.animating .container .active-hero, #page-active .page-content .page-section.section-hero-active.animating .container .active-hero-right { opacity: 1; transform: translateY(0); } /* line 115, sass/active.scss */ #page-active .page-content .page-section.section-products { overflow: hidden; position: relative; display: flex; align-items: flex-end; min-height: 0; background: #0b8bbc; /* Old browsers */ background: -moz-linear-gradient(top, #0b8bbc 0%, #01c5e9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0b8bbc 0%, #01c5e9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0b8bbc 0%, #01c5e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8bbc', endColorstr='#01c5e9',GradientType=0 ); /* IE6-9 */ } /* line 127, sass/active.scss */ #page-active .page-content .page-section.section-products:before { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background: url("../images/on-products.png") center top/100% auto no-repeat; opacity: .3; } @media (min-width: 1000px) { /* line 115, sass/active.scss */ #page-active .page-content .page-section.section-products { min-height: 100vh; } } @media (max-width: 767px) { /* line 143, sass/active.scss */ #page-active .page-content .page-section.section-products .owl-carousel { width: 50vw; } } /* line 149, sass/active.scss */ #page-active .page-content .page-section.section-products .owl-carousel .bottle-info-content { background-color: #fff; } @media (min-width: 1000px) { /* line 157, sass/active.scss */ #page-active .page-content .page-section.section-products .owl-carousel.info-opened .owl-item.active.center .bottle { -webkit-transform: translate(-150px, 5vh) scale(1.5); -khtml-transform: translate(-150px, 5vh) scale(1.5); -moz-transform: translate(-150px, 5vh) scale(1.5); -ms-transform: translate(-150px, 5vh) scale(1.5); -o-transform: translate(-150px, 5vh) scale(1.5); transform: translate(-150px, 5vh) scale(1.5); } } @media (min-width: 1100px) { /* line 157, sass/active.scss */ #page-active .page-content .page-section.section-products .owl-carousel.info-opened .owl-item.active.center .bottle { -webkit-transform: translate(-200px, 5vh) scale(1.5); -khtml-transform: translate(-200px, 5vh) scale(1.5); -moz-transform: translate(-200px, 5vh) scale(1.5); -ms-transform: translate(-200px, 5vh) scale(1.5); -o-transform: translate(-200px, 5vh) scale(1.5); transform: translate(-200px, 5vh) scale(1.5); } } /* line 172, sass/active.scss */ #page-active .page-content .page-section.section-products .owl-carousel:after { display: none; } /* line 176, sass/active.scss */ #page-active .page-content .page-section.section-products .container { padding-bottom: 70px; overflow: hidden; position: relative; } @media (max-width: 999px) { /* line 176, sass/active.scss */ #page-active .page-content .page-section.section-products .container { padding-bottom: 110px; } } @media (max-width: 767px) { /* line 176, sass/active.scss */ #page-active .page-content .page-section.section-products .container { padding-bottom: 0; } } /* line 190, sass/active.scss */ #page-active .page-content .page-section.section-products .big-bottom-text { bottom: -70px; left: 50%; position: absolute; text-transform: uppercase; font-weight: 700; color: #02bae2; text-align: center; line-height: 0.75em; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } @media (max-width: 999px) { /* line 190, sass/active.scss */ #page-active .page-content .page-section.section-products .big-bottom-text { bottom: -110px; } } @media (max-width: 767px) { /* line 190, sass/active.scss */ #page-active .page-content .page-section.section-products .big-bottom-text { display: none; } } /* line 213, sass/active.scss */ #page-active .page-content .page-section.section-products .container, #page-active .page-content .page-section.section-products .big-bottom-text { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 222, sass/active.scss */ #page-active .page-content .page-section.section-products.animating .container, #page-active .page-content .page-section.section-products.animating .big-bottom-text { opacity: 1; transform: translateY(0); } /* line 228, sass/active.scss */ #page-active .page-content .page-section.section-products.animating .big-bottom-text { transform: translate(-50%, 0); } /* line 234, sass/active.scss */ #page-active .page-content .page-section.section-gifs { position: relative; background: #0b8bbc; /* Old browsers */ background: -moz-linear-gradient(top, #ccf7ff 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ccf7ff 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ccf7ff 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf7ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* line 242, sass/active.scss */ #page-active .page-content .page-section.section-gifs:before { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background: url("../images/w-bott.png") center top/100% auto no-repeat; } /* line 252, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container { opacity: 0; transition: all .6s ease-in-out; transform: translateY(100px); transition-delay: .4s; } /* line 260, sass/active.scss */ #page-active .page-content .page-section.section-gifs.animating .container { opacity: 1; transform: translateY(0); } /* line 266, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container { position: relative; padding: 220px 100px 0; } @media (max-width: 1199px) { /* line 266, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container { padding: 220px 0 0; } } @media (max-width: 767px) { /* line 266, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container { padding: 100px 0 0; } } /* line 278, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-man { position: absolute; width: 31%; height: auto; display: block; right: 80px; top: 120px; } @media (max-width: 1199px) { /* line 278, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-man { right: 0; } } @media (max-width: 767px) { /* line 278, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-man { display: none; } } /* line 295, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container h2 { font-size: 122px; color: #be9f57; font-weight: 700; position: relative; z-index: 2; text-transform: uppercase; } @media (max-width: 991px) { /* line 295, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container h2 { font-size: 90px; } } @media (max-width: 767px) { /* line 295, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container h2 { font-size: 50px; text-align: center; } } @media (max-width: 499px) { /* line 295, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container h2 { font-size: 30px; } } /* line 317, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container > p { color: #6d798e; font-size: 16px; max-width: 560px; line-height: 22px; margin-top: 30px; position: relative; } @media (max-width: 767px) { /* line 317, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container > p { max-width: none; } } /* line 330, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px; } /* line 336, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif { width: 30%; text-align: center; margin-bottom: 60px; } @media (max-width: 991px) { /* line 336, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif { width: 45%; } } @media (max-width: 599px) { /* line 336, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif { width: 100%; } } /* line 349, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif .image { position: relative; width: 100%; height: 290px; } @media (max-width: 599px) { /* line 349, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif .image { max-width: 290px; margin: 0 auto; } } /* line 359, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif .image:before { position: absolute; width: 100%; height: 100%; content: ''; top: 15px; left: 0; background: #4184b1; /* Old browsers */ background: -moz-linear-gradient(top, #4184b1 0%, #00caed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4184b1 0%, #00caed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4184b1 0%, #00caed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4184b1', endColorstr='#00caed',GradientType=0 ); /* IE6-9 */ border-radius: 54% 73% 53% 71%; } /* line 374, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif .image .img-cont { width: 100%; height: 100%; position: relative; border-radius: 73% 54% 71% 53%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; right: -15px; } /* line 387, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif h3 { font-size: 24px; color: #355287; margin-top: 45px; font-weight: 300; } /* line 394, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container .gifs-grid .gif p { font-size: 14px; line-height: 20px; color: #6d798e; margin-top: 25px; } /* line 403, sass/active.scss */ #page-active .page-content .page-section.section-gifs .container > a { font-weight: 700; color: #8e754b; font-size: 18px; display: block; text-align: center; } @media (max-width: 767px) { /* line 413, sass/active.scss */ #page-active .page-content .page-section .bottom-wave { height: 200px; background: url("../images/bottom-wave.png") center top/cover no-repeat; } } /* line 420, sass/active.scss */ #page-active .page-content .page-section .bottom-wave > img { width: 100%; height: auto; display: block; } @media (max-width: 767px) { /* line 420, sass/active.scss */ #page-active .page-content .page-section .bottom-wave > img { display: none; } } /* line 430, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .back-link { position: absolute; left: 40px; bottom: 30px; padding-left: 30px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 16px; color: #ffffff; background: url("../images/back-link.png") left center/10px 18px no-repeat; } @media (max-width: 991px) { /* line 430, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .back-link { left: 20px; bottom: 5px; } } /* line 449, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link { position: absolute; right: 60px; bottom: 50px; display: flex; align-items: center; opacity: 1; transition: all .4s ease-in-out; } @media (max-width: 991px) { /* line 449, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link { right: 20px; bottom: 15px; } } /* line 463, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link span { display: inline-block; width: 55px; height: 55px; background: url("../images/next-link.png") center/cover no-repeat; margin-left: 30px; } @media (max-width: 599px) { /* line 463, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link span { width: 20px; height: 20px; margin-left: 10px; } } @media (min-width: 1200px) { /* line 478, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link:hover { opacity: 0.7; } } /* line 484, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link.mangali img { width: 102px; height: auto; } @media (max-width: 599px) { /* line 484, sass/active.scss */ #page-active .page-content .page-section .bottom-wave .next-link.mangali img { width: 80px; } } /* line 1, sass/popup.scss */ .kitaLaime { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); z-index: 999; display: none; } /* line 11, sass/popup.scss */ .kitaLaime .kitaLaime-content { position: absolute; top: 50%; left: 50%; width: calc(100% - 60px); max-width: 700px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 19, sass/popup.scss */ .kitaLaime .kitaLaime-content::before { content: ''; position: absolute; z-index: 1px; width: calc(100% - 8px); height: calc(100% - 8px); box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.6); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 31, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper { width: 100%; padding-bottom: 100%; z-index: 2; position: relative; background-image: url("../images/bgbg.jpg"); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* line 43, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .close { background: url("../images/close2.png") center/38px 38px no-repeat; width: 68px; height: 68px; padding: 15px; position: absolute; top: calc(4% - 18px); right: calc(7% - 18px); cursor: pointer; z-index: 3; } @media (max-width: 600px) { /* line 43, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .close { background: url("../images/close2.png") center/19px 19px no-repeat; width: 49px; height: 49px; top: calc(4% - 12px); right: calc(7% - 12px); } } /* line 63, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner { position: absolute; width: 82%; height: 82%; top: 9%; left: 9%; z-index: 2; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } /* line 71, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner.ru { background-image: url("../images/ru-inner.jpg"); } /* line 75, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner.lv { background-image: url("../images/lv-inner.jpg"); } /* line 79, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner.launch { height: 88%; top: 6%; } /* line 83, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner.launch.ru { background-image: url("../images/ru-launch-inner.jpg"); } /* line 87, sass/popup.scss */ .kitaLaime .kitaLaime-content .kitaLaime-wrapper .inner.launch.lv { background-image: url("../images/lv-launch-inner.jpg"); } /* line 2, sass/cookies.scss */ .cookies-policy { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #6d798e; z-index: 1000; padding: 18px 0; transition: .25s ease-in-out; transform: translateY(-30px); opacity: 0; pointer-events: none; } /* line 15, sass/cookies.scss */ .cookies-policy.show { opacity: 1; transform: translateY(0); pointer-events: auto; } /* line 22, sass/cookies.scss */ .cookies-policy .container .policy-wrap { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1000px) { /* line 22, sass/cookies.scss */ .cookies-policy .container .policy-wrap { flex-wrap: wrap; justify-content: center; } } /* line 32, sass/cookies.scss */ .cookies-policy .container .policy-wrap p { font-size: 12px; line-height: 1.33; color: #ffffff; max-width: 960px; } /* line 38, sass/cookies.scss */ .cookies-policy .container .policy-wrap p a { color: #ffffff; text-decoration: underline; } /* line 42, sass/cookies.scss */ .cookies-policy .container .policy-wrap p a:hover { text-decoration: none; } /* line 48, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons { display: flex; justify-content: space-between; max-width: 410px; margin-left: 30px; } @media (max-width: 1000px) { /* line 48, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons { flex-wrap: wrap; margin-left: 0; margin-top: 15px; } } /* line 60, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons a { font-size: 12px; font-weight: bold; line-height: 1.17; color: #6d798e; border-radius: 8px; background-color: #ffffff; padding: 13px 25px; text-transform: uppercase; white-space: nowrap; cursor: pointer; } @media (max-width: 1000px) { /* line 60, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons a { margin-top: 15px; } } /* line 76, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons a:not(:last-of-type) { margin-right: 30px; } @media (max-width: 1000px) { /* line 76, sass/cookies.scss */ .cookies-policy .container .policy-wrap .buttons a:not(:last-of-type) { margin-right: 10px; } } /* line 89, sass/cookies.scss */ #page-cookies-policy { overflow-x: hidden; overflow-y: auto; background-color: #fff; -webkit-overflow-scrolling: touch; } /* line 96, sass/cookies.scss */ #page-cookies-policy .page-content .page-section { padding-top: 70px; } @media (max-width: 767px) { /* line 96, sass/cookies.scss */ #page-cookies-policy .page-content .page-section { min-height: 0; display: block; } } /* line 104, sass/cookies.scss */ #page-cookies-policy .page-content .page-section:first-of-type { padding-top: 140px; } @media (max-width: 991px) { /* line 104, sass/cookies.scss */ #page-cookies-policy .page-content .page-section:first-of-type { padding-top: 70px; } } @media (max-width: 767px) { /* line 112, sass/cookies.scss */ #page-cookies-policy .page-content .page-section .container { display: block; width: 90%; overflow-x: auto; } } /* line 122, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg { margin-top: 25px; color: #6d798e; } /* line 126, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg p { font-size: 15px; line-height: 1.6; text-align: justify; margin: 15px 0 0; } /* line 133, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg a { color: #be9f57; } /* line 137, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg strong { font-weight: bold; } /* line 141, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg h3 { font-size: 20px; margin: 15px 0 0; letter-spacing: normal; line-height: 1.3; } /* line 148, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ul, #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ol { margin-top: 15px; font-size: 15px; line-height: 1.6; padding-left: 15px; } /* line 154, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ul li, #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ol li { margin-top: 15px; } /* line 159, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ul { list-style-type: disc; list-style-position: inside; } /* line 164, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-wysiwyg .container .wysiwyg ol { list-style-type: decimal; list-style-position: inside; } /* line 174, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap { margin-top: 35px; } @media (max-width: 767px) { /* line 174, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap { width: 150%; } } @media (max-width: 600px) { /* line 174, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap { width: 200%; } } @media (max-width: 425px) { /* line 174, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap { width: 250%; } } /* line 189, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row { display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; border-bottom: 1px solid rgba(0, 73, 144, 0.3); } /* line 196, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row:first-of-type, #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row:last-of-type { border-bottom: 1px solid #004990; } /* line 200, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row.full-text { padding: 40px 30px; } /* line 203, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row.full-text .col { max-width: none; } /* line 209, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row.head .col { font-size: 20px; line-height: 1.2; color: #004990; } /* line 216, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row .col { font-size: 15px; line-height: 1.6; color: #6d798e; width: 100%; max-width: 200px; margin: 0 10px; } @media (max-width: 1200px) { /* line 216, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row .col { max-width: 160px; } } @media (max-width: 900px) { /* line 216, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row .col { max-width: 130px; font-size: 12px; } } /* line 233, sass/cookies.scss */ #page-cookies-policy .page-content .page-section.section-table .container .table-wrap .row .col.big { max-width: 310px; } /* line 243, sass/cookies.scss */ #page-cookies-policy .page-content .page-section .container h2 { font-size: 34px; font-weight: 300; line-height: 1.18; letter-spacing: 1px; color: #355287; } /* line 253, sass/cookies.scss */ #page-cookies-policy .page-content .s-vf { margin-top: 40px; } /*# sourceMappingURL=../sass */