body.wn-loading, body.wn-loading *, body.oc-loading, body.oc-loading * {cursor:wait !important} .stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000} .stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF} .stripe-loading-indicator .stripe {width:100%;-webkit-animation:wn-infinite-loader 60s linear;animation:wn-infinite-loader 60s linear} .stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)} .stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s} .stripe-loading-indicator.loaded .stripe {animation-play-state:paused} .stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear} .stripe-loading-indicator.hide {display:none} body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} body >p.flash-message.success {background:#8da85e} body >p.flash-message.error {background:#c30} body >p.flash-message.warning {background:#f0ad4e} body >p.flash-message.info {background:#5fb6f5} body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none} body >p.flash-message button.close:hover, body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)} @media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }} [data-request][data-request-validate] [data-validate-for]:not(.visible), [data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none} a.wn-loading:after, button.wn-loading:after, span.wn-loading:after, a.oc-loading:after, button.oc-loading:after, span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:wn-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)} @-moz-keyframes wn-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }} @-webkit-keyframes wn-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }} @-o-keyframes wn-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }} @-ms-keyframes wn-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }} @keyframes wn-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }} @-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }} @-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }} @-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }} @-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }} @keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }} @-moz-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-webkit-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-o-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-ms-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} /*! 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; } .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /* .lighttabs ul:after{ content:""; display:block; clear:both; height:5px; background:#46c765; } .lighttabs ul li{ margin:0px; padding:0px; cursor:pointer; display:block; float:left; padding:10px 15px; background:#e9eaeb; color:#707070; } .lighttabs ul li.active, .tabs ul li.active:hover{ background:#46c765; color:#fff; } .lighttabs ul li:hover{ background:#d6d6d7; } */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * 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("../themes/evroremont/assets/vendor/owlcarousel/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%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;padding:0;opacity:.7;background:#ccc}.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);border:none;padding:0;background:transparent}.splide__arrow svg{width:2.5em;height:2.5em;fill:#00bfff;transition:fill .2s linear}.splide__arrow:hover{cursor:pointer}.splide__arrow:hover svg{fill:#66d9ff}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:10px;height:10px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:all .2s linear;border:none}.splide__pagination__page.is-active{transform:scale(1.4);background:#00bfff}.splide__pagination__page:hover{cursor:pointer;background:#66d9ff}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#00bfff}.splide__spinner{border:2px solid #00bfff;border-left-color:transparent}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#00bfff;opacity:1}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} .multi-select-container { display: inline-block; position: relative; } .multi-select-menu { position: absolute; left: 0; top: 0.8em; z-index: 1; float: left; min-width: 100%; background: #fff; margin: 1em 0; border: 1px solid #aaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: none; } .multi-select-menuitem { display: block; font-size: 0.875em; padding: 0.6em 1em 0.6em 30px; white-space: nowrap; } .multi-select-menuitem--titled:before { display: block; font-weight: bold; content: attr(data-group-title); margin: 0 0 0.25em -20px; } .multi-select-menuitem--titledsr:before { display: block; font-weight: bold; content: attr(data-group-title); border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .multi-select-menuitem + .multi-select-menuitem { padding-top: 0; } .multi-select-presets { border-bottom: 1px solid #ddd; } .multi-select-menuitem input { position: absolute; margin-top: 0.25em; margin-left: -20px; } .multi-select-button { display: inline-block; font-size: 0.875em; padding: 0.2em 0.6em; max-width: 16em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: -0.5em; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); cursor: default; } .multi-select-button:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0 0.4em; border-color: #999 transparent transparent transparent; margin-left: 0.4em; vertical-align: 0.1em; } .multi-select-container--open .multi-select-menu { display: block; } .multi-select-container--open .multi-select-button:after { border-width: 0 0.4em 0.4em 0.4em; border-color: transparent transparent #999 transparent; } .multi-select-container--positioned .multi-select-menu { /* Avoid border/padding on menu messing with JavaScript width calculation */ box-sizing: border-box; } .multi-select-container--positioned .multi-select-menu label { /* Allow labels to line wrap when menu is artificially narrowed */ white-space: normal; } @charset "UTF-8"; /* Grid class name */ /* Cell class name */ /* Gutter size */ /* Optionally include max-width to fix IE issues */ /* Grid */ .grid { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } /* Grid cell */ .grid-cell, .grid--auto > * { flex: 1; flex-grow: 4; } /* Grid cell modifiers */ .grid-cell--auto-size { flex: none; } .grid-cell--light { flex-grow: 2; } .grid-cell--heavy { flex-grow: 8; } /* Grid gutters */ .grid--gutters { margin: -30px 0 0 -30px; } .grid--gutters > .grid-cell, .grid--auto.grid--gutters > * { padding: 30px 0 0 30px; box-sizing: border-box; } /* Alignment per row */ .grid--top { align-items: flex-start; } .grid--bottom { align-items: flex-end; } .grid--center { align-items: center; } /* Flexible cells */ .grid--flex-grid-cell > .grid-cell, .grid--flex > .grid-cell { display: flex; } /* Justify */ .grid--justify-center { justify-content: center; } .grid--justify-start { justify-content: flex-start; } .grid--justify-end { justify-content: flex-end; } /* Alignment per cell */ .grid-cell--top { align-self: flex-start; } .grid-cell--bottom { align-self: flex-end; } .grid-cell--center { align-self: center; } /* Generate grid classes */ .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-1 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--1-1 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-1 > * { flex: 0 0 100% !important; max-width: 100% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-2 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--1-2 { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-2 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--2-2 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-2 > * { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-3 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--1-3 { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-3 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--2-3 { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-3 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--3-3 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-3 > * { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-4 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 25%; max-width: 25%; } .grid > .grid-cell.grid-cell--1-4 { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-4 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--2-4 { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-4 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 75%; max-width: 75%; } .grid > .grid-cell.grid-cell--3-4 { flex: 0 0 75% !important; max-width: 75% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-4 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--4-4 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-4 > * { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-5 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 20%; max-width: 20%; } .grid > .grid-cell.grid-cell--1-5 { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-5 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 40%; max-width: 40%; } .grid > .grid-cell.grid-cell--2-5 { flex: 0 0 40% !important; max-width: 40% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-5 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 60%; max-width: 60%; } .grid > .grid-cell.grid-cell--3-5 { flex: 0 0 60% !important; max-width: 60% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-5 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 80%; max-width: 80%; } .grid > .grid-cell.grid-cell--4-5 { flex: 0 0 80% !important; max-width: 80% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-5 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--5-5 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-5 > * { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid > .grid-cell.grid-cell--1-6 { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--2-6 { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--3-6 { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--4-6 { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid > .grid-cell.grid-cell--5-6 { flex: 0 0 83.3333333333% !important; max-width: 83.3333333333% !important; } .grid--fit > .grid-cell { flex: 1; } .grid--full > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--6-6 > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--6-6 { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-6 > * { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } @media (min-width: 480px) { .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-1\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--1-1\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-1\@tiny > * { flex: 0 0 100% !important; max-width: 100% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-2\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--1-2\@tiny { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-2\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--2-2\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-2\@tiny > * { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-3\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--1-3\@tiny { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-3\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--2-3\@tiny { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-3\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--3-3\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-3\@tiny > * { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-4\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 25%; max-width: 25%; } .grid > .grid-cell.grid-cell--1-4\@tiny { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-4\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--2-4\@tiny { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-4\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 75%; max-width: 75%; } .grid > .grid-cell.grid-cell--3-4\@tiny { flex: 0 0 75% !important; max-width: 75% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-4\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--4-4\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-4\@tiny > * { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-5\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 20%; max-width: 20%; } .grid > .grid-cell.grid-cell--1-5\@tiny { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-5\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 40%; max-width: 40%; } .grid > .grid-cell.grid-cell--2-5\@tiny { flex: 0 0 40% !important; max-width: 40% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-5\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 60%; max-width: 60%; } .grid > .grid-cell.grid-cell--3-5\@tiny { flex: 0 0 60% !important; max-width: 60% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-5\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 80%; max-width: 80%; } .grid > .grid-cell.grid-cell--4-5\@tiny { flex: 0 0 80% !important; max-width: 80% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-5\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--5-5\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-5\@tiny > * { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid > .grid-cell.grid-cell--1-6\@tiny { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--2-6\@tiny { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--3-6\@tiny { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--4-6\@tiny { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid > .grid-cell.grid-cell--5-6\@tiny { flex: 0 0 83.3333333333% !important; max-width: 83.3333333333% !important; } .grid--fit\@tiny > .grid-cell { flex: 1; } .grid--full\@tiny > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--6-6\@tiny > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--6-6\@tiny { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-6\@tiny > * { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } } @media (min-width: 640px) { .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-1\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--1-1\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-1\@phone > * { flex: 0 0 100% !important; max-width: 100% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-2\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--1-2\@phone { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-2\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--2-2\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-2\@phone > * { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-3\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--1-3\@phone { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-3\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--2-3\@phone { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-3\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--3-3\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-3\@phone > * { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-4\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 25%; max-width: 25%; } .grid > .grid-cell.grid-cell--1-4\@phone { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-4\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--2-4\@phone { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-4\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 75%; max-width: 75%; } .grid > .grid-cell.grid-cell--3-4\@phone { flex: 0 0 75% !important; max-width: 75% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-4\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--4-4\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-4\@phone > * { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-5\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 20%; max-width: 20%; } .grid > .grid-cell.grid-cell--1-5\@phone { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-5\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 40%; max-width: 40%; } .grid > .grid-cell.grid-cell--2-5\@phone { flex: 0 0 40% !important; max-width: 40% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-5\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 60%; max-width: 60%; } .grid > .grid-cell.grid-cell--3-5\@phone { flex: 0 0 60% !important; max-width: 60% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-5\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 80%; max-width: 80%; } .grid > .grid-cell.grid-cell--4-5\@phone { flex: 0 0 80% !important; max-width: 80% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-5\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--5-5\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-5\@phone > * { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid > .grid-cell.grid-cell--1-6\@phone { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--2-6\@phone { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--3-6\@phone { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--4-6\@phone { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid > .grid-cell.grid-cell--5-6\@phone { flex: 0 0 83.3333333333% !important; max-width: 83.3333333333% !important; } .grid--fit\@phone > .grid-cell { flex: 1; } .grid--full\@phone > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--6-6\@phone > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--6-6\@phone { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-6\@phone > * { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } } @media (min-width: 960px) { .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-1\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--1-1\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-1\@tablet > * { flex: 0 0 100% !important; max-width: 100% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-2\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--1-2\@tablet { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-2\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--2-2\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-2\@tablet > * { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-3\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--1-3\@tablet { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-3\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--2-3\@tablet { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-3\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--3-3\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-3\@tablet > * { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-4\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 25%; max-width: 25%; } .grid > .grid-cell.grid-cell--1-4\@tablet { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-4\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--2-4\@tablet { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-4\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 75%; max-width: 75%; } .grid > .grid-cell.grid-cell--3-4\@tablet { flex: 0 0 75% !important; max-width: 75% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-4\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--4-4\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-4\@tablet > * { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-5\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 20%; max-width: 20%; } .grid > .grid-cell.grid-cell--1-5\@tablet { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-5\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 40%; max-width: 40%; } .grid > .grid-cell.grid-cell--2-5\@tablet { flex: 0 0 40% !important; max-width: 40% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-5\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 60%; max-width: 60%; } .grid > .grid-cell.grid-cell--3-5\@tablet { flex: 0 0 60% !important; max-width: 60% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-5\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 80%; max-width: 80%; } .grid > .grid-cell.grid-cell--4-5\@tablet { flex: 0 0 80% !important; max-width: 80% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-5\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--5-5\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-5\@tablet > * { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid > .grid-cell.grid-cell--1-6\@tablet { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--2-6\@tablet { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--3-6\@tablet { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--4-6\@tablet { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid > .grid-cell.grid-cell--5-6\@tablet { flex: 0 0 83.3333333333% !important; max-width: 83.3333333333% !important; } .grid--fit\@tablet > .grid-cell { flex: 1; } .grid--full\@tablet > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--6-6\@tablet > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--6-6\@tablet { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-6\@tablet > * { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } } @media (min-width: 1280px) { .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-1\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--1-1\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-1\@desktop > * { flex: 0 0 100% !important; max-width: 100% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-2\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--1-2\@desktop { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-2\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--2-2\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-2\@desktop > * { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-3\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--1-3\@desktop { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-3\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--2-3\@desktop { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-3\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--3-3\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-3\@desktop > * { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-4\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 25%; max-width: 25%; } .grid > .grid-cell.grid-cell--1-4\@desktop { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-4\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--2-4\@desktop { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-4\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 75%; max-width: 75%; } .grid > .grid-cell.grid-cell--3-4\@desktop { flex: 0 0 75% !important; max-width: 75% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-4\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--4-4\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-4\@desktop > * { flex: 0 0 25% !important; max-width: 25% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-5\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 20%; max-width: 20%; } .grid > .grid-cell.grid-cell--1-5\@desktop { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-5\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 40%; max-width: 40%; } .grid > .grid-cell.grid-cell--2-5\@desktop { flex: 0 0 40% !important; max-width: 40% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-5\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 60%; max-width: 60%; } .grid > .grid-cell.grid-cell--3-5\@desktop { flex: 0 0 60% !important; max-width: 60% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-5\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 80%; max-width: 80%; } .grid > .grid-cell.grid-cell--4-5\@desktop { flex: 0 0 80% !important; max-width: 80% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-5\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--5-5\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-5\@desktop > * { flex: 0 0 20% !important; max-width: 20% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--1-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid > .grid-cell.grid-cell--1-6\@desktop { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--2-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid > .grid-cell.grid-cell--2-6\@desktop { flex: 0 0 33.3333333333% !important; max-width: 33.3333333333% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--3-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 50%; max-width: 50%; } .grid > .grid-cell.grid-cell--3-6\@desktop { flex: 0 0 50% !important; max-width: 50% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--4-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid > .grid-cell.grid-cell--4-6\@desktop { flex: 0 0 66.6666666667% !important; max-width: 66.6666666667% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--5-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid > .grid-cell.grid-cell--5-6\@desktop { flex: 0 0 83.3333333333% !important; max-width: 83.3333333333% !important; } .grid--fit\@desktop > .grid-cell { flex: 1; } .grid--full\@desktop > .grid-cell { flex: 0 0 100%; max-width: 100%; } .grid--6-6\@desktop > .grid-cell:not([class*='grid-cell--']) { flex: 0 0 100%; max-width: 100%; } .grid > .grid-cell.grid-cell--6-6\@desktop { flex: 0 0 100% !important; max-width: 100% !important; } .grid--auto-6\@desktop > * { flex: 0 0 16.6666666667% !important; max-width: 16.6666666667% !important; } } * { box-sizing: border-box; } html { font-family: 'Nunito Sans', sans-serif; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { font-family: sans-serif; } } body { font-size: 18px; color: #2F302B; line-height: 1.3; } img { max-width: 100%; } button, .button { padding: 12px; color: #2F302B; background-color: white; border: 1px solid #FC3737; color: #FC3737; font-size: 16px; transition: background-color 0.2s; padding: 7.5px 20px; text-align: center; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 14px; cursor: pointer; } button.secondary, .button.secondary { background-color: #f0d143; } button.success, .button.success { background-color: #006926; } button.default, .button.default { background-color: white; border: 1px solid #252525; color: #252525; } button.bg, .button.bg { background-color: #F4F1EB; border: 1px solid #252525; color: #252525; } button.bg:hover, .button.bg:hover { background-color: white; } button.large, .button.large { padding: 15px 30px; } button:disabled, .button:disabled { background-color: #b1b1b1; color: white; } button.center, .button.center { display: flex; margin: 15px auto; justify-content: center; } button.clear, .button.clear { padding: 0; margin: 0; background-color: transparent; color: #2F302B; } input[type=text], input[type=email], input[type=password], textarea, select { padding: 7.5px 15px; box-sizing: border-box; font-size: 18px; background-color: white; border: 1px solid #F4F1EB; font-family: 'Nunito Sans', sans-serif; } input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, textarea::placeholder, select::placeholder { color: #B5B5B5; font-size: 12px; } input[type=text][readonly], input[type=email][readonly], input[type=password][readonly], textarea[readonly], select[readonly] { background-color: #eee; } h1.center, h2.center, h3.center, h4.center { text-align: center; } h1 { font-size: 24px; font-weight: 800; } h2 { color: #2F302B; font-size: 30px; font-weight: bold; margin: 15px 0; font-family: 'Nunito Sans', sans-serif; } @media (max-width: 959px) { h2 { font-size: 22px; } } h2.primary { margin: 50px 0; } h2 strong { font-weight: bold; color: #FC3737; } h4 { color: #FC3737; } a { color: #FC3737; } ul { padding-left: 15px; } ul li { padding-left: 10px; margin-bottom: 10px; } p { line-height: 1.5; margin: 15px 0; } table { color: #777; width: 100%; border-collapse: collapse; border: solid 1px; } td { border: solid 1px #ccc; } .table-wrapper { overflow-x: auto; } .u-color-secondary { color: #f0d143; } .u-font-size-larger { font-size: larger; } .u-clear-both { clear: both; } .u-img-left { float: left; margin: 0 30px 30px 0; max-width: 480px; } .u-img-right { float: right; margin: 0 0 30px 30px; max-width: 480px; } @media (max-width: 840px) { .u-img-left, .u-img-right { max-width: 320px; } } @media (max-width: 600px) { .u-img-left, .u-img-right { max-width: 240px; } } @media (max-width: 560px) { .u-img-left, .u-img-right { float: none; margin-left: 0; margin-right: 0; } } .zone-header { position: relative; z-index: 3; max-width: 1480px; background-color: rgba(255, 255, 255, 0.8); color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media (min-width: 960px) { .zone-header { display: none; } } .zone-header a { text-decoration: none; font-family: 'Nunito Sans', sans-serif; color: #2F302B; } .zone-header a:hover { color: #FC3737; } .zone-header.fixed { position: fixed; top: 0; width: 100%; z-index: 2; } .zone-header .bodyrow { padding-top: 5px; padding-bottom: 5px; display: flex; justify-content: space-between; align-items: center; } .zone-header .bodyrow .logo { margin-right: 15px; } @media (max-width: 959px) { .zone-header .bodyrow .logo img { max-height: 64px; } } @media (max-width: 639px) { .zone-header .bodyrow .logo img { max-height: 32px; } } .zone-header .bodyrow .mobiletoggle { display: none; padding: 0; border: none; margin-right: 15px; background-color: transparent; cursor: pointer; } .zone-header .bodyrow .mobiletoggle span { width: 30px; display: block; margin: 4px 0; background-color: black; height: 2px; } @media (max-width: 959px) { .zone-header .bodyrow .mobiletoggle { display: inline-block; } } .zone-header .bodyrow .contacts { flex: 1; justify-content: flex-end; display: flex; align-items: center; } @media (max-width: 1279px) { .zone-header .bodyrow .contacts { flex-direction: column; align-items: flex-end; } } .zone-header .bodyrow .contacts .phones { font-size: 18px; white-space: nowrap; color: #FC3737; } @media (max-width: 639px) { .zone-header .bodyrow .contacts .phones { margin-bottom: 4px; } } @media (max-width: 479px) { .zone-header .bodyrow .contacts .phones { font-size: 15px; } } .zone-header .bodyrow .contacts button.backcall { margin-left: 15px; white-space: nowrap; } @media (max-width: 479px) { .zone-header .bodyrow .contacts button.backcall { padding: 4px 6px; font-size: 12px; font-weight: normal; } } .zone-header .bodyrow .snippet-nav { flex-wrap: wrap; justify-content: flex-start; margin-right: 15px; } @media (max-width: 959px) { .zone-header .bodyrow .snippet-nav { display: none; } } .zone-header .bodyrow .snippet-nav > li.with_items:hover > a:before { content: '▲'; color: #FC3737; bottom: -4px; font-size: 14px; left: 50%; position: absolute; } .zone-header .bodyrow .snippet-nav > li > a { font-size: 16px; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; position: relative; display: flex; justify-content: space-between; } .zone-header .bodyrow .snippet-nav > li.with_items > a:after { margin-left: 10px; font-size: 10px; font-weight: bold; margin-top: 6px; } .zone-header .bodyrow .snippet-nav > li:hover > ul { display: flex; } .zone-header .bodyrow .snippet-nav > li > ul { background-color: white; border-top: 2px solid #FC3737; width: 460px; flex-wrap: wrap; justify-content: space-between; padding: 10px; left: 10%; } .zone-header .bodyrow .snippet-nav > li > ul li.with_items > a:after { content: ' ᐳ'; } .zone-header .bodyrow .snippet-nav > li > ul li { break-inside: avoid; width: 48%; } .zone-header .bodyrow .snippet-nav > li > ul a { font-size: 14px; white-space: normal; display: flex; align-items: center; min-height: 32px; justify-content: space-between; font-weight: 300; font-family: 'Nunito Sans', sans-serif; padding: 4px; } .zone-header .bodyrow .snippet-nav > li > ul a:hover { background-color: #F4F1EB; } .zone-header .bodyrow .snippet-nav > li > ul a .icon { width: 100%; max-width: 32px; height: 32px; padding: 0; margin-right: 10px; overflow: hidden; } .zone-header .bodyrow .snippet-nav > li > ul a .icon img { object-fit: contain; width: 100%; height: 100%; } .zone-header .bodyrow .snippet-nav > li > ul > li > ul { background-color: white; left: 100%; top: 0; } .zone-main { min-height: 50vh; height: 100vh; position: relative; } @media (max-width: 959px) { .zone-main { padding-top: 15px; } } .zone-main.layoutRemovePaddingTop { padding-top: 0; } @media (min-width: 960px) { .zone-main > .el-hh { display: none; } } .zone-main__container { display: flex; flex-wrap: wrap; z-index: 1; position: relative; min-height: 100vh; } .zone-main__content { flex: 1; order: 1; max-width: 100%; } @media (min-width: 960px) { .zone-main__content { overflow-y: auto; max-height: 100vh; } } .zone-main__sidebar { flex: 0 1 330px; margin-right: -15px; margin-left: 15px; overflow-y: auto; order: 2; } .zone-main__sidebar.__left { margin-left: -15px; margin-right: 15px; order: 0; } @media (max-width: 959px) { .zone-main__content { flex: auto; width: 100%; } .zone-main__sidebar, .zone-main__sidebar.__left { flex: auto; width: 100%; order: 2 !important; margin-left: 0; margin-right: 0; } } .zone-sidebar { padding: 50px 20px 50px 30px; padding-top: 40px; box-sizing: border-box; background: #333 url(../themes/evroremont/assets/images/sidebar.jpg); background-size: cover; height: 100%; font-weight: bold; color: white; } @media (min-width: 960px) { .zone-sidebar { max-height: 100vh; overflow-y: auto; } } .zone-sidebar a { color: white; text-decoration: none; text-transform: uppercase; } .zone-sidebar .snippet-nav { display: flex; flex-direction: column; list-style: none; padding: 0; margin-bottom: 40px; } .zone-sidebar .snippet-nav li { margin: 10px 0; padding-left: 0; } .zone-sidebar .snippet-nav li.active a { color: #FC3737; } .zone-sidebar .snippet-nav li ul { max-height: 600px; overflow: hidden; transition: max-height 0.2s; } .zone-sidebar .snippet-nav li:not(.openned) ul { max-height: 0; } .zone-sidebar .phones { margin: 20px 0; padding-left: 40px; background: no-repeat left top url(../themes/evroremont/assets/images/phone.png); } .zone-sidebar .timetable { padding-left: 40px; margin: 20px 0; background: no-repeat left top url(../themes/evroremont/assets/images/timetable.png); } .zone-sidebar .snippet-socials { margin-top: 40px; filter: invert(100%); display: flex; flex-wrap: wrap; } .zone-sidebar .snippet-socials a { margin-right: 10px; } .zone-breadcrumbs { font-size: 14px; font-family: 'Nunito Sans', sans-serif; } .zone-breadcrumbs, .zone-breadcrumbs a { color: #888D8E; } .zone-breadcrumbs ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0; } .zone-breadcrumbs ul li { margin-right: 7.5px; margin-bottom: 7.5px; display: inline; } .zone-breadcrumbs ul li:before { content: "​"; } .zone-breadcrumbs ul li a { text-decoration: none; } .zone-breadcrumbs a:after { content: ' > '; display: inline-block; margin-left: 7.5px; } .zone-breadcrumbs ul li:last-child a:after { display: none; } @media (max-width: 640px) { .zone-breadcrumbs ul > li:first-child, .zone-breadcrumbs ul > li:last-child { display: none; } } h1.zone-h1 { margin: 25px 0; text-transform: uppercase; text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 30px; color: #010101; text-decoration: none; display: flex; justify-content: space-between; font-weight: 600; } @media (max-width: 959px) { h1.zone-h1 { justify-content: center; } } h1.zone-h1 .text { text-align: left; } @media (max-width: 959px) { h1.zone-h1 .text { text-align: center; } } @media (max-width: 959px) { h1.zone-h1 .logo { display: none; } } @media (max-width: 1279px) { h1.zone-h1 { font-size: 30px; } } @media (max-width: 959px) { h1.zone-h1 { font-size: 26px; } } @media (max-width: 639px) { h1.zone-h1 { font-size: 22px; } } .zone-footer { background-color: #05021C; display: none; } .zone-footer a { color: white; text-decoration: none; text-transform: uppercase; } .zone-footer .bodyrow { padding: 40px 0; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 639px) { .zone-footer .bodyrow { flex-direction: column; } } .zone-footer .bodyrow .logo { display: flex; align-items: center; } .zone-footer .bodyrow .snippet-nav { list-style: none; flex-wrap: wrap; } @media (max-width: 639px) { .zone-footer .bodyrow .snippet-nav { display: flex; flex-direction: column; margin-bottom: 30px; } } .zone-footer .bodyrow .snippet-nav li { text-align: center; } .zone-footer .bodyrow .snippet-nav a { font-size: 16px; text-align: center; } .zone-footer .bodyrow .snippet-nav li ul { display: none; } .zone-footer .bodyrow .rightcol { text-align: right; } @media (max-width: 959px) { .zone-footer .bodyrow .rightcol { text-align: center; } } .zone-footer .bodyrow .snippet-socials a { margin-left: 15px; } .zone-map { max-height: 90vh; height: 100%; margin-bottom: 0 !important; } .zone-map iframe { height: 480px; width: 100%; max-height: 100%; } .zone-flash .alert { margin: 15px 0; border: 1px solid #FC3737; padding: 10px; } .zone-flash .alert.success { background-color: #006926; color: white; border-color: #006926; } .zone-headbox { display: flex; flex-direction: column; margin-bottom: 15px; } .zone-main.layoutRemovePaddingTop .zone-headbox { margin-bottom: 0; } .el-wrapper { max-width: 1480px; margin: 0 auto; } .el-container { max-width: 1200px; width: 100%; box-sizing: border-box; padding: 0 15px; margin: 0 auto; } .el-container.small { max-width: 960px; padding: 0; } .el-expander-container { margin-left: -15px; margin-right: -15px; } .el-expander, .el-expander-wrapper { width: auto; max-width: 1480px; margin-left: calc(50% - 1480px / 2); margin-right: calc(50% - 1480px / 2); } .el-expander.padded, .el-expander-wrapper.padded { padding-left: 30px; padding-right: 30px; } @media (max-width: 1480px) { .el-expander, .el-expander-wrapper { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } } @media (max-width: 1200px) { .el-expander, .el-expander-wrapper { margin-left: -15px; margin-right: -15px; } } .el-anchor { top: -60px; position: relative; } .el-menu { display: flex; list-style: none; margin: 0; padding: 0; position: relative; } .el-menu li:not(.fulldrop) { position: relative; } .el-menu a, .el-menu span { display: inline-block; padding: 7.5px 15px; } .el-menu > li ul { display: none; position: absolute; z-index: 3; list-style: none; margin: 0; font-size: 16px; padding: 0; min-width: 240px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } .el-menu > li ul a, .el-menu > li ul span { text-transform: none; white-space: nowrap; } .el-menu > li:not(.fulldrop) > ul { transform: translateX(-50%); left: 50%; } .el-menu > li.fulldrop > ul { width: 100%; left: 0; } .el-menu li:hover > ul { display: block; } h2.el-h2 { text-align: center; font-weight: bold; text-transform: uppercase; color: black; margin: 45px 0 30px 0; } .el-dummy { padding: 60px 15px; margin: 15px 0; border: 2px dashed #f0d143; background-color: #F4F1EB; color: #f0d143; display: flex; align-items: center; justify-content: center; } .el-dummy.clear { border: none; background: none; color: #2F302B; } .el-table { border-collapse: collapse; width: 100%; } .el-table td, .el-table th { border: 1px solid #ddd; padding: 8px; } .el-table tr:nth-child(even) { background-color: #f2f2f2; } .el-table tr:hover { background-color: #ddd; } .el-table th { padding-top: 15px; padding-bottom: 15px; text-align: left; background-color: #F4F1EB; color: #FC3737; } @media (max-width: 480px) { .el-table { display: block; } .el-table thead { display: none; } .el-table tr, .el-table td { display: block; border: none; width: 100% !important; } } .el-twocols { column-count: 2; column-gap: 45px; } .el-twocols > p:first-child { margin-top: 0; } @media (max-width: 800px) { .el-twocols { column-count: 1; } .el-twocols > p:first-child { margin-top: 15px; } } h2.el-h2 { text-align: center; font-weight: bold; text-transform: uppercase; color: black; margin: 45px 0 30px 0; } .el-product { display: flex; flex-direction: column; align-items: center; text-align: center; } .el-product .image { width: 250px; height: 300px; background: center no-repeat; background-size: contain; margin-bottom: 15px; } .el-product .name { margin-bottom: 7.5px; width: 100%; flex: 1; text-decoration: none; } .el-product .snippet-price { font-size: 32px; } .el-product .snippet-productform { font-size: 14px; } .el-product button { text-transform: none; } .el-bgrow { height: 40px; background: url(../themes/evroremont/assets/images/bg.jpg); } @media (max-width: 639px) { .el-bgrow { height: 20px; } } @media (max-width: 479px) { .el-bgrow { height: 10px; } } .snippet-agreement { display: flex; align-items: center; } .snippet-agreement input { margin-right: 15px; appearance: none; border-radius: 10%; border: 1px solid #F4F1EB; width: 20px; height: 20px; cursor: pointer; background-color: white; text-align: center; } .snippet-agreement input:checked { background-color: #FC3737; } .snippet-agreement input:checked::after { content: ''; display: inline-block; width: 14px; height: 14px; background: no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjY1MiwzLjIxMWMtMC4yOTMtMC4yOTUtMC43Ny0wLjI5NS0xLjA2MSwwTDkuNDEsMTQuMzQgIGMtMC4yOTMsMC4yOTctMC43NzEsMC4yOTctMS4wNjIsMEwzLjQ0OSw5LjM1MUMzLjMwNCw5LjIwMywzLjExNCw5LjEzLDIuOTIzLDkuMTI5QzIuNzMsOS4xMjgsMi41MzQsOS4yMDEsMi4zODcsOS4zNTEgIGwtMi4xNjUsMS45NDZDMC4wNzgsMTEuNDQ1LDAsMTEuNjMsMCwxMS44MjNjMCwwLjE5NCwwLjA3OCwwLjM5NywwLjIyMywwLjU0NGw0Ljk0LDUuMTg0YzAuMjkyLDAuMjk2LDAuNzcxLDAuNzc2LDEuMDYyLDEuMDcgIGwyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==); background-size: contain; } .snippet-agreement .link { flex: 1; cursor: pointer; font-size: 12px; line-height: 1.2; } .snippet-agreement .link:hover { text-decoration: underline; } .snippet-form { padding: 0 0 30px 0; } .snippet-form h2 { margin-top: 0; margin-bottom: 7.5px; } .snippet-form .title, .snippet-form .subtitle { text-align: center; } .snippet-form .subtitle { font-size: 16px; margin-bottom: 30px; margin-top: 0; } .snippet-form > * { width: 100%; } .snippet-form .input, .snippet-form button { width: 100%; } .snippet-form .agreementcol { padding-top: 10px; } .snippet-pagination { display: flex; flex-wrap: wrap; list-style: none; padding: 0; padding: 0; } .snippet-pagination li { margin-left: 15px; margin-bottom: 15px; padding: 7.5px; } .snippet-pagination li a { color: #444; } .snippet-pagination li.active { background-color: #FC3737; color: white; } .snippet-gallery { margin: 15px 0; } .snippet-gallery a { display: block; background-color: #fff; height: 200px; display: flex; } .snippet-gallery a img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 439px) { .snippet-gallery img { width: 140px; } } @media (max-width: 379px) { .snippet-gallery img { width: 120px; } } @media (max-width: 339px) { .snippet-gallery a { margin-left: 7.5px; margin-bottom: 7.5px; padding: 2px; } .snippet-gallery img { width: 100px; } } .snippet-advantages { display: flex; justify-content: space-between; margin: 30px 0; } .snippet-advantages .item { width: 24%; display: flex; align-items: center; } .snippet-advantages .icon { margin-right: 15px; width: 80px; height: 70px; background: center no-repeat; background-size: contain; } .snippet-advantages .title { line-height: 1.5; } @media (max-width: 1000px) { .snippet-advantages { flex-wrap: wrap; } .snippet-advantages .item { width: 49%; margin-bottom: 30px; } } @media (max-width: 500px) { .snippet-advantages .item { width: 100%; } .snippet-advantages .icon { height: 50px; } } .snippet-aboutbox { display: flex; } .snippet-aboutbox > .image { width: 30%; margin-right: 30px; background: #eee center no-repeat; background-size: cover; height: 260px; } .snippet-aboutbox > .content { flex: 1; margin-right: 30px; } @media (max-width: 640px) { .snippet-aboutbox { flex-wrap: wrap; } .snippet-aboutbox > .image { width: 100%; margin-right: 0; margin-bottom: 15px; } } .snippet-introimg { background: center no-repeat url('../themes/evroremont/assets/images/snippets/introimg/home.jpg'); background-size: cover; max-height: 50vh; height: 600px; } .snippet-attachfile { display: flex; flex-direction: column; align-items: center; } .snippet-attachfile .input { margin: 30px 0; } .snippet-attachfile .input .upload-empty-message { background-color: white; color: #FC3737; border: 1px solid #FC3737; text-align: center; padding: 15px !important; } .snippet-attachfile .input label { display: none; } .snippet-attachfile .input .responsiv-uploader-fileupload { padding-right: 0; } .snippet-attachfile .input .upload-button { display: none; } .snippet-attachfile .input .responsiv-uploader-fileupload { min-width: 280px; } .snippet-splide { max-width: 100%; } .snippet-splide .splide__slide { display: flex; justify-content: center; } .snippet-splide .splide__slide img { object-fit: cover; } .snippet-splide .splide-thumbs { margin-top: 20px; } .snippet-contacts { display: flex; position: relative; } .snippet-contacts h2, .snippet-contacts a { color: white; } .snippet-contacts .image { width: 70%; } @media (max-width: 959px) { .snippet-contacts .image { width: 50%; } } @media (max-width: 639px) { .snippet-contacts .image { width: 100%; position: absolute; height: 100%; } } .snippet-contacts .image img { width: 100%; height: 100%; object-fit: cover; } .snippet-contacts .body { background: #FC3737; color: white; width: 30%; padding: 30px; text-align: right; } @media (max-width: 959px) { .snippet-contacts .body { width: 50%; } } @media (max-width: 639px) { .snippet-contacts .body { width: 100%; position: relative; background: rgba(252, 55, 55, 0.7); } } @media (min-width: 960px) { .snippet-services { column-count: 2; } } .snippet-services .category { break-inside: avoid; } .snippet-services h3 { margin-bottom: 5px; } .snippet-services h3 a { text-decoration: none; } .snippet-services ul { margin-top: 5px; } .snippet-videobox { position: relative; } .snippet-videobox video { width: 100%; } .snippet-videobox button::-moz-focus-inner { border: 0; } .snippet-videobox button:focus { outline: none; } .snippet-videobox button:active { outline: none; border: none; } .snippet-videobox .control-panel { position: absolute; top: 30px; left: 30px; z-index: 1; } .snippet-videobox .control-panel button { width: 50px; height: 50px; } .snippet-videobox .mute { border: none; background: url(../themes/evroremont/assets/images/snippets/videobox/sound.png) no-repeat center center/80%; border: 1px solid #EEE; outline: none; position: absolute; border-radius: 50%; } .snippet-videobox .mute.press:before { width: 50px; height: 2px; content: ''; display: block; background: red; position: absolute; transform: rotate(-45deg); top: 50%; left: 0; } .snippet-articles { display: grid; grid-gap: 28px; grid-template-columns: repeat(3, 1fr); } @media (max-width: 959px) { .snippet-articles { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } } @media (max-width: 639px) { .snippet-articles { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 479px) { .snippet-articles { grid-template-columns: repeat(1, 1fr); } } .snippet-articles .card { overflow: hidden; box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); height: 100%; } .snippet-articles .image { position: relative; display: flex; } .snippet-articles .image img { width: 100%; } .snippet-articles .image .name { position: absolute; width: 100%; height: 100%; bottom: 0; min-height: 40%; display: flex; align-items: center; left: 0; color: white; text-align: center; color: white; text-decoration: none; font-size: 22px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.6); font-weight: bold; justify-content: center; } .snippet-articles .body { padding: 15px; } .snippet-articles .body .name { color: #2F302B; text-decoration: none; font-weight: bold; font-size: 22px; margin-bottom: 15px; display: block; } .snippet-articles .body .content { position: relative; height: 120px; overflow: hidden; font-size: 16px; } .snippet-articles .body .content .more { position: absolute; background-color: white; text-align: center; color: #FC3737; padding: 15px 10px 4px 10px; font-size: 18px; font-weight: bold; text-decoration: none; bottom: 0; left: 0; width: 100%; background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9108018207) 14%, white 100%); } .snippet-articles .tags { margin-bottom: 15px; } .snippet-articles .tags a { font-size: 12px; text-decoration: none; color: white; padding: 4px 6px; margin: 0 10px 10px 0; background-color: #FC3737; border-radius: 10px; } .snippet-service { display: flex; flex-direction: row-reverse; background: #F4F1EB; } @media (max-width: 639px) { .snippet-service.record { flex-direction: column; } .snippet-service.area { flex-direction: column-reverse; } } .snippet-service > .sidebar { min-width: 400px; padding: 0; padding-bottom: 15px; height: 100%; } .snippet-service > .sidebar h2 { margin-top: 40px; padding-left: 40px; } @media (max-width: 959px) { .snippet-service > .sidebar h2 { padding-left: 15px; } } @media (max-width: 959px) { .snippet-service > .sidebar { min-width: 300px; } } @media (max-width: 639px) { .snippet-service > .sidebar { min-width: 100%; } } .snippet-service > .sidebar ul { list-style: none; padding: 0; } .snippet-service > .sidebar ul li { padding: 5px 20px 5px 40px; } @media (max-width: 959px) { .snippet-service > .sidebar ul li { padding-left: 15px; } } .snippet-service > .sidebar ul li.active { background-color: #CCCCCC; } .snippet-service > .sidebar ul li a { text-transform: none; text-decoration: none; font-size: 20px; } @media (max-width: 959px) { .snippet-service > .sidebar ul li a { font-size: 16px; } } .snippet-service > .content { width: 100%; background: white; padding: 30px 0; min-height: 50vh; } @media (min-width: 960px) { .snippet-service > .content { padding-left: 40px; } } .snippet-promotions .item { text-align: center; } .snippet-promotions .title { font-family: 'Nunito Sans', sans-serif; color: #FC3737; font-weight: normal; } .snippet-promotions .image { margin-bottom: 15px; } .snippet-reviews { text-align: center; } .snippet-reviews .item { height: 100%; display: flex; flex-direction: column; } .snippet-reviews .name { color: #FC3737; font-size: 24px; } .snippet-reviews .description { padding: 15px; border: 2px solid #F4F1EB; flex: 1; } .snippet-reviewform { padding: 30px 0; max-width: 800px; margin: 15px auto 0 auto; } .snippet-reviewform h2 { margin-top: 0; margin-bottom: 7.5px; } .snippet-reviewform .title, .snippet-reviewform .subtitle { text-align: center; } .snippet-reviewform .subtitle { font-size: 16px; margin-bottom: 30px; margin-top: 0; } .snippet-reviewform > * { width: 100%; } .snippet-reviewform .input, .snippet-reviewform textarea { width: 100%; } .snippet-reviewform .agreementcol { display: flex; align-items: center; flex-direction: column; text-align: center; } .snippet-cards { margin: 30px 0 50px 0; display: grid; text-align: center; grid-gap: 28px; grid-template-columns: repeat(4, 1fr); } @media (max-width: 959px) { .snippet-cards { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } } @media (max-width: 639px) { .snippet-cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 479px) { .snippet-cards { grid-template-columns: repeat(1, 1fr); } } .snippet-cards .item { display: flex; flex-direction: column; overflow: hidden; color: #2F302B; text-decoration: none; transition: 0.2s all; min-height: 300px; } @media (max-width: 479px) { .snippet-cards .item { max-width: 360px; justify-self: center; } } .snippet-cards .item:hover { color: white; } .snippet-cards .image { margin-bottom: 20px; } .snippet-cards .image img { width: 100%; } .snippet-intro { background-color: red; height: 500px; } .snippet-places { margin: 30px 0 50px 0; display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(130px, auto); } @media (max-width: 1279px) { .snippet-places { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } } @media (max-width: 639px) { .snippet-places { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 479px) { .snippet-places { grid-template-columns: repeat(1, 1fr); } } .snippet-places .shop { position: relative; grid-column: 1; grid-row: 1 / span 2; box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); overflow: hidden; background-color: #FC3737; } .snippet-places .shop img { object-fit: cover; height: 100%; transition: height 0.3s ease-out; animation: 2s ease-out 0s 1 imgzoomout; } @keyframes imgzoomout { from { height: 120%; } to { height: 100%; } } .snippet-places .shop:hover img { height: 110%; } .snippet-places .shop .text { position: absolute; width: 100%; bottom: 0; display: block; left: 0; color: white; text-align: center; color: white; text-decoration: none; font-size: 16px; padding: 10px; background-color: rgba(0, 0, 0, 0.6); } .snippet-places .shop .text .address { text-decoration: none; } @media (max-width: 959px) { .snippet-places .dummy { display: none; } } .snippet-places .item > .image { height: 130px; padding: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #2F302B; text-decoration: none; } .snippet-places .item > .image img { object-position: center; object-fit: contain; width: 100%; height: 100%; } .snippet-places .item > .card { width: 380px; z-index: 2; position: absolute; left: 0; top: 0; background: white; padding: 20px; box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); grid-gap: 15px; display: none; grid-template-areas: "logo timetable" "location phone" "link link"; grid-template-columns: 1fr 1fr; } .snippet-places .item > .card .attribute { align-items: flex-start; margin: 10px 0; } .snippet-places .item > .card .attribute .label { color: #ABA9A9; font-size: 13px; } .snippet-places .item > .card .attribute .value { font-size: 16px; } .snippet-places .item > .card .attribute .value p:first-child { margin-top: 0; } .snippet-places .item > .card .attribute .value p:last-child { margin-bottom: 0; } .snippet-places .item > .card .logo { grid-area: logo; display: inline-block; text-align: center; height: 80px; color: #2F302B; text-decoration: none; } .snippet-places .item > .card .logo img { object-fit: contain; height: 100%; } .snippet-places .item > .card .timetable { grid-area: timetable; } .snippet-places .item > .card .location { grid-area: location; } .snippet-places .item > .card .phone { grid-area: phone; } .snippet-places .item > .card .link { grid-area: link; } .snippet-places .item { box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); position: relative; } .snippet-places .item:hover > .card { display: grid; } @media (min-width: 1280px) { .snippet-places .item:hover:nth-child(4) .card, .snippet-places .item:hover:nth-child(7) .card, .snippet-places .item:hover:nth-child(4n + 7) .card { right: 0; left: unset; } } @media (min-width: 640px) and (max-width: 1279px) { .snippet-places .item:hover:nth-child(3) .card, .snippet-places .item:hover:nth-child(5) .card, .snippet-places .item:hover:nth-child(3n + 5) .card { right: 0; left: unset; } } .snippet-place > .card { grid-gap: 20px; display: grid; grid-template-columns: 2fr 4fr; grid-template-areas: 'logo attributes'; margin-bottom: 40px; } @media (max-width: 639px) { .snippet-place > .card { display: block; } } .snippet-place > .card .attributes { column-count: 3; column-gap: 10px; } @media (max-width: 1279px) { .snippet-place > .card .attributes { column-count: 2; } } @media (max-width: 479px) { .snippet-place > .card .attributes { column-count: 1; } } .snippet-place > .card .attribute { align-items: flex-start; margin-bottom: 15px; break-inside: avoid; } .snippet-place > .card .attribute .label { color: #ABA9A9; font-size: 13px; } .snippet-place > .card .attribute .value { font-size: 16px; } .snippet-place > .card .attribute .value p:first-child { margin-top: 0; } .snippet-place > .card .attribute .value p:last-child { margin-bottom: 0; } .snippet-place > .card .logo { grid-area: logo; grid-row: 1 / span 2; text-align: center; box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); height: 130px; display: flex; align-items: center; justify-content: center; } .snippet-place > .card .logo img { object-fit: contain; } @media (max-width: 639px) { .snippet-place > .card .logo { margin-bottom: 15px; } } @media (min-width: 960px) { .snippet-place > .card .logo { max-width: 330px; } } .snippet-place > .card .socials a { filter: invert(61%) sepia(67%) saturate(7331%) hue-rotate(340deg) brightness(106%) contrast(105%); } @media (min-width: 960px) { .snippet-place > .body { display: grid; grid-gap: 15px; grid-template-columns: 4fr 5fr; } } @media (max-width: 959px) { .snippet-place > .body { max-width: 640px; margin: 0 auto; } } .snippet-place > .body .images { padding-top: 15px; } .snippet-place > .body .images img { width: 100%; } .snippet-newsnav { margin: 25px 0; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 639px) { .snippet-newsnav { font-size: 14px; } } @media (max-width: 959px) { .snippet-newsnav { justify-content: center; } } @media (max-width: 959px) { .snippet-newsnav .logo { display: none; } } @media (max-width: 639px) { .snippet-newsnav .snippet-nav { justify-content: space-around; } } @media (max-width: 479px) { .snippet-newsnav .snippet-nav { flex-wrap: wrap; justify-content: flex-start; } } .snippet-newsnav .snippet-nav li { margin-bottom: 0; } @media (max-width: 479px) { .snippet-newsnav .snippet-nav li { margin-bottom: 10px; } } .snippet-newsnav .snippet-nav a { text-transform: uppercase; text-decoration: none; } @media (max-width: 639px) { .snippet-newsnav .snippet-nav a { padding: 0 4px; } } .snippet-newsnav .snippet-nav li.active { color: #FC3737; font-weight: bold; } @media (min-width: 960px) { .snippet-newsitem { display: grid; grid-gap: 15px; grid-template-columns: 49% 49%; grid-template-areas: "arealink arealink" "images content"; } } @media (max-width: 1279px) { .snippet-newsitem { grid-template-columns: 39% 49%; } } @media (max-width: 959px) { .snippet-newsitem { max-width: 640px; margin: 0 auto; } } .snippet-newsitem .arealink { grid-area: arealink; } @media (max-width: 959px) { .snippet-newsitem .arealink { margin-bottom: 15px; } } .snippet-newsitem .arealink a { color: #2F302B; text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; } .snippet-newsitem .arealink a span { color: #FC3737; font-weight: bold; font-size: 24px; margin-right: 20px; margin-top: -8px; } .snippet-newsitem .images { grid-area: images; } .snippet-newsitem .images img.oneimg, .snippet-newsitem .images video { width: 100%; } .snippet-newsitem .content { grid-area: content; } .snippet-newsitem .place { text-align: center; box-shadow: 0 0 10px rgba(100, 100, 100, 0.5); height: 130px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; } @media (min-width: 960px) { .snippet-newsitem .place { max-width: 330px; } } .snippet-newsitem .promotime { margin-top: 40px; } .snippet-newsitem .promotime .label { color: #888; font-size: 16px; } .snippet-newsitem .promotime .value { color: #FC3737; } .snippet-shops { display: grid; grid-auto-rows: auto; grid-template-columns: 1fr 1fr; } @media (max-width: 959px) { .snippet-shops { grid-template-columns: 1fr; } } .snippet-shops .shop { text-decoration: none; text-align: center; background-color: black; position: relative; height: 480px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; overflow: hidden; } @media (max-width: 959px) { .snippet-shops .shop { height: 360px; } } .snippet-shops .shop > * { z-index: 2; position: relative; } .snippet-shops .name { color: white; font-weight: 900; margin-bottom: 30px; font-size: 22px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .snippet-shops .image { opacity: 0.8; transition: opacity 0.2s; position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; } .snippet-shops .image img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .snippet-shops button { margin-bottom: 30px; } .snippet-shops .shop:hover .image { opacity: 0.6; } .snippet-carousel .owl-stage { display: flex; } .snippet-carousel .owl-stage a { height: 100%; } .snippet-carousel .owl-stage a img { object-fit: cover; height: 100%; width: 100%; } .modal-agreement .content { font-size: 14px; } @media (max-width: 420px) { .modal-agreement .uk-modal-footer { padding: 15px 0px; display: flex; justify-content: space-around; } } .modal-backcall { border-radius: 0; } .modal-backcall .logo { margin: 15px 0; text-align: center; } .modal-backcall .logo img { height: 80px; } .modal-backcall p { text-align: center; font-size: 14px; } .modal-backcall p a { text-decoration: none; } .modal-backcall p a:hover { text-decoration: underline; } .modal-backcall h2 { font-size: 18px; text-align: center; color: black; } .modal-backcall label { font-size: 14px; } .modal-backcall input[type="text"], .modal-backcall textarea { width: 100%; margin-bottom: 15px; } .modal-backcall textarea { resize: vertical; } .modal-backcall .snippet-agreement { margin: 15px 0; } .modal-backcall .modal-button { display: block; margin: 15px auto; } #BackcallForm_forms_flash { display: none; } .modal-menu { text-align: center; } .modal-menu .content > ul { list-style: none; padding: 0; } .modal-menu .content > ul a { text-decoration: none; } .modal-menu .content > ul a .icon { display: none; } .modal-menu .content > ul > li { margin: 15px 0; font-weight: bold; } .modal-menu .content > ul > li ul { list-style: dashed; list-style: none; padding-left: 0; } .modal-menu .content > ul > li ul li { font-weight: normal; margin: 7.5px 0; } .modal-menu .content > ul li.with_items { margin: 15px 0; } .modal-menu .content > ul li.with_items > a { font-weight: bold; } .modal-info { color: white; background-color: #f0d143; max-width: 640px; } body.layout-default { overflow-x: hidden; } @media (min-width: 960px) { body.layout-default { overflow-y: hidden; } } body.layout-default > .el-wrapper { min-height: 100vh; } body.layout-default .flash-message { top: 50%; font-size: 20px; } body.layout-default .blocker { z-index: 3; }