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)}}
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../themes/most/assets/vendor/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../themes/most/assets/vendor/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(../themes/most/assets/vendor/leaflet/#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../themes/most/assets/vendor/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../themes/most/assets/vendor/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(../themes/most/assets/vendor/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* This stylesheet generated by Transfonter (https://transfonter.org) on August 20, 2017 5:39 PM */

@font-face {
	font-family: 'Arial';
	src: url('../themes/most/assets/fonts/arial/Arial-ItalicMT.eot');
	src: local('Arial Italic'), local('Arial-ItalicMT'),
		url('../themes/most/assets/fonts/arial/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/Arial-ItalicMT.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/Arial-ItalicMT.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Arial Narrow';
	src: url('../themes/most/assets/fonts/arial/ArialNarrow-Bold.eot');
	src: local('Arial Narrow Bold'), local('ArialNarrow-Bold'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Bold.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('../themes/most/assets/fonts/arial/Arial-BoldItalicMT.eot');
	src: local('Arial Bold Italic'), local('Arial-BoldItalicMT'),
		url('../themes/most/assets/fonts/arial/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/Arial-BoldItalicMT.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/Arial-BoldItalicMT.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Arial Narrow';
	src: url('../themes/most/assets/fonts/arial/ArialNarrow.eot');
	src: local('Arial Narrow'), local('ArialNarrow'),
		url('../themes/most/assets/fonts/arial/ArialNarrow.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/ArialNarrow.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/ArialNarrow.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Arial Narrow';
	src: url('../themes/most/assets/fonts/arial/ArialNarrow-Italic.eot');
	src: local('Arial Narrow Italic'), local('ArialNarrow-Italic'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Italic.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Italic.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Arial';
	src: url('../themes/most/assets/fonts/arial/ArialMT.eot');
	src: local('Arial'), local('ArialMT'),
		url('../themes/most/assets/fonts/arial/ArialMT.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/ArialMT.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/ArialMT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('../themes/most/assets/fonts/arial/Arial-BoldMT.eot');
	src: local('Arial Bold'), local('Arial-BoldMT'),
		url('../themes/most/assets/fonts/arial/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/Arial-BoldMT.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/Arial-BoldMT.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('../themes/most/assets/fonts/arial/Arial-Black.eot');
	src: local('Arial Black'), local('Arial-Black'),
		url('../themes/most/assets/fonts/arial/Arial-Black.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/Arial-Black.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/Arial-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Arial Narrow';
	src: url('../themes/most/assets/fonts/arial/ArialNarrow-BoldItalic.eot');
	src: local('Arial Narrow Bold Italic'), local('ArialNarrow-BoldItalic'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-BoldItalic.woff') format('woff'),
		url('../themes/most/assets/fonts/arial/ArialNarrow-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {font-family: "AGOpus Roman";
    src: url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.eot"); /* IE9*/
    src: url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.woff2") format("woff2"), /* chrome、firefox */
    url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.woff") format("woff"), /* chrome、firefox */
    url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../themes/most/assets/fonts/agopus-roman/29c6e45e77c0916340430632bb342c3f.svg#AGOpus Roman") format("svg"); /* iOS 4.1- */
  }
@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: 'Arial', sans-serif; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif; } }

body {
  font-size: 20px;
  color: #262626;
  line-height: 1.3; }

@media (max-width: 639px) {
    body {
      font-size: 18px; } }

img {
  max-width: 100%; }

button, .button {
  padding: 12px;
  text-transform: none;
  color: white;
  background-color: #da0303;
  border: none;
  font-size: 16px;
  transition: background-color 0.2s;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase; }

button.secondary, .button.secondary {
  background-color: #da0303; }

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.small, .button.small {
  padding: 4px 12px; }

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: #262626; }

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, h2, h3, h4 {
  font-family: 'AGOpus Roman', serif;
  text-transform: uppercase; }

h1.center, h2.center, h3.center, h4.center {
  text-align: center; }

h1.primary, h2.primary, h3.primary, h4.primary {
  color: #da0303; }

h1 {
  font-size: 24px;
  font-weight: 800; }

h2 {
  font-family: 'AGOpus Roman', serif;
  font-size: 34px;
  font-weight: 400;
  margin: 20px 0; }

@media (max-width: 959px) {
    h2 {
      font-size: 32px; } }

h4 {
  color: #da0303; }

a {
  color: #da0303; }

ul {
  padding-left: 20px; }

ul li {
  margin-bottom: 20px; }

ul li::marker {
  color: #da0303; }

ul.check li {
  margin-bottom: 20px;
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 64px; }
  ul.check li::before {
    content: "";
    background: url(../themes/most/assets/images/snippets/advantages/check.png) center no-repeat;
    max-width: 29px;
    height: 27px;
    margin-right: 20px;
    width: 100%; }

p {
  line-height: 1.5; }

table {
  color: #777;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px; }

td {
  border: solid 1px #ccc;
  padding: 6px;
  font-size: 14px; }

.table-wrapper {
  overflow-x: auto; }

.u-color-secondary {
  color: #da0303; }

.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: #030303;
  z-index: 3;
  padding-top: 20px;
  padding-bottom: 40px;
  transition: padding 0.3s; }

@media (max-width: 959px) {
    .zone-header {
      padding-top: 20px;
      padding-bottom: 20px; } }

.zone-header.over {
  background: rgba(3, 3, 3, 1); }

.zone-header a {
  text-decoration: none;
  color: white; }
  .zone-header a:hover {
    color: #7b7b7d; }

.zone-header.fixed {
  position: fixed;
  top: 0;
  width: 1980px;
  max-width: 100vw;
  z-index: 3; }

.zone-header .headrow {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.zone-header .logo {
  display: flex;
  align-items: center; }
  .zone-header .logo img {
    width: 128px; }
    @media (max-width: 639px) {
    .zone-header .logo img {
      width: 128px; } }
    @media (max-width: 479px) {
    .zone-header .logo img {
      width: 96px; } }

.zone-header .contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end; }

.zone-header .phone {
  font-size: 22px;
  margin-bottom: 10px; }
  @media (max-width: 639px) {
    .zone-header .phone {
      font-size: 20px; } }
  @media (max-width: 479px) {
    .zone-header .phone {
      font-size: 18px; } }

.zone-header button.backcall {
  padding: 4px 20px; }
  @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: 1280px) {
    .zone-header .mobiletoggle {
      display: none; } }
  .zone-header .mobiletoggle span {
    width: 36px;
    display: block;
    margin: 6px 0;
    background-color: white;
    height: 3px; }

.zone-header .snippet-nav {
  justify-content: space-around; }
  @media (max-width: 1279px) {
    .zone-header .snippet-nav {
      display: none; } }
  .zone-header .snippet-nav > li {
    margin-right: 20px;
    margin-bottom: 0; }
    .zone-header .snippet-nav > li.fulldrop:hover > a:before {
      content: '▲';
      color: #da0303;
      bottom: -4px;
      font-size: 14px;
      left: 50%;
      position: absolute; }
    .zone-header .snippet-nav > li > a {
      padding: 0;
      font-size: 18px;
      text-transform: uppercase;
      position: relative; }
    .zone-header .snippet-nav > li > ul {
      background-color: white;
      border-top: 2px solid #da0303; }
      .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;
  padding-bottom: 10px;
  background: transparent linear-gradient(rgba(47, 46, 47, 0.9) 0%, rgba(47, 46, 47, 0.9) 100%);
  align-items: flex-start; }

.zone-main {
  padding-bottom: 60px;
  padding-top: 20px;
  min-height: 50vh;
  position: relative; }

.zone-main:not(.layoutHeaderOver) {
  padding-top: 125px; }

.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: 40px 0;
  text-transform: uppercase;
  font-family: 'AGOpus Roman', serif;
  font-size: 40px;
  color: #da0303; }

@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-map iframe {
  width: 100%;
  height: 100%;
  min-height: 320px; }

.zone-map a {
  color: #262626;
  text-decoration: none; }

.zone-map .title {
  display: none; }

.zone-map .item {
  display: flex;
  margin-bottom: 40px; }

.zone-map .icon {
  margin-right: 20px; }

.el-wrapper {
  max-width: 1980px;
  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: 1100px; }

.el-expander-container {
  margin-left: -20px;
  margin-right: -20px; }

.el-expander:not(.el-expander-container), .el-expander-wrapper {
  width: auto;
  max-width: 1980px;
  margin-left: calc(50% - 1980px / 2);
  margin-right: calc(50% - 1980px / 2); }
  @media (max-width: 1980px) {
    .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: -60px;
  position: relative; }

.el-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }

.el-menu li:not(.fulldrop) {
  position: relative; }

.el-menu a, .el-menu span {
  display: inline-block;
  padding: 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 #da0303;
  background-color: #f5f5f5;
  color: #da0303;
  display: flex;
  align-items: center;
  justify-content: center; }

.el-dummy.clear {
  border: none;
  background: none;
  color: #262626; }

.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: #da0303; }

@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-aboutcircle {
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 40px; }

.el-aboutcircle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

@media (max-width: 639px) {
    .el-aboutcircle {
      width: 180px;
      height: 180px;
      margin-left: auto;
      margin-right: auto; } }

.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 {
  background-color: #040404;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 80px 0 40px 0; }

@media (max-width: 639px) {
    .snippet-form {
      padding: 40px 0 40px 0; } }

.snippet-form .text {
  color: white;
  font-family: 'AGOpus Roman', serif;
  font-size: 30px;
  line-height: 1.1; }
  @media (max-width: 639px) {
    .snippet-form .text {
      font-size: 24px; } }
  @media (max-width: 479px) {
    .snippet-form .text {
      font-size: 20px; } }
  .snippet-form .text p {
    margin-top: 0; }

.snippet-form h2 {
  color: #da0303;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold; }
  @media (min-width: 641px) {
    .snippet-form h2 {
      font-size: 64px; } }
  .snippet-form h2 span {
    color: white;
    display: flex;
    text-transform: none;
    line-height: 1; }

@media (min-width: 961px) {
      .snippet-form .grid {
        flex-direction: row-reverse; } }

.snippet-form .inputs {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 961px) {
    .snippet-form .inputs {
      max-width: 360px; } }
  .snippet-form .inputs input {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 30px;
    padding-left: 0;
    padding-bottom: 30px;
    border: none;
    width: 100%;
    color: white;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #757575; }
    .snippet-form .inputs input:focus {
      outline: none;
      border-bottom: 1px solid white; }
    @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 {
    color: white;
    margin-bottom: 20px; }

.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: #da0303;
    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 #da0303;
        padding-left: 20px; }
      .snippet-catalognav > ul > li > ul > li > a {
        padding: 10px 0;
        display: inline-block; }

.snippet-catslider {
  background-color: #da0303; }

.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: #da0303; }
  .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 #da0303;
  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: #da0303; }

@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 {
  margin: 40px 0; }

.snippet-advantages h2 {
  text-align: center;
  margin-bottom: 40px; }

.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 #da0303;
    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: #da0303;
        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; }

.snippet-aboutbox > .image {
  width: 30%;
  margin-right: 40px;
  background: #eee center no-repeat;
  background-size: cover;
  height: 260px; }

.snippet-aboutbox > .content {
  flex: 1;
  margin-right: 40px; }

@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: #da0303; }
    .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: #da0303;
      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;
  color: black;
  margin-right: 10px; }

.snippet-proptable .dots {
  display: none;
  flex: 1;
  margin: 0 10px; }

@media (max-width: 420px) {
    .snippet-proptable {
      font-size: 14px; } }

@media (max-width: 639px) {
    .snippet-proptable .row {
      flex-direction: column; } }

.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: #da0303;
    border: 1px solid #da0303;
    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 .splide__slide {
  display: flex;
  justify-content: center; }

.snippet-splide button:disabled {
  opacity: 0.1; }

.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: #da0303; }

.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: #262626;
  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;
  padding: 40px 0 40px 0;
  background-color: #040404; }

.snippet-contacts a {
  color: #da0303; }

.snippet-contacts .grid-cell > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px; }
  @media (max-width: 639px) {
    .snippet-contacts .grid-cell > div {
      flex-direction: row;
      align-items: flex-start; } }

@media (min-width: 641px) {
    .snippet-contacts .grid-cell:not(:last-child) {
      border-right: 1px solid white; } }

@media (max-width: 639px) {
      .snippet-contacts .grid-cell {
        padding-left: 0; } }

.snippet-contacts .icon {
  width: 96px;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 959px) {
    .snippet-contacts .icon {
      width: 120px;
      height: 120px; }
      .snippet-contacts .icon img {
        width: 64px; } }
  @media (max-width: 639px) {
    .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: 639px) {
    .snippet-contacts .body {
      align-items: flex-start;
      text-align: left; } }

.snippet-contacts .title {
  font-size: 35px;
  color: white;
  text-transform: uppercase;
  font-family: 'AGOpus Roman', serif;
  margin-bottom: 20px; }
  @media (max-width: 1279px) {
    .snippet-contacts .title {
      font-size: 30px; } }
  @media (max-width: 639px) {
    .snippet-contacts .title {
      font-size: 24px; } }

.snippet-contacts .text {
  color: #da0303;
  color: 24px;
  font-weight: bold; }

.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(45deg, #21a8ec 0%, #af00a0 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 {
  position: relative;
  overflow: hidden;
  align-items: flex-start; }

.snippet-steps h2 {
  color: #da0303;
  text-transform: uppercase; }

@media (min-width: 961px) {
      .snippet-steps .title {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .snippet-steps .title h2 {
          width: 46%;
          border-right: 1px solid black;
          padding-right: 20px;
          margin-right: 20px; }
        .snippet-steps .title p {
          width: 54%;
          font-size: 22px; } }

.snippet-steps .items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
  min-height: 430px;
  justify-content: space-around; }
  @media (min-width: 1280px) {
    .snippet-steps .items {
      background: url(../themes/most/assets/images/snippets/steps/screen.jpg) center no-repeat; } }

.snippet-steps .item {
  display: flex;
  padding: 20px;
  width: 46%;
  position: relative;
  background-color: #da0303;
  min-height: 80px;
  align-items: center;
  margin-bottom: 30px; }
  .snippet-steps .item .digit {
    color: white; }
  @media (min-width: 640px) {
    .snippet-steps .item:nth-child(2), .snippet-steps .item:nth-child(3) {
      background-color: black;
      color: white; }
      .snippet-steps .item:nth-child(2) .digit, .snippet-steps .item:nth-child(3) .digit {
        color: #da0303; } }
  @media (min-width: 1280px) {
    .snippet-steps .item {
      position: absolute;
      width: 340px;
      min-height: 140px;
      padding: 30px;
      margin-bottom: 0; }
      .snippet-steps .item:nth-child(1) {
        left: 20px;
        top: 21px; }
      .snippet-steps .item:nth-child(2) {
        left: 104px;
        bottom: 14px; }
      .snippet-steps .item:nth-child(3) {
        right: 20px;
        top: 10px; }
      .snippet-steps .item:nth-child(4) {
        right: 80px;
        bottom: 50px; } }
  @media (max-width: 639px) {
    .snippet-steps .item {
      width: 100%; }
      .snippet-steps .item:nth-child(2), .snippet-steps .item:nth-child(4) {
        background-color: black;
        color: white; }
        .snippet-steps .item:nth-child(2) .digit, .snippet-steps .item:nth-child(4) .digit {
          color: #da0303; } }
  .snippet-steps .item .digit {
    width: 12%;
    margin-right: 20px;
    text-align: center;
    font-size: 72px; }
  .snippet-steps .item .text {
    width: 80%;
    font-size: 20px;
    font-weight: 600; }

.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: #da0303; }
  .snippet-cart-items > .delivery button.selected {
    background: #da0303;
    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: 'AGOpus Roman', 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: url(../themes/most/assets/images/snippets/frontintro/bg.jpg) center;
  background-size: cover;
  padding-top: 224px;
  color: white;
  min-height: 600px; }

@media (max-width: 1279px) {
    .snippet-frontintro {
      padding-top: 200px;
      padding-bottom: 80px;
      min-height: 480px; } }

@media (max-width: 959px) {
    .snippet-frontintro {
      padding-top: 160px;
      padding-bottom: 40px;
      min-height: 400px; } }

@media (max-width: 639px) {
    .snippet-frontintro {
      padding-top: 140px;
      padding-bottom: 40px;
      min-height: 320px; } }

.snippet-frontintro h1 {
  margin-top: 0;
  font-size: 48px;
  text-align: center;
  font-family: 'AGOpus Roman', serif;
  font-weight: bold;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);
  font-size: 70px; }
  @media (max-width: 1279px) {
    .snippet-frontintro h1 {
      font-size: 50px; } }
  @media (max-width: 639px) {
    .snippet-frontintro h1 {
      font-size: 30px; } }

.snippet-calcform .inputs {
  display: flex;
  flex-direction: column;
  width: 100%; }

  .snippet-calcform .inputs label {
    font-size: 14px; }
  .snippet-calcform .inputs input, .snippet-calcform .inputs select {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 0;
    border: none;
    width: 100%;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #757575;
    box-shadow: none; }
  .snippet-calcform .inputs input:focus, .snippet-calcform .inputs select:focus {
    outline: none;
    border-bottom: 1px solid #da0303; }
  @media (max-width: 639px) {
      .snippet-calcform .inputs input, .snippet-calcform .inputs select {
        margin-bottom: 20px;
        font-size: 20px; } }
  @media (max-width: 479px) {
      .snippet-calcform .inputs input, .snippet-calcform .inputs select {
        font-size: 18px;
        text-transform: none; } }
  .snippet-calcform .inputs select {
    padding-bottom: 11px; }

.snippet-calcform .inputs {
  display: grid;
  gap: 20px; }
  @media (min-width: 640px) {
    .snippet-calcform .inputs {
      grid-template-columns: 1fr 1fr; } }

.snippet-calcform .btnrow {
  text-align: center;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center; }
  .snippet-calcform .btnrow .snippet-agreement {
    margin-bottom: 20px; }

.snippet-calcform .calcresult {
  font-weght: bold;
  color: #da0303;
  font-size: 30px;
  text-align: center; }

.snippet-screens {
  display: grid;
  gap: 30px 15px;
  grid-template-columns: repeat(3, 1fr); }

@media (max-width: 1140px) {
    .snippet-screens {
      grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 728px) {
    .snippet-screens {
      grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 480px) {
    .snippet-screens {
      grid-template-columns: repeat(1, 1fr); } }

.snippet-screens .screen {
  border: 1px solid #bbb;
  padding: 10px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  text-decoration: none; }
  .snippet-screens .screen:not(:hover) {
    color: black; }

.snippet-screens .name {
  font-size: 18px;
  font-weight: bold; }

.snippet-screens .description {
  font-size: 16px;
  flex: 1; }

.snippet-screens .buttons {
  display: flex;
  gap: 15px; }

.snippet-screensmap .map {
  height: 640px;
  max-height: 80vh; }
  .snippet-screensmap .map .leaflet-attribution-flag {
    display: none !important; }
  .snippet-screensmap .map .leaflet-pane.leaflet-marker-pane img.selectedScreen {
    filter: hue-rotate(143deg);
    width: 36px !important;
    height: 59px !important;
    margin-left: -18px !important;
    margin-top: -59px !important; }

.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: black;
  max-width: 640px; }

.modal-info h2 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: white; }
  .modal-info h2 span {
    font-size: 40px;
    color: #da0303; }

.modal-info input {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #eee; }

.modal-info button {
  max-width: 160px; }

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; }