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)}} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../themes/pisos/assets/vendor/owlcarousel/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } @font-face { font-family: 'JakobC'; src: url('../themes/pisos/assets/fonts/jakobc/JakobC.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/jakobc/JakobC.otf') format('opentype'), url('../themes/pisos/assets/fonts/jakobc/JakobC.woff') format('woff'), url('../themes/pisos/assets/fonts/jakobc/JakobC.ttf') format('truetype'), url('../themes/pisos/assets/fonts/jakobc/JakobC.svg#JakobC') format('svg'); font-weight: normal; font-style: normal; } /* This stylesheet generated by Transfonter (https://transfonter.org) on October 5, 2017 10:21 PM */ @font-face { font-family: 'FuturaDemiC'; src: url('../themes/pisos/assets/fonts/futura/FuturaDemiC.eot'); src: local('Futura Demi Cyrillic'), local('FuturaDemiC'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaMediumC'; src: url('../themes/pisos/assets/fonts/futura/FuturaMediumC.eot'); src: local('Futura Medium Cyrillic'), local('FuturaMediumC'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'FuturaLightC'; src: url('../themes/pisos/assets/fonts/futura/FuturaLightC-Italic.eot'); src: local('Futura Light Italic Cyrillic'), local('FuturaLightC-Italic'), url('../themes/pisos/assets/fonts/futura/FuturaLightC-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaLightC-Italic.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaLightC-Italic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'FuturaMediumC'; src: url('../themes/pisos/assets/fonts/futura/FuturaMediumC-Italic.eot'); src: local('Futura Medium Italic Cyrillic'), local('FuturaMediumC-Italic'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC-Italic.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaMediumC-Italic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'FuturaLightC'; src: url('../themes/pisos/assets/fonts/futura/FuturaLightC.eot'); src: local('Futura Light Cyrillic'), local('FuturaLightC'), url('../themes/pisos/assets/fonts/futura/FuturaLightC.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaLightC.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaLightC.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'FuturaDemiC'; src: url('../themes/pisos/assets/fonts/futura/FuturaDemiC-Italic.eot'); src: local('Futura Demi Italic Cyrillic'), local('FuturaDemiC-Italic'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC-Italic.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaDemiC-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'FuturaBookC'; src: url('../themes/pisos/assets/fonts/futura/FuturaBookC-Italic.eot'); src: local('Futura Book Italic Cyrillic'), local('FuturaBookC-Italic'), url('../themes/pisos/assets/fonts/futura/FuturaBookC-Italic.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaBookC-Italic.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaBookC-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'FuturaBookC'; src: url('../themes/pisos/assets/fonts/futura/FuturaBookC.eot'); src: local('Futura Book Cyrillic'), local('FuturaBookC'), url('../themes/pisos/assets/fonts/futura/FuturaBookC.eot?#iefix') format('embedded-opentype'), url('../themes/pisos/assets/fonts/futura/FuturaBookC.woff') format('woff'), url('../themes/pisos/assets/fonts/futura/FuturaBookC.ttf') format('truetype'); font-weight: normal; font-style: normal; } @charset "UTF-8"; /* Grid class name */ /* Cell class name */ /* Gutter size */ /* Optionally include max-width to fix IE issues */ /* Grid */ .grid { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } /* Grid cell */ .grid-cell, .grid--auto > * { flex: 1; flex-grow: 4; } /* Grid cell modifiers */ .grid-cell--auto-size { flex: none; } .grid-cell--light { flex-grow: 2; } .grid-cell--heavy { flex-grow: 8; } /* Grid gutters */ .grid--gutters { margin: 0 0 0 0; } .grid--gutters > .grid-cell, .grid--auto.grid--gutters > * { padding: 0 0 0 0; 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 */ html { font-family: "Futura", sans-serif; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { font-family: sans-serif; } } * { box-sizing: border-box; } p, div, span { font-size: 18px; } img { max-width: 100%; } button { padding: 12px; color: white; background-color: #88d700; border-radius: 4px; border: none; font-size: 16px; transition: background-color 0.2s; padding: 7.5px 15px; } button.default { background-color: white; border: 1px solid #252525; color: #252525; } button.bg { border: 1px solid #252525; color: #252525; } button.bg:hover { background-color: white; } button:disabled { background-color: #b1b1b1; color: white; } input[type=text], input[type=email], textarea, select { background-color: rgba(242, 242, 242, 0.9); border: none; padding: 7.5px 15px; box-sizing: border-box; font-size: 18px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) inset; } input[type=text]:placeholder, input[type=email]:placeholder, textarea:placeholder, select:placeholder { color: black; } h2 { font-size: 32px; font-weight: 400; margin: 15px 0; } @media (max-width: 960px) { h2 { font-size: 28px; } } @media (max-width: 640px) { h2 { font-size: 22px; } } h1, h2, h3 { font-family: "JakobC", sans-serif; font-weight: bold; text-transform: uppercase; } h4 { color: #88d700; } a { text-decoration: none; color: #88d700; } ul { padding-left: 15px; } ul li::marker { color: #88d700; } .zone-header { border-top: 4px solid #88d700; position: relative; } .zone-header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 2; } .zone-header .topline { background: url(../themes/pisos/assets/images/zones/header/topline.png) repeat-x; height: 7px; position: absolute; top: 0; width: 100%; z-index: 1; } .zone-header .body-wrapper { background: white url(../themes/pisos/assets/images/zones/header/body-bg.jpg); padding: 15px 0; } .zone-header .body { display: flex; justify-content: space-between; align-items: center; position: relative; /* .npr { img { width: 100px; } @media (min-width:1400px){ position: absolute; left: 0; top: 50%; transform: translateX(-110%) translateY(-50%) ; } @media (max-width:860px){ img { width: 60px; } } @media (max-width:360px){ img { width: 40px; } } } */ } .zone-header .body .logo img { max-height: 90px; width: auto; } .zone-header .body .logo img.small { display: none; height: 48px; width: auto; } .zone-header .contacts { display: flex; flex-direction: column; align-items: flex-end; } .zone-header .contacts .phone { margin-bottom: 15px; font-size: 20px; font-weight: 200; color: #333; white-space: nowrap; position: relative; } .zone-header .contacts .phone .label { right: 0; transform: translateX(120%) translateY(-50%); color: red; top: 50%; position: absolute; font-size: 14px; } @media (max-width: 1290px) and (min-width: 400px) { .zone-header .contacts .phone .label { top: 0; font-size: 10px; transform: translateX(0%) translateY(-90%); } } .zone-header .contacts button { background-color: #265291; color: white; padding: 7.5px 15px; text-transform: none; } .zone-header .menu { background: #88d700; } .zone-header .menu .toggle { display: none; margin: 0 auto; } .zone-header .menu .toggle span { width: 30px; display: block; margin: 4px 0; background-color: white; height: 2px; } .zone-header .menu a { color: white; font-size: 18px; text-transform: uppercase; padding-top: 7.5px; width: 100%; } .zone-header .menu li ul li a { text-transform: none; } .zone-header .menu .el-menu { justify-content: space-between; } .zone-header .bottomline { background: url(../themes/pisos/assets/images/zones/header/bottomline.png) repeat-x; height: 7px; position: absolute; bottom: -24px; width: 100%; z-index: 1; height: 24px; } .zone-header .snippet-oblaco { min-width: 340px; } .zone-header .socials, .zone-header .bird { display: none; } @media (max-width: 959px) { .zone-header .socials, .zone-header .bird { display: block; } .zone-header .snippet-oblaco { display: none; } } @media (max-width: 1023px) { .zone-header .bird { display: none; } .zone-header .logo { flex: 1; } .zone-header .logo img { width: 480px; } .zone-header .socials { margin: 0 15px; } } @media (max-width: 727px) { .zone-header .menu .toggle { display: block; } .zone-header .menu .el-menu { max-height: 0; transition: max-height 0.3s; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; } .zone-header .menu .el-menu a { padding: 7.5px; text-align: center; } .zone-header .menu .el-menu ul { display: block; position: relative; box-shadow: none; } .zone-header .menu.active .el-menu { max-height: 1000px; } .zone-header .bottomline { bottonm: -10px; background-size: 48px auto; } } @media (max-width: 579px) { .zone-header .body-wrapper { padding: 7.5px 0; } .zone-header .body { flex-wrap: wrap; } .zone-header .body .logo { flex: unset; width: 100%; } .zone-header .body .phone { margin-bottom: 7.5px; } .zone-header .body .contacts button { padding: 2px 15px; } } @media (max-width: 399px) { .zone-header .socials { display: none; } } .zone-main { padding-bottom: 45px; padding-top: 60px; min-height: 50vh; background: radial-gradient(ellipse at center, rgba(246, 247, 242, 1) 0%, rgba(244, 241, 210, 1) 100%); position: relative; } .zone-main .bird { position: absolute; top: 0; z-index: 0; } .zone-main .bird.left { left: 0; } .zone-main .bird.right { right: 0; } @media (max-width: 1439px) { .zone-main .bird { opacity: 0.5; } } @media (max-width: 859px) { .zone-main .bird { opacity: 0.4; width: 160px; } } .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: 15px; box-sizing: border-box; height: 100%; } .zone-breadcrumbs { display: none; } @media (max-width: 640px) { .zone-breadcrumbs { display: none; } } .zone-h1 { margin-top: 0; text-align: center; color: #88d700; text-transform: uppercase; } .zone-page h2 { color: #88d700; margin-top: 30px; } .zone-footer { background-color: #88d700; text-align: center; position: relative; } .zone-footer > .form { padding: 15px 0; position: relative; background: #35b1b1 url(../themes/pisos/assets/images/zones/footer/form-jungle-bg.jpg); } .zone-footer > .form .formbird { position: absolute; left: 15px; top: -48px; z-index: 1; } .zone-footer > .form h2 { color: white; } .zone-footer > .form p { color: white; font-weight: bold; font-size: 18px; } .zone-footer > .form .snippet-agreement { color: white; font-weight: bold; } .zone-footer > .form.green { background: #88d700 url(../themes/pisos/assets/images/zones/footer/form-green-bg.jpg); } .zone-footer > .form.purple { background: #88d700 url(../themes/pisos/assets/images/zones/footer/form-purple-bg.jpg); } .zone-footer > .map { height: 480px; max-height: 80vh; } .zone-footer > .map iframe { display: block; height: 100%; } .zone-footer a { color: white; } .zone-footer nav .el-menu { text-transform: uppercase; justify-content: center; font-size: 18px; z-index: 1; position: relative; padding: 15px; } @media (max-width: 720px) { .zone-footer nav .el-menu { flex-direction: column; } } .zone-footer .contacts { padding-bottom: 15px; } .zone-footer .copyright { padding: 15px; padding-top: 30px; background-color: #fff; } .zone-footer .copyright a { color: black; } .zone-footer .bird { position: absolute; bottom: 0; } .zone-footer .bird.left { left: 0; } .zone-footer .bird.right { right: 0; } @media (max-width: 960px) { .zone-footer .bird { width: 180px; } } @media (max-width: 800px) { .zone-footer .bird { width: 120px; bottom: 64px; display: none; } } @media (max-width: 720px) { .zone-footer .bird { bottom: 400px; width: 180px; } } @media (max-width: 540px) { .zone-footer .bird { bottom: 460px; width: 130px; } } .zone-footer .el-container.relative { position: relative; } .zone-footer .advs { display: flex; justify-content: center; align-items: center; } .zone-footer .advs img { max-width: 120px; margin: 15px; } @media (min-width: 1190px) { .zone-footer .advs { position: absolute; bottom: 15px; width: 100%; left: 50%; max-width: 960px; transform: translateX(-50%); justify-content: space-between; } } .zone-footer .snippet-socials { position: relative; z-index: 2; } .zone-footer .snippet-realsite { max-width: 480px; margin: 0 auto; position: relative; z-index: 2; } .zone-footer .snippet-realsite strong { font-weight: normal; } .el-wrapper { max-width: 1980px; margin: 0 auto; } .el-container { max-width: 1180px; width: 100%; box-sizing: border-box; padding: 0 15px; margin: 0 auto; } .el-expander-container { margin-left: -15px; margin-right: -15px; } .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-wrapper { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } } @media (max-width: 1180px) { .el-expander-wrapper { margin-left: -15px; margin-right: -15px; } } .el-anchor { top: -60px; position: relative; } .el-bg { color: #241f1b; } .el-bg.primary { background-color: #88d700; color: white; } .el-bg.secondary { color: white; } .el-bg.secondary a { color: white; } .el-menu { display: flex; list-style: none; margin: 0; padding: 0; } .el-menu li { position: relative; } .el-menu a { display: inline-block; padding: 15px; } .el-menu a:hover { color: white; } .el-menu > li > ul { display: none; position: absolute; background-color: #88d700; z-index: 3; list-style: none; margin: 0; font-size: 16px; padding: 0; min-width: 240px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .el-menu > li > ul a { text-transform: none; white-space: nowrap; } .el-menu > li:hover > ul { display: block; } .el-h2 { text-align: center; } .el-h2.red { color: #b91d28; } .el-h2.jungle { color: #36b0b1; } .el-h2.darkblue { color: #265293; } .el-checkbox { display: none; } .el-checkbox + .checkbox { width: 20px; height: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) inset; background-color: white; cursor: pointer; margin-right: 15px; display: flex; justify-content: center; } .el-checkbox:checked + .checkbox { background-color: #88d700; } .el-checkbox:checked + .checkbox:before { content: '✔'; } /** Чтобы текст не расползался по всей ширине, иначе длинный, читать сложно и на птичек залазит */ .el-textbox { max-width: 1014px; margin: 0 auto; } @media (max-width: 1280px) { .el-textbox { max-width: 860px; } } @media (max-width: 1180px) { .el-textbox { max-width: 640px; } } .el-imgtxt { width: 240px; float: left; margin-right: 30px; margin-bottom: 30px; } @media (max-width: 860px) { .el-imgtxt { text-align: center; width: 100%; margin: 0; } } .el-oklist { column-count: 3; column-gap: 15px; list-style: none; } .el-oklist li { margin-bottom: 7.5px; display: flex; } .el-oklist li:before { content: '✔'; margin-right: 15px; color: #88d700; } @media (max-width: 980px) { .el-oklist { column-count: 2; } } @media (max-width: 640px) { .el-oklist { column-count: 1; } } .el-twobuttons { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-between; } .el-twobuttons li { width: 48%; margin-bottom: 15px; } .el-twobuttons a { width: 100%; padding: 15px; display: inline-block; color: white; background-color: #88d700; text-align: center; } @media (max-width: 780px) { .el-twobuttons li { width: 100%; } } .snippet-nav li.red a { color: red; } .snippet-agreement { display: flex; } .snippet-agreement input { margin-right: 15px; } .snippet-agreement .link { flex: 1; cursor: pointer; } .snippet-agreement .link:hover { text-decoration: underline; } .snippet-form { display: flex; align-items: center; flex-direction: column; } .snippet-form .inputs { display: flex; width: 100%; justify-content: space-around; } .snippet-form .inputs > * { width: 32%; } .snippet-form .snippet-agreement { margin: 15px 0; } .snippet-form button { border-radius: 20px; color: black; text-transform: uppercase; background-color: white; font-family: 'JakobC', sans-serif; padding-top: 15px; } @media (max-width: 639px) { .snippet-form .inputs { flex-direction: column; align-items: center; } .snippet-form .inputs > * { width: 100%; max-width: 320px; margin: 15px 0; } .snippet-form .snippet-agreement { max-width: 320px; } } .snippet-clouds { display: flex; justify-content: center; flex-wrap: wrap; } .snippet-clouds .cloud { margin: 15px; background: url(../themes/pisos/assets/images/snippets/clouds/cloud.svg) no-repeat; display: flex; justify-content: center; align-items: center; background-size: contain; color: white; font-family: "JakobC", sans-serif; font-size: 24px; color: rgba(255, 255, 255, 0.9); width: 335px; height: 244px; text-align: center; font-weight: bold; padding: 15px 30px; } @media (max-width: 767px) { .snippet-clouds .cloud { width: 280px; height: 204px; font-size: 20px; } } .snippet-clouds .cloud.purple { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-purple.svg); } .snippet-clouds .cloud.yellow { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-yellow.svg); } .snippet-clouds .cloud.red { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-red.svg); } .snippet-clouds .cloud.orange { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-orange.svg); } .snippet-clouds .cloud.green { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-green.svg); } .snippet-clouds .cloud.jungle { background-image: url(../themes/pisos/assets/images/snippets/clouds/cloud-jungle.svg); } .snippet-ages { display: flex; flex-wrap: wrap; } .snippet-ages .age { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 30px; color: white; background-color: #fe8f71; width: 50%; } .snippet-ages .age:nth-child(1) { background-color: #35b1b1; } .snippet-ages .age:nth-child(2) { background-color: #9d35b0; } .snippet-ages .age:nth-child(3) { background-color: #dfb60e; } .snippet-ages .age:nth-child(4) { background-color: #b71d29; } .snippet-ages .image { margin: 15px 0; } .snippet-ages h3 { font-size: 48px; margin: 0; text-transform: none; } .snippet-ages p { font-size: 18px; margin: 0 0 30px 0; } .snippet-ages a { color: white; } .snippet-ages a:hover { text-decoration: underline; } .snippet-ages a.more { background-color: white; border-radius: 20px; color: #585858; padding: 8px 10px 0 10px; text-transform: uppercase; font-family: "JakobC", sans-serif; } @media (max-width: 767px) { .snippet-ages h3 { font-size: 36px; } } @media (max-width: 639px) { .snippet-ages .age { padding: 15px; } .snippet-ages .image img { width: 240px; } } @media (max-width: 479px) { .snippet-ages h3 { font-size: 24px; } .snippet-ages .image img { width: 180px; } } @media (max-width: 359px) { .snippet-ages .age { flex-direction: column; } .snippet-ages .image img { width: auto; } } .snippet-callflag { position: relative; width: 100vw; display: inline-block; } .snippet-callflag button { position: absolute; width: 358px; height: 77px; text-transform: uppercase; font-size: 28px; cursor: pointer; transition: all 0.2s; } .snippet-callflag button.top { top: 0; } .snippet-callflag button.bottom { bottom: 0; } .snippet-callflag button.left { justify-self: flex-end; left: -10px; } .snippet-callflag button.left:hover { left: 0; } .snippet-callflag button.right { right: -10px; float: right; } .snippet-callflag button.right:hover { right: 0; } .snippet-callflag button.right.green { background: transparent url(../themes/pisos/assets/images/snippets/callflag/right-green.png) no-repeat; } .snippet-callflag button.left.jungle { background: transparent url(../themes/pisos/assets/images/snippets/callflag/left-jungle.png) no-repeat; } @media (max-width: 1180px) { .snippet-callflag { padding: 15px 0; } .snippet-callflag button { position: relative; } } .snippet-frontaction { padding-bottom: 20px; } .snippet-frontaction > .advs { display: flex; justify-content: center; align-items: center; } .snippet-frontaction > .advs img { max-width: 160px; margin: 15px; max-height: 60px; } .snippet-frontaction > h2 { text-align: center; font-family: "Futura", sans-serif; font-weight: 200; color: #b81e28; margin: 45px 0; margin-top: 15px; } .snippet-frontaction > h2 strong { font-weight: bold; } .snippet-videoreviews { display: flex; justify-content: space-around; margin: 45px 0; flex-wrap: wrap; } .snippet-videoreviews iframe { height: 280px; width: 45%; } @media (max-width: 859px) { .snippet-videoreviews { margin: 30px 0; } .snippet-videoreviews iframe { width: 80%; margin: 15px; } } @media (max-width: 539px) { .snippet-videoreviews { margin: 15px 0; } .snippet-videoreviews iframe { width: 100%; max-height: 100vh; } } .snippet-reviews { background: url(../themes/pisos/assets/images/snippets/reviews/bg.jpg); padding: 30px 0; } .snippet-reviews .item { display: flex; flex-direction: column; justify-content: center; align-items: center; } .snippet-reviews .image-wrap { border-radius: 50%; padding: 10px; background: white; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); width: 280px; height: 280px; } .snippet-reviews .image { border-radius: 50%; background-size: cover; width: 100%; height: 100%; background-position: center; } .snippet-reviews .name { padding: 15px 30px; color: white; background: #ff8f71; border-radius: 10px; margin-top: 15px; } .snippet-reviews .owl-item:nth-child(3n+1) .name { background-color: #9e35b1; } .snippet-reviews .owl-item:nth-child(3n+2) .name { background-color: #ff8f71; } .snippet-reviews .owl-item:nth-child(3n+3) .name { background-color: #dfb60d; } .snippet-reviews .owl-dots { margin-top: 15px; } .snippet-reviews .owl-nav { width: 100%; display: flex; justify-content: space-between; position: absolute; top: 45%; } .snippet-reviews .owl-nav span { font-size: 40px; } .snippet-employees { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; } .snippet-employees .employee { width: 255px; margin: 15px; } .snippet-employees .image { background-size: cover; border-radius: 50%; overflow: hidden; width: 250px; height: 250px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); margin-bottom: 15px; } .snippet-employees .name { font-family: "JakobC", sans-serif; font-size: 26px; } .snippet-employees .description { color: #777; } .snippet-employees .employee:nth-child(4n+1) .name { color: #9e36b3; } .snippet-employees .employee:nth-child(4n+2) .name { color: #35b3b2; } .snippet-employees .employee:nth-child(4n+3) .name { color: #b81d25; } .snippet-employees .employee:nth-child(4n+4) .name { color: #fe8f71; } .snippet-services { display: flex; justify-content: center; flex-wrap: wrap; } .snippet-services .service { width: 31%; margin: 15px; text-align: center; } @media (max-width: 860px) { .snippet-services .service { width: 45%; } } .snippet-services .service .name { margin-top: 15px; font-size: 36px; font-family: "JakobC", sans-serif; color: #ee1c23; } .snippet-service .body { display: flex; } .snippet-service .body .image { width: 33%; margin-right: 15px; } .snippet-service .body .content { flex: 1; color: #444; line-height: 1.6; font-size: 18px; } @media (max-width: 839px) { .snippet-service .body { flex-direction: column; } .snippet-service .body .image { width: 100%; text-align: center; } } .snippet-service .list-wrapper h2 { text-transform: none; text-align: center; margin: 0; } .snippet-service .list-wrapper .list { column-count: 2; font-size: 20px; } @media (max-width: 639px) { .snippet-service .list-wrapper .list { column-count: 1; } } .snippet-service .list-wrapper .list ul { margin-top: 0; } .snippet-service .list-wrapper .list .group { break-inside: avoid; margin-bottom: 40px; } .snippet-service .list-wrapper .list li { break-inside: avoid; } .snippet-achievements { width: 100%; } .snippet-achievements .item { color: #444; font-weight: bold; display: block; } .snippet-achievements .image { background: transparent center no-repeat; background-size: contain; display: flex; align-items: center; height: 320px; box-sizing: border-box; margin-bottom: 15px; } .snippet-achievements .title { padding: 0 15px; } .snippet-achievements .description { line-height: 1.5; padding: 15px; } .snippet-achievements .owl-nav { width: 100%; display: flex; justify-content: space-between; position: absolute; overflow: visible; top: 100px; } .snippet-achievements .owl-nav button { position: relative; border-radius: 10px; } .snippet-achievements .owl-nav button span { font-size: 40px; line-height: 1; padding: 0 10px; background-color: #88d700; border-radius: 10px; color: white; margin: 0; display: inline-block; box-shadow: 2px 2px 2px rgba(138, 138, 138, 0.4); opacity: 0.9; } .snippet-achievements .owl-nav button span:hover { opacity: 1; } .snippet-achievements .owl-nav button:hover { background: transparent !important; } .snippet-achievements .owl-nav .owl-prev { left: -15px; } .snippet-achievements .owl-nav .owl-next { right: -15px; } .snippet-documents .documents { display: flex; flex-wrap: wrap; } .snippet-documents .document { width: 22%; margin: 0 15px 15px 0; color: #444; text-align: center; } .snippet-documents .document:nth-child(n+5) { display: none; } .snippet-documents .image { height: 320px; margin: 15px 30px; background: no-repeat center; background-size: contain; } .snippet-documents .title { line-height: 1.5; font-size: 16px; } .snippet-documents .clearfix { flex: 1; } .snippet-documents .expand { display: block; text-align: right; cursor: pointer; font-weight: bold; color: #88d700; } .snippet-documents .expand .close { display: none; } .snippet-documents.expanded .document { display: block; } .snippet-documents.expanded .expand .close { display: inline; } .snippet-documents.expanded .expand .open { display: none; } @media (max-width: 1119px) { .snippet-documents .document { width: 45%; } } @media (max-width: 723px) { .snippet-documents .document { width: 100%; } .snippet-documents .image { height: 240px; margin: 4px; } } .snippet-news .item { display: flex; align-items: flex-start; margin: 30px 0; } .snippet-news .image { background-color: white; padding: 6px; width: 24%; display: block; margin-right: 15px; position: relative; } .snippet-news .image.nophoto { height: 160px; display: flex; align-items: center; justify-content: center; } .snippet-news .image.nophoto:before { content: 'нет фото'; color: #999; } .snippet-news .image img { width: 100%; } .snippet-news .image .date { position: absolute; bottom: 4px; background-color: white; color: #666; border-radius: 6px; left: 50%; transform: translateX(-50%); padding: 7.5px; font-size: 14px; } .snippet-news .body { flex: 1; } .snippet-news .name { color: #333; font-size: 24px; font-weight: 200; margin-bottom: 15px; display: block; } .snippet-news .dots { color: #88d700; font-weight: bold; } @media (max-width: 639px) { .snippet-news .item { flex-direction: column; align-items: center; } .snippet-news .image { width: 100%; max-width: 480px; margin: 0 0 15px 0; } } .snippet-pagination { display: flex; flex-wrap: wrap; list-style: none; padding: 0; pargin: 0; } .snippet-pagination li { margin-left: 15px; margin-bottom: 15px; padding: 7.5px; } .snippet-pagination li a { color: #444; } .snippet-pagination li.active { background-color: #88d700; color: white; } .snippet-gallery { display: flex; flex-wrap: wrap; margin: 15px 0; } .snippet-gallery a { padding: 7.5px; margin: 0 15px 15px 0; 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: 7.5px; margin-bottom: 7.5px; padding: 2px; } .snippet-gallery img { width: 100px; } } .snippet-ages_blocks .title { cursor: pointer; display: flex; align-items: center; } .snippet-ages_blocks .icon { min-width: 68px; height: 68px; margin-right: 15px; background: center no-repeat; background-size: contain; display: inline-block; } .snippet-ages_blocks .content { overflow: hidden; max-height: 3000px; transition: max-height 0.3s cubic-bezier(1, 0, 0, 1); padding-bottom: 15px; box-sizing: border-box; } .snippet-ages_blocks .content:not(.expanded) { max-height: 0; } .snippet-prices_page { display: flex; justify-content: space-between; } .snippet-prices_page .image { width: 30%; } .snippet-prices_page .body { width: 68%; flex: 1; } @media (max-width: 640px) { .snippet-prices_page { flex-direction: column; } .snippet-prices_page .image { text-align: center; } .snippet-prices_page .image, .snippet-prices_page .body { width: 100%; } } .snippet-articles .item { display: flex; align-items: flex-start; margin: 30px 0; } .snippet-articles .body { flex: 1; } .snippet-articles .name { font-size: 24px; margin-bottom: 15px; display: block; } .snippet-articles .dots { color: #88d700; } @media (max-width: 639px) { .snippet-articles .item { flex-direction: column; align-items: center; } } .snippet-oblaco { margin: 0 15px; } .snippet-oblaco .support { display: flex; font-size: 14px; align-items: center; } .snippet-oblaco .support img { align-self: center; margin-right: 15px; } .snippet-oblaco .redbox { text-align: center; background-color: #df167e; padding: 15px; position: relative; display: flex; align-items: center; justify-content: center; color: white; width: 100%; margin-bottom: 7.5px; } .snippet-oblaco .redbox * { font-size: 12px; } .snippet-oblaco .redbox .big { font-size: 13px; } .snippet-oblaco .redbox:before { width: calc(100% - 12px); left: 7.5px; height: calc(100% - 12px); top: 7.5px; border: 2px dotted white; box-sizing: border-box; content: ''; position: absolute; } .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 h2 { font-size: 20px; } .modal-backcall label { width: 100%; } .modal-backcall input[type="text"], .modal-backcall textarea { width: 100%; margin-bottom: 15px; } .modal-backcall textarea { resize: vertical; } .modal-backcall .snippet-agreement { margin-bottom: 15px; } #BackcallForm_forms_flash { display: none; } body.layout-default { overflow-x: hidden; } body.layout-default > .el-wrapper { min-height: 100vh; } body.layout-default .flash-message { top: 50%; font-size: 20px; } body.layout-default .blocker { z-index: 3; } body.page-home .zone-main { padding-bottom: 0; } body.page-home .zone-main .snippet-oblaco { display: none; margin: 0 auto; max-width: 360px; } @media (max-width: 959px) { body.page-home .zone-main .snippet-oblaco { display: block; } } body.page-home .row { display: flex; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; } body.page-home .row > * { flex: 1 1 33.3333333333%; padding: 10px; margin: auto; box-sizing: border-box; } body.page-home .row .one { background-color: #a73497; } body.page-home .row .two { background-color: #4281d4; } body.page-home .row .three { background-color: #46a068; } @media (max-width: 960px) { body.page-home .row .one, body.page-home .row .two { flex: 1 1 0%; } body.page-home .row .three { flex: 1 1 100%; } } body.page-achievements .zone-main { background: white; }