@charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }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;-webkit-transform:translateZ(0);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;-webkit-transform:translateZ(0);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:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;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{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);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;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-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:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;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:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-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;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.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{-webkit-animation:a 1s linear infinite;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}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);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;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.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-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:transparent;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)}}/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* http://www.responsivegridsystem.com/ */ /* SECTIONS ============================================================================= */ .section { clear: both; padding: 0px; margin: 0px; } /* GROUPING ============================================================================= */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } /* GRID COLUMN SETUP ==================================================================== */ .col { display: block; float:left; margin: 0; } .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */ @media only screen and (max-width: 999px) { .col { margin: 0; } } /* GRID OF TWO ============================================================================= */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 50%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 100%; } } /* GRID OF THREE ============================================================================= */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.66%; } .span_1_of_3 { width: 33.33%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_1_of_3 { width: 100%; } } /* GRID OF FOUR ============================================================================= */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 75%; } .span_2_of_4 { width: 50%; } .span_1_of_4 { width: 25%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%;} } /* GRID OF FIVE ============================================================================= */ .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 80%; } .span_3_of_5 { width: 60%; } .span_2_of_5 { width: 40%; } .span_1_of_5 { width: 20%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 100%; } .span_3_of_5 { width: 100%; } .span_2_of_5 { width: 100%; } .span_1_of_5 { width: 100%; } } /* GRID OF SIX ============================================================================= */ .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 83.33%; } .span_4_of_6 { width: 66.66%; } .span_3_of_6 { width: 50%; } .span_2_of_6 { width: 33.33%; } .span_1_of_6 { width: 16.66%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_6_of_6 { width: 100%; } .span_5_of_6 { width: 100%; } .span_4_of_6 { width: 100%; } .span_3_of_6 { width: 100%; } .span_2_of_6 { width: 100%; } .span_1_of_6 { width: 100%; } } /* GRID OF SEVEN ============================================================================= */ .span_7_of_7 { width: 100%; } .span_6_of_7 { width: 85.71%; } .span_5_of_7 { width: 71.42%; } .span_4_of_7 { width: 57.14%; } .span_3_of_7 { width: 42.85%; } .span_2_of_7 { width: 28.57%; } .span_1_of_7 { width: 14.28%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_7_of_7 { width: 100%; } .span_6_of_7 { width: 100%; } .span_5_of_7 { width: 100%; } .span_4_of_7 { width: 100%; } .span_3_of_7 { width: 100%; } .span_2_of_7 { width: 100%; } .span_1_of_7 { width: 100%; } } /* GRID OF EIGHT ============================================================================= */ .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.5%; } .span_6_of_8 { width: 75%; } .span_5_of_8 { width: 62.5%; } .span_4_of_8 { width: 50%; } .span_3_of_8 { width: 37.5%; } .span_2_of_8 { width: 25%; } .span_1_of_8 { width: 12.5%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 100%; } .span_6_of_8 { width: 100%; } .span_5_of_8 { width: 100%; } .span_4_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_1_of_8 { width: 100%; } } /* GRID OF NINE ============================================================================= */ .span_9_of_9 { width: 100%; } .span_8_of_9 { width: 88.88%; } .span_7_of_9 { width: 77.77%; } .span_6_of_9 { width: 66.66%; } .span_5_of_9 { width: 55.55%; } .span_4_of_9 { width: 44.44%; } .span_3_of_9 { width: 33.33%; } .span_2_of_9 { width: 22.22%; } .span_1_of_9 { width: 11.11%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_9_of_9 { width: 100%; } .span_8_of_9 { width: 100%; } .span_7_of_9 { width: 100%; } .span_6_of_9 { width: 100%; } .span_5_of_9 { width: 100%; } .span_4_of_9 { width: 100%; } .span_3_of_9 { width: 100%; } .span_2_of_9 { width: 100%; } .span_1_of_9 { width: 100%; } } /* GRID OF TEN ============================================================================= */ .span_10_of_10 { width: 100%; } .span_9_of_10 { width: 90%; } .span_8_of_10 { width: 80%; } .span_7_of_10 { width: 70%; } .span_6_of_10 { width: 60%; } .span_5_of_10 { width: 50%; } .span_4_of_10 { width: 40%; } .span_3_of_10 { width: 30%; } .span_2_of_10 { width: 20%; } .span_1_of_10 { width: 10%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_10_of_10 { width: 100%; } .span_9_of_10 { width: 100%; } .span_8_of_10 { width: 100%; } .span_7_of_10 { width: 100%; } .span_6_of_10 { width: 100%; } .span_5_of_10 { width: 100%; } .span_4_of_10 { width: 100%; } .span_3_of_10 { width: 100%; } .span_2_of_10 { width: 100%; } .span_1_of_10 { width: 100%; } } /* GRID OF ELEVEN ============================================================================= */ .span_11_of_11 { width: 100%; } .span_10_of_11 { width: 90.90%; } .span_9_of_11 { width: 81.81%; } .span_8_of_11 { width: 72.72%; } .span_7_of_11 { width: 63.63%; } .span_6_of_11 { width: 54.54%; } .span_5_of_11 { width: 45.45%; } .span_4_of_11 { width: 36.36%; } .span_3_of_11 { width: 27.27%; } .span_2_of_11 { width: 18.18%; } .span_1_of_11 { width: 9.090%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_11_of_11 { width: 100%; } .span_10_of_11 { width: 100%; } .span_9_of_11 { width: 100%; } .span_8_of_11 { width: 100%; } .span_7_of_11 { width: 100%; } .span_6_of_11 { width: 100%; } .span_5_of_11 { width: 100%; } .span_4_of_11 { width: 100%; } .span_3_of_11 { width: 100%; } .span_2_of_11 { width: 100%; } .span_1_of_11 { width: 100%; } } /* GRID OF TWELVE ============================================================================= */ .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 91.66%; } .span_10_of_12 { width: 83.33%; } .span_9_of_12 { width: 75%; } .span_8_of_12 { width: 66.66%; } .span_7_of_12 { width: 58.33%; } .span_6_of_12 { width: 50%; } .span_5_of_12 { width: 41.66%; } .span_4_of_12 { width: 33.33%; } .span_3_of_12 { width: 25%; } .span_2_of_12 { width: 16.66%; } .span_1_of_12 { width: 8.333%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 999px) { .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 100%; } .span_10_of_12 { width: 100%; } .span_9_of_12 { width: 100%; } .span_8_of_12 { width: 100%; } .span_7_of_12 { width: 100%; } .span_6_of_12 { width: 100%; } .span_5_of_12 { width: 100%; } .span_4_of_12 { width: 100%; } .span_3_of_12 { width: 100%; } .span_2_of_12 { width: 100%; } .span_1_of_12 { width: 100%; } } .pull-right { float: right !important; } .pull-left { float: left !important; } .hidden { display: none; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } @font-face { font-family: "Core Sans C"; src: url(/web/fonts/coresansc-45regular-webfont.woff) format("woff"), url(/web/fonts/coresansc-45regular-webfont.woff2) format("woff2"), url(/web/fonts/coresansc-45regular-webfont.eot), url(/web/fonts/coresansc-45regular-webfont.ttf) format("truetype"); font-weight: 450; font-style: normal; font-display: swap; } @font-face { font-family: "Core Sans C"; src: url(/web/fonts/coresansc-55medium-webfont.woff) format("woff"), url(/web/fonts/coresansc-55medium-webfont.woff2) format("woff2"), url(/web/fonts/coresansc-55medium-webfont.eot), url(/web/fonts/coresansc-55medium-webfont.ttf) format("truetype"); font-weight: 550; font-style: normal; font-display: swap; } @font-face { font-family: "Core Sans C"; src: url(/web/fonts/coresansc-65bold-webfont.woff) format("woff"), url(/web/fonts/coresansc-65bold-webfont.woff2) format("woff2"), url(/web/fonts/coresansc-65bold-webfont.eot), url(/web/fonts/coresansc-65bold-webfont.ttf) format("truetype"); font-weight: 650; font-style: normal; font-display: swap; } @font-face { font-family: "Core Sans C"; src: url(/web/fonts/coresansc-75extrabold-webfont.woff) format("woff"), url(/web/fonts/coresansc-75extrabold-webfont.woff2) format("woff2"), url(/web/fonts/coresansc-75extrabold-webfont.eot), url(/web/fonts/coresansc-75extrabold-webfont.ttf) format("truetype"); font-weight: 750; font-style: normal; font-display: swap; } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } audio, iframe, img, svg, video { max-width: 100%; border: 0; } body, html { margin: 0; min-height: 100%; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 0; } :root { --fs-2xs: 12px; --fs-xs: 13px; --fs-sm: 14px; --fs-md: 15px; --fs-lg: 17px; --fs-xl: 18px; --fs-2xl: 20px; --fs-3xl: 23px; --fs-4xl: 24px; --fs-5xl: 27px; --lh-h1: 1.33; } @media (min-width: 700px) { :root { --fs-2xs: 12px; --fs-xs: 13px; --fs-sm: 14px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 20px; --fs-2xl: 23px; --fs-3xl: 25px; --fs-4xl: 32px; --fs-5xl: 40px; --lh-h1: 0.9; } } body { font-family: "Core Sans C", sans-serif; color: #666; line-height: 1.33; font-weight: 550; font-size: var(--fs-md); } p { margin-bottom: 1em; } a { color: #0078ff; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } a:hover { color: #0060cc; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: inherit; color: #333; font-weight: 750; } .h1, h1 { font-size: var(--fs-5xl); line-height: var(--lh-h1); } .h2, h2 { font-size: var(--fs-4xl); } .h3, h3 { font-size: var(--fs-3xl); } .h4, h4 { font-size: var(--fs-xl); } .h5, h5 { font-size: var(--fs-lg); } .h6, h6 { font-size: var(--fs-md); } label { display: block; max-width: 100%; line-height: 1.5em; margin-bottom: 0.5em; } label.required::after { content: "*"; margin-left: 0.25em; } .info-field { width: 100%; display: block; font-size: var(--fs-xs); margin-bottom: 0.5em; color: #999; position: absolute; } .wrapper { display: flex; flex-direction: column; background-color: #fff; color: #666; overflow-x: hidden; } .container { width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .content { flex-grow: 1; } .nav-mobile { overflow: auto; -webkit-box-shadow: inset 3px 3px 6px 0 rgba(51, 51, 51, 0.15); box-shadow: inset 3px 3px 6px 0 rgba(51, 51, 51, 0.15); } @media (min-width: 1000px) { .nav-mobile { display: none; } } .nav-mobile__main-nav { padding: 0 30px; } .nav-mobile__main-nav ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0; } .nav-mobile__main-nav li:not(:last-child) { border-bottom: 1px solid #d7d7d7; } .nav-mobile__main-nav a { display: block; color: inherit; padding: 0.6rem 0; } .nav-mobile__main-nav [data-bs-toggle]::after { content: ""; background-image: url(/web/images/icons/caret-down-gray.svg); background-size: contain; background-repeat: no-repeat; margin-left: 0.5rem; display: inline-block; width: 10px; height: 10px; vertical-align: -0.1em; } .nav-mobile__subnav { margin: 0 20px; font-weight: 450; } .nav-mobile__subnav li { border-bottom: 0 !important; } .nav-mobile__subnav a { padding: 0.3rem 0; } .footer__nav { background-color: #666; color: #fff; padding-top: 45px; padding-bottom: 45px; content-visibility: auto; } .footer__nav .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer__nav a { color: inherit; } .footer__nav ul { list-style: none; padding: 0; } .footer__nav li { margin-bottom: 0.5rem; } .footer__nav-section { width: 100%; } @media (min-width: 500px) { .footer__nav-section { margin-right: 30px; margin-bottom: 30px; width: calc(100% / 2 - 15px); } .footer__nav-section:nth-child(even) { margin-right: 0; } } @media (min-width: 850px) { .footer__nav-section { margin-bottom: 0; width: calc(100% / 4 - 22.5px); } .footer__nav-section:nth-child(even) { margin-right: 30px; } .footer__nav-section:last-child { margin-right: 0; } } .footer__nav-title { margin-bottom: 1rem; color: inherit; } @media (max-width: 999px) { .footer__nav-title { font-size: var(--fs-2xl); } } .footer__reviews { display: none; align-items: center; padding-top: 30px; padding-bottom: 30px; } @media (min-width: 700px) { .footer__reviews { display: flex; } } .footer__reviews-item { display: flex; margin-right: 95px; } .footer__reviews-item:last-child { margin-right: 0; } .footer__reviews-icon { flex-shrink: 0; width: 40px; height: 40px; margin-right: 15px; } .footer__reviews-content { flex-grow: 1; font-size: var(--fs-sm); } .footer__reviews-stars { display: flex; margin-bottom: 0.25rem; } .footer__reviews-stars > img { width: 13px; margin-right: 3px; } .footer__bottom { color: #999; padding-top: 20px; padding-bottom: 20px; align-items: center; } @media (min-width: 850px) { .footer__bottom { display: flex; padding-top: 0; } } .footer__bottom a { color: inherit; } .footer__legal { align-items: center; margin-bottom: 30px; } @media (min-width: 700px) { .footer__legal { display: flex; } } @media (min-width: 850px) { .footer__legal { margin-right: 30px; margin-bottom: 0; } } .footer__legal small { font-size: inherit; } .footer__legal-nav { margin-top: 15px; } @media (min-width: 700px) { .footer__legal-nav { margin-left: 15px; margin-top: 0; } } .footer__legal-nav > a { padding-left: 15px; padding-right: 15px; border-left: 1px solid; } @media (max-width: 999px) { .footer__legal-nav > a:first-child { padding-left: 0; border-left: 0; } } .footer__legal-nav > a:last-child { padding-right: 0; } .footer__bottom-extra { margin-left: auto; display: flex; align-items: center; } .footer__lang { padding-right: 15px; } .footer__social { display: flex; align-items: center; } .footer__social > * { margin-left: 20px; } .footer__social a:hover { opacity: 0.8; } .footer__social img[alt^=Facebook]{ width:11px; height:20px; } .footer__social img[alt^=Instagram]{ width:20px; height:20px; } .footer__social img[alt^=Twitter]{ width:21px; height:17px; } .footer__social img[alt^=LinkedIn]{ width:20px; height:20px; } .footer__social picture img{ width:20px; height:20px; } .app-layout { background-color: #fafafa; padding-top: 30px; padding-bottom: 60px; } .app-layout__container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 30px auto 30px auto; grid-template-areas: "steps" "main" "sidebar"; grid-gap: 30px; } @media (min-width: 1000px) { .app-layout__container { -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: auto 30px auto; grid-template-areas: "steps steps steps" "main main sidebar"; grid-gap: 30px; } } .app-layout__steps { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: steps; } .app-layout__main { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: main; } @media (max-width: 999px) { .app-layout__sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 13; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.3s; transition: 0.3s; pointer-events: all; overflow: auto; } .is-sidebar-visible .app-layout__sidebar { -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1000px) { .app-layout__sidebar { -ms-grid-row: 5; -ms-grid-column: 1; grid-area: sidebar; } @media (min-width: 1000px) { .app-layout__steps { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 5; } .app-layout__main { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; } .app-layout__sidebar { -ms-grid-row: 3; -ms-grid-column: 5; } } } @media (max-width: 999px) { body.is-sidebar-visible { max-height: 100vh; overflow: hidden; } } .login-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 80vw; max-width: 25rem; background-color: #fff; z-index: 13; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.3s; transition: 0.3s; pointer-events: all; } .login-drawer-bg { background-color: rgba(0, 0, 0, 0.6); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 12; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } @media (min-width: 1000px) { .login-drawer-bg { display: none; } } @media (min-width: 1000px) { .login-drawer { display: none; } } .is-login-drawer-visible .login-drawer { -webkit-transform: translateX(0); transform: translateX(0); } .is-login-drawer-visible .login-drawer-bg { opacity: 1; } .login-drawer__content { padding: 30px; overflow: auto; max-height: 100vh; text-align: center; } @media (max-width: 499px) { .login-drawer__content .login__external { gap: 10px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center top; transform-origin: center top; margin-top: 15px; } } .login-drawer__content .form-group { margin-bottom: 20px; } .login-drawer__content .login__forgot-pw { text-align: center; } .login-drawer__content .login__forgot-pw a { color: inherit; } .login-drawer__header { display: flex; flex-direction: column; align-items: center; } .login-drawer__header p { margin-top: 15px; } .login-drawer__close { margin-left: auto; } .login-drawer__close img { width: 20px; } @media (max-width: 999px) { body.is-login-drawer-visible { max-height: 100vh; overflow: hidden; } } .separator { margin-top: 30px; margin-bottom: 30px; color: #999; text-align: center; display: flex; align-items: center; } .separator::after, .separator::before { content: ""; display: block; height: 1px; background-color: #999; flex-grow: 1; } .separator span { padding: 0 0.6rem; background-color: #fff; line-height: 1; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }@font-face { font-family: 'agoicons'; src: url('/web/fonts//agoicons.eot?6ssxfp'); src: url('/web/fonts//agoicons.eot?6ssxfp#iefix') format('embedded-opentype'), url('/web/fonts//agoicons.ttf?6ssxfp') format('truetype'), url('/web/fonts//agoicons.woff?6ssxfp') format('woff'), url('/web/fonts//agoicons.svg?6ssxfp#agoicons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="agoicon-"], [class*=" agoicon-"] { font-family: 'agoicons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .agoicon-basic-crucero:before { content: "\e9c2"; color: #d2d2d2; } .agoicon-aparca-go-logo:before { content: "\e900"; color: #0078ff; } .agoicon-a-go-smile:before { content: "\e901"; color: #fff; } .agoicon-user:before { content: "\e902"; color: #0078ff; } .agoicon-logo-carservice:before { content: "\e905"; color: #0074ff; } .agoicon-info .path1:before { content: "\e903"; color: #0078ff; } .agoicon-info .path2:before { content: "\e904"; margin-left: -1em; color: #ffffff; } .agoicon-logo-itv:before { content: "\e906"; color: #0074ff; } .agoicon-logo-lavados:before { content: "\e907"; color: #0074ff; } .agoicon-wash .path1:before { content: "\e908"; color: #cccccc; } .agoicon-wash .path2:before { content: "\e909"; margin-left: -1em; color: #ffffff; } .agoicon-service:before { content: "\e90a"; color: #ccc; } .agoicon-ico-parking:before { content: "\e90b"; color: #0078fb; } .agoicon-train:before { content: "\e90c"; color: #ccc; } .agoicon-airplane:before { content: "\e90d"; color: #ccc; } .agoicon-parking-external:before { content: "\e90e"; color: #0078ff; } .agoicon-basic-lavados:before { content: "\e90f"; color: #0078ff; } .agoicon-basic-plazacubierta:before { content: "\e910"; color: #0078fb; } .agoicon-basic_lavadocompleto:before { content: "\e911"; color: #0078ff; } .agoicon-basic-lavadoexterior:before { content: "\e912"; color: #0078ff; } .agoicon-basic-lavadointerior:before { content: "\e913"; color: #0078ff; } .agoicon-solido-bus:before { content: "\e914"; color: #0078ff; } .agoicon-passengers-in:before { content: "\e915"; color: #0078fb; } .agoicon-passengers-out:before { content: "\e916"; color: #0078fb; } .agoicon-solido-premiumtorre:before { content: "\e917"; color: #0078ff; } .agoicon-solido-aceite:before { content: "\e918"; color: #0078ff; } .agoicon-basic-aceite:before { content: "\e919"; color: #0078ff; } .agoicon-solido-filtros:before { content: "\e91a"; color: #0078ff; } .agoicon-basic-filtros:before { content: "\e91b"; color: #0078ff; } .agoicon-solido-reparaciones:before { content: "\e91c"; color: #0078ff; } .agoicon-basic-reparaciones:before { content: "\e91d"; color: #0078ff; } .agoicon-solido-rueda:before { content: "\e91e"; color: #0078ff; } .agoicon-basic-rueda:before { content: "\e91f"; color: #0078ff; } .agoicon-basic-pulgar:before { content: "\e99f"; color: #0078ff; } .agoicon-basic-mascarillacovid:before { content: "\e9a0"; color: #0078ff; } .agoicon-basic-hucha:before { content: "\e9a1"; color: #0078ff; } .agoicon-basic-fundascovid:before { content: "\e9a2"; color: #0078ff; } .agoicon-basic-gelcovid:before { content: "\e9a3"; color: #0078ff; } .agoicon-basic-calendario:before { content: "\e9a4"; color: #0078ff; } .agoicon-basic-ordenador:before { content: "\e9a5"; color: #0078ff; } .agoicon-basic-desinfeccioncovid:before { content: "\e9a6"; color: #0078ff; } .agoicon-basic-rayo:before { content: "\e9a7"; color: #0078ff; } .agoicon-cancel:before { content: "\e9a8"; } .agoicon-close:before { content: "\e9a9"; color: #999; } .agoicon-caret-left:before { content: "\e9aa"; color: #0078ff; } .agoicon-caret-right:before { content: "\e9ab"; color: #fff; } .agoicon-caret-down:before { content: "\e9ac"; color: #999; } .agoicon-arrow-next .path1:before { content: "\e9ae"; color: #fafafa; opacity: 0.9; } .agoicon-arrow-next .path2:before { content: "\e9af"; margin-left: -1em; color: #999999; } .agoicon-arrow-back .path1:before { content: "\e9b0"; color: #fafafa; opacity: 0.9; } .agoicon-arrow-back .path2:before { content: "\e9b1"; margin-left: -1em; color: #999999; } .agoicon-download:before { content: "\e9b2"; } .agoicon-calendar:before { content: "\e9b3"; } .agoicon-document:before { content: "\e9b4"; } .agoicon-edit:before { content: "\e9b5"; } .agoicon-time:before { content: "\e9b6"; } .agoicon-check:before { content: "\e9bc"; color: #fff; } .agoicon-star-yellow:before { content: "\e9bd"; color: #ffc700; } .agoicon-instagram:before { content: "\e9be"; color: #999; } .agoicon-linkedin:before { content: "\e9bf"; color: #999; } .agoicon-facebook:before { content: "\e9c0"; color: #999; } .agoicon-twitter:before { content: "\e9c1"; color: #999; } .app { background-color: #fafafa; background-image: -webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#d6d5d5)); background-image: linear-gradient(to bottom,#f1f1f1,#d6d5d5); font-size: var(--fs-md); } @media (min-width: 850px) { .app { font-size: var(--fs-lg); } } .app__container { padding: 45px 15px; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 700px) { .app__container { padding-left: 30px; padding-right: 30px; flex-direction: row; } } .app__img { flex-shrink: 0; max-width: 210px; margin: 0 auto 15px; } .app__img img { width: 210px; height: auto; } @media (min-width: 700px) { .app__img { max-width: 254px; margin: 0 15px 0 0; } } @media (min-width: 850px) { .app__img { margin-right: 95px; } } .app__content { flex-grow: 1; } .app__title { margin-bottom: 1.5rem; } .app__list { padding: 0; list-style: none; margin-top: 30px; margin-bottom: 30px; } .app__list li { margin-bottom: 20px; display: flex; } .app__list li::before { content: url(/web/images/icons/check-gray.svg); margin-right: 15px; flex-shrink: 0; } .app__download { display: flex; margin-bottom: 30px; } .app__download-btn { display: block; margin-right: 30px; -webkit-transition: 0.3s; transition: 0.3s; } .app__download-btn:last-child { margin-right: 0; } .app__download-btn:hover { opacity: 0.8; } .articles { padding-top: 37.5px; padding-bottom: 75px; text-align: center; } .articles__title { margin-bottom: 0.5rem; } .articles__subtitle { color: #333; font-size: var(--fs-lg); } .articles__list { margin-top: 75px; margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: space-between; } .articles__item { color: inherit; width: 100%; max-width: 32rem; display: flex; text-align: left; margin: 0 auto 30px; } @media (min-width: 850px) { .articles__item { width: 45%; margin: 0 0 30px; } } .articles__item p { margin-bottom: 0.5rem; } .articles__item:hover { color: inherit; } .articles__item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .articles__item:hover .articles__item-read-more { color: #0078ff; } .articles__item-thumb { margin-right: 20px; flex-shrink: 0; overflow: hidden; border-radius: 5px; } .articles__item-thumb img { display: block; border-radius: 5px; -webkit-transition: 0.3s; transition: 0.3s; width: 120px; } .articles__item-content { margin-top: -0.25rem; } .articles__item-title { margin-bottom: 0.25rem; } .articles__item-read-more { color: #333; -webkit-transition: 0.3s; transition: 0.3s; } .articles__more { font-size: var(--fs-lg); } .paginador a { margin: 0 8px; background-color: rgba(0,154,254,0.1); color: #009AFE; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 4px 6px; font-weight: 100; } .paginador a:hover, .paginador .pagecurrent { background-color: #009AFE; color: #fff; } .banner { background-color: #0078ff; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: var(--fs-sm); } .banner--error { background-color: #e56668; } @media (min-width: 700px) { .banner { font-size: var(--fs-lg); font-weight: 650; } } .banner.is-hidden { display: none; } .banner .container { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 700px) { .banner .container { justify-content: center; } } .banner__content { flex-grow: 1; max-width: 80%; } @media (min-width: 700px) { .banner__content { text-align: center; max-width: 100%; } } .banner__content a { font-size: var(--fs-md); color: inherit; text-decoration: underline; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; max-width: 100%; } .banner__close { flex-shrink: 0; background-color: transparent; border: 0; padding: 0; width: 20px; height: 20px; cursor: pointer; margin-left: 15px; } .banner__close img { width: 20px; } @media (min-width: 700px) { .banner__close { margin-right: 15px; } } .flatpickr-calendar { overflow: hidden; } .flatpickr-day.selected { background-color: #0078ff !important; } .flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper { width: 30%; } .flatpickr-months .flatpickr-month .arrowUp, .flatpickr-months .flatpickr-month .arrowDown { display: none; } #entryHourContainer, #entryHourContainerScroll, #exitHourContainer, #exitHourContainerScroll { position: absolute; top: 10px; line-height: 1em; font-size: 1.2em; text-align: left; height: 90%; width: 90%; } #entryHourContainer .head, #entryHourContainerScroll .head, #exitHourContainer .head, #exitHourContainerScroll .head { padding-bottom: 20px; padding-top: 20px; display: flex; } #entryHourContainer .head .dropdown, #entryHourContainerScroll .head .dropdown, #exitHourContainer .head .dropdown, #exitHourContainerScroll .head .dropdown { background-image: url("https://www.aparcandgo.com/web/images/icons/caret-down-gray.svg"); background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; white-space: nowrap; cursor: pointer; transform: rotate(90deg); display: inline-block; border: solid 1px #9F9F9F; border-radius: 16px; width: 24px; height: 24px; margin-right: 10px; } #entryHourContainer .head .dropdown:hover, #entryHourContainerScroll .head .dropdown:hover, #exitHourContainer .head .dropdown:hover, #exitHourContainerScroll .head .dropdown:hover { background-color: #e1e1e1; } #entryHourContainer .head img, #entryHourContainerScroll .head img, #exitHourContainer .head img, #exitHourContainerScroll .head img { position: absolute; right: 0; cursor: pointer; } #entryHourContainer .head b.info, #entryHourContainerScroll .head b.info, #exitHourContainer .head b.info, #exitHourContainerScroll .head b.info { right: 0; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; color: #fff; background-color: #0078ff; width: 22px; height: 22px; text-align: center; line-height: 22px; font-weight: 100; margin-left: 10px; } #entryHourContainer .head span, #entryHourContainerScroll .head span, #exitHourContainer .head span, #exitHourContainerScroll .head span { display: inline-block; height: 24px; line-height: 24px; font-weight: bold; font-size: var(--fs-md); } #entryHourContainer .hourList, #entryHourContainerScroll .hourList, #exitHourContainer .hourList, #exitHourContainerScroll .hourList { list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; height: 87%; overflow-y: scroll; align-content: flex-start; } #entryHourContainer .hourList li, #entryHourContainerScroll .hourList li, #exitHourContainer .hourList li, #exitHourContainerScroll .hourList li { width: 25%; text-align: center; padding: 6px 0; } #entryHourContainer .hourList li:hover, #entryHourContainerScroll .hourList li:hover, #exitHourContainer .hourList li:hover, #exitHourContainerScroll .hourList li:hover { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #entryHourContainer #hourTooltip, #entryHourContainer #hourPassTooltip, #entryHourContainer #infoentryHourContainer, #entryHourContainer #infoentryHourContainerScroll, #entryHourContainer #infoexitHourContainer, #entryHourContainer #infoexitHourContainerScroll, #entryHourContainerScroll #hourTooltip, #entryHourContainerScroll #hourPassTooltip, #entryHourContainerScroll #infoentryHourContainer, #entryHourContainerScroll #infoentryHourContainerScroll, #entryHourContainerScroll #infoexitHourContainer, #entryHourContainerScroll #infoexitHourContainerScroll, #exitHourContainer #hourTooltip, #exitHourContainer #hourPassTooltip, #exitHourContainer #infoentryHourContainer, #exitHourContainer #infoentryHourContainerScroll, #exitHourContainer #infoexitHourContainer, #exitHourContainer #infoexitHourContainerScroll, #exitHourContainerScroll #hourTooltip, #exitHourContainerScroll #hourPassTooltip, #exitHourContainerScroll #infoentryHourContainer, #exitHourContainerScroll #infoentryHourContainerScroll, #exitHourContainerScroll #infoexitHourContainer, #exitHourContainerScroll #infoexitHourContainerScroll { display: none; position: absolute; background-color: #fff; top: 0; line-height: 1.2em; font-size: 1.0em; text-align: left; height: 106%; width: 100%; } #entryHourContainer #hourTooltip div.head, #entryHourContainer #hourPassTooltip div.head, #entryHourContainer #infoentryHourContainer div.head, #entryHourContainer #infoentryHourContainerScroll div.head, #entryHourContainer #infoexitHourContainer div.head, #entryHourContainer #infoexitHourContainerScroll div.head, #entryHourContainerScroll #hourTooltip div.head, #entryHourContainerScroll #hourPassTooltip div.head, #entryHourContainerScroll #infoentryHourContainer div.head, #entryHourContainerScroll #infoentryHourContainerScroll div.head, #entryHourContainerScroll #infoexitHourContainer div.head, #entryHourContainerScroll #infoexitHourContainerScroll div.head, #exitHourContainer #hourTooltip div.head, #exitHourContainer #hourPassTooltip div.head, #exitHourContainer #infoentryHourContainer div.head, #exitHourContainer #infoentryHourContainerScroll div.head, #exitHourContainer #infoexitHourContainer div.head, #exitHourContainer #infoexitHourContainerScroll div.head, #exitHourContainerScroll #hourTooltip div.head, #exitHourContainerScroll #hourPassTooltip div.head, #exitHourContainerScroll #infoentryHourContainer div.head, #exitHourContainerScroll #infoentryHourContainerScroll div.head, #exitHourContainerScroll #infoexitHourContainer div.head, #exitHourContainerScroll #infoexitHourContainerScroll div.head { font-weight: 750; } #entryHourContainer #hourTooltip div:last-child, #entryHourContainer #hourPassTooltip div:last-child, #entryHourContainer #infoentryHourContainer div:last-child, #entryHourContainer #infoentryHourContainerScroll div:last-child, #entryHourContainer #infoexitHourContainer div:last-child, #entryHourContainer #infoexitHourContainerScroll div:last-child, #entryHourContainerScroll #hourTooltip div:last-child, #entryHourContainerScroll #hourPassTooltip div:last-child, #entryHourContainerScroll #infoentryHourContainer div:last-child, #entryHourContainerScroll #infoentryHourContainerScroll div:last-child, #entryHourContainerScroll #infoexitHourContainer div:last-child, #entryHourContainerScroll #infoexitHourContainerScroll div:last-child, #exitHourContainer #hourTooltip div:last-child, #exitHourContainer #hourPassTooltip div:last-child, #exitHourContainer #infoentryHourContainer div:last-child, #exitHourContainer #infoentryHourContainerScroll div:last-child, #exitHourContainer #infoexitHourContainer div:last-child, #exitHourContainer #infoexitHourContainerScroll div:last-child, #exitHourContainerScroll #hourTooltip div:last-child, #exitHourContainerScroll #hourPassTooltip div:last-child, #exitHourContainerScroll #infoentryHourContainer div:last-child, #exitHourContainerScroll #infoentryHourContainerScroll div:last-child, #exitHourContainerScroll #infoexitHourContainer div:last-child, #exitHourContainerScroll #infoexitHourContainerScroll div:last-child { font-weight: 100; } #breadcrumbs { position: relative; padding: 32px 0; } #breadcrumbs li, #breadcrumbs .separator { display: inline-block; } #breadcrumbs .divisor { display: inline-block; margin: 0 10px; padding: 0 2px; height: 8px; line-height: 6px; font-size: 12px; color: #999999; } #breadcrumbs a { color: #999999; } #breadcrumbs a:hover { color: #999999; } .btn, .btn-facebook, .btn-ghost, .btn-ghost-primary, .btn-google, .btn-inverse, .btn-primary { display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: 400; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .is-block.btn, .is-block.btn-facebook, .is-block.btn-ghost, .is-block.btn-ghost-primary, .is-block.btn-google, .is-block.btn-inverse, .is-block.btn-primary { width: 100%; min-width: auto; } button { color: inherit; border: 0; background-color: transparent; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; } button:active, button:focus, button:hover { text-decoration: none; } .btn.active, .btn:focus, .btn:hover { text-decoration: none; } .btn-primary { color: #fff; background-color: #0078ff; border-color: transparent; padding: 0.5rem 1.5rem; font-size: var(--fs-lg); line-height: 1; border-radius: 5px; } .btn-primary:hover { color: #fff; background-color: #0054b3; border-color: transparent; outline: 0; text-decoration: none; } .btn-primary:focus { text-decoration: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-primary.disabled, .btn-primary[disabled] { background-color: #ccc; opacity: 1; } .btn-inverse { color: #0078ff; background-color: #fff; border-color: transparent; padding: 0.5rem 1.5rem; font-size: var(--fs-lg); line-height: 1; border-radius: 5px; } .btn-inverse:hover { color: #0078ff; background-color: #d9d9d9; border-color: transparent; outline: 0; text-decoration: none; } .btn-inverse:focus { text-decoration: none; } .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-ghost { color: #fff; background-color: transparent; border-color: #fff; padding: 0.5rem 1.5rem; font-size: var(--fs-md); line-height: 1; border-radius: 3px; } .btn-ghost:hover { color: #fff; background-color: rgba(0,0,0,0); border-color: #fff; outline: 0; text-decoration: none; } .btn-ghost:focus { text-decoration: none; } .btn-ghost.disabled, .btn-ghost[disabled], fieldset[disabled] .btn-ghost { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-ghost-primary { color: #0078ff; background-color: transparent; border-color: #0078ff; padding: 0.5rem 1.5rem; font-size: var(--fs-md); line-height: 1; border-radius: 3px; } .btn-ghost-primary:hover { color: #0078ff; background-color: rgba(0,0,0,0); border-color: #0078ff; outline: 0; text-decoration: none; } .btn-ghost-primary:focus { text-decoration: none; } .btn-ghost-primary.disabled, .btn-ghost-primary[disabled], fieldset[disabled] .btn-ghost-primary { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-facebook { color: #335ca5; background-color: transparent; border-color: #335ca5; padding: 0.75rem 0.75rem; font-size: var(--fs-md); line-height: 1; border-radius: 5px; display: flex; align-items: center; } .btn-facebook:hover { color: #335ca5; background-color: rgba(0,0,0,0); border-color: #335ca5; outline: 0; text-decoration: none; } .btn-facebook:focus { text-decoration: none; } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-facebook::before { content: ""; width: 25px; height: 25px; background-image: url(/web/images/facebook-login.png); background-size: contain; margin-right: 15px; background-repeat: no-repeat; } .btn-google { color: #c32f10; background-color: transparent; border-color: #c32f10; padding: 0.75rem 0.75rem; font-size: var(--fs-md); line-height: 1; border-radius: 5px; display: flex; align-items: center; } .btn-google:hover { color: #c32f10; background-color: rgba(0,0,0,0); border-color: #c32f10; outline: 0; text-decoration: none; } .btn-google:focus { text-decoration: none; } .btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-google::before { content: ""; width: 25px; height: 25px; background-image: url(/web/images/google-login.png); background-size: contain; margin-right: 15px; background-repeat: no-repeat; } .btn-large { padding: 0.75rem 2.5rem; font-size: var(--fs-lg); line-height: 1; border-radius: 5px; } .btn-small { padding: 0.35rem 0.75rem; font-size: var(--fs-sm); line-height: 1; border-radius: 5px; } .btn-link { color: #0078ff; background-color: transparent; border-color: transparent; padding: 0; font-size: var(--fs-md); line-height: 1; border-radius: 0; } .btn-link:hover { color: #0078ff; background-color: rgba(0,0,0,0); border-color: transparent; outline: 0; text-decoration: none; } .btn-link:focus { text-decoration: none; } .btn-link.disabled, .btn-link[disabled], fieldset[disabled] .btn-link { cursor: not-allowed; pointer-events: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .btn-link:hover { opacity: 0.8; } .centers { padding-top: 37.5px; padding-bottom: 75px; text-align: center; content-visibility: auto; } .centers__title { max-width: 700px; margin: auto; margin-bottom: 0.5rem; } .centers__subtitle { max-width: 700px; margin: auto; font-size: var(--fs-lg); color: #333; } .centers__list { display: flex; justify-content: space-between; margin-top: 35px; } .centers__list .swiper-wrapper { padding-bottom: 8px; } .centers__list .swiper-slide { height: auto; opacity: 0.5; } .centers__list .swiper-slide.swiper-slide-active { opacity: 1; } @media (min-width: 800px) { .centers__list .swiper-slide { opacity: 1; } } .centers__item { display: flex !important; flex-direction: column; align-items: center; height: 100%; margin: 0 auto; border-radius: 5px; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .centers__item:hover { -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); } .centers__item:hover .centers__item-picture-content { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .centers__item-picture { position: relative; width: 100%; text-align: left; cursor: pointer; -webkit-perspective: 800px; perspective: 800px; } .centers__item-picture-content { position: relative; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .centers__item-img { position: relative; z-index: 1; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .centers__item-img picture > img { display: block; width: 100%; margin-right: auto; margin-left: auto; border-radius: 8px; } .centers__item-img picture > span { position: absolute; right: 0; bottom: 10px; left: 0; font-weight: 650; color: #fff; text-align: center; } .centers__item-map { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #333; border-radius: 8px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .centers__item-map > img { display: block; width: 100%; margin-right: auto; margin-left: auto; border-radius: 8px; opacity: 0.7; } .centers__item-map-open { position: absolute; right: 15px; bottom: 10px; padding: 0; cursor: pointer; background-color: transparent; border: 0; -webkit-transition: 0.3s; transition: 0.3s; } .centers__item-map-open a img { width: 17px; } .centers__item-map-open:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .centers__item-content { display: flex; flex-direction: column; flex-grow: 1; width: 100%; height: 100%; padding: 15px; color: inherit; text-align: left; } .centers__item-content:hover { color: inherit; } .centers__item-title { margin-bottom: 0.5rem; } .centers__item-title a { color: inherit; -webkit-transition: 0.3s; transition: 0.3s; } .centers__item-title a:hover { color: #0078ff; } .centers__item-extra { margin-top: auto; } .centers__item-services { display: flex; margin-top: 15px; margin-bottom: 15px; } .centers__item-services > img { width: 32px; height: auto; margin-right: 5px; } .centers__item-services > i { font-size: 32px; height: auto; margin-right: 5px; } .centers__item-reviews { margin-bottom: 15px; } .centers__item-reviews-title { font-size: var(--fs-2xs); font-weight: 450; } .centers__item-reviews-score { display: flex; align-items: center; color: #e76e04; } .centers__item-reviews-stars { display: flex; margin-left: 5px; } .centers__item-reviews-stars > img { width: 11px; margin-right: 3px; } .centers__item-link { font-weight: 650; color: #0078ff; } .confirmation { background-color: #fff; border-radius: 5px; margin-bottom: 20px; padding: 30px; } .confirmation__header { text-align: center; padding-bottom: 30px; } .confirmation__title { margin-bottom: 20px; } .confirmation__email { color: #333; } .confirmation__block { padding-top: 35px; padding-bottom: 35px; border-top: 1px solid #999; } .confirmation__block-title { margin-bottom: 1rem; } .confirmation__info { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 30px; } @media (min-width: 700px) { .confirmation__info { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; } } .confirmation__points { background-color: #0078ff; color: #fff; padding: 20px; border-radius: 8px; } .confirmation__points a { color: inherit; text-decoration: underline; } .confirmation__points :last-child { margin-bottom: 0; } .confirmation__points-title { color: inherit; margin-bottom: 0.5rem; } .confirmation__payment { -ms-grid-column: 1; grid-column-start: 1; } .confirmation__payment-title { margin-bottom: 0.5rem; } .confirmation__manage { background-color: #ececec; border-radius: 8px; padding: 20px; } @media (min-width: 700px) { .confirmation__manage { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; } } .confirmation__manage-list { padding: 0; margin: 0; margin-top: 1rem; list-style: none; } .confirmation__manage-item { margin-bottom: 0.5rem; } .confirmation__manage-item:last-child { margin-bottom: 0; } .confirmation__manage-item a { display: flex; align-items: center; color: #333; font-weight: 450; } .confirmation__manage-item a:hover { color: #0078ff; } .confirmation__manage-icon { width: 16px; margin-right: 0.6rem; flex-shrink: 0; } .confirmation__extra-info { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 30px; margin-bottom: 30px; } @media (min-width: 700px) { .confirmation__extra-info { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .confirmation__extra-info-item strong { margin-bottom: 0.5rem; } .confirmation__extra-info-item p { margin-bottom: 0; } .confirmation__fast-lane { border-radius: 8px; background-color: rgba(0,120,255,0.09); padding: 30px; display: flex; flex-direction: column; align-items: center; } @media (min-width: 700px) { .confirmation__fast-lane { flex-direction: row; } } .confirmation__fast-lane-icon { flex-shrink: 0; } .confirmation__fast-lane-content { flex-grow: 1; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 700px) { .confirmation__fast-lane-content { padding-right: 35px; padding-left: 35px; } } .confirmation__fast-lane-title { margin-bottom: 0.5rem; color: inherit; } .confirmation__barcode { flex-grow: 1; max-width: 270px; } .confirmation__services { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 45px; margin-bottom: 30px; } .confirmation__services-item { display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 0 30px 30px; } .confirmation__services-icon { width: 60px; margin: 0 auto 0.3rem; } .confirmation__services-action { text-align: center; } .confirmation__extra { background-color: #ececec; border-radius: 8px; padding: 30px; } .confirmation__extra-title { margin-bottom: 0.5rem; } .dropdown, .dropend, .dropstart, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 0.25rem; } .dropdown-menu[style] { right: auto !important; } .dropdown-menu-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0078ff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0078ff; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .dropdown [data-bs-toggle] { background-image: url(/web/images/icons/caret-down-gray.svg); background-repeat: no-repeat; background-position: right 0.4em; padding-right: 1rem; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; text-align: left; white-space: nowrap; cursor: pointer; } .dropdown [data-bs-toggle]:hover { opacity: 0.8; } .dropdown-menu { -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); margin-top: 20px !important; border: 0; padding: 0; border-radius: 5px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .dropdown-menu:not(.show) { display: none; } .dropdown-menu :first-child .dropdown-item { border-radius: 5px 5px 0 0; } .dropdown-menu :last-child .dropdown-item { border-bottom: 0; border-radius: 0 0 5px 5px; } .dropdown-menu li { padding: 0; } .dropdown-item { font-size: var(--fs-md); color: #666 !important; padding: 15px 20px; border-bottom: 1px solid #ececec; display: flex; align-items: center; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .dropdown-item:hover { background-color: #ececec; } .dropdown-item img, .dropdown-item i { margin-right: 15px; } .modalAjax .fancybox-content { width: 50%; } .modalAjax .fancybox-content p { margin: 20px 0; line-height: 24px; } .modalAjax .fancybox-content ul { margin: 20px 0 20px 40px; line-height: 24px; } .modalAjax .fancybox-content .inner { width: 100%; } @media (max-width: 999px) { .modalAjax .fancybox-content { width: 90%; } } .features { padding-top: 50px; padding-bottom: 37.5px; text-align: center; content-visibility: auto; } .features__title { margin: auto; margin-bottom: 0.5rem; max-width: 700px; } .features__subtitle { margin: auto; max-width: 700px; color: #333; font-size: var(--fs-lg); } .features__list { display: flex; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 700px) { .features__list { margin-top: 75px; } } .features__item { padding-left: 15px; padding-right: 15px; width: 100%; max-width: 25rem; margin: 20px auto 0; } @media (min-width: 700px) { .features__item { width: 30%; } } .features__item-icon { max-width: 120px; margin: auto; margin-bottom: 15px; } .features__item-icon img { width: 120px; height: auto; } @media (min-width: 700px) { .features__item-icon { max-width: 160px; margin-bottom: 20px; } .features__item-icon img { width: 160px; height: auto; } } .features__item-title { margin-bottom: 15px; } .features-list { padding-top: 37.5px; padding-bottom: 37.5px; text-align: center; content-visibility: auto; } .features-list__title { max-width: 700px; margin: auto; margin-bottom: 0.5rem; } .features-list__subtitle { max-width: 700px; margin: auto; color: #333; font-size: var(--fs-lg); } .features-list__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .features-list__item { padding-left: 15px; padding-right: 15px; margin-top: 20px; width: 100%; } @media (min-width: 500px) { .features-list__item { width: 45%; } } @media (min-width: 850px) { .features-list__item { width: 30%; } } .features-list__item-icon { max-width: 50px; margin: auto; margin-bottom: 5px; } .features-list__item-icon img { width: 70px; height: auto; } @media (min-width: 700px) { .features-list__item-icon { max-width: 70px; } .features-list__item-icon img { width: 70px; height: auto; } } .features-list__item-title { margin-bottom: 0.5rem; } .flatpickr-day.nextMonthDay { height: 0; width: 0; visibility: hidden; } .flatpickr-input[readonly] { pointer-events: all; } .flatpickr-calendar { background: 0 0; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23,1,0.32,1); animation: fpFadeInDown 0.3s cubic-bezier(0.23,1,0.32,1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:after, .flatpickr-calendar:before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: 0 0; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); } .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; } .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0; } .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0; } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .numInputWrapper { width: 8ch; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0,0,0,0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0,0,0,0.9); } .flatpickr-current-month input.cur-year { background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; width: 80%; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0,0,0,0.5); background: 0 0; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: 0 0; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: 0; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: 0; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: 0; padding: 0; } .flatpickr-weekdays { background: 0 0; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: 0 0; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-around; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: 0 0; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57,57,57,0.3); background: 0 0; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57,57,57,0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57,57,57,0.3); background: 0 0; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid rgba(57,57,57,0.6); } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid rgba(57,57,57,0.6); } .numInputWrapper span:after { display: block; content: ""; position: absolute; right: 10px; top: 10px; } .flatpickr-time .numInputWrapper span.arrowUp:after { right: 10px; left: 0; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: 700; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: 700; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; color: #333333; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .flatpickr-calendar { width: 347.875px; -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); margin-top: 20px; border: 0; border-radius: 5px; padding: 20px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center top; transform-origin: center top; -webkit-animation: none !important; animation: none !important; } @media (max-width: 999px) { .flatpickr-calendar { position: fixed; z-index: 9999 !important; left: 0; right: 0; margin: 4px auto; top: 50% !important; -ms-transform: translateY(-50%); transform: translateY(-50%); } .flatpickr-calendar .hourList { height: 86% !important; } .flatpickr-calendar .hourList li { padding: 3px 0 !important; } } .flatpickr-calendar::after, .flatpickr-calendar::before { display: none; } .flatpickr-months { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { padding: 0; position: static; height: auto; } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: #0078ff; } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: currentColor; } .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: block; opacity: 0; pointer-events: none; } .flatpickr-months .flatpickr-month { font-size: var(--fs-xl); font-weight: 750; color: #333; display: flex; } .flatpickr-month select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .flatpickr-current-month { display: flex; padding-top: 0; margin-left: 0; margin-right: 10px; width: auto; position: static; height: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 750; font-size: var(--fs-md); color: #333; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background-color: transparent; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus { -webkit-box-shadow: none; box-shadow: none; } .flatpickr-current-month .numInputWrapper { height: auto; position: static; } .flatpickr-current-month .numInputWrapper:hover { background-color: transparent; } .flatpickr-current-month input.cur-year { font-weight: 750; font-size: var(--fs-md); color: #333; padding: 0; } .flatpickr-current-month input.cur-year:focus { -webkit-box-shadow: none; box-shadow: none; } span.flatpickr-weekday { font-weight: 450; color: #666; font-size: var(--fs-xs); } .flatpickr-day { color: #666; font-size: var(--fs-md); font-weight: 450; } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background-color: #0078ff; border-color: #0078ff; } .flatpickr-calendar.hasTime .flatpickr-time { height: auto; max-height: 100%; border-top: 0; background-color: #0078ff; color: #fff; margin-right: -20px; margin-left: -20px; margin-bottom: -20px; margin-top: 20px; padding: 20px; border-radius: 0 0 5px 5px; } .flatpickr-time .numInputWrapper { background-color: #fff; border-radius: 3px; width: auto; } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { color: #fff; } .flatpickr-time .flatpickr-time-separator { margin-right: 10px; margin-left: 10px; } @media (max-width: 999px) { .flatpickr-time input { font-size: 16px; } } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: 0 0; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .numInputWrapper input[type=number] { -moz-appearance: textfield; } .numInputWrapper span { position: absolute; right: -10px; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 1; cursor: pointer; border: 1px solid rgba(57,57,57,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span.arrowUp { top: 2px; right: 0px; border-radius: 40px; height: 30px; width: 30px; } .numInputWrapper span.arrowDown { top: 2px; right: 36px; border-radius: 40px; height: 30px; width: 30px; } @media (max-width: 999px) { .numInputWrapper span.arrowUp { right: -10px; } .numInputWrapper span.arrowDown { right: 26px; } } .flatpickr-calendar.open { z-index: 3; } .flatpickr-calendar.static.open { z-index: 3; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { z-index: 2; } .form fieldset { padding: 8px; } .form label { font-weight: bold; display: block; padding: 4px 0; } .form input[type='text'], .form input[type='email'], .form input[type='password'], .form input[type='number'], .form input[type='tel'], .form select, .form textarea { background: #FFF; border: solid 1px #DADCDC; padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 100%; box-sizing: border-box; font-weight: 100; } .form select { height: 44px; } .form input[readonly] { background-color: #E0E0E0; border-color: #fff; outline: none; cursor: default; } input[type='text'], input[type='email'], input[type='password'], input[type='number'], input[type='tel'], select, textarea { outline: none; } .header { position: sticky; top: 0; z-index: 11; background-color: #fff; -webkit-box-shadow: 0 1px 6px 0 rgba(51,51,51,0.2); box-shadow: 0 1px 6px 0 rgba(51,51,51,0.2); } @media (max-width: 999px) { .header { display: flex; flex-direction: column; max-height: 100vh; } } @media (min-width: 1000px) { .header { -webkit-box-shadow: none; box-shadow: none; } } .header .container { display: flex; align-items: center; padding-top: 15px; padding-bottom: 15px; } .header__logo { width: 75px; } @media (min-width: 500px) { .header__logo { width: 75px; } } .header__logo img { width: 90px; height: auto; display: block; } .header__nav { margin-left: auto; display: none; align-items: center; } .header__nav a { color: inherit; } @media (min-width: 1000px) { .header__nav { display: flex; } } .header__main-nav { padding-left: 35px; padding-right: 35px; } .header__main-nav ul { list-style: none; display: flex; margin: 0; padding: 0; } .header__main-nav li { padding-left: 15px; padding-right: 15px; } .header__subnav { font-size: var(--fs-2xs); color: #999; padding-left: 20px; padding-right: 20px; } .header__subnav ul { list-style: none; display: flex; margin: 0; padding: 0; } .header__subnav li::after { content: "|"; padding-left: 15px; padding-right: 15px; } .header__subnav li:last-child::after { display: none; } .header__lang { font-size: var(--fs-2xs); color: #999; padding-left: 15px; padding-right: 15px; } .header__user { font-size: var(--fs-xs); color: #999; padding-left: 15px; } .header .header__login { color: #0078ff; padding-left: 15px; } .header__logged { margin-left: 35px; display: none; } .header__logged-trigger { display: flex; align-items: center; background-position: right bottom 0.25em !important; } .header__logged-avatar { flex-shrink: 0; margin-right: 0.6rem; display: flex; } .header__logged-avatar img { width: 34px; height: 34px; } .header__logged-info { font-size: var(--fs-xs); } .header__logged-greeting { color: #999; display: block; } .header__logged-name { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 70px; } .header__mobile-triggers { display: flex; align-items: center; margin-left: auto; } .header__mobile-triggers .header__mobile-login-trigger img { width: 25px; height: 25px; } @media (min-width: 1000px) { .header__mobile-triggers { display: none; } } .header__mobile-nav-trigger { padding: 0.5rem 0; margin: 0 15px; cursor: pointer; } .header__mobile-nav-icon { position: relative; margin-top: 6px; margin-bottom: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header__mobile-nav-icon, .header__mobile-nav-icon::after, .header__mobile-nav-icon::before { display: block; width: 17px; height: 3px; background-color: #0078ff; outline: 1px solid transparent; border-radius: 3px; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .header__mobile-nav-icon::after, .header__mobile-nav-icon::before { position: absolute; content: ""; } .header__mobile-nav-icon::before { top: -6px; } .header__mobile-nav-icon::after { top: 6px; } .header__mobile-nav-trigger:not(.collapsed) .header__mobile-nav-icon { background-color: transparent; } .header__mobile-nav-trigger:not(.collapsed) .header__mobile-nav-icon::after, .header__mobile-nav-trigger:not(.collapsed) .header__mobile-nav-icon::before { background-color: #0078ff; } .header__mobile-nav-trigger:not(.collapsed) .header__mobile-nav-icon::before { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .header__mobile-nav-trigger:not(.collapsed) .header__mobile-nav-icon::after { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .header-book, .header-book-center { background-color: #0078ff; position: relative; } @media (min-width: 999px) { .header-book { min-height: 500px; background-size: cover; } } .header-book__content { max-width: 800px; margin-left: auto; margin-right: auto; color: #fff; } @media (min-width: 999px) { .header-book__content { transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; } } .header-book__text { background-size: cover; padding: 15px 15px 35px; } @media (min-width: 999px) { .header-book__text { background-image: none; } } .header-book__title { color: inherit !important; margin-bottom: 0.5rem; } .header-book__subtitle { color: inherit; font-size: var(--fs-lg); font-weight: 550; } .header-book__book { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; margin-top: -20px; } @media (min-width: 999px) { .header-book__book { margin-top: 35px; padding-bottom: 0; } } .header-book__tabs { display: flex; margin-bottom: 2px; } .header-book__tab { border-radius: 0; border: 0; margin-right: 2.5px; width: 130px; height: 46px; background-color: #d7d7d7; color: #666; font-size: var(--fs-sm); } @media (max-width: 999px) { .header-book__tab { font-size: var(--fs-2xs) !important; } } .header-book__tab:first-child { border-top-left-radius: 5px; } .header-book__tab:last-child { border-top-right-radius: 5px; } .header-book__tab.is-active { background-color: #fff; color: #0078ff; } .header-book__form { background-color: #fff; display: flex; flex-wrap: wrap; width: 100%; color: #333; padding: 15px; border-radius: 0 5px 5px 5px; } @media (min-width: 999px) { .header-book__form { flex-wrap: nowrap; } } @media (max-width: 999px) { .header-book__form button { margin-top: 15px; width: 100%; display: block; } } .header-book__form-item { border-bottom: 1px solid #ccc; width: 50%; padding-bottom: 0.6rem; margin-bottom: 0.6rem; } @media (min-width: 999px) { .header-book__form-item { padding-left: 15px; padding-right: 15px; padding-bottom: 0; margin-bottom: 0; border-left: 1px solid #ccc; border-bottom: 0; width: auto; flex-grow: 1; } } .header-book__form-item:first-child { border-left: 0; padding-left: 0; width: 100%; } @media (min-width: 999px) { .header-book__form-item:first-child { width: auto; } } .header-book__form-label { display: block; font-size: var(--fs-sm); margin-bottom: 0.5rem; line-height: 1.1; } .header-book button { font-size: var(--fs-md); } @media (max-width: 999px) { .header-book button { font-size: 12px; } } .header-book input { border: 0; padding: 0; font-size: var(--fs-md); } @media (max-width: 999px) { .header-book input { font-size: 16px; width: 100%; } } .header-book input:focus { -webkit-box-shadow: none; box-shadow: none; } .input-plate { max-width: 220px; margin: auto; } .input-plate .form-item { background-repeat: no-repeat; background-size: contain; background-position: left center; padding: 0.35em 1em 0.35em 2.25em; background-image: url(/web/images/plate.png); font-size: var(--fs-3xl); } .header-book-compact { display: none; position: fixed; top: 66px; left: 0; right: 0; pointer-events: none; z-index: 10; } @media (min-width: 1000px) { .header-book-compact { display: block; } } .header-book-compact__content { background-color: #0078ff; color: #fff; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-100%); transform: translateY(-100%); will-change: transform; pointer-events: all; } @media (min-width: 999px) { .header-book-compact.scroll .header-book-compact__content { -webkit-transform: translateY(0); transform: translateY(0); } } .header-book-compact__form { display: flex; align-items: center; } .header-book-compact__form-items { flex-grow: 1; margin-right: 30px; background-color: #fff; border-radius: 5px; color: #999; min-height: 38px; display: flex; align-items: center; } .header-book-compact__form-item { flex-grow: 1; border-right: 1px solid #999; } .header-book-compact__form-item:last-child { border-right: 0; } .header-book-compact__form-item [data-bs-toggle] { width: 100%; background-position: right 20px top 1.1em; padding: 0.6rem 3rem 0.6rem 20px; font-size: var(--fs-md); } .header-book-compact__form-item input { border: 0; padding: 0.6rem 3rem 0.6rem 20px; background-repeat: no-repeat; background-size: 10px; background-position: calc(100% - 1em) center; padding-right: 2em !important; background-image: url(/web/images/icons/caret-down-gray.svg); } .header-book-compact__form-item input:focus { -webkit-box-shadow: none; box-shadow: none; } .header-book input, .header-book-scroll input { box-shadow: none !important; } .header-book .header-book__form-terminal, .header-book .header-book-scroll__form-terminal, .header-book-scroll .header-book__form-terminal, .header-book-scroll .header-book-scroll__form-terminal { background-color: white; color: #333; padding: 0 15px; border-radius: 5px; margin-top: 12px; display: none; } .header-book .header-book__form-terminal button, .header-book .header-book-scroll__form-terminal button, .header-book-scroll .header-book__form-terminal button, .header-book-scroll .header-book-scroll__form-terminal button { color: #999; } .header-book .header-book__form-terminal .terminal, .header-book .header-book-scroll__form-terminal .terminal, .header-book-scroll .header-book__form-terminal .terminal, .header-book-scroll .header-book-scroll__form-terminal .terminal { position: relative; margin: 12px 0; margin-right: 24px; display: inline-block; } .header-book .header-book__form-terminal .terminal input[type=checkbox], .header-book .header-book-scroll__form-terminal .terminal input[type=checkbox], .header-book-scroll .header-book__form-terminal .terminal input[type=checkbox], .header-book-scroll .header-book-scroll__form-terminal .terminal input[type=checkbox] { appearance: auto; height: auto; outline: none; clip: unset; width: auto; top: 3px; } .header-book .header-book__form-terminal .terminal span, .header-book .header-book-scroll__form-terminal .terminal span, .header-book-scroll .header-book__form-terminal .terminal span, .header-book-scroll .header-book-scroll__form-terminal .terminal span { color: #999; margin-left: 20px; } .header-book .header-book__form-terminal .terminal ~ .dropdown, .header-book .header-book-scroll__form-terminal .terminal ~ .dropdown, .header-book-scroll .header-book__form-terminal .terminal ~ .dropdown, .header-book-scroll .header-book-scroll__form-terminal .terminal ~ .dropdown { display: inline-block; width: 56px; } .header-book .header-book__form-terminal .terminal ~ .dropdown >button, .header-book .header-book-scroll__form-terminal .terminal ~ .dropdown >button, .header-book-scroll .header-book__form-terminal .terminal ~ .dropdown >button, .header-book-scroll .header-book-scroll__form-terminal .terminal ~ .dropdown >button { text-align: center; } .header-book .header-book__form-terminal .terminal ~ .dropdown.barajas, .header-book .header-book-scroll__form-terminal .terminal ~ .dropdown.barajas, .header-book-scroll .header-book__form-terminal .terminal ~ .dropdown.barajas, .header-book-scroll .header-book-scroll__form-terminal .terminal ~ .dropdown.barajas { display: none; } @media (max-width: 999px) { .header-book .header-book__form-terminal, .header-book-scroll .header-book__form-terminal { width: 100%; } .header-book .header-book__form-terminal .terminal span, .header-book-scroll .header-book__form-terminal .terminal span { font-size: var(--fs-2xs); } } .header-book-scroll .header-book-scroll__form-terminal .terminal span { position: absolute; } .header-book-scroll .header-book-scroll__form-terminal .terminal span.single { top: 4px; } .header-book-scroll .header-book-scroll__form-terminal .terminal span.double { top: -4px; } @media (max-width: 1195px) { .header-book-scroll .header-book-scroll__form-terminal .terminal span.single { top: -4px; } } .bookingcenter { z-index: 1; } .header-book, .header-book-center, .header-book-scroll { background-color: #0078ff; position: relative; background-position: center center; background-size: cover; } .header-book .centermap, .header-book-center .centermap, .header-book-scroll .centermap { position: absolute; right: 20px; bottom: 20px; font-size: 12px; } .header-book .header-book-center__book, .header-book .header-book-scroll__book, .header-book-center .header-book-center__book, .header-book-center .header-book-scroll__book, .header-book-scroll .header-book-center__book, .header-book-scroll .header-book-scroll__book { width: 380px; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; } @media (max-width: 999px) { .header-book .header-book-center__book, .header-book .header-book-scroll__book, .header-book-center .header-book-center__book, .header-book-center .header-book-scroll__book, .header-book-scroll .header-book-center__book, .header-book-scroll .header-book-scroll__book { width: 100%; float: none; position: relative; top: auto; right: auto; transform: none; } } .header-book .header-book-center__tabs, .header-book .header-book-scroll__tabs, .header-book-center .header-book-center__tabs, .header-book-center .header-book-scroll__tabs, .header-book-scroll .header-book-center__tabs, .header-book-scroll .header-book-scroll__tabs { display: flex; margin-bottom: 2px; } .header-book .header-book-center__tab, .header-book .header-book-scroll__tab, .header-book-center .header-book-center__tab, .header-book-center .header-book-scroll__tab, .header-book-scroll .header-book-center__tab, .header-book-scroll .header-book-scroll__tab { border-radius: 0; border: 0; margin-right: 2.5px; width: 130px; height: 46px; background-color: #d7d7d7; color: #666; font-size: var(--fs-sm); } .header-book .header-book-center__tab:first-child, .header-book .header-book-scroll__tab:first-child, .header-book-center .header-book-center__tab:first-child, .header-book-center .header-book-scroll__tab:first-child, .header-book-scroll .header-book-center__tab:first-child, .header-book-scroll .header-book-scroll__tab:first-child { border-top-left-radius: 5px; } .header-book .header-book-center__tab:last-child, .header-book .header-book-scroll__tab:last-child, .header-book-center .header-book-center__tab:last-child, .header-book-center .header-book-scroll__tab:last-child, .header-book-scroll .header-book-center__tab:last-child, .header-book-scroll .header-book-scroll__tab:last-child { border-top-right-radius: 5px; } .header-book .header-book-center__tab.is-active, .header-book .header-book-scroll__tab.is-active, .header-book-center .header-book-center__tab.is-active, .header-book-center .header-book-scroll__tab.is-active, .header-book-scroll .header-book-center__tab.is-active, .header-book-scroll .header-book-scroll__tab.is-active { background-color: white; color: #0078ff; } .header-book .header-book-center__content, .header-book .header-book-scroll__content, .header-book-center .header-book-center__content, .header-book-center .header-book-scroll__content, .header-book-scroll .header-book-center__content, .header-book-scroll .header-book-scroll__content { width: auto; margin: auto; min-height: 480px; position: relative; } @media (max-width: 999px) { .header-book .header-book-center__content, .header-book .header-book-scroll__content, .header-book-center .header-book-center__content, .header-book-center .header-book-scroll__content, .header-book-scroll .header-book-center__content, .header-book-scroll .header-book-scroll__content { width: 100%; min-height: auto; } } .header-book .header-book-center__form, .header-book .header-book-scroll__form, .header-book-center .header-book-center__form, .header-book-center .header-book-scroll__form, .header-book-scroll .header-book-center__form, .header-book-scroll .header-book-scroll__form { position: relative; background-color: white; display: flex; flex-wrap: wrap; width: 100%; color: #333; padding: 15px; border-radius: 0 5px 5px 5px; } .header-book .header-book-center__form button, .header-book .header-book-scroll__form button, .header-book-center .header-book-center__form button, .header-book-center .header-book-scroll__form button, .header-book-scroll .header-book-center__form button, .header-book-scroll .header-book-scroll__form button { width: 100%; outline: none; } .header-book .header-book-center__form .terminal, .header-book .header-book-scroll__form .terminal, .header-book-center .header-book-center__form .terminal, .header-book-center .header-book-scroll__form .terminal, .header-book-scroll .header-book-center__form .terminal, .header-book-scroll .header-book-scroll__form .terminal { position: relative; margin: 12px 0; display: inline-block; width: 70%; } .header-book .header-book-center__form .terminal input[type=checkbox], .header-book .header-book-scroll__form .terminal input[type=checkbox], .header-book-center .header-book-center__form .terminal input[type=checkbox], .header-book-center .header-book-scroll__form .terminal input[type=checkbox], .header-book-scroll .header-book-center__form .terminal input[type=checkbox], .header-book-scroll .header-book-scroll__form .terminal input[type=checkbox] { appearance: auto; height: auto; outline: none; clip: unset; width: auto; top: 3px; } .header-book .header-book-center__form .terminal span, .header-book .header-book-scroll__form .terminal span, .header-book-center .header-book-center__form .terminal span, .header-book-center .header-book-scroll__form .terminal span, .header-book-scroll .header-book-center__form .terminal span, .header-book-scroll .header-book-scroll__form .terminal span { color: #999; margin-left: 20px; } @media (max-width: 999px) { .header-book .header-book-center__form .terminal, .header-book .header-book-scroll__form .terminal, .header-book-center .header-book-center__form .terminal, .header-book-center .header-book-scroll__form .terminal, .header-book-scroll .header-book-center__form .terminal, .header-book-scroll .header-book-scroll__form .terminal { width: 75%; } .header-book .header-book-center__form .terminal span, .header-book .header-book-scroll__form .terminal span, .header-book-center .header-book-center__form .terminal span, .header-book-center .header-book-scroll__form .terminal span, .header-book-scroll .header-book-center__form .terminal span, .header-book-scroll .header-book-scroll__form .terminal span { margin-left: 3px; font-size: var(--fs-2xs); } } .header-book .header-book-center__form .terminal ~ .dropdown, .header-book .header-book-scroll__form .terminal ~ .dropdown, .header-book-center .header-book-center__form .terminal ~ .dropdown, .header-book-center .header-book-scroll__form .terminal ~ .dropdown, .header-book-scroll .header-book-center__form .terminal ~ .dropdown, .header-book-scroll .header-book-scroll__form .terminal ~ .dropdown { display: inline-block; width: 23%; } .header-book .header-book-center__form .terminal ~ .dropdown >button, .header-book .header-book-scroll__form .terminal ~ .dropdown >button, .header-book-center .header-book-center__form .terminal ~ .dropdown >button, .header-book-center .header-book-scroll__form .terminal ~ .dropdown >button, .header-book-scroll .header-book-center__form .terminal ~ .dropdown >button, .header-book-scroll .header-book-scroll__form .terminal ~ .dropdown >button { text-align: center; } .header-book .header-book-center__form .terminal ~ .dropdown.barajas, .header-book .header-book-scroll__form .terminal ~ .dropdown.barajas, .header-book-center .header-book-center__form .terminal ~ .dropdown.barajas, .header-book-center .header-book-scroll__form .terminal ~ .dropdown.barajas, .header-book-scroll .header-book-center__form .terminal ~ .dropdown.barajas, .header-book-scroll .header-book-scroll__form .terminal ~ .dropdown.barajas { display: none; } .header-book .header-book-scroll__form .terminal, .header-book-center .header-book-scroll__form .terminal, .header-book-scroll .header-book-scroll__form .terminal { width: 74%; } .header-book .header-book-center__form button, .header-book .header-book-scroll__form button, .header-book-center .header-book-center__form button, .header-book-center .header-book-scroll__form button, .header-book-scroll .header-book-center__form button, .header-book-scroll .header-book-scroll__form button { margin-top: 15px; } .header-book .header-book-scroll__form button, .header-book-center .header-book-scroll__form button, .header-book-scroll .header-book-scroll__form button { margin-top: 6px; margin-left: 8px; width: 92%; } .header-book .header-book-scroll__form .dropdown.prat button, .header-book .header-book-scroll__form .dropdown.barajas button, .header-book-center .header-book-scroll__form .dropdown.prat button, .header-book-center .header-book-scroll__form .dropdown.barajas button, .header-book-scroll .header-book-scroll__form .dropdown.prat button, .header-book-scroll .header-book-scroll__form .dropdown.barajas button { margin-top: 14px; } @media (max-width: 999px) { .header-book .header-book-center__form button, .header-book .header-book-scroll__form button, .header-book-center .header-book-center__form button, .header-book-center .header-book-scroll__form button, .header-book-scroll .header-book-center__form button, .header-book-scroll .header-book-scroll__form button { width: 100%; display: block; } } .header-book .header-book-center__form-item, .header-book .header-book-scroll__form-item, .header-book-center .header-book-center__form-item, .header-book-center .header-book-scroll__form-item, .header-book-scroll .header-book-center__form-item, .header-book-scroll .header-book-scroll__form-item { border-bottom: 1px solid #ccc; width: 50%; padding-bottom: 0.6rem; margin-bottom: 0.6rem; } .header-book .header-book-center__form-item:first-child, .header-book .header-book-scroll__form-item:first-child, .header-book-center .header-book-center__form-item:first-child, .header-book-center .header-book-scroll__form-item:first-child, .header-book-scroll .header-book-center__form-item:first-child, .header-book-scroll .header-book-scroll__form-item:first-child { border-left: 0; padding-left: 0; width: 100%; } .header-book .header-book-scroll__form-item [data-bs-toggle], .header-book-center .header-book-scroll__form-item [data-bs-toggle], .header-book-scroll .header-book-scroll__form-item [data-bs-toggle] { color: #333; } .header-book .header-book-center__form-label, .header-book .header-book-scroll__form-label, .header-book-center .header-book-center__form-label, .header-book-center .header-book-scroll__form-label, .header-book-scroll .header-book-center__form-label, .header-book-scroll .header-book-scroll__form-label { display: block; font-size: var(--fs-sm); margin-bottom: 0.5rem; line-height: 1.1; } .header-book .header-book-scroll__form-label, .header-book-center .header-book-scroll__form-label, .header-book-scroll .header-book-scroll__form-label { height: 16px !important; font-size: 0.8em; line-height: 16px !important; padding: 4px 8px !important; width: 100%; } .header-book button, .header-book-center button, .header-book-scroll button { font-size: var(--fs-md); } @media (max-width: 999px) { .header-book .header-book-center button, .header-book .header-book-scroll button, .header-book-center .header-book-center button, .header-book-center .header-book-scroll button, .header-book-scroll .header-book-center button, .header-book-scroll .header-book-scroll button { font-size: 16px; } } .header-book input, .header-book-center input, .header-book-scroll input { border: 0 !important; padding: 0 !important; font-size: var(--fs-md) !important; margin: 6px 8px; width: 92%; } @media (max-width: 999px) { .header-book .header-book-center input, .header-book .header-book-scroll input, .header-book-center .header-book-center input, .header-book-center .header-book-scroll input, .header-book-scroll .header-book-center input, .header-book-scroll .header-book-scroll input { font-size: 16px; } } .header-book input:focus, .header-book-center input:focus, .header-book-scroll input:focus { -webkit-box-shadow: none; box-shadow: none; } .header-book .warning, .header-book-center .warning, .header-book-scroll .warning { position: absolute; bottom: 30px; left: 30px; background-color: #0078ff; color: #fff; padding: 20px 40px 20px 50px; width: 360px; border-radius: 4px; } .header-book .warning .icon_alert, .header-book-center .warning .icon_alert, .header-book-scroll .warning .icon_alert { position: absolute; top: 20px; left: 14px; margin: 0; width: 24px; } .header-book .warning .warning__close, .header-book-center .warning .warning__close, .header-book-scroll .warning .warning__close { position: absolute; top: 10px; right: 10px; margin: 0; } @media (max-width: 999px) { .header-book .warning, .header-book-center .warning, .header-book-scroll .warning { position: relative; bottom: auto; left: auto; width: 100%; margin-top: 30px; } } @media (max-width: 999px) { .header-book-center, .header-book-scroll { padding: 20px; } } .header-book__tab:nth-child(1), .header-book__tab:nth-child(2), .header-book__tab:nth-child(3) { position: relative; padding-left: 26px; } .header-book__tab:nth-child(3) { padding-left: 18px; } .header-book__tab:before, .header-book__tab.is-active:before { content: ""; position: absolute; background-size: 24px 24px; left: 22px; top: 10px; width: 24px; height: 24px; } @media (max-width: 999px) { .header-book__tab:nth-child(1):before, .header-book__tab.is-active:nth-child(1):before { left: 14px; } } .header-book__tab:nth-child(2):before, .header-book__tab.is-active:nth-child(2):before { left: 8px; } .header-book__tab:nth-child(3):before, .header-book__tab.is-active:nth-child(3):before { left: 32px; } @media (max-width: 999px) { .header-book__tab:nth-child(3):before, .header-book__tab.is-active:nth-child(3):before { left: 24px; } } .header-book__tab:nth-child(1):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-parking-gris.svg"); } .header-book__tab.is-active:nth-child(1):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-parking-azul.svg"); } .header-book__tab:nth-child(2):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-car-gris.svg"); } .header-book__tab.is-active:nth-child(2):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-car-azul.svg"); } .header-book__tab:nth-child(3):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-itv-gris.svg"); } .header-book__tab.is-active:nth-child(3):before { background-image: url("https://www.aparcandgo.com/web/images/icons/ico-itv-azul.svg"); } .header-book-compact__content { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .header-book-scroll { min-height: 74px; } .header-book-scroll .header-book__tabs { display: none; } .header-book-scroll .header-book-scroll__book { width: 100%; top: 0; left: 0; right: 0; -ms-transform: none; transform: none; } .header-book-scroll .header-book-scroll__content { width: 100%; margin: auto; min-height: 50px; } .header-book-scroll .header-book-scroll__form { flex-wrap: nowrap; background-color: transparent; } .header-book-scroll .header-book-scroll__form-item { border-bottom: none; width: 100%; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 4px; display: block; margin-bottom: 0; padding-bottom: 0; height: 46px; } .header-book-scroll .header-book-scroll__form-item .header-book-scroll__form-label { height: 46px; line-height: 46px; margin-bottom: 0; padding: 0 10px; padding-bottom: 0; } .header-book-scroll .header-book-scroll__form-terminal { display: none; } .header-book-scroll .header-book-scroll__form-terminal span { font-size: 12px; margin-left: 3px !important; } .header-book-scroll button.btn-inverse { margin-top: 0 !important; width: 100px !important; padding-left: 10px; padding-right: 10px; text-align: center; } #bookEntryDateScrollWrapper, #bookExitDateScrollWrapper { z-index: 20; } .landing-cta { background-color: #0078ff; color: #fff; font-size: var(--fs-lg); overflow: hidden; content-visibility: auto; } .landing-cta .container { position: relative; } @media (min-width: 700px) { .landing-cta .container { display: flex; justify-content: space-between; align-items: center; } } .landing-cta__content { padding: 35px 0; } @media (min-width: 700px) { .landing-cta__content { padding: 45px 30px; width: 75%; } } .landing-cta__title { color: #fff !important; } .landing-cta__list { padding: 0; list-style: none; margin-top: 30px; margin-bottom: 95px; } @media (min-width: 700px) { .landing-cta__list { margin-bottom: 30px; } } .landing-cta__list li { margin-bottom: 20px; display: flex; } .landing-cta__list li::before { content: url(/web/images/icons/check.svg); margin-right: 0.6rem; flex-shrink: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } @media (min-width: 700px) { .landing-cta__list li::before { -webkit-transform: scale(1); transform: scale(1); margin-right: 15px; } } .landing-cta__smile { position: absolute; right: -15px; bottom: -15px; } .landing-cta__smile img { width: 150px; height: auto; opacity: 0.7; } @media (min-width: 700px) { .landing-cta__smile { position: static; align-self: flex-end; width: 23%; } .landing-cta__smile img { width: auto; -o-object-fit: contain; object-fit: contain; -webkit-transform: scale(1.3); transform: scale(1.3); } } @media (min-width: 850px) { .landing-cta__smile { -ms-grid-row-align: center; align-self: center; } .landing-cta__smile img { -webkit-transform: scale(1.5); transform: scale(1.5); } } .landing-services { padding-top: 37.5px; padding-bottom: 37.5px; text-align: center; content-visibility: auto; } .landing-services__title { max-width: 700px; margin: auto; margin-bottom: 0.5rem; } .landing-services__subtitle { max-width: 700px; margin: auto; font-size: var(--fs-lg); color: #333; } .landing-services__list { display: flex; justify-content: space-between; margin-top: 30px; } @media (min-width: 700px) { .landing-services__list { margin-top: 75px; } } .landing-services__list .swiper-wrapper { padding-bottom: 8px; } .landing-services__list .swiper-slide { height: auto; opacity: 0.5; } @media (min-width: 700px) { .landing-services__list .swiper-slide { opacity: 1; } } .landing-services__list .swiper-slide.swiper-slide-active { opacity: 1; } .landing-services__item { display: block; height: 100%; margin-right: 30px; color: inherit; text-align: left; border-radius: 5px; -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); } @media (min-width: 700px) { .landing-services__item { max-width: 100%; } } .landing-services__item:last-child { margin-right: 0; } .landing-services__item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .landing-services__item-img { overflow: hidden; border-radius: 5px 5px 0 0; } .landing-services__item-img img, .landing-services__item-img picture { display: block; width: 100%; height: auto; -webkit-transition: 0.3s; transition: 0.3s; } .landing-services__item-content { padding: 20px; } .landing-services__item-content :last-child { margin-bottom: 0; } .landing-services__item-title { margin-bottom: 15px; } .landing-services.imgwidth80 .landing-services__item-img { width: 80px; margin: auto; } .landing-services.imgwidth100 .landing-services__item-img { width: 100px; margin: auto; } .landing-services.imgwidth120 .landing-services__item-img { width: 120px; margin: auto; } .landing-services.imgwidth140 .landing-services__item-img { width: 140px; margin: auto; } .landing-video { position: relative; margin-bottom: 35px; } .landing-video__img { position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; } .landing-video__img::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.12); } .landing-video__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .landing-video__content { position: relative; z-index: 1; color: #fff; padding: 45px 15px; text-align: center; } @media (min-width: 500px) { .landing-video__content { padding: 95px 15px; } } .landing-video__title { color: #fff !important; max-width: 700px; margin: auto; margin-bottom: 0.75rem; } .landing-video__subtitle { font-size: var(--fs-lg); margin-bottom: 95px; } div.lottie { width: 160px; height: 160px; position: relative; } div.lottie img, div.lottie svg { position: absolute; top: 0; left: 0; } .megamenu.desktop { content-visibility: auto; contain: content; position: absolute !important; display: none; width: 100%; background-color: #0078ff; } .megamenu.desktop .container { padding: 0; } .megamenu.desktop .tab { display: none; } .megamenu.desktop .tab:nth-child(2) { display: block; } .megamenu.desktop .section.group { display: flex; } .megamenu.desktop .section.group ul { list-style: none; text-align: left; } .megamenu.desktop .section.group ul li { line-height: 22px; } .megamenu.desktop .section.group h2 { color: #fff; font-size: var(--fs-lg); line-height: 22px; } .megamenu.desktop .section.group >div:first-child { background-color: #0058BA; } .megamenu.desktop .section.group >div:first-child > div { padding: 40px 30px; } .megamenu.desktop .section.group >div:nth-child(2) { background-color: #0078ff; } .megamenu.desktop .section.group >div:nth-child(2) > div { padding: 40px 30px; display: flex; flex-wrap: wrap; } .megamenu.desktop .section.group >div:nth-child(2) ul { flex: 50%; margin-bottom: 28px; text-align: left; } .megamenu.desktop .section.group >div:last-child { background-color: #0078ff; } .megamenu.desktop .section.group >div:last-child > div { padding: 40px 30px; } .megamenu.desktop .section.group a { color: #ffffff; font-size: var(--fs-sm); font-weight: 100; } .megamenu.desktop .featured { border-left: solid 1px #fff; padding-left: 30px; text-align: left; } .megamenu.desktop .featured img { margin: 10px 0; } .megamenu.mobile { width: 100%; background-color: #0078ff; contain: style; } .megamenu.mobile .tab { border-bottom: solid 1px #ffffff; text-align: left; } .megamenu.mobile .tab .tabwrapper { padding: 10px 30px; } .megamenu.mobile .tab h2 { color: #fff; font-size: var(--fs-lg); line-height: 36px; } .megamenu.mobile .tab p { line-height: 32px; padding: 0; margin: 0; font-weight: 100; position: relative; } .megamenu.mobile .tab a { color: #fff; display: block; } .megamenu.mobile .tab .subcategory { color: #fff; } .megamenu.mobile .tab .items { position: fixed; top: 0; left: 0; bottom: 0; width: 80vw; max-width: 25rem; background-color: #0078ff; padding: 10px 30px; list-style: none; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.3s; transition: 0.3s; } .megamenu.mobile .tab .items li { position: relative; line-height: 32px; } .megamenu.mobile .tab:nth-last-child(2) { border-bottom: none; } .megamenu.mobile .tab.lang { position: fixed; background-color: #fff; bottom: 0; width: 80vw; } .megamenu.mobile .tab.lang .subcategory { color: #0078ff; } .megamenu.mobile .tab.lang .arrow { box-shadow: 1px -1px 0 1px white inset; -webkit-box-shadow: 2px -2px white inset; } .megamenu.mobile .tab.lang .arrow:hover { box-shadow: 2px -2px 0 2px white inset; -webkit-box-shadow: 4px -4px white inset; } .megamenu.mobile .arrow { position: absolute; padding: .25rem; box-shadow: 1px -1px 0 1px white inset; -webkit-box-shadow: 2px -2px white inset; border: solid transparent; border-width: 0 0 2rem 2rem; transition: 0.2s; right: -40px; top: -4px; } .megamenu.mobile .arrow:hover { box-shadow: 2px -2px 0 2px white inset; -webkit-box-shadow: 4px -4px white inset; } .megamenu.mobile .arrow-right { transform: rotate(225deg); } .megamenu.mobile .tab.lang .arrow { box-shadow: 1px -1px 0 1px #0078ff inset; -webkit-box-shadow: 2px -2px #0078ff inset; } .megamenu.mobile .tab.lang .arrow:hover { box-shadow: 2px -2px 0 2px #0078ff inset; -webkit-box-shadow: 4px -4px #0078ff inset; } .megamenu.mobile .items .arrow { box-shadow: 1px -1px 0 1px white inset !important; -webkit-box-shadow: 2px -2px white inset !important; } .megamenu.mobile .items .arrow:hover { box-shadow: 2px -2px 0 2px white inset !important; -webkit-box-shadow: 4px -4px white inset !important; } .megamenu-drawer { position: fixed; top: 50px; left: 0; bottom: 0; width: 80vw; max-width: 25rem; background-color: #fff; z-index: 13; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.3s; transition: 0.3s; pointer-events: all; background-color: #0078ff; } .megamenu-drawer-bg { content-visibility: auto; background-color: rgba(0,0,0,0.6); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 12; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .megamenu-drawer__header { background-color: #0078FF; width: 100%; height: 50px; position: fixed; z-index: 14; pointer-events: all; display: none; } .megamenu-drawer__closehome { position: absolute; left: 30px; top: 16px; color: #fff; font-weight: 750; display: none; } .tis-megamenu-drawer-visible .megamenu-drawer { -webkit-transform: translateX(0); transform: translateX(0); } .tis-megamenu-drawer-visible .megamenu-drawer__header { display: block; } .tis-megamenu-drawer-visible .megamenu-drawer-bg { opacity: 1 !important; } .megamenu-drawer__content { overflow: auto; max-height: 80vh; text-align: center; } .megamenu-drawer__close { height: 20px; width: 20px; position: absolute; right: 20px; top: 16px; } .megamenu-drawer__close:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: "\274c"; font-size: 28px; color: #fff; line-height: 20px; text-align: center; } .megamenu-drawer__home { position: absolute; left: 20px; top: 16px; color: #fff; font-weight: 750; display: none; } .megamenu-drawer__close:after { content: "\d7"; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 470px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 570px; } } @media (min-width: 1200px) { .modal-xl { max-width: 800px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .modal-content { border: 0; } .modal__content { margin: auto; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); width: 100%; } .modal__header { padding: 20px 30px; display: flex; justify-content: center; } .modal__title { flex-grow: 1; text-align: center; } .modal__close { flex-shrink: 0; margin-left: auto; cursor: pointer; } .modal__body { padding: 0 30px 30px; text-align: center; } .modal__footer { padding: 30px; margin-top: -30px; } .modal__footer.has-border { border-top: 1px solid #666; } .modal__section { margin-top: 30px; } .modal__section-title { margin-bottom: 30px; } body[id^="news page"] h1 { font-size: var(--fs-4xl); line-height: 36px; margin-bottom: 26px; } @media (max-width: 999px) { body[id^="news page"] h1 { font-size: var(--fs-3xl); line-height: 28px; margin-bottom: 16px; } } body[id^="news page"] .col.span_1_of_3 { padding-left: 32px; } @media (max-width: 999px) { body[id^="news page"] .col.span_1_of_3 { padding-left: 0px; } } body[id^="news page"] .col.span_2_of_3 { padding-bottom: 120px; } @media (max-width: 999px) { body[id^="news page"] .col.span_2_of_3 { padding-bottom: 40px; } } body[id^="news page"] .entry_content h2 { font-size: var(--fs-2xl); margin: 16px 0; } body[id^="news page"] .entry_content h3 { font-size: var(--fs-1xl); margin: 8px 0; } body[id^="news page"] .entry_content img { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } body[id^="news page"] .entry_content ul { margin: 0 40px 40px 40px; } body[id^="news page"] .entry_content ul li { margin: 8px 0; } body[id^="news page"] .articles.widget { text-align: left; margin-top: 80px; } body[id^="news page"] .articles.widget >h2 { font-size: var(--fs-3xl); } body[id^="news page"] .articles.widget .articles__subtitle { display: none; } body[id^="news page"] .articles.widget .articles__list { margin-top: 20px; display: block; } body[id^="news page"] .articles.widget .articles__list .articles__item-content p { display: none; } body[id^="news page"] .articles.widget .articles__item { width: 100%; } @media (max-width: 999px) { body[id^="news page"] .articles.widget { margin-top: 0; padding-top: 0; padding-bottom: 40px; padding-left: 0; padding-right: 0; } } body[id^="news page"] .share >p { font-weight: 600; } body[id^="news page"] .share .items { display: flex; align-items: center; } body[id^="news page"] .share .items >* { margin-right: 20px; } body[id^="news page"] .share .items a:hover { opacity: 0.8; } body[id^="page"] main.content, body[id^="center page"] main.content { background-color: #fafafa; } body[id^="page"] .container.head, body[id^="center page"] .container.head { text-align: center; padding: 30px 0 20px 0; } body[id^="page"] .container.head p, body[id^="center page"] .container.head p { margin: 10px 0; } @media (max-width: 999px) { body[id^="page"] .container.head, body[id^="center page"] .container.head { padding: 30px 20px; } body[id^="page"] .container.head .btn-primary, body[id^="center page"] .container.head .btn-primary { margin: 20px 0; padding: 0.3rem 1rem; font-size: var(--fs-sm); } } body[id^="page"] .container.center .head, body[id^="center page"] .container.center .head { text-align: center; padding: 50px 0; } body[id^="page"] .container.center .head p, body[id^="center page"] .container.center .head p { margin: 10px auto; width: 80%; } body[id^="page"] .container.center .rowa2, body[id^="center page"] .container.center .rowa2 { padding: 0 26px; } body[id^="page"] .container.center .rowa2 .p_icon, body[id^="center page"] .container.center .rowa2 .p_icon { position: relative; } body[id^="page"] .container.center .rowa2 .p_icon img, body[id^="center page"] .container.center .rowa2 .p_icon img { position: absolute; top: 1px; left: 0; } body[id^="page"] .container.center .rowa2 .p_icon span, body[id^="center page"] .container.center .rowa2 .p_icon span { display: inline-block; margin-left: 26px; } body[id^="page"] .container.center .rowa2 h3:first-child, body[id^="center page"] .container.center .rowa2 h3:first-child { margin-top: 0; } body[id^="page"] .container.center .rowa2 h3, body[id^="center page"] .container.center .rowa2 h3 { margin: 20px 0 10px 0; } body[id^="page"] .container.center .rowa2 ul, body[id^="center page"] .container.center .rowa2 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; } body[id^="page"] .container.center .rowa2 ul li, body[id^="center page"] .container.center .rowa2 ul li { margin: 0 10px; text-align: center; } body[id^="page"] .container.center .rowa2 ul li img, body[id^="center page"] .container.center .rowa2 ul li img { display: block; margin: auto; margin-bottom: 10px; } @media (max-width: 999px) { body[id^="page"] .container.center .rowa2 ul li, body[id^="center page"] .container.center .rowa2 ul li { width: 33%; margin-bottom: 20px; } } .parking { text-align: center; } .parking__title { color: #666; margin-bottom: 30px; } @media (min-width: 700px) { .parking__items { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 30px; } } @media (min-width: 1000px) { .parking__items:hover .parking__item { opacity: 0.5; } } .parking__item { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .parking__item:hover { opacity: 1 !important; } .parking__card { background-color: #fff; -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); border-radius: 5px; display: flex; flex-direction: column; align-items: center; padding: 30px; position: relative; margin-bottom: 0.6rem; } @media (min-width: 1000px) { .parking__card:hover + .parking__mkt { display: block; } } .parking__time { position: absolute; top: 30px; right: 30px; text-align: right; color: #333; } .parking__time::before { content: url(/web/images/icons/time.svg); margin-right: 0.3rem; vertical-align: middle; } .parking__icon { margin-bottom: 0.6rem; } .parking__icon img { max-height: 75px; } .parking__type p { margin-bottom: 0; } .parking__type-name { margin-bottom: 0.5rem; } .parking__info-trigger { margin: 30px 0; } .parking__price { display: flex; justify-content: center; margin-bottom: 20px; } .parking__price-item { color: #ccc; display: flex; flex-direction: column; } .parking__price-item.is-current { color: #999; padding-left: 30px; padding-right: 30px; } .parking__price-item.is-current .parking__price-item-price { color: #333; font-weight: 750; font-size: var(--fs-4xl); margin-top: -0.2em; line-height: 1; } .parking__price-title { display: inline-flex; align-items: center; margin-bottom: 0.6rem; } .parking__price-title img { flex-shrink: 0; margin-left: 0.6rem; } .parking__price-old { text-decoration: line-through; } .parking__extra { display: flex; align-items: center; } .parking__extra-item { font-size: var(--fs-2xs); margin-right: 20px; margin-bottom: 30px; } .parking__extra-item:last-child { margin-right: 0; } .parking__extra-item:before { content: url(/web/images/icons/check-gray.svg); margin-right: 3px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0.8; vertical-align: middle; display: inline-block; } .parking__action { width: 100%; } .parking__mkt { color: #178d51; font-weight: 650; display: none; } .parking-extra__item { width: 100%; display: flex; align-items: center; border-radius: 8px; padding: 0.6rem 15px; text-align: left; font-weight: inherit; cursor: pointer; } .parking-extra__item:hover { -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); } .parking-extra__icon { flex-shrink: 0; } .parking-extra__content { flex-grow: 1; padding-left: 15px; padding-right: 15px; display: flex; flex-direction: column; } .parking-extra__price { color: #333; margin-top: 0.3rem; } .parking-extra__action { color: #0078ff; text-align: right; } .parking-extra__action--ok { color: #178d51; } .articles { padding-top: 37.5px; padding-bottom: 75px; text-align: center; } .articles__title { margin-bottom: 0.5rem; } .articles__subtitle { color: #333; font-size: var(--fs-lg); } .articles__list { margin-top: 75px; margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: space-between; } .articles__item { color: inherit; width: 100%; max-width: 32rem; display: block; text-align: left; margin: 0 auto 30px; } @media (min-width: 1000px) { .articles__item { width: 45%; margin: 0 0 30px; } } .articles__item p { margin-bottom: 0.5rem; } .articles__item:hover { color: inherit; } .articles__item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .articles__item:hover .articles__item-read-more { color: #0078ff; } .articles__item-thumb { margin-right: 20px; flex-shrink: 0; overflow: hidden; border-radius: 5px; } .articles__item-thumb img { display: block; border-radius: 5px; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; height: auto; margin: 30px 0 10px 0; } .articles__item-content { margin-top: -0.25rem; } .articles__item-title { margin-bottom: 0.25rem; } .articles__item-read-more { color: #333; -webkit-transition: 0.3s; transition: 0.3s; } .articles__more { font-size: var(--fs-lg); } @media only screen and (min-width: 999px) { .debugBar li.responsive p.desktop { display: block; } .debugBar li.responsive p.main { display: none; } .mobile { display: none !important; } #promosPopup { padding: 0; border-radius: 12px; max-width: 860px; } #promosPopup h2 ~ p { margin: 10px 0 20px 0; } #promosPopup .section.group { display: flex; } #promosPopup div.span_1_of_3 { background-size: cover; background-position: center; } #promosPopup div.span_2_of_3 { padding: 44px; } #promosPopup form > fieldset { padding: 0 20px 20px 30px; display: flex; } #promosPopup form > fieldset input { outline: none; width: 28px; height: 28px; margin-top: -1px; } #promosPopup form > fieldset label { margin-left: 12px; } #promosPopup form input[name=aceptar] { background-color: white; border: solid 1px #ABABAB; color: #ABABAB; border-radius: 3px; height: 48px; linie-height: 48px; width: 180px; cursor: default; margin: auto; } .promosPopupActive { background-color: #009AFE !important; border: solid 1px #009AFE !important; color: #fff !important; cursor: pointer !important; } } @media only screen and (max-width: 998px) { .debugBar li.responsive p.mobile { display: block; } .debugBar li.responsive p.main { display: none; } .debugBar li.router { display: none; } .desktop { display: none !important; } .fancybox-content { padding: 18px !important; } .fancybox-close-small { right: -10px !important; top: -10px !important; } .fancybox-slide--html { padding: 0px !important; } #promosPopup { max-width: 94%; border-radius: 4px; padding: 0 !important; } #promosPopup h2 ~ p { margin: 10px 0 20px 0; } #promosPopup div.span_1_of_3 { background-size: cover; height: 240px; background-position: center; } #promosPopup div.span_2_of_3 { padding: 22px; } #promosPopup form > fieldset { padding: 0 10px 20px 20px; display: flex; } #promosPopup form > fieldset input { outline: none; width: 28px; height: 28px; margin-top: -1px; } #promosPopup form > fieldset label { margin-left: 12px; } #promosPopup form > fieldset:last-child { padding: 20px 0; } #promosPopup form input[name=aceptar] { background-color: white; border: solid 1px #ABABAB; color: #ABABAB; border-radius: 3px; height: 48px; linie-height: 48px; width: 180px; cursor: default; margin: auto; } .promosPopupActive { background-color: #009AFE !important; border: solid 1px #009AFE !important; color: #fff !important; cursor: pointer !important; } #widgetSearch { padding-bottom: 40px; } .header-image-simple .header-image__content { max-width: auto !important; } .header-image-simple .header-image__content h1 { width: 90% !important; } } .menuMobile { display: none; } @media only screen and (max-width: 999px) { .menuMobile { display: block; } } .services__title { color: #666; margin-bottom: 30px; text-align: center; } .services__card { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); box-shadow: 3px 3px 6px 0 rgba(51,51,51,0.15); margin-bottom: 20px; } .services__card.is-open .services__trigger:hover .services__tip { opacity: 0; } .services__trigger { padding: 15px 20px; display: flex; align-items: center; width: 100%; } @media (min-width: 700px) { .services__trigger:hover .services__tip { opacity: 1; } } .services__icon { width: 60px; margin-right: 15px; } .services__icon img { display: block; } .services__name { color: #0078ff; margin-right: 15px; } .services__tip { flex-grow: 1; font-size: var(--fs-xl); color: #ccc; text-align: center; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .services__trigger-icon { margin-left: auto; } button:hover, button:focus, button:active { outline: none; } .header-book__tab { margin-right: 2px !important; } :root { color-scheme: only light; } body .inner { position: relative; } body section.inner { overflow: hidden; } body .header__user { display: block; } body .header__logged { display: none; } body .header__logged.business .particular_profile_item a { color: #0078FF !important; } body .header__logged.particular .business_profile_item a { color: #0078FF !important; } .footer__nav-title { font-size: var(--fs-2xl); } .slideToggleNext ~ * { display: none; } #cookie_consent { position: fixed; display: none; bottom: 0; left: 0; width: 100%; padding: 20px 0; background-color: white; z-index: 10000; border-top: solid 1px #f1f1f1; } #cookie_consent article div:first-child p { line-height: 1.4em; } @media (max-width: 999px) { #cookie_consent article div:first-child { line-height: 24px; margin-bottom: 10px; } #cookie_consent article div:first-child p { font-size: var(--fs-2xs); } } #debugBar { position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; border-top: solid 1px #DADADA; font-size: 11px; background: #e5e5e5; z-index: 9999; padding: 2px; list-style: none; } #debugBar > span { display: block; float: right; line-height: 30px; padding-right: 20px; } #debugBar h3 { font-size: 12px; font-weight: bold; margin: 0; } #debugBar > li { float: left; padding-right: 10px; height: 30px; line-height: 30px; font-size: 14px; } #debugBar > li span { color: green; } #debugBar li.responsive p { display: none; color: #fff; padding: 0 3px; border: solid dotted #D5D5D5; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #debugBar li.responsive p.main { color: blue; } #debugBar li.responsive p.desktop { color: green; } #debugBar li.responsive p.tablet { color: brown; } #debugBar li.responsive p.wide { color: gray; } #debugBar li.responsive p.mobile { color: red; } #debugBar .fi-x { position: absolute; right: 14px; top: 7px; display: block; height: 20px; line-height: 20px; width: 20px; text-align: center; font-size: 16px; background: red; color: #fff; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; } #debugBar .editPage, #debugBar .backend { position: absolute; right: 38px; top: 7px; display: block; height: 20px; line-height: 20px; width: 20px; text-align: center; font-size: 16px; background: #67BD11; color: #fff; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; text-decoration: none; } #debugBar .editPage i, #debugBar .backend i { color: #fff; } #debugBar .backend { right: 62px; background-color: #4c4e4a; } .widget.id_18 { display: block; } .login-drawer-bg .logged { display: none; } .login-drawer-bg .logged h4 { padding-left: 18px; } .login-drawer-bg .logged ul { list-style: none; } .login-drawer-bg .login-drawer.business .particular_profile_item >a { color: #0078FF !important; } .login-drawer-bg .login-drawer.particular .business_profile_item >a { color: #0078FF !important; } .login-drawer-bg .login p, .login-drawer-bg h4 { text-align: left; } .login-drawer-bg h4 { margin-bottom: 10px; } #debugData { display: none; } #debugData p.title { font-size: 16px; font-weight: bold; margin-top: 12px; } #debugData p.line { font-size: 14px; padding-bottom: 8px; } #debugData > div._h1 { background: #A7C0DC; color: #fff; padding: 4px; margin-bottom: 10px; } #debugData > div._h1 > p.title { font-size: 22px; font-weight: bold; } #debugData > div._h2 { background: #F0EFDB; padding: 4px; margin-left: 10px; } #debugData > div._h2 > p.title { font-size: 18px; font-weight: bold; } #debugData > div._h3 { margin-left: 20px; } .footerMenu { display: block; clear: left; background-color: #fff; text-align: center; padding: 16px 0; overflow: hidden; } .error404 { text-align: center; padding: 60px 0; background: white; overflow: hidden; } .error404 .glyphicon { font-size: 120px; color: red; } .error404 p:nth-child(2) { font-size: 40px; margin: 10px auto; font-weight: bold; } .error404 p:nth-child(3) { font-size: 20px; margin: 4px auto; } .warning__close { flex-shrink: 0; background-color: transparent; border: 0; padding: 0; width: 20px; height: 20px; cursor: pointer; margin-left: 15px; } @media (min-width: 1000px) { .warning__close { margin-right: 15px; } } .f_error { font-size: 12px !important; color: #FF5757 !important; text-align: center !important; margin: 4px 0 0 0 !important; display: block !important; } #showmore { cursor: pointer; content: ""; display: block; width: 30px; height: 18px; background-image: url("https://www.aparcandgo.com/web/images/hero-arrow.svg"); background-size: contain; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; } @media (max-width: 999px) { #showmore { display: none; } } .margin80 { margin: 80px; } .padding80 { padding: 80px; } .margin80v { padding-top: 80px; padding-bottom: 80px; } .margin80h { padding-left: 80px; padding-right: 80px; } .padding80v { padding-top: 80px; padding-bottom: 80px; } .padding80h { padding-left: 80px; padding-right: 80px; } .padding80t { padding-top: 80px; } .padding80b { padding-bottom: 80px; } .padding80l { padding-left: 80px; } .padding80r { padding-right: 80px; } .margin80t { margin-top: 80px; } .margin80b { margin-bottom: 80px; } .margin80l { margin-left: 80px; } .margin80r { margin-right: 80px; } .margin40 { margin: 40px; } .padding40 { padding: 40px; } .margin40v { padding-top: 40px; padding-bottom: 40px; } .margin40h { padding-left: 40px; padding-right: 40px; } .padding40v { padding-top: 40px; padding-bottom: 40px; } .padding40h { padding-left: 40px; padding-right: 40px; } .padding40t { padding-top: 40px; } .padding40b { padding-bottom: 40px; } .padding40l { padding-left: 40px; } .padding40r { padding-right: 40px; } .margin40t { margin-top: 40px; } .margin40b { margin-bottom: 40px; } .margin40l { margin-left: 40px; } .margin40r { margin-right: 40px; } .margin20 { margin: 20px; } .padding20 { padding: 20px; } .margin20v { padding-top: 20px; padding-bottom: 20px; } .margin20h { padding-left: 20px; padding-right: 20px; } .padding20v { padding-top: 20px; padding-bottom: 20px; } .padding20h { padding-left: 20px; padding-right: 20px; } .padding20t { padding-top: 20px; } .padding20b { padding-bottom: 20px; } .padding20l { padding-left: 20px; } .padding20r { padding-right: 20px; } .margin20t { margin-top: 20px; } .margin20b { margin-bottom: 20px; } .margin20l { margin-left: 20px; } .margin20r { margin-right: 20px; } .margin10 { margin: 10px; } .padding10 { padding: 10px; } .margin10v { padding-top: 10px; padding-bottom: 10px; } .margin10h { padding-left: 10px; padding-right: 10px; } .padding10v { padding-top: 10px; padding-bottom: 10px; } .padding10h { padding-left: 10px; padding-right: 10px; } .padding10t { padding-top: 10px; } .padding10b { padding-bottom: 10px; } .padding10l { padding-left: 10px; } .padding10r { padding-right: 10px; } .margin10t { margin-top: 10px; } .margin10b { margin-bottom: 10px; } .margin10l { margin-left: 10px; } .margin10r { margin-right: 10px; } .textcenter { text-align: center; } .textleft { text-align: left; } .textright { text-align: right; } .none { display: none; } .header__mobile-triggers >a:first-child { display: none; } .dropdown-item img[src$='airplane.svg'] { width: 21px; } .dropdown-item img[src$='train.svg'] { width: 17px; } .dropdown-item .agoicon-airplane, .dropdown-item .agoicon-train, .dropdown-item .agoicon-basic-crucero { font-size: 21px; } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .rCjEAf { background-color: transparent; } #menuUser .logout { font-weight: bold; background-color: #E9E9E9; } #bookEntryDate, #bookExitDate { cursor: pointer; } .daterangepicker .left, .daterangepicker .right { position: relative; overflow: hidden; } .daterangepicker .calendar-table { overflow: hidden; padding-bottom: 40px; } .daterangepicker .calendar-table thead .month { font-size: 1.2em !important; font-weight: 100; } .daterangepicker td, .daterangepicker th { width: 24px !important; min-width: 24px !important; height: 22px !important; line-height: 22px !important; font-size: 12px !important; border: 6px solid transparent !important; border-radius: 16px !important; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #0078FE !important; } .daterangepicker td.active.off, .daterangepicker td.active.off:hover { background-color: transparent !important; } .daterangepicker td.in-range { background-color: #CCCCCC !important; } .daterangepicker td.in-range.off { background-color: transparent !important; } .daterangepicker td.disabled { color: rgba(57,57,57,0.1) !important; text-decoration: none !important; } .daterangepicker .drp-buttons .drp-selected { padding: 8px 0; } .daterangepicker .info_in, .daterangepicker .info_out { display: none; overflow-y: auto; top: 0; left: 0; padding: 10px; position: absolute; background-color: #ECECEC; line-height: 1.2em; font-size: .94em; text-align: left; height: 76%; width: 94%; margin: 3%; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .daterangepicker .info_in .head, .daterangepicker .info_out .head { position: relative; padding-bottom: 10px; padding-right: 20px; display: flex; font-size: .8em; font-weight: 600; } .daterangepicker .info_in .head img, .daterangepicker .info_out .head img { position: absolute; right: -6px; top: -2px; cursor: pointer; } .daterangepicker .info_in .head~div, .daterangepicker .info_in p, .daterangepicker .info_out .head~div, .daterangepicker .info_out p { font-weight: 100; line-height: 1.1em; font-size: .9em; } .daterangepicker #info_in, .daterangepicker #info_out { display: inline-block; right: 0; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; color: #fff; background-color: #000; width: 16px; height: 16px; text-align: center; line-height: 16px; font-weight: 100; margin-left: 10px; font-size: .7em; } .daterangepicker .label_select_time { text-align: center; } .daterangepicker .label_select_time >span { font-size: .8em; color: #000; } .daterangepicker .hourselect, .daterangepicker .minuteselect { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .daterangepicker .cancelBtn, .daterangepicker .applyBtn { font-weight: 100 !important; } @media (max-width: 999px) { .daterangepicker { top: 20px !important; bottom: 20px !important; left: 20px !important; right: 20px !important; margin: auto; overflow-y: scroll; position: fixed !important; width: 90% !important; } .daterangepicker .calendar-table { padding-bottom: 10px !important; } .daterangepicker .drp-calendar { width: 98% !important; max-width: 98% !important; } .daterangepicker .info_in, .daterangepicker .info_out { height: 70% !important; } .daterangepicker #info_in, .daterangepicker #info_out { width: 22px !important; height: 22px !important; line-height: 22px !important; } .daterangepicker .drp-selected { display: block !important; } .daterangepicker .drp-buttons .btn { padding: 8px 16px !important; } } .searchResults { padding: 60px 0; } .searchResults .results { display: flex; justify-content: space-between; } .searchResults .results span:first-child { font-size: 1.6em; } .searchResults .results span:last-child { font-size: 1.4em; } .searchResults article { background: #fff; padding: 20px 10px 0 0; } .searchResults article a { font-size: 1.2em; } .searchResults article a + p { font-size: 0.8em; color: green; } .searchResults article small { font-size: 0.4em; } .searchResults article.norResults p:first-child { font-weight: bold; margin-bottom: 10px; } .searchResults article.norResults ul { list-style: square; margin-left: 30px; } .searchResults article.norResults ul li { padding-bottom: 4px; } .latestSearches ul { list-style: square; margin: 30px 10px 0 10px; } .latestSearches ul li { display: inline-block; width: 30%; margin-left: 20px; padding-bottom: 4px; } #widgetSearch { padding: 0; position: relative; } #widgetSearch h3 { color: #666; line-height: 1.33; font-weight: 600; font-size: 15px; margin-bottom: 0.4em; text-transform: uppercase; } #widgetSearch > a { display: inline-block; font-size: 11px; padding: 0 10px; } #widgetSearch form { display: inline-block; border: solid 1px #d6d5d5; border-radius: 5px; padding: 4px 4px 4px 10px; width: 100%; } #widgetSearch form input[type=text] { width: 58%; height: 37px; line-height: 37px; padding: 0; border: none; outline: none; box-sizing: border-box; float: left; } #widgetSearch form i { width: 40%; float: right; } .miniBoxDownloadApp { justify-content: center; margin: auto; width: 400px; text-align: center; padding-bottom: 40px; } .miniBoxDownloadApp h2 { font-size: 14px; color: #fff; line-height: 20px; text-align: center; font-weight: 100; padding-bottom: 20px; } .miniBoxDownloadApp div { display: inline-block; height: 42px; background-color: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; margin: 0 4px 0 4px; padding: 4px 8px 4px 4px; } .miniBoxDownloadApp div img { width: 30px; float: left; margin: 1px 8px 0 4px; } .miniBoxDownloadApp div span { color: #666; float: left; margin-top: 8px; line-height: auto; } .miniBoxDownloadApp div a { color: #666; display: block; height: 100%; width: 100%; } .miniBoxDownloadApp div a:hover { opacity: .8; } @media (max-width: 999px) { .miniBoxDownloadApp { width: 100%; } } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; margin: 10px 0; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-blue { --swiper-pagination-color: #0d6efd; } .swiper-pagination-indigo { --swiper-pagination-color: #6610f2; } .swiper-pagination-purple { --swiper-pagination-color: #6f42c1; } .swiper-pagination-pink { --swiper-pagination-color: #d63384; } .swiper-pagination-red { --swiper-pagination-color: #e56668; } .swiper-pagination-orange { --swiper-pagination-color: #e76e04; } .swiper-pagination-yellow { --swiper-pagination-color: #ffc80b; } .swiper-pagination-green { --swiper-pagination-color: #178d51; } .swiper-pagination-teal { --swiper-pagination-color: #20c997; } .swiper-pagination-cyan { --swiper-pagination-color: #0dcaf0; } .swiper-pagination-white { --swiper-pagination-color: white; } .swiper-pagination-gray { --swiper-pagination-color: #6c757d; } .swiper-pagination-gray-dark { --swiper-pagination-color: #343a40; } .swiper-pagination-lock { display: none; } .swiper-container-horizontal > .swiper-pagination-bullets { position: relative; bottom: 0; } .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #ccc; opacity: 1; } .swiper-pagination-bullet-active { background-color: #999; } .swiper-button-next, .swiper-button-prev { width: 30px; height: 30px; position: absolute; top: 25%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; } .swiper-button-prev { left: 10px; } .swiper-button-next { right: 10px; } .swiper-button-next:after, .swiper-button-prev:after { content: url("https://www.aparcandgo.com/web/images/next_btn.png"); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev:after { content: url("https://www.aparcandgo.com/web/images/prev_btn.png"); } .testimonial { display: block; margin-top: 20px; margin-bottom: 20px; color: #666; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .testimonial h4.date { font-weight: 100; color: #999; font-size: var(--fs-2xs); margin-bottom: 0.5rem; } @media (min-width: 850px) { .testimonial { opacity: 0.8; -webkit-transform: scale(0.9); transform: scale(0.9); } .swiper-slide-next .testimonial { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } } .testimonial__content { padding-right: 45px; padding-left: 45px; } .testimonial__title { margin-bottom: 0.1rem; } .testimonial__stars { display: flex; justify-content: center; margin-bottom: 1rem; } .testimonial__stars img { width: 21px; height: auto; margin: 0 3px; } .testimonial__stars i { font-size: 21px; height: auto; margin: 0 3px; } .testimonial__source { margin-top: 1rem; font-size: var(--fs-xs); color: #999; -webkit-transition: 0.3s; transition: 0.3s; } .testimonial__source img { width: 35px; height: auto; display: block; max-width: 35px; margin: 0.5rem auto; } .testimonial:hover .testimonial__source { color: #0078ff; } .testimonials { padding-top: 75px; padding-bottom: 37.5px; text-align: center; content-visibility: auto; } .testimonials__title { max-width: 700px; margin: auto; margin-bottom: 0.5rem; } .testimonials__subtitle { max-width: 700px; margin: auto; font-size: var(--fs-lg); color: #333; } @media (min-width: 850px) { .testimonials__carousel { margin: 35px 30px; } } .testimonials .swiper-wrapper { padding: 20px 0; } .testimonials__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 75px; background-color: #fafafa; } .testimonials__summary-item { display: flex; padding: 35px 20px; } @media (min-width: 700px) { .testimonials__summary-item { padding: 45px; } } .testimonials__summary-icon { flex-shrink: 0; width: 40px; height: 40px; margin-right: 15px; } .testimonials__summary-content { flex-grow: 1; font-size: var(--fs-sm); } .testimonials__summary-stars { display: flex; margin-bottom: 0.25rem; } .testimonials__summary-stars > img { width: 13px; height: auto; margin-right: 3px; } .testimonials__summary-stars > i { font-size: 13px; height: 18px; line-height: 18px; margin-right: 3px; } .agoicon-star-yellow.gray:before { color: #cccccc; } .timeline { padding-top: 37.5px; padding-bottom: 75px; text-align: center; } .timeline .title { margin-bottom: 0.5rem; } .timeline .subtitle { color: #333; font-size: var(--fs-lg); margin-bottom: 80px; } @media (max-width: 999px) { .timeline .subtitle { margin-bottom: 30px; } } .timeline h3 { margin-top: -10px; margin-bottom: 20px; font-size: var(--fs-4xl); } @media (max-width: 999px) { .timeline h3 { margin-top: 0; margin-bottom: 10px; } } .timeline h4 { margin-bottom: 10px; } .timeline .odd, .timeline .even { display: flex; } .timeline .odd >div:first-child, .timeline .even >div:first-child { border-right: solid 1px #666666; position: relative; padding-bottom: 120px; } .timeline .odd >div:last-child, .timeline .even >div:last-child { border-left: solid 1px #666666; position: relative; padding-bottom: 120px; } .timeline .odd >div:nth-child(2), .timeline .even >div:nth-child(2) { border-left: solid 1px #666666; position: relative; padding-bottom: 120px; } .timeline .odd >div:first-child:after, .timeline .even >div:first-child:after { content: ''; height: 25px; width: 25px; background-color: #666666; border-radius: 50%; display: inline-block; position: absolute; top: 0; right: -13px; } .timeline .odd picture img, .timeline .even picture img { width: 70%; height: auto; margin: auto; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } @media (max-width: 999px) { .timeline .odd, .timeline .even { display: block; border-bottom: solid 1px #e1e1e1; margin-bottom: 30px; } .timeline .odd >div:nth-child(1), .timeline .odd >div:nth-child(2), .timeline .odd >div:nth-child(3), .timeline .even >div:nth-child(1), .timeline .even >div:nth-child(2), .timeline .even >div:nth-child(3) { border: none; padding-bottom: 20px; } .timeline .odd >div:first-child:after, .timeline .even >div:first-child:after { display: none; } .timeline .odd picture img, .timeline .even picture img { width: 90%; } } .timeline .odd .item-content { width: 70%; margin: auto; text-align: left; } .timeline .even .item-content { width: 70%; margin: auto; text-align: right; } @media (max-width: 999px) { .timeline .odd .item-content { width: 90%; text-align: left; } .timeline .even .item-content { width: 90%; margin: auto; text-align: left; } } .bookinghome { z-index: 1; } section.widget, .entryBlog { position: relative; } section.widget .editWidget, .entryBlog .editWidget, * .editWidget { display: none; position: absolute; top: 2px; right: 2px; background: #67BD11; color: #fff; text-decoration: none; padding: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 12px; } section.widget .editWidget:hover, .entryBlog .editWidget:hover, * .editWidget:hover { opacity: .6; } section.widget:hover .editWidget, .entryBlog:hover .editWidget, .widget .editWidget { display: block; } .transfer_services { margin: 80px 0; } .transfer_services .rowa1 h2 { width: 90%; margin-bottom: 26px; } .transfer_services .rowa1 p { width: 90%; } .transfer_services .rowa2 article, .transfer_services .rowa3 article { position: relative; background-color: #fff; margin: 0 10px; padding: 26px; text-align: center; border-radius: 3px; min-height: 540px; } .transfer_services .rowa2 article .time, .transfer_services .rowa3 article .time { position: absolute; top: 26px; right: 26px; } .transfer_services .rowa2 article .time img, .transfer_services .rowa3 article .time img { width: 16px; float: left; margin-right: 4px; } .transfer_services .rowa2 article img, .transfer_services .rowa3 article img { width: 100px; } .transfer_services .rowa2 article h4, .transfer_services .rowa3 article h4 { margin-top: 30px; text-align: left; justify-content: space-between; display: flex; line-height: 30px; } .transfer_services .rowa2 article h4 span:last-child, .transfer_services .rowa3 article h4 span:last-child { font-size: 12px; color: #666; font-weight: 100; } .transfer_services .rowa2 article ul, .transfer_services .rowa3 article ul { text-align: left; list-style: none; margin-bottom: 10px; } .transfer_services .rowa2 article ul li, .transfer_services .rowa3 article ul li { border-bottom: solid 1px #979797; padding: 4px 0; display: flex; justify-content: space-between; } .transfer_services .rowa2 article ul li span:first-child, .transfer_services .rowa3 article ul li span:first-child { display: inline-block; font-weight: 400; } .transfer_services .rowa2 article ul li span:last-child, .transfer_services .rowa3 article ul li span:last-child { display: inline-block; text-align: right; } .transfer_services .rowa2 article .vat, .transfer_services .rowa3 article .vat { text-align: right; font-style: italic; margin: 10px 0 30px 0; font-weight: 400; } .transfer_services .rowa2 article button, .transfer_services .rowa3 article button { width: 86%; position: absolute; bottom: 46px; left: 26px; } .transfer_services .rowa2 article a.conditions, .transfer_services .rowa3 article a.conditions { position: absolute; bottom: 16px; left: 0; width: 100%; text-align: center; font-weight: 400; font-size: 14px; color: #666; text-decoration: underline; } .transfer_services .rowa4 { height: 100%; } .transfer_services .rowa4 article { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .transfer_services .rowa5 article { position: relative; background-color: #0078ff; color: #fff; margin: 0; padding: 26px; text-align: center; border-top-right-radius: 12px; border-bottom-right-radius: 12px; min-height: 440px; } .transfer_services .rowa5 article h2 { text-align: left; font-size: 20px; color: #fff; margin: 10px 0; } .transfer_services .rowa5 article h3 { font-size: 16px; color: #fff; position: relative; margin: 30px 0; padding-bottom: 2px; } .transfer_services .rowa5 article h3 span:first-child { float: left; } .transfer_services .rowa5 article h3 span:last-child { float: right; } .transfer_services .rowa5 article ul { clear: both; text-align: left; list-style: none; margin-top: 16px; } .transfer_services .rowa5 article ul li { border-bottom: solid 1px #fff; padding: 8px 0; display: flex; justify-content: space-between; } .transfer_services .rowa5 article ul li span:first-child { display: inline-block; font-weight: 400; } .transfer_services .rowa5 article ul li span:last-child { display: inline-block; text-align: right; } .transfer_services .rowa5 article .vat { text-align: right; font-style: italic; margin: 10px 0; font-weight: 400; } .transfer_services .rowa5 article a.conditions { position: absolute; bottom: 20px; left: 20px; color: #fff; } .transfer_services .rowa5 article a.conditions:before { content: 'i'; display: inline-block; right: 0; cursor: pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; border: solid 1px; color: #fff; background-color: #0078ff; width: 16px; height: 16px; text-align: center; line-height: 16px; font-weight: 100; margin-left: 10px; font-size: 10px; margin-right: 4px; } @media (min-width: 700px) { .transfer_services .rowa2 article, .transfer_services .rowa3 article { min-height: 590px; } .transfer_services .rowa2 footer, .transfer_services .rowa3 footer { position: absolute; bottom: 0; width: 84%; } .transfer_services .rowa2 footer button, .transfer_services .rowa3 footer button { position: relative; left: 0; bottom: 20px; } .transfer_services .rowa2 footer a.conditions, .transfer_services .rowa3 footer a.conditions { margin: auto; position: relative; width: 100%; } .transfer_services .rowa5 article { min-height: auto; border-radius: 0; } .transfer_services .rowa5 article a.conditions { margin-top: 30px; display: block; position: relative; bottom: auto; left: auto; text-align: left; } } @media (max-width: 999px) { .transfer_services .rowa2 footer button, .transfer_services .rowa3 footer button { position: relative; left: 0; bottom: 20px; } .transfer_services .rowa2 footer a.conditions, .transfer_services .rowa3 footer a.conditions { margin: auto; position: relative; width: 100%; } } .widgetdestacado { position: relative; margin-bottom: 35px; background-color: #0078ff; color: #FFF; padding-bottom: 32px; } .widgetdestacado h3 { color: inherit; padding: 32px; } .widgetdestacado p:first-child { padding-top: 32px; } .widgetdestacado p { font-weight: 100; padding: 16px 32px 0 32px; margin: 0; } .widgetdestacado a.btn-inverse { margin: 32px 0 0 32px; } .widgetfeaturesdetail { position: relative; padding-bottom: 32px; } .widgetfeaturesdetail .col.span_1_of_3 { text-align: center; } .widgetfeaturesdetail .col.span_1_of_3 img { margin: 32px auto; max-width: 90%; } .widgetfeaturesdetail h3 { color: inherit; padding: 16px; } .widgetfeaturesdetail .description { padding: 0 16px; margin-bottom: 20px; } .widgetfeaturesdetail a.btn-primary { margin: 16px 0 0 16px; } @media (max-width: 999px) { .widgetfeaturesdetail .col.span_1_of_3 img { margin-bottom: 0; } .widgetfeaturesdetail h3 { margin-top: 0; } } @media (min-width: 700px) { .widgetfeaturesdetail { display: flex; } .widgetfeaturesdetail .widgetfeaturesdetail_wrapper { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60%; } } .widgetinfocontactcenters, .widgetinfostatuscenters { position: relative; margin-bottom: 35px; padding: 32px 0; background-color: #F9F9F9; } .widgetinfocontactcenters >h2, .widgetinfostatuscenters >h2 { text-align: center; margin-bottom: 0.5rem; } .widgetinfocontactcenters >h2~p, .widgetinfostatuscenters >h2~p { text-align: center; color: #333; font-size: var(--fs-lg); } .widgetinfocontactcenters >h3, .widgetinfostatuscenters >h3 { text-align: center; margin-top: 40px; } .widgetinfocontactcenters section.centers, .widgetinfostatuscenters section.centers { display: flex; justify-content: flex-start; padding: 16px 0; } .widgetinfocontactcenters section.centers article.center, .widgetinfostatuscenters section.centers article.center { background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; width: 33%; padding: 32px; text-align: left; margin: 0 8px; } .widgetinfocontactcenters section.centers article.center h3, .widgetinfostatuscenters section.centers article.center h3 { font-size: var(--fs-2xl); margin-bottom: 16px; } .widgetinfocontactcenters section.centers article.center .p_icon, .widgetinfostatuscenters section.centers article.center .p_icon { position: relative; } .widgetinfocontactcenters section.centers article.center .p_icon a, .widgetinfostatuscenters section.centers article.center .p_icon a { color: inherit; } .widgetinfocontactcenters section.centers article.center .p_icon a:hover, .widgetinfostatuscenters section.centers article.center .p_icon a:hover { color: #0078ff; } .widgetinfocontactcenters section.centers article.center .p_icon img, .widgetinfostatuscenters section.centers article.center .p_icon img { position: absolute; top: 1px; left: 0; } .widgetinfocontactcenters section.centers article.center .p_icon span, .widgetinfostatuscenters section.centers article.center .p_icon span { display: inline-block; margin-left: 26px; } .widgetinfocontactcenters section.centers article.center .p_icon:last-child img, .widgetinfostatuscenters section.centers article.center .p_icon:last-child img { top: 4px; } @media (max-width: 999px) { .widgetinfocontactcenters section.centers, .widgetinfostatuscenters section.centers { display: block; } .widgetinfocontactcenters section.centers article.center, .widgetinfostatuscenters section.centers article.center { width: 100%; margin: 16px 0; } } .widgetinfostatuscenters { background-color: #fafafa !important; } .widgetinfostatuscenters .center.open { background-color: #fff !important; } .widgetinfostatuscenters .center.close { background-color: #ECECEC !important; } .widgetinfostatuscenters span.open { color: #178d51; } .widgetinfostatuscenters span.close { color: #e56668; } .widgetinfostatuscenters a.btn-primary { margin-top: 20px; } .app__container .app__download-btn { width: 150px; } .app__container .app__download-btn img { width: 150px; height: auto; } @media (max-width: 999px) { .app__container .app__more-info { margin: auto; display: inline-block; width: 100%; text-align: center; } } .widgetheaderapp .buttons a { width: 200px; } .widgetaparcagratis { position: relative; margin-bottom: 35px; padding: 32px 16px; background-color: #0078ff; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .widgetaparcagratis >h2 { margin-bottom: 0.5rem; font-size: var(--fs-2xl); color: inherit; } .widgetaparcagratis >p { font-size: var(--fs-1xl); font-weight: 100; } .widgetContactForm { padding: 40px 0; } .widgetContactForm .title { text-align: center; font-size: var(--fs-4xl); margin-bottom: 0.5rem; } .widgetContactForm .sub_title { text-align: center; margin-bottom: 0.5rem; color: #333; font-size: var(--fs-lg); } .widgetContactForm form { padding: 40px 0; } .widgetContactForm form input[type=submit] { margin: 20px; } @media (max-width: 999px) { .widgetContactForm form fieldset { text-align: center; } .widgetContactForm form fieldset input[type=submit] { margin: 20px auto; } } .widgetContactForm form .containerCheckbox { text-align: center; } .widgetContactForm form .containerCheckbox p { display: inline-block; font-size: var(--fs-1xl); font-weight: 400; color: #333; } .widgetContactForm form .containerCheckbox a { color: inherit; text-decoration: underline; } .widgetContactForm form .containerCheckbox input[type=checkbox] { margin-right: 10px; width: 16px; height: 16px; } .widgetContactForm .contact-confirm { text-align: center; color: #0078ff; font-size: var(--fs-md); } .widgetContactForm textarea { height: 164px; } .accordionWrapper { padding: 60px 0; } .accordionWrapper .accordion__title { margin: auto; margin-bottom: 0.5rem; max-width: 700px; text-align: center; } .accordionWrapper .accordion__subtitle { margin: auto; max-width: 700px; color: #333; font-size: var(--fs-lg); text-align: center; } .accordionWrapper .accordion { list-style-type: none; padding: 45px 0; } .accordionWrapper .accordion .accordion_right { text-align: right; } .accordionWrapper .accordion .accordion_center { text-align: center; } .accordionWrapper .accordion .accordion_left { text-align: left; } @media (max-width: 999px) { .accordionWrapper .accordion .accordion_left, .accordionWrapper .accordion .accordion_center { border-bottom: solid 1px #f1f1f1; } } .accordionWrapper .accordion h2 { font-size: var(--fs-xl); margin: 0.7rem 0; cursor: pointer; } @media (max-width: 999px) { .accordionWrapper .accordion h2 { position: relative; padding-right: 40px; } } .accordionWrapper .accordion h2.opened { color: #0078ff; } .accordionWrapper .accordion h2.closed:after { content: attr(h2-after) "+"; padding: 1rem; } .accordionWrapper .accordion h2.opened:after { content: attr(h2-after) "-"; padding: 1rem; } @media (max-width: 999px) { .accordionWrapper .accordion h2:after { position: absolute; top: 0; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } } .accordionWrapper .accordion article { display: none; padding: 10px 10px 20px 10px; } .accordionWrapper .accordion ul { list-style-type: disc; } .widgetheaderapp { padding: 45px 0; background-image: -webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#d6d5d5)); background-image: linear-gradient(to bottom,#f1f1f1,#d6d5d5); } .widgetheaderapp .col.span_1_of_3 { text-align: center; } .widgetheaderapp .col.span_2_of_3 h3 { margin-top: 60px; } .widgetheaderapp .col.span_2_of_3 .buttons { display: flex; margin-top: 30px; } .widgetheaderapp .col.span_2_of_3 .buttons a { margin-right: 20px; } @media (min-width: 700px) { .features.items2 .features__item { width: 50%; } } @media (min-width: 700px) { .features.items3 .features__item { width: 30%; } } @media (min-width: 700px) { .features.items4 .features__item { width: 25%; } .features.items4 .features__item-icon { max-width: 120px; } } @media (min-width: 700px) { .features.items5 .features__item { width: 16%; } .features.items5 .features__item-icon { max-width: 120px; } } @media (min-width: 700px) { .features.items6 .features__item { width: 12%; } .features.items6 .features__item-icon { max-width: 100px; } } @media (min-width: 700px) { .features.covid .features__item { width: 25%; } .features.covid .features__item h3 { font-size: var(--fs-1xl); } } .features.covid.container a.articles__more { padding: 80px 0; display: inline-block; } .section.landing-cta .landing-cta__action.btn-ghost { font-size: var(--fs-3xl); } .header-image { position: relative; margin-bottom: 35px; } .header-image .header-image { min-height: 500px; background-size: cover; background-position: center; } .header-image .header-image__content { max-width: 800px; margin-left: auto; margin-right: auto; color: white; } @media (min-width: 700px) { .header-image .header-image__content { padding-top: 95px; } } @media (max-width: 999px) { .header-image .header-image__content { padding: 20px; } .header-image a.btn-primary { display: block; margin: 10px; } } .header-image .header-image__title { color: inherit; margin-bottom: 0.75rem; } .header-image .header-image__subtitle { color: inherit; font-size: var(--fs-lg); margin-bottom: 45px; } .header-image-simple .header-image__content { max-width: 1200px; } .header-image-simple .header-image__content h1 { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30%; line-height: 1.3em; } .webmap { padding: 40px 0; } .webmap h2 { margin: 30px 0 10px 0; } .webmap p { margin-bottom: .6em; } .imageSliderGroup { margin-bottom: 60px; content-visibility: auto; } @media (max-width: 999px) { .imageSliderGroup { width: 90%; margin: 20px auto; } .imageSlider__title, .imageSlider__subtitle { width: 90%; margin: auto; } } .imageSlider__title { padding-top: 60px; max-width: 700px; margin: auto; margin-bottom: 0.5rem; text-align: center; } .imageSlider__subtitle { max-width: 700px; margin: auto; font-size: var(--fs-lg); color: #333; padding-bottom: 60px; text-align: center; } .widgetCategories, .widgetTags { margin: 20px 0; } .widgetCategories h3, .widgetTags h3 { color: #666; line-height: 1.33; font-weight: 600; font-size: 15px; margin-bottom: .4em; } .widgetCategories.column a { display: block; } .promoBannerApp.mobile { display: none; } .promoBannerApp.mobile .wrapper { background-color: white; border-top: solid 1px #D6D6D6; text-align: center; position: fixed; bottom: 0; width: 100%; } .promoBannerApp.mobile .wrapper .content { position: relative; height: 58px; background-color: #0078FF; color: #fff; width: 94%; border-radius: 8px; padding: 0; margin: 3%; text-align: center; } .promoBannerApp.mobile .wrapper p { width: 80%; line-height: 20px; margin-top: 10px; padding: 0 20px; } .promoBannerApp.mobile .wrapper img { position: absolute; right: 8px; bottom: 0; width: 55px; height: 55px; } body#user { background-color: #eaebec; } body#user .userSession { text-align: center; padding: 160px 0; color: #fff; } body#user .userSession article { margin: auto; padding: 20px; background-color: #fff; width: 500px; border-radius: 8px; } body#user .userSession article h2 { font-size: 20px; color: #333; padding-bottom: 10px; } body#user .userSession article form input[type=text], body#user .userSession article form input[type=password], body#user .userSession article form input[type=email] { width: 90%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-left: 18px; color: #555; font-size: 16px; } body#user .userSession article form fieldset { position: relative; } body#user .userSession article .actions a { text-transform: capitalize; } body#user .userSession article .actions a:hover { color: #fff; } body#user .userSession p { margin: 10px 0; } body#user .error { background-color: #fff; color: #ff0000; padding: 20px; width: 80%; margin: 20px auto; } form.auth input[type=text]::placeholder, form.auth input[type=password]::placeholder, form.auth input[type=email]::placeholder { color: #E6E6E6; } form.auth input[type=text]:-ms-input-placeholder, form.auth input[type=password]:-ms-input-placeholder, form.auth input[type=email]:-ms-input-placeholder { color: #E6E6E6; } form.auth input[type=text]::-ms-input-placeholder, form.auth input[type=password]::-ms-input-placeholder, form.auth input[type=email]::-ms-input-placeholder { color: #E6E6E6; } body#backend form#users label { width: auto; margin-left: 4px; } body#backend form.newuser fieldset { width: auto; float: left; } body#backend form.newuser fieldset .head { margin: 4px 0; } body#backend form.newuser input[type=text], body#backend form.newuser input[type=password] { padding: 12px 16px; } body#backend form.newuser input[type=submit] { margin: 0; } #userMenu { position: relative; width: 34px; height: 34px; line-height: 34px; z-index: 999999; } #userMenu .icon { display: block; cursor: pointer; width: 100%; height: 100%; } #userMenu .icon i.fi-torso, #userMenu .icon i.fi-widget { background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; width: 100%; height: 100%; text-align: center; text-decoration: none; font-size: 20px; font-weight: bold; display: inline-block; } #userMenu .icon i.fi-torso:hover, #userMenu .icon i.fi-widget:hover { opacity: 0.8; } #userMenu .icon i.fi-widget { background: #FFF; } #userMenu .icon i.fi-widget:before { color: #555; } #userMenu .panel { position: absolute; display: none; top: 52px; right: 0px; background: #555; width: 200px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 16px; } #userMenu .panel .cover img { float: left; padding: 4px; border: solid 1px #f1f1f1; margin: 4px 10px 0 10px; width: 80px; height: 80px; overflow: hidden; position: relative; } #userMenu .panel .modifyCover { background: none repeat scroll 0 0 rgba(255,255,255,0.5); color: #FFFFFF; display: none; height: 80px; left: 15px; line-height: 80px; position: absolute; text-align: center; top: 9px; width: 80px; text-decoration: none; } #userMenu .panel .cover:hover .modifyCover { display: block; } #userMenu .panel ul { list-style: none; text-align: left; } #userMenu .panel ul li { height: 24px; line-height: 24px; } #userMenu .panel ul li a { display: block; font-size: 13px; color: #fff; } #userMenu .panel::after { content: ""; border-color: transparent transparent #555555; border-style: solid; border-width: 0 7px 8px 7px; height: 0; position: absolute; right: 10px; top: -8px; width: 0; } #userMenu:hover a.edit { display: block; } .report { margin: 10px auto; width: 40%; } .report li { background: red; color: #fff; padding: 8px; }