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:oc-infinite-loader 60s linear;animation:oc-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.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:oc-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 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 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)}} @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%)} /* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:35 AM */ @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-Medium.eot'); src: local('DIN Pro Medium'), local('DINPro-Medium'), url('../themes/most/assets/fonts/dinpro/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-Medium.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-BlackItalic.eot'); src: local('DIN Pro Black Italic'), local('DINPro-BlackItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-BlackItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlackItalic.eot'); src: local('DIN Pro Condensed Black Italic'), local('DINPro-CondensedBlackItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlackItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlackItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMedium.eot'); src: local('DIN Pro Condensed Medium'), local('DINPro-CondensedMedium'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMedium.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMedium.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-MediumItalic.eot'); src: local('DIN Pro Medium Italic'), local('DINPro-MediumItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-MediumItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-Bold.eot'); src: local('DIN Pro Bold'), local('DINPro-Bold'), url('../themes/most/assets/fonts/dinpro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-Bold.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-Light.eot'); src: local('DIN Pro Light'), local('DINPro-Light'), url('../themes/most/assets/fonts/dinpro/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-Light.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMediumItalic.eot'); src: local('DIN Pro Condensed Medium Italic'), local('DINPro-CondensedMediumItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMediumItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMediumItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedMediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-Italic.eot'); src: local('DIN Pro Italic'), local('DINPro-Italic'), url('../themes/most/assets/fonts/dinpro/DINPro-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-Italic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro.eot'); src: local('DIN Pro'), local('DINPro'), url('../themes/most/assets/fonts/dinpro/DINPro.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlack.eot'); src: local('DIN Pro Condensed Black'), local('DINPro-CondensedBlack'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlack.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlack.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBold.eot'); src: local('DIN Pro Condensed Bold'), local('DINPro-CondensedBold'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBold.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-Black.eot'); src: local('DIN Pro Black'), local('DINPro-Black'), url('../themes/most/assets/fonts/dinpro/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-Black.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-LightItalic.eot'); src: local('DIN Pro Light Italic'), local('DINPro-LightItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-LightItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBoldItalic.eot'); src: local('DIN Pro Condensed Bold Italic'), local('DINPro-CondensedBoldItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBoldItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBoldItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedRegular.eot'); src: local('DIN Pro Condensed Regular'), local('DINPro-CondensedRegular'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedRegular.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedRegular.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedItalic.eot'); src: local('DIN Pro Condensed Italic'), local('DINPro-CondensedItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLightItalic.eot'); src: local('DIN Pro Condensed Light Italic'), local('DINPro-CondensedLightItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLightItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLightItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'DIN Pro Cond'; src: url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLight.eot'); src: local('DIN Pro Condensed Light'), local('DINPro-CondensedLight'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLight.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLight.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-CondensedLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: url('../themes/most/assets/fonts/dinpro/DINPro-BoldItalic.eot'); src: local('DIN Pro Bold Italic'), local('DINPro-BoldItalic'), url('../themes/most/assets/fonts/dinpro/DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../themes/most/assets/fonts/dinpro/DINPro-BoldItalic.woff') format('woff'), url('../themes/most/assets/fonts/dinpro/DINPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @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-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-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-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-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-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: 'DIN Pro', sans-serif; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { font-family: sans-serif; } } body { font-size: 18px; color: #444; line-height: 1.3; } img { max-width: 100%; } button, .button { padding: 12px; text-transform: none; color: white; background-color: #08c; border: none; font-size: 16px; transition: background-color 0.2s; padding: 10px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } button.primary, .button.primary { background: #08c; } button.secondary, .button.secondary { background-color: #000; } 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: #f5f5f5; border: 1px solid #252525; color: #252525; } button.bg:hover, .button.bg:hover { background-color: white; } button.large, .button.large { padding: 20px 40px; } button:disabled, .button:disabled { background-color: #b1b1b1; color: white; } button.center, .button.center { display: flex; margin: 20px auto; justify-content: center; } button.clear, .button.clear { padding: 0; margin: 0; background-color: transparent; color: #444; } input[type=text], input[type=email], textarea, select { padding: 10px 20px; box-sizing: border-box; font-size: 18px; background-color: white; border: 1px solid 828282; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 2px rgba(0, 0, 0, 0.3) inset; } input[type=text]:placeholder, input[type=email]:placeholder, textarea:placeholder, select:placeholder { color: black; } h1.center, h2.center, h3.center, h4.center { text-align: center; } h1 { font-size: 24px; font-weight: 800; font-weight: normal; } h2 { font-size: 32px; font-weight: normal; text-transform: uppercase; margin: 20px 0; } h2.secondary { color: #000; font-size: 48px; } @media (max-width: 959px) { h2 { font-size: 32px; } } h4 { color: #08c; } a { color: #08c; } a.unlink { text-decoration: none; color: #444; } ul { padding-left: 20px; } ul li::marker { color: #08c; } p { line-height: 1.5; } 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: #000; } .u-font-size-larger { font-size: larger; } .u-clear-both { clear: both; } .u-img-left { float: left; margin: 0 40px 40px 0; max-width: 480px; } .u-img-right { float: right; margin: 0 0 40px 40px; 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; background: transparent; z-index: 3; padding-top: 20px; padding-bottom: 0; transition: all 0.3s; border-bottom: 1px solid #7b7b7d; } @media (max-width: 959px) { .zone-header { padding-top: 10px; padding-bottom: 10px; } } .zone-header.over { background: transparent linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); } .zone-header a { text-decoration: none; color: #444; } .zone-header a:hover { color: #7b7b7d; } .zone-header.fixed { position: fixed; top: 0; width: 1240px; max-width: 100vw; z-index: 3; } .zone-header .headrow { display: flex; justify-content: space-between; transition: margin-bottom 0.3s; } .zone-header .logo { display: flex; align-items: center; } .zone-header .logo img { width: 180px; } @media (max-width: 639px) { .zone-header .logo img { width: 128px; } } @media (max-width: 479px) { .zone-header .logo img { width: 96px; } } @media (max-width: 959px) { .zone-header .address { display: none; } } .zone-header .contacts { display: flex; flex-direction: column; align-items: flex-end; } .zone-header .socials { display: flex; font-size: 16px; margin-top: 10px; } .zone-header .socials .snippet-socials { margin-left: 10px; } @media (max-width: 639px) { .zone-header .socials { display: none; } } .zone-header .phones { display: flex; flex-direction: column; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .zone-header .phones a { white-space: nowrap; } @media (max-width: 639px) { .zone-header .phones { font-size: 18px; } } .zone-header button.backcall { color: white; text-decoration: none; } @media (max-width: 639px) { .zone-header button.backcall { font-size: 14px; } } @media (max-width: 479px) { .zone-header button.backcall { padding: 4px; } } .zone-header .mobiletoggle { padding: 0; margin-left: 20px; background-color: transparent; cursor: pointer; } @media (min-width: 960px) { .zone-header .mobiletoggle { display: none; } } .zone-header .mobiletoggle span { width: 36px; display: block; margin: 6px 0; background-color: #08c; height: 3px; } .zone-header .snippet-nav { justify-content: space-around; text-transform: uppercase; color: #444; margin: 20px 0 0 0; transition: margin 0.3s; } .zone-header .snippet-nav a { color: #444; } @media (max-width: 959px) { .zone-header .snippet-nav { display: none; } } .zone-header .snippet-nav > li.fulldrop:hover > a:before { content: '▲'; color: #000; bottom: -4px; font-size: 14px; left: 50%; position: absolute; } .zone-header .snippet-nav > li > a { font-size: 20px; font-family: 'DIN Pro', serif; position: relative; } .zone-header .snippet-nav > li > ul { background-color: white; border-top: 2px solid #000; } .zone-header .snippet-nav > li > ul a { font-size: 18px; white-space: normal; display: flex; align-items: center; min-height: 32px; } .zone-header .snippet-nav > li > ul a .icon { width: 100%; max-width: 32px; height: 32px; padding: 0; margin-right: 10px; overflow: hidden; } .zone-header .snippet-nav > li > ul a .icon img { object-fit: contain; width: 100%; height: 100%; } .zone-header .snippet-nav > li.catalog ul, .zone-header .snippet-nav > li.services ul, .zone-header .snippet-nav > li.solutions ul { column-count: 3; padding: 20px; } .zone-header .snippet-nav > li.catalog ul li, .zone-header .snippet-nav > li.services ul li, .zone-header .snippet-nav > li.solutions ul li { break-inside: avoid; } .zone-header.scroll { padding-top: 10px; background: white; align-items: flex-start; } .zone-header.scroll .snippet-nav { margin-top: 10px; } .zone-main { padding-bottom: 20px; padding-top: 20px; min-height: 50vh; position: relative; } .zone-main:not(.layoutHeaderOver) { padding-top: 201.8px; } .zone-main.layoutRemovePaddingTop { padding-top: 0; } .zone-main__container { display: flex; flex-wrap: wrap; z-index: 1; position: relative; } .zone-main__content { flex: 1; order: 1; max-width: 100%; } .zone-main__sidebar { flex: 0 1 300px; margin-right: -15px; margin-left: 15px; order: 2; } .zone-main__sidebar.__left { margin-left: -15px; margin-right: 15px; order: 0; } @media (max-width: 960px) { .zone-main__content { flex: auto; } .zone-main__sidebar { flex: 1; width: 100%; order: 2; margin: 0; } } .zone-sidebar { padding: 20px; box-sizing: border-box; height: 100%; } .zone-breadcrumbs { font-size: 14px; } .zone-breadcrumbs ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; } .zone-breadcrumbs ul li { margin-right: 10px; margin-bottom: 10px; display: inline; } .zone-breadcrumbs ul li:before { content: "\200B"; } .zone-breadcrumbs ul li a { color: #888; } .zone-breadcrumbs a:after { content: ' > '; display: inline-block; margin-left: 10px; } .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: 20px 0; text-transform: uppercase; text-align: left; font-family: 'DIN Pro', serif; font-size: 36px; color: #000; } @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-page h2 { margin-top: 40px; } .zone-footer { background: #08c; color: white; padding: 20px 0 40px 0; } .zone-footer a { text-decoration: none; color: white; } .zone-footer a:hover { color: #ddf; } .zone-footer .headrow { display: flex; justify-content: space-between; } @media (max-width: 799px) { .zone-footer .headrow { flex-wrap: wrap; } .zone-footer .headrow > * { width: 100%; margin-bottom: 20px; justify-content: center; text-align: center; } } .zone-footer .logo { display: flex; align-items: center; } .zone-footer .logo img { width: 180px; } .zone-footer .phones { display: flex; flex-direction: column; font-size: 20px; font-weight: 600; } .zone-footer .phones a { white-space: nowrap; } @media (max-width: 639px) { .zone-footer .phones { font-size: 18px; } } .zone-footer .snippet-nav { justify-content: space-around; text-transform: uppercase; background-color: #08c; color: white; margin: 0; margin-bottom: 20px; transition: margin 0.3s; } .zone-footer .snippet-nav a { color: white; } @media (max-width: 959px) { .zone-footer .snippet-nav { flex-wrap: wrap; } } @media (max-width: 799px) { .zone-footer .snippet-nav > li { width: 100%; text-align: center; } } .zone-footer .snippet-nav > li.fulldrop:hover > a:before { content: '▲'; color: #000; bottom: -4px; font-size: 14px; left: 50%; position: absolute; } .zone-footer .snippet-nav > li > a { font-size: 20px; font-family: 'DIN Pro', serif; position: relative; } @media (max-width: 639px) { .zone-footer .snippet-nav > li > a { font-size: 16px; } } .zone-footer .snippet-nav > li > ul { background-color: white; border-top: 2px solid #000; } .zone-footer .snippet-nav > li > ul a { font-size: 18px; white-space: normal; display: flex; align-items: center; min-height: 32px; } .zone-footer .snippet-nav > li > ul a .icon { width: 100%; max-width: 32px; height: 32px; padding: 0; margin-right: 10px; overflow: hidden; } .zone-footer .snippet-nav > li > ul a .icon img { object-fit: contain; width: 100%; height: 100%; } .zone-map { height: 400px; min-height: 320px; margin-bottom: 0 !important; } .zone-map iframe { width: 100%; height: 100%; } .zone-callme { border-radius: 50%; position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; z-index: 3; background: url(../themes/most/assets/images/zones/callme/icon.svg) #08c center no-repeat; background-size: 90%; cursor: pointer; } @media (max-width: 639px) { .zone-callme { right: 20px; bottom: 20px; width: 40px; height: 40px; } } .zone-callme:before { border-radius: 60px; border: 2px solid #468cdc; border-width: 2px; box-shadow: 0 0 15px rgba(0, 255, 204, 0.15), 0 0 15px rgba(0, 255, 204, 0.15) inset; content: ""; display: block; position: absolute; left: 50%; top: 50%; height: 65px; width: 65px; opacity: 1; transform: translateX(-50%) translateY(-50%); transition: border-width 300ms; } @media (max-width: 639px) { .zone-callme:before { width: 40px; height: 40px; } } .zone-callme:hover:before { border-width: 8px; } .zone-callme.circle { background: #23466e; border: none; border-radius: 900px; color: #e4ecfa; cursor: pointer; display: block; width: 60px; height: 60px; line-height: 60px; position: relative; margin: auto; margin-top: 25px; transition: 0.5s; } .zone-callme.circle:hover { background: #3e70aa; padding: -2px; } .el-wrapper { max-width: 1240px; margin: 0 auto; } .el-container { max-width: 1200px; width: 100%; box-sizing: border-box; padding: 0 20px; margin: 0 auto; } .el-container.small { max-width: 960px; } .el-expander-container { margin-left: -20px; margin-right: -20px; } .el-expander:not(.el-expander-container), .el-expander-wrapper { width: auto; max-width: 1240px; margin-left: calc(50% - 1240px / 2); margin-right: calc(50% - 1240px / 2); } @media (max-width: 1240px) { .el-expander:not(.el-expander-container), .el-expander-wrapper { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } } @media (max-width: 1200px) { .el-expander:not(.el-expander-container), .el-expander-wrapper { margin-left: -20px; margin-right: -20px; } } .el-anchor { top: -140px; position: relative; } @media (max-width: 639px) { .el-anchor { top: -80px; } } .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: 10px 20px; } .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: 60px 0 40px 0; } .el-dummy { padding: 80px 20px; margin: 20px 0; border: 2px dashed #000; background-color: #f5f5f5; color: #000; display: flex; align-items: center; justify-content: center; } .el-dummy.clear { border: none; background: none; color: #444; } .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: 20px; padding-bottom: 20px; text-align: left; background-color: #f5f5f5; color: #08c; } @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: 60px; } .el-twocols > p:first-child { margin-top: 0; } @media (max-width: 800px) { .el-twocols { column-count: 1; } .el-twocols > p:first-child { margin-top: 20px; } } h2.el-h2 { text-align: center; font-weight: bold; text-transform: uppercase; color: black; margin: 60px 0 40px 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: 20px; } .el-product .name { margin-bottom: 10px; 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-aslogan { min-height: 240px; background: linear-gradient(#05183a 0%, #0e2c62 100%); padding-top: 20px; padding-bottom: 20px; } .el-aslogan h2 { color: white; margin: 0; font-size: 24px; text-align: center; } .el-achecks { background: linear-gradient(#05183a 0%, #0e2c62 100%); padding-top: 20px; padding-bottom: 20px; text-align: center; color: white; font-weight: bold; } .el-achecks p { font-size: 20px; margin-bottom: 40px; } .el-achecks ul { display: flex; flex-wrap: wrap; list-style: none; justify-content: center; margin: 0; padding: 0; } .el-achecks li { margin-right: 20px; margin-bottom: 40px; } .el-achecks li:before { content: "✓ "; } .el-pricetable { color: #444; border-collapse: collapse; } @media (max-width: 479px) { .el-pricetable { font-size: 16px; } } .el-pricetable thead { background: #2e2e2e; color: white; } .el-pricetable thead th:first-child { width: 80%; } @media (max-width: 479px) { .el-pricetable thead th:first-child { width: 70%; } } .el-pricetable tbody tr:nth-child(even) { background-color: #ddb7b7; } .el-pricetable td { padding: 4px; vertical-align: top; border: 1px solid black; } .snippet-agreement { display: flex; } .snippet-agreement input { margin-right: 20px; } .snippet-agreement .link { flex: 1; cursor: pointer; font-size: 14px; } .snippet-agreement .link:hover { text-decoration: underline; } .snippet-form { padding: 20px 0; background: black url(../themes/most/assets/images/snippets/form/bg.jpg) center no-repeat; background-size: cover; color: white; } .snippet-form .text { text-align: center; } .snippet-form h2 { margin-top: 0; color: white; text-align: center; } .snippet-form .inputs { display: flex; justify-content: center; width: 100%; } @media (max-width: 639px) { .snippet-form .inputs { flex-wrap: wrap; } } .snippet-form .inputs input { width: 100%; max-width: 453px; background-color: transparent; text-transform: uppercase; font-size: 30px; padding-left: 0; padding-bottom: 10px; margin-bottom: 20px; border: none; border-bottom: 1px solid #fff; box-shadow: none; color: white; } .snippet-form .inputs input:first-child { margin-right: 20px; } .snippet-form .inputs input:focus { outline: none; } @media (max-width: 639px) { .snippet-form .inputs input { margin-bottom: 20px; font-size: 24px; } } .snippet-form .btnrow { display: flex; align-content: center; flex-direction: column; align-items: center; } .snippet-form .btnrow .snippet-agreement { margin-bottom: 20px; } .snippet-form .btnrow button { background-color: white; color: black; } .snippet-pagination { display: flex; flex-wrap: wrap; list-style: none; padding: 0; padding: 0; } .snippet-pagination li { margin-left: 20px; margin-bottom: 20px; padding: 10px; } .snippet-pagination li a { color: #444; } .snippet-pagination li.active { background-color: #08c; color: white; } .snippet-gallery { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0; } .snippet-gallery a { padding: 10px; margin: 20px; display: block; background-color: #fff; } @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: 10px; margin-bottom: 10px; padding: 2px; } .snippet-gallery img { width: 100px; } } .snippet-catalognav a { text-decoration: none; } .snippet-catalognav a:hover { text-decoration: center; } .snippet-catalognav > ul { list-style: none; column-count: 4; } @media (max-width: 960px) { .snippet-catalognav > ul { column-count: 3; } } @media (max-width: 780px) { .snippet-catalognav > ul { column-count: 2; } } .snippet-catalognav > ul > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: inline-block; margin-bottom: 40px; } .snippet-catalognav > ul > li > a { font-weight: bold; } .snippet-catalognav > ul > li > a .icon { display: inline-block; min-width: 40px; text-align: center; } .snippet-catalognav > ul > li > ul { list-style: none; margin-top: 20px; padding-left: 40px; } .snippet-catalognav > ul > li > ul > li { border-left: 1px solid #08c; padding-left: 20px; } .snippet-catalognav > ul > li > ul > li > a { padding: 10px 0; display: inline-block; } .snippet-catslider { background-color: #08c; } .snippet-catslider .el-container { padding: 0 40px; } .snippet-catslider .item { width: 100%; text-align: center; padding: 60px 0; display: flex; flex-direction: column; align-items: center; color: white; text-decoration: none; } .snippet-catslider .icon { width: 86px; height: 68px; background: center no-repeat; background-size: contain; margin-bottom: 40px; filter: brightness(10); } .snippet-catslider .item.curent { filter: none; background-color: white; color: #08c; } .snippet-catslider .item.curent .icon { filter: none; } .snippet-catslider .item:not(.curent):hover { background-color: rgba(255, 255, 255, 0.2); } .snippet-catslider .owl-theme .owl-nav { position: absolute; top: 40%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); margin: 0; height: 0; } .snippet-catslider .owl-theme .owl-nav button { font-size: 60px; display: flex; align-items: center; color: white; } .snippet-catslider .owl-theme .owl-nav button.owl-prev { transform: translateX(-150%); } .snippet-catslider .owl-theme .owl-nav button.owl-next { transform: translateX(150%); } .snippet-catslider .owl-theme .owl-nav button:hover { background-color: transparent !important; } @media (max-width: 640px) { .snippet-catslider .item { font-size: 14px; padding: 20px 4px; min-height: 170px; } .snippet-catslider .item .icon { width: 64px; height: 64px; } } .snippet-subcats { margin: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .snippet-subcats a { text-align: center; padding: 2px 10px; border: 1px solid #08c; display: block; margin-bottom: 20px; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 24%; min-height: 50px; } .snippet-subcats a.curent { color: white; background-color: #08c; } @media (max-width: 960px) { .snippet-subcats { font-size: 16px; } } @media (max-width: 800px) { .snippet-subcats a { width: 32%; } } @media (max-width: 640px) { .snippet-subcats { font-size: 14px; } .snippet-subcats a { width: 49%; min-height: 40px; } } @media (max-width: 380px) { .snippet-subcats { font-size: 12px; } .snippet-subcats a { width: 49%; min-height: 40px; } } .snippet-products { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 60px -20px; } @media (max-width: 960px) { .snippet-products { justify-content: space-around; margin: 20px; } } .snippet-products .el-product { width: 100%; max-width: 250px; margin: 20px; margin-bottom: 80px; } @media (max-width: 639px) { .snippet-products .el-product { max-width: 100%; } } .snippet-products .snippet-productoptions { display: none; } .snippet-advantages { background: #08c; color: white; padding-top: 20px; padding-bottom: 20px; } .snippet-advantages .icon { margin-right: 20px; font-size: 100px; font-weight: 400; line-height: 1; } @media (max-width: 639px) { .snippet-advantages .icon { font-size: 60px; } } @media (max-width: 479px) { .snippet-advantages .icon { display: none; } } .snippet-advantages .title { text-transform: uppercase; margin-bottom: 0; font-weight: 400; font-size: 40px; } @media (max-width: 639px) { .snippet-advantages .title { font-size: 32px; } } .snippet-advantages .content { font-size: 16px; } .snippet-advantages .item { display: flex; margin-left: 10px; margin-right: 10px; } .snippet-advantages h3 { margin-top: 0; } .snippet-advantages p { margin-top: 0; font-weight: 500; } .snippet-points { display: flex; margin: 60px 0; } .snippet-points .item { width: 32%; display: flex; flex-direction: column; align-items: center; text-align: center; } .snippet-points .icon { width: 80px; height: 80px; background: center no-repeat; background-size: contain; margin-bottom: 20px; } .snippet-points .title { font-weight: bold; min-height: 55px; margin-bottom: 20px; } @media (max-width: 960px) { .snippet-points { font-size: 16px; } } @media (max-width: 800px) { .snippet-points { flex-wrap: wrap; max-width: 480px; margin: 20px auto; } .snippet-points .item { flex-direction: row; width: 100%; text-align: left; margin-bottom: 40px; } .snippet-points .icon { margin-right: 40px; } .snippet-points .title { margin-bottom: 0; min-height: auto; } } .snippet-popcats .categories { display: flex; justify-content: space-between; flex-wrap: wrap; } .snippet-popcats .categories a { padding: 10px 20px; border: 1px solid #08c; width: 24%; margin-bottom: 20px; text-align: center; display: inline-block; color: black; text-decoration: none; } .snippet-popcats .categories a:nth-child(n+9) { display: none; } @media (max-width: 960px) { .snippet-popcats .categories a { width: 32%; } } @media (max-width: 640px) { .snippet-popcats .categories a { width: 49%; } } @media (max-width: 440px) { .snippet-popcats .categories a { width: 100%; } } .snippet-popcats .morelink { text-align: center; } .snippet-popcats .morelink a { display: inline-flex; align-items: center; font-weight: 800; font-size: 16px; color: black; text-decoration: none; } .snippet-popcats .morelink a:after { content: ''; background: center no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjxwb2x5Z29uIHBvaW50cz0iNDcuMjUsMTUgNDUuMTY0LDEyLjkxNCAyNSwzMy4wNzggNC44MzYsMTIuOTE0IDIuNzUsMTUgMjUsMzcuMjUgIi8+PC9zdmc+); background-size: contain; width: 16px; height: 16px; display: inline-block; margin-left: 10px; } .snippet-popcats .morelink a .close { display: none; } .snippet-popcats.oppened .categories a:nth-child(n+9) { display: inline-block; } .snippet-popcats.oppened .morelink .close { display: inline-block; } .snippet-popcats.oppened .morelink .open { display: none; } .snippet-popcats.oppened .morelink a:after { transform: rotate(180deg); } .snippet-popprods > .tabs { width: 100%; } .snippet-popprods > .tabs ul { display: flex; justify-content: center; list-style: none; padding: 0; margin: 20px 0; flex-wrap: wrap; } .snippet-popprods > .tabs ul li { padding: 4px 10px; cursor: pointer; margin: 10px; } .snippet-popprods > .tabs ul li.active { background-color: #08c; color: white; } .snippet-popprods > .tabs .noproducts { height: 300px; background-color: #eee; display: flex; justify-content: center; align-items: center; } .snippet-popprods > .cataloglink { text-align: right; margin-top: 20px; } .snippet-popprods > .cataloglink a { font-weight: bold; color: black; font-size: 16px; } .snippet-aboutbox { display: flex; flex-wrap: wrap; padding: 40px 0; } @media (max-width: 639px) { .snippet-aboutbox { padding: 20px 0; } } .snippet-aboutbox > .image { width: 30%; margin-right: 40px; background: white center no-repeat; background-size: contain; } .snippet-aboutbox > .content { flex: 1; margin-right: 40px; } .snippet-aboutbox > .buttonrow { width: 100%; } .snippet-aboutbox h2 { margin-top: 0; font-size: 48px; } @media (max-width: 959px) { .snippet-aboutbox h2 { font-size: 32px; } } @media (max-width: 639px) { .snippet-aboutbox h2 { font-size: 28px; } } @media (max-width: 640px) { .snippet-aboutbox { flex-wrap: wrap; } .snippet-aboutbox > .image { width: 100%; margin-right: 0; margin-bottom: 20px; } } .snippet-prodslider .owl-stage { display: flex; } .snippet-prodslider .el-product { height: 100%; } .snippet-prodslider .owl-theme .owl-nav { position: absolute; top: 40%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); margin: 0; height: 0; } .snippet-prodslider .owl-theme .owl-nav button { font-size: 60px; display: flex; align-items: center; color: #08c; } .snippet-prodslider .owl-theme .owl-nav button.owl-prev { transform: translateX(-100%); } .snippet-prodslider .owl-theme .owl-nav button.owl-next { transform: translateX(100%); } .snippet-prodslider .owl-theme .owl-nav button:hover { color: #08c; background-color: transparent !important; } .snippet-product h1 { font-size: 25px; text-transform: uppercase; font-weight: 400; } .snippet-product .snippet-productform { margin-bottom: 40px; } .snippet-product .prodcalc { margin: 20px 0; } .snippet-proptable { font-size: 16px; } .snippet-proptable .row { display: flex; padding: 5px 0; } .snippet-proptable .row:hover { background-color: #eee; } .snippet-proptable .name { font-weight: bold; margin-right: 10px; } .snippet-proptable .dots { display: none; flex: 1; margin: 0 10px; } @media (max-width: 420px) { .snippet-proptable { font-size: 14px; } } .snippet-prodsel { margin-top: 20px; } .snippet-prodsel .title { margin-top: 10px; font-weight: bold; color: black; } .snippet-prodsel .values { display: flex; margin-top: 20px; flex-wrap: wrap; } .snippet-prodsel label { display: flex; align-items: center; margin-right: 20px; } .snippet-prodsel .icon { width: 33px; height: 33px; margin: 10px; background: center; background-size: cover; } .snippet-attachfile { display: flex; flex-direction: column; align-items: center; } .snippet-attachfile .input { margin: 40px 0; } .snippet-attachfile .input .upload-empty-message { background-color: white; color: #08c; border: 1px solid #08c; text-align: center; padding: 20px !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-needconsult { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } .snippet-needconsult h2 { margin: 0; padding: 30px 10px; border-left: solid white 2px; border-right: solid white 2px; padding: 40px 25px; text-align: center; } .snippet-needconsult p { flex: 1; margin: 0 40px; } .snippet-needconsult button { border: solid white 3px; padding: 10px 25px; display: inline-block; white-space: nowrap; } @media (max-width: 959px) { .snippet-needconsult { flex-direction: column; align-items: center; } .snippet-needconsult h2 { border: none; padding: 0; } .snippet-needconsult h2 br { display: none; } .snippet-needconsult p { margin: 20px 0; text-align: center; } } .snippet-splide { max-width: 800px; margin: 0 auto; } .snippet-splide .splide__slide { display: flex; justify-content: center; } .snippet-splide button:disabled { opacity: 0.1; } .snippet-splide .splide--nav > .splide__track > .splide__list > .splide__slide.is-active { border: none; } .snippet-splide .splide__arrow svg { fill: #08c; } .snippet-price { font-weight: 500; font-size: 36px; } .snippet-price .sale { text-decoration: line-through; text-decoration-color: rgba(255, 0, 0, 0.5); font-size: 50%; } .snippet-productform .prodstock:before { content: "✔"; line-height: 1; margin: 0 10px 0 0; font-size: 30px; font-weight: bold; color: #08c; } .snippet-productform .snippet-price { margin: 10px 0; } .snippet-productform button._cart { margin: 20px 0; width: 100%; } .snippet-productform a.oneclick { font-size: 18px; } .snippet-productform .oneclick_preform { display: none; } .snippet-servicebox { display: flex; justify-content: space-between; } .snippet-servicebox .item { width: 32%; text-align: center; text-decoration: none; color: #444; margin: 40px 0; } .snippet-servicebox .icon { height: 120px; background: center no-repeat; background-size: contain; } @media (max-width: 959px) { .snippet-servicebox .icon { height: 80px; } } @media (max-width: 639px) { .snippet-servicebox { flex-wrap: wrap; } .snippet-servicebox .item { width: 100%; } } .snippet-contacts { text-align: center; margin: 20px 0; } .snippet-contacts h2 { margin: 0; } .snippet-contacts .grid-cell > div { display: flex; align-items: center; flex-direction: column; } @media (max-width: 479px) { .snippet-contacts .grid-cell > div { flex-direction: row; align-items: flex-start; } } @media (max-width: 479px) { .snippet-contacts .grid-cell { padding-left: 0; } } .snippet-contacts .icon { width: 164px; height: 164px; background: linear-gradient(#05183a 0%, #0e2c62 100%); display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 20px; } @media (max-width: 959px) { .snippet-contacts .icon { width: 120px; height: 120px; } .snippet-contacts .icon img { width: 64px; } } @media (max-width: 479px) { .snippet-contacts .icon { margin-right: 20px; margin-bottom: 0; width: 60px; height: 60px; } .snippet-contacts .icon img { width: 32px; } } .snippet-contacts.disableIcons .icon { display: none; } .snippet-contacts .body { display: flex; align-items: center; flex-direction: column; } @media (max-width: 479px) { .snippet-contacts .body { align-items: flex-start; text-align: left; } } .snippet-contacts .title { font-size: 35px; } @media (max-width: 1279px) { .snippet-contacts .title { font-size: 30px; } } @media (max-width: 639px) { .snippet-contacts .title { font-size: 24px; } } .snippet-contacts .email .text { white-space: nowrap; } .snippet-contacts .phones a.number { text-decoration: none; color: black; font-size: 26px; } @media (max-width: 1279px) { .snippet-contacts .phones a.number { font-size: 26px; } } @media (max-width: 639px) { .snippet-contacts .phones a.number { font-size: 18px; } } .snippet-services { padding: 20px 0; } .snippet-services:not(.disable-background) { background: url(../themes/most/assets/images/snippets/services/bg.jpg) center center #2d2d2d; background-size: cover; } .snippet-services:not(.disable-background) h2 { color: white; } .snippet-services .items { display: flex; flex-wrap: wrap; justify-content: center; } .snippet-services .items .item { width: 360px; height: 250px; position: relative; display: flex; justify-content: center; align-items: center; margin: 10px; background: black; } @media (max-width: 1279px) { .snippet-services .items .item { width: 300px; height: 220px; } } .snippet-services .items .item:after { content: ''; position: absolute; width: 120%; height: 120%; background: linear-gradient(#05183a 0%, #0e2c62 100%); opacity: 0; z-index: 1; transition: all 0.5s; } .snippet-services .items .image { width: 100%; height: 100%; opacity: 0.6; } .snippet-services .items .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .snippet-services .items .name { align-items: center; color: white; font-size: 33px; position: absolute; z-index: 2; text-align: center; padding: 0 20px; } .snippet-services .items .item:hover:after { opacity: 0.6; width: 100%; height: 100%; } .snippet-services .items .item:hover .name { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); } .snippet-warranty .item { display: flex; margin-bottom: 40px; } .snippet-warranty .image { margin-right: 40px; width: 100px; padding-top: 20px; } .snippet-warranty .body { flex: 1; } .snippet-warranty .title { margin-top: 0; } @media (max-width: 639px) { .snippet-warranty .item { flex-direction: column; } .snippet-warranty .item .image { margin-right: 0; width: 100%; text-align: center; } } .snippet-cartlink img { width: 24px; } @media (max-width: 639px) { .snippet-cartlink .price { display: none; } } .snippet-steps { background: url(../themes/most/assets/images/snippets/steps/bg.jpg) center no-repeat; background-size: cover; color: white; text-align: center; font-weight: bold; text-transform: uppercase; padding: 20px 0; } @media (max-width: 639px) { .snippet-steps { text-align: left; } } .snippet-steps .items { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 1279px) { .snippet-steps .items { justify-content: center; } } .snippet-steps .item { width: 240px; margin-bottom: 20px; } @media (max-width: 639px) { .snippet-steps .item { display: flex; width: 100%; display: flex; align-items: center; } } .snippet-steps .digit { height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } @media (max-width: 639px) { .snippet-steps .digit { justify-content: center; height: 64px; min-width: 80px; margin-right: 20px; margin-bottom: 0; } .snippet-steps .digit img { max-height: 48px; } } .snippet-cart-items .item { display: flex; } .snippet-cart-items .item:not(:last-child) { border-bottom: 2px solid rgba(100, 100, 100, 0.5); margin-bottom: 20px; padding: 20px 0; } @media (max-width: 639px) { .snippet-cart-items .item { flex-direction: column; } } .snippet-cart-items .image { width: 100px; text-align: center; margin-right: 20px; } .snippet-cart-items > .item > .text { flex: 1; } .snippet-cart-items > .item > .text > .characteristics { font-size: 14px; margin: 20px 0; } .snippet-cart-items > .item > .text > .characteristics .characteristic { display: flex; color: #444; } .snippet-cart-items > .item > .text > .characteristics .characteristic .n:after { content: ': '; } .snippet-cart-items > .item > .text > .characteristics .characteristic .v { font-weight: bold; } .snippet-cart-items > .item > .text > .options { font-size: 14px; } .snippet-cart-items > .item > .text > .snippet-price { font-size: 16px; } .snippet-cart-items > .item > .text > .remove { color: #c46161; font-size: 14px; } .snippet-cart-items > .item > .text > .remove:hover { color: red; cursor: pointer; } .snippet-cart-items > .item > .result > .quantity { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; margin-bottom: 10px; } .snippet-cart-items > .item > .result > .quantity .label { width: 100%; } .snippet-cart-items > .item > .result > .quantity .value { display: flex; align-items: center; justify-content: center; width: 60px; line-height: 1; height: 36px; } .snippet-cart-items > .item > .result > .price .snippet-price { font-size: 24px; display: flex; align-items: flex-end; flex-direction: column; } .snippet-cart-items > .delivery { border-bottom: 1px solid rgba(100, 100, 100, 0.5); display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; flex-wrap: wrap; } .snippet-cart-items > .delivery .value { font-size: 24px; } .snippet-cart-items > .delivery button { background: transparent; color: #08c; } .snippet-cart-items > .delivery button.selected { background: #000; color: white; } @media (max-width: 479px) { .snippet-cart-items > .delivery { text-align: center; } .snippet-cart-items > .delivery .buttons { width: 100%; display: flex; flex-direction: justify-content; } .snippet-cart-items > .delivery button { width: 48%; margin: 20px 0; } .snippet-cart-items > .delivery .value { width: 100%; } } .snippet-cart-items > .promocode { border-bottom: 1px solid rgba(100, 100, 100, 0.5); display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; flex-wrap: wrap; } .snippet-cart-items > .promocode .value { font-size: 24px; } .snippet-cart-items > .promocode input { border: 2px dashed #888; margin-left: 10px; } @media (max-width: 639px) { .snippet-cart-items > .promocode { text-align: center; } .snippet-cart-items > .promocode input { width: 100%; margin-left: 0; margin-top: 20px; } .snippet-cart-items > .promocode button { width: 100%; margin: 20px 0; } .snippet-cart-items > .promocode .value { width: 100%; text-align: center; } } .snippet-cart-items > .result { display: flex; justify-content: space-between; } .snippet-cart-order { margin: 20px 0; } .snippet-cart-order input, .snippet-cart-order textarea { width: 100%; margin-bottom: 20px; } .snippet-frontservices { /*! height: 50% */ } .snippet-frontservices #showservice { background: #f3f3f3; /*! padding: 0 8%; */ max-width: 1360px; margin: 0 auto; position: relative; /*! align-items: first baseline; */ } .snippet-frontservices #servicelbl { position: absolute; font-size: 80px; text-transform: uppercase; color: #666; right: 6%; } @media (max-width: 639px) { .snippet-frontservices #servicelbl { font-size: 32px; text-align: center; width: 100%; } } .snippet-frontservices #showservice div { flex-wrap: wrap; display: flex; justify-content: space-between; } .snippet-frontservices #showservice div div { width: calc(100%/3.2); justify-content: flex-start; } .snippet-frontservices .marg { margin: 130px 0 0 0; } .snippet-frontservices .smarg { margin: -110px 0 0 0; } .snippet-frontservices #showservice div div { flex-direction: column; position: relative; } .snippet-frontservices #showservice div div a { flex-direction: column; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .snippet-frontservices #showservice h5 { font: normal 36px Georgia; margin: 5px; } .snippet-frontservices #showservice div div img { width: 50%; } .snippet-frontservices .srvbg { background-repeat: no-repeat; padding: 0 20px 40px 20px; } .snippet-frontservices .srv1 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv1.png); } .snippet-frontservices .srv2 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv2.png); margin: 20px 0 0 0; } .snippet-frontservices .srv3 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv3.png); } .snippet-frontservices .srv4 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv5.png); } .snippet-frontservices .srv5 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv4.png); } .snippet-frontservices .srv6 { background-image: url(../themes/most/assets/images/snippets/frontservices/serv6.png); } .snippet-frontservices .srvbg { background-size: 200px; padding-top: 210px; background-position-x: 14%; transition: 0.4s; } .snippet-frontservices .srvbg:hover { background-size: 210px; padding-top: 210px; background-position-x: 14%; filter: brightness(70%); } @media (max-width: 1100px) { .snippet-frontservices #servicelbl { position: inherit; width: 100%; justify-content: center; } .snippet-frontservices #showservice div div { width: 100%; padding: 0 0 0 80px; background-size: 60px; background-position-y: center; margin: 10px 0; background-position-x: 10px; } .snippet-frontservices #showservice { background: none; } .snippet-frontservices .marg { margin: 0 0 0 0; } .snippet-frontservices .smarg { margin: 0 0 0 0; } } .snippet-oncart { display: flex; flex-wrap: wrap; } .snippet-oncart .buttons { display: flex; justify-content: space-around; width: 100%; margin-bottom: 20px; } .snippet-oncart .buttons a { width: 49%; max-width: 320px; color: white; border: 1px solid white; padding: 4px 6px; text-decoration: none; font-size: 18px; text-align: center; } @media (max-width: 639px) { .snippet-oncart .buttons a { font-size: 15px; } } .snippet-oncart .image { width: 140px; margin-right: 20px; background-color: white; padding: 10px; text-align: center; margin-bottom: 20px; } .snippet-oncart .image img { max-height: 100px; } @media (max-width: 639px) { .snippet-oncart .image { width: 100%; } } .snippet-oncart .body { flex: 1; } .snippet-catcards { display: flex; justify-content: center; flex-wrap: wrap; } .snippet-catcards a { text-align: center; width: 26%; text-decoration: none; color: #888; font-family: 'DIN Pro', serif; font-size: 22px; margin: 20px; display: flex; flex-direction: column; } .snippet-catcards a .image { padding: 10px; } @media (max-width: 959px) { .snippet-catcards a { font-size: 18px; } } @media (max-width: 639px) { .snippet-catcards a { width: 46%; font-size: 14px; margin: 10px; } } .snippet-frontintro { background: #0d2b61; padding-top: 220px; padding-bottom: 40px; background: url(../themes/most/assets/images/snippets/frontintro/bg.jpg) center no-repeat; background-size: cover; } .snippet-frontintro h2.slogan { font-size: 46px; text-transform: none; font-weight: 600; margin-top: 20px; } @media (max-width: 1279px) { .snippet-frontintro h2.slogan { font-size: 40px; } } @media (max-width: 959px) { .snippet-frontintro h2.slogan { font-size: 28px; } } @media (max-width: 639px) { .snippet-frontintro h2.slogan { font-size: 24px; } } .snippet-frontintro .subtitle { font-size: 36px; } @media (max-width: 959px) { .snippet-frontintro .subtitle { font-size: 28px; } } @media (max-width: 639px) { .snippet-frontintro .subtitle { font-size: 20px; } } .snippet-frontintro .content { display: flex; } @media (max-width: 479px) { .snippet-frontintro .content { flex-direction: column-reverse; } } .snippet-frontintro .text { width: 58%; flex: 1; padding-bottom: 40px; } @media (max-width: 639px) { .snippet-frontintro .text { width: 70%; } } @media (max-width: 479px) { .snippet-frontintro .text { width: 100%; } } .snippet-frontintro .image { width: 40%; } @media (max-width: 639px) { .snippet-frontintro .image { width: 28%; } } @media (max-width: 479px) { .snippet-frontintro .image { width: 100%; text-align: center; } .snippet-frontintro .image img { max-width: 200px; } } @media (max-width: 959px) { .snippet-frontintro { padding-top: 120px; padding-bottom: 20px; } } @media (max-width: 639px) { .snippet-frontintro { padding-top: 100px; } } .snippet-frontslider .slide { height: 600px; } .snippet-frontslider .slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .snippet-preforms { text-align: center; padding-bottom: 40px; } .snippet-preforms .title { font-weight: 600; color: #474747; margin: 20px 0; } .snippet-preforms .images { width: 100%; border: 1px solid #999; } .snippet-preforms .image { height: 260px; } .snippet-preforms .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .snippet-preforms .image:not(.active) { display: none; } .snippet-preforms .colors { display: flex; justify-content: center; } .snippet-preforms .color { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #6cf; margin: 0 2px; border-radius: 4px; cursor: pointer; } .snippet-preforms .color:hover { box-shadow: 0 0 3px rgba(0, 136, 204, 0.6); } .snippet-preforms .color.active { box-shadow: 0 0 3px rgba(0, 136, 204, 0.7); border-color: #08c; } .snippet-preforms .color.active::before { content: '✓'; } .snippet-preforms .color[data-value='темная'] { background-color: #a67c52; color: white; } .snippet-preforms .color[data-value='прозрачная'] { background-color: #f3fdff; } .snippet-preforms .color[data-value='синяя'] { background-color: #7bcff6; } .snippet-preforms .color[data-value='зеленая'] { background-color: #5bbb51; } .snippet-preforms .snippet-proptable .row { justify-content: center; padding: 0; } .snippet-preforms .snippet-proptable .row:hover { background: transparent; } .snippet-preforms .snippet-proptable .name { font-weight: 400; } .snippet-preforms button { padding: 6px 20px; margin: 20px 0; } .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: 20px 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: 20px; } .modal-backcall textarea { resize: vertical; } .modal-backcall .snippet-agreement { margin: 20px 0; } .modal-backcall .modal-button { display: block; margin: 20px 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: 20px 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: 10px 0; } .modal-menu .content > ul > li ul li:before { content: "-"; } .modal-info { color: white; background-color: #000; max-width: 640px; } body.layout-default { overflow-x: hidden; } body.layout-default > .el-wrapper { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); min-height: 100vh; } body.layout-default .flash-message { top: 50%; font-size: 20px; } body.layout-default .blocker { z-index: 3; }