CINXE.COM

<!DOCTYPE html> <html class="" lang="pl" dir="ltr"> <head> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-MJKQN3M");</script> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=5.0, user-scalable=no, initial-scale=1"/> <title>Automatyka przemysłowa i robotyka | SIGMA S.A.</title> <meta name="description" content="Programowanie sterowników PLC, systemy danych SCADA, programowanie oraz serwis robotów przemysłowych Yaskawa, systemy wizyjne... Oferta firmy Sigma S.A."/> <link rel="canonical" href="https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka"/> <meta property="og:description" content="Programowanie sterowników PLC, systemy danych SCADA, programowanie oraz serwis robotów przemysłowych Yaskawa, systemy wizyjne... Oferta firmy Sigma S.A."/> <meta name="theme-color" content="#fff"/> <meta name="msapplication-navbutton-color" content="#fff"/> <meta name="apple-mobile-web-app-status-bar-style" content="#fff"/>  <meta name="format-detection" content="telephone=no"/> <meta name="format-detection" content="address=no"/> <meta name="HandheldFriendly" content="True"/> <meta name="MobileOptimized" content="320"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/> <link rel="manifest" href="/site.webmanifest"/> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#004490"/> <meta name="msapplication-TileColor" content="#004490"/> <meta name="theme-color" content="#004490"/>    <link rel="alternate" hreflang="pl" href="https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka"/> <link rel="alternate" hreflang="x-default" href="https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka"/> <link rel="alternate" hreflang="en" href="https://www.sigmasa.pl/en/offer/industrial-automation-and-robotics"/> <meta name="csrf-token" content="1We54ZRwoeaWlu5k3gLMqR3u002HNmQs4RIOt3ga" data-test="0"/>    <style> /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } // Generated by CoffeeScript 1.9.2 /** @license Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net */ (function() { var $, win; $ = this.jQuery || window.jQuery; win = $(window); $.fn.stick_in_parent = function(opts) { var doc, elm, enable_bottoming, fn, i, inner_scrolling, len, manual_spacer, offset_top, parent_selector, recalc_every, sticky_class; if (opts == null) { opts = {}; } sticky_class = opts.sticky_class, inner_scrolling = opts.inner_scrolling, recalc_every = opts.recalc_every, parent_selector = opts.parent, offset_top = opts.offset_top, manual_spacer = opts.spacer, enable_bottoming = opts.bottoming; if (offset_top == null) { offset_top = 0; } if (parent_selector == null) { parent_selector = void 0; } if (inner_scrolling == null) { inner_scrolling = true; } if (sticky_class == null) { sticky_class = "is_stuck"; } doc = $(document); if (enable_bottoming == null) { enable_bottoming = true; } fn = function(elm, padding_bottom, parent_top, parent_height, top, height, el_float, detached) { var bottomed, detach, fixed, last_pos, last_scroll_height, offset, parent, recalc, recalc_and_tick, recalc_counter, spacer, tick; if (elm.data("sticky_kit")) { return; } elm.data("sticky_kit", true); last_scroll_height = doc.height(); parent = elm.parent(); if (parent_selector != null) { parent = parent.closest(parent_selector); } if (!parent.length) { throw "failed to find stick parent"; } fixed = false; bottomed = false; spacer = manual_spacer != null ? manual_spacer && elm.closest(manual_spacer) : $("<div />"); if (spacer) { spacer.css('position', elm.css('position')); } recalc = function() { var border_top, padding_top, restore; if (detached) { return; } last_scroll_height = doc.height(); border_top = parseInt(parent.css("border-top-width"), 10); padding_top = parseInt(parent.css("padding-top"), 10); padding_bottom = parseInt(parent.css("padding-bottom"), 10); parent_top = parent.offset().top + border_top + padding_top; parent_height = parent.height(); if (fixed) { fixed = false; bottomed = false; if (manual_spacer == null) { elm.insertAfter(spacer); spacer.detach(); } elm.css({ position: "", top: "", width: "", bottom: "" }).removeClass(sticky_class); restore = true; } top = elm.offset().top - (parseInt(elm.css("margin-top"), 10) || 0) - offset_top; height = elm.outerHeight(true); el_float = elm.css("float"); if (spacer) { spacer.css({ width: elm.outerWidth(true), height: height, display: elm.css("display"), "vertical-align": elm.css("vertical-align"), "float": el_float }); } if (restore) { return tick(); } }; recalc(); if (height === parent_height) { return; } last_pos = void 0; offset = offset_top; recalc_counter = recalc_every; tick = function() { var css, delta, recalced, scroll, will_bottom, win_height; if (detached) { return; } recalced = false; if (recalc_counter != null) { recalc_counter -= 1; if (recalc_counter <= 0) { recalc_counter = recalc_every; recalc(); recalced = true; } } if (!recalced && doc.height() !== last_scroll_height) { recalc(); recalced = true; } scroll = win.scrollTop(); if (last_pos != null) { delta = scroll - last_pos; } last_pos = scroll; if (fixed) { if (enable_bottoming) { will_bottom = scroll + height + offset > parent_height + parent_top; if (bottomed && !will_bottom) { bottomed = false; elm.css({ position: "fixed", bottom: "", top: offset }).trigger("sticky_kit:unbottom"); } } if (scroll < top) { fixed = false; offset = offset_top; if (manual_spacer == null) { if (el_float === "left" || el_float === "right") { elm.insertAfter(spacer); } spacer.detach(); } css = { position: "", width: "", top: "" }; elm.css(css).removeClass(sticky_class).trigger("sticky_kit:unstick"); } if (inner_scrolling) { win_height = win.height(); if (height + offset_top > win_height) { if (!bottomed) { offset -= delta; offset = Math.max(win_height - height, offset); offset = Math.min(offset_top, offset); if (fixed) { elm.css({ top: offset + "px" }); } } } } } else { if (scroll > top) { fixed = true; css = { position: "fixed", top: offset }; css.width = elm.css("box-sizing") === "border-box" ? elm.outerWidth() + "px" : elm.width() + "px"; elm.css(css).addClass(sticky_class); if (manual_spacer == null) { elm.after(spacer); if (el_float === "left" || el_float === "right") { spacer.append(elm); } } elm.trigger("sticky_kit:stick"); } } if (fixed && enable_bottoming) { if (will_bottom == null) { will_bottom = scroll + height + offset > parent_height + parent_top; } if (!bottomed && will_bottom) { bottomed = true; if (parent.css("position") === "static") { parent.css({ position: "relative" }); } return elm.css({ position: "absolute", bottom: padding_bottom, top: "auto" }).trigger("sticky_kit:bottom"); } } }; recalc_and_tick = function() { recalc(); return tick(); }; detach = function() { detached = true; win.off("touchmove", tick); win.off("scroll", tick); win.off("resize", recalc_and_tick); $(document.body).off("sticky_kit:recalc", recalc_and_tick); elm.off("sticky_kit:detach", detach); elm.removeData("sticky_kit"); elm.css({ position: "", bottom: "", top: "", width: "" }); parent.position("position", ""); if (fixed) { if (manual_spacer == null) { if (el_float === "left" || el_float === "right") { elm.insertAfter(spacer); } spacer.remove(); } return elm.removeClass(sticky_class); } }; win.on("touchmove", tick); win.on("scroll", tick); win.on("resize", recalc_and_tick); $(document.body).on("sticky_kit:recalc", recalc_and_tick); elm.on("sticky_kit:detach", detach); return setTimeout(tick, 0); }; for (i = 0, len = this.length; i < len; i++) { elm = this[i]; fn($(elm)); } return this; }; }).call(this); /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /** * selectize.css (v0.14.0) * Copyright (c) 2013–2015 Brian Reavis & contributors * Copyright (c) 2020-2022 Selectize Team & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis <brian@thirdroute.com> * @author Ris Adams <selectize@risadams.com> */ .selectize-control.plugin-drag_drop.multi>.selectize-input.dragging{overflow:visible}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.selectize-control .selectize-dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}.selectize-control .selectize-dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important}.selectize-control .selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #d0d0d0;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#cacaca}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:none}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#fff}.selectize-control.plugin-remove_button .remove-single{position:absolute;right:0;top:0;font-size:23px}.selectize-control.plugin-clear_button .clear{display:flex;position:absolute;height:100%;width:25px;top:0;right:calc(8px - 6px);color:#000;opacity:.4;font-weight:bold;border:none;cursor:pointer;z-index:1;font-size:21px;justify-content:center;align-items:center}.selectize-control.plugin-clear_button .clear:hover{opacity:1}.selectize-control.plugin-clear_button.single .clear{right:calc(8px - 6px + 1.5rem)}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;position:relative;z-index:1;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border-radius:3px}.selectize-control.multi .selectize-input.has-items{padding:calc( 8px - 2px - 0px ) 8px calc( 8px - 2px - 3px - 0px )}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.selectize-input.dropdown-active{border-radius:3px 3px 0 0}.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#f2f2f2;color:#303030;border:0px solid #d0d0d0}.selectize-control.multi .selectize-input>div.active{background:#e8e8e8;color:#303030;border:0px solid #cacaca}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#7d7d7d;background:#fff;border:0px solid #fff}.selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;user-select:auto !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:none !important}.selectize-input>input[placeholder]{box-sizing:initial}.selectize-input.has-items>input{margin:0 0px !important}.selectize-input::after{content:" ";display:block;clear:left}.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 3px 3px}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.selectize-dropdown .option,.selectize-dropdown .optgroup-header,.selectize-dropdown .no-results,.selectize-dropdown .create{padding:5px 8px}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#f5fafd;color:#495c68}.selectize-dropdown .active.create{color:#495c68}.selectize-dropdown .create{color:rgba(48,48,48,.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown-emptyoptionlabel{text-align:center}.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 rgba(0,0,0,0) #d0d0d0 rgba(0,0,0,0);animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:" ";display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:gray rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) gray rgba(0,0,0,0)}.selectize-control.rtl{text-align:right}.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa} </style> <style> @charset "UTF-8"; @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-Bold.ttf") format("truetype"); font-style: normal; font-weight: bold; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-BoldItalic.ttf") format("truetype"); font-style: italic; font-weight: bold; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-Italic.ttf") format("truetype"); font-style: italic; font-weight: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-LightItalic.ttf") format("truetype"); font-style: italic; font-weight: lighter; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-Light.ttf") format("truetype"); font-style: normal; font-weight: lighter; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("/fonts/RobotoCondensed-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "Titillium Web"; src: url("/fonts/TitilliumWeb-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: bold; font-display: swap; } @keyframes newsletter { 0% { background: #60b346; color: white; } 100% { background: #00CCCC; color: white; } } @font-face { font-family: "myfont"; src: url("/fonts/myfont.eot"); src: url("/fonts/myfont.eot?#iefix") format("eot"), url("/fonts/myfont.woff2") format("woff2"), url("/fonts/myfont.woff") format("woff"), url("/fonts/myfont.ttf") format("truetype"), url("/fonts/myfont.svg#myfont") format("svg"); font-display: swap; } .up:before, .contactIcon--address:before, .contactIcon--phone:before, .contactIcon--email:before, .contactIcon--info:before, .textCenterContact a span:before, .footer__contact span.tel:before, .footer__contact span.mail:before, .footer__links span:first-child:before, .footer__links span:last-child:before, .header__center ul li.menuHome a:before, .top__language a.active:before, .homeAbout__link span:before, .contactBoxHome__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(1) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(2) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(3) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(4) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(5) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(6) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(7) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(8) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(9) .homeIconBox__icon:before, .homeIconBoxes__wrap .homeIconBox:nth-child(10) .homeIconBox__icon:before, .newsAll__link a span:before, .slider .owl-carousel .owl-nav button:before, .slider--sub .sliderContent .button span:before, .offerBoxes .offerBox__content:before, .offerBoxes .offerBox:nth-child(1) .offerBox__icon:before, .offerBoxes .offerBox:nth-child(2) .offerBox__icon:before, .offerBoxes .offerBox:nth-child(3) .offerBox__icon:before, .offerBoxes .offerBox:nth-child(4) .offerBox__icon:before, .offerBoxes .offerBox:nth-child(5) .offerBox__icon:before, .offerBoxes .offerBox:nth-child(6) .offerBox__icon:before, .offerSubCatList .categoryBox__title:before, .sectionPost__link a span:before, .productList .productBox__title:before, .filerForm__button .button span:before, .paginPrev span:before, .paginNext span:before, .multicontactItemWrap .multicontactItem__contact-call:before, .multicontactItemWrap .multicontactItem__contact-fax:before, .multicontactItemWrap .multicontactItem__contact-email:before, .multicontactItemWrap .multicontactItem__contact-mob:before, .multicontactItemWrap .multicontactItem__right:before, .singleBlog .blogItem__sortWrap .blogItem__sort--category:before, .singleBlog .blogItem__sortWrap .blogItem__sort--author:before, .singleBlog .blogItem__navigation .blogItem__navigationPrev:before, .singleBlog .blogItem__navigation .blogItem__navigationNext:before, .form:before, .styledForm__row--files .filesLabel:before, .styledForm__row .remove:before, .selectize-input:before, .closeMobile:before, .witharrow:before, .mobilePrev:before, .withSubmenu:before, .sidebarMenu .sidebarMenu__list > li a:before, .sidebarOffer__title:before, .newsItem__date:before, .postPage__cat-item--autor:before, .postPage__cat-item--data:before, .postPage__navigation a span:before, .boxesList .boxItem--orange:before, .downloadItem__icon:before, .downloadItem__icon--pdf:before, .downloadItem__icon--doc:before, .downloadItem__icon--docx:before, .downloadItem__icon--jpg:before, .downloadItem__icon--odt:before, .downloadItem__icon--png:before, .downloadItem__icon--xls:before, .downloadItem__icon--xlsx:before, .downloadItem__icon--zip:before, .downloadItem__button:before, .contentBlock blockquote:before, .galleryList__item:before, .gallerySlider__nav .slick-prev:before, .gallerySlider__nav .slick-next:before, .gallerySlider__nav-item:before, .videoSlider .slick-arrow:before, .offerSingle__buttonToForm .button span:before, .offerSingleNavigation .button span:before, .visitcards .visitcard__phone:before, .visitcards .visitcard__fax:before, .visitcards .visitcard__mobile:before, .visitcards .visitcard__email:before, .serwisWrap__left-text span:before, .serwisWrap__close:before { font-family: "myfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; font-display: swap; } body { font-family: "Roboto Condensed", sans-serif; min-height: 100vh; overflow-x: hidden; background-color: white; padding: 0; background-repeat: no-repeat; margin: 0; position: relative; } body * { box-sizing: border-box; outline: 0; } .thankText { font-size: 16px; text-align: center; display: inline-block; width: 100%; background: white; padding: 30px 15px; color: #000000; text-transform: uppercase; font-weight: 700; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .thankText { font-size: 1.3020833333vw; padding: 1.5625vw; } } .container { margin: 0 auto; z-index: 1; position: relative; width: 100%; padding: 0 15px; } @media screen and (min-width: 1201px) { .container { width: 83.3333333333vw; padding: 0; } } .container--contactPage { width: 100%; } @media screen and (min-width: 1201px) { .container--contactPage { width: 86.4583333333vw; } } .containerbig { margin: 0 auto; padding: 0 !important; z-index: 1; position: relative; width: 95%; } @media screen and (min-width: 1201px) { .containerbig { width: 91.6666666667vw; } } ul { margin: 0; padding: 0; } .up { display: none; background-color: #00CCCC; position: fixed; width: 2.6041666667vw; height: 2.6041666667vw; bottom: 7.7vw; right: 15px; cursor: pointer; transition: all .2s ease-in-out; opacity: 0; visibility: hidden; z-index: 999; } .up:before { content: ""; } .up.visible { opacity: 1; visibility: visible; } @media screen and (min-width: 1201px) { .up { display: block; } } .up::before { transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); top: 50%; color: white; font-size: 0.9375vw; } .up:focus, .up:hover, .up:active { background: #000000; } .up:focus::before, .up:hover::before, .up:active::before { color: white; } .img-responsive { max-width: 100%; height: auto; display: block; } .hidden { display: none; } .textCenter { text-align: center; position: relative; } .sidebarMenu { width: 100%; } .wrapPage { margin-top: 6.25vw; margin-bottom: 5.2083333333vw; } @media screen and (max-width: 1201px) { .wrapPage { margin-top: 65px; margin-bottom: 20px; } } .mainContainer { position: relative; padding-bottom: 4.6875vw; } .mainContainer__wrap { padding: 0 15px; z-index: 1; display: flex; position: relative; justify-content: center; } @media screen and (min-width: 1201px) { .mainContainer__wrap { margin: 0 auto; padding: 0; width: 86.4583333333vw; justify-content: space-between; } } .mainContainer__modules, .mainContainer__offer-single { width: 86.4583333333vw; margin: 0 auto; z-index: 1; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #0000001f; padding: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules, .mainContainer__offer-single { padding: 1.3020833333vw; } } .mainContainer__offer-single { overflow-x: auto; margin-bottom: 80px; position: relative; } @media screen and (min-width: 1201px) { .mainContainer__offer-single { margin-bottom: 4.84375vw; } } .mainContainer__modulesText { width: 100%; font-size: 18px; } @media screen and (min-width: 1201px) { .mainContainer__modulesText { font-size: 0.9375vw; } } .mainContainer__modulesText--content { background: #fff; border-radius: 5px; padding-left: 0rem; } @media screen and (min-width: 1201px) { .mainContainer__modulesText--content { padding: 2.2916666667vw; font-size: 1.0416666667vw; } } .mainContainer__sidebar { display: none; flex: 1 0 16.6666666667vw; } @media screen and (min-width: 1201px) { .mainContainer__sidebar { display: flex; } } .mainContainer__sidebar + .mainContainer__modules, .mainContainer__sidebar + .mainContainer__rightCol, .mainContainer__sidebar + .mainContainer__offer-single { flex: 1 0 65.1041666667vw; margin-left: 1.5625vw; width: 65.1041666667vw; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #0000001f; padding: 0px; } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules, .mainContainer__sidebar + .mainContainer__rightCol, .mainContainer__sidebar + .mainContainer__offer-single { padding: 1.3020833333vw; } } @media screen and (max-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules, .mainContainer__sidebar + .mainContainer__rightCol, .mainContainer__sidebar + .mainContainer__offer-single { margin-left: 0; } } .mainContainer__mainTitle { color: black; margin: 30px 0; width: 100%; position: relative; font-size: 36px; display: inline-block; font-weight: 800; } @media screen and (min-width: 1201px) { .mainContainer__mainTitle { line-height: 1; font-weight: 800; font-size: 1.8229166667vw; margin: 2.6041666667vw 0 2.6041666667vw; } } .contentBlock.error { padding: 30px 15px; } @media screen and (min-width: 1201px) { .contentBlock.error { padding: 7.8125vw 0; } } .link { cursor: pointer; font-size: 19px; position: relative; white-space: nowrap; color: #000000; transition: all .3s ease; font-weight: 700; } @media screen and (min-width: 1201px) { .link { font-size: 0.9895833333vw; } } .link:hover, .link.active { color: #00CCCC; } .link::before, .link::after { position: absolute; width: 100%; height: 1px; background: #00CCCC; top: 100%; left: 0; pointer-events: none; } .link::before { content: ''; /* show by default */ } .link::before { transform-origin: 50% 100%; transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.3s; transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.3s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%); } .link:hover::before, .link.active::before { height: 2px; -webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%); } .link span { display: inline-block; transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1); } .link:hover span, .link.active span { transform: translate3d(0, -2px, 0); } /****************************** BUTTTONS *************************/ .button { cursor: pointer; background: white; display: flex; justify-content: center; align-items: center; padding: 0; border: none; color: inherit; vertical-align: middle; position: relative; z-index: 1; font-size: 0.7291666667vw; font-weight: 700; overflow: hidden; transition: all .5s ease; text-decoration: none; text-transform: uppercase; } @media screen and (max-width: 1201px) { .button { font-size: 14px; } } .button:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 100%; height: 100%; border-radius: 50%; background: #00cccc; transform-origin: 100% 50%; transform: scale3d(1, 2, 1); transition: transform 0.7s, opacity 0.7s; transition-timing-function: cubic-bezier(1.2, 0, 1.9, 1); } .button:hover:before { webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); } .contactWrap { box-shadow: 0px 8px 21px 0px #0000001f; padding: 10px; border: 1px solid #E3F1F1; } @media screen and (min-width: 1201px) { .contactWrap { padding: 1.5625vw; } } .contactWrap .contactBoxes { display: flex; justify-content: space-between; flex-wrap: wrap; } .contactWrap .contactBoxes .contact__box { width: 100%; } .contactWrap .contactBoxes .contact__box .contactMap iframe { width: 100%; height: 100px; } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box .contactMap iframe { height: 19.2708333333vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box { width: 40.1041666667vw; } } .contactWrap .contactBoxes .contact__box-top { padding-left: 15px; border: 1px solid #00CCCC; border-bottom-width: 6px; height: auto; padding-top: 20px; position: relative; } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box-top { padding-left: 4.6875vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box-top { height: 21.875vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box-top { padding-top: 1.8229166667vw; } } .contactWrap .contactBoxes .contact__box-top:after { content: ''; width: 5px; background: #00CCCC; height: 0px; position: absolute; top: 0; left: 2.6041666667vw; } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box-top:after { width: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box-top:after { height: 3.125vw; } } .contactWrap .contactBoxes .contact__box h4 { margin: 0; color: #009999; text-transform: uppercase; font-size: 24px; margin-bottom: 40px; } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box h4 { font-size: 1.25vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box h4 { margin-bottom: 2.0833333333vw; } } .contactWrap .contactBoxes .contact__box .maplink { position: absolute; bottom: 1.5625vw; right: 1.5625vw; } .contactWrap .contactBoxes .contact__box .maplink a { width: 200px; height: 30px; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box .maplink a { width: 11.4583333333vw; } } @media screen and (min-width: 1201px) { .contactWrap .contactBoxes .contact__box .maplink a { height: 1.5625vw; } } .contactWrap .contactBoxes .contact__box .maplink a:hover { color: white; } .contactIcon { padding-left: 10px; margin-bottom: 40px; color: black; position: relative; } @media screen and (min-width: 1201px) { .contactIcon { padding-left: 4.1666666667vw; } } @media screen and (min-width: 1201px) { .contactIcon { margin-bottom: 2.0833333333vw; } } .contactIcon address { font-style: normal; } .contactIcon a { transition: all .4s ease; color: black; text-decoration: none; } .contactIcon a:hover { color: #00CCCC; } .contactIcon span { font-size: 20px; } @media screen and (min-width: 1201px) { .contactIcon span { font-size: 1.0416666667vw; } } .contactIcon--address:before { content: ""; } .contactIcon--phone:before { content: ""; } .contactIcon--email:before { content: ""; } .contactIcon--email a { color: #00CCCC; } .contactIcon--email a:hover { color: black; } .contactIcon--info:before { content: ""; } .contactIcon:before { color: #00CCCC; font-size: 25px; position: absolute; left: 0; top: -3px; } @media screen and (min-width: 1201px) { .contactIcon:before { font-size: 1.8229166667vw; } } .webp .contact__box:first-child .contact__box-top { background-image: url("/images/boxbg1.webp"); } .webp .contact__box:last-child .contact__box-top { background-image: url("/images/boxbg2.webp"); } .no-webp .contact__box-top:first-child { background-image: url("/images/boxbg1.png"); } .no-webp .contact__box-top:last-child { background-image: url("/images/boxbg2.png"); } .contactBank { margin-top: 20px; margin-bottom: 20px; background: #EFF3F3; width: 100%; height: auto; display: flex; align-items: center; color: black; } @media screen and (min-width: 1201px) { .contactBank { margin-top: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .contactBank { margin-bottom: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .contactBank { height: 3.6458333333vw; } } .contactBank .contactIcon { margin-bottom: 0; padding-left: 15px; } @media screen and (min-width: 1201px) { .contactBank .contactIcon { padding-left: 7.8125vw; } } .contactBank .contactIcon:before { left: 4.1666666667vw; top: -0.2604166667vw; } .contactBank .contactIcon span { font-size: 16px; } @media screen and (min-width: 1201px) { .contactBank .contactIcon span { font-size: 0.9375vw; } } .textCenterContact { align-items: center; } .textCenterContact a { width: 200px; height: 40px; border: 2px solid #00CCCC; position: absolute; right: 0; top: 2.34375vw; right: 6.7708333333vw; } @media screen and (min-width: 1201px) { .textCenterContact a { width: 13.8020833333vw; } } @media screen and (min-width: 1201px) { .textCenterContact a { height: 2.0833333333vw; } } .textCenterContact a span { display: flex; align-items: center; text-transform: uppercase; } .textCenterContact a span:before { content: ""; } .textCenterContact a span:before { color: #009999; margin-right: 10px; font-size: 16px; transition: all .4s ease; } @media screen and (min-width: 1201px) { .textCenterContact a span:before { margin-right: 0.78125vw; } } @media screen and (min-width: 1201px) { .textCenterContact a span:before { font-size: 1.0416666667vw; } } .textCenterContact a:hover { color: white; } .textCenterContact a:hover span:before { color: white; } .footer { height: auto; display: flex; flex-direction: column; } .footer .uebottom { background: white; text-align: center; } .footerTop { display: flex; justify-content: flex-end; align-items: center; padding-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 1201px) { .footerTop { padding-top: 3.125vw; } } @media screen and (min-width: 1201px) { .footerTop { padding-bottom: 3.125vw; } } .footerTop span { color: #B0B0B0; text-transform: uppercase; display: inline-block; margin-right: 20px; font-weight: 800; font-size: 16px; } @media screen and (min-width: 1201px) { .footerTop span { margin-right: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .footerTop span { font-size: 0.8333333333vw; } } .footerCenter { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .footer__logo { padding-top: 40px; } @media screen and (min-width: 1201px) { .footer__logo { padding-top: 2.34375vw; } } .footer__menu { display: flex; justify-content: space-between; width: 100%; } @media screen and (min-width: 1201px) { .footer__menu { width: 31.25vw; } } .footer__menu ul { padding-left: 0px; position: relative; } @media screen and (min-width: 1201px) { .footer__menu ul { padding-left: 1.0416666667vw; } } .footer__menu ul:before { content: ''; top: -1.0416666667vw; left: 0; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; } @media screen and (min-width: 1201px) { .footer__menu ul:before { width: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .footer__menu ul:before { height: 1.8229166667vw; } } .footer__menu ul li { list-style: none; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .footer__menu ul li { margin-bottom: 0.5208333333vw; } } .footer__menu ul li a { color: #E1E1E1; text-transform: uppercase; font-size: 16px; font-weight: 800; text-decoration: none !important; } @media screen and (min-width: 1201px) { .footer__menu ul li a { font-size: 0.8333333333vw; } } .footer__logo { width: 100%; position: relative; } @media screen and (min-width: 1201px) { .footer__logo { width: 25vw; } } .footer__logo:after { content: ''; width: 0px; height: 1px; display: inline-block; top: 66%; right: 0; position: absolute; background: #00CCCC; } @media screen and (min-width: 1201px) { .footer__logo:after { width: 2.0833333333vw; } } .footer__logo img { max-width: 100%; height: auto; } .footer .footerCenterWrapCol { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } @media screen and (min-width: 1201px) { .footer .footerCenterWrapCol { width: 48.6979166667vw; } } .footer__right { height: auto; width: auto; position: relative; } @media screen and (min-width: 1201px) { .footer__right { height: 12.5vw; } } @media screen and (min-width: 1201px) { .footer__right { width: 13.5416666667vw; } } .footer__right:before { content: ''; top: -1.0416666667vw; left: -1.0416666667vw; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; } @media screen and (min-width: 1201px) { .footer__right:before { width: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .footer__right:before { height: 1.8229166667vw; } } .footer__right h4 { font-size: 16px; font-weight: 800; text-transform: uppercase; color: #00CCCC; margin: 0; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .footer__right h4 { font-size: 0.8333333333vw; } } @media screen and (min-width: 1201px) { .footer__right h4 { margin-bottom: 0.78125vw; } } .footer__right span, .footer__right address { color: white; font-style: normal; } .footer__right a { color: white; transition: all .4s ease; text-decoration: none; } .footer__right a:hover { color: #00CCCC; } .footer__contact { margin-top: 20px; } @media screen and (min-width: 1201px) { .footer__contact { margin-top: 1.8229166667vw; } } .footer__contact span { width: 100%; display: inline-block; margin-bottom: 10px; padding-left: 10px; position: relative; } @media screen and (min-width: 1201px) { .footer__contact span { margin-bottom: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .footer__contact span { padding-left: 2.0833333333vw; } } .footer__contact span.tel:before { content: ""; } .footer__contact span.mail:before { content: ""; } .footer__contact span:before { font-size: 20px; color: #00CCCC; position: absolute; left: 0; top: 0; } @media screen and (min-width: 1201px) { .footer__contact span:before { font-size: 1.0416666667vw; } } .footer__links { display: flex; justify-content: flex-start; align-items: center; } .footer__links span { display: flex; justify-content: flex-start; align-items: center; } .footer__links span:before { font-size: 18px; margin-right: 10px; color: #00CCCC; } @media screen and (min-width: 1201px) { .footer__links span:before { font-size: 1.25vw; } } @media screen and (min-width: 1201px) { .footer__links span:before { margin-right: 0.78125vw; } } .footer__links span:first-child { margin-right: 0px; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .footer__links span:first-child { margin-right: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .footer__links span:first-child { margin-bottom: 0vw; } } .footer__links span:first-child:before { content: ""; } .footer__links span:last-child:before { content: ""; } .footer__links a { text-decoration: none; color: #B0B0B0; text-transform: uppercase; font-weight: 800; font-size: 14px; } @media screen and (min-width: 1201px) { .footer__links a { font-size: 0.7291666667vw; } } .footerBottom { position: relative; display: flex; justify-content: space-between; height: auto; align-items: center; padding-left: 0px; border-top: 1px solid #747474; } .footerBottom:after { width: 0px; content: ''; height: 1px; background: #00CCCC; position: absolute; top: -1px; right: 0; display: inline-block; } @media screen and (min-width: 1201px) { .footerBottom:after { width: 16.6666666667vw; } } @media screen and (min-width: 1201px) { .footerBottom { height: 3.6458333333vw; } } @media screen and (min-width: 1201px) { .footerBottom { padding-left: 0.78125vw; } } .footerCopy { font-size: 14px; color: #B0B0B0; text-transform: uppercase; font-weight: 800; position: relative; } @media screen and (min-width: 1201px) { .footerCopy { font-size: 0.7291666667vw; } } .footerCopy a { text-decoration: none; color: #00CCCC; } .no-webp .footer { background: url("/images/bgfooter.jpg"); background-size: cover; } .webp .footer { background: url("/images/bgfooter.webp"); background-size: cover; } .header { display: flex; justify-content: flex-end; position: relative; align-items: stretch; position: fixed; left: 0; right: 0; top: 0; background: white; z-index: 1000; transition: all .5s ease; height: 65px; } @media screen and (min-width: 1201px) { .header { height: 6.25vw; } } .header.short { height: 65px; } @media screen and (min-width: 1201px) { .header.short { height: 4.9479166667vw; } } .header.short .header__left { max-width: 15.1041666667vw; } .header__left { display: flex; align-items: center; justify-content: flex-start; width: auto; transition: all .5s ease; } @media screen and (min-width: 1201px) { .header__left { width: 19.7916666667vw; } } .header__left img { max-width: 100%; height: auto; } .header__inner { width: 100%; display: flex; justify-content: space-between; } @media screen and (min-width: 1201px) { .header__inner { width: 91.6666666667vw; } } .header__center { display: flex; align-items: center; justify-content: flex-start; } .header__center ul { display: flex; justify-content: flex-start; list-style: none; margin: 0; height: 100%; align-items: center; } .header__center ul li { margin-right: 0px; padding-right: 0px; height: 100%; align-items: center; display: flex; } @media screen and (min-width: 1201px) { .header__center ul li { margin-right: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .header__center ul li { padding-right: 1.3020833333vw; } } .header__center ul li.menuHome { margin-right: 0px; padding-right: 0px; } @media screen and (min-width: 1201px) { .header__center ul li.menuHome { margin-right: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .header__center ul li.menuHome { padding-right: 0vw; } } .header__center ul li.menuHome:before { top: 3.90625vw; } .header__center ul li.menuHome a { text-decoration: none; } .header__center ul li.menuHome a:before { content: ""; } .header__center ul li.menuHome a:before { color: black; } .header__center ul li.menuHome a.active, .header__center ul li.menuHome a:hover { color: #00CCCC; } .header__center ul li.menuHome a.active:before, .header__center ul li.menuHome a:hover:before { color: #00CCCC; font-size: 20px; } @media screen and (min-width: 1201px) { .header__center ul li.menuHome a.active:before, .header__center ul li.menuHome a:hover:before { font-size: 1.3020833333vw; } } .header__center ul li a { font-size: 22px; letter-spacing: 1.5px; font-weight: 700; padding-right: 0px; } @media screen and (min-width: 1201px) { .header__center ul li a { font-size: 1.1458333333vw; } } @media screen and (min-width: 1201px) { .header__center ul li a { padding-right: 0.5208333333vw; } } .header__center ul li.sub .submenuWrap { display: flex; position: absolute; z-index: -99999; transition: all .7s ease, background 0.2s 0.2s linear; background: transparent; height: 0; top: 6.25vw; opacity: 1; visibility: hidden; width: 100%; left: 0; right: 0; align-items: center; justify-content: center; } .header__center ul li.sub .submenuWrap ul { display: flex; width: 100%; margin: 0 auto; justify-content: space-between; height: auto; flex-wrap: wrap; } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul { width: 64.5833333333vw; } } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul { height: 2.6041666667vw; } } .header__center ul li.sub .submenuWrap ul li { opacity: 0; transition: all .7s ease, background 0.2s 0.2s linear; height: auto !important; width: 33.33333%; margin: 0; margin-bottom: 0px; padding-left: 0px; position: relative; } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul li { margin-bottom: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul li { padding-left: 1.8229166667vw; } } .header__center ul li.sub .submenuWrap ul li:after { content: ''; width: 10px; height: 3px; display: inline-block; background: #00CCCC; position: absolute; left: 0; top: calc(50% - 1.5px); } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul li:after { width: 0.5208333333vw; } } .header__center ul li.sub .submenuWrap ul li a { color: #E1E1E1; font-size: 16px; text-transform: uppercase; transition: all .5s ease; font-family: 'Titillium Web', sans-serif; font-weight: 600; } @media screen and (min-width: 1201px) { .header__center ul li.sub .submenuWrap ul li a { font-size: 0.8333333333vw; } } .header__center ul li.sub .submenuWrap ul li a:before { display: none !important; } .header__center ul li.sub .submenuWrap ul li a:hover span, .header__center ul li.sub .submenuWrap ul li a.active span { transform: none !important; color: #00CCCC; } .header__center ul li.sub:hover .submenuWrap { opacity: 1; visibility: visible; background: #333333; height: auto; transition: all .3s, background .2s .2s linear; } @media screen and (min-width: 1201px) { .header__center ul li.sub:hover .submenuWrap { height: 9.1145833333vw; } } .header__center ul li.sub:hover .submenuWrap li { opacity: 1; } .header__right { display: flex; justify-content: space-between; align-items: center; height: 100%; width: auto; padding-left: auto; padding-right: auto; background: #EFF3F3; } @media screen and (min-width: 1201px) { .header__right { width: 25vw; } } @media screen and (min-width: 1201px) { .header__right { padding-left: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .header__right { padding-right: 2.0833333333vw; } } .header__rightIcons { width: auto; height: auto; position: relative; } @media screen and (min-width: 1201px) { .header__rightIcons { width: 6.25vw; } } @media screen and (min-width: 1201px) { .header__rightIcons { height: 2.34375vw; } } .header__links a { text-decoration: none; } .header__links a img { width: 50px; height: 50px; } @media screen and (min-width: 1201px) { .header__links a img { width: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .header__links a img { height: 1.8229166667vw; } } /*********RESPO****************/ .top__language { position: absolute; top: 0; height: 100%; background: #F8F8F8; display: flex; width: 100%; height: 100%; cursor: pointer; flex-direction: column; -webkit-tap-highlight-color: transparent; } @media screen and (max-width: 1201px) { .top__language { display: none; } } .top__languageWrap { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; top: 0; } .top__language a { height: 2.34375vw; width: 6.25vw; border: 2px solid #00CCCC; text-decoration: none; text-transform: uppercase; transition: color .35s; display: flex; text-align: center; align-items: center; font-weight: bold; transition: border-color .35s, color .35s; justify-content: flex-start; padding-left: 10px; order: 2; outline: none; color: #000000; -webkit-tap-highlight-color: transparent; cursor: pointer; } @media screen and (min-width: 1201px) { .top__language a { padding-left: 0.78125vw; } } .top__language a span { color: black; } .top__language a:first-child { background: white; transition: all .4s ease; } .top__language a:first-child:hover { background: #00CCCC; } .top__language a:first-child:hover span { color: white; } .top__language a:first-child:hover:before { color: white; } @media screen and (min-width: 1201px) { .top__language a { font-size: 0.8333333333vw; } } .top__language a:not(.active) { background: #00CCCC; transition: all .4s ease; border-top: 1px solid #E9E9E9; } .top__language a:not(.active) span { color: white; } .top__language a:not(.active):hover { background: white; } .top__language a:not(.active):hover span { color: #00CCCC; } .top__language a:not(.active) { display: none; position: relative; } .top__language a.active { order: 1; position: relative; background: #EFF3F3; } .top__language a.active:before { content: ""; } .top__language a.active:before { font-size: 0.625vw; position: absolute; color: #00CCCC; bottom: 0.78125vw; right: 0.5208333333vw; } .top__language--open a:not(.active) { display: flex; } header.short .menuHome.link:before { top: 3.28125vw; } header.short .header__center ul li.sub .submenuWrap { top: 4.9479166667vw; } .sectionTitle { font-size: 23px; margin-top: 15px; margin-bottom: 15px; color: black; font-weight: 800; position: relative; } @media screen and (min-width: 1201px) { .sectionTitle { font-size: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .sectionTitle { margin-top: 3.125vw; } } @media screen and (min-width: 1201px) { .sectionTitle { margin-bottom: 3.125vw; } } .sectionTitle span { color: #00CCCC; } .sectionTitle:before { content: ''; display: inline-block; position: absolute; left: -8.3333333333vw; height: 5px; width: 0px; background: #00CCCC; top: 0.5208333333vw; } @media screen and (min-width: 1201px) { .sectionTitle:before { width: 5.9895833333vw; } } .sectionTitle:after { content: ''; display: inline-block; position: absolute; left: -2.6041666667vw; height: 0px; width: 0px; background: #00CCCC; top: 0.5208333333vw; } @media screen and (min-width: 1201px) { .sectionTitle:after { height: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .sectionTitle:after { width: 0.2604166667vw; } } .sectionTitle p { display: inline; margin: 0; } .webp .homeAbout:after { background-image: url("/images/bg1.webp"); } .no-webp .homeAbout:after { background-image: url("/images/bg1.png"); } .homeAbout { position: relative; padding-bottom: 20px; } .homeAbout .sectionTitle { margin-top: 15px; } @media screen and (min-width: 1201px) { .homeAbout .sectionTitle { margin-top: 4.6875vw; } } @media screen and (min-width: 1201px) { .homeAbout { padding-bottom: 12.7604166667vw; } } .homeAbout:after { z-index: 0; content: ''; display: inline-block; position: absolute; top: -4.6875vw; left: -0.4166666667vw; background-size: cover; width: 0px; height: 100%; } @media screen and (min-width: 1201px) { .homeAbout:after { width: 91.6666666667vw; } } @media screen and (min-width: 1201px) { .homeAbout:after { height: 41.40625vw; } } .homeAbout__wrap { display: flex; justify-content: flex-start; width: 100%; } @media screen and (min-width: 1201px) { .homeAbout__wrap { width: 55.7291666667vw; } } .homeAbout__left { width: 50%; font-size: 18px; padding-left: 0px; } @media screen and (min-width: 1201px) { .homeAbout__left { font-size: 1.3541666667vw; } } @media screen and (min-width: 1201px) { .homeAbout__left { padding-left: 4.1666666667vw; } } .homeAbout__right { width: 50%; margin-top: 10px; font-size: 16px; padding-left: 0px; line-height: 1.4; } @media screen and (min-width: 1201px) { .homeAbout__right { margin-top: 0vw; } } @media screen and (min-width: 1201px) { .homeAbout__right { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .homeAbout__right { padding-left: 4.1666666667vw; } } .homeAbout__link { text-transform: uppercase; border-bottom: 1px solid #00CCCC; letter-spacing: 1px; font-size: 14px; font-weight: 700; padding-bottom: 10px; width: 200px; display: inline-block; text-decoration: none; } @media screen and (min-width: 1201px) { .homeAbout__link { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .homeAbout__link { padding-bottom: 0.78125vw; } } @media screen and (min-width: 1201px) { .homeAbout__link { width: 20.0520833333vw; } } .homeAbout__link span { width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; } .homeAbout__link span:before { content: ""; } .homeAbout__link span:before { color: #00CCCC; } .webp .contactBoxHome { background-image: url("/images/kontaktbox.webp"); } .no-webp .contactBoxHome { background-image: url("/images/kontaktbox.png"); } .contactBoxHome { position: absolute; width: 100%; height: auto; background-size: cover; border-bottom: 5px solid #00CCCC; padding-left: 15px; padding-top: 20px; padding-bottom: 20px; top: 0.5208333333vw; right: -8.3333333333vw; box-shadow: 11px 7px 11px 2px #00000036; } @media screen and (min-width: 1201px) { .contactBoxHome { width: 33.3333333333vw; } } @media screen and (min-width: 1201px) { .contactBoxHome { height: 20.0520833333vw; } } @media screen and (min-width: 1201px) { .contactBoxHome { padding-left: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .contactBoxHome { padding-top: 5.2083333333vw; } } @media screen and (min-width: 1201px) { .contactBoxHome { padding-bottom: 4.1666666667vw; } } .contactBoxHome:after { content: ''; display: inline-block; width: 0px; height: 0px; background: white; position: absolute; left: 2.6041666667vw; top: 0vw; } @media screen and (min-width: 1201px) { .contactBoxHome:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .contactBoxHome:after { height: 0.78125vw; } } .contactBoxHome__title { font-size: 20px; font-weight: 700; color: white; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .contactBoxHome__title { font-size: 1.5625vw; } } @media screen and (min-width: 1201px) { .contactBoxHome__title { margin-bottom: 1.5625vw; } } .contactBoxHome__desc { font-weight: 400; color: white; margin-bottom: 15px; font-size: 15px; } @media screen and (min-width: 1201px) { .contactBoxHome__desc { margin-bottom: 1.5625vw; } } @media screen and (min-width: 1201px) { .contactBoxHome__desc { font-size: 1.25vw; } } .contactBoxHome__date { display: flex; justify-content: flex-start; } .contactBoxHome__icon { margin-left: 0; margin-right: 0; } .contactBoxHome__icon:before { content: ""; } @media screen and (min-width: 1201px) { .contactBoxHome__icon { margin-left: 1.5625vw; } } @media screen and (min-width: 1201px) { .contactBoxHome__icon { margin-right: 1.5625vw; } } .contactBoxHome__icon:before { color: white; font-size: 20px; text-align: left; } @media screen and (min-width: 1201px) { .contactBoxHome__icon:before { font-size: 3.6458333333vw; } } .contactBoxHome__links { display: flex; flex-direction: column; justify-content: flex-start; } .contactBoxHome__links a { color: white; text-decoration: none; font-weight: 400; } .contactBoxHome__links a:before { top: 95%; background: white; } .contactBoxHome__links a:hover { color: white; } .contactBoxHome__links a:first-child { font-size: 25px; } @media screen and (min-width: 1201px) { .contactBoxHome__links a:first-child { font-size: 2.0833333333vw; } } .contactBoxHome__links a:last-child { font-size: 25px; } @media screen and (min-width: 1201px) { .contactBoxHome__links a:last-child { font-size: 1.25vw; } } .offerHome { position: relative; z-index: 10; box-shadow: 0 75px 87px -31px #00000036; } .homeIconBoxes { margin-top: 10px; position: relative; } @media screen and (min-width: 1201px) { .homeIconBoxes { margin-top: -8.125vw; } } .homeIconBoxes__wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .homeIconBoxes__wrap .homeIconBox { width: 50%; height: auto; background: white; display: flex; justify-content: flex-start; align-items: center; border: 1px solid #CDE8E8; } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox { width: 16.6666666667vw; } } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox { height: 8.3333333333vw; } } .homeIconBoxes__wrap .homeIconBox__icon { width: 100%; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox__icon { width: 6.3020833333vw; } } .homeIconBoxes__wrap .homeIconBox__icon:before { color: #009898; font-size: 20px; } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox__icon:before { font-size: 3.125vw; } } .homeIconBoxes__wrap .homeIconBox__title { font-size: 20px; font-weight: 700; color: #00CCCC; } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox__title { font-size: 1.5625vw; } } .homeIconBoxes__wrap .homeIconBox__title p { display: inline; margin: 0; } .homeIconBoxes__wrap .homeIconBox__desc { color: #333333; font-size: 18px; } .homeIconBoxes__wrap .homeIconBox__desc p { display: inline; margin: 0; } @media screen and (min-width: 1201px) { .homeIconBoxes__wrap .homeIconBox__desc { font-size: 1.1458333333vw; } } .homeIconBoxes__wrap .homeIconBox:nth-child(1) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(2) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(3) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(4) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(5) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(6) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(7) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(8) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(9) .homeIconBox__icon:before { content: ""; } .homeIconBoxes__wrap .homeIconBox:nth-child(10) .homeIconBox__icon:before { content: ""; } .banerstatusHome { height: auto; padding-top: 20px; position: relative; margin-top: 15px; background-size: cover; } @media screen and (min-width: 1201px) { .banerstatusHome { height: 22.9166666667vw; } } @media screen and (min-width: 1201px) { .banerstatusHome { padding-top: 13.5416666667vw; } } @media screen and (min-width: 1201px) { .banerstatusHome { margin-top: -8.3333333333vw; } } .banerstatusHome__wrap { width: 100%; display: flex; justify-content: flex-start; } @media screen and (min-width: 1201px) { .banerstatusHome__wrap { width: 52.0833333333vw; } } .banerstatusHome__left { width: 100%; color: white; font-size: 20px; font-weight: 700; letter-spacing: 2px; position: relative; } @media screen and (min-width: 1201px) { .banerstatusHome__left { width: 25.2604166667vw; } } @media screen and (min-width: 1201px) { .banerstatusHome__left { font-size: 1.25vw; } } .banerstatusHome__left:after { content: ''; display: inline-block; background: white; width: 0px; height: 0px; position: absolute; top: -1.3020833333vw; right: 3.3854166667vw; transform: rotate(25deg); } @media screen and (min-width: 1201px) { .banerstatusHome__left:after { width: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .banerstatusHome__left:after { height: 7.2916666667vw; } } .banerstatusHome__left span { letter-spacing: normal; display: inline-block; font-size: 22px; margin-top: 10px; } @media screen and (min-width: 1201px) { .banerstatusHome__left span { font-size: 2.5vw; } } @media screen and (min-width: 1201px) { .banerstatusHome__left span { margin-top: 0.5208333333vw; } } .banerstatusHome__right { color: white; font-size: 20px; font-weight: 700; width: 100%; letter-spacing: 2px; } @media screen and (min-width: 1201px) { .banerstatusHome__right { font-size: 1.25vw; } } @media screen and (min-width: 1201px) { .banerstatusHome__right { width: 25.2604166667vw; } } .banerstatusHome__right span { letter-spacing: normal; display: inline-block; font-size: 22px; margin-top: 10px; } @media screen and (min-width: 1201px) { .banerstatusHome__right span { font-size: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .banerstatusHome__right span { margin-top: 0.5208333333vw; } } .newsAll__link a { text-transform: uppercase; border-bottom: 1px solid #00CCCC; letter-spacing: 1px; font-size: 14px; font-weight: 700; padding-bottom: 10px; width: 200px; display: inline-block; text-decoration: none; } @media screen and (min-width: 1201px) { .newsAll__link a { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .newsAll__link a { padding-bottom: 0.78125vw; } } @media screen and (min-width: 1201px) { .newsAll__link a { width: 20.0520833333vw; } } .newsAll__link a span { width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; } .newsAll__link a span:before { content: ""; } .newsAll__link a span:before { color: #00CCCC; } .homeNews__top { display: flex; justify-content: space-between; align-items: center; } .webp .banerstatusHome { background-image: url("/images/bg2.webp"); } .no-webp .banerstatusHome { background-image: url("/images/bg2.jpg"); } .slider { position: relative; } .slider .owl-carousel .owl-nav { position: absolute; bottom: 30px; right: 30px; display: flex; z-index: 10; justify-content: center; align-items: center; } @media screen and (min-width: 1201px) { .slider .owl-carousel .owl-nav { right: 8.3333333333vw; bottom: 8.3333333333vw; height: 2.8645833333vw; display: flex; flex-direction: row; } } .slider .owl-carousel .owl-nav button { background: #00CCCC; color: black; width: 100px; height: 2.8645833333vw; display: flex; align-items: center; cursor: pointer; transition: all .4s ease; border: 1px solid #00CCCC; justify-content: center; } @media screen and (min-width: 1201px) { .slider .owl-carousel .owl-nav button { width: 8.3333333333vw; } } .slider .owl-carousel .owl-nav button:hover { background: black; } .slider .owl-carousel .owl-nav button:first-child { margin-right: 1px; } .slider .owl-carousel .owl-nav button:first-child:before { transform: rotate(180deg); } .slider .owl-carousel .owl-nav button:before { transition: all .4s ease; color: black; font-size: 0.78125vw; } .slider .owl-carousel .owl-nav button:before { content: ""; } .slider .owl-carousel .owl-nav button:hover { border: 1px solid white; } .slider .owl-carousel .owl-nav button:hover:before { color: white; } .slider .owl-carousel .owl-dots { position: absolute; bottom: 3.90625vw; left: 8.3333333333vw; z-index: 100; display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: row; } @media screen and (max-width: 1201px) { .slider .owl-carousel .owl-dots { display: none; } } .slider .owl-carousel .owl-dots .owl-dot { width: 2.0833333333vw; height: 0.5208333333vw; background: transparent; transition: all .4s ease; margin-left: 0.3125vw; position: relative; border: 1px solid white; } .slider .owl-carousel .owl-dots .owl-dot.active { background: white; } .slider .owl-carousel .owl-dots .owl-dot:hover { background: white; } .slider .owl-carousel .owl-item.active { z-index: 10; position: relative; } .slider .owl-carousel .owl-item.active .sliderContent__text { animation: fade-in-up 1700ms ease 700ms both; } .sliderHome { height: auto; position: relative; } @media screen and (min-width: 1201px) { .sliderHome { height: 44.2708333333vw; } } .sliderHome .button { width: 200px; height: 50px; } @media screen and (min-width: 1201px) { .sliderHome .button { width: 16.6666666667vw; } } @media screen and (min-width: 1201px) { .sliderHome .button { height: 2.8645833333vw; } } .sliderHome .button span { text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: 2px; } @media screen and (min-width: 1201px) { .sliderHome .button span { font-size: 0.8333333333vw; } } .sliderHome .button:hover { color: white; } .webp .sliderHome .sliderItem .sliderImage:after { background-image: url("/images/sliderafter.webp"); } .no-webp .sliderHome .sliderItem .sliderImage:after { background-image: url("/images/sliderafter.png"); } .webp .slider--sub .sliderItem .sliderImage:after { background-image: url("/images/subba.webp"); } .no-webp .slider--sub .sliderItem .sliderImage:after { background-image: url("/images/subba.png"); } .sliderHome .sliderItem .sliderImage { position: relative; } .sliderHome .sliderItem .sliderImage:after { content: ''; display: inline-block; width: 0px; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: contain; background-repeat: no-repeat; } @media screen and (min-width: 1201px) { .sliderHome .sliderItem .sliderImage:after { width: 41.6666666667vw; } } .sliderHome .sliderItem .sliderImage img { width: 100%; height: auto; } @media screen and (max-width: 1201px) { .sliderHome .sliderItem .sliderImage img { width: 100%; } } .slider--sub .sliderItem .sliderImage { position: relative; height: auto; display: flex; justify-content: flex-end; align-items: flex-start; } @media screen and (min-width: 1201px) { .slider--sub .sliderItem .sliderImage { height: 17.96875vw; } } .slider--sub .sliderItem .sliderImage img { height: auto; width: auto; height: auto; max-width: 100%; } @media screen and (min-width: 1201px) { .slider--sub .sliderItem .sliderImage img { width: 66.6666666667vw; } } @media screen and (min-width: 1201px) { .slider--sub .sliderItem .sliderImage img { height: 15.625vw; } } .sliderContent { position: relative; } .sliderContent__text { position: absolute; left: 8.3333333333vw; top: 13.0208333333vw; z-index: 1; } .SliderTitle { font-weight: 700; font-size: 20px; color: white; text-shadow: 1px 1px 6px #0000009e; } @media screen and (min-width: 1201px) { .SliderTitle { font-size: 3.5416666667vw; } } .SliderSubtitle { font-weight: 500; display: inline-block; width: 100%; font-size: 20px; color: white; text-transform: uppercase; letter-spacing: 6.5px; text-shadow: 1px 1px 6px #0000009e; margin-top: 30px; margin-bottom: 30px; } @media screen and (min-width: 1201px) { .SliderSubtitle { font-size: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .SliderSubtitle { margin-top: 2.34375vw; } } @media screen and (min-width: 1201px) { .SliderSubtitle { margin-bottom: 4.9479166667vw; } } .slider--sub .sliderItem .sliderImage:after { content: ''; display: inline-block; width: 0px; height: 0px; position: absolute; left: 0; top: -0.2083333333vw; z-index: 1; background-size: contain; background-repeat: no-repeat; } @media screen and (min-width: 1201px) { .slider--sub .sliderItem .sliderImage:after { width: 100vw; } } @media screen and (min-width: 1201px) { .slider--sub .sliderItem .sliderImage:after { height: 18.2291666667vw; } } .slider--sub img { max-width: 100%; height: auto; } @media screen and (max-width: 1201px) { .slider--sub { display: none; } } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } @keyframes zoomout { 0% { transform: scale(0) translate(0, 0); opacity: 0; } 100% { transform: scale(1) translate(0, 0); opacity: 1; } } @keyframes fade-in-down { 0% { transform: translateY(-80px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fade-in-up { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fade-in-opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes scale-up-center { 0% { transform: scale(0); } 100% { transform: scale(1); } } .slider--sub { height: 18.2291666667vw; } .slider--sub img { max-width: 100%; height: auto; } .slider--sub .sliderContent .sliderContent__text { top: 3.6458333333vw; } .slider--sub .sliderContent .sliderContent__text .SliderTitle { font-size: 20px; } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .sliderContent__text .SliderTitle { font-size: 2.0833333333vw; } } .slider--sub .sliderContent .sliderContent__text .SliderSubtitle { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .sliderContent__text .SliderSubtitle { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .sliderContent__text .SliderSubtitle { margin-top: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .sliderContent__text .SliderSubtitle { margin-bottom: 1.25vw; } } .slider--sub .sliderContent .button { width: 200px; height: 35px; letter-spacing: 2px; } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .button { width: 10.9375vw; } } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .button { height: 2.0833333333vw; } } .slider--sub .sliderContent .button span { display: flex; flex-direction: row-reverse; align-items: center; } .slider--sub .sliderContent .button span:before { margin-left: 10px; } @media screen and (min-width: 1201px) { .slider--sub .sliderContent .button span:before { margin-left: 0.5208333333vw; } } .slider--sub .sliderContent .button span:before { content: ""; } .slider--sub .sliderContent .button:hover { color: white; } .slider--sub .owl-carousel .owl-nav { display: none; } .offerBoxes { display: flex; justify-content: flex-start; flex-wrap: wrap; } .offerBoxes .offerBox { width: 33.33333%; height: auto; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox { height: 21.6666666667vw; } } .offerBoxes .offerBox a { display: flex; position: relative; width: 100%; height: 100%; } .offerBoxes .offerBox a img { width: 100%; height: auto; transition: all .5s ease; transform: scale(1.1); } .offerBoxes .offerBox__image { overflow: hidden; width: 100%; } .offerBoxes .offerBox__content { background-size: cover; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content { height: 6.7708333333vw; } } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content { padding-top: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content { padding-bottom: 1.5625vw; } } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content { padding-left: 3.125vw; } } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content { padding-right: 3.125vw; } } .offerBoxes .offerBox__content:before { content: ""; } .offerBoxes .offerBox__content:before { position: absolute; right: 1.3020833333vw; bottom: 1.0416666667vw; left: auto; font-size: 16px; color: white; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__content:before { font-size: 0.9375vw; } } .offerBoxes .offerBox__title { position: absolute; left: 3.125vw; bottom: 8.8541666667vw; color: white; font-weight: 700; margin: 0; font-size: 20px; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__title { font-size: 1.8229166667vw; } } .offerBoxes .offerBox__desc { font-size: 16px; color: white; position: relative; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__desc { font-size: 0.9375vw; } } .offerBoxes .offerBox__desc:after { content: ''; display: inline-block; width: 0px; height: 0px; background: white; position: absolute; left: 0; top: -1.8229166667vw; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__desc:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__desc:after { height: 0.78125vw; } } .offerBoxes .offerBox:nth-child(ODD) .offerBox__content { border-bottom: 5px solid #00CBCB; } .offerBoxes .offerBox:nth-child(EVEN) .offerBox__content { border-bottom: 5px solid #008C8B; } .offerBoxes .offerBox:nth-child(1) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox:nth-child(2) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox:nth-child(3) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox:nth-child(4) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox:nth-child(5) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox:nth-child(6) .offerBox__icon:before { content: ""; } .offerBoxes .offerBox__icon { position: absolute; top: 1.8229166667vw; left: 1.8229166667vw; } .offerBoxes .offerBox__icon:before { font-size: 30px; color: #00CCCC; } @media screen and (min-width: 1201px) { .offerBoxes .offerBox__icon:before { font-size: 3.125vw; } } .offerBoxes .offerBox:hover img { transform: scale(1.15); } .webp .offerBox:nth-child(ODD) .offerBox__content { background-image: url("/images/off1.webp"); } .webp .offerBox:nth-child(EVEN) .offerBox__content { background-image: url("/images/off2.webp"); } .no-webp .offerBox:nth-child(ODD) .offerBox__content { background-image: url("/images/off1.png"); } .no-webp .offerBox:nth-child(EVEN) .offerBox__content { background-image: url("/images/off2.png"); } .slideBanerSubCat .sliderContent__text { top: 6.5104166667vw !important; } .slideBanerSubCat .owl-dots { display: none !important; } .slider--sub.slideBanerSubCat .sliderItem .sliderImage:after { background-image: url("/images/subbaCAT.png"); } @media screen and (min-width: 1201px) { .titleSubcat { display: none; } } .pageSubcat { margin-top: 20px; } @media screen and (min-width: 1201px) { .pageSubcat { margin-top: 2.6041666667vw; } } .offerDesc__html.contentBlock h2 { color: black; font-size: 30px; } @media screen and (min-width: 1201px) { .offerDesc__html.contentBlock h2 { font-size: 1.8229166667vw; } } .offerDesc__html.contentBlock h3 { color: #00CCCC; font-size: 25px; } @media screen and (min-width: 1201px) { .offerDesc__html.contentBlock h3 { font-size: 1.5625vw; } } .offerSubCatList { display: flex; justify-content: center; flex-wrap: wrap; } .offerSubCatList .contactBoxHome { position: relative; top: auto; right: auto; } .offerSubCatList .categoryBox { width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px; position: relative; } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox { width: 31.25vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox { height: 20.9375vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox { margin-right: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox { margin-bottom: 1.0416666667vw; } } .offerSubCatList .categoryBox:nth-child(2n-2), .offerSubCatList .categoryBox:last-child { margin-right: 0; } .offerSubCatList .categoryBox img { max-width: 100%; height: auto; transition: all .4s ease; } .offerSubCatList .categoryBox__image { overflow: hidden; } .offerSubCatList .categoryBox:hover img { transform: scale(1.05); } .offerSubCatList .categoryBox__title { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 30px; font-weight: 700; color: white; text-decoration: none; height: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { font-size: 1.5625vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { height: 5.7291666667vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { padding-top: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { padding-bottom: 1.5625vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { padding-left: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title { padding-right: 2.0833333333vw; } } .offerSubCatList .categoryBox__title:before { content: ""; } .offerSubCatList .categoryBox__title:before { position: absolute; right: 1.3020833333vw; bottom: 1.0416666667vw; left: auto; font-size: 16px; color: white; } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title:before { font-size: 0.9375vw; } } .offerSubCatList .categoryBox__title:after { content: ''; display: inline-block; width: 0px; height: 0px; background: white; position: absolute; left: 2.6041666667vw; top: 0vw; } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .offerSubCatList .categoryBox__title:after { height: 0.78125vw; } } .webp .categoryBox__title { background-image: url("/images/subcat_bgtitle.webp"); } .no-webp .categoryBox__title { background-image: url("/images/subcat_bgtitle.png"); } .sectionPost__top { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .sectionPost__title { font-size: 23px; margin-top: 15px; margin-bottom: 15px; color: black; font-weight: 700; } @media screen and (min-width: 1201px) { .sectionPost__title { font-size: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .sectionPost__title { margin-top: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .sectionPost__title { margin-bottom: 2.34375vw; } } .sectionPost__link a { text-transform: uppercase; border-bottom: 1px solid #00CCCC; letter-spacing: 1px; font-size: 14px; font-weight: 700; padding-bottom: 10px; width: 200px; display: inline-block; text-decoration: none; } @media screen and (min-width: 1201px) { .sectionPost__link a { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .sectionPost__link a { padding-bottom: 0.78125vw; } } @media screen and (min-width: 1201px) { .sectionPost__link a { width: 20.0520833333vw; } } .sectionPost__link a span { width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; } .sectionPost__link a span:before { content: ""; } .sectionPost__link a span:before { color: #00CCCC; } .sectionPost__bottom .newsItem, .sectionPost__bottom .blogItems .blogItem { width: 100%; } @media screen and (min-width: 1201px) { .sectionPost__bottom .newsItem, .sectionPost__bottom .blogItems .blogItem { width: 20.8854166667vw; } } .productList { display: flex; justify-content: center; flex-wrap: wrap; } .productList .productBox { transition: all .4s ease; position: relative; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #00000021; width: 50%; height: auto; margin-right: 0px; margin-bottom: 0px; } .productList .productBox__image { padding: 6px; background: white; display: flex; align-items: center; justify-content: center; overflow: hidden; } @media screen and (min-width: 1201px) { .productList .productBox__image { padding: 0.3125vw; } } .productList .productBox__image img { max-width: 100%; height: auto; transition: all .4s ease; } @media screen and (min-width: 1201px) { .productList .productBox { width: 20.3125vw; } } @media screen and (min-width: 1201px) { .productList .productBox { height: 24.4791666667vw; } } @media screen and (min-width: 1201px) { .productList .productBox { margin-right: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .productList .productBox { margin-bottom: 1.5625vw; } } .productList .productBox:nth-child(3n-3), .productList .productBox:last-child { margin-right: 0; } .productList .productBox__title { transition: all .4s ease; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 18px; font-weight: 700; color: white; text-decoration: none; height: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1201px) { .productList .productBox__title { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title { height: 4.1666666667vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title { padding-top: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title { padding-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title { padding-right: 2.0833333333vw; } } .productList .productBox__title:before { content: ""; } .productList .productBox__title:before { position: absolute; right: 1.3020833333vw; left: auto; font-size: 16px; color: white; top: calc(50% - 0.469vw); } @media screen and (min-width: 1201px) { .productList .productBox__title:before { font-size: 0.9375vw; } } .productList .productBox__title:after { content: ''; display: inline-block; width: 0px; height: 0px; background: white; position: absolute; left: 0vw; top: calc(50% - 2.5px); } @media screen and (min-width: 1201px) { .productList .productBox__title:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .productList .productBox__title:after { height: 0.2604166667vw; } } .productList .productBox:hover { border-color: #009999; } .productList .productBox:hover img { transform: scale(1.05); } .productList .productBox:hover .productBox__title { height: auto; } @media screen and (min-width: 1201px) { .productList .productBox:hover .productBox__title { height: 5.7291666667vw; } } .webp .productBox__title { background-image: url("/images/producttitle.webp"); } .no-webp .productBox__title { background-image: url("/images/producttitle.png"); } .filerForm { width: 100%; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #00000021; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; } @media screen and (min-width: 1201px) { .filerForm { width: 18.2291666667vw; } } @media screen and (min-width: 1201px) { .filerForm { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .filerForm { padding-top: 1.5625vw; } } @media screen and (min-width: 1201px) { .filerForm { padding-bottom: 1.5625vw; } } @media screen and (min-width: 1201px) { .filerForm { padding-right: 1.8229166667vw; } } .filerForm__title { color: black; font-weight: 700; font-size: 20px; margin-bottom: 30px; } @media screen and (min-width: 1201px) { .filerForm__title { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .filerForm__title { margin-bottom: 1.5625vw; } } .filerForm .checkbox-other span:before { background: white; border: 2px solid #00CCCC; top: -0.2604166667vw; } .filerForm .checkbox-other input[type=checkbox]:checked + span:before { background-color: #009999; border-color: #009999; } .filerForm .checkbox-other span { font-size: 16px; } @media screen and (min-width: 1201px) { .filerForm .checkbox-other span { font-size: 0.9375vw; } } .filerForm .wrapcheckbox { margin-bottom: 20px; margin-top: 0; } @media screen and (min-width: 1201px) { .filerForm .wrapcheckbox { margin-bottom: 1.40625vw; } } .filerForm__top, .filerForm__bottom { border-bottom: 1px solid #EBEBEB; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .filerForm__top, .filerForm__bottom { margin-bottom: 1.0416666667vw; } } .filerForm__button { display: flex; align-items: center; justify-content: center; width: 100%; } .filerForm__button .button { width: 180px; height: 40px; background: #009999; color: white; } @media screen and (min-width: 1201px) { .filerForm__button .button { width: 11.4583333333vw; } } @media screen and (min-width: 1201px) { .filerForm__button .button { height: 2.34375vw; } } .filerForm__button .button span { display: flex; justify-content: center; font-size: 14px; } .filerForm__button .button span:before { content: ""; } @media screen and (min-width: 1201px) { .filerForm__button .button span { font-size: 0.7291666667vw; } } .filerForm__button .button span:before { font-weight: 900; font-size: 14px; margin-right: 10px; } @media screen and (min-width: 1201px) { .filerForm__button .button span:before { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .filerForm__button .button span:before { margin-right: 0.5208333333vw; } } .mainContainer__offer-single { border: 0 !important; box-shadow: none !important; padding: 0 !important; } .mainContainer__offer-single .offerSingleWrap { padding: 15px; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #0000001f; } @media screen and (min-width: 1201px) { .mainContainer__offer-single .offerSingleWrap { padding: 1.3020833333vw; } } .pagination { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .pagination { padding-top: 2.34375vw; } } @media screen and (min-width: 1201px) { .pagination { margin-bottom: 1.3020833333vw; } } .pagination__list { display: flex !important; align-items: center; justify-content: center; } .pagination__list li { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: center; background: white; width: 30px; height: 30px; border: 2px solid #00CCCC; margin: 0 5px; transition: all .4s ease; } @media screen and (min-width: 1201px) { .pagination__list li { width: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .pagination__list li { height: 2.0833333333vw; } } .pagination__list li a { text-decoration: none; color: black; font-size: 0.7291666667vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; transition: all .4s ease; } .pagination__list li:hover { background: #00CCCC; } .pagination__list li:hover a { color: black; } .pagination__list li.active { background: #00CCCC; } .pagination__list li.active a { color: black; } .pagin { width: 200px; height: 40px; padding: 0; position: relative; } @media screen and (min-width: 1201px) { .pagin { width: 12.5vw; } } @media screen and (min-width: 1201px) { .pagin { height: 2.0833333333vw; } } .pagin span { font-size: 14px; } @media screen and (min-width: 1201px) { .pagin span { font-size: 0.7291666667vw; } } .paginPrev { width: 190px; height: 35px; border: 2px solid #00CCCC; } @media screen and (min-width: 1201px) { .paginPrev { width: 11.4583333333vw; } } @media screen and (min-width: 1201px) { .paginPrev { height: 2.0833333333vw; } } .paginPrev span { text-transform: uppercase; position: relative; } .paginPrev span:before { content: ""; } .paginPrev span:before { position: absolute; left: -25px; transform: rotate(180deg); top: 1px; } .paginNext { width: 190px; height: 35px; border: 2px solid #00CCCC; } @media screen and (min-width: 1201px) { .paginNext { width: 11.4583333333vw; } } @media screen and (min-width: 1201px) { .paginNext { height: 2.0833333333vw; } } .paginNext span { text-transform: uppercase; position: relative; } .paginNext span:before { content: ""; } .paginNext span:before { position: absolute; right: -25px; top: 1px; } .pagin span:before { color: #00CCCC; position: absolute; } .pagin:hover span:before { color: white; } @media screen and (max-width: 900px) { .paginNext span:before { display: none; } .paginPrev span:before { display: none; } .pagination__list li a { font-size: 18px; } .pagination { flex-wrap: wrap; flex-direction: column; margin-bottom: 30px; } .pagination .pagination__list { margin: 15px 0; } } @media screen and (max-width: 400px) { .pagination__list li a { font-size: 14px; } } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #00CCCC; } .select2-dropdown { top: -3.125vw; border-color: #00CCCC; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #00CCCC; } .select2-results__message { display: none; } /**********SEARCH result****************/ .mainContainer__search { border-radius: 5px; } .mainContainer__search ul li { padding: 1.0416666667vw; list-style-type: none; background: white; margin-top: 1.5625vw; border: 1px solid #00CCCC; display: flex; justify-content: flex-start; align-items: center; } @media screen and (max-width: 1201px) { .mainContainer__search ul li { padding: 20px; margin-top: 20px; } } .mainContainer__search ul li .search__images { width: 16.1458333333vw; } @media screen and (max-width: 1201px) { .mainContainer__search ul li .search__images { display: none; } } .mainContainer__search ul li .search__images img { max-width: 100%; height: auto; } .mainContainer__search ul li .search__desc { width: 65.1041666667vw; margin-left: 2.0833333333vw; } @media screen and (max-width: 1201px) { .mainContainer__search ul li .search__desc { width: 100%; margin: 0; } } .mainContainer__search ul li .search__desc a { display: inline-block; width: 100%; text-decoration: none; } .mainContainer__search ul li .search__desc .search__title { color: #00CCCC; font-weight: 700; font-size: 1.8229166667vw; margin-bottom: 1.0416666667vw; transition: all .4s ease; } @media screen and (max-width: 1201px) { .mainContainer__search ul li .search__desc .search__title { margin-bottom: 10px; font-size: 22px; } } .mainContainer__search ul li .search__desc .search__title:hover { color: #000000; } .mainContainer__search ul li .search__desc .search__link { color: #000000; font-weight: 400; font-size: 1.0416666667vw; margin-bottom: 1.0416666667vw; transition: all .4s ease; } @media screen and (max-width: 1201px) { .mainContainer__search ul li .search__desc .search__link { margin-bottom: 10px; font-size: 16px; word-break: break-all; } } .mainContainer__search ul li .search__desc .search__link:hover { color: #00CCCC; } .mainContainer__search ul li .search__desc .search__text { color: #000000; font-weight: 400; font-size: 0.9375vw; } @media screen and (max-width: 1201px) { .mainContainer__search ul li .search__desc .search__text { font-size: 16px; } } .autosearch { display: flex; flex-direction: column; position: absolute; top: 2.34375vw; left: 0; right: 0; width: 37.5vw; border: 1px solid #00CCCC; } .autosearch li { list-style: none; background: white; padding: 0.5208333333vw 1.5625vw; } .autosearch li:nth-child(EVEN) { background: #EDEFF3; } .autosearch li:not(data-test) { cursor: pointer; } .autosearch li h2 { color: #009999; margin: 0; } .autosearch li a { justify-content: flex-start; display: flex; font-weight: 700; color: black; text-decoration: none; align-items: center; color: black; transition: all .4s ease; } .autosearch li a:hover { color: #00CCCC; } .autosearch li a img { width: 100px; height: 100px; margin-right: 0.78125vw; } .tab { overflow: hidden; } .tab-content { max-height: 0; transition: all .45s; } .tab-label { cursor: pointer; } .tab input { opacity: 0; display: none; } input:checked ~ .tab-content { max-height: 100vh; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 1201px) { input:checked ~ .tab-content { padding-top: 0.5208333333vw; } } @media screen and (min-width: 1201px) { input:checked ~ .tab-content { padding-bottom: 0.5208333333vw; } } .multicontactItem { margin-bottom: 10px; } @media screen and (min-width: 1201px) { .multicontactItem { margin-bottom: 1.0416666667vw; } } .multicontactItemTop { height: auto; background: #EFF3F3; border: 1px solid #00CCCC; border-top-width: 6px; display: flex; align-items: center; position: relative; } @media screen and (min-width: 1201px) { .multicontactItemTop { height: 6.7708333333vw; } } .multicontactItemTop:after { position: absolute; content: ''; height: 5px; width: 20px; background: #00CCCC; display: inline-block; left: 0; top: calc(50% - 2.5px); } @media screen and (min-width: 1201px) { .multicontactItemTop:after { width: 1.3020833333vw; } } .multicontactItemWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; } .multicontactItemWrap .multicontactItem__left { padding-left: 15px; width: 100%; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__left { padding-left: 3.125vw; } } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__left { width: 41.6666666667vw; } } .multicontactItemWrap .multicontactItem__left .multicontactItemDepartment__name { font-weight: 700; font-size: 20px; color: black; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__left .multicontactItemDepartment__name { font-size: 1.5625vw; } } .multicontactItemWrap .multicontactItem__left .multicontactItemDepartment__desc { font-size: 16px; font-weight: 400; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__left .multicontactItemDepartment__desc { font-size: 0.9375vw; } } .multicontactItemWrap .multicontactItem__contact { width: 100%; display: flex; justify-content: flex-start; align-items: center; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact { width: 35.9375vw; } } .multicontactItemWrap .multicontactItem__contact-left { align-items: flex-start; width: 60%; display: flex; flex-direction: column; } .multicontactItemWrap .multicontactItem__contact-left span { font-size: 18px; color: black; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-left span { font-size: 1.0416666667vw; } } .multicontactItemWrap .multicontactItem__contact-left span a { font-size: 18px; color: black; text-decoration: none; transition: all .4s ease; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-left span a { font-size: 1.0416666667vw; } } .multicontactItemWrap .multicontactItem__contact-left span a:hover { color: #00CCCC; } .multicontactItemWrap .multicontactItem__contact-left span:before { color: #00CCCC; font-size: 20px; margin-right: 10px; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-left span:before { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-left span:before { margin-right: 0.78125vw; } } .multicontactItemWrap .multicontactItem__contact-right { align-items: flex-start; width: 60%; display: flex; flex-direction: column; } .multicontactItemWrap .multicontactItem__contact-right span { font-size: 18px; color: black; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-right span { font-size: 1.0416666667vw; } } .multicontactItemWrap .multicontactItem__contact-right span a { font-size: 18px; text-decoration: none; transition: all .4s ease; color: #009999; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-right span a { font-size: 1.0416666667vw; } } .multicontactItemWrap .multicontactItem__contact-right span a:hover { color: black; } .multicontactItemWrap .multicontactItem__contact-right span:before { color: #00CCCC; font-size: 20px; margin-right: 10px; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-right span:before { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__contact-right span:before { margin-right: 0.78125vw; } } .multicontactItemWrap .multicontactItem__contact-call:before { content: ""; } .multicontactItemWrap .multicontactItem__contact-fax:before { content: ""; } .multicontactItemWrap .multicontactItem__contact-email:before { content: ""; } .multicontactItemWrap .multicontactItem__contact-mob:before { content: ""; } .multicontactItemWrap .multicontactItem__right { width: 100%; display: flex; align-items: center; position: relative; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__right { width: 5.2083333333vw; } } .multicontactItemWrap .multicontactItem__right .closedItem { display: none; } .multicontactItemWrap .multicontactItem__right span { font-size: 16px; font-weight: 400; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__right span { font-size: 0.8333333333vw; } } .multicontactItemWrap .multicontactItem__right:before { content: ""; } .multicontactItemWrap .multicontactItem__right:before { right: 0.78125vw; transform: rotate(90deg); position: absolute; font-size: 15px; color: #00CCCC; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__right:before { font-size: 0.78125vw; } } .multicontactItemWrap .multicontactItem__right:after { height: 0px; width: 0px; position: absolute; left: -0.78125vw; content: ''; display: inline-block; background: #00CCCC; } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__right:after { height: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .multicontactItemWrap .multicontactItem__right:after { width: 0.1041666667vw; } } .multicontactItemPerson { display: flex; justify-content: flex-start; align-items: center; } .multicontactItemPerson__image { width: 115px; height: 115px; margin-right: 0px; margin-bottom: 15px; border: 1px solid #00CCCC; border-radius: 50%; overflow: hidden; } @media screen and (min-width: 1201px) { .multicontactItemPerson__image { width: 5.9895833333vw; } } @media screen and (min-width: 1201px) { .multicontactItemPerson__image { height: 5.9895833333vw; } } @media screen and (min-width: 1201px) { .multicontactItemPerson__image { margin-right: 2.34375vw; } } @media screen and (min-width: 1201px) { .multicontactItemPerson__image { margin-bottom: 0vw; } } .multicontactItemPerson__image img { max-width: 100%; height: auto; } .multicontactItemPerson__text { display: flex; flex-direction: column; justify-content: flex-start; } .multicontactItemPerson__name { font-size: 20px; color: #009999; font-weight: 700; } @media screen and (min-width: 1201px) { .multicontactItemPerson__name { font-size: 1.5625vw; } } .multicontactItemPerson__desc { font-size: 20px; } @media screen and (min-width: 1201px) { .multicontactItemPerson__desc { font-size: 0.9375vw; } } .multicontactItemBottom { border: 1px solid #00CCCC; border-top: none; } .tab-label.multicontactItemTop.active .closedItem { display: block; } .tab-label.multicontactItemTop.active .openItem { display: none; } .tab-label.multicontactItemTop.active .multicontactItemWrap .multicontactItem__right:before { transform: rotate(270deg); } .singleBlog__wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto; } @media screen and (min-width: 1201px) { .singleBlog__wrap { width: 84.8958333333vw; } } .singleBlog__blogItem { width: 66.6666666667vw; padding: 20px; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #0000001f; background: white; } @media screen and (min-width: 1201px) { .singleBlog__blogItem { padding: 1.3020833333vw; } } .singleBlog .blogItem__title { font-weight: 700; font-size: 24px; color: black; position: relative; margin-top: 0; margin-bottom: 0; height: auto; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__title { font-size: 1.25vw; } } .singleBlog__listItemsPost { width: 16.6666666667vw; } .singleBlog__listItemsPost-title { font-size: 20px; font-weight: 700; color: #00CCCC; width: 100%; text-align: center; margin-bottom: 15px; margin-top: 10px; } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost-title { font-size: 1.25vw; } } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost-title { margin-bottom: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost-title { margin-top: -2.7083333333vw; } } .singleBlog__listItemsPost .blogItemRelated { text-decoration: none; display: flex; justify-content: flex-start; flex-direction: column; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost .blogItemRelated { margin-bottom: 1.0416666667vw; } } .singleBlog__listItemsPost .blogItemRelated__image { display: flex; } .singleBlog__listItemsPost .blogItemRelated__image img { max-width: 100%; height: auto; } .singleBlog__listItemsPost .blogItemRelated__content { transition: all .5s ease; padding: 15px; position: relative; } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost .blogItemRelated__content { padding: 0.78125vw; } } .singleBlog__listItemsPost .blogItemRelated__title { color: black; font-size: 18px; font-weight: 700; margin-bottom: 20px; transition: all .4s ease; } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost .blogItemRelated__title { font-size: 0.9375vw; } } @media screen and (min-width: 1201px) { .singleBlog__listItemsPost .blogItemRelated__title { margin-bottom: 1.0416666667vw; } } .singleBlog__listItemsPost .blogItemRelated:hover .blogItemRelated__content { background: #009999; } .singleBlog__listItemsPost .blogItemRelated:hover .blogItemRelated__title { color: white; } .singleBlog__linkAllPost a { width: 100%; justify-content: center; font-weight: 900; height: 40px; border: 2px solid #00CCCC; } @media screen and (min-width: 1201px) { .singleBlog__linkAllPost a { height: 2.0833333333vw; } } .singleBlog__linkAllPost a span { width: 100%; text-align: center; } .singleBlog__linkAllPost a:hover span { color: white; } .singleBlog .blogItem__titleWrap { display: flex; justify-content: space-between; align-items: center; padding-top: 25px; padding-right: 20px; padding-left: 20px; padding-bottom: 25px; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__titleWrap { padding-top: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__titleWrap { padding-right: 0.78125vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__titleWrap { padding-left: 0.78125vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__titleWrap { padding-bottom: 1.3020833333vw; } } .singleBlog .blogItem__content { width: 100%; } .singleBlog .blogItem__sortWrapLeft { display: flex; } .singleBlog .blogItem__sortWrap { padding-right: 20px; padding-left: 20px; justify-content: space-between; display: flex; align-items: center; height: 50px; margin-bottom: 20px; border-top: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap { padding-right: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap { padding-left: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap { height: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap { margin-bottom: 1.0416666667vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort { position: relative; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; margin-right: 20px; font-family: "Roboto Condensed", sans-serif; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort { margin-right: 1.3020833333vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort a { font-size: 13px; margin-left: 10px; color: #00CCCC; text-decoration: none; transition: all .4s ease; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort a { font-size: 0.6770833333vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort a { margin-left: 0.78125vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort a:hover { color: black; } .singleBlog .blogItem__sortWrap .blogItem__sort span { margin-left: 10px; color: #00CCCC; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort span { margin-left: 0.78125vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort:before { color: #00CCCC; top: 0px; left: 30px; font-size: 18px; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort:before { font-size: 1.1979166667vw; left: 0; top: 0vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort--category { font-size: 13px; letter-spacing: 2px; } .singleBlog .blogItem__sortWrap .blogItem__sort--category:before { content: ""; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__sortWrap .blogItem__sort--category { font-size: 0.6770833333vw; } } .singleBlog .blogItem__sortWrap .blogItem__sort--author { letter-spacing: 2px; } .singleBlog .blogItem__sortWrap .blogItem__sort--author:before { content: ""; } .singleBlog .blogItem__desc { padding-bottom: 1.0416666667vw; } .singleBlog .blogItem__bottom { padding-top: 1.5625vw; padding-bottom: 1.5625vw; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #00CCCC; display: flex; align-items: center; justify-content: space-between; margin-top: 0; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__bottom { padding-left: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .singleBlog .blogItem__bottom { padding-right: 1.0416666667vw; } } .singleBlog .blogItem__navigation { margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__navigation { margin-top: 1.5625vw; } } .singleBlog .blogItem__navigation a { color: black; font-size: 1.25vw; text-decoration: none; width: 100%; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #0000001f; transition: all .4s ease; display: flex; height: auto; flex-direction: column; justify-content: space-between; position: relative; font-family: "Roboto Condensed", sans-serif; } @media screen and (min-width: 1201px) { .singleBlog .blogItem__navigation a { width: 31.25vw; } } .singleBlog .blogItem__navigation a span { transition: all .4s ease; padding-top: 1.5625vw; font-size: 0.8333333333vw; display: inline-block; width: 100%; color: black; text-transform: uppercase; } .singleBlog .blogItem__navigation .blogItem__navigationPrev { background: white; padding: 2.34375vw 1.8229166667vw; font-weight: 700; position: relative; padding-right: 4.1666666667vw; text-align: left; padding-left: 4.1666666667vw; } .singleBlog .blogItem__navigation .blogItem__navigationPrev:before { content: ""; } .singleBlog .blogItem__navigation .blogItem__navigationPrev:before { font-weight: 400; position: absolute; left: 1.0416666667vw; top: calc(50% - 15px); color: block; transform: rotate(180deg); } .singleBlog .blogItem__navigation .blogItem__navigationPrev:before { color: #00CCCC; } .singleBlog .blogItem__navigation .blogItem__navigationPrev:hover { text-decoration: underline; background: #EFF3F3; border-color: #00CCCC; } .singleBlog .blogItem__navigation .blogItem__navigationPrev:hover span { text-decoration: underline; } .singleBlog .blogItem__navigation .blogItem__navigationNext { background: white; padding: 2.34375vw 1.8229166667vw; position: relative; text-align: right; padding-right: 5.9895833333vw; padding-left: 1.8229166667vw; font-weight: 700; } .singleBlog .blogItem__navigation .blogItem__navigationNext:before { content: ""; } .singleBlog .blogItem__navigation .blogItem__navigationNext:before { font-weight: 400; position: absolute; right: 1.0416666667vw; top: calc(50% - 15px); color: #00CCCC; } .singleBlog .blogItem__navigation .blogItem__navigationNext:hover { text-decoration: underline; background: #EFF3F3; border-color: #00CCCC; } .singleBlog .blogItem__navigation .blogItem__navigationNext:hover span { text-decoration: underline; } @media (max-width: 1201px) { .singleBlog__listItemsPost { width: 100%; } .singleBlog__wrap { flex-direction: column-reverse; } .singleBlog__listItemsPost h3 { font-size: 20px; } .singleBlog__blogItem { width: 100%; } .singleBlog .blogItem__sortWrap .blogItem__sort--category:before { font-size: 18px; } .singleBlog .blogItem__sortWrap .blogItem__sort { width: 100%; margin-bottom: 10px; } .singleBlog .blogItem__title { font-size: 20px; padding-right: 15px; } .singleBlog .blogItem__titleWrap { padding: 20px; } .singleBlog .blogItem__rateWrap { flex-wrap: wrap; } .singleBlog .blogItem__rateWrap div { width: 100%; } .singleBlog .blogItem__rateWrap .singleBlog .stars__tooltip { top: -40px; } .singleBlog .blogItem__rate { justify-content: flex-end; } .listBlogItem__date { font-size: 15px; } .listBlogItem__date:before { font-size: 30px; } .listBlogItem__date { font-size: 15px; align-items: center; display: flex; padding-left: 40px; } .singleBlog .blogItem__sortWrap { flex-wrap: wrap; } .singleBlog .blogItem__rate { margin: 10px 0 !important; } .blogItem__fb { margin-top: 20px; } .singleBlog .blogItem__bottom { flex-wrap: wrap; } .singleBlog .blogItem__bottomRight { margin-top: 20px; } .singleBlog .blogItem__back a span:before { top: 11px; left: 0px; } .singleBlog .blogItem__navigation a span { font-size: 14px; } .singleBlog__listItemsPost-title { font-size: 25px; padding: 0; margin: 20px 0; } .singleBlog__listItemsPost .blogItems--related .blogItem:last-child { margin-bottom: 20px; } } @media (max-width: 800px) { .listBlogItem__date { margin-bottom: 20px; } .singleBlog .blogItem__back a { font-size: 17px; } .singleBlog .blogItem__sortWrapLeft { flex-wrap: wrap; } .singleBlog .blogItem__bottom .ocena, .singleBlog .blogItem__facebookComment .blogItem__facebookCommentTitle { font-size: 15px; } .singleBlog .blogItem__navigation .blogItem__navigationPrev, .singleBlog .blogItem__navigation .blogItem__navigationNext { font-size: 17px; } .singleBlog .blogItem__navigation .blogItem__navigationPrev:after { display: none; } } @media (max-width: 500px) { .singleBlog .blogItem__navigation .blogItem__navigationPrev:before, .singleBlog .blogItem__navigation .blogItem__navigationNext:before { display: none; } .singleBlog .blogItem__navigation { flex-wrap: wrap; } .singleBlog .blogItem__navigation a { width: 100%; margin-bottom: 20px; } .singleBlog .blogItem__navigation a:last-child { margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #052B5F; } .singleBlog .blogItem__navigation a { margin-bottom: 0; } .singleBlog .blogItem__navigation .blogItem__navigationNext, .singleBlog .blogItem__navigation .blogItem__navigationPrev { padding: 20px; } .singleBlog .blogItem__bottom { padding: 15px; } } .listContent { border: 1px solid #00CCCC; background: #F8F8F6; border-left: 15px solid #00CCCC; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .listContent { padding-left: 3.125vw; } } @media screen and (min-width: 1201px) { .listContent { margin-top: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .listContent { margin-bottom: 1.0416666667vw; } } .listContent ol { margin: 0; padding-left: 10px; padding-bottom: 10px; } @media screen and (min-width: 1201px) { .listContent ol { padding-left: 0.78125vw; } } @media screen and (min-width: 1201px) { .listContent ol { padding-bottom: 1.0416666667vw; } } .listContent ol li { color: black; transition: all .4s ease; font-size: 18px; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .listContent ol li { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .listContent ol li { margin-bottom: 0.78125vw; } } .listContent ol li a { color: black; text-decoration: none; transition: all .4s ease; } .listContent ol li:hover { color: #00CCCC; text-decoration: underline; } .listContent ol li:hover a { color: #00CCCC; } .listContent__title { padding-top: 20px; margin-bottom: 20px; font-size: 20px; font-weight: 700; } @media screen and (min-width: 1201px) { .listContent__title { padding-top: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .listContent__title { margin-bottom: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .listContent__title { font-size: 1.25vw; } } .blogItems { display: flex; flex-wrap: wrap; justify-content: center; } .blogItems .blogItem { position: relative; flex-direction: column; justify-content: flex-start; margin-right: 10px; width: 100%; margin-bottom: 20px; display: flex; text-decoration: none; position: relative; border: 1px solid #E3F1F1; box-shadow: 0px 8px 21px 0px #00000021; transition: all .5s ease; } .blogItems .blogItem:before { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 0vw; bottom: 0vw; } @media screen and (min-width: 1201px) { .blogItems .blogItem:before { width: 8.3333333333vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem:before { height: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem { margin-right: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem { width: 27.34375vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem { margin-bottom: 2.0833333333vw; } } .blogItems .blogItem:nth-child(3n+3) { margin-right: 0; } .blogItems .blogItem:last-child { margin-right: 0; } .blogItems .blogItem img { max-width: 100%; height: auto; } .blogItems .blogItem__title { color: black; font-weight: 700; font-size: 20px; line-height: 1.2; position: relative; } @media screen and (min-width: 1201px) { .blogItems .blogItem__title { font-size: 1.25vw; } } .blogItems .blogItem__content { position: relative; padding-right: 0px; padding-left: 0px; padding-top: 0px; font-size: 18px; border: 1px solid transparent; font-family: "Roboto Condensed", sans-serif; color: black; } @media screen and (min-width: 1201px) { .blogItems .blogItem__content { padding-right: 1.5625vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem__content { padding-left: 1.5625vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem__content { padding-top: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem__content { font-size: 0.9375vw; } } .blogItems .blogItem__content:after { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 1.5625vw; top: 0vw; } @media screen and (min-width: 1201px) { .blogItems .blogItem__content:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem__content:after { height: 0.78125vw; } } .blogItems .blogItem__desc { max-height: 10.4166666667vw; overflow-y: hidden; } .blogItems .blogItem__bottom { min-height: 15.625vw; display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin-top: 20px; } @media screen and (min-width: 1201px) { .blogItems .blogItem__bottom { margin-top: 1.3020833333vw; } } .blogItems .blogItem__bottom .button { width: 90px; height: 30px; border: 2px solid #00CCCC; color: black; } @media screen and (min-width: 1201px) { .blogItems .blogItem__bottom .button { width: 4.6875vw; } } @media screen and (min-width: 1201px) { .blogItems .blogItem__bottom .button { height: 1.5625vw; } } .blogItems .blogItem__bottom .button:hover { color: white; } .blogItems .blogItem:hover { background: #EFF3F3; } .blogItems .blogItem:hover .blogItem__content { border: 1px solid #00CCCC; } .blogItems--cat .blogItem { border: 1px solid transparent; flex-direction: row; width: 100%; } .blogItems--cat .blogItem .blogItem__content { border: 0; } .blogItems--cat .blogItem:hover { border-color: #00CCCC; } .blogItems--cat .blogItem:hover .blogItem__content { border: 0; } .blogItems--cat .blogItem:hover { background: #EFF3F3; } .blogItems--cat .blogItem:nth-child(2n-2) { flex-direction: row-reverse; } .blogItems--cat .blogItem__image { width: 48%; display: flex; align-items: center; justify-content: center; } .blogItems--cat .blogItem__content { width: 52%; } .blogItems--cat .blogItem__bottom { min-height: 13.0208333333vw; } .blogItems--cat .blogItem__desc { max-height: 7.8125vw; overflow-y: hidden; } .blogItem__link { height: 40px; margin-bottom: 30px; margin-top: 20px; display: flex; width: 100%; align-items: flex-end; position: relative; justify-content: flex-end; } @media screen and (min-width: 1201px) { .blogItem__link { height: 2.8645833333vw; } } @media screen and (min-width: 1201px) { .blogItem__link { margin-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .blogItem__link { margin-top: 1.0416666667vw; } } .blogItem__link:before { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 0vw; top: 0vw; } @media screen and (min-width: 1201px) { .blogItem__link:before { width: 2.8645833333vw; } } @media screen and (min-width: 1201px) { .blogItem__link:before { height: 0.0520833333vw; } } .blog .mainContainer__wrap { width: 100%; } @media screen and (min-width: 1201px) { .blog .mainContainer__wrap { width: 83.3333333333vw; } } .blog .mainContainer__wrap .mainContainer__modules { padding: 0; border: 0; box-shadow: none; } .bread { width: 100%; z-index: 1; position: relative; background-color: transparent; position: relative; top: -5px; position: relative; } .bread:before { content: ''; top: 0; left: 0; } @media screen and (max-width: 1201px) { .bread { display: none; } } .breadcrumbs { height: 2.6041666667vw; display: flex; align-items: center; padding-left: 9.8958333333vw; line-height: 1; margin-top: 0px; } @media screen and (min-width: 1201px) { .breadcrumbs { margin-top: -2.5520833333vw; } } .breadcrumbs__name { color: white; font-size: 0.625vw; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; position: relative; z-index: 10; } .breadcrumbs__breads { position: relative; z-index: 0; font-size: 0; margin: 0; padding: 0; } .breadcrumbs__breads li { display: inline-block; vertical-align: middle; color: white; letter-spacing: 1px; font-size: 0.625vw; padding-left: 0.5208333333vw; position: relative; text-transform: uppercase; } .breadcrumbs__breads li.active { color: white; } .breadcrumbs__breads li:first-child { margin: 0; padding: 0; } .breadcrumbs__breads a { color: white; text-decoration: none; text-transform: uppercase; font-size: 0.6770833333vw; } .breadcrumbs__breads a:hover { text-decoration: underline; } .form { display: flex; flex-direction: column; width: 100%; position: relative; background: #EFF3F3; margin-top: 30px; } @media screen and (min-width: 1201px) { .form { margin-top: 2.0833333333vw; } } .form:before { content: ""; } .form:before { position: absolute; right: 14.84375vw; top: 2.34375vw; color: #009999; font-size: 2.6041666667vw; } .form .titleforms { margin-left: auto; margin-right: auto; margin-bottom: 30px; margin-top: 30px; position: relative; color: #000000; text-transform: uppercase; text-align: center; width: 100%; font-size: 1.3020833333vw; font-weight: 800; z-index: 10; } @media screen and (min-width: 1201px) { .form .titleforms { margin-bottom: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .form .titleforms { margin-top: 2.6041666667vw; } } @media screen and (max-width: 1201px) { .form .titleforms { font-size: 20px; } } .form .formTop { display: flex; justify-content: space-between; width: 100%; margin: 0 auto; } @media screen and (min-width: 1201px) { .form .formTop { width: 53.125vw; } } .form .formBottom { display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 0 auto; } @media screen and (min-width: 1201px) { .form .formBottom { width: 53.125vw; } } .form .formBottom .styledForm__row { display: flex; width: 100%; display: flex; flex-direction: column; } .form .formBottom .styledForm__row textarea { height: 100px; background: white; padding: 10px; border: 2px solid #00CCCC; } @media screen and (min-width: 1201px) { .form .formBottom .styledForm__row textarea { height: 6.7708333333vw; } } .styledForm__row { width: 48%; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .styledForm__row { width: 19.2708333333vw; } } @media screen and (min-width: 1201px) { .styledForm__row { margin-bottom: 0.2604166667vw; } } .styledForm__row label { font-size: 16px; color: #009999; font-weight: 700; text-transform: uppercase; position: relative; display: inline-block; margin-left: 5px; } @media screen and (min-width: 1201px) { .styledForm__row label { font-size: 0.8333333333vw; } } @media screen and (min-width: 1201px) { .styledForm__row label { margin-left: 0.78125vw; } } .styledForm__row input { height: 45px; width: 100%; border: 2px solid #00CCCC; padding-left: 10px; color: black; background: white; font-size: 14px; } @media screen and (min-width: 1201px) { .styledForm__row input { height: 2.34375vw; } } @media screen and (min-width: 1201px) { .styledForm__row input { padding-left: 0.78125vw; } } @media screen and (min-width: 1201px) { .styledForm__row input { font-size: 0.9375vw; } } .styledForm__row input::placeholder { font-style: italic; color: #8CA7A7 !important; font-size: 14px; } @media screen and (min-width: 1201px) { .styledForm__row input::placeholder { font-size: 0.9375vw; } } .styledForm__row--files { margin-top: 20px; min-height: 2.34375vw; } @media screen and (min-width: 1201px) { .styledForm__row--files { margin-top: 1.1458333333vw; } } @media screen and (max-width: 1600px) { .styledForm__row--files { margin-top: 20px; } } @media screen and (max-width: 1600px) and (min-width: 1201px) { .styledForm__row--files { margin-top: 1.25vw; } } .styledForm__row--files .main_input_file { display: none; } .styledForm__row--files .filesLabel { width: 100%; height: 45px; color: black; position: relative; display: flex; align-items: center; justify-content: center; font-weight: 700; border: 1px solid #C6C6C6; text-transform: uppercase; } @media screen and (min-width: 1201px) { .styledForm__row--files .filesLabel { height: 2.34375vw; } } .styledForm__row--files .filesLabel:before { content: ""; } .styledForm__row--files .filesLabel:before { margin-right: 10px; color: black; font-size: 14px; } @media screen and (min-width: 1201px) { .styledForm__row--files .filesLabel:before { margin-right: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .styledForm__row--files .filesLabel:before { font-size: 0.9375vw; } } .styledForm__row--files .filesLabel:hover { border: 1px solid #00CCCC; cursor: pointer; } .styledForm__row--files label { margin: 0; width: 100%; } .styledForm__row--files label:after { display: none; } .styledForm__row #f_name { background: transparent; border: 0; display: flex; vertical-align: top; width: 100%; height: auto; margin-top: 5px; justify-content: flex-start; color: black; flex-wrap: wrap; } .styledForm__row #f_name .bsp { font-weight: 500; background: #F3F3F3; padding: 5px 10px; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .styledForm__row .remove { margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-weight: 700; text-align: center; width: 200px; height: 35px; cursor: pointer; justify-content: center; padding-right: 50px; position: relative; align-items: center; background: #00CCCC; transition: all .4s ease; color: white; padding: 5px 10px; display: flex; flex-direction: row-reverse; } .styledForm__row .remove:before { content: ""; } @media screen and (min-width: 1201px) { .styledForm__row .remove { width: 10.4166666667vw; } } @media screen and (min-width: 1201px) { .styledForm__row .remove { height: 1.8229166667vw; } } .styledForm__row .remove:hover { background: #F3F3F3; color: black; } .styledForm__row .remove:before { position: absolute; right: 6px; top: 9px; } .styledForm__row--message { width: 100%; display: flex; flex-direction: column; } .styledForm__row--message label:after { display: none; } .styledForm__row--button { width: 100%; margin-top: 25px; margin-bottom: 25px; display: flex; justify-content: flex-end !important; flex-direction: row !important; } @media screen and (min-width: 1201px) { .styledForm__row--button { margin-top: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .styledForm__row--button { margin-bottom: 1.8229166667vw; } } .styledForm__row--button button { font-size: 15px; font-weight: 700; width: 200px; height: 50px; background: #009999; color: white; } @media screen and (min-width: 1201px) { .styledForm__row--button button { font-size: 0.78125vw; } } @media screen and (min-width: 1201px) { .styledForm__row--button button { width: 11.9791666667vw; } } @media screen and (min-width: 1201px) { .styledForm__row--button button { height: 3.125vw; } } .wrapcheckbox { margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .wrapcheckbox { margin-top: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .wrapcheckbox { margin-bottom: 0.5208333333vw; } } .wrapcheckbox span { font-size: 12px; text-transform: initial; } @media screen and (min-width: 1201px) { .wrapcheckbox span { font-size: 0.7291666667vw; } } .wrapcheckbox span a { text-decoration: none; transition: all .4s ease; } .wrapcheckbox span a:hover { color: black; } .formBotoom__privacy { display: flex; justify-content: space-between; flex-wrap: wrap; } .selectize-input { height: 45px; border: 2px solid #00CCCC; padding: 0 0.78125vw; border-radius: 0; display: flex; align-items: center; position: relative; box-shadow: none; } @media screen and (min-width: 1201px) { .selectize-input { height: 2.34375vw; } } .selectize-input:before { content: ""; } .selectize-input:before { color: #00CCCC; position: absolute; top: 0.8854166667vw; right: 0.8854166667vw; z-index: 2; font-size: 0.625vw; transform: rotate(-90deg); } .selectize-input .item { font-size: 14px; } @media screen and (min-width: 1201px) { .selectize-input .item { font-size: 0.9375vw; } } .selectize-input input { font-size: 18px; } @media screen and (min-width: 1201px) { .selectize-input input { font-size: 0.9375vw; } } .selectize-input input::placeholder { font-size: 18px; color: black; } @media screen and (min-width: 1201px) { .selectize-input input::placeholder { font-size: 0.9375vw; } } .selectize-control.single .selectize-input.input-active { display: flex; } .selectize-control.single { position: relative; } .selectize-dropdown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: none; background: #fff; margin: 0; border-top: 0 none; box-sizing: border-box; box-shadow: none; border-radius: 0; border: 1px solid #00CCCC; } .selectize-input { box-shadow: none !important; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create { font-size: 14px; padding: 0.3645833333vw 0.78125vw; color: black; } @media screen and (min-width: 1201px) { .selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create { font-size: 0.9375vw; } } .selectize-dropdown .active { background-color: #00CCCC; color: white; } .selectize-control.single .selectize-input:after { display: none; } .selectize-input.dropdown-active { border-radius: 0; box-shadow: none !important; } .selectize-input.dropdown-active::before { display: none; } .checkbox-other { display: block; -webkit-user-select: none; user-select: none; position: relative !important; width: 100%; margin-left: 0 !important; top: auto !important; left: auto !important; font-weight: 400 !important; font-family: "Roboto Condensed", sans-serif; text-decoration: none !important; } .checkbox-other input[type=checkbox] { position: absolute; z-index: 1; opacity: 0; display: block; height: 15px; width: 15px; border: 1px solid #00CCCC; background: white; cursor: pointer; } @media screen and (min-width: 1201px) { .checkbox-other input[type=checkbox] { height: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .checkbox-other input[type=checkbox] { width: 1.3020833333vw; } } .checkbox-other input[type=radio] { position: absolute; z-index: 1; opacity: 0; display: block; height: 15px; width: 15px; background: white; cursor: pointer; } @media screen and (min-width: 1201px) { .checkbox-other input[type=radio] { height: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .checkbox-other input[type=radio] { width: 1.3020833333vw; } } .checkbox-other span { display: inline-block; font-size: 12px; cursor: pointer; color: black; font-weight: 500; position: relative; padding-left: 35px; } @media screen and (min-width: 1201px) { .checkbox-other span { font-size: 0.8333333333vw; } } .checkbox-other span a { color: #00CCCC; } @media screen and (min-width: 1201px) { .checkbox-other span { padding-left: 2.0833333333vw; } } @media screen and (max-width: 380px) { .checkbox-other span { font-size: 13px; padding-left: 20px; padding-top: 2px; } } .checkbox-other span:before { content: ""; display: inline-block; height: 15px; width: 15px; position: absolute; left: 0; top: -2px; background: #009999; cursor: pointer !important; } @media screen and (min-width: 1201px) { .checkbox-other span:before { height: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .checkbox-other span:before { width: 1.3020833333vw; } } @media screen and (max-width: 380px) { .checkbox-other span:before { width: 15px; height: 15px; } } /* Checked */ .checkbox-other input[type=checkbox]:checked + span:before { background-image: url("/images/ch.png"); background-position: center; background-repeat: no-repeat; background-size: 60%; } .checkbox-other input[type=radio]:checked + span:before { background-image: url("/images/ch.png"); background-position: center; background-repeat: no-repeat; background-size: 60%; } @media screen and (max-width: 1201px) { .selectize-input { padding: 0 15px; } .wrapcheckbox { padding: 0 20px; } .wrapcheckbox .checkbox-other span { padding-top: 0; font-size: 12px; } .wrapcheckbox .checkbox-other span:before { width: 20px; height: 20px; top: -5px; } .styledForm__row { width: 100%; padding: 0 20px; } .styledForm__row--radio, .styledForm__row--newsletter { margin: 10px 20px 10px; } .styledForm__row--radio .checkbox-other span, .styledForm__row--newsletter .checkbox-other span { padding-top: 0; font-size: 16px; } .styledForm__row--radio .checkbox-other span:before, .styledForm__row--newsletter .checkbox-other span:before { width: 20px; height: 20px; top: 0; } .form__wrap { justify-content: flex-start; } } .form__wrapWrap { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; } .form__wrapWrap .styledForm__row.styledForm__row--newsletter { margin-top: 20px; } @media screen and (min-width: 1201px) { .form__wrapWrap .styledForm__row.styledForm__row--newsletter { margin-top: 1.1458333333vw; } } @media screen and (max-width: 1600px) { .form__wrapWrap .styledForm__row.styledForm__row--newsletter { margin-top: 20px; } } @media screen and (max-width: 1600px) and (min-width: 1201px) { .form__wrapWrap .styledForm__row.styledForm__row--newsletter { margin-top: 1.25vw; } } @media screen and (max-width: 600px) { .form__wrapWrap .styledForm__row--files #f_name { font-size: 10px; } } .formTop--cv { flex-wrap: wrap; justify-content: space-between; } .formTop--cv .styledForm__row { width: 48%; } .mobileMenu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; transform: translateX(-100%); transition: transform 0.6s ease-in-out; background: #F8F8F8; } .mobileMenu.opened { transform: translateX(0); } .mobileMenu__inner { max-width: 420px; margin: 0 auto; padding: 30px 0 0 0; height: 100%; position: relative; overflow-y: scroll; } .mobileMenu__logo { text-align: center; } .mobileMenu__logo img { max-width: 100%; } .mobileMenu__list { text-align: center; list-style: none; margin-top: 20px; margin-bottom: 20px; height: auto; overflow-y: auto; position: relative; } .mobileMenu__list li { display: block; border-bottom: 1px solid #00CCCC; color: #000000; } .mobileMenu__list li:last-child { border-bottom-width: 0; } .mobileMenu__list a { text-decoration: none; display: block; padding: 11px 20px; color: inherit; font-weight: 700; font-size: 17px; text-transform: uppercase; } .mobileMenu__list a.actived { position: absolute; left: 50%; transform: translateX(-50%); top: 0; color: #00CCCC; z-index: 9; padding: 0; width: 100%; line-height: 40px; border-bottom: 1px solid #009999; } .mobileMenu__list .mobileMenu__list { position: absolute; opacity: 0; transition: opacity 0.2s ease-in-out; top: 0; left: 0; height: 100%; width: 100%; background: #F8F8F8; margin: 0; padding: 40px 0 0 0; z-index: 7; visibility: hidden; } .mobileMenu__list.opened { opacity: 1; visibility: visible; } .closeMobile { position: absolute; top: 15px; right: 15px; color: #009999; font-size: 22px; z-index: 10; } .closeMobile:before { content: ""; } .js-openMenu { position: fixed; top: 18px; right: 15px; z-index: 99999; } .js-openMenu--line { background: #009999; display: block; margin-bottom: 5px; width: 40px; height: 6px; } @media screen and (min-width: 1201px) { .js-openMenu { display: none; } } .mobileMenu__socials { text-align: center; } .witharrow { position: relative; } .witharrow:before { content: ""; } .witharrow:before { position: absolute; right: 20px; color: #00CCCC; transform: rotate(0deg); } .witharrow.actived:before { display: none; } .mobilePrev { font-size: 22px; color: #00CCCC; position: absolute; top: 0; left: 20px; line-height: 40px; z-index: 11; width: 40px; } .mobilePrev:before { content: ""; } .mobileMenu__logo img { max-width: 200px; } .mobile__lang { display: inline-block; width: 100%; text-align: center; margin: 20px 0; } .mobile__lang .top__language { display: block; position: relative; } .mobile__lang .top__language a:not(.active) { display: flex; border: 2px solid #00CCCC; } .mobile__lang a { height: 50px; width: 50px; font-size: 20px; text-transform: uppercase; text-decoration: none; padding: 0 5px; align-items: center; justify-content: center; display: flex; color: #000000; } .mobile__lang a.active { color: #00CCCC; } .top__languageWrap { flex-direction: row; justify-content: center; background: none; } .withSubmenu:before { content: ""; } .withSubmenu:before { position: absolute; right: 30px; transform: rotate(180deg); color: #00CCCC; } .withSubmenu.actived:before { display: none; } .mobileMenu__list.opened { height: 100%; } .sidebarMenu { overflow: hidden; padding-bottom: 30px; } .sidebarMenu__title { background: #009999; padding: 1.09375vw 2.0833333333vw 1.09375vw 2.0833333333vw; line-height: 1; margin-bottom: -0.3645833333vw; z-index: 10; position: relative; } .sidebarMenu__title a { text-decoration: none; color: white; font-weight: 700; font-size: 1.0416666667vw; line-height: 1.4; text-transform: uppercase; transition: all .4s ease; } .sidebarMenu__title a:hover { color: #009999; } .sidebarMenu .sidebarMenu__list { padding-top: 0.2083333333vw; background: white; list-style: none; margin-bottom: 1.0416666667vw; } .sidebarMenu .sidebarMenu__list > li { font-size: 0.9375vw; line-height: 2.5vw; color: black; font-weight: 400; position: relative; margin-bottom: 2px; border: 1px solid #E3F1F1; } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li { margin-bottom: 0.1041666667vw; } } .sidebarMenu .sidebarMenu__list > li a { background: #EFF3F3; display: flex; align-items: center; justify-content: flex-start; padding-left: 15px; padding-right: 15px; color: inherit; text-decoration: none; line-height: 1.2; padding-top: 13px; padding-bottom: 13px; transition: all .5s ease; } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a { padding-left: 0.78125vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a { padding-right: 0.78125vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a { padding-top: 0.6770833333vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a { padding-bottom: 0.6770833333vw; } } .sidebarMenu .sidebarMenu__list > li a:before { content: ""; } .sidebarMenu .sidebarMenu__list > li a:before { color: #009999; font-size: 12px; margin-right: 11px; transition: all .5s ease; } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a:before { font-size: 0.625vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list > li a:before { margin-right: 0.625vw; } } .sidebarMenu .sidebarMenu__list > li a.active, .sidebarMenu .sidebarMenu__list > li a:hover { color: white; background: #009999; } .sidebarMenu .sidebarMenu__list > li a.active:before, .sidebarMenu .sidebarMenu__list > li a:hover:before { color: white; transform: rotate(90deg); } .sidebarMenu .sidebarMenu__list > li ul { display: none; } .sidebarMenu .sidebarMenu__list > li:hover a { background-color: #009999; color: white; } .sidebarMenu .sidebarMenu__list > li:hover a::before { color: white; transform: rotate(90deg); } .sidebarMenu .sidebarMenu__list > li.active a { background-color: #009999; color: white; } .sidebarMenu .sidebarMenu__list > li.active a::before { color: white; transform: rotate(90deg); } .sidebarMenu .sidebarMenu__list > li.active ul { display: block; } .sidebarMenu .sidebarMenu__list > li.active ul a { background: #EFF3F3; color: black; } .sidebarMenu .sidebarMenu__list > li.active ul a:before { display: none; } .sidebarMenu .sidebarMenu__list > li.active ul li { margin-bottom: 0; border: 0; } .sidebarMenu .sidebarMenu__list > li.active ul li:hover a, .sidebarMenu .sidebarMenu__list > li.active ul li.active a { color: #009999; text-decoration: underline; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list { background: #EFF3F3; list-style: none; height: auto; visibility: visible; opacity: 1; padding: 0; transition: all 0.1s ease-in-out; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list .sidebarMenu__list { padding-top: 0.78125vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list .sidebarMenu__list { padding-bottom: 0.78125vw; } } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li { font-size: 0.8333333333vw; line-height: 1.5625vw; color: #000000; position: relative; font-weight: 400; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li a { padding-top: 9px; padding-bottom: 9px; padding-left: 40px; } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list .sidebarMenu__list li a { padding-top: 0.46875vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list .sidebarMenu__list li a { padding-bottom: 0.46875vw; } } @media screen and (min-width: 1201px) { .sidebarMenu .sidebarMenu__list .sidebarMenu__list li a { padding-left: 2.0833333333vw; } } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li::before { display: none; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li::after { content: ""; position: absolute; top: 1.0416666667vw; left: 0.78125vw; width: 0.3125vw; height: 1px; background: #009999; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li.active, .sidebarMenu .sidebarMenu__list .sidebarMenu__list li:hover { background: #EDEFF3; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li.active a, .sidebarMenu .sidebarMenu__list .sidebarMenu__list li:hover a { color: inherit; text-decoration: none; font-weight: 400 !important; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list { border-top: 0; display: none; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list li { padding-left: 1.0416666667vw; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list li:after { top: 1.0416666667vw; left: 3.125vw; width: 0.2604166667vw; height: 0.2604166667vw; border-radius: 50%; background: #00CCCC; } .mainContainer__sidebar { display: block; } .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li.active .sidebarMenu__list { display: block; } .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li.active .sidebarMenu__list a { background: none !important; } .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li.active .sidebarMenu__list li.active a { background: #EDEFF3 !important; } @media screen and (max-width: 1201px) { .mainContainer__sidebar { display: none; } .sidebarMenu { display: none; } } .sidebarOffer { display: flex; flex-direction: column; } .sidebarOffer__icon { width: 60px; height: 100px; display: flex; align-items: center; justify-content: center; background: #00CCCC; border-right: 1px solid #000000; } @media screen and (min-width: 1201px) { .sidebarOffer__icon { width: 4.1666666667vw; } } @media screen and (min-width: 1201px) { .sidebarOffer__icon { height: 6.25vw; } } .sidebarOffer__icon:before { color: white; font-size: 25px; } @media screen and (min-width: 1201px) { .sidebarOffer__icon:before { font-size: 1.5625vw; } } .sidebarOffer__title { width: 220px; height: 100px; display: flex; align-items: center; justify-content: flex-start; padding-left: 20px; color: white; font-size: 20px; font-weight: 700; position: relative; transition: all .4s ease; background: #000000; } @media screen and (min-width: 1201px) { .sidebarOffer__title { width: 12.5vw; } } @media screen and (min-width: 1201px) { .sidebarOffer__title { height: 6.25vw; } } @media screen and (min-width: 1201px) { .sidebarOffer__title { padding-left: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .sidebarOffer__title { font-size: 1.1458333333vw; } } .sidebarOffer__title:before { content: ""; } .sidebarOffer__title:before { color: white; position: absolute; bottom: 0.5208333333vw; right: 0.5208333333vw; font-size: 20px; } @media screen and (min-width: 1201px) { .sidebarOffer__title:before { font-size: 1.3020833333vw; } } .filtersWrpap .form--filter { border: 1px solid #EDEFF3; padding-bottom: 15px; } @media screen and (min-width: 1201px) { .filtersWrpap .form--filter { padding-bottom: 1.5625vw; } } .filtersWrpap .form--filter .styledForm__row { width: 100%; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1201px) { .filtersWrpap .form--filter .styledForm__row { width: 13.5416666667vw; } } .filtersWrpap .form--filter .styledForm__row label:after { display: none; } .filtersWrpap .form--filter form { margin-top: 20px; } @media screen and (min-width: 1201px) { .filtersWrpap .form--filter form { margin-top: 1.0416666667vw; } } .filtersWrpap .form--filter .styledForm__row--button button { width: 100%; padding: 0; } @media screen and (min-width: 1201px) { .filtersWrpap .form--filter .styledForm__row--button button { width: 13.5416666667vw; } } .filtersWrpap .form--filter .styledForm__row--button button span { padding-left: 0; } .filtersWrpap .form--filter .styledForm__row--button button span:before { display: none; } .filtersWrpap .form--filter .styledForm__row--button { margin-bottom: 0; } .filtersWrpap .formFilter__title { width: 100%; background: #EDEFF3; color: black; font-size: 20px; text-transform: uppercase; font-weight: 700; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; } @media screen and (min-width: 1201px) { .filtersWrpap .formFilter__title { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .filtersWrpap .formFilter__title { padding-top: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .filtersWrpap .formFilter__title { padding-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .filtersWrpap .formFilter__title { padding-left: 1.8229166667vw; } } .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list li { padding-left: 0vw; } .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list .sidebarMenu__list li a { padding-left: 4.1666666667vw; padding-right: 0.78125vw; } .rodo { background-color: #EDF0F4; min-height: 7.2916666667vw; padding: 20px; position: fixed; bottom: 4%; left: 2%; right: 55%; z-index: 999 !important; border: 1px solid #00CCCC; display: none; } .rodo__content { float: left; max-width: 75%; margin-top: 0.3645833333vw; margin-bottom: 0.3645833333vw; line-height: 1.5; } .rodo__content p { color: black; font-size: 0.7291666667vw; margin-top: 0; } .rodo__content p a { color: #009999; text-decoration: underline !important; } .rodo__content p a:hover { color: black; text-decoration: underline !important; } .rodo__content h6 { color: #00CCCC; font-weight: 700; display: inline-block; width: 100%; font-size: 0.8854166667vw; text-transform: uppercase; margin-bottom: 10px; margin-top: 0px; } .rodo__button { display: flex; padding-left: 1.0416666667vw; } .rodo__button .button { font-family: "Roboto Condensed", sans-serif; font-weight: 900; margin: 2.6041666667vw 0.5208333333vw 0 0 !important; float: right; cursor: pointer; padding: 15px 20px; font-size: 16px; border: 1px solid #00CCCC; letter-spacing: 1px; } .rodo__button .button:hover { background: whitel; } @media screen and (max-width: 600px) { .rodo__button .button { font-size: 15px; } } @media only screen and (max-width: 1600px) { .rodo__content { max-width: 100%; text-align: center; } .rodo__button { padding: 0; width: 100%; text-align: center; display: flex; justify-content: center; } .rodo__button button { margin: 0 auto; } } @media only screen and (max-width: 1299px) { .rodo p { font-size: 11px; } .rodo h6 { font-size: 11px; } .rodo .button { width: 130px; font-size: 11px; max-width: none; } .rodo .button span { font-size: 11px; } } @media only screen and (max-width: 550px) { .rodo { right: 2%; } .rodo .rodo__button { display: flex; justify-content: center; } } table { width: auto !important; } .newsList__list { display: flex; justify-content: center; flex-wrap: wrap; } .newsItem { width: 49%; height: auto; border: 1px solid #E3F1F1; background: white; text-decoration: none; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0px 8px 21px 0px #00000021; margin-right: 0px; margin-bottom: 20px; padding-right: 0px; padding-left: 0px; padding-top: 0px; position: relative; transition: all .4s ease; } @media screen and (min-width: 1201px) { .newsItem { width: 27.34375vw; } } @media screen and (min-width: 1201px) { .newsItem { height: 19.7916666667vw; } } @media screen and (min-width: 1201px) { .newsItem { margin-right: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .newsItem { margin-bottom: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .newsItem { padding-right: 1.5625vw; } } @media screen and (min-width: 1201px) { .newsItem { padding-left: 1.5625vw; } } @media screen and (min-width: 1201px) { .newsItem { padding-top: 2.0833333333vw; } } .newsItem:after { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 1.5625vw; top: 0vw; } @media screen and (min-width: 1201px) { .newsItem:after { width: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .newsItem:after { height: 0.78125vw; } } .newsItem:before { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 0vw; bottom: 0vw; } @media screen and (min-width: 1201px) { .newsItem:before { width: 8.3333333333vw; } } @media screen and (min-width: 1201px) { .newsItem:before { height: 0.2604166667vw; } } .newsItem:nth-child(3n-3), .newsItem:last-child { margin-right: 0; } .newsItem:hover { background: #EFF3F3; border-color: #00CCCC; } .newsItem__top { max-height: 13.4375vw; overflow-y: hidden; } .newsItem__title { color: black; font-weight: 700; font-size: 20px; line-height: 1.2; position: relative; } @media screen and (min-width: 1201px) { .newsItem__title { font-size: 1.25vw; } } .newsItem__date { font-size: 16px; display: flex; align-items: center; color: #00CCCC; font-weight: 400; font-family: "Roboto Condensed", sans-serif; } @media screen and (min-width: 1201px) { .newsItem__date { font-size: 1.0416666667vw; } } .newsItem__date:before { content: ""; } .newsItem__date:before { font-size: 16px; margin-right: 10px; } @media screen and (min-width: 1201px) { .newsItem__date:before { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .newsItem__date:before { margin-right: 0.5208333333vw; } } .newsItem__desc { font-size: 18px; font-family: "Roboto Condensed", sans-serif; color: black; margin-top: 15px; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .newsItem__desc { font-size: 0.9375vw; } } @media screen and (min-width: 1201px) { .newsItem__desc { margin-top: 1.5625vw; } } @media screen and (min-width: 1201px) { .newsItem__desc { margin-bottom: 1.0416666667vw; } } .newsItem__link { width: 90px; height: 30px; border: 2px solid #00CCCC; color: black; } @media screen and (min-width: 1201px) { .newsItem__link { width: 4.6875vw; } } @media screen and (min-width: 1201px) { .newsItem__link { height: 1.5625vw; } } .newsItem__link:hover { color: white; } .newsItem__bottom { display: flex; justify-content: space-between; height: auto; align-items: center; position: relative; } @media screen and (min-width: 1201px) { .newsItem__bottom { height: 3.6458333333vw; } } .newsItem__bottom:before { content: ''; display: inline-block; width: 0px; height: 0px; background: #00CCCC; position: absolute; left: 0vw; top: 0vw; } @media screen and (min-width: 1201px) { .newsItem__bottom:before { width: 2.8645833333vw; } } @media screen and (min-width: 1201px) { .newsItem__bottom:before { height: 0.0520833333vw; } } .postPageTop { align-items: center; display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #00CCCC; } .postPageTop .postPage__title { width: 90%; } .postPageTop .postPage__title h1 { margin: 0; font-size: 20px; font-weight: 900; font-size: 20px; } @media screen and (min-width: 1201px) { .postPageTop .postPage__title h1 { font-size: 1.4583333333vw; } } @media screen and (min-width: 1201px) { .postPageTop .postPage__title h1 { font-size: 1.4583333333vw; } } @media screen and (min-width: 1201px) { .postPageTop { padding-bottom: 0.78125vw; } } .postPage__cat { font-family: "Roboto Condensed", sans-serif; margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: flex-start; } @media screen and (min-width: 1201px) { .postPage__cat { margin-top: 0.78125vw; } } @media screen and (min-width: 1201px) { .postPage__cat { margin-bottom: 0.78125vw; } } .postPage__cat-item { color: #00CCCC; font-weight: 900; font-size: 14px; position: relative; display: flex; align-items: center; text-transform: uppercase; letter-spacing: 2px; padding-right: 10px; } @media screen and (min-width: 1201px) { .postPage__cat-item { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .postPage__cat-item { padding-right: 1.5625vw; } } .postPage__cat-item:before { margin-right: 10px; font-size: 20px; } @media screen and (min-width: 1201px) { .postPage__cat-item:before { margin-right: 0.8854166667vw; } } @media screen and (min-width: 1201px) { .postPage__cat-item:before { font-size: 1.25vw; } } .postPage__cat-item--autor { position: relative; } .postPage__cat-item--autor:before { content: ""; } .postPage__cat-item--data { margin-left: 15px; } @media screen and (min-width: 1201px) { .postPage__cat-item--data { margin-left: 1.3020833333vw; } } .postPage__cat-item--data:before { content: ""; } .postPage__tags { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #00CCCC; border-bottom: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .postPage__tags { padding-top: 0.78125vw; } } @media screen and (min-width: 1201px) { .postPage__tags { padding-bottom: 0.78125vw; } } .postPage__tags-left { display: flex; justify-content: flex-start; align-items: center; } .postPage__tags-title { font-size: 14px; font-weight: 900; color: #00CCCC; text-transform: uppercase; margin-left: 10px; margin-right: 10px; } @media screen and (min-width: 1201px) { .postPage__tags-title { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .postPage__tags-title { margin-left: 1.5625vw; } } @media screen and (min-width: 1201px) { .postPage__tags-title { margin-right: 0.5208333333vw; } } .postPage__tags-wrap { display: flex; } .postPage__tags-wrap span { background: #F7F7F5; padding: 3px 5px; margin-right: 10px; } @media screen and (min-width: 1201px) { .postPage__tags-wrap span { margin-right: 0.5208333333vw; } } .postPage__tags-wrap span a { color: black; text-transform: uppercase; text-decoration: none; } .postPage__tags-wrap span a:hover { color: #00CCCC; } .postPage__navigation { display: flex; justify-content: space-between; margin-top: 15px; margin-top: 15px; } @media screen and (min-width: 1201px) { .postPage__navigation { margin-top: 2.34375vw; } } @media screen and (min-width: 1201px) { .postPage__navigation { margin-top: 2.34375vw; } } .postPage__navigation a { border: 2px solid #00CCCC; display: flex; align-items: center; justify-content: center; position: relative; color: black; text-transform: uppercase; font-weight: 700; text-decoration: none; width: 180px; height: 45px; position: relative; transition: all .5s ease; } @media screen and (min-width: 1201px) { .postPage__navigation a { width: 10.9375vw; } } @media screen and (min-width: 1201px) { .postPage__navigation a { height: 2.0833333333vw; } } .postPage__navigation a:hover { background: #00CCCC; color: white; } .postPage__navigation a span:before { content: ""; } .postPage__navigation a span:before { font-size: 12px; position: absolute; left: 0.5208333333vw; top: 0.625vw; transform: rotate(180deg); } @media screen and (min-width: 1201px) { .postPage__navigation a span:before { font-size: 0.625vw; } } .postPage__navigation-right { display: flex; } .postPage__navigation-right a:last-child { margin-left: 10px; } @media screen and (min-width: 1201px) { .postPage__navigation-right a:last-child { margin-left: 0.78125vw; } } .postPage__navigation-right a:last-child span:before { left: auto; right: 0.78125vw; transform: rotate(0deg); } .postPage__modules .galleryList__item { width: 50%; } @media screen and (min-width: 1201px) { .postPage__modules .galleryList__item { width: 19.2708333333vw; } } .postPage__modules .galleryList__item:last-child { margin-right: 0 !important; } .newswithSB { padding: 0 !important; box-shadow: none !important; border: none !important; } .newswithSB .newsItem { margin-right: 0px; margin-bottom: 0px; width: 100%; } @media screen and (min-width: 1201px) { .newswithSB .newsItem { margin-right: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .newswithSB .newsItem { margin-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .newswithSB .newsItem { width: 31.7708333333vw; } } .newswithSB .newsItem:nth-child(EVEN), .newswithSB .newsItem:last-child { margin-right: 0; } .newswithSB .newsItem:nth-child(ODD) { margin-right: 0px; } @media screen and (min-width: 1201px) { .newswithSB .newsItem:nth-child(ODD) { margin-right: 1.0416666667vw; } } .tt { text-transform: uppercase; } .onlyNext { justify-content: flex-end !important; } .boxesList { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .boxesList .boxItem { margin-right: 0px; position: relative; margin-bottom: 2.0833333333vw; border-radius: 5px; width: 100%; height: auto; } @media screen and (min-width: 1201px) { .boxesList .boxItem { margin-right: 2.0833333333vw; } } .boxesList .boxItem:nth-child(2n-2), .boxesList .boxItem:last-child { margin-right: 0; } @media screen and (min-width: 1201px) { .boxesList .boxItem { width: 30.2083333333vw; } } @media screen and (min-width: 1201px) { .boxesList .boxItem { height: 20.8333333333vw; } } .boxesList .boxItem a { overflow: hidden; display: inline-block; width: 100%; border-radius: 10px; height: 100%; width: 100%; height: auto; position: relative; } @media screen and (min-width: 1201px) { .boxesList .boxItem a { width: 30.2083333333vw; } } @media screen and (min-width: 1201px) { .boxesList .boxItem a { height: 20.8333333333vw; } } .boxesList .boxItem a:hover img { transform: scale(1.08); } .boxesList .boxItem a:hover p { transform: translateY(-10px); } .boxesList .boxItem img { width: 100%; height: auto; transition: all .6s ease; } .boxesList .boxItem--orange { transition: all .4s ease; background: #ED8D21; position: relative; } .boxesList .boxItem--orange:before { content: ""; } .boxesList .boxItem--orange:before { color: white; position: absolute; font-size: 20px; top: 1.0416666667vw; left: 1.5625vw; } @media screen and (min-width: 1201px) { .boxesList .boxItem--orange:before { font-size: 3.90625vw; } } @media screen and (max-width: 1024px) { .boxesList .boxItem--orange:before { display: none; } } .boxesList .boxItem--orange:hover { background: #00CCCC; } .boxesList .boxItem__desc { display: none; } .boxesList .boxItem__title { transition: all .6s ease; z-index: 1; position: absolute; top: 9.375vw; left: 1.5625vw; text-transform: uppercase; text-shadow: 5px 5px 5px #0000004d; color: white; font-weight: 900; font-size: 1.25vw; text-decoration: none; } @media screen and (max-width: 1024px) { .boxesList .boxItem__title { top: 60px; left: 0px; } } .mainContainer__modules--notSidebar .boxesList .boxItem { margin-right: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxesList .boxItem { margin-right: 1.0416666667vw; } } .mainContainer__modules--notSidebar .boxesList .boxItem:nth-child(2n-2) { margin-right: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxesList .boxItem:nth-child(2n-2) { margin-right: 1.0416666667vw; } } .mainContainer__modules--notSidebar .boxesList .boxItem:nth-child(3n-3), .mainContainer__modules--notSidebar .boxesList .boxItem:last-child { margin-right: 0; } @media screen and (max-width: 1024px) { .boxesList .boxItem { width: 49%; height: auto; } } @media screen and (max-width: 600px) { .boxesList .boxItem { width: 100%; height: auto; } .boxesList .boxItem__title { font-size: 18px; padding: 30px; } .boxesList .boxItem:before { font-size: 18px; bottom: 28px; right: 30px; } } .mainContainer__modules--notSidebar .boxItem { position: relative; width: 27.0833333333vw; height: 17.7083333333vw; width: 100%; height: auto; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxItem { width: 27.0833333333vw; } } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxItem { height: 17.7083333333vw; } } .mainContainer__modules--notSidebar .boxItem a { width: 27.0833333333vw; height: 17.7083333333vw; width: 100%; height: auto; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxItem a { width: 27.0833333333vw; } } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .boxItem a { height: 17.7083333333vw; } } .logoItem { display: flex; background: white; align-items: center; justify-content: center; padding: 15px; border: 2px solid #E9E9E9; } @media screen and (min-width: 1201px) { .logoItem { width: 20.0520833333vw; height: 13.5416666667vw; } } @media screen and (max-width: 600px) { .logoItem { margin-bottom: 20px; } } .logoItem img { max-width: 100%; height: auto; } .logoItem--link { transition: all .4s ease; } .logoItem--link:hover { border-color: #000000; } .downloads { display: flex; flex-wrap: wrap; justify-content: space-between; } .downloadItem { margin-right: 1%; width: 49%; margin-bottom: 1.3020833333vw; cursor: pointer; display: flex; justify-content: space-between; align-items: center; position: relative; line-height: 1; background: transparent; border-bottom: 3px solid #EDF1F4; height: 3.3854166667vw; text-decoration: none; transition: all 0.4s ease; color: #000000; } .downloadItem:last-child { width: 100%; margin-right: 0; } .downloadItem:nth-child(2n-2) { margin-right: 0; } .downloadItem:nth-child(even) { width: 49%; } .downloadItem:hover { border-color: #00CCCC; } @media screen and (max-width: 700px) { .downloadItem { width: 100% !important; } } .downloadItem__icon { width: 45px; height: 45px; font-size: 15px; border-radius: 8px; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; font-weight: 700; color: #fff; left: 8px; } .downloadItem__icon:before { content: ""; } @media screen and (min-width: 1201px) { .downloadItem__icon { font-size: 0.78125vw; width: 2.34375vw; height: 2.34375vw; left: 0.4166666667vw; } } .downloadItem__icon:before { color: #009999; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; } @media screen and (min-width: 1201px) { .downloadItem__icon:before { font-size: 1.8229166667vw; } } .downloadItem__icon--pdf:before { content: ""; } .downloadItem__icon--doc:before, .downloadItem__icon--docx:before { content: ""; } .downloadItem__icon--jpg:before { content: ""; } .downloadItem__icon--odt:before { content: ""; } .downloadItem__icon--png:before { content: ""; } .downloadItem__icon--xls:before, .downloadItem__icon--xlsx:before { content: ""; } .downloadItem__icon--zip:before { content: ""; } .downloadItem__text { padding-right: 20px; font-size: 20px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; transition: all 0.4s ease; color: #000000; text-transform: uppercase; } @media screen and (min-width: 1201px) { .downloadItem__text { padding-left: 3.90625vw; padding-right: 1.0416666667vw; font-size: 1.0416666667vw; } } .downloadItem__button { height: 100%; text-decoration: none; margin-right: 10px; position: relative; align-items: center; text-transform: uppercase; display: flex; color: #009999; font-weight: 700; transition: all 0.4s ease; font-size: 14px; } .downloadItem__button:before { content: ""; } @media screen and (min-width: 1201px) { .downloadItem__button { font-size: 0.7291666667vw; } } .downloadItem__button:before { left: -1.8229166667vw; display: inline-block; position: absolute; color: #00CCCC; font-size: 1.0416666667vw; } .downloadItem:hover { text-decoration: none !important; } .downloadItem:hover .downloadItem__text { color: #009999; } .downloadItem:hover .downloadItem__button { color: #009999; text-decoration: none; } .downloadItem:hover .downloadItem__button:before { color: #009999; } .downloadItem:hover .downloadItem__icon:before { color: #009999; } @media screen and (max-width: 500px) { .downloadItem__button .button { width: 87px; height: 45px; font-size: 11px; } .downloadItem__icon::after, .downloadItem__icon { display: none; } .downloadItem__text { padding-left: 15px; } } .downloadImgFiles { margin-bottom: 20px; margin-right: 40px; width: 100%; min-height: 21.6145833333vw; height: auto; background: #354863; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-decoration: none; position: relative; } @media screen and (min-width: 1201px) { .downloadImgFiles { margin-bottom: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles { margin-right: 2.0833333333vw; } } .downloadImgFiles:nth-child(4n-4) { margin-right: 0; } .downloadImgFiles__size { font-size: 14px; padding-left: 30px; text-transform: uppercase; color: #8E9DB1; } @media screen and (min-width: 1201px) { .downloadImgFiles__size { font-size: 0.7291666667vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__size { padding-left: 3.6458333333vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles { width: 14.3229166667vw; } } .downloadImgFiles__text { color: white; font-weight: 700; font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } @media screen and (min-width: 1201px) { .downloadImgFiles__text { font-size: 0.8333333333vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__text { margin-top: 0.78125vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__text { margin-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__text { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__text { padding-right: 1.8229166667vw; } } .downloadImgFiles__bottom { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .downloadImgFiles__bottom { margin-bottom: 1.0416666667vw; } } .downloadImgFiles__bottom .button { width: 100px; height: 40px; font-size: 14px; background: #009999; padding: 0; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .downloadImgFiles__bottom .button { width: 5.2083333333vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__bottom .button { height: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .downloadImgFiles__bottom .button { font-size: 0.7291666667vw; } } .downloadImgFiles__bottom .button:before { background: #00CCCC; } .downloadImgFiles__bottom .button:hover span { color: white; } .downloadImgFiles img { max-width: 100%; height: auto; } .downloadImgFiles .downloadItem__icon:before { color: white; left: 1.8229166667vw; font-size: 28px; } @media screen and (min-width: 1201px) { .downloadImgFiles .downloadItem__icon:before { font-size: 1.4583333333vw; } } .downloadImgFiles .sygnent { z-index: -10; position: absolute; bottom: -1.5625vw; left: calc(50% - 0.521vw); } .mainContainer__modules--notSidebar .downloadImgFiles { margin-bottom: 20px; margin-right: 40px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .downloadImgFiles { margin-bottom: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .downloadImgFiles { margin-right: 2.0833333333vw; } } .mainContainer__modules--notSidebar .downloadImgFiles:nth-child(5n-5) { margin-right: 0; } .module { margin: 2.0833333333vw 0; } .module:first-child { margin-top: 0; } .module__title { font-size: 1.5625vw; font-weight: 700; line-height: 1.1; color: #009999; margin-bottom: 30px; } @media screen and (max-width: 1201px) { .module__title { font-size: 24px; } } .module__description { font-size: 0.9375vw; font-weight: 400; color: #000000; line-height: 1.25; margin-top: 1.0416666667vw; margin-bottom: 1.0416666667vw; } @media screen and (max-width: 1201px) { .module__description { font-size: 20px; margin: 20px 0; } } .module__empty { color: #00CCCC; margin-top: 1.0416666667vw; } .contentBlock a { color: #000000; text-decoration: underline; } .contentBlock a:hover { text-decoration: none; } .contentBlock img { max-width: 100%; height: auto; } .contentBlock b { font-weight: 900; } .contentBlock ul, .contentBlock ol { list-style: disc; list-style-position: inside; padding-left: 1.5625vw; margin: 1.3020833333vw 0; } .contentBlock ul li, .contentBlock ol li { line-height: 1.25; margin-bottom: 0.2604166667vw; color: #000000; } .contentBlock ul li:last-child, .contentBlock ol li:last-child { margin-bottom: 0; } .contentBlock ul li { list-style: none; position: relative; padding-left: 20px; font-size: 20px; color: #000000; font-weight: 400; } .contentBlock ul li:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #009999; } @media screen and (min-width: 1201px) { .contentBlock ul li { font-size: 1.0416666667vw; } .contentBlock ul li:before { top: 0.5208333333vw; } } .contentBlock ol { list-style-type: decimal; } .contentBlock ol li { font-size: 20px; font-weight: 400; color: #000000; } @media screen and (min-width: 1201px) { .contentBlock ol li { font-size: 1.0416666667vw; } } .contentBlock dl { display: flex; flex-flow: row; flex-wrap: wrap; width: 100%; overflow: visible; margin: 1.3020833333vw 0; } .contentBlock dt { flex: 0 0 50%; text-overflow: ellipsis; overflow: hidden; } .contentBlock dd { flex: 0 0 50%; margin-left: auto; text-align: left; text-overflow: ellipsis; overflow: hidden; } .contentBlock p { margin: 0.78125vw 0; line-height: 1.25; font-weight: 400; } .contentBlock blockquote { background: #EFF3F3; margin: 1.0416666667vw 0; padding: 3.125vw 3.6458333333vw 3.125vw 6.25vw; display: flex; flex-direction: column-reverse; align-items: flex-start; font-style: italic; position: relative; border-left: 0; border: 2px solid #00CCCC; color: #000000; text-align: left; font-size: 20px; } .contentBlock blockquote:before { content: ""; } @media screen and (min-width: 1201px) { .contentBlock blockquote { font-size: 1.0416666667vw; } } .contentBlock blockquote:before { color: #009999; font-size: 20px; position: absolute; top: 2.8645833333vw; left: 3.125vw; } @media screen and (min-width: 1201px) { .contentBlock blockquote:before { font-size: 1.5625vw; } } .contentBlock blockquote p, .contentBlock blockquote div { margin: 0; } .contentBlock blockquote p { font-family: "Roboto Condensed", sans-serif; font-size: 20px; line-height: 24px; color: black; order: -1; text-align: left; font-weight: 400; } @media screen and (min-width: 1201px) { .contentBlock blockquote p { font-size: 1.0416666667vw; line-height: 1.25vw; } } .contentBlock hr { border: none; background: #000; height: 1px; width: 100%; margin: 0.78125vw 0; } .contentBlock pre { margin: 1.0416666667vw 0; background: #f9f9f9; color: #000000; padding: 0.5208333333vw 1.5625vw; font-family: "Roboto Condensed", sans-serif; font-size: 0.7291666667vw; line-height: 1.5; } .contentBlock pre div, .contentBlock pre p { display: inline; } .contentBlock small { font-size: 0.7291666667vw; } .contentBlock s, .contentBlock strike, .contentBlock del { text-decoration: line-through; } .contentBlock abbr, .contentBlock acronym { border-bottom: 1px dashed; cursor: help; } .contentBlock table { width: 100%; } .contentBlock table caption { font-size: 1.0416666667vw; font-style: italic; text-align: center; margin-bottom: 0.5208333333vw; } .contentBlock table tr:first-child td { font-weight: bold !important; text-align: left; } .contentBlock table td, .contentBlock table th { font-size: 0.78125vw; padding: 0.46875vw 0.78125vw; line-height: 1.1; } .contentBlock i, .contentBlock cite, .contentBlock em, .contentBlock var, .contentBlock address, .contentBlock dfn { font-style: italic; } .contentBlock figure { margin: 0; padding: 0; } .contentBlock img { max-width: 100%; margin: 10px 0; } .contentBlock .styledTable { overflow-x: auto; font-family: "Roboto Condensed", sans-serif; } .contentBlock .styledTable table { min-width: 100%; border-spacing: 0; } .contentBlock .styledTable tbody tr:first-child td, .contentBlock .styledTable tbody tr:first-child th { text-align: left; font-weight: 400; color: #000000; border-right: 1px solid white; background: #E1E9E9; padding: 5px 15px; } @media screen and (min-width: 1201px) { .contentBlock .styledTable tbody tr:first-child td, .contentBlock .styledTable tbody tr:first-child th { padding: 0.78125vw 1.5625vw; } } .contentBlock .styledTable tbody tr:first-child td:nth-child(2n), .contentBlock .styledTable tbody tr:first-child th:nth-child(2n) { background: #E1E9E9; color: #000000; text-align: center; font-weight: 400; } .contentBlock .styledTable td, .contentBlock .styledTable th { font-weight: 400; background: white; border-bottom: 1px solid #E5EBEF; border-right: 1px solid transparent; text-align: left; color: #000000; font-size: 20px; padding: 15px 30px; } @media screen and (min-width: 1201px) { .contentBlock .styledTable td, .contentBlock .styledTable th { font-size: 1.0416666667vw; padding: 0.78125vw 1.5625vw; } } .contentBlock .styledTable td:nth-child(2n), .contentBlock .styledTable th:nth-child(2n) { background: white; text-align: left; } .contentBlock .styledTable td:nth-child(3n), .contentBlock .styledTable th:nth-child(3n) { background: white; text-align: left; } @media screen and (max-width: 1201px) { .contentBlock blockquote { margin: 10px 0; padding: 15px 15px 15px 45px; min-height: 160px; font-size: 20px; } .contentBlock blockquote:before { font-size: 19px; line-height: 20px; top: 20px; left: 15px; } .contentBlock table caption { font-size: 15px; margin-bottom: 10px; } .contentBlock table td, .contentBlock table th { font-size: 10px; padding: 6px 10px; } .contentBlock pre { margin: 10px 0; padding: 10px 20px; font-size: 13px; } .contentBlock small { font-size: 12px; } .contentBlock ul, .contentBlock ol { margin: 20px 0; } .contentBlock .styledTable td, .contentBlock .styledTable th { padding: 10px 20px; } } .contentBlock h1 { font-size: 36px; color: black; font-weight: 400; letter-spacing: 3px; } @media screen and (min-width: 1201px) { .contentBlock h1 { font-size: 1.8229166667vw; } } @media screen and (max-width: 500px) { .contentBlock h1 { font-size: 32px; letter-spacing: 1px; } } .contentBlock h2 { font-size: 30px; color: #00CCCC; font-weight: 400; } @media screen and (min-width: 1201px) { .contentBlock h2 { font-size: 1.5625vw; } } @media screen and (max-width: 500px) { .contentBlock h2 { font-size: 28px; } } .contentBlock h3 { font-size: 24px; color: #000000; font-weight: 400; } @media screen and (min-width: 1201px) { .contentBlock h3 { font-size: 1.25vw; } } @media screen and (max-width: 500px) { .contentBlock h3 { font-size: 25px; } } .contentBlock h4 { font-size: 22px; color: #000000; font-weight: 400; } @media screen and (min-width: 1201px) { .contentBlock h4 { font-size: 1.1458333333vw; } } @media screen and (max-width: 500px) { .contentBlock h4 { font-size: 22px; } } .contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4 { margin-top: 10px; margin-bottom: 15px; font-weight: bold; } .contentBlock p { font-family: "Roboto Condensed", sans-serif; font-size: 20px; line-height: 24px; color: #000000; margin: 0 0 20px 0; font-weight: 400; } @media screen and (min-width: 1201px) { .contentBlock p { font-size: 1.0416666667vw; line-height: 1.5; margin: 0 0 1.0416666667vw 0; } } .contentBlock a { color: #009999; text-decoration: none; transition: all 0.4s ease-in-out; } .contentBlock a:focus, .contentBlock a:hover, .contentBlock a:active { color: #000000; text-decoration: none; } .alert { font-size: 22px; background: white; color: #000000; padding: 20px; font-weight: bold; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .alert { height: 4.1666666667vw; line-height: 4.1666666667vw; font-size: 1.5625vw; padding: 0 0 1.5625vw 5.46875vw; } } .alert-count { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 20px; background: #009999; margin-left: 0.5208333333vw; } @media screen and (min-width: 1201px) { .alert-count { width: 3.125vw; height: 3.125vw; font-size: 1.5625vw; } } @media screen and (max-width: 600px) { .contentBlock .styledTable tbody tr:first-child td:first-child, .contentBlock .styledTable tbody tr:first-child th:first-child, .contentBlock .styledTable td, .contentBlock .styledTable th { padding: 10px; font-size: 10px; } .contentBlock blockquote p { font-size: 20px; padding-top: 50px; } } .contentFaq blockquote:first-child { margin-top: 0; } .contentFaq blockquote h3 { margin-top: -10px; } .contentBlock h2 { color: #099 !important; } .offerDesc__html.contentBlock h3, .sectionTitle span, .homeIconBox__title { color: #099 !important; } .popup { margin: 0 auto; position: relative; text-align: left; justify-content: center; border: 0.1041666667vw solid #D5D6D3; } @media screen and (min-width: 1201px) { .popup { display: inline-flex; max-width: 80vw; } } .popup img { max-width: 100%; height: auto; display: block; } .popup a { display: block; line-height: 1; } .mfp-content { text-align: center; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.5; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { opacity: 0.8; background: #000000; } .popup button.mfp-close { background-color: #000000; color: white; } @media screen and (min-width: 1201px) { .popup button.mfp-close { width: 2.6041666667vw; height: 2.6041666667vw; right: -0.5208333333vw; top: -4.4791666667vw; font-size: 3vw; } } .popup button.mfp-close:active { top: -4.4791666667vw; } .popup .mfp-close-btn-in .mfp-close { color: white !important; } .galleryList { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .galleryList__item { display: block; position: relative; z-index: 5; text-decoration: none; width: 20.3125vw; margin-right: 1.3020833333vw; margin-bottom: 1.3020833333vw; } .galleryList__item:before { content: ""; } .galleryList__item:nth-child(3n+3) { margin-right: 0; } .galleryList__item:last-child { margin-right: 0; } .galleryList__item:hover .galleryItem__desc { opacity: 1; transition: all 0.4s ease; } .galleryList__item:before { color: white; background: #00CCCC; padding: 0.78125vw; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 2.6041666667vw; height: 2.6041666667vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 6; font-size: 1.0416666667vw; line-height: 0; opacity: 0; transition: opacity 0.4s ease-in-out; } .galleryList__item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(54, 61, 63, 0.439216); z-index: 5; transition: opacity 0.4s ease-in-out; opacity: 0; } .galleryList__item:hover:before, .galleryList__item:hover:after { opacity: 1; } .galleryList__item:hover .galleryItem:after { height: 0; } .galleryList__item:hover .galleryItem__desc { z-index: 10; } @media screen and (max-width: 1201px) { .galleryList__item { width: 390px; } .galleryList__item:before { width: 56px; height: 56px; font-size: 24px; } } @media screen and (max-width: 400px) { .galleryList__item { width: 100%; } .galleryList__item:before { width: 56px; height: 56px; font-size: 24px; } } @media screen and (max-width: 900px) { .galleryList { grid-template-columns: repeat(3, 33%); } } @media screen and (max-width: 600px) { .galleryList { grid-template-columns: repeat(2, 50%); } } @media screen and (max-width: 480px) { .galleryList { display: block; } .galleryList__item { margin-bottom: 10px; } .galleryList__item:last-child { margin-bottom: 0; } } .galleryItem { z-index: 3; position: relative; background-position: 50% 50%; background-size: cover; overflow: hidden; } .galleryItem:before { display: block; content: ""; width: 100%; padding-top: 67.8947368421%; } .galleryItem > .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .galleryItem:after { width: 100%; content: ""; border-radius: 10px; position: absolute; opacity: .5; bottom: 0; left: 0; z-index: 2; transition: background 0.4s ease-in-out; } @media screen and (min-width: 1201px) { .galleryItem:after { border-radius: 0.5208333333vw; } } .galleryItem__desc { font-size: 0.9375vw; font-weight: 400; color: #fff; position: absolute; bottom: 1.5625vw; left: 0; right: 0; display: flex; justify-content: center; padding: 0 1.0416666667vw; z-index: 4; transition: transform 0.4s ease-in-out; opacity: 0; word-break: break-all; } @media screen and (max-width: 1201px) { .galleryItem:after { height: 50px; } .galleryItem__desc { font-size: 13px; bottom: 15px; padding: 0 15px; } } @media screen and (max-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .galleryList { grid-template-columns: repeat(4, 22%); } .downloadItem { min-height: 60px; } .downloadItem__icon { position: relative; } .downloadItem__button .button { width: 130px; height: 45px; font-size: 14px; } .downloadItem__button:before { display: none; } } @media screen and (max-width: 800px) { .mainContainer__sidebar + .mainContainer__modules .galleryList { grid-template-columns: repeat(2, 49%); } } .mainContainer__modules--notSidebar .galleryList__item { margin-right: 0.5208333333vw; margin-bottom: 10px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .galleryList__item { margin-bottom: 0.5208333333vw; } } .gallerySlider { display: flex; justify-content: space-between; } .gallerySlider__for { border: 1px solid #E3F1F1; width: 100%; height: auto; } @media screen and (min-width: 1201px) { .gallerySlider__for { width: 63.28125vw; } } @media screen and (min-width: 1201px) { .gallerySlider__for { height: 42.96875vw; } } .gallerySlider__for-item { width: 100%; height: 100%; display: flex !important; align-items: center; justify-content: center; } .gallerySlider__for-itemWrap { height: auto; display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 1201px) { .gallerySlider__for-itemWrap { height: 42.96875vw; } } .gallerySlider__for-item img { max-width: 100%; height: auto; } .gallerySlider__nav { width: 230px; height: auto; margin-right: 10px; position: relative; } @media screen and (min-width: 1201px) { .gallerySlider__nav { width: 14.3229166667vw; } } @media screen and (min-width: 1201px) { .gallerySlider__nav { height: 42.96875vw; } } @media screen and (min-width: 1201px) { .gallerySlider__nav { margin-right: 4.1666666667vw; } } .gallerySlider__nav .slick-prev { position: absolute; width: 80px; height: auto; border: 2px solid #009999; background: #009999; position: absolute; top: 0; right: -3.3854166667vw; display: flex !important; align-items: center; justify-content: center; transition: all .5s ease; cursor: pointer; } @media screen and (min-width: 1201px) { .gallerySlider__nav .slick-prev { width: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .gallerySlider__nav .slick-prev { height: 20.8333333333vw; } } .gallerySlider__nav .slick-prev:before { content: ""; } .gallerySlider__nav .slick-prev:before { color: white; transition: all .5s ease; } .gallerySlider__nav .slick-prev:hover { background: white; } .gallerySlider__nav .slick-prev:hover:before { color: black; } .gallerySlider__nav .slick-next { position: absolute; width: 80px; height: auto; border: 2px solid #009999; background: #009999; position: absolute; bottom: 0; right: -3.3854166667vw; display: flex !important; align-items: center; justify-content: center; transition: all .5s ease; cursor: pointer; } @media screen and (min-width: 1201px) { .gallerySlider__nav .slick-next { width: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .gallerySlider__nav .slick-next { height: 20.8333333333vw; } } .gallerySlider__nav .slick-next:before { content: ""; } .gallerySlider__nav .slick-next:before { color: white; transition: all .5s ease; transform: rotate(180deg); } .gallerySlider__nav .slick-next:hover { background: white; } .gallerySlider__nav .slick-next:hover:before { color: black; } .gallerySlider__nav-item { position: relative; cursor: pointer; width: 100%; height: auto; margin-bottom: 20px; } .gallerySlider__nav-item:before { content: ""; } @media screen and (min-width: 1201px) { .gallerySlider__nav-item { height: 9.6354166667vw; } } @media screen and (min-width: 1201px) { .gallerySlider__nav-item { margin-bottom: 1.1458333333vw; } } .gallerySlider__nav-item:before { color: white; background: #00CCCC; padding: 0.78125vw; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 2.6041666667vw; height: 2.6041666667vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 6; font-size: 1.0416666667vw; line-height: 0; opacity: 0; transition: opacity 0.4s ease-in-out; } .gallerySlider__nav-item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(54, 61, 63, 0.439216); z-index: 5; transition: opacity 0.4s ease-in-out; opacity: 0; } .gallerySlider__nav-item:hover:before, .gallerySlider__nav-item:hover:after { opacity: 1; } .gallerySlider__nav-item:hover .galleryItem:after { height: 0; } .gallerySlider__nav-item:hover .galleryItem__desc { z-index: 10; } .gallerySlider__nav-item img { max-width: 100%; height: auto; } .gallerySlider { overflow: hidden; } .mainContainer--withSB .gallerySlider__for { width: 100%; } @media screen and (min-width: 1201px) { .mainContainer--withSB .gallerySlider__for { width: 45.3125vw; } } .mainContainer--withSB .gallerySlider__nav { width: 100%; margin-right: 10px; } @media screen and (min-width: 1201px) { .mainContainer--withSB .gallerySlider__nav { width: 14.3229166667vw; } } @media screen and (min-width: 1201px) { .mainContainer--withSB .gallerySlider__nav { margin-right: 2.8645833333vw; } } .mainContainer--withSB .gallerySlider__nav .slick-next, .mainContainer--withSB .gallerySlider__nav .slick-prev { right: -2.34375vw; } .mainContainer--withSB .gallerySlider__nav .slick-next, .mainContainer--withSB .gallerySlider__nav .slick-prev { width: 20px; } @media screen and (min-width: 1201px) { .mainContainer--withSB .gallerySlider__nav .slick-next, .mainContainer--withSB .gallerySlider__nav .slick-prev { width: 1.5625vw; } } @media screen and (max-width: 1600px) { .gallerySlider__for, .gallerySlider__for-itemWrap { height: 31.96875vw; } .gallerySlider__nav { height: 31.96875vw; } .gallerySlider__nav .slick-next, .gallerySlider__nav .slick-prev { height: 15vw; } } @media screen and (max-width: 1200px) { .gallerySlider__for, .gallerySlider__for-itemWrap { height: auto; } .gallerySlider__nav { height: auto; } .gallerySlider__nav .slick-next, .gallerySlider__nav .slick-prev { height: 15vw; } } .videoSlider { padding: 10px 45px 10px 10px; width: 100%; background: #EFF3F3; display: flex; justify-content: space-between; } @media screen and (min-width: 1201px) { .videoSlider { padding: 0.5208333333vw 2.8645833333vw 0.5208333333vw 0.5208333333vw; } } .videoSlider__left { width: 76%; position: relative; position: relative; height: auto; } .videoSlider__left:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .videoSlider__left > .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .videoSlider__left iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoSlider__right { width: 23%; position: relative; height: 100%; } .videoSlider .slick-slider { height: auto; } .videoSlider .slick-slide { width: 100% !important; margin-bottom: 20px !important; } @media screen and (min-width: 1201px) { .videoSlider .slick-slide { margin-bottom: 1.0416666667vw !important; } } .videoSlider .slick-arrow { position: absolute; font-size: 0; background: #009999; border: none; width: 30px; cursor: pointer; } .videoSlider .slick-arrow:before { content: ""; } .videoSlider .slick-arrow:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 23px; color: #fff; } .videoSlider .slick-arrow:hover { background: #00CCCC; } .videoSlider .slick-prev { top: -30px; right: -45px; } .videoSlider .slick-next { bottom: -10px; right: -45px; transform: rotate(180deg); } @media screen and (max-width: 1130px) { .videoSlider { max-width: auto; margin: 0 auto; flex-wrap: wrap; padding: 10px; } .videoSlider__left { width: 100%; margin-bottom: 10px; } .videoSlider__left iframe { height: 100%; } .videoSlider__right { width: 100%; } .videoSlider .slick-arrow:before { font-size: 16px; } .videoSlider .slick-prev { bottom: -10px; left: -10px; width: calc(50% + 10px); height: 32px; top: auto; right: auto; z-index: 5; } .videoSlider .slick-next { bottom: -10px; width: calc(50% + 10px); height: 32px; top: auto; right: -10px; z-index: 5; } } @media screen and (max-width: 480px) { .videoSlider .slick-prev, .videoSlider .slick-next { height: 22px; } } .videoSlide__item { width: 100% !important; } .videoPreview { display: flex; position: relative; height: auto; flex-wrap: wrap; cursor: pointer; } @media screen and (max-width: 1201px) { .videoPreview { margin-bottom: 0px; } } .videoPreview__image { width: 290px; height: 160px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; flex-shrink: 0; position: relative; } @media screen and (min-width: 1201px) { .videoPreview__image { width: 15.1041666667vw; height: 8.3333333333vw; } } .videoPreview__text { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; } .videoPreview__desc { color: #000000; font-size: 17px; font-weight: 500; max-height: 86px; overflow: hidden; font-weight: bold; position: relative; padding-top: 10px; } .videoPreview__desc span { color: #BCBEC8; font-weight: 400; } .videoPreview__desc:before { position: absolute; left: 0px; content: ''; display: inline-block; width: 20px; height: 18px; top: 16px; background: url("/images/youtube.svg"); background-size: contain !important; background-position: center; background-repeat: no-repeat; } @media screen and (min-width: 1201px) { .videoPreview__desc:before { top: 0.8333333333vw; left: 0; width: 1.1458333333vw; height: 0.8333333333vw; } } @media screen and (min-width: 1201px) { .videoPreview__desc { font-size: 0.8333333333vw; padding-left: 1.5625vw; padding-top: 0.5208333333vw; } } .videoPreview__time { font-size: 14px; color: #00CCCC; } @media screen and (min-width: 1201px) { .videoPreview__time { font-size: 0.7291666667vw; } } @media screen and (max-width: 480px) { .videoPreview { margin-bottom: 10px; padding-bottom: 10px; } .videoPreview__image { width: 120px; height: 68px; } .videoPreview__text { margin-left: 10px; } .videoPreview__desc { font-size: 13px; max-height: 62px; } } .videoSlider { overflow: hidden; } @media screen and (min-width: 1201px) { .videoSlider .slick-arrow { height: 10.66vw; width: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .videoSlider .slick-arrow:before { font-size: 0.9375vw; } } .videoSlider .slick-prev { background: #009999; border: 2px solid #009999; transition: all .4s ease; } @media screen and (min-width: 1201px) { .videoSlider .slick-prev { top: 0vw; right: -2.4479166667vw; } } .videoSlider .slick-prev:hover { background-color: white; border-color: #00CCCC; color: black; } .videoSlider .slick-prev:hover:before { color: black; } .videoSlider .slick-next { background: #009999; border: 2px solid #009999; transition: all .4s ease; } @media screen and (min-width: 1201px) { .videoSlider .slick-next { bottom: -2.34375vw; right: -2.4479166667vw; } } .videoSlider .slick-next:hover { background-color: white; border-color: #00CCCC; color: black; } .videoSlider .slick-next:hover:before { color: black; } .mainContainer__sidebar + .mainContainer__modules .videoSlider { margin: 0 auto; } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider__left { height: 100%; } } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-arrow { height: calc(44% + 1.1416666667vw); width: 1.8229166667vw; right: 0; } } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-arrow:before { font-size: 0.9375vw; } } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-prev { top: 0vw; right: -2.4479166667vw; } } @media screen and (min-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-next { bottom: 0vw; right: -2.4479166667vw; } } .mainContainer__sidebar + .mainContainer__modules .videoSlider .videoSlide__item { width: 95% !important; } .videoPreview__desc:hover { transition: all 0.3s ease; color: #00CCCC; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider__left { width: 70% !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider__right { width: 28% !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoPreview__image { width: 22.9166666667vw; height: 14.625vw; } .mainContainer__modules.mainContainer__modules--notSidebar .videoPreview__desc { margin-bottom: 1.0416666667vw !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider .slick-next { bottom: 0; } @media screen and (min-width: 1201px) { .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider .slick-arrow { height: 17.66vw; } } @media screen and (max-width: 1201px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-list.draggable { height: 252px !important; } .videoPreview__desc:before { display: none; } .videoPreview__image { display: none; } .videoSlider .slick-slide { margin-bottom: 0 !important; } .videoPreview { margin-bottom: 0 !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider__left { width: 100% !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider__right { width: 100% !important; } .mainContainer__modules.mainContainer__modules--notSidebar .videoSlider .slick-next { bottom: -10px; } } @media screen and (max-width: 480px) { .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-list.draggable { height: 140px !important; } .videoSlider .slick-prev, .videoSlider .slick-next { height: 26px; } } .offerSingle { margin-bottom: 0; overflow: visible; position: relative; } .offerSingle:after { content: ''; display: inline-block; position: absolute; left: 1.3020833333vw; height: 0px; width: 0px; background: #00CCCC; top: 0vw; } @media screen and (min-width: 1201px) { .offerSingle:after { height: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .offerSingle:after { width: 0.2604166667vw; } } .offerSingle__title { font-size: 35px; padding-top: 10px; width: 54%; } @media screen and (min-width: 1201px) { .offerSingle__title { font-size: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .offerSingle__title { padding-top: 0.5208333333vw; } } .offerSingle__buttonToForm { margin-top: 15px; margin-bottom: 20px; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm { margin-top: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm { margin-bottom: 5.2083333333vw; } } .offerSingle__buttonToForm:before { content: ''; width: 100%; height: 1px; background: #00CCCC; display: inline-block; position: absolute; left: 0; right: 0; top: 2.6041666667vw l; } .offerSingle__buttonToForm .button { width: 200px; height: 50px; display: flex; align-items: center; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm .button { width: 14.84375vw; } } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm .button { height: 3.125vw; } } .offerSingle__buttonToForm .button span { font-size: 20px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm .button span { font-size: 1.0416666667vw; } } .offerSingle__buttonToForm .button span:before { content: ""; } .offerSingle__buttonToForm .button span:before { font-size: 25px; margin-right: 10px; color: #009999; transition: all .4s ease; } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm .button span:before { font-size: 1.3020833333vw; } } @media screen and (min-width: 1201px) { .offerSingle__buttonToForm .button span:before { margin-right: 0.78125vw; } } .offerSingle__buttonToForm .button:hover { color: white; } .offerSingle__buttonToForm .button:hover span:before { color: white; } .offerSingle__image { margin-bottom: 15px; margin-top: 0px; } @media screen and (min-width: 1201px) { .offerSingle__image { margin-bottom: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .offerSingle__image { margin-top: -5.7291666667vw; } } .offerSingle__image img { max-width: 100%; height: auto; } .offerSingleTop { display: flex; justify-content: space-between; flex-wrap: wrap; } .offerSingle__content { width: 100%; } @media screen and (min-width: 1201px) { .offerSingle__content { width: 32.2916666667vw; } } .offerSingle__tabs { border-bottom: 1px solid #009999; display: flex; justify-content: flex-start; padding-bottom: 2px; } .offerSingle__tabs .tab { margin-right: 5px; font-size: 15px; background: #EFF3F3; color: black; text-transform: uppercase; font-weight: 800; display: flex; align-items: center; justify-content: center; border: 1px solid #E3F1F1; width: 200px; height: 45px; cursor: pointer; transition: all .5s ease; } @media screen and (min-width: 1201px) { .offerSingle__tabs .tab { margin-right: 0.2604166667vw; } } @media screen and (min-width: 1201px) { .offerSingle__tabs .tab { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .offerSingle__tabs .tab { width: 11.9791666667vw; } } @media screen and (min-width: 1201px) { .offerSingle__tabs .tab { height: 2.6041666667vw; } } .offerSingle__tabs .tab.active { background: #009999; border-color: #009999; color: white; } .offerSingle__tabs .tab:hover { border-color: #009999; background: #009999; color: white; } .offerSingle .tab_item { display: none; position: relative; padding-top: 20px; } @media screen and (min-width: 1201px) { .offerSingle .tab_item { padding-top: 1.8229166667vw; } } .offerSingle .tab_itemWrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .offerSingle .tab_item .galleryList__item { border: 1px solid #E3F1F1; } .offerSingle .tab_item .slick-list.draggable { min-height: 25.5208333333vw; } .offerSingle .tab_item .videoSlider .slick-next { bottom: 0 !important; } .offerSingle .tab_item--one { display: block; } .offerSingleNavigation { margin-top: 30px; padding-top: 25px; display: flex; justify-content: space-between; } @media screen and (min-width: 1201px) { .offerSingleNavigation { margin-top: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .offerSingleNavigation { padding-top: 1.3020833333vw; } } .offerSingleNavigation .button { width: 190px; height: 35px; border: 2px solid #00CCCC; } @media screen and (min-width: 1201px) { .offerSingleNavigation .button { width: 11.4583333333vw; } } @media screen and (min-width: 1201px) { .offerSingleNavigation .button { height: 2.0833333333vw; } } .offerSingleNavigation .button span { text-transform: uppercase; position: relative; } .offerSingleNavigation .button span:before { content: ""; } .offerSingleNavigation .button:hover { color: white; } .offerSingleNavigation .button:hover span:before { color: white; } .offerSingleNavigation .button:first-child span:before { transform: rotate(180deg); position: absolute; left: -1.5625vw; } .offerSingleNavigation .button:last-child span:before { position: absolute; right: -1.5625vw; } .offerSingleForm { margin-top: 40px; } @media screen and (min-width: 1201px) { .offerSingleForm { margin-top: 3.90625vw; } } .productRekomend__bottomTitle { text-transform: uppercase; color: #009999; font-weight: 800; font-size: 25px; margin-top: 35px; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .productRekomend__bottomTitle { font-size: 1.5625vw; } } @media screen and (min-width: 1201px) { .productRekomend__bottomTitle { margin-top: 3.125vw; } } @media screen and (min-width: 1201px) { .productRekomend__bottomTitle { margin-bottom: 1.0416666667vw; } } .offerSingle__image .galleryList__item { width: 100%; height: 100%; } @media screen and (min-width: 1201px) { .offerSingle__image .galleryList__item { width: 27.6041666667vw; } } @media screen and (min-width: 1201px) { .offerSingle__image .galleryList__item { height: 27.6041666667vw; } } .visitcards__wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .visitcards__title { font-size: 1.5625vw; font-weight: 700; line-height: 1.1; color: #009999; margin-bottom: 30px; } @media screen and (max-width: 1201px) { .visitcards__title { font-size: 24px; } } .visitcards .visitcard { width: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; border: 1px solid #00CCCC; border-bottom-width: 5px; padding: 20px; padding-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 1201px) { .visitcards .visitcard { width: 30.7291666667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard { padding: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard { padding-top: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard { margin-bottom: 2.0833333333vw; } } .visitcards .visitcard__image { margin-right: 0px; margin-bottom: 0px; width: auto; height: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #00CCCC; } @media screen and (min-width: 1201px) { .visitcards .visitcard__image { margin-right: 2.0833333333vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__image { margin-bottom: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__image { width: 8.3333333333vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__image { height: 8.3333333333vw; } } .visitcards .visitcard__image img { max-width: 100%; height: auto; } .visitcards .visitcard__content { width: auto; } @media screen and (min-width: 1201px) { .visitcards .visitcard__content { width: 17.96875vw; } } .visitcards .visitcard__name { position: relative; font-size: 15px; color: #009999; font-weight: 700; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .visitcards .visitcard__name { font-size: 1.25vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__name { margin-bottom: 1.5625vw; } } .visitcards .visitcard__name span { color: #8C8C8C; font-size: 16px; font-weight: 300; text-transform: inherit; } @media screen and (min-width: 1201px) { .visitcards .visitcard__name span { font-size: 0.8333333333vw; } } .visitcards .visitcard__contact { display: flex; flex-direction: column; } .visitcards .visitcard__contact span { display: inline-block; width: 100%; font-size: 20px; color: black; } @media screen and (min-width: 1201px) { .visitcards .visitcard__contact span { font-size: 1.0416666667vw; } } .visitcards .visitcard__contact span a { text-decoration: none; transition: all .4s ease; font-size: 20px; color: black; } @media screen and (min-width: 1201px) { .visitcards .visitcard__contact span a { font-size: 1.0416666667vw; } } .visitcards .visitcard__contact span a:hover { color: #009999; } .visitcards .visitcard__phone { padding-left: 0px; margin-bottom: 10px; position: relative; } .visitcards .visitcard__phone:before { content: ""; } @media screen and (min-width: 1201px) { .visitcards .visitcard__phone { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__phone { margin-bottom: 0.5208333333vw; } } .visitcards .visitcard__phone:before { font-size: 0px; position: absolute; left: 0; top: 0px; color: #00CCCC; } @media screen and (min-width: 1201px) { .visitcards .visitcard__phone:before { font-size: 1.3020833333vw; } } .visitcards .visitcard__fax { padding-left: 0px; margin-bottom: 10px; position: relative; } .visitcards .visitcard__fax:before { content: ""; } @media screen and (min-width: 1201px) { .visitcards .visitcard__fax { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__fax { margin-bottom: 0.5208333333vw; } } .visitcards .visitcard__fax:before { font-size: 0px; position: absolute; left: 0; top: 0px; color: #00CCCC; } @media screen and (min-width: 1201px) { .visitcards .visitcard__fax:before { font-size: 1.3020833333vw; } } .visitcards .visitcard__mobile { padding-left: 0px; margin-bottom: 10px; position: relative; } .visitcards .visitcard__mobile:before { content: ""; } @media screen and (min-width: 1201px) { .visitcards .visitcard__mobile { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__mobile { margin-bottom: 0.5208333333vw; } } .visitcards .visitcard__mobile:before { font-size: 0px; position: absolute; left: 0; top: 0px; color: #00CCCC; } @media screen and (min-width: 1201px) { .visitcards .visitcard__mobile:before { font-size: 1.3020833333vw; } } .visitcards .visitcard__email { margin-bottom: 10px; padding-left: 0px; margin-top: 10px; position: relative; } .visitcards .visitcard__email:before { content: ""; } @media screen and (min-width: 1201px) { .visitcards .visitcard__email { margin-bottom: 0.5208333333vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__email { padding-left: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__email { margin-top: 1.0416666667vw; } } .visitcards .visitcard__email:before { font-size: 0px; position: absolute; left: 0; top: 0px; color: #00CCCC; } @media screen and (min-width: 1201px) { .visitcards .visitcard__email:before { font-size: 1.3020833333vw; } } .visitcards .visitcard__email a { text-decoration: none; color: #009999; font-size: 20px; transition: all .4s ease; } @media screen and (min-width: 1201px) { .visitcards .visitcard__email a { font-size: 1.0416666667vw; } } .visitcards .visitcard__email a:hover { color: black; } .visitcards .visitcard__department { font-size: 16px; text-transform: uppercase; font-weight: 700; color: black; margin-bottom: 15px; } @media screen and (min-width: 1201px) { .visitcards .visitcard__department { font-size: 0.8333333333vw; } } @media screen and (min-width: 1201px) { .visitcards .visitcard__department { margin-bottom: 1.3020833333vw; } } .visitcards .visitcard__position { color: #00CCCC; text-transform: uppercase; display: inline-block; margin-top: 10px; } @media screen and (min-width: 1201px) { .visitcards .visitcard__position { margin-top: 0.5208333333vw; } } .mainContainer__modules--notSidebar .visitcards { flex-direction: center; } .mainContainer__modules--notSidebar .visitcards .visitcard { width: 100%; margin-right: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard { width: 25.78125vw; } } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard { margin-right: 2.6041666667vw; } } .mainContainer__modules--notSidebar .visitcards .visitcard:nth-child(3n-3), .mainContainer__modules--notSidebar .visitcards .visitcard:last-child { margin-right: 0; } .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__content { width: 100%; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__content { width: 13.5416666667vw; } } .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__phone span { font-size: 18px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__phone span { font-size: 0.8333333333vw; } } .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__phone:before { font-size: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__phone:before { font-size: 1.0416666667vw; } } .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__email:before { font-size: 0px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__email:before { font-size: 1.0416666667vw; } } .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__email a { font-size: 18px; } @media screen and (min-width: 1201px) { .mainContainer__modules--notSidebar .visitcards .visitcard .visitcard__email a { font-size: 0.8333333333vw; } } .mainContainer__modulesText--contentTop { font-weight: 700; margin-bottom: 30px; } .sitemapWrap ul { background: white; padding: 15px; border-radius: 5px; } .sitemapWrap ul li a { color: #000000; } .sitemapWrap ul li a:hover { color: #00CCCC; } .postPage__modules { padding-top: 20px; } @media screen and (min-width: 1201px) { .postPage__modules { padding-top: 1.0416666667vw; } } .footer__logo:after { display: none; } .mainContainer__modules ul, .mainContainer__modules ol { display: table; } .newsList__listOff .newsItem { width: 100%; } @media screen and (min-width: 1201px) { .newsList__listOff .newsItem { width: 20.8333333333vw; } } .blogItems__listOff .blogItem { width: 100%; } @media screen and (min-width: 1201px) { .blogItems__listOff .blogItem { width: 20.8333333333vw; } } .wid100 { width: 100%; } .wid50 { width: 50%; } .wid40 { width: 40%; } .wid20 { width: 20%; } .wid30 { width: 30%; } .topListing { padding-top: 20px; padding-bottom: 20px; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } @media screen and (min-width: 1201px) { .topListing { padding-top: 1.5625vw; } } @media screen and (min-width: 1201px) { .topListing { padding-bottom: 1.5625vw; } } .topListing__title { font-size: 20px; font-weight: bold; color: black; } @media screen and (min-width: 1201px) { .topListing__title { font-size: 1.8229166667vw; } } .uebottomImg img { max-width: 100%; height: auto; } @media screen and (min-width: 2000px) { .visitcards .visitcard__image img { height: 100%; } .offerSubCatList .categoryBox img { width: 100%; height: 100%; } .offerSubCatList .categoryBox__title { background-size: cover; } .offerDesc__html.contentBlock img:first-child { width: 100%; } .offerSingle__image img { width: 100%; } .contactWrap .contactBoxes .contact__box-top { background-size: cover; } } @media screen and (min-width: 1201px) { .descnone { display: none !important; } .productList .productBox__title { background-size: cover; } } @media screen and (max-width: 1201px) { .tab_item .galleryList .galleryList__item { margin-bottom: 10px; } .tab_item .galleryList .galleryList__item:nth-child(EVEN) { margin-right: 0; } .tab_item .galleryList .galleryList__item:nth-child(ODD) { margin-right: 10px; } .mainContainer__mainTitle { max-width: 98%; } .offerSingle__title { width: 100%; text-align: center; } .offerSingleTop { flex-direction: column-reverse; } .gallerySlider__for, .gallerySlider__for-itemWrap { width: 100% !important; } .mobnone { display: none !important; } .header__left picture { display: flex; } .homeAbout { padding-top: 20px; } .homeAbout__link.link { margin-top: 20px; margin-bottom: 20px; } .gallerySlider__nav { width: 100%; margin-top: 5px; } .gallerySlider__nav-item:before { display: none; } .gallerySlider__nav-item:after { display: none; } .gallerySlider__nav .slick-next { width: 49%; bottom: -50px; right: 0; display: none !important; } .gallerySlider__nav .slick-prev { width: 49%; display: none !important; left: 0; position: absolute; bottom: -50px; height: 50px; } .gallerySlider { flex-wrap: wrap; } .uebottom { background: white; text-align: center; padding: 10px; } .mainContainer__sidebar + .mainContainer__modules, .mainContainer__sidebar + .mainContainer__rightCol, .mainContainer__sidebar + .mainContainer__offer-single { border: none; box-shadow: none; } .textCenterContact a { position: relative; top: auto; right: auto; margin-left: 15px; margin-bottom: 10px; } .mainContainer__modules, .mainContainer__offer-single { width: 100%; } .footerTop { justify-content: center; padding-top: 25px; } .header__center, .header__right { display: none; } .offerBoxes .offerBox__title { left: 15px; bottom: 120px; } .header__left { max-width: 200px; margin-left: 10px; } .header__inner { border-bottom: 1px solid #EFF3F3; } .header.short .header__left { max-width: 200px; } .offerBoxes .offerBox__content:before { right: 10px; bottom: 10px; } .mobileMenu .header__links { text-align: center; } .productList { justify-content: center; } .productList .productBox { width: 49%; margin: 0.5%; } .productList .productBox__title { padding-right: 40px; } .sliderHome { height: 200px; overflow: hidden; } .sliderHome .sliderItem .sliderImage:after { content: ''; display: inline-block; width: 40%; height: 100%; background-size: cover; } .sliderHome .sliderContent__text { left: 30px; top: 30px; } .sliderHome img { max-width: 100%; height: auto; } .sliderHome .button { height: 35px; width: 140px; } .sliderHome .button span { font-size: 12px; letter-spacing: 0.2px; } .webp .sliderHome .sliderItem .sliderImage:after { background: url("/images/aftmobsl.webp") !important; } .no-webp .sliderHome .sliderItem .sliderImage:after { background: url("/images/aftmobsl.png") !important; } .SliderSubtitle { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } .contactBoxHome { position: relative; right: auto; left: auto; margin-top: 10px; } .contactBoxHome__icon:before { display: none; } .banerstatusHome { padding-bottom: 20px; } .homeIconBoxes__wrap .homeIconBox { flex-wrap: wrap; } .homeIconBox__content { width: 100%; text-align: center; padding: 10px 0; } .homeIconBoxes__wrap .homeIconBox__icon:before { font-size: 30px; padding-top: 10px; } .newsList__list { justify-content: space-between; } .newsItem { padding: 15px; } .newsItem__top { max-height: 100%; } .footer__logo { width: 100%; text-align: center; padding-top: 10px; display: flex; justify-content: center; margin-bottom: 20px; } .footer__contact span { padding-left: 35px; } .footer__contact { margin-top: 0px; margin-left: 20px; } .footer__right { margin: 0 auto; } .footer__menu { display: none; } .footer__contact { width: 230px; } .footer__links span:first-child { margin-bottom: 0; } .footer__logo img { max-width: 80%; margin: 0 auto; } .footer__right { justify-content: center; width: 100%; display: flex; align-items: flex-start; } .footerBottom { padding: 15px; flex-wrap: wrap; } .footer__links span:first-child { margin-right: 15px; } .offerHome { padding-top: 1px; } .newsItem { margin-bottom: 20px !important; } .contactBank .contactIcon { padding: 10px; text-align: center; } .contactBank .contactIcon br { display: none; } .multicontactItem__left { padding: 0px; } .multicontactItemWrap .multicontactItem__left { padding: 0; } .multicontactItemWrap .multicontactItem__contact { padding: 15px 0; } .multicontactItemWrap .multicontactItem__right { width: 100%; text-align: right; justify-content: flex-end; padding-right: 40px; padding-bottom: 15px; } .multicontactItemWrap { padding: 10px; } .multicontactItemWrap { width: 100%; } .multicontactItemTop:after { display: none; } .contactWrap .contactBoxes .contact__box .maplink a { margin-top: 15px; margin-bottom: 15px; } .contactWrap .contactBoxes .contact__box h4, .contactIcon { margin-bottom: 15px; } .contactIcon { padding-left: 0; } .contactIcon:before { display: none; } .contactWrap .contactBoxes .contact__box .contactMap iframe { height: 200px; margin-bottom: 20px; } .webp .contact__box:first-child .contact__box-top { padding: 15px; } .contactWrap .contactBoxes .contact__box .maplink { position: relative; } .mainContainer__modules, .mainContainer__offer-single, .singleBlog__blogItem, .contactWrap { padding: 0; border: none; box-shadow: none; } .contentBlock blockquote { min-height: auto; } .blogItems--cat .blogItem__image, .blogItems--cat .blogItem__content { width: 100%; margin-bottom: 15px; padding: 15px; } .blogItems--cat .blogItem { flex-wrap: wrap; } .blogItems--cat .blogItem__desc { max-height: 100%; } .blogItems--cat .blogItem__bottom { min-height: 100%; } .singleBlog .blogItem__titleWrap { padding: 10px 0; } .singleBlog .blogItem__sortWrap { padding: 10px 0; } .multicontactItemPerson__text { margin-left: 15px; } .form:before { display: none; } .form .formTop { flex-wrap: wrap; } .formBottom .wrapcheckbox .checkbox-other span:before { left: -10px; } .styledForm__row.styledForm__row--button { justify-content: center !important; align-items: center !important; margin-top: 0 !important; } .formTop--cv .styledForm__row { width: 100%; } .styledForm__row { padding: 0 10px; } .blogItems .blogItem__content { padding: 15px; } .offerSubCatList .categoryBox__title:before { display: none; } .offer { display: flex; flex-direction: column-reverse; } .offer .mainContainer__sidebar { display: block !important; width: 100% !important; margin-top: 20px; } .offer .sidebarMenu { display: block; } .offer .sidebarMenu .sidebarMenu__list > li { font-size: 15px; } .offer .mainContainer__sidebar + .mainContainer__modules, .offer .mainContainer__sidebar + .mainContainer__rightCol, .offer .mainContainer__sidebar + .mainContainer__offer-single { width: 100%; } .offerSingle__title { margin-top: 0; } .offerSingle__buttonToForm .button { width: 280px; } .offerSingleNavigation .button span:before { display: none; } .visitcards .visitcard { width: 49%; } .visitcards .visitcard__image { width: 85px; height: 85px; } .visitcards .visitcard__content { width: 70%; } .productList .productBox__title { background-size: cover; } .offerSingleTop { flex-direction: row; } .offerSingleTop .offerSingle__content { width: 49%; } .offerSingleTop .offerSingle__image { width: 49%; } .downloadItem__text { padding-left: 20px; font-size: 16px; } .downloadItem { text-align: center; } .contactWrap .contactBoxes .contact__box .maplink { margin-right: 10px; margin-top: 20px; } .offer .blog .blogItem { flex-direction: row; padding: 15px; justify-content: space-between; align-items: flex-start; } .offer .blog .blogItem .blogItem__desc { max-height: 130px; } .offer .blog .blogItem__image { width: 49%; } .offer .blog .blogItem__content { padding: 0; width: 49%; } .offer .blog .blogItem__link { margin-bottom: 0; } } @media screen and (max-width: 1025px) { .downloadItem__text { padding: 0; width: 70%; } .offerSubCatList .categoryBox__title { font-size: 24px; } .galleryList__item:hover:before, .galleryList__item:hover:after { opacity: 0 !important; } .galleryList__item { width: 49%; } .galleryList { justify-content: space-between; } .homeAbout__left p br { display: none; } .sliderHome { height: 190px; } .offerBoxes .offerBox { width: 50%; } .offerBoxes .offerBox__content { min-height: 100px; } .sidebarMenu__title a { font-size: 20px; } .offerSubCatList .categoryBox { width: 49%; } .offerSubCatList { justify-content: space-between; } .blogItems--cat .blogItem__image { width: 40%; } .blogItems--cat .blogItem__content { width: 58%; } .sidebarMenu .sidebarMenu__list .sidebarMenu__list li::after { top: 50%; left: 15px; width: 10px; } .offerSingleTop { flex-direction: row; } .offerSingleTop .offerSingle__content { width: 49%; } .offerSingleTop .offerSingle__image { width: 49%; } .multicontactItemWrap .multicontactItem__contact { padding-left: 130px; } .tab-label.multicontactItemTop .multicontactItem__contact { padding-left: 0px !important; } .contactWrap .contactBoxes .contact__box-top { background-size: cover; } .contactWrap .contactBoxes .contact__box .maplink { padding: 15px; } .contactWrap .contactBoxes .contact__box .maplink a { margin-top: 0; } .multicontactItemWrap .multicontactItem__contact-left span { margin-bottom: 7px; } .multicontactItemWrap .multicontactItem__right { position: absolute; bottom: 20px; right: 8px; padding-bottom: 0; width: auto; } .multicontactItemWrap .multicontactItem__contact { padding-bottom: 0; } } @media screen and (max-width: 780px) { .homeAbout__left { width: 100%; } .multicontactItemPerson__image { width: 92px; height: 92px; display: flex; align-items: center; justify-content: center; } .multicontactItemWrap .multicontactItem__contact { padding-left: 105px; padding-top: 0; padding-bottom: 0; } label.multicontactItemTop .multicontactItemWrap .multicontactItem__contact { padding-top: 15px; } .homeAbout__right { width: 100%; } .homeAbout__right p { margin-top: 0; } .homeAbout__right p br { display: none; } .homeAbout__wrap { flex-wrap: wrap; } .downloadItem { width: 100% !important; margin-right: 0 !important; } .offerBoxes .offerBox__icon { display: none; } .multicontactItemWrap .multicontactItem__contact { flex-wrap: wrap; } .multicontactItemWrap .multicontactItem__contact-left { width: 100%; } .multicontactItemWrap .multicontactItem__contact-left span { margin-bottom: 10px; } .multicontactItemWrap .multicontactItem__contact-right { width: 100%; } .multicontactItemWrap .multicontactItem__contact-right span { margin-bottom: 10px; } .offerSubCatList .categoryBox__title { font-size: 20px; } .downloadItem__text { font-size: 16px; } .downloadItem { height: auto; } .visitcards .visitcard { width: 49%; } .blogItems--cat .blogItem__image { width: 100%; } .blogItems--cat .blogItem__image img { width: 100%; } .blogItems--cat .blogItem__content { width: 100%; } .tab_item .galleryList .galleryList__item { margin-bottom: 10px; } .tab_item .galleryList .galleryList__item:nth-child(EVEN) { margin-right: 0; } .tab_item .galleryList .galleryList__item:nth-child(ODD) { margin-right: 0px; } } @media screen and (max-width: 600px) { .offerBoxes .offerBox__desc { padding-right: 50px; display: inline-block; } .offerBoxes .offerBox a { height: 240px; } .offerSingleTop { flex-direction: column-reverse; } .offerSingleTop .offerSingle__content { width: 100%; } .offerSingleTop .offerSingle__image { width: 100%; } .slider .owl-carousel .owl-nav { display: none; } .sliderHome .button { display: none; } .visitcards .visitcard__content { width: 80%; } .offerSubCatList .categoryBox { width: 100%; } .visitcards .visitcard__image { margin: 0 auto 20px; } .postPage__navigation { flex-wrap: wrap; } .postPage__navigation a { margin-bottom: 10px; width: 100%; margin-left: 0px; } .visitcards .visitcard__name { font-size: 18px; } .newsItem, .visitcard__image, .visitcard__content, .postPage__navigation-left, .postPage__navigation-right { width: 100%; } .visitcards .visitcard__content { width: 100% !important; text-align: center; } .footer__contact span { display: none; } .visitcard { display: flex; flex-wrap: wrap; } .footer__contact span { padding: 0; } .footer__links, .footerCopy { width: 100%; margin-bottom: 10px; text-align: center; justify-content: center; } .footer__address, .footer__contact { width: 100%; margin-left: 0; margin-bottom: 15px; margin-right: 0 auto 15px; width: 250px; text-align: center; } .footer__right { flex-direction: column; align-items: center; justify-content: center; } .footer__right { flex-wrap: wrap; } .homeAbout__wrap, .homeIconBoxes__wrap .homeIconBox, .banerstatusHome__wrap { flex-wrap: wrap; } .homeAbout__left, .homeAbout__right, .offerBoxes .offerBox, .homeIconBox__content { width: 100%; } .offerBoxes .offerBox__icon { top: 15px; left: 15px; } .sectionTitle { text-align: center; } .postPage__navigation a span:before { top: 15px; } .postPage__navigation-right a:last-child { margin-left: 0 !important; } .postPage__navigation-right { flex-wrap: wrap; } .galleryList__item { width: 100%; } } @media screen and (max-width: 500px) { .sliderHome .sliderItem .sliderImage img { height: 180px; } .sliderHome { height: 180px; } .SliderSubtitle br { display: none; } .multicontactItem__contact { flex-wrap: wrap; flex-direction: column; } .multicontactItem__contact a { margin: 5px 0; } .productList .productBox { width: 100%; margin: 5px 0; } .multicontactItemWrap .multicontactItem__left .multicontactItemDepartment__name { text-align: center; margin: 10px 0; } .multicontactItemWrap .multicontactItem__contact-left, .multicontactItemWrap .multicontactItem__contact-right { width: 100%; } .offerSingle__tabs .tab { width: 50%; margin: 0; } .offerSingle__tabs { flex-wrap: wrap; margin-top: 20px; } .offerSingle .tab_item .videoSlider .slick-next { bottom: 0 !important; } .content_image { float: none !important; width: 100% !important; margin: 10px 0px !important; } .content_image img { width: 100%; } .downloadItem { text-align: left; } .downloadItem__text { padding-left: 10px; } .postPage__navigation a span:before { top: 15px; } } @media screen and (max-width: 450px) { .offerDesc__html.contentBlock h3 { font-size: 20px; } .offerBoxes .offerBox__desc { padding-right: 20px; } .offer .blog .blogItem { flex-wrap: wrap-reverse; flex-direction: column; } .offer .blog .blogItem__image { width: 100%; } .offer .blog .blogItem__content { width: 100%; } .blogItems .blogItem__title { margin-top: 20px; } .mainContainer__mainTitle { font-size: 27px; } .contentBlock table td ul li { font-size: 10px; } .contentBlock table td ul li:before { top: 5px; } .offerSingle__title { font-size: 22px; } .offerSingle__title { font-size: 25px; } .visitcards .visitcard { width: 100%; } .offerSingleNavigation { flex-wrap: wrap; width: 100%; margin-top: 0; } .offerSingleNavigation a.button { width: 100%; margin-bottom: 10px; } .productList .productBox { width: 100%; margin-bottom: 15px; } .postPage__navigation-right { flex-wrap: wrap; } .postPage__navigation-right a:last-child { margin-left: 0; } } .sidebarMenu .sidebarMenu__list > li { border: none; } @media screen and (max-width: 1201px) { .newsAll__link { padding-left: 15px; } } .serwisWrap { transform: translateX(180px); transition: all .5s ease; background: #D42427; position: fixed; right: 0; z-index: 1000; height: 180px; top: calc(50% - 1.688vw); width: 215px; display: flex; } .serwisWrap.active { transform: translateX(0px); } @media screen and (min-width: 1201px) { .serwisWrap { transform: translateX(9.375vw); } .serwisWrap:hover { transform: translateX(0px); } .serwisWrap:hover .serwisWrap__left-text span { color: #FF4040; } .serwisWrap:hover .serwisWrap__left-text span:before { color: white; } } @media screen and (min-width: 1201px) { .serwisWrap { height: 9.375vw; } } @media screen and (min-width: 1201px) { .serwisWrap { width: 11.9791666667vw; } } .serwisWrap__left { width: 35px; height: 180px; cursor: pointer; } @media screen and (min-width: 1201px) { .serwisWrap__left { width: 2.6041666667vw; } } @media screen and (min-width: 1201px) { .serwisWrap__left { height: 9.375vw; } } .serwisWrap__left-text { height: 100%; display: flex; align-items: center; justify-content: center; } .serwisWrap__left-text span { transition: all .5s ease; display: flex; transform: rotate(270deg); position: absolute; width: 180px; justify-content: center; padding-right: 40px; color: white; text-transform: uppercase; font-size: 15px; font-weight: 700; } @media screen and (min-width: 1201px) { .serwisWrap__left-text span { width: 9.375vw; } } @media screen and (min-width: 1201px) { .serwisWrap__left-text span { padding-right: 1.8229166667vw; } } @media screen and (min-width: 1201px) { .serwisWrap__left-text span { font-size: 0.78125vw; } } .serwisWrap__left-text span:before { content: ""; } .serwisWrap__left-text span:before { font-size: 20px; position: absolute; top: 0; right: 20px; transform: rotate(110deg); } @media screen and (min-width: 1201px) { .serwisWrap__left-text span:before { font-size: 1.0416666667vw; } } @media screen and (min-width: 1201px) { .serwisWrap__left-text span:before { right: 1.0416666667vw; } } .serwisWrap.active .serwisWrap__left-text span { color: #FF4040; } .serwisWrap.active .serwisWrap__left-text span:before { color: white; } .serwisWrap__right { width: 180px; padding-left: 15px; } @media screen and (min-width: 1201px) { .serwisWrap__right { width: 9.375vw; } } @media screen and (min-width: 1201px) { .serwisWrap__right { padding-left: 0.78125vw; } } .serwisWrap__right-title { font-weight: 700; font-size: 15px; text-transform: uppercase; color: white; padding-top: 18px; } @media screen and (min-width: 1201px) { .serwisWrap__right-title { font-size: 0.9375vw; } } @media screen and (min-width: 1201px) { .serwisWrap__right-title { padding-top: 0.9375vw; } } .serwisWrap__item { margin-top: 15px; color: white; } @media screen and (min-width: 1201px) { .serwisWrap__item { margin-top: 0.78125vw; } } .serwisWrap__item span { font-weight: 300; font-size: 15px; display: inline-block; width: 100%; } @media screen and (min-width: 1201px) { .serwisWrap__item span { font-size: 0.78125vw; } } .serwisWrap__item a { text-decoration: none; color: white; font-weight: 800; font-size: 18px; } @media screen and (min-width: 1201px) { .serwisWrap__item a { font-size: 0.9375vw; } } .serwisWrap__item a:hover { text-decoration: underline; } .serwisWrap__close { font-size: 18px; /* height: 30px; */ /* width: 30px; */ /* transform: rotate(45deg); */ position: absolute; background: black; top: -35px; left: 0px; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; } .serwisWrap__close:before { content: ""; } .serwisWrap__close:before { color: white; } @media screen and (min-width: 1020px) { .serwisWrap__close { display: none; } } @media screen and (max-width: 900px) { .serwisWrap { top: calc(50% - 90px); } } .formErrors { width: 100%; padding: 10px 15px; background-color: #FFF; border: 2px solid #00CCCC; margin-bottom: 18px; } .formErrors .formErrors__ul { list-style-type: none; } .formErrors .formErrors__ul li { margin: 5px 0; font-size: 16px; } </style>  <script> var currentLang = "pl"; window.Laravel = { "csrfToken": "1We54ZRwoeaWlu5k3gLMqR3u002HNmQs4RIOt3ga", "lang": { "validation": { "invalid": "Formularz nie został prawidłowo wypełniony", "phone": "Numer telefonu powinien składać się z 9 cyfr" }, "msgtype": { "save": "Zapisz się", "success": "wysłano" }, "search": { "blog": "Blog", "offer": "Oferta", "news": "Aktualności", "page": "Strony" } } }; </script> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJKQN3M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="serwisWrap"> <div class="serwisWrap__left"> <div class="serwisWrap__left-text"> <span>Serwis 24H</span> </div> </div> <div class="serwisWrap__right"> <div class="serwisWrap__right-title"> Serwis 24H </div> <div class="serwisWrap__item"> <span>Zadzwoń</span> <a href="tel:+48668198800" title="+48 668 198 800 ">+48 668 198 800 </a> </div> <div class="serwisWrap__item"> <span>Napisz</span> <a href="mailto:serwis@sigmasa.pl" title="serwis@sigmasa.pl">serwis@sigmasa.pl</a> </div> </div> <div class="serwisWrap__close"> </div> </div> <header class="header"> <div class="header__inner"> <div class="header__left"> <a href="/" title="SIGMA S.A." class="header__left--logo"> <picture> <source srcset="/images/logo.webp" type="image/webp"> <source srcset="/images/logo.png" type="image/png"> <img loading="lazy" src="/images/logo.png" alt="Alt Text!"> </picture> <img alt="" class="img-responsive"/> </a></div> <div class="header__center"> <ul > <li class="menuHome link"> <a href="/" data-hover="Strona główna" title="Strona główna - SIGMA S.A." class=""><span></span></a></li> <li class=" "> <a href="/o-nas" data-hover="O nas" title="O nas - SIGMA S.A." class=" link"><span>O nas</span></a> </li> <li class=" sub "> <a href="/oferta" data-hover="Oferta" title="Oferta - SIGMA S.A." target="" rel="" class=" active link "><span>Oferta</span></a> <div class="submenuWrap"> <ul > <li class=" "> <a href="/oferta/technologie-przetwarzania-odpadow" data-hover="Technologie przetwarzania odpadów" title="Technologie przetwarzania odpadów - SIGMA S.A." class=" link"><span>Technologie przetwarzania odpadów</span></a> </li> <li class=" "> <a href="/oferta/technologie-transportu-bliskiego" data-hover="Technologie transportu bliskiego" title="Technologie transportu bliskiego - SIGMA S.A." class=" link"><span>Technologie transportu bliskiego</span></a> </li> <li class=" "> <a href="/oferta/automatyka-przemyslowa-i-robotyka" data-hover="Automatyka przemysłowa i robotyka" title="Automatyka przemysłowa i robotyka - SIGMA S.A." class=" active link"><span>Automatyka przemysłowa i robotyka</span></a> </li> <li class=" "> <a href="/oferta/pompy-i-poglebiarki" data-hover="Pompy i pogłębiarki" title="Pompy i pogłębiarki - SIGMA S.A." class=" link"><span>Pompy i pogłębiarki</span></a> </li> <li class=" "> <a href="/oferta/technologie-dla-gornictwa" data-hover="Technologie dla górnictwa" title="Technologie dla górnictwa - SIGMA S.A." class=" link"><span>Technologie dla górnictwa</span></a> </li> <li class=" "> <a href="/oferta/inne-technologie-i-uslugi" data-hover="Inne technologie i usługi" title="Inne technologie i usługi - SIGMA S.A." class=" link"><span>Inne technologie i usługi</span></a> </li> </ul> </div> </li> <li class=" "> <a href="/do-pobrania" data-hover="Do pobrania" title="Do pobrania - SIGMA S.A." class=" link"><span>Do pobrania</span></a> </li> <li class=" "> <a href="/aktualnosci" data-hover="Aktualności" title="Aktualności - SIGMA S.A." class=" link"><span>Aktualności</span></a> </li> <li class=" "> <a href="/o-nas/kariera" data-hover="Kariera" title="Kariera - SIGMA S.A." class=" link"><span>Kariera</span></a> </li> <li class=" "> <a href="/kontakt" data-hover="Kontakt" title="Kontakt - SIGMA S.A." class=" link"><span>Kontakt</span></a> </li> </ul> </div> <div class="header__right"> <div class="header__logoUe"> <a href="/o-nas/dotacje-ue"> <picture> <source srcset="/images/ue_logo.webp" type="image/webp"> <source srcset="/images/ue_logo.png" type="image/png"> <img loading="lazy" src="/images/ue_logo.png" alt="Dofinansowanie UE" width="90px"> </picture> </a> </div> <div class="header__links"> <a href="https://www.facebook.com/FirmaSigmaSA/" target="_blank" rel="nofollow"> <img src="/images/facebook.svg" alt=""> </a> <a href="https://www.youtube.com/channel/UC5hBsx03tWtZWy3kPgfpUXw" target="_blank" rel="nofollow"> <img src="/images/youtubew.svg" alt=""> </a> <a href="https://www.linkedin.com/company/sigma-spolkaakcyjna" target="_blank" rel="nofollow"> <img src="/images/linkedin.svg" alt=""> </a> </div> <div class="header__rightIcons"> <div class="top__language js-top__language"> <div class="top__languageWrap"> <a href="/oferta/automatyka-przemyslowa-i-robotyka" class="langpl active ">  <span>pl</span></a> <a href="/en/offer/industrial-automation-and-robotics" class="langen ">  <span>en</span></a> </div> </div> </div> </div> </div> </header> <div class="js-openMenu"> <div class="js-openMenu--line"></div> <div class="js-openMenu--line"></div> <div class="js-openMenu--line"></div> </div> <div class="wrapPage"> <div class="slider slider--sub "> <div class="owl-carousel"> <div class="sliderItem"> <div class="sliderContent"> <div class="sliderImage"> <img src="/img/slider/8/thumbnail.jpeg?v=79482029" loading="lazy" alt="SIGMA S.A."/> </div> <div class="sliderContent__text"> <span class="SliderTitle">Automatyka przemysłowa i robotyka</span> </div> </div> </div> </div> </div> <div class="bread"> <div class="breadcrumbs"> <div class="breadcrumbs__name"></div> <ol class="breadcrumbs__breads"> <li><a href="/" title="Strona główna - SIGMA S.A.">Strona główna</a>  /</li> <li><a href="/oferta" title="Oferta - SIGMA S.A.">Oferta</a>  /</li> <li class="active">Automatyka przemysłowa i robotyka</li> </ol> </div> </div> <div class="mainContainer"> <div class="textCenter"> <h1 class="mainContainer__mainTitle titleSubcat ">Automatyka przemysłowa i robotyka</h1> </div> <div class="mainContainer__wrap offer offerpro pageSubcat "> <div class="mainContainer__sidebar"> <div class="sidebarMenu"> <div class="sidebarMenu__title"><a href='/oferta'>Oferta</a></div> <ul class="sidebarMenu__list"> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow">Technologie przetwarzania odpadów</a> <ul class="sidebarMenu__list"> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow/linie-technologiczne">Linie technologiczne</a> </li> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow/systemy-sterowania-automatyki-i-wizualizacji">Systemy sterowania, automatyki i wizualizacji </a> </li> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow/systemy-transportowe">Systemy transportowe</a> </li> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow/systemy-przesiewania">Systemy przesiewania</a> </li> <li class=""><a href="/oferta/technologie-przetwarzania-odpadow/urzadzenia-pomocnicze">Urządzenia pomocnicze</a> </li> </ul> </li> <li class=""><a href="/oferta/technologie-transportu-bliskiego">Technologie transportu bliskiego</a> <ul class="sidebarMenu__list"> <li class=""><a href="/oferta/technologie-transportu-bliskiego/manipulatory-przemyslowe-linkowe">Manipulatory przemysłowe linkowe</a> </li> <li class=""><a href="/oferta/technologie-transportu-bliskiego/manipulatory-przemyslowe-z-ukladem-ramion">Manipulatory przemysłowe z układem ramion</a> </li> <li class=""><a href="/oferta/technologie-transportu-bliskiego/podnosniki-mobilne-sigmove">Podnośniki mobilne SIGmove</a> </li> <li class=""><a href="/oferta/technologie-transportu-bliskiego/manipulatory-podcisnieniowe">Manipulatory podciśnieniowe</a> </li> </ul> </li> <li class="active"><a href="/oferta/automatyka-przemyslowa-i-robotyka">Automatyka przemysłowa i robotyka</a> </li> <li class=""><a href="/oferta/pompy-i-poglebiarki">Pompy i pogłębiarki</a> <ul class="sidebarMenu__list"> <li class=""><a href="/oferta/pompy-i-poglebiarki/pompy-zatapialne">Pompy zatapialne</a> </li> <li class=""><a href="/oferta/pompy-i-poglebiarki/poglebiarki">Pogłębiarki</a> </li> <li class=""><a href="/oferta/pompy-i-poglebiarki/akcesoria">Akcesoria </a> </li> </ul> </li> <li class=""><a href="/oferta/technologie-dla-gornictwa">Technologie dla górnictwa</a> <ul class="sidebarMenu__list"> <li class=""><a href="/oferta/technologie-dla-gornictwa/systemy-przodkowe">Systemy przodkowe</a> </li> <li class=""><a href="/oferta/technologie-dla-gornictwa/systemy-podscianowe">Systemy podścianowe</a> </li> <li class=""><a href="/oferta/technologie-dla-gornictwa/systemy-transportu">Systemy transportu</a> </li> <li class=""><a href="/oferta/technologie-dla-gornictwa/urzadzenia-wentylacyjne-i-odpylajace">Urządzenia wentylacyjne i odpylające </a> </li> <li class=""><a href="/oferta/technologie-dla-gornictwa/urzadzenia-pomocnicze">Urządzenia pomocnicze</a> </li> </ul> </li> <li class=""><a href="/oferta/inne-technologie-i-uslugi">Inne technologie i usługi</a> </li> </ul>  </div> </div> <div data-category-page="1" data-category-id="5" class="mainContainer__modules"> <div class="offerDesc__html contentBlock"> <p><img class="content_image" style="width: 100%;" src="/img/content/DcedbLUK_automatyka-sigma-sa-minibanerjpg.jpg" /></p> <h3>FIRMA SIGMA S.A. ZATRUDNIA SZEREG SPECJALISTÓW Z DZIEDZINY SZEROKO POJĘTEJ AUTOMATYKI I ROBOTYKI PRZEMYSŁOWEJ</h3> <p>Specjalizujemy się w projektowaniu i wdrożeniach nowoczesnych systemów automatyki i sterowania, robotyki, a także aparatury kontrolnej i pomiarowej. Do każdego projektu podchodzimy indywidualnie i staramy się dokładnie poznać technologię, aby optymalizować poszczególne procesy. Wykonujemy projekty dostosowane do indywidualnych wymagań odbiorcy przy zachowaniu wszelkich norm i zasad bezpieczeństwa. Dzięki doświadczeniu i otwartości na nowe rozwiązania jesteśmy w stanie sprostać każdemu wyzwaniu.</p> <p>Zapewniamy naszym klientom doradztwo techniczne w zakresie udoskonalenia procesów produkcyjnych lub udoskonalania maszyn, celem zwiększenia ich wydajności, bezpieczeństwa oraz niezawodności. Wspomagamy konstruktorów przy opracowywaniu koncepcji urządzeń. Przeprowadzamy audyty bezpieczeństwa i ocenę ryzyka. Wykonujemy rozruchy oraz testy funkcjonalne urządzeń.</p> <p>Prowadzimy szkolenia dla personelu technicznego i operatorów obsługujących nasze systemy.</p> </div>  <div class=" offerSubCatList " > </div> <div class="contentBlock" id="content151"> <h2>AUTOMATYKA PRZEMYSŁOWA</h2> <p><img class="content_image" style="float: right; margin: 0px 0px 10px 20px; width: 50%;" src="/img/content/hIAtVHMe_automatyka-sigma-sajpg.jpg" alt="automatyka przemysłowa" /></p> <p>Oferujemy kompleksowe usługi projektowania, budowy i wdrażania systemów automatyki przemysłowej:</p> <ul> <li>wykonujemy kompletne systemy sterowania maszyn i instalacji technologicznych z wykorzystaniem sterowników PLC w wielu standardach komunikacji (m.in. Profinet, Profibus, Ethernet IP, Modbus TCP, Modbus RTU, IO-Link). W naszych projektach stosujemy sterowniki renomowanych marek takich jak Siemens, Allen Bradley, Schneider czy IDEC. </li> <li>projektujemy i budujemy szafy sterownicze,</li> <li>projektujemy oraz montujemy panele operatorskie stanowisk produkcyjnych, kontrolnych i pomiarowych,</li> <li>wykonujemy wizualizacje procesów przemysłowych z wykorzystaniem paneli operatorskich HMI i komputerowych systemów SCADA,</li> <li>wykonujemy systemy wizyjne do kontroli jakości produkowanych elementów,</li> <li>przeprowadzamy integrację urządzeń automatyki przemysłowej w jeden system,</li> <li>przeprowadzamy pomiary ochronne,</li> <li>zapewniamy serwis maszyn i linii technologicznych. </li> </ul> <p style="clear: both;"> </p> </div> <div class="contentBlock" id="content153"> <h2>ROBOTYKA</h2> <p><img class="content_image" style="float: left; margin: 0px 20px 10px 0px; width: 50%;" data-src="/img/content/MVyIQ8gj_robotykaautomatyka-sigma-sa-minibanerjpg.jpg" alt="robotyka" data-loading="lazy" /></p> <p>Oferujemy kompleksowe usługi doboru, integracji, serwisu robotów przemysłowych:</p> <ul> <li>wykonywanie zrobotyzowanych stanowisk,</li> <li>programowanie robotów przemysłowych Yaskawa,</li> <li>integracja robotów przemysłowych z zewnętrznymi urządzeniami i układami sterowania,</li> <li>wykonywanie zautomatyzowanych stanowisk paletyzacji, depaletyzacji,</li> <li>serwis robotów przemysłowych. </li> </ul> <p style="clear: both;"> </p> </div> <div class="contentBlock" id="content155"> <h2>PNEUMATYKA</h2> <p><img class="content_image" style="float: right; margin: 0px 0px 10px 20px; width: 50%;" data-src="/img/content/HytBmDHt_pneumatykaautomatyka-sigma-sa-minibanerjpg.jpg" alt="pneumatyka" data-loading="lazy" /></p> <p>Oferujemy kompleksowe usługi projektowania, budowy i wdrażania układów pneumatyki, pneumatycznych układów sekwencyjnych, balasnerów:</p> <ul> <li>doradztwo techniczne w zakresie doboru podzespołów pneumatycznych układów sekwencyjnych,</li> <li>projektowanie układów pneumatycznych,</li> <li>projektowanie pneumatycznych układów sekwencyjnych,</li> <li>projektowane pneumatycznych układów sterujących typu balasner,</li> <li>serwis pneumatycznych układów sterowania. </li> </ul> <p>Bazując na wieloletnim doświadczeniu wykonujemy prace konserwacyjne, naprawcze i modernizacyjne.</p> <p style="clear: both;"> </p> </div> <div class="contentBlock" id="content156"> <h2>ELEKTRONIKA</h2> <p><img class="content_image" style="float: left; width: 50%; margin: 0px 20px 10px 0px;" data-src="/img/content/QYGV7THU_elektronika-sigma-sa-minibanerjpg.jpg" alt="projektowanie układów elektronicznych" data-loading="lazy" /></p> <p>Oferujemy kompleksowe usługi projektowania, programowania i wdrożenia dedykowanych układów elektronicznych:</p> <ul> <li>projektowanie układów elektronicznych,</li> <li>projektowanie płytek PCB,</li> <li>projektowanie i programowanie mikroprocesorowych układów elektronicznych.</li> </ul> <p>Zapewniamy zarówno etap prototypowania jak i produkcję seryjną.</p> <p style="clear: both;"> </p> </div> <div class="visitcards"> <div class="visitcards__title">KONTAKT Z DZIAŁEM</div> <div class="visitcards__wrap"> <div class="visitcard"> <div class="visitcard__image"> <img data-loading="lazy" data-src="/img/card/84/thumbnail.png?v=57146450" alt=""/> </div> <div class="visitcard__content"> <div class="visitcard__department">SPRZEDAŻ i usługi</div> <div class="visitcard__name"> </div> <div class="visitcard__contact"> <div class="visitcard__phone"> <span>tel. <a href="tel:+48 81 502 33 46">+48 81 502 33 46</a></span> </div> <div class="visitcard__fax"> <span>Fax <a href="tel:+48 81 502 25 53">+48 81 502 25 53</a></span> </div> <div class="visitcard__email"> <a href="mailto:michal.wodzinski@sigmasa.pl">michal.wodzinski@sigmasa.pl</a> </div> </div> </div> </div> <div class="visitcard"> <div class="visitcard__image"> <img data-loading="lazy" data-src="/img/card/83/thumbnail.png?v=45153200" alt=""/> </div> <div class="visitcard__content"> <div class="visitcard__department">SERWIS</div> <div class="visitcard__name"> </div> <div class="visitcard__contact"> <div class="visitcard__phone"> <span>tel. <a href="tel:+48 81 502 33 69">+48 81 502 33 69</a></span> </div> <div class="visitcard__fax"> <span>Fax <a href="tel:+48 81 502 25 53">+48 81 502 25 53</a></span> </div> <div class="visitcard__mobile"> <span>kom. <a href="tel:+48 668 198 800">+48 668 198 800</a></span> </div> <div class="visitcard__email"> <a href="mailto:serwis@sigmasa.pl">serwis@sigmasa.pl</a> </div> </div> </div> </div> </div> </div> <div class="topListing"> <div class="topListing__title"> Aktualności </div> <div class="topListing__button"> <div class="newsAll__link"> <a href="/aktualnosci" class="link mobnone"><span>pozostałe aktualności</span></a> </div> </div> </div> <div data-category-page="1" data-category-id="14" data-category-box="" data-category-thumbnail="aktualnosc" class="newsList"> <div data-category-container="" class="newsList__list newsList__listOff"> <a href="/aktualnosci/sigma-s-a-na-targach-warsaw-industry-week-2024" class="newsItem" > <div class="newsItem__top"> <div class="newsItem__title"> SIGMA S.A. na targach Warsaw Industry Week 2024 </div> <div class="newsItem__desc"> Zakończyliśmy udział w targach Warsaw Industry Week 2024. Dziękujemy wszystkim, którzy przybyli na nasze stoisko. Czytaj więcej… zobacz galerię… </div> </div> <div class="newsItem__bottom"> <div class="newsItem__date"> 08.11.2024 </div> <div class="newsItem__link button"> <span>więcej</span> </div> </div> </a> <a href="/aktualnosci/sigma-s-a-na-wystawie-recovery-of-resources-w-kijowie" class="newsItem" > <div class="newsItem__top"> <div class="newsItem__title"> SIGMA S.A. na wystawie Recovery of Resources w Kijowie </div> <div class="newsItem__desc"> Cieszymy się, że mogliśmy się z Państwem spotkać na wystawie Recovery of Resources w Kijowie. Dziękujemy za duże zainteresowanie naszymi rozwiązaniami w dziedzinie sortowania odpadów i odzysku surowców wtórnych. </div> </div> <div class="newsItem__bottom"> <div class="newsItem__date"> 08.11.2024 </div> <div class="newsItem__link button"> <span>więcej</span> </div> </div> </a> <a href="/aktualnosci/serdecznie-zapraszamy-na-wystawe-recovery-of-resources-w-kijowie-ua-w-dniach-6-7-11-2024-r" class="newsItem" > <div class="newsItem__top"> <div class="newsItem__title"> Serdecznie zapraszamy na wystawę Recovery of Resources w Kijowie (UA) w dniach 6-7.11.2024 r. </div> <div class="newsItem__desc"> Tematem wystawy będą technologie, maszyny i urządzenia do szeroko pojętego recyklingu, odzysku surowców, odnowy środowiska i obszarów zurbanizowanych. </div> </div> <div class="newsItem__bottom"> <div class="newsItem__date"> 29.10.2024 </div> <div class="newsItem__link button"> <span>więcej</span> </div> </div> </a> </div> </div> <div class="newsAll__link"> <a href="/aktualnosci" class="link descnone"><span>pozostałe aktualności</span></a> </div> <div id="contform"> <div id="contform" class="wrapForm form"> <form id="contactForm" action="https://www.sigmasa.pl/kontakt" method="post" class="styledForm styledForm--placeholder" enctype="multipart/form-data"> <h3 class="titleforms"><span>Formularz kontaktowy</span></h3> <div class="formw"> <div class="formTop formTop--cv"> <div class="styledForm__row"> <label for="name">Imię i nazwisko</label> <input type="text" name="name" required="required" value="" placeholder="Uzupełnij" class="styledFormItems styledFormItems--input"/> </div> <div class="styledForm__row"> <label for="phone">Telefon</label> <input type="tel" name="phone" id="phone" required="required" placeholder="Uzupełnij" pattern="[0-9]{9}" title="Format 123456789" value="" class="styledFormItems styledFormItems--input"/> </div> <div class="styledForm__row"> <label for="email">E-mail</label> <input type="email" name="email" required="required" placeholder="Uzupełnij" value="" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" class="styledFormItems styledFormItems--input"/> </div> <div class="styledForm__row styledForm__row--select"> <label for="">Dział</label> <select id="selectstyle" class="" name="department" required> <option value="" disabled selected>Wybierz</option> <option value="1">Sigma S.A.</option> <option value="2">Serwis</option> <option value="3">Technologie przetwarzania odpadów</option> <option value="4">Technologie transportu bliskiego</option> <option value="5">Automatyka przemysłowa i robotyka</option> <option value="6">Technologie dla Górnictwa</option> <option value="7">Pompy i usługi hydrotechniczne</option> </select> </div> </div> <div class="formBottom"> <div class="styledForm__row"> <label for="message">Wiadomość</label> <textarea name="message" required="required" minlength="60" class="styledFormItems styledFormItems--textarea"></textarea> </div> <div class="formBotoom__privacy"> <div class="styledForm__row"> <div class="wrapcheckbox"> <label class="checkbox-other"> <input type="checkbox" required name="agree" /> <span>Informujemy, że administratorem danych osobowych podanych na formularzu jest SIGMA S.A. z siedzibą w Barak 6, 21-002 Jastków. Pana/Pani dane osobowe będą przetwarzane, zgodnie z ustawą z dnia 29 sierpnia 1997r. o ochronie danych osobowych (Dz. U. 2002 Nr 101, poz. 926 ze zm.), w celu udzielania odpowiedzi na zadawane pytania od klientów, w tym za pomocą poczty elektronicznej. Podanie danych jest dobrowolne. Każda osoba ma prawo dostępu do treści swoich danych oraz możliwość ich poprawiania.</span> </label> </div> </div> <div class="styledForm__row styledForm__row--button"> <input type="hidden" name="_token" value="1We54ZRwoeaWlu5k3gLMqR3u002HNmQs4RIOt3ga"/> <input type="hidden" name="type" value="work"/> <input type="hidden" name="z-captcha" value=""/> <input type="hidden" name="fdate" value="1732394654"/> <button data-text="Wyślij" value="" class="button button--red g-recaptcha"/><span>Wyślij</span></button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="popupForm popupForm--cart js-popupForm--cart mfp-with-anim mfp-hide" data-cart-popup> <form class="communicate"> <h3>front.basket.message_header</h3> <div class="styledForm__row" data-cart-popupmsg></div> <div class="styledForm__row styledForm__row--button"> <button type="button" class="button--small button button--darkgreen" data-text="ok" data-cart-popupclose>ok</button> </div> </form> </div> <div class="mobileMenu"> <div class="mobileMenu__inner"> <div class="mobileTop"> <div class="mobileMenu__logo"><a href="/"><img src="/images/logo.png"/ loading="lazy"></a></div> <div class="closeMobile js-close"></div> </div> <ul class="mobileMenu__list"> <li><a href="/">Strona główna</a></li> <li> <a data-menu="data-menu" href="/o-nas" title="O nas - SIGMA S.A." class="witharrow">O nas</a> <ul class="mobileMenu__list"> <li> <a href="/o-nas/kariera" title="Kariera - SIGMA S.A.">Kariera</a> </li> <li> <a href="/o-nas/dotacje-ue" title="Dotacje UE - SIGMA S.A.">Dotacje UE</a> </li> <li> <a href="/o-nas/polityka-prywatnosci" title="Polityka prywatności - SIGMA S.A.">Polityka prywatności</a> </li> </ul> </li> <li> <a href="/oferta" title="Oferta - SIGMA S.A.">Oferta</a> </li> <li> <a data-menu="data-menu" href="/do-pobrania" title="Do pobrania - SIGMA S.A." class="witharrow">Do pobrania</a> <ul class="mobileMenu__list"> <li> <a href="/do-pobrania/technologie-przetwarzania-odpadow-pliki" title="Technologie przetwarzania odpadów - pliki - SIGMA S.A.">Technologie przetwarzania odpadów - pliki</a> </li> <li> <a href="/do-pobrania/technologie-transportu-bliskiego-pliki" title="Technologie transportu bliskiego - pliki - SIGMA S.A.">Technologie transportu bliskiego - pliki</a> </li> <li> <a href="/do-pobrania/pompy-i-poglebiarki-pliki" title="Pompy i pogłębiarki - pliki - SIGMA S.A.">Pompy i pogłębiarki - pliki</a> </li> <li> <a href="/do-pobrania/technologie-dla-gornictwa-pliki" title="Technologie dla górnictwa- pliki - SIGMA S.A.">Technologie dla górnictwa- pliki</a> </li> <li> <a href="/do-pobrania/wspolpraca-z-sigma-s-a" title="Współpraca z SIGMA S.A. - SIGMA S.A.">Współpraca z SIGMA S.A.</a> </li> <li> <a href="/do-pobrania/zapytania-ofertowe-firmy-sigma-s-a" title="Zapytania ofertowe firmy SIGMA S.A. - SIGMA S.A.">Zapytania ofertowe firmy SIGMA S.A.</a> </li> </ul> </li> <li> <a href="/aktualnosci" title="Aktualności - SIGMA S.A.">Aktualności</a> </li> <li> <a href="/kontakt" title="Kontakt - SIGMA S.A.">Kontakt</a> </li> </ul> <div class="header__links"> <a href="https://www.facebook.com/FirmaSigmaSA/" target="_blank" rel="nofollow"> <img src="/images/facebook.svg" alt=""> </a> <a href="https://www.youtube.com/channel/UC5hBsx03tWtZWy3kPgfpUXw" target="_blank" rel="nofollow"> <img src="/images/youtubew.svg" alt=""> </a> <a href="https://www.linkedin.com/company/sigma-spolkaakcyjna" target="_blank" rel="nofollow"> <img src="/images/linkedin.svg" alt=""> </a> </div> <div class="mobile__lang"> <div class="top__language js-top__language"> <div class="top__languageWrap"> <a href="/oferta/automatyka-przemyslowa-i-robotyka" class="langpl active ">  <span>pl</span></a> <a href="/en/offer/industrial-automation-and-robotics" class="langen ">  <span>en</span></a> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="footerTop"> <span>NASZE PROFILE</span> <div class="header__links"> <a href="https://www.facebook.com/FirmaSigmaSA/" target="_blank" rel="nofollow"> <img src="/images/facebook.svg" alt=""> </a> <a href="https://www.youtube.com/channel/UC5hBsx03tWtZWy3kPgfpUXw" target="_blank" rel="nofollow"> <img src="/images/youtubew.svg" alt=""> </a> <a href="https://www.linkedin.com/company/sigma-spolkaakcyjna" target="_blank" rel="nofollow"> <img src="/images/linkedin.svg" alt=""> </a> </div> </div> <div class="footerCenter"> <div class="footer__logo"> <a href="/" title="Maszyny i urządzenia dla przemysłu | SIGMA S.A."><img data-loading="lazy" data-src="/images/logo_footer.png" alt="" class="img-responsive"/></a></div> <div class="footerCenterWrapCol"> <div class="footer__menu"> <nav class="footer__menuBottomNavi"> <ul class="footer__menuBottomNaviContent"> <li> <a href="/" data-hover="Strona główna" title="Strona główna - SIGMA S.A." class=" link"><span>Strona główna</span></a></li> </li> <li class=""><a href="/o-nas" title="O nas - SIGMA S.A." class="link"><span class="helper">O nas</span></a></li> <li class=" active "><a href="/oferta" title="Oferta - SIGMA S.A." class="link"><span class="helper">Oferta</span></a></li> <li class=""><a href="/do-pobrania" title="Do pobrania - SIGMA S.A." class="link"><span class="helper">Do pobrania</span></a></li> <li class=""><a href="/aktualnosci" title="Aktualności - SIGMA S.A." class="link"><span class="helper">Aktualności</span></a></li> <li class=""><a href="/kontakt" title="Kontakt - SIGMA S.A." class="link"><span class="helper">Kontakt</span></a></li> </ul> </nav> <nav class="footer__menuBottomNavi"> <ul > <li> <a href="/oferta/technologie-dla-gornictwa" data-hover="TECHNOLOGIE DLA GÓRNICTWA" title="TECHNOLOGIE DLA GÓRNICTWA - SIGMA S.A." class=" link"><span>TECHNOLOGIE DLA GÓRNICTWA</span></a> </li> <li> <a href="/oferta/technologie-przetwarzania-odpadow" data-hover="TECHNOLOGIE PRZETWARZANIA ODPADÓW" title="TECHNOLOGIE PRZETWARZANIA ODPADÓW - SIGMA S.A." class=" link"><span>TECHNOLOGIE PRZETWARZANIA ODPADÓW</span></a> </li> <li> <a href="/oferta/automatyka-przemyslowa-i-robotyka" data-hover="AUTOMATYKA PRZEMYSŁOWA I ROBOTYKA" title="AUTOMATYKA PRZEMYSŁOWA I ROBOTYKA - SIGMA S.A." class=" active link"><span>AUTOMATYKA PRZEMYSŁOWA I ROBOTYKA</span></a> </li> <li> <a href="/oferta/technologie-transportu-bliskiego" data-hover="TECHNOLOGIE TRANSPORTU BLISKIEGO " title="TECHNOLOGIE TRANSPORTU BLISKIEGO - SIGMA S.A." class=" link"><span>TECHNOLOGIE TRANSPORTU BLISKIEGO </span></a> </li> <li> <a href="/oferta/pompy-i-poglebiarki" data-hover="POMPY I POGŁĘBIARKI" title="POMPY I POGŁĘBIARKI - SIGMA S.A." class=" link"><span>POMPY I POGŁĘBIARKI</span></a> </li> <li> <a href="/oferta/inne-technologie-i-uslugi" data-hover="INNE TECHNOLOGIE I USŁUGI" title="INNE TECHNOLOGIE I USŁUGI - SIGMA S.A." class=" link"><span>INNE TECHNOLOGIE I USŁUGI</span></a> </li> </ul> </nav> </div> <div class="footer__right"> <div class="footer__address"></span> <div class="footer__address--data"> <h4>SIGMA S.A.</h4> <address class="footer__contactPos--info"><span>Barak 6</span>, <span>21-002 Jastków (k/Lublina)</span></address> </div> </div> <div class="footer__contact"></span> <h4>ZADZWOŃ LUB NAPISZ</h4> <span class="tel">Telefon:  <a href="tel:+48815023333" title="+48 81 502-33-33">+48 81 502-33-33</a></span> <span class="mail">E-mail:  <a href="mailto:info@sigmasa.pl" title="info@sigmasa.pl" class="maillink">info@sigmasa.pl</a> </span> </div> </div> </div> </div> <div class="footerBottom"> <div class="footer__links"> <span><a class="link" href="/mapa-strony" title = "mapa strony - SIGMA S.A.">mapa strony</a></span> <span><a class="link" href="/o-nas/polityka-prywatnosci" title = "POLITYKA PRYWATNOŚCI - SIGMA S.A.">POLITYKA PRYWATNOŚCI</a></span> </div> <div class="footerCopy"> Projekt i realizacja <a href="https://www.ibif.pl/" target="_blank" rel="nofollow" title="IBIF.PL - Agencja marketingowa">/ ibif.pl</a> </div> </div> </div> <div class="uebottom"> <div class="uebottomImg"> <picture class="mobnone"> <source srcset="/images/uebaner.webp" type="image/webp"> <source srcset="/images/uebaner.jpg" type="image/jpg"> <img loading="lazy" src="/images/uebaner.jpg" alt="Alt Text!"> </picture> <picture class="descnone"> <source srcset="/images/logotypy.webp" type="image/webp"> <source srcset="/images/logotypy.png" type="image/jpg"> <img loading="lazy" src="/images/logotypy.png" alt="Alt Text!"> </picture> </div> </div> </footer> <div class="up js-up"></div> <script src="/js/app_front.js?v=0752g803851s5UI6264pHw3" defer="defer"></script> <script src="/js/common.js?v=0752g803851s5UI6264pHw3" defer="defer"></script> <script src="/js/front.js?v=0752g803851s5UI6264pHw3" defer="defer"></script> <script src="/bower_components/jquery-validation/src/localization/messages_pl.js" defer="defer"></script> <div class="rodo"> <div class="rodo__content"> <h6>Informacja o polityce przetwarzania danych osobowych</h6> <p> W celu dostarczania naszych usług wykorzystujemy pliki cookies. Aby dowiedzieć się więcej o plikach cookies, opcjach wypisu oraz Twoich preferencjach kliknij <a href="/o-nas/polityka-prywatnosci" title="Polityka prywatności - SIGMA S.A. ">tutaj</a> Korzystanie z naszego serwisu internetowego traktowane jest jako zgoda na politykę przetwarzania danych osobowych. </p> </div> <div class="rodo__button"> <button id="rodo-cookies" type="button " data-text="Akceptuję" onclick="closeRodoModalAndSaveCookie()" class="button button--blue"> <span>Akceptuję</span></button> </div> </div> <script type="application/ld+json" defer async>{ "@context": "https://schema.org", "@type": "LocalBusiness", "name": "SIGMA S.A.", "image": "sigmasa.pl/images/logo.png", "url": "sigmasa.pl", "telephone": "+48 81 502-33-33", "address": { "@type": "PostalAddress", "streetAddress": "Barak 6", "addressLocality": "Jastków", "postalCode": "21-002", "addressCountry": "Polska" }, "priceRange": "", "openingHours": "", "paymentAccepted": "" }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Strona główna", "item": "https://www.sigmasa.pl", "url": "https://www.sigmasa.pl" }, { "@type": "ListItem", "position": 2, "name": "Oferta", "item": "https://www.sigmasa.pl/oferta", "url": "https://www.sigmasa.pl/oferta" }, { "@type": "ListItem", "position": 3, "name": "Automatyka przemysłowa i robotyka", "item": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka", "url": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka" } ] }</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebPage", "@id": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka", "url": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka", "name": "Automatyka przemysłowa i robotyka", "datePublished": "2021-12-14", "dateModified": "2024-01-24", "description": "", "inLanguage": "pl", "publisher": { "@context": "https://schema.org", "@type": "Organization", "name": "SIGMA S.A.", "url": "https://www.sigmasa.pl", "logo": { "@context": "https://schema.org", "@type": "ImageObject", "inLanguage": "pl", "url": "/images/logo.png", "contentUrl": "/images/logo.png", "width": 79, "height": 386 }, "sameAs": [ "https://www.facebook.com/FirmaSigmaSA/", "https://www.youtube.com/channel/UC5hBsx03tWtZWy3kPgfpUXw" ] }, "breadcrumb": { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Strona główna", "item": "https://www.sigmasa.pl", "url": "https://www.sigmasa.pl" }, { "@type": "ListItem", "position": 2, "name": "Oferta", "item": "https://www.sigmasa.pl/oferta", "url": "https://www.sigmasa.pl/oferta" }, { "@type": "ListItem", "position": 3, "name": "Automatyka przemysłowa i robotyka", "item": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka", "url": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka" } ] }, "isPartOf": { "@type": "WebSite", "url": "https://www.sigmasa.pl/oferta", "name": "Oferta", "inLanguage": "pl" }, "primaryImageOfPage": { "@context": "https://schema.org", "@type": "ImageObject", "inLanguage": "pl", "url": "/img/category/5/automatyka-i-robotyka_thumbnail.jpeg?v=93784279", "contentUrl": "/img/category/5/automatyka-i-robotyka_thumbnail.jpeg?v=93784279", "width": 420, "height": 640 }, "potentialAction": [ { "@type": "ReadAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://www.sigmasa.pl/oferta/automatyka-przemyslowa-i-robotyka" } } ] }</script><script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "name": "SIGMA S.A.", "address": { "@context": "https://schema.org", "@type": "PostalAddress", "streetAddress": "Barak", "postalCode": "21-002", "addressLocality": "Jastków" } }</script><script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "email": "info@sigmasa.pl" }</script><script type="application/ld+json">{ "@context": "https://schema.org", "@type": "ImageObject", "inLanguage": "pl", "url": "/img/category/5/automatyka-i-robotyka_thumbnail.jpeg?v=93784279", "contentUrl": "/img/category/5/automatyka-i-robotyka_thumbnail.jpeg?v=93784279", "width": 420, "height": 640 }</script> </body> </html>