/*! * Cropper v0.11.1 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2015 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2015-08-22T04:54:51.269Z */ .cropper-container { position: relative; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-drag-box { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .cropper-modal { background-color: #000; filter: alpha(opacity=50); opacity: .5; } .cropper-view-box { display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #69f; border-color: rgba(102, 153, 255, .75); -webkit-border-radius: 100%; border-radius: 100%; } .modaal-wrapper .cropper-view-box{ -webkit-backface-visibility: initial; } .cropper-dashed { position: absolute; display: block; filter: alpha(opacity=50); border: 0 dashed #eee; opacity: .5; } .cropper-dashed.dashed-h { top: 33.33333333%; left: 0; width: 100%; height: 33.33333333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333333%; width: 33.33333333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; filter: alpha(opacity=75); opacity: .75; } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: " "; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: .1; } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #69f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #69f; filter: alpha(opacity=75); opacity: .75; } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; filter: alpha(opacity=100); opacity: 1; } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; background-color: #69f; filter: alpha(opacity=0); opacity: 0; } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; filter: alpha(opacity=75); opacity: .75; } } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-invisible { filter: alpha(opacity=0); opacity: 0; } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .img-container > img { max-width: 100%; } #facebox { position: absolute; top:50%; left: 0; z-index: 100; text-align: left; } #facebox .popup{ position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); } #facebox .content { display:table; width: 700px; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ opacity:0.3; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: rgba(0,0,0,0.5); z-index: 99; } @media only screen and (max-width:767px) { #facebox { left: 10px !important; max-width: 100% !important; right: 10px !important; } #facebox  .content { width:100% !important; display:block; } } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("fonts/fa-brands-400.eot"); src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("fonts/fa-solid-900.eot"); src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*pawan*//* FunAway 1.0 By FATbit/Ablysoft */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,600&display=swap'); span svg { display: inline; } * { -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } img { display: inline-block; vertical-align: middle; max-width: 100%; } /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ progress, sub, sup { vertical-align: baseline; } button, hr, input, select { overflow: visible; } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } html { font-family: 'Open Sans', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: 'Open Sans', sans-serif; font-size: 1em; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { cursor: pointer; } [disabled] { cursor: default; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: ButtonText dotted 1px; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { color: inherit; display: table; max-width: 100%; white-space: normal; } textarea { overflow: auto; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } @-ms-viewport { width: device-width; } body { -ms-overflow-style: scrollbar; } /* Type */ html, body { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: normal; font-weight: 400; line-height: 24px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; } @media screen and (max-width: 47.9375rem) { html, body { text-align: center; } } a { text-decoration: none; color: inherit; } a:hover { color: inherit; } strong, b { font-weight: 600; } em, i { font-style: italic; } p { margin: 0; font-size: inherit; line-height: 2; } p:not(:last-child) { margin: 0 0 1.25em 0; } h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0 0 0.625em 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } @media screen and (max-width: 63.9375rem) { h1, h2, h3, h4, h5, h6 { margin: 0 0 0.625em 0; } } h1 { font-size: 2.25rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } @media screen and (max-width: 47.9375rem) { h2 { font-size: 1em; } h3 { font-size: 0.8em; } } sub { font-size: 0.8em; position: relative; top: 0.5em; } sup { font-size: 0.8em; position: relative; top: -0.5em; } blockquote { font-style: italic; font-weight: 700; margin: 0 0 1.25em 0; } code { background: #f2f2f2; font-family: 'Open Sans', sans-serif; font-size: 0.9em; margin: 0 0.25em; padding: 0.25em 0.65em; } pre { -webkit-overflow-scrolling: touch; font-family: 'Open Sans', sans-serif; font-size: 0.9em; margin: 0 0 1.25em 0; } pre code { display: block; line-height: 1.75em; padding: 1em 1.5em; overflow-x: auto; } hr { border: 0; border-bottom: solid 1px currentcolor; opacity: 0.1; margin: 2.49375em 0; } @media screen and (max-width: 47.9375rem) { hr { margin: 1.3125em 0; } } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } table td, table th { padding: 0; font-weight: inherit; } @media screen and (min-width: 48rem) { table td, table th { text-align: left; } } fieldset { border-width: 0; margin: 0; padding: 0; } .text--left { text-align: left; } .text--right { text-align: right; } .text--center { text-align: center; } .text--justify { text-align: justify; } .text--underline { text-decoration: underline; } .text--overline { text-decoration: overline; } .border.border--top { border-top: 1px solid rgba(0, 0, 0, 0.1); } .border.border--left { border-left: 1px solid rgba(0, 0, 0, 0.1); } .border.border--right { border-right: 1px solid rgba(0, 0, 0, 0.1); } .border.border--bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .clearfix:after { display: table; clear: both; content: ""; } @media screen and (min-width: 48rem) { .fl--left { float: left; } .fl--right { float: right; } } /* List */ ol { list-style: decimal; } ol:not(:last-child) { margin-bottom: 1.25em; } ol:not([class]) { text-align: left; } ul { list-style: disc; } ul:not(:last-child) { margin-bottom: 1.25em; } ul:not([class]) { text-align: left; } .list { margin-top: 0; margin-bottom: 0; } .list.list--horizontal { cursor: default; list-style: none; padding-left: 0; } .list.list--horizontal > * { display: inline-block; vertical-align: middle; } @media screen and (min-width: 48rem) { .list.list--horizontal.list--2 > *, .list.list--horizontal.list--3 > *, .list.list--horizontal.list--4 > *, .list.list--horizontal.list--5 > * { width: 49.5%; } } @media screen and (min-width: 64rem) { .list.list--horizontal.list--3 > *, .list.list--horizontal.list--4 > *, .list.list--horizontal.list--5 > * { width: 32.83333%; } } @media screen and (min-width: 80rem) { .list.list--horizontal.list--4 > * { width: 24.5%; } .list.list--horizontal.list--5 > * { width: 19.5%; } } .list.list--vertical { cursor: default; list-style: none; padding-left: 0; } .list.list--vertical > * { display: block; } .list.list--fit { display: table; table-layout: fixed; cursor: default; list-style: none; padding-left: 0; width: 100%; } .list.list--fit > * { display: table-cell; vertical-align: middle; width: 50%; } .list.list--flex { display: -webkit-flex; -webkit-flex-direction: row; -webkit-align-items: center; -webkit-justify-content: flex-start; -webkit-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: default; list-style: none; padding-left: 0; } .list.list--flex > * { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .list.list--bullet > * { position: relative; padding-left: 2em; } .list.list--bullet > *:before { position: absolute; top: calc(50% - 0.5em); left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 0.6em; height: 0.3em; border-bottom: 3px solid currentColor; border-left: 3px solid currentColor; content: ""; opacity: 0.3; } dl dt { display: block; font-weight: normal; font-weight: 700; margin: 0 0 0.625em 0; } dl dd { margin-left: 1.25em; } .ratio { position: relative; width: 100%; overflow: hidden; } .ratio:before { display: block; content: ""; } .ratio--1by1:before { padding-bottom: 100% !important; } .ratio--4by3:before { padding-bottom: 75% !important; } .ratio--3by4:before { padding-bottom: 133.33333% !important; } .ratio--16by9:before { padding-bottom: 56.25% !important; } .ratio--9by16:before { padding-bottom: 177.77778% !important; } .ratio--2by1:before { padding-bottom: 50% !important; } .ratio--1by2:before { padding-bottom: 200% !important; } .ratio--3by1:before { padding-bottom: 33.33333% !important; } .ratio--1by3:before { padding-bottom: 300% !important; } .ratio--4by1:before { padding-bottom: 25% !important; } .ratio--1by4:before { padding-bottom: 400% !important; } .no--margin { margin: 0 !important; } .no--margin-left { margin-left: 0 !important; } .no--margin-right { margin-right: 0 !important; } .no--margin-top { margin-top: 0 !important; } .no--margin-bottom { margin-bottom: 0 !important; } .no--padding { padding: 0 !important; } .no--padding-left { padding-left: 0 !important; } .no--padding-right { padding-right: 0 !important; } .no--padding-top { padding-top: 0 !important; } .no--padding-bottom { padding-bottom: 0 !important; } .scrollable--y { -webkit-overflow-scrolling: touch; max-height: 100%; overflow: hidden; overflow-y: auto; } .scrollable--x { -webkit-overflow-scrolling: touch; max-width: 100%; overflow: hidden; overflow-x: auto; } .scrollable--hidden { -webkit-overflow-scrolling: touch; max-width: 100%; overflow: hidden; } .text--primary { /* Type Colors */ color: #22805A !important; } .text--secondary { color: #141a17 !important; } .text--blue { color: #4D979B !important;  } .text--green { color: #22805A !important; } .text--brown { color: #aaaaaa !important; } .text--red { color: #ED6F58 !important; } .text--orange { color: #EBA23E !important; } .text--facebook { color: #3a5795 !important; } .text--twitter { color: #55acee !important; } .text--linkedin { color: #006fa6 !important; } .text--base { color: #f2f2f2 !important; } .site-main__body { min-height: 60vh; } /* Type */ .heading-text { display: block; margin: 0; padding: 0; font-size: 1.75rem; font-weight: normal; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; } .heading-text:not(:last-child) { margin-bottom: 0.53571em; } .heading-text.heading-text--small { font-size: 1.5rem; } @media screen and (min-width: 80rem) { .heading-text.heading-text--large { font-size: 2rem; font-weight: 700; } } .special-heading-text { display: block; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 1.75rem; font-size: calc( 1.5rem + 1.5vw ); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; } .special-heading-text:not(:last-child) { margin-bottom: 0.3125em; } @media screen and (max-width: 79.9375rem) { .special-heading-text { font-size: 3rem; font-size: calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); } } @media screen and (max-width: 47.9375rem) { .special-heading-text { font-size: 2.25rem; font-size: calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); } } .block-heading-text { display: block; margin: 0; padding: 0; font-size: 1.3125rem; font-weight: normal; font-weight: 600; line-height: 1; letter-spacing: -0.02em; } .block-heading-text:not(:last-child) { margin-bottom: 1.07143em; } .block-heading-text.block-heading-text--small { font-size: 1.09375rem; } .block-heading-text.block-heading-text--large { font-size: 1.53125rem; } .sub-heading-text { display: block; margin: 0; padding: 0; font-size: 1rem; font-weight: 500; line-height: 1.2; letter-spacing: 0.25em; text-transform: uppercase; } .sub-heading-text:not(:last-child) { margin-bottom: 1.07143em; } .sub-heading-text.sub-heading-text--small { font-size: 0.9375rem; } .sub-heading-text.sub-heading-text--large { font-size: 1.3125rem; } .regular-text { font-size: 1rem; line-height: 1.8; } .regular-text.regular-text--small { font-size: 0.6125rem; font-weight: 400; } .regular-text.regular-text--large { font-size: 1.1375rem; font-weight: 300; } .assistive__text { position: absolute !important; margin: -1px !important; border: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; } @media screen and (min-width: 48rem) { .hidden-on--tablet { display: none !important; } .spacing-mobile { padding-bottom : 10px !important; } } @media screen and (min-width: 80rem) { .hidden-on--tablet { display: inline-block !important; width: 100%; } .hidden-on--desktop { display: none !important; } } @media screen and (max-width: 47.9375rem) { .hidden-on--mobile { display: none !important; } .spacing-mobile { padding-bottom : 10px !important; } } .visible-on--mobile, .visible-on--tablet, .visible-on--desktop { display: none !important; } @media screen and (max-width: 47.9375rem) { .visible-on--mobile { display: block !important; } } @media screen and (min-width: 48rem) { .visible-on--tablet { display: block !important; } } @media screen and (min-width: 80rem) { .visible-on--desktop { display: block !important; } .visible-on--tablet { display: none !important; } } .system-message { position: fixed; left: 0; right: 0; bottom: 0; display: block; width: 100%; z-index: 8000; } @media screen and (min-width: 30rem) { .system-message { left: 50px; bottom: 50px; max-width: 400px; } } .system-message ul { margin: 0; padding: 0; list-style: none; } .system-message .div_msg, .system-message .div_error { padding: 1.25em; display: block; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.02em; } .system-message .div_msg { background-color: #99e6df; color: #008075; } .system-message .div_error { background-color: #f6bfac; color: #9b2d08; } .alert { position: fixed; width: 100%; left: 0; right: 0; bottom: 0; z-index: 8000; /*-webkit-box-shadow: 0 -1px 7px 0 rgba(_palette(sec), 0.1); box-shadow: 0 -1px 7px 0 rgba(_palette(sec), 0.1);*/ -webkit-transition: bottom 0.3s linear; -o-transition: bottom 0.3s linear; transition: bottom 0.3s linear; } @media screen and (min-width: 30rem) { .alert { left: 50px; bottom: 50px; max-width: 400px; } } .alert > div { display: block; padding: 1.25em 1.25em; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.02em; } .alert:nth-of-type(2):not(.site-fixed-sidebar) { bottom: 0px; } .alert:nth-of-type(3):not(.site-fixed-sidebar) { bottom: 36px; } .alert:nth-of-type(4):not(.site-fixed-sidebar) { bottom: 72px; } .alert:nth-of-type(5):not(.site-fixed-sidebar) { bottom: 108px; } .alert:nth-of-type(6):not(.site-fixed-sidebar) { bottom: 144px; } .alert:nth-of-type(7):not(.site-fixed-sidebar) { bottom: 180px; } .alert:nth-of-type(8):not(.site-fixed-sidebar) { bottom: 216px; } .alert:nth-of-type(9):not(.site-fixed-sidebar) { bottom: 252px; } .alert:nth-of-type(10):not(.site-fixed-sidebar) { bottom: 288px; } .alert .close { cursor: pointer; } .alert .content, .alert .close { display: inline-block; vertical-align: middle; } .alert .content:not(:first-child), .alert .close:not(:first-child) { margin-left: 1.25em; } .alert .close { position: absolute; top: calc(50% - 12px); right: 10px; } .alert.alert_danger > div { background-color: #f6bfac; color: #9b2d08; } .alert.alert_success > div { background-color: #92cdb5; color: #1c6648; } .alert.alert_warning > div { background-color: #fbf0b6; color: #ccaa00; } .alert.alert_info > div { background-color: #92cdb5; color: #1c6648; } .img-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-color: rgba(255, 255, 255, 0.9); } .img-loader img { display: inline-block; vertical-align: middle; } .breadcrumb { list-style: none; margin: 0; padding: 0; } .breadcrumb a:not(.button):not(.modaal-confirm-btn) { position: relative; display: block; padding: 0 0.5em; font-size: 1rem; font-weight: 400; } .breadcrumb a:not(.button):not(.modaal-confirm-btn):hover { text-decoration: none; } .breadcrumb li:first-child a { padding-left: 0 !important; } .breadcrumb > *:not(:first-child) a:before { content: '/'; position: absolute; left: 0; opacity: 0.4; } .breadcrumb > *:last-child a { font-weight: 600 !important; font-style: italic; } .breadcrumb > *:first-child a { padding-left: 0; } .breadcrumb > *:first-child a:before { content: ''; } /* Button */ .buttons__group { margin-top: -0.625rem; } .buttons__group .button, .buttons__group .img-uploader .upload-label, .img-uploader .buttons__group .upload-label, .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default, .buttons__group .main-carousel__item .main-carousel__gallery, .main-carousel__item .buttons__group .main-carousel__gallery, .buttons__group .main-carousel__item .main-carousel__video, .main-carousel__item .buttons__group .main-carousel__video, .buttons__group .modaal-confirm-btn { margin-top: 0.625rem; } @media screen and (min-width: 30rem) { .buttons__group .button + .button, .buttons__group .img-uploader .upload-label + .button, .img-uploader .buttons__group .upload-label + .button, .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + .button, .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + .button, .buttons__group .main-carousel__item .main-carousel__gallery + .button, .main-carousel__item .buttons__group .main-carousel__gallery + .button, .buttons__group .main-carousel__item .main-carousel__video + .button, .main-carousel__item .buttons__group .main-carousel__video + .button, .buttons__group .modaal-confirm-btn + .button, .buttons__group .img-uploader .button + .upload-label, .img-uploader .buttons__group .button + .upload-label, .buttons__group .img-uploader .upload-label + .upload-label, .img-uploader .buttons__group .upload-label + .upload-label, .buttons__group .ui-datepicker .ui-datepicker-buttonpane .img-uploader button.ui-state-default + .upload-label, .img-uploader .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + .upload-label, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .img-uploader button.ui-state-default + .upload-label, .img-uploader .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + .upload-label, .buttons__group .main-carousel__item .img-uploader .main-carousel__gallery + .upload-label, .img-uploader .buttons__group .main-carousel__item .main-carousel__gallery + .upload-label, .main-carousel__item .buttons__group .img-uploader .main-carousel__gallery + .upload-label, .img-uploader .main-carousel__item .buttons__group .main-carousel__gallery + .upload-label, .buttons__group .main-carousel__item .img-uploader .main-carousel__video + .upload-label, .img-uploader .buttons__group .main-carousel__item .main-carousel__video + .upload-label, .main-carousel__item .buttons__group .img-uploader .main-carousel__video + .upload-label, .img-uploader .main-carousel__item .buttons__group .main-carousel__video + .upload-label, .buttons__group .img-uploader .modaal-confirm-btn + .upload-label, .img-uploader .buttons__group .modaal-confirm-btn + .upload-label, .buttons__group .ui-datepicker .ui-datepicker-buttonpane .button + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .button + button.ui-state-default, .buttons__group .img-uploader .ui-datepicker .ui-datepicker-buttonpane .upload-label + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .img-uploader .upload-label + button.ui-state-default, .img-uploader .buttons__group .ui-datepicker .ui-datepicker-buttonpane .upload-label + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .img-uploader .buttons__group .upload-label + button.ui-state-default, .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + button.ui-state-default, .buttons__group .main-carousel__item .ui-datepicker .ui-datepicker-buttonpane .main-carousel__gallery + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .main-carousel__item .main-carousel__gallery + button.ui-state-default, .main-carousel__item .buttons__group .ui-datepicker .ui-datepicker-buttonpane .main-carousel__gallery + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .main-carousel__item .buttons__group .main-carousel__gallery + button.ui-state-default, .buttons__group .main-carousel__item .ui-datepicker .ui-datepicker-buttonpane .main-carousel__video + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .main-carousel__item .main-carousel__video + button.ui-state-default, .main-carousel__item .buttons__group .ui-datepicker .ui-datepicker-buttonpane .main-carousel__video + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .main-carousel__item .buttons__group .main-carousel__video + button.ui-state-default, .buttons__group .ui-datepicker .ui-datepicker-buttonpane .modaal-confirm-btn + button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .modaal-confirm-btn + button.ui-state-default, .buttons__group .main-carousel__item .button + .main-carousel__gallery, .main-carousel__item .buttons__group .button + .main-carousel__gallery, .buttons__group .img-uploader .main-carousel__item .upload-label + .main-carousel__gallery, .main-carousel__item .buttons__group .img-uploader .upload-label + .main-carousel__gallery, .img-uploader .buttons__group .main-carousel__item .upload-label + .main-carousel__gallery, .main-carousel__item .img-uploader .buttons__group .upload-label + .main-carousel__gallery, .buttons__group .ui-datepicker .ui-datepicker-buttonpane .main-carousel__item button.ui-state-default + .main-carousel__gallery, .main-carousel__item .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + .main-carousel__gallery, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .main-carousel__item button.ui-state-default + .main-carousel__gallery, .main-carousel__item .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + .main-carousel__gallery, .buttons__group .main-carousel__item .main-carousel__gallery + .main-carousel__gallery, .main-carousel__item .buttons__group .main-carousel__gallery + .main-carousel__gallery, .buttons__group .main-carousel__item .main-carousel__video + .main-carousel__gallery, .main-carousel__item .buttons__group .main-carousel__video + .main-carousel__gallery, .buttons__group .main-carousel__item .modaal-confirm-btn + .main-carousel__gallery, .main-carousel__item .buttons__group .modaal-confirm-btn + .main-carousel__gallery, .buttons__group .main-carousel__item .button + .main-carousel__video, .main-carousel__item .buttons__group .button + .main-carousel__video, .buttons__group .img-uploader .main-carousel__item .upload-label + .main-carousel__video, .main-carousel__item .buttons__group .img-uploader .upload-label + .main-carousel__video, .img-uploader .buttons__group .main-carousel__item .upload-label + .main-carousel__video, .main-carousel__item .img-uploader .buttons__group .upload-label + .main-carousel__video, .buttons__group .ui-datepicker .ui-datepicker-buttonpane .main-carousel__item button.ui-state-default + .main-carousel__video, .main-carousel__item .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + .main-carousel__video, .ui-datepicker .ui-datepicker-buttonpane .buttons__group .main-carousel__item button.ui-state-default + .main-carousel__video, .main-carousel__item .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + .main-carousel__video, .buttons__group .main-carousel__item .main-carousel__gallery + .main-carousel__video, .main-carousel__item .buttons__group .main-carousel__gallery + .main-carousel__video, .buttons__group .main-carousel__item .main-carousel__video + .main-carousel__video, .main-carousel__item .buttons__group .main-carousel__video + .main-carousel__video, .buttons__group .main-carousel__item .modaal-confirm-btn + .main-carousel__video, .main-carousel__item .buttons__group .modaal-confirm-btn + .main-carousel__video, .buttons__group .button + .modaal-confirm-btn, .buttons__group .img-uploader .upload-label + .modaal-confirm-btn, .img-uploader .buttons__group .upload-label + .modaal-confirm-btn, .buttons__group .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default + .modaal-confirm-btn, .ui-datepicker .ui-datepicker-buttonpane .buttons__group button.ui-state-default + .modaal-confirm-btn, .buttons__group .main-carousel__item .main-carousel__gallery + .modaal-confirm-btn, .main-carousel__item .buttons__group .main-carousel__gallery + .modaal-confirm-btn, .buttons__group .main-carousel__item .main-carousel__video + .modaal-confirm-btn, .main-carousel__item .buttons__group .main-carousel__video + .modaal-confirm-btn, .buttons__group .modaal-confirm-btn + .modaal-confirm-btn { margin-left: 0.625rem; } } @media screen and (min-width: 48rem) { .buttons__group { white-space: nowrap; } } .s-button { display: inline-block; width: 100%; max-width: 500px; padding: 0 0.71429em; line-height: 3.57143em; min-height: calc(3.57143em + 2px); min-width: 3.57143em; border-radius: 0; font-size: 0.875rem; text-align: center; color: inherit; background-color: #fff; border: 1px solid #e5e5e5; -webkit-transition: border 0.3s linear, background 0.3s linear; -o-transition: border 0.3s linear, background 0.3s linear; transition: border 0.3s linear, background 0.3s linear; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; } .s-button::-ms-expand { display: none; } .button, .img-uploader .upload-label, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .modaal-confirm-btn { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; display: inline-block; vertical-align: middle; height: 3.125em; font-family: 'Open Sans', sans-serif; font-size: 1rem; font-weight: normal; font-weight: 400; letter-spacing: 0.0625em; line-height: 3.125em; padding: 0 0.5625em 0 0.5625em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-radius: 0.3125em; border: 1px solid transparent; background-color: transparent; color: #141a17; min-width: 5em; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .button.button--icon, .img-uploader .button--icon.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--icon.ui-state-default, .main-carousel__item .button--icon.main-carousel__gallery, .main-carousel__item .button--icon.main-carousel__video, .button--icon.modaal-confirm-btn { white-space: nowrap; } .button.button--icon:before:last-child, .img-uploader .button--icon.upload-label:before:last-child, .ui-datepicker .ui-datepicker-buttonpane button.button--icon.ui-state-default:before:last-child, .main-carousel__item .button--icon.main-carousel__gallery:before:last-child, .main-carousel__item .button--icon.main-carousel__video:before:last-child, .button--icon.modaal-confirm-btn:before:last-child, .button.button--icon span:last-child, .img-uploader .button--icon.upload-label span:last-child, .ui-datepicker .ui-datepicker-buttonpane button.button--icon.ui-state-default span:last-child, .main-carousel__item .button--icon.main-carousel__gallery span:last-child, .main-carousel__item .button--icon.main-carousel__video span:last-child, .button--icon.modaal-confirm-btn span:last-child { margin-left: 0.5em; } .button.button--icon:before:first-child, .img-uploader .button--icon.upload-label:before:first-child, .ui-datepicker .ui-datepicker-buttonpane button.button--icon.ui-state-default:before:first-child, .main-carousel__item .button--icon.main-carousel__gallery:before:first-child, .main-carousel__item .button--icon.main-carousel__video:before:first-child, .button--icon.modaal-confirm-btn:before:first-child, .button.button--icon span:first-child, .img-uploader .button--icon.upload-label span:first-child, .ui-datepicker .ui-datepicker-buttonpane button.button--icon.ui-state-default span:first-child, .main-carousel__item .button--icon.main-carousel__gallery span:first-child, .main-carousel__item .button--icon.main-carousel__video span:first-child, .button--icon.modaal-confirm-btn span:first-child { margin-right: 0.5em; } .button .icon, .img-uploader .upload-label .icon, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default .icon, .main-carousel__item .main-carousel__gallery .icon, .main-carousel__item .main-carousel__video .icon, .modaal-confirm-btn .icon { margin-top: -3px; } .button.button--circle, .img-uploader .button--circle.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--circle.ui-state-default, .main-carousel__item .button--circle.main-carousel__gallery, .main-carousel__item .button--circle.main-carousel__video, .button--circle.modaal-confirm-btn { padding: 0; text-align: center; width: 3.125em; border-radius: 100%; -webkit-border-radius: 100%; min-width: 0; } .button.button--square, .img-uploader .button--square.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--square.ui-state-default, .main-carousel__item .button--square.main-carousel__gallery, .main-carousel__item .button--square.main-carousel__video, .button--square.modaal-confirm-btn { padding: 0; text-align: center; width: 3.125em; min-width: 0; } .button.button--fit, .img-uploader .button--fit.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--fit.ui-state-default, .main-carousel__item .button--fit.main-carousel__gallery, .main-carousel__item .button--fit.main-carousel__video, .button--fit.modaal-confirm-btn { display: block; width: 100%; max-width: 500px; margin-top: 0; margin-bottom: 1.25em; margin-left: auto !important; margin-right: auto !important; } .button.button--small, .img-uploader .upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--small.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .img-uploader button.ui-state-default.upload-label, .img-uploader .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.upload-label, .main-carousel__item .button--small.main-carousel__gallery, .main-carousel__item .button--small.main-carousel__video, .button--small.modaal-confirm-btn { font-size: 0.75rem; font-weight: 500; } .button.button--large, .img-uploader .button--large.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--large.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .button--large.modaal-confirm-btn { font-size: 1.25rem; } .button.button--disabled, .img-uploader .button--disabled.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--disabled.ui-state-default, .main-carousel__item .button--disabled.main-carousel__gallery, .main-carousel__item .button--disabled.main-carousel__video, .button--disabled.modaal-confirm-btn, .button:disabled, .img-uploader .upload-label:disabled, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:disabled, .main-carousel__item .main-carousel__gallery:disabled, .main-carousel__item .main-carousel__video:disabled, .modaal-confirm-btn:disabled { opacity: 0.25; cursor: not-allowed; pointer-events: none; } .button.button--focus, .img-uploader .button--focus.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--focus.ui-state-default, .main-carousel__item .button--focus.main-carousel__gallery, .main-carousel__item .button--focus.main-carousel__video, .button--focus.modaal-confirm-btn, .button:focus, .img-uploader .upload-label:focus, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:focus, .main-carousel__item .main-carousel__gallery:focus, .main-carousel__item .main-carousel__video:focus, .modaal-confirm-btn:focus { -webkit-box-shadow: 0 0 0 5px rgba(191, 191, 191, 0.1); box-shadow: 0 0 0 5px rgba(191, 191, 191, 0.1); } .button.button--fill, .img-uploader .button--fill.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .button--fill.modaal-confirm-btn { color: #ffffff; } .button.button--fill:hover, .img-uploader .button--fill.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:hover, .main-carousel__item .main-carousel__gallery:hover, .main-carousel__item .main-carousel__video:hover, .button--fill.modaal-confirm-btn:hover, .button.button--fill:active, .img-uploader .button--fill.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:active, .main-carousel__item .main-carousel__gallery:active, .main-carousel__item .main-carousel__video:active, .button--fill.modaal-confirm-btn:active { border-color: rgba(255, 255, 255, 0.2); } .button.button--fill.button--primary, .img-uploader .button--fill.button--primary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--primary.ui-state-default, .main-carousel__item .button--primary.main-carousel__gallery, .main-carousel__item .button--primary.main-carousel__video, .button--fill.button--primary.modaal-confirm-btn { background-color: #22805A; } .button.button--fill.button--primary:hover, .img-uploader .button--fill.button--primary.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--primary.ui-state-default:hover, .main-carousel__item .button--primary.main-carousel__gallery:hover, .main-carousel__item .button--primary.main-carousel__video:hover, .button--fill.button--primary.modaal-confirm-btn:hover, .button.button--fill.button--primary:active, .img-uploader .button--fill.button--primary.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--primary.ui-state-default:active, .main-carousel__item .button--primary.main-carousel__gallery:active, .main-carousel__item .button--primary.main-carousel__video:active, .button--fill.button--primary.modaal-confirm-btn:active, .button.button--fill.button--primary.has--active, .img-uploader .button--fill.button--primary.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--primary.has--active.ui-state-default, .main-carousel__item .button--primary.has--active.main-carousel__gallery, .main-carousel__item .button--primary.has--active.main-carousel__video, .button--fill.button--primary.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--secondary, .img-uploader .button--fill.button--secondary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--secondary.ui-state-default, .main-carousel__item .button--secondary.main-carousel__gallery, .main-carousel__item .button--secondary.main-carousel__video, .button--fill.button--secondary.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--secondary:hover, .img-uploader .button--fill.button--secondary.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--secondary.ui-state-default:hover, .main-carousel__item .button--secondary.main-carousel__gallery:hover, .main-carousel__item .button--secondary.main-carousel__video:hover, .button--fill.button--secondary.modaal-confirm-btn:hover, .button.button--fill.button--secondary:active, .img-uploader .button--fill.button--secondary.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--secondary.ui-state-default:active, .main-carousel__item .button--secondary.main-carousel__gallery:active, .main-carousel__item .button--secondary.main-carousel__video:active, .button--fill.button--secondary.modaal-confirm-btn:active, .button.button--fill.button--secondary.has--active, .img-uploader .button--fill.button--secondary.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--secondary.has--active.ui-state-default, .main-carousel__item .button--secondary.has--active.main-carousel__gallery, .main-carousel__item .button--secondary.has--active.main-carousel__video, .button--fill.button--secondary.has--active.modaal-confirm-btn { background-color: #22805A; } .button.button--fill.button--blue, .img-uploader .button--fill.button--blue.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--blue.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .button--fill.button--blue.modaal-confirm-btn { background-color: #4D979B; } .button.button--fill.button--blue:hover, .img-uploader .button--fill.button--blue.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--blue.ui-state-default:hover, .main-carousel__item .main-carousel__gallery:hover, .main-carousel__item .main-carousel__video:hover, .button--fill.button--blue.modaal-confirm-btn:hover, .button.button--fill.button--blue:active, .img-uploader .button--fill.button--blue.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--blue.ui-state-default:active, .main-carousel__item .main-carousel__gallery:active, .main-carousel__item .main-carousel__video:active, .button--fill.button--blue.modaal-confirm-btn:active, .button.button--fill.button--blue.has--active, .img-uploader .button--fill.button--blue.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--blue.has--active.ui-state-default, .main-carousel__item .has--active.main-carousel__gallery, .main-carousel__item .has--active.main-carousel__video, .button--fill.button--blue.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--red, .img-uploader .button--fill.button--red.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--red.ui-state-default, .main-carousel__item .button--red.main-carousel__gallery, .main-carousel__item .button--red.main-carousel__video, .button--fill.button--red.modaal-confirm-btn { background-color: #ED6F58; } .button.button--fill.button--red:hover, .img-uploader .button--fill.button--red.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--red.ui-state-default:hover, .main-carousel__item .button--red.main-carousel__gallery:hover, .main-carousel__item .button--red.main-carousel__video:hover, .button--fill.button--red.modaal-confirm-btn:hover, .button.button--fill.button--red:active, .img-uploader .button--fill.button--red.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--red.ui-state-default:active, .main-carousel__item .button--red.main-carousel__gallery:active, .main-carousel__item .button--red.main-carousel__video:active, .button--fill.button--red.modaal-confirm-btn:active, .button.button--fill.button--red.has--active, .img-uploader .button--fill.button--red.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--red.has--active.ui-state-default, .main-carousel__item .button--red.has--active.main-carousel__gallery, .main-carousel__item .button--red.has--active.main-carousel__video, .button--fill.button--red.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--orange, .img-uploader .button--fill.button--orange.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--orange.ui-state-default, .main-carousel__item .button--orange.main-carousel__gallery, .main-carousel__item .button--orange.main-carousel__video, .button--fill.button--orange.modaal-confirm-btn { background-color: #EBA23E; } .button.button--fill.button--orange:hover, .img-uploader .button--fill.button--orange.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--orange.ui-state-default:hover, .main-carousel__item .button--orange.main-carousel__gallery:hover, .main-carousel__item .button--orange.main-carousel__video:hover, .button--fill.button--orange.modaal-confirm-btn:hover, .button.button--fill.button--orange:active, .img-uploader .button--fill.button--orange.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--orange.ui-state-default:active, .main-carousel__item .button--orange.main-carousel__gallery:active, .main-carousel__item .button--orange.main-carousel__video:active, .button--fill.button--orange.modaal-confirm-btn:active, .button.button--fill.button--orange.has--active, .img-uploader .button--fill.button--orange.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--orange.has--active.ui-state-default, .main-carousel__item .button--orange.has--active.main-carousel__gallery, .main-carousel__item .button--orange.has--active.main-carousel__video, .button--fill.button--orange.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--green, .img-uploader .button--fill.button--green.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--green.ui-state-default, .main-carousel__item .button--green.main-carousel__gallery, .main-carousel__item .button--green.main-carousel__video, .button--fill.button--green.modaal-confirm-btn { background-color: #4D979B; } .button.button--fill.button--green:hover, .img-uploader .button--fill.button--green.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--green.ui-state-default:hover, .main-carousel__item .button--green.main-carousel__gallery:hover, .main-carousel__item .button--green.main-carousel__video:hover, .button--fill.button--green.modaal-confirm-btn:hover, .button.button--fill.button--green:active, .img-uploader .button--fill.button--green.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--green.ui-state-default:active, .main-carousel__item .button--green.main-carousel__gallery:active, .main-carousel__item .button--green.main-carousel__video:active, .button--fill.button--green.modaal-confirm-btn:active, .button.button--fill.button--green.has--active, .img-uploader .button--fill.button--green.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--green.has--active.ui-state-default, .main-carousel__item .button--green.has--active.main-carousel__gallery, .main-carousel__item .button--green.has--active.main-carousel__video, .button--fill.button--green.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--brown, .img-uploader .button--fill.button--brown.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--brown.ui-state-default, .main-carousel__item .button--brown.main-carousel__gallery, .main-carousel__item .button--brown.main-carousel__video, .button--fill.button--brown.modaal-confirm-btn { background-color: #aaaaaa; } .button.button--fill.button--brown:hover, .img-uploader .button--fill.button--brown.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--brown.ui-state-default:hover, .main-carousel__item .button--brown.main-carousel__gallery:hover, .main-carousel__item .button--brown.main-carousel__video:hover, .button--fill.button--brown.modaal-confirm-btn:hover, .button.button--fill.button--brown:active, .img-uploader .button--fill.button--brown.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--brown.ui-state-default:active, .main-carousel__item .button--brown.main-carousel__gallery:active, .main-carousel__item .button--brown.main-carousel__video:active, .button--fill.button--brown.modaal-confirm-btn:active, .button.button--fill.button--brown.has--active, .img-uploader .button--fill.button--brown.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--brown.has--active.ui-state-default, .main-carousel__item .button--brown.has--active.main-carousel__gallery, .main-carousel__item .button--brown.has--active.main-carousel__video, .button--fill.button--brown.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--facebook, .img-uploader .button--fill.button--facebook.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--facebook.ui-state-default, .main-carousel__item .button--facebook.main-carousel__gallery, .main-carousel__item .button--facebook.main-carousel__video, .button--fill.button--facebook.modaal-confirm-btn { background-color: #3a5795; } .button.button--fill.button--facebook:hover, .img-uploader .button--fill.button--facebook.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--facebook.ui-state-default:hover, .main-carousel__item .button--facebook.main-carousel__gallery:hover, .main-carousel__item .button--facebook.main-carousel__video:hover, .button--fill.button--facebook.modaal-confirm-btn:hover, .button.button--fill.button--facebook:active, .img-uploader .button--fill.button--facebook.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--facebook.ui-state-default:active, .main-carousel__item .button--facebook.main-carousel__gallery:active, .main-carousel__item .button--facebook.main-carousel__video:active, .button--fill.button--facebook.modaal-confirm-btn:active, .button.button--fill.button--facebook.has--active, .img-uploader .button--fill.button--facebook.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--facebook.has--active.ui-state-default, .main-carousel__item .button--facebook.has--active.main-carousel__gallery, .main-carousel__item .button--facebook.has--active.main-carousel__video, .button--fill.button--facebook.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--twitter, .img-uploader .button--fill.button--twitter.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--twitter.ui-state-default, .main-carousel__item .button--twitter.main-carousel__gallery, .main-carousel__item .button--twitter.main-carousel__video, .button--fill.button--twitter.modaal-confirm-btn { background-color: #55acee; } .button.button--fill.button--twitter:hover, .img-uploader .button--fill.button--twitter.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--twitter.ui-state-default:hover, .main-carousel__item .button--twitter.main-carousel__gallery:hover, .main-carousel__item .button--twitter.main-carousel__video:hover, .button--fill.button--twitter.modaal-confirm-btn:hover, .button.button--fill.button--twitter:active, .img-uploader .button--fill.button--twitter.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--twitter.ui-state-default:active, .main-carousel__item .button--twitter.main-carousel__gallery:active, .main-carousel__item .button--twitter.main-carousel__video:active, .button--fill.button--twitter.modaal-confirm-btn:active, .button.button--fill.button--twitter.has--active, .img-uploader .button--fill.button--twitter.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--twitter.has--active.ui-state-default, .main-carousel__item .button--twitter.has--active.main-carousel__gallery, .main-carousel__item .button--twitter.has--active.main-carousel__video, .button--fill.button--twitter.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--linkedin, .img-uploader .button--fill.button--linkedin.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--linkedin.ui-state-default, .main-carousel__item .button--linkedin.main-carousel__gallery, .main-carousel__item .button--linkedin.main-carousel__video, .button--fill.button--linkedin.modaal-confirm-btn { background-color: #006fa6; } .button.button--fill.button--linkedin:hover, .img-uploader .button--fill.button--linkedin.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--linkedin.ui-state-default:hover, .main-carousel__item .button--linkedin.main-carousel__gallery:hover, .main-carousel__item .button--linkedin.main-carousel__video:hover, .button--fill.button--linkedin.modaal-confirm-btn:hover, .button.button--fill.button--linkedin:active, .img-uploader .button--fill.button--linkedin.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--linkedin.ui-state-default:active, .main-carousel__item .button--linkedin.main-carousel__gallery:active, .main-carousel__item .button--linkedin.main-carousel__video:active, .button--fill.button--linkedin.modaal-confirm-btn:active, .button.button--fill.button--linkedin.has--active, .img-uploader .button--fill.button--linkedin.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--linkedin.has--active.ui-state-default, .main-carousel__item .button--linkedin.has--active.main-carousel__gallery, .main-carousel__item .button--linkedin.has--active.main-carousel__video, .button--fill.button--linkedin.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--pinterest, .img-uploader .button--fill.button--pinterest.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--pinterest.ui-state-default, .main-carousel__item .button--pinterest.main-carousel__gallery, .main-carousel__item .button--pinterest.main-carousel__video, .button--fill.button--pinterest.modaal-confirm-btn { background-color: #cb2027; } .button-click { background-color: #CC3B0A; } .button.button--fill.button--pinterest:hover, .img-uploader .button--fill.button--pinterest.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--pinterest.ui-state-default:hover, .main-carousel__item .button--pinterest.main-carousel__gallery:hover, .main-carousel__item .button--pinterest.main-carousel__video:hover, .button--fill.button--pinterest.modaal-confirm-btn:hover, .button.button--fill.button--pinterest:active, .img-uploader .button--fill.button--pinterest.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--pinterest.ui-state-default:active, .main-carousel__item .button--pinterest.main-carousel__gallery:active, .main-carousel__item .button--pinterest.main-carousel__video:active, .button--fill.button--pinterest.modaal-confirm-btn:active, .button.button--fill.button--pinterest.has--active, .img-uploader .button--fill.button--pinterest.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--pinterest.has--active.ui-state-default, .main-carousel__item .button--pinterest.has--active.main-carousel__gallery, .main-carousel__item .button--pinterest.has--active.main-carousel__video, .button--fill.button--pinterest.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--youtube, .img-uploader .button--fill.button--youtube.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--youtube.ui-state-default, .main-carousel__item .button--youtube.main-carousel__gallery, .main-carousel__item .button--youtube.main-carousel__video, .button--fill.button--youtube.modaal-confirm-btn { background-color: #cd201f; } .button.button--fill.button--youtube:hover, .img-uploader .button--fill.button--youtube.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--youtube.ui-state-default:hover, .main-carousel__item .button--youtube.main-carousel__gallery:hover, .main-carousel__item .button--youtube.main-carousel__video:hover, .button--fill.button--youtube.modaal-confirm-btn:hover, .button.button--fill.button--youtube:active, .img-uploader .button--fill.button--youtube.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--youtube.ui-state-default:active, .main-carousel__item .button--youtube.main-carousel__gallery:active, .main-carousel__item .button--youtube.main-carousel__video:active, .button--fill.button--youtube.modaal-confirm-btn:active, .button.button--fill.button--youtube.has--active, .img-uploader .button--fill.button--youtube.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--youtube.has--active.ui-state-default, .main-carousel__item .button--youtube.has--active.main-carousel__gallery, .main-carousel__item .button--youtube.has--active.main-carousel__video, .button--fill.button--youtube.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--google, .img-uploader .button--fill.button--google.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--google.ui-state-default, .main-carousel__item .button--google.main-carousel__gallery, .main-carousel__item .button--google.main-carousel__video, .button--fill.button--google.modaal-confirm-btn { background-color: #dd4b39; } .button.button--fill.button--google:hover, .img-uploader .button--fill.button--google.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--google.ui-state-default:hover, .main-carousel__item .button--google.main-carousel__gallery:hover, .main-carousel__item .button--google.main-carousel__video:hover, .button--fill.button--google.modaal-confirm-btn:hover, .button.button--fill.button--google:active, .img-uploader .button--fill.button--google.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--google.ui-state-default:active, .main-carousel__item .button--google.main-carousel__gallery:active, .main-carousel__item .button--google.main-carousel__video:active, .button--fill.button--google.modaal-confirm-btn:active, .button.button--fill.button--google.has--active, .img-uploader .button--fill.button--google.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--google.has--active.ui-state-default, .main-carousel__item .button--google.has--active.main-carousel__gallery, .main-carousel__item .button--google.has--active.main-carousel__video, .button--fill.button--google.has--active.modaal-confirm-btn { background-color: #141a17; } .button.button--fill.button--dark, .img-uploader .button--fill.button--dark.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--dark.ui-state-default, .main-carousel__item .button--dark.main-carousel__gallery, .main-carousel__item .button--dark.main-carousel__video, .button--fill.button--dark.modaal-confirm-btn { background-color: #e5e5e5; color: #141a17; } .button.button--fill.button--dark:hover, .img-uploader .button--fill.button--dark.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--dark.ui-state-default:hover, .main-carousel__item .button--dark.main-carousel__gallery:hover, .main-carousel__item .button--dark.main-carousel__video:hover, .button--fill.button--dark.modaal-confirm-btn:hover, .button.button--fill.button--dark:active, .img-uploader .button--fill.button--dark.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--dark.ui-state-default:active, .main-carousel__item .button--dark.main-carousel__gallery:active, .main-carousel__item .button--dark.main-carousel__video:active, .button--fill.button--dark.modaal-confirm-btn:active, .button.button--fill.button--dark.has--active, .img-uploader .button--fill.button--dark.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--dark.has--active.ui-state-default, .main-carousel__item .button--dark.has--active.main-carousel__gallery, .main-carousel__item .button--dark.has--active.main-carousel__video, .button--fill.button--dark.has--active.modaal-confirm-btn { background-color: #141a17; color: #ffffff; } .button.button--non-fill:hover, .img-uploader .button--non-fill.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.ui-state-default:hover, .main-carousel__item .button--non-fill.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.main-carousel__video:hover, .button--non-fill.modaal-confirm-btn:hover, .button.button--non-fill:active, .img-uploader .button--non-fill.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.ui-state-default:active, .main-carousel__item .button--non-fill.main-carousel__gallery:active, .main-carousel__item .button--non-fill.main-carousel__video:active, .button--non-fill.modaal-confirm-btn:active { color: #ffffff; } .button.button--non-fill.button--primary, .img-uploader .button--non-fill.button--primary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--primary.ui-state-default, .main-carousel__item .button--non-fill.button--primary.main-carousel__gallery, .main-carousel__item .button--non-fill.button--primary.main-carousel__video, .button--non-fill.button--primary.modaal-confirm-btn { border-color: #22805A; color: #22805A; } .button.button--non-fill.button--primary:hover, .img-uploader .button--non-fill.button--primary.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--primary.ui-state-default:hover, .main-carousel__item .button--non-fill.button--primary.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--primary.main-carousel__video:hover, .button--non-fill.button--primary.modaal-confirm-btn:hover, .button.button--non-fill.button--primary:active, .img-uploader .button--non-fill.button--primary.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--primary.ui-state-default:active, .main-carousel__item .button--non-fill.button--primary.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--primary.main-carousel__video:active, .button--non-fill.button--primary.modaal-confirm-btn:active, .button.button--non-fill.button--primary.has--active, .img-uploader .button--non-fill.button--primary.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--primary.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--primary.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--primary.has--active.main-carousel__video, .button--non-fill.button--primary.has--active.modaal-confirm-btn { background-color: #22805A; color: #ffffff; } .button.button--non-fill.button--secondary, .img-uploader .button--non-fill.button--secondary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--secondary.ui-state-default, .main-carousel__item .button--non-fill.button--secondary.main-carousel__gallery, .main-carousel__item .button--non-fill.button--secondary.main-carousel__video, .button--non-fill.button--secondary.modaal-confirm-btn { border-color: #141a17; color: #141a17; } .button.button--non-fill.button--secondary:hover, .img-uploader .button--non-fill.button--secondary.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--secondary.ui-state-default:hover, .main-carousel__item .button--non-fill.button--secondary.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--secondary.main-carousel__video:hover, .button--non-fill.button--secondary.modaal-confirm-btn:hover, .button.button--non-fill.button--secondary:active, .img-uploader .button--non-fill.button--secondary.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--secondary.ui-state-default:active, .main-carousel__item .button--non-fill.button--secondary.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--secondary.main-carousel__video:active, .button--non-fill.button--secondary.modaal-confirm-btn:active, .button.button--non-fill.button--secondary.has--active, .img-uploader .button--non-fill.button--secondary.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--secondary.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--secondary.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--secondary.has--active.main-carousel__video, .button--non-fill.button--secondary.has--active.modaal-confirm-btn { background-color: #141a17; color: #ffffff; } .button.button--non-fill.button--blue, .img-uploader .button--non-fill.button--blue.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--blue.ui-state-default, .main-carousel__item .button--non-fill.main-carousel__gallery, .main-carousel__item .button--non-fill.main-carousel__video, .button--non-fill.button--blue.modaal-confirm-btn { border-color: #4D979B; color: #4D979B; } .button.button--non-fill.button--blue:hover, .img-uploader .button--non-fill.button--blue.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--blue.ui-state-default:hover, .main-carousel__item .button--non-fill.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.main-carousel__video:hover, .button--non-fill.button--blue.modaal-confirm-btn:hover, .button.button--non-fill.button--blue:active, .img-uploader .button--non-fill.button--blue.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--blue.ui-state-default:active, .main-carousel__item .button--non-fill.main-carousel__gallery:active, .main-carousel__item .button--non-fill.main-carousel__video:active, .button--non-fill.button--blue.modaal-confirm-btn:active, .button.button--non-fill.button--blue.has--active, .img-uploader .button--non-fill.button--blue.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--blue.has--active.ui-state-default, .main-carousel__item .button--non-fill.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.has--active.main-carousel__video, .button--non-fill.button--blue.has--active.modaal-confirm-btn { background-color: #4D979B; color: #ffffff; } .button.button--non-fill.button--red, .img-uploader .button--non-fill.button--red.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--red.ui-state-default, .main-carousel__item .button--non-fill.button--red.main-carousel__gallery, .main-carousel__item .button--non-fill.button--red.main-carousel__video, .button--non-fill.button--red.modaal-confirm-btn { border-color: #ED6F58; color: #ED6F58; } .button.button--non-fill.button--red:hover, .img-uploader .button--non-fill.button--red.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--red.ui-state-default:hover, .main-carousel__item .button--non-fill.button--red.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--red.main-carousel__video:hover, .button--non-fill.button--red.modaal-confirm-btn:hover, .button.button--non-fill.button--red:active, .img-uploader .button--non-fill.button--red.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--red.ui-state-default:active, .main-carousel__item .button--non-fill.button--red.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--red.main-carousel__video:active, .button--non-fill.button--red.modaal-confirm-btn:active, .button.button--non-fill.button--red.has--active, .img-uploader .button--non-fill.button--red.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--red.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--red.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--red.has--active.main-carousel__video, .button--non-fill.button--red.has--active.modaal-confirm-btn { background-color: #ED6F58; color: #ffffff; } .button.button--non-fill.button--orange, .img-uploader .button--non-fill.button--orange.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--orange.ui-state-default, .main-carousel__item .button--non-fill.button--orange.main-carousel__gallery, .main-carousel__item .button--non-fill.button--orange.main-carousel__video, .button--non-fill.button--orange.modaal-confirm-btn { border-color: #EBA23E; color: #EBA23E; } .button.button--non-fill.button--orange:hover, .img-uploader .button--non-fill.button--orange.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--orange.ui-state-default:hover, .main-carousel__item .button--non-fill.button--orange.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--orange.main-carousel__video:hover, .button--non-fill.button--orange.modaal-confirm-btn:hover, .button.button--non-fill.button--orange:active, .img-uploader .button--non-fill.button--orange.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--orange.ui-state-default:active, .main-carousel__item .button--non-fill.button--orange.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--orange.main-carousel__video:active, .button--non-fill.button--orange.modaal-confirm-btn:active, .button.button--non-fill.button--orange.has--active, .img-uploader .button--non-fill.button--orange.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--orange.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--orange.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--orange.has--active.main-carousel__video, .button--non-fill.button--orange.has--active.modaal-confirm-btn { background-color: #EBA23E; color: #ffffff; } .button.button--non-fill.button--green, .img-uploader .button--non-fill.button--green.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--green.ui-state-default, .main-carousel__item .button--non-fill.button--green.main-carousel__gallery, .main-carousel__item .button--non-fill.button--green.main-carousel__video, .button--non-fill.button--green.modaal-confirm-btn { border-color: #4D979B; color: #4D979B; } .button.button--non-fill.button--green:hover, .img-uploader .button--non-fill.button--green.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--green.ui-state-default:hover, .main-carousel__item .button--non-fill.button--green.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--green.main-carousel__video:hover, .button--non-fill.button--green.modaal-confirm-btn:hover, .button.button--non-fill.button--green:active, .img-uploader .button--non-fill.button--green.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--green.ui-state-default:active, .main-carousel__item .button--non-fill.button--green.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--green.main-carousel__video:active, .button--non-fill.button--green.modaal-confirm-btn:active, .button.button--non-fill.button--green.has--active, .img-uploader .button--non-fill.button--green.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--green.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--green.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--green.has--active.main-carousel__video, .button--non-fill.button--green.has--active.modaal-confirm-btn { background-color: #4D979B; color: #ffffff; } .button.button--non-fill.button--brown, .img-uploader .button--non-fill.button--brown.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--brown.ui-state-default, .main-carousel__item .button--non-fill.button--brown.main-carousel__gallery, .main-carousel__item .button--non-fill.button--brown.main-carousel__video, .button--non-fill.button--brown.modaal-confirm-btn { border-color: #aaaaaa; color: #aaaaaa; } .button.button--non-fill.button--brown:hover, .img-uploader .button--non-fill.button--brown.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--brown.ui-state-default:hover, .main-carousel__item .button--non-fill.button--brown.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--brown.main-carousel__video:hover, .button--non-fill.button--brown.modaal-confirm-btn:hover, .button.button--non-fill.button--brown:active, .img-uploader .button--non-fill.button--brown.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--brown.ui-state-default:active, .main-carousel__item .button--non-fill.button--brown.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--brown.main-carousel__video:active, .button--non-fill.button--brown.modaal-confirm-btn:active, .button.button--non-fill.button--brown.has--active, .img-uploader .button--non-fill.button--brown.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--brown.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--brown.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--brown.has--active.main-carousel__video, .button--non-fill.button--brown.has--active.modaal-confirm-btn { background-color: #aaaaaa; color: #ffffff; } .button.button--non-fill.button--dark, .img-uploader .button--non-fill.button--dark.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--dark.ui-state-default, .main-carousel__item .button--non-fill.button--dark.main-carousel__gallery, .main-carousel__item .button--non-fill.button--dark.main-carousel__video, .button--non-fill.button--dark.modaal-confirm-btn { border-color: #e5e5e5; color: #141a17; } .button.button--non-fill.button--dark:hover, .img-uploader .button--non-fill.button--dark.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--dark.ui-state-default:hover, .main-carousel__item .button--non-fill.button--dark.main-carousel__gallery:hover, .main-carousel__item .button--non-fill.button--dark.main-carousel__video:hover, .button--non-fill.button--dark.modaal-confirm-btn:hover, .button.button--non-fill.button--dark:active, .img-uploader .button--non-fill.button--dark.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--dark.ui-state-default:active, .main-carousel__item .button--non-fill.button--dark.main-carousel__gallery:active, .main-carousel__item .button--non-fill.button--dark.main-carousel__video:active, .button--non-fill.button--dark.modaal-confirm-btn:active, .button.button--non-fill.button--dark.has--active, .img-uploader .button--non-fill.button--dark.has--active.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--non-fill.button--dark.has--active.ui-state-default, .main-carousel__item .button--non-fill.button--dark.has--active.main-carousel__gallery, .main-carousel__item .button--non-fill.button--dark.has--active.main-carousel__video, .button--non-fill.button--dark.has--active.modaal-confirm-btn { background-color: #e5e5e5; } .button.button--label, .img-uploader .button--label.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.ui-state-default, .main-carousel__item .button--label.main-carousel__gallery, .main-carousel__item .button--label.main-carousel__video, .button--label.modaal-confirm-btn { padding: 0; margin-right: -3px; pointer-events: none; } .button.button--label.button--primary, .img-uploader .button--label.button--primary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--primary.ui-state-default, .main-carousel__item .button--label.button--primary.main-carousel__gallery, .main-carousel__item .button--label.button--primary.main-carousel__video, .button--label.button--primary.modaal-confirm-btn { color: #22805A; } .button.button--label.button--secondary, .img-uploader .button--label.button--secondary.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--secondary.ui-state-default, .main-carousel__item .button--label.button--secondary.main-carousel__gallery, .main-carousel__item .button--label.button--secondary.main-carousel__video, .button--label.button--secondary.modaal-confirm-btn { color: #141a17; } .button.button--label.button--blue, .img-uploader .button--label.button--blue.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--blue.ui-state-default, .main-carousel__item .button--label.main-carousel__gallery, .main-carousel__item .button--label.main-carousel__video, .button--label.button--blue.modaal-confirm-btn { color: #4D979B; } .button.button--label.button--red, .img-uploader .button--label.button--red.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--red.ui-state-default, .main-carousel__item .button--label.button--red.main-carousel__gallery, .main-carousel__item .button--label.button--red.main-carousel__video, .button--label.button--red.modaal-confirm-btn { color: #ED6F58; } .button.button--label.button--orange, .img-uploader .button--label.button--orange.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--orange.ui-state-default, .main-carousel__item .button--label.button--orange.main-carousel__gallery, .main-carousel__item .button--label.button--orange.main-carousel__video, .button--label.button--orange.modaal-confirm-btn { color: #EBA23E; } .button.button--label.button--green, .img-uploader .button--label.button--green.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--green.ui-state-default, .main-carousel__item .button--label.button--green.main-carousel__gallery, .main-carousel__item .button--label.button--green.main-carousel__video, .button--label.button--green.modaal-confirm-btn { color: #4D979B; } .button.button--label.button--brown, .img-uploader .button--label.button--brown.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--brown.ui-state-default, .main-carousel__item .button--label.button--brown.main-carousel__gallery, .main-carousel__item .button--label.button--brown.main-carousel__video, .button--label.button--brown.modaal-confirm-btn { color: #aaaaaa; } .button.button--label.button--dark, .img-uploader .button--label.button--dark.upload-label, .ui-datepicker .ui-datepicker-buttonpane button.button--label.button--dark.ui-state-default, .main-carousel__item .button--label.button--dark.main-carousel__gallery, .main-carousel__item .button--label.button--dark.main-carousel__video, .button--label.button--dark.modaal-confirm-btn { color: #d9d9d9; } .button.button--label:hover, .img-uploader .button--label.upload-label:hover, .ui-datepicker .ui-datepicker-buttonpane button.button--label.ui-state-default:hover, .main-carousel__item .button--label.main-carousel__gallery:hover, .main-carousel__item .button--label.main-carousel__video:hover, .button--label.modaal-confirm-btn:hover, .button.button--label:active, .img-uploader .button--label.upload-label:active, .ui-datepicker .ui-datepicker-buttonpane button.button--label.ui-state-default:active, .main-carousel__item .button--label.main-carousel__gallery:active, .main-carousel__item .button--label.main-carousel__video:active, .button--label.modaal-confirm-btn:active { background-color: #f2f2f2; } @media screen and (min-width: 30rem) { .button:not(:first-of-type), .img-uploader .upload-label:not(:first-of-type), .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:not(:first-of-type), .main-carousel__item .main-carousel__gallery:not(:first-of-type), .main-carousel__item .main-carousel__video:not(:first-of-type), .modaal-confirm-btn:not(:first-of-type) { margin-left: 0.625em; } } @media screen and (max-width: 63.9375rem) { .button, .img-uploader .upload-label, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .modaal-confirm-btn { padding: 0 1em; min-width: 3.125em; } } @media screen and (max-width: 29.9375rem) { .button, .img-uploader .upload-label, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video, .modaal-confirm-btn { width: 100%; } .button:not(:first-of-type), .img-uploader .upload-label:not(:first-of-type), .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:not(:first-of-type), .main-carousel__item .main-carousel__gallery:not(:first-of-type), .main-carousel__item .main-carousel__video:not(:first-of-type), .modaal-confirm-btn:not(:first-of-type) { margin-top: 0.625em; } } .carousel { position: relative; display: block; } .dropdown { position: relative; } .dropdown .dropdown__target { position: absolute; z-index: 2000; top: 100%; left: 50%; display: none; min-width: 10em; padding: 0.5em 0; line-height: 2; background: #fff; color: #141a17; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .dropdown .dropdown__target a:hover, .dropdown .dropdown__target a:focus { background-color: #e5e5e5; } .dropdown .dropdown__trigger { position: relative; display: block; } .dropdown .dropdown__trigger:after { display: inline-block; vertical-align: middle; content: " "; height: 0; width: 0; margin-left: 0.3125em; border: solid transparent; border-width: 5px; border-top-color: currentColor; border-bottom-width: 0; pointer-events: none; } .dropdown.dropdown--floated { padding-bottom: 0.625em; } .dropdown.dropdown--floated .dropdown__target { top: 100%; border-radius: 0.625em; } .dropdown.dropdown--floated .dropdown__target:before { position: absolute; top: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: inline-block; content: " "; height: 0; width: 0; border: solid transparent; border-width: 10px; border-top-width: 0; border-bottom-color: #e5e5e5; } .dropdown.dropdown--floated .dropdown__target:after { position: absolute; top: -8px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: inline-block; content: " "; height: 0; width: 0; border: solid transparent; border-width: 10px; border-top-width: 0; border-bottom-color: #fff; } .dropdown:hover .dropdown__target { display: block; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active { background-color: inherit !important; color: currentColor !important; -webkit-text-fill-color: currentColor !important; -webkit-transition-delay: 9999s; transition-delay: 9999s; -webkit-transition-property: background-color, color; transition-property: background-color, color; } .input, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], select, textarea { display: inline-block; width: 100%; padding: 0 1.25em; line-height: 3.125em; min-height: calc(3.125em + 2px); min-width: 8.125em; border-radius: 5px; font-size: 1rem; color: inherit; background-color: #ffffff; border: 1px solid #e5e5e5; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input:not(select):disabled, input[type="text"]:not(select):disabled, input[type="email"]:not(select):disabled, input[type="password"]:not(select):disabled, input[type="search"]:not(select):disabled, input[type="tel"]:not(select):disabled, select:not(select):disabled, textarea:not(select):disabled { opacity: 0.5; pointer-events: none; } select { padding-top: 0.71429em; padding-bottom: 0.71429em; padding-right: 2.14286em; line-height: 1.42857em; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: 97% 50%; background-position: calc(100% - 10px) 50%; background-size: 24px; } select option { color: #141a17; background-color: #ffffff; } select::-ms-expand { display: none; } .textarea, textarea { padding: 0.71429em 1.42857em; min-height: 100px; resize: vertical; line-height: 2; } .checkbox { display: inline-block; margin-right: 1.875em; } .checkbox:not(:last-child) { margin-bottom: 0.625em; } .checkbox .checkbox__icon { width: 1rem; height: 1rem; display: inline-block; position: relative; vertical-align: middle; margin-right: 0.5em; border: 1px solid #d9d9d9; background: #fff; -webkit-transition: border 0.15s linear, background 0.15s linear; -o-transition: border 0.15s linear, background 0.15s linear; transition: border 0.15s linear, background 0.15s linear; } .checkbox .checkbox__label { display: inline; vertical-align: middle; } .checkbox input[type="checkbox"] { width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; position: absolute; } .checkbox input[type="checkbox"]:checked + .checkbox__icon, .checkbox input[type="checkbox"]:checked ~ .checkbox__icon { border: 4px solid #141a17; } .radio { display: inline-block; } .radio .radio__icon { width: 1rem; height: 1rem; display: inline-block; position: relative; vertical-align: middle; margin-right: 0.5em; border: 1px solid #d9d9d9; border-radius: 1rem; background: #fff; -webkit-transition: border 0.15s linear, background-color 0.15s linear; -o-transition: border 0.15s linear, background-color 0.15s linear; transition: border 0.15s linear, background-color 0.15s linear; } .radio .radio__label { display: inline; vertical-align: middle; } .radio input[type="radio"] { width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; position: absolute; } .radio input[type="radio"]:checked + .radio__icon, .radio input[type="radio"]:checked ~ .radio__icon { border: 4px solid #141a17; } .form-element { display: block; } .form-element .form-element__label, .form-element .form-element__info { margin-right: .75rem; } .form-element .form-element__label:not(:last-child), .form-element .form-element__info:not(:last-child) { margin-bottom: .25rem; } .form-element .form-element__info { display: block; font-size: 0.875rem; font-weight: 400; font-style: italic; line-height: 1.71429em; color: #ED6F58; } .form-element .form-element__label { display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5em; } .form-element .form-element__label .form-element__info { font-size: 1rem; } .form-element .form-element__control { position: relative; } .form-element .form-element__add-on { height: 3.57143em; font-size: 0.875rem; line-height: 3.57143em; text-align: center; background-color: transparent; position: absolute; top: 1px; bottom: 1px; padding: 0 0.71429em; } .form-element .form-element__add-on.add-on--left { left: 1px; } .form-element .form-element__add-on.add-on--right { right: 1px; } .form-element .form-element__add-on input, .form-element .form-element__add-on select { background-color: transparent; border-bottom-width: 0 !important; width: 100%; min-width: 11.42857em; } .form-element .form-element__add-on select { padding-top: 1.28571em; padding-bottom: 1.28571em; line-height: 1.42857em; } .form-element .form-element__add-on.add-on--left + input { padding-left: 4.375em; } .form-element .form-element__add-on.add-on--right + input { padding-right: 4.375em; } .form-element .form-element__add-on input, .form-element .form-element__add-on select { margin: 0 -0.71429em; } .form { text-align: left; } .form:after { display: table; clear: both; content: " "; } .form.form--vertical .form-element { display: block; margin-bottom: 1.25em; margin-top: 1.25em; } .form.form--vertical .form-element .form-element__label, .form.form--vertical .form-element .form-element__control { display: block; } .form.form--horizontal .form-element { display: table; table-layout: fixed; width: 100%; margin-bottom: 1.25em; } .form.form--horizontal .form-element .form-element__label, .form.form--horizontal .form-element .form-element__control { display: table-cell; vertical-align: top; text-align: left; line-height: 2.5em; } .form.form--horizontal .form-element .form-element__control { width: 66.13419%; } .form.form--default .input, .form.form--default input[type="text"], .form.form--default input[type="email"], .form.form--default input[type="password"], .form.form--default input[type="search"], .form.form--default input[type="tel"], .form.form--default select, .form.form--default textarea { display: block; background-color: #fff; border: 1px solid #e5e5e5; } .form.form--default .input:not(select):focus, .form.form--default input[type="text"]:not(select):focus, .form.form--default input[type="email"]:not(select):focus, .form.form--default input[type="password"]:not(select):focus, .form.form--default input[type="search"]:not(select):focus, .form.form--default input[type="tel"]:not(select):focus, .form.form--default select:not(select):focus, .form.form--default textarea:not(select):focus { -webkit-box-shadow: 0 0 10px rgba(23, 44, 78, 0.1); box-shadow: 0 0 10px rgba(23, 44, 78, 0.1); } .form.form--theme .input, .form.form--theme input[type="text"], .form.form--theme input[type="email"], .form.form--theme input[type="password"], .form.form--theme input[type="search"], .form.form--theme input[type="tel"], .form.form--theme select, .form.form--theme textarea { display: block; padding: 0 1.25em; min-width: 6.25em; font-size: 1rem; font-weight: 400; background-color: transparent; border-width: 0; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .form.form--theme .input.error, .form.form--theme .input.mce_inline_error, .form.form--theme input[type="text"].error, .form.form--theme input[type="text"].mce_inline_error, .form.form--theme input[type="email"].error, .form.form--theme input[type="email"].mce_inline_error, .form.form--theme input[type="password"].error, .form.form--theme input[type="password"].mce_inline_error, .form.form--theme input[type="search"].error, .form.form--theme input[type="search"].mce_inline_error, .form.form--theme input[type="tel"].error, .form.form--theme input[type="tel"].mce_inline_error, .form.form--theme select.error, .form.form--theme select.mce_inline_error, .form.form--theme textarea.error, .form.form--theme textarea.mce_inline_error { border-bottom: 2px solid #ED6F58; } .form.form--theme select { font-weight: 400; font-size: 1rem; text-transform: none; } .form.form--theme textarea { font-weight: 400; font-size: 1rem; text-transform: none; } .form.form--theme.form--inverse .input, .form.form--theme.form--inverse input[type="text"], .form.form--theme.form--inverse input[type="email"], .form.form--theme.form--inverse input[type="password"], .form.form--theme.form--inverse input[type="search"], .form.form--theme.form--inverse input[type="tel"], .form.form--theme.form--inverse select, .form.form--theme.form--inverse textarea { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .form.form--theme.form--inverse .input.error, .form.form--theme.form--inverse input[type="text"].error, .form.form--theme.form--inverse input[type="email"].error, .form.form--theme.form--inverse input[type="password"].error, .form.form--theme.form--inverse input[type="search"].error, .form.form--theme.form--inverse input[type="tel"].error, .form.form--theme.form--inverse select.error, .form.form--theme.form--inverse textarea.error { border-bottom: 2px solid #ED6F58; } .form.form--theme.form--inverse select { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); } .form.form--theme.form--vertical .form-element__label { position: absolute; top: 10px; left: 0; pointer-events: none; opacity: 1; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .form.form--theme.form--vertical .input, .form.form--theme.form--vertical input[type="text"], .form.form--theme.form--vertical input[type="email"], .form.form--theme.form--vertical input[type="password"], .form.form--theme.form--vertical input[type="search"], .form.form--theme.form--vertical input[type="tel"], .form.form--theme.form--vertical select, .form.form--theme.form--vertical textarea { padding-left: 0.5em; padding-right: 0.5em; } .form.form--theme.form--vertical .input:focus ~ label, .form.form--theme.form--vertical .input:valid ~ label, .form.form--theme.form--vertical .input:invalid ~ label, .form.form--theme.form--vertical .input:focus + label, .form.form--theme.form--vertical .input:valid + label, .form.form--theme.form--vertical .input:invalid + label, .form.form--theme.form--vertical input[type="text"]:focus ~ label, .form.form--theme.form--vertical input[type="text"]:valid ~ label, .form.form--theme.form--vertical input[type="text"]:invalid ~ label, .form.form--theme.form--vertical input[type="text"]:focus + label, .form.form--theme.form--vertical input[type="text"]:valid + label, .form.form--theme.form--vertical input[type="text"]:invalid + label, .form.form--theme.form--vertical input[type="email"]:focus ~ label, .form.form--theme.form--vertical input[type="email"]:valid ~ label, .form.form--theme.form--vertical input[type="email"]:invalid ~ label, .form.form--theme.form--vertical input[type="email"]:focus + label, .form.form--theme.form--vertical input[type="email"]:valid + label, .form.form--theme.form--vertical input[type="email"]:invalid + label, .form.form--theme.form--vertical input[type="password"]:focus ~ label, .form.form--theme.form--vertical input[type="password"]:valid ~ label, .form.form--theme.form--vertical input[type="password"]:invalid ~ label, .form.form--theme.form--vertical input[type="password"]:focus + label, .form.form--theme.form--vertical input[type="password"]:valid + label, .form.form--theme.form--vertical input[type="password"]:invalid + label, .form.form--theme.form--vertical input[type="search"]:focus ~ label, .form.form--theme.form--vertical input[type="search"]:valid ~ label, .form.form--theme.form--vertical input[type="search"]:invalid ~ label, .form.form--theme.form--vertical input[type="search"]:focus + label, .form.form--theme.form--vertical input[type="search"]:valid + label, .form.form--theme.form--vertical input[type="search"]:invalid + label, .form.form--theme.form--vertical input[type="tel"]:focus ~ label, .form.form--theme.form--vertical input[type="tel"]:valid ~ label, .form.form--theme.form--vertical input[type="tel"]:invalid ~ label, .form.form--theme.form--vertical input[type="tel"]:focus + label, .form.form--theme.form--vertical input[type="tel"]:valid + label, .form.form--theme.form--vertical input[type="tel"]:invalid + label, .form.form--theme.form--vertical select:focus ~ label, .form.form--theme.form--vertical select:valid ~ label, .form.form--theme.form--vertical select:invalid ~ label, .form.form--theme.form--vertical select:focus + label, .form.form--theme.form--vertical select:valid + label, .form.form--theme.form--vertical select:invalid + label, .form.form--theme.form--vertical textarea:focus ~ label, .form.form--theme.form--vertical textarea:valid ~ label, .form.form--theme.form--vertical textarea:invalid ~ label, .form.form--theme.form--vertical textarea:focus + label, .form.form--theme.form--vertical textarea:valid + label, .form.form--theme.form--vertical textarea:invalid + label { top: -1.42857em; opacity: 0.3; font-size: 0.875rem; } .form.form--theme.form--vertical .input.empty + label, .form.form--theme.form--vertical input[type="text"].empty + label, .form.form--theme.form--vertical input[type="email"].empty + label, .form.form--theme.form--vertical input[type="password"].empty + label, .form.form--theme.form--vertical input[type="search"].empty + label, .form.form--theme.form--vertical input[type="tel"].empty + label, .form.form--theme.form--vertical select.empty + label, .form.form--theme.form--vertical textarea.empty + label { top: 10px; opacity: 1; font-size: 1rem; } .form.form--theme.form--vertical .input.empty:focus ~ label, .form.form--theme.form--vertical .input.empty:focus + label, .form.form--theme.form--vertical input[type="text"].empty:focus ~ label, .form.form--theme.form--vertical input[type="text"].empty:focus + label, .form.form--theme.form--vertical input[type="email"].empty:focus ~ label, .form.form--theme.form--vertical input[type="email"].empty:focus + label, .form.form--theme.form--vertical input[type="password"].empty:focus ~ label, .form.form--theme.form--vertical input[type="password"].empty:focus + label, .form.form--theme.form--vertical input[type="search"].empty:focus ~ label, .form.form--theme.form--vertical input[type="search"].empty:focus + label, .form.form--theme.form--vertical input[type="tel"].empty:focus ~ label, .form.form--theme.form--vertical input[type="tel"].empty:focus + label, .form.form--theme.form--vertical select.empty:focus ~ label, .form.form--theme.form--vertical select.empty:focus + label, .form.form--theme.form--vertical textarea.empty:focus ~ label, .form.form--theme.form--vertical textarea.empty:focus + label { top: -1.42857em; opacity: 0.3; font-size: 0.875rem; } @media screen and (max-width: 47.9375rem) { .form.form--horizontal .form-element { display: block; } .form.form--horizontal .form-element .form-element__label, .form.form--horizontal .form-element .form-element__control { display: block; width: 100%; } } ul.gallery { margin: 0; padding: 0; } .gallery:not(a) { position: relative; display: block; margin-top: -0.79239%; } .gallery:not(a):after { display: table; clear: both; content: " "; } .gallery:not(a) .gallery__item { display: inline-block; width: 100%; margin-top: 0.79239%; -webkit-box-shadow: 0 0 0 0 #e5e5e5; box-shadow: 0 0 0 0 #e5e5e5; transition: -webkit-box-shadow 0.3s linear; -webkit-transition: box-shadow 0.3s linear; -webkit-transition: -webkit-box-shadow 0.3s linear; -o-transition: box-shadow 0.3s linear; transition: box-shadow 0.3s linear; transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear; } /* .gallery:not(a) .gallery__item:hover, .gallery:not(a) .gallery__item:focus, .gallery:not(a) .gallery__item.active { -webkit-box-shadow: 0 0 0 3px #e5e5e5; box-shadow: 0 0 0 3px #e5e5e5; } */ .gallery:not(a) .gallery__item img { display: inline-block; vertical-align: middle; max-width: 100%; } @media screen and (min-width: 48rem) { .gallery:not(a).gallery--1 { margin-top: -0.79239%; } .gallery:not(a).gallery--1 .gallery__item { display: block; width: 100%; margin-top: 0.79239%; } .gallery:not(a).gallery--2 { margin-top: -0.79239%; } .gallery:not(a).gallery--2 .gallery__item { width: 49.20128%; float: left; margin-right: 1.59744%; margin-top: 0.79239%; } .gallery:not(a).gallery--2 .gallery__item:nth-child(2n) { margin-right: 0; } .gallery:not(a).gallery--2 .gallery__item:nth-child(2n+1) { clear: left; } .gallery:not(a).gallery--3 { margin-top: -0.79239%; } .gallery:not(a).gallery--3 .gallery__item { width: 32.62712%; float: left; margin-right: 1.05932%; margin-top: 0.79239%; } .gallery:not(a).gallery--3 .gallery__item:nth-child(3n) { margin-right: 0; } .gallery:not(a).gallery--3 .gallery__item:nth-child(3n+1) { clear: left; } .gallery:not(a).gallery--4 { margin-top: -0.79239%; } .gallery:not(a).gallery--4 .gallery__item { width: 49.6038%; float: left; margin-right: 0.79239%; margin-top: 0.79239%; } .gallery:not(a).gallery--4 .gallery__item:nth-child(2n) { margin-right: 0; } .gallery:not(a).gallery--4 .gallery__item:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 64rem) { .gallery:not(a).gallery--4 { margin-top: -0.79239%; } .gallery:not(a).gallery--4 .gallery__item { width: 24.40571%; float: left; margin-right: 0.79239%; margin-top: 0.79239%; } .gallery:not(a).gallery--4 .gallery__item:nth-child(2n) { margin-right: 0.79239%; } .gallery:not(a).gallery--4 .gallery__item:nth-child(2n+1) { clear: none; } .gallery:not(a).gallery--4 .gallery__item:nth-child(4n) { margin-right: 0; } .gallery:not(a).gallery--4 .gallery__item:nth-child(4n+1) { clear: left; } } .container { padding-left: 0.625rem; padding-right: 0.625rem; } .container:after { display: table; clear: both; content: " "; } .container.container--static { max-width: 78.25rem; margin-left: auto; margin-right: auto; width: 90%; } .container.container--static:after { content: " "; display: block; clear: both; } .container.container--static .container--static { width: 100%; } .container.container--fluid { padding-left: 0; padding-right: 0; } @media screen and (min-width: 48rem) { .container.container--static { max-width: 46.25rem; } } @media screen and (min-width: 64rem) { .container.container--static { max-width: 60rem; } } @media screen and (min-width: 80rem) { .container.container--static { max-width: 82rem; } } .span__row { margin-left: -0.3125rem; margin-right: -0.3125rem; } .span__row:after { display: table; clear: both; content: " "; } .span { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 0.3125rem; padding-right: 0.3125rem; } .row--reverse .span { float: right; } @media screen and (min-width: 48rem) { .span--1 { width: 8.33333%; } .span--2 { width: 16.66667%; } .span--3 { width: 25%; } .span--4 { width: 33.33333%; } .span--5 { width: 41.66667%; } .span--6 { width: 50%; } .span--7 { width: 58.33333%; } .span--8 { width: 66.66667%; } .span--9 { width: 75%; } .span--10 { width: 83.33333%; } .span--11 { width: 91.66667%; } .span--12 { width: 100%; } } @media screen and (min-width: 64rem) { .span--md-1 { width: 8.33333%; } .span--md-2 { width: 16.66667%; } .span--md-3 { width: 25%; } .span--md-4 { width: 33.33333%; } .span--md-5 { width: 41.66667%; } .span--md-6 { width: 50%; } .span--md-7 { width: 58.33333%; } .span--md-8 { width: 66.66667%; } .span--md-9 { width: 75%; } .span--md-10 { width: 83.33333%; } .span--md-11 { width: 91.66667%; } .span--md-12 { width: 100%; } } @media screen and (min-width: 80rem) { .span--lg-1 { width: 8.33333%; } .span--lg-2 { width: 16.66667%; } .span--lg-3 { width: 25%; } .span--lg-4 { width: 33.33333%; } .span--lg-5 { width: 41.66667%; } .span--lg-6 { width: 50%; } .span--lg-7 { width: 58.33333%; } .span--lg-8 { width: 66.66667%; } .span--lg-9 { width: 75%; } .span--lg-10 { width: 83.33333%; } .span--lg-11 { width: 91.66667%; } .span--lg-12 { width: 100%; } .span-offset--1 { padding-left: 8.33333%; } .span-offset--2 { padding-left: 16.66667%; } .span-offset--3 { padding-left: 25%; } .span-offset--4 { padding-left: 33.33333%; } .span-offset--5 { padding-left: 41.66667%; } .span-offset--6 { padding-left: 50%; } .span-offset--7 { padding-left: 58.33333%; } .span-offset--8 { padding-left: 66.66667%; } .span-offset--9 { padding-left: 75%; } .span-offset--10 { padding-left: 83.33333%; } .span-offset--11 { padding-left: 91.66667%; } .span-offset--12 { padding-left: 100%; } } @media screen and (max-width: 47.9375rem) { .span__row { margin-top: -0.3125rem; } .span { margin-top: 0.3125rem; } } .span--center { float: none !important; margin-left: auto !important; margin-right: auto !important; } .span--last { float: right; } .icon { display: inline-block; vertical-align: middle; height: 1em; width: 1em; fill: currentColor; } .icon.icon--logo { width: 100%; height: 100%; } .icon.icon--list, .icon.icon--grid { width: 1.75em; height: 1.75em; } .icon.icon--no-record { width: 6.25em; height: 7.5em; } /* Image */ .image { position: relative; display: inline-block; border: none; overflow: hidden; } .image img { display: block; } .image.image--left, .image.image--right { max-width: 100%; } .image.image--left img, .image.image--right img { max-width: 100%; } .image.image--left { float: left; padding: 0 1.5em 1em 0; top: 0.25em; } .image.image--right { float: right; padding: 0 0 1em 1.5em; top: 0.25em; } .image.image--fit { display: block; width: 100%; } .image.image--fit img { width: 100%; } .link { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; display: inline-block; vertical-align: baseline; text-decoration: underline; } .link.link--large { font-size: 1.2em; } .link.link--small { font-size: 0.8em; } .link.link--fit { display: block; } .link .link__arrow { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 8px; } .link .link__arrow:before { position: absolute; top: 50%; right: 0; margin-top: -1px; display: inline-block; width: 20px; height: 2px; content: " "; background-color: currentColor; } .link .link__arrow:after { position: absolute; top: 50%; right: 0; margin-top: -4px; display: inline-block; width: 0; height: 0; content: " "; border: 4px solid transparent; border-left-color: currentColor; border-right-width: 0; } .link.link--right { padding-right: 30px; } .link.link--right .link__arrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .link.link--top { padding-right: 15px; } .link.link--top .link__arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 12px; } .link.link--top .link__arrow:before { width: 12px; } .link.link--bottom { padding-right: 15px; } .link.link--bottom .link__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 12px; } .link.link--bottom .link__arrow:before { width: 12px; } .media, .media .media__body { overflow: hidden; zoom: 1; } .media .media__figure, .media .media__body { display: table-cell; vertical-align: top; } .media .media__figure img, .media .media__body img { width: 100%; } .media .media__figure.media--middle { vertical-align: middle; } .media .media__figure.media--bottom { vertical-align: bottom; } @media screen and (min-width: 48rem) { .media .media__figure.media--left { float: left; padding-right: 1.25em; } .media .media__figure.media--right { float: right; padding-left: 1.25em; } } .media .media__body { width: 75em; padding-left: 1.25em; } .media .media__body.media--middle { vertical-align: middle; } .media .media__body.media--bottom { vertical-align: bottom; } .media .media--left + .media__body, .media .media--right + .media__body { padding-left: 0; } @media screen and (max-width: 47.9375rem) { .media, .media .media__figure, .media .media__body { display: block; width: auto; text-align: center; } .media img, .media .media__figure img, .media .media__body img { width: auto; } .media .media__body { padding-left: 0; padding-right: 0; padding-top: 1.25em; } } .menu { display: block; } .menu a:not(.button):not(.modaal-confirm-btn) { position: relative; display: block; padding: 0.625em 0.625em; font-size: 1rem; line-height: 1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu a:not(.button):not(.modaal-confirm-btn).active, .menu a:not(.button):not(.modaal-confirm-btn).done { font-weight: 600; } .menu a:not(.button):not(.modaal-confirm-btn) .notification { position: absolute; top: 2px; z-index: 100; display: grid; font-size: 10px; width: 20px; height: 20px; font-weight: 700; line-height: normal; border-radius: 20px; color: #fff; place-content: center; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--red { background-color: #ED6F58; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--green { background-color: #4D979B; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--blue { background-color: #4D979B; } .menu a.button, .menu .img-uploader a.upload-label, .img-uploader .menu a.upload-label, .menu .main-carousel__item a.main-carousel__gallery, .main-carousel__item .menu a.main-carousel__gallery, .menu .main-carousel__item a.main-carousel__video, .main-carousel__item .menu a.main-carousel__video, .menu a.modaal-confirm-btn { margin-left: 5px; margin-right: 5px; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu.menu--no a:not(.button):not(.modaal-confirm-btn) { padding-top: 0; padding-bottom: 0; } .menu.menu--large a:not(.button):not(.modaal-confirm-btn) { padding-top: 0.78125em; padding-bottom: 0.78125em; } .menu.menu--bordered { background-color: #ffffff; border: 1px solid #e5e5e5; } .menu.menu--bordered a:not(.button):not(.modaal-confirm-btn).active, .menu.menu--bordered a:not(.button):not(.modaal-confirm-btn).done { font-weight: 600; background-color: #f2f2f2; } .menu.menu--bordered a:not(.button):not(.modaal-confirm-btn).done { color: #4D979B; } .menu.menu--icon a:not(.button):not(.modaal-confirm-btn) span { margin-right: 10px; } @media screen and (max-width: 79.9375rem) { .menu a:not(.button):not(.modaal-confirm-btn) { font-size: 0.8125rem; padding: 0.38462em 0.76923em; } .menu a:not(.button):not(.modaal-confirm-btn) .notification { top: 1rem; right: 0.337rem; } } @media screen and (max-width: 47.9375rem) { .menu a:not(.button):not(.modaal-confirm-btn) { padding: 0.38462em; } } .menu-bar { position: relative; display: block; width: 100%; z-index: 2000; padding: 0 0.625rem; font-size: 1rem; background-color: #f2f2f2; color: #141a17; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .menu-bar:after { display: table; clear: both; content: " "; } .menu-bar nav { display: inline-block; vertical-align: middle; } .menu-bar .menu > ul > li > a:not(.button):not(.modaal-confirm-btn) { height: 4.0625rem; line-height: 4.0625rem; padding: 0 1.25em; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } @media screen and (min-width: 48rem) { .menu-bar > * { height: 4.0625rem; line-height: 4.0625rem; } .menu-bar .menu > ul > li > a:not(.button):not(.modaal-confirm-btn):active, .menu-bar .menu > ul > li > a:not(.button):not(.modaal-confirm-btn).active { background-color: rgba(0, 0, 0, 0.1); mix-blend-mode: multiply; } } @media screen and (max-width: 63.9375rem) { .menu-bar { white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (max-width: 47.9375rem) { .menu-bar > * { height: 4.0625rem; line-height: 4.0625rem; } .menu-bar nav + nav:last-child { margin-left: 1.25em; padding-left: 1.25em; padding-right: 1.25em; background-color: #e3e3e3; } } .modal { margin: -1.25rem; } .modal .modal__header, .modal .modal__content, .modal .modal__footer { position: relative; padding: 1.25rem; } .modal .modal__header { border-bottom: 1px solid #e5e5e5; text-align: center; } .modal .modal__footer { border-top: 1px solid #e5e5e5; } .modal .modal__heading { font-size: 1.225rem; font-weight: 400; line-height: 1.71429em; letter-spacing: 0.02em; margin: 0; padding: 0; } .pagination { padding: 1.25em; } .pagination:after { display: table; clear: both; content: " "; } .pagination a:not(.button):not(.modaal-confirm-btn) { cursor: pointer; display: block; width: 3.125em; height: 3.125em; font-family: 'Open Sans', sans-serif; font-size: 1rem; font-weight: normal; font-weight: 400; line-height: 3.125em; text-align: center; } .pagination a:not(.button):not(.modaal-confirm-btn):hover, .pagination a:not(.button):not(.modaal-confirm-btn).active { background-color: #e5e5e5; } .pagination .selected a:not(.button):not(.modaal-confirm-btn) { background-color: #e5e5e5; } @media screen and (max-width: 47.9375rem) { .pagination .fl--left, .pagination .fl--right { float: none; } } .section { position: relative; display: block; padding: 2.5em 0; } .section hr { margin: 1.6625em 0; } .section .section__header { position: relative; z-index: 1; display: block; margin-bottom: 2.5rem; } .section .section__header:after { display: table; clear: both; content: " "; } .section .section__header a:not(:first-child) { margin-top: 0.625rem; } .section .section__header.section-header--bordered { margin-bottom: 1.875em; border-bottom: 1px solid #e5e5e5; } .section .section__footer { position: relative; display: block; margin-top: 1.25em; } .section .header__heading-text, .section .section__heading-text { height: 1.42857em; font-size: 1.5rem; font-weight: 600; line-height: 1.42857em; letter-spacing: 0.02em; margin: 0; padding: 0; } .section.section--lightest { background-color: #ffffff; color: #141a17; } .section.section--light { background-color: #f2f2f2; color: #141a17; } .section.section--dark { background-color: #141a17; color: #ffffff; } .section.section--gr { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-size: 100% 300px; background-repeat: no-repeat; } .section.section--top-border:before { position: relative; top: -2.5em; display: block; margin-left: auto; margin-right: auto; width: 100%; height: 1px; max-width: 78.875rem; background-color: #e5e5e5; content: " "; } .section.section--vcenter { display: block; padding: 2.5em 0; } @media screen and (min-width: 64rem) { .section { padding: 2.5em 0; } .section.section--top-border:before { top: -5em; } } @media screen and (min-width: 48rem) { .section .section__header a:not(.button):not(.modaal-confirm-btn) { margin-top: 0; } .section .section__header hgroup { text-align: center; } .section .section__header hgroup:not(:last-child) { float: left; text-align: left; } .section .section__header a:not(:first-child) { float: right; } .section.section--vcenter { display: table; width: 100%; height: 100%; } .section.section--vcenter .section__body { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } .section.section--vcenter .section__footer { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; } } .block hr { margin: 0.83125em 0; } .block .block__heading-text { font-size: 1.3125rem; font-weight: 600; line-height: 1.6em; letter-spacing: 0.02em; text-transform: uppercase; margin: 0; padding: 0; } .tab__nav ul { padding: 0; margin: 0; } .tab__nav li { margin-left: -4px; } .tab__nav li a.button, .tab__nav li .img-uploader a.upload-label, .img-uploader .tab__nav li a.upload-label, .tab__nav li .main-carousel__item a.main-carousel__gallery, .main-carousel__item .tab__nav li a.main-carousel__gallery, .tab__nav li .main-carousel__item a.main-carousel__video, .main-carousel__item .tab__nav li a.main-carousel__video, .tab__nav li a.modaal-confirm-btn { margin: 0; height: 2.5rem; line-height: 2.5rem; text-transform: none; max-width: 100%; } .tab__nav li:not(:first-child) a.button:not(.button--red), .tab__nav li:not(:first-child) .img-uploader a.upload-label:not(.button--red), .img-uploader .tab__nav li:not(:first-child) a.upload-label:not(.button--red), .tab__nav li:not(:first-child) .main-carousel__item a.main-carousel__gallery:not(.button--red), .main-carousel__item .tab__nav li:not(:first-child) a.main-carousel__gallery:not(.button--red), .tab__nav li:not(:first-child) .main-carousel__item a.main-carousel__video:not(.button--red), .main-carousel__item .tab__nav li:not(:first-child) a.main-carousel__video:not(.button--red), .tab__nav li:not(:first-child) a.modaal-confirm-btn:not(.button--red) { border-left: 1px solid #d9d9d9; } .tab__nav li:not(:last-child):not(:first-child) a { border-radius: 0; -webkit-border-radius: 0; } .tab__nav li:first-child:not(:last-child) a { border-radius: 0.3125em 0 0 0.3125em; -webkit-border-radius: 0.3125em 0 0 0.3125em; } .tab__nav li:last-child:not(:first-child) a { border-radius: 0 0.3125em 0.3125em 0; -webkit-border-radius: 0 0.3125em 0.3125em 0; } .tab__content:target { display: block !important; } .table { width: 100%; background-color: #fff; } .table thead, .table tbody, .table tfoot { width: 100%; } .table td, .table th { position: relative; padding: 0.625em 1.25em; } .table td[data-label="Action"], .table th[data-label="Action"] { white-space: nowrap; } .table thead td, .table thead th, .table tfoot td, .table tfoot th { font-size: 0.9em; font-weight: 600; text-transform: uppercase; } .table thead td, .table thead th { padding-top: 1.25em; } .table tfoot td, .table tfoot th { padding-bottom: 1.25em; } .table .table { font-size: 0.9em; } .table .table thead td, .table .table thead th, .table .table tbody td, .table .table tbody th, .table .table tfoot td, .table .table tfoot th { padding: 0.3125em 1.25em; } .table.table--no-padding td, .table.table--no-padding th { padding: 0; } .table.table--fixed { table-layout: fixed; } .table.table--bordered thead { border-bottom: 1px solid #e5e5e5; } .table.table--bordered tr:not(:first-child) td, .table.table--bordered tr:not(:first-child) th { border-top: 1px solid #e5e5e5; } .table.table--striped tr:not(:nth-child(2n+1)) td, .table.table--striped tr:not(:nth-child(2n+1)) th { background-color: #f2f2f2; } .table tr.striped td, .table tr.striped th { background-color: #f2f2f2; padding: 0.3125em 1.25em !important; } @media screen and (min-width: 48rem) { .table td:last-child, .table th:last-child { text-align: right; } .table.table--bordered td:first-child, .table.table--bordered th:first-child { padding-left: 0; } .table.table--bordered td:last-child, .table.table--bordered th:last-child { padding-right: 0; } } @media screen and (max-width: 47.9375rem) { .table.table--responsive { display: block; } .table.table--responsive thead, .table.table--responsive tbody, .table.table--responsive tfoot { display: block; } .table.table--responsive thead { display: none; } .table.table--responsive tbody, .table.table--responsive tr, .table.table--responsive td, .table.table--responsive th { display: block; } .table.table--responsive tbody[data-label="Action"], .table.table--responsive tr[data-label="Action"], .table.table--responsive td[data-label="Action"], .table.table--responsive th[data-label="Action"] { white-space: normal; } .table.table--responsive td:before, .table.table--responsive th:before { display: block; content: attr(data-label); text-transform: uppercase; opacity: 0.5; } .table.table--responsive td:not(:last-child), .table.table--responsive th:not(:last-child) { padding-bottom: 0; } .table.table--responsive.table--bordered tr:not(:first-child) td, .table.table--responsive.table--bordered tr:not(:first-child) th { border-width: 0; } .table.table--responsive.table--bordered tr:not(:first-child) td:first-child, .table.table--responsive.table--bordered tr:not(:first-child) th:first-child { border-top: 1px solid #e5e5e5; } } .tag { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin: 0.5em; font-size: 0.9375rem; line-height: 1; } .tag .tag__label { max-width: 18.75em; display: inline-block; vertical-align: middle; padding: 0.75em 1em; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; background-color: #ffffff; border: 1px solid #eaeaea; } .tag .tag__counter { padding: 0.75em 1em; background-color: #eaeaea; } .tag .tag__remove { margin-left: 0.625em; } .site-header { position: relative; z-index: 3000; display: block; padding: 0.625rem; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; color: #141a17; -webkit-box-shadow: 0 0 0 0 rgba(23, 44, 78, 0.1); box-shadow: 0 0 0 0 rgba(23, 44, 78, 0.1); -webkit-transition: box-shadow 0.21s linear, height 0.21s linear; -webkit-transition: height 0.21s linear, -webkit-box-shadow 0.21s linear; transition: height 0.21s linear, -webkit-box-shadow 0.21s linear; -o-transition: box-shadow 0.21s linear, height 0.21s linear; transition: box-shadow 0.21s linear, height 0.21s linear; transition: box-shadow 0.21s linear, height 0.21s linear, -webkit-box-shadow 0.21s linear; } .is--bottom .site-header { border-bottom: 0 solid rgba(23, 44, 78, 0.05); -webkit-box-shadow: 0 1px 7px 0 rgba(23, 44, 78, 0.1); box-shadow: 0 1px 7px 0 rgba(23, 44, 78, 0.1); } .site-header.site-header--inverse { background-color: #141a17; color: #ffffff; } .site-header.site-header--inverse .h__brand .h__trigger { background-color: #1d3762; color: #f2f2f2; } .site-header .h__logo { display: inline-block; } .site-header .h__logo img { max-height: 100%; } .site-header .h__search { display: block; margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; line-height: 3.125rem; background-color: #ffffff; } .site-header .h__search > div { max-width: calc(150px + 15vw); margin: 0 auto; height: auto; line-height: 1; } .site-header .h__search .search__wrap { height: 3.125rem; line-height: 3.125rem; border-radius: 5px; background-color: #f2f2f2; } .site-header .h__search .search__icon, .site-header .h__search .search__text { display: inline-block; width: 2.5rem; height: 3.125rem; line-height: 3.125rem; } .site-header .h__search .search__icon { opacity: 0.2; text-align: center; } .site-header .h__search .input, .site-header .h__search input[type="text"], .site-header .h__search input[type="email"], .site-header .h__search input[type="password"], .site-header .h__search input[type="search"], .site-header .h__search input[type="tel"], .site-header .h__search select, .site-header .h__search textarea { display: block; background-color: transparent; color: currentColor; border: 0 solid transparent; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.8em; height: 3.125rem; min-height: 3.125rem; line-height: 3.125rem; min-width: 220px; } .site-header .h__brand .h__logo { height: 3.125rem; -webkit-transition: height 0.21s linear, line-height 0.21s linear, margin 0.21s linear; -o-transition: height 0.21s linear, line-height 0.21s linear, margin 0.21s linear; transition: height 0.21s linear, line-height 0.21s linear, margin 0.21s linear; } .site-header .h__navigation { -webkit-transition: height 0.21s linear, line-height 0.21s linear; -o-transition: height 0.21s linear, line-height 0.21s linear; transition: height 0.21s linear, line-height 0.21s linear; } .site-header .h__navigation .menu { display: inline-block; } .site-header .h__cart { position: relative; display: inline-block; color: currentColor; padding: 0.625em; font-size: 1rem; font-weight: 500; line-height: 1.25em; white-space: nowrap; } @media screen and (min-width: 48rem) { .site-header.site-header--fixed { position: fixed; top: 0; left: 0; right: 0; } .has--notification .site-header.site-header--fixed { top: 2em; } .site-header .h__navigation { line-height:normal;} .site-header .h__brand, .site-header .h__navigation { z-index: 2000; height: 3.125rem; } .site-header .h__brand:not(:last-child), .site-header .h__navigation:not(:last-child) { margin-right: 1.25em; } .site-header .h__brand > a, .site-header .h__brand .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn), .site-header .h__navigation > a, .site-header .h__navigation .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn) { position: relative; padding-top: 0; padding-bottom: 0; height: 3.125rem; line-height: 3.125rem; } .site-header .h__brand > a:before, .site-header .h__brand .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn):before, .site-header .h__navigation > a:before, .site-header .h__navigation .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn):before { position: absolute; top: 100%; left: 0; right: 0; display: block; height: 0.625rem; width: 100%; content: ""; } .site-header .h__cart__count { position: absolute; top: 0; right: -0.9375em; margin-top: auto; margin-bottom: auto; width: 1.875em; height: 1.875em; line-height: 1.875em; border-radius: 1.875em; font-size: 0.7em; font-weight: normal; text-align: center; padding: 0 0.25em; background-color: #4D979B; color: #ffffff; } } @media screen and (min-width: 80rem) { .site-header .h__brand-main { position: absolute; top: 0; left: 0; right: 0; z-index: 1000; } .site-header.site-header--transparent { background-color: transparent; color: #ffffff; -webkit-transition: all 0.21s linear; -o-transition: all 0.21s linear; transition: all 0.21s linear; } } @media screen and (max-width: 79.9375rem) { .site-header .h__brand .h__logo { margin-right: 0.625em; } .site-header .h__brand .h__trigger { float: right; margin-top: 1.25em; } .site-header .h__navigation .main-menu { display: none; } } @media screen and (max-width: 63.9375rem) { .site-header .h__search .search__text span { display: none; width: 100%; } } @media screen and (max-width: 47.9375rem) { .site-header .h__search { position: absolute; top: 100%; left: 0; right: 0; display: none; float: left; width: 100%; padding: 0.625em; } .site-header .h__search:before { clear: both; content: ""; display: table; } .site-header .h__search > div { max-width: 100%; margin: 0; } .site-header .h__search .search__text { width: calc(100% - 24px); } .site-header .h__brand { float: left; } .site-header .h__brand .h__logo { height: 3.125em; line-height: 3.125em; } .site-header .h__brand .h__trigger { margin-top: 0; } .site-header .h__navigation { float: right; } .site-header .icon, .site-header .h__cart { max-height: 2.5em; } } .site-header-nofication { position: relative; z-index: 3001; padding: 0 1.25em; background-color: #22805A; color: #ffffff; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } @media screen and (min-width: 48rem) { .site-header-nofication { position: fixed; top: 0; left: 0; right: 0; } } .site-main { position: relative; display: block; background-color: #ffffff; color: #141a17; margin: 0; -webkit-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .site-main.site-main--darkest { background-color: #141a17; color: #ffffff; } .site-main.site-main--primary { background-color: #22805A; color: #ffffff; } .site-main__header { position: relative; display: block; z-index: 2; } .site-main__header .slick-slide img { display: block; margin: auto; } .site-main__header.site-main__header--light { background-color: #ffffff; color: #141a17; } .site-main__header.site-main__header--dark { background-color: #141a17; color: #ffffff; } .site-main__header__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .site-main__header__image:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: " "; background-color: rgba(23, 44, 78, 0.15); } .site-main__header__image .img { position: relative; display: block; width: 100%; height: 100%; } .site-main__header__image .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; min-width: 100%; min-height: 100%; max-width: 1000%; max-height: 1000%; } @media screen and (min-width: 48rem) { .site-main { padding-top: 4.375em; } .has--notification .site-main { padding-top: 7.3125em; } } .site-fixed-sidebar { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2000; display: none; width: 100%; background-color: #d9d9d9; color: #141a17; } .site-fixed-sidebar .sidebar__stats { display: table; table-layout: fixed; height: 7.5em; margin-top: 5em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .site-fixed-sidebar .sidebar__stats .stat { display: table-cell; width: 50%; height: 100%; text-align: center; } .site-fixed-sidebar .sidebar__stats .stat .stat__big { display: inline-block; width: 100%; font-size: 1.75rem; font-weight: 600; } .site-fixed-sidebar .sidebar__stats .stat .stat__small { display: inline-block; width: 100%; font-size: 0.875rem; letter-spacing: 0.0625em; text-transform: uppercase; } @media screen and (min-width: 85rem) { .site-fixed-sidebar { display: block; max-width: 18.75em; padding: 9.0625em 1.25em 2.5em; } .has--notification .site-fixed-sidebar { padding: 11.0625em 1.25em 2.5em; } } @media screen and (min-width: 101.25rem) { .site-fixed-sidebar { max-width: 25em; padding: 9.0625em 1.25em 2.5em; } .has--notification .site-fixed-sidebar { padding: 11.0625em 2.5em 2.5em; } } .site-footer { position: relative; display: block; } .site-footer .site-footer__upper, .site-footer .site-footer__lower { background-color: rgba(0, 0, 0, 0.08); } .site-footer .site-footer__upper { padding: 2.5em 0; } .site-footer .site-footer__lower { padding: 1.25em 0; } .site-footer .f__block:not(:last-child) { margin-bottom: 1.25em; } .site-footer .f__block .f__block__heading { padding: 0 0 1em; margin: 0; font-size: 1.25rem; font-weight: 600; } .site-footer .f__block a { display: inline-block; font-size: 0.875rem; font-weight: 500; line-height: 2; } .site-footer .f__block ul li { line-height: 1.8; } .site-footer .f__certified { text-align: left; } .site-footer .f__payment { text-align: right; } .site-footer .f__social-menu a { font-size: 0.875rem; font-weight: 500; line-height: 1; white-space: nowrap; padding: 0.57143em 0 !important; margin: 0; } .site-footer .f__social-menu .f__social__icon { display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: 100%; margin-left: 0.25em; margin-right: 0.25em; line-height: 2.5rem; text-align: center; background-color: #ffffff; } .site-footer.site-footer--dark { background-color: #141a17; color: #ffffff; } .site-footer.site-footer--dark .site-footer__upper { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .site-footer.site-footer--light { background-color: #ffffff; color: #141a17; } .site-footer.site-footer--light .site-footer__upper { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .site-footer.site-footer--bg { background-color: #141a17; background-position: center center; background-size: cover; color: #ffffff; } .site-footer.site-footer--bg:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; content: " "; display: block; background-color: rgba(23, 44, 78, 0.6); } .site-footer.site-footer--bg > * { position: relative; z-index: 2000; } .site-footer.site-footer--light .input, .site-footer.site-footer--light input[type="text"], .site-footer.site-footer--light input[type="email"], .site-footer.site-footer--light input[type="password"], .site-footer.site-footer--light input[type="search"], .site-footer.site-footer--light input[type="tel"], .site-footer.site-footer--light select, .site-footer.site-footer--light textarea, .site-footer.site-footer--bg .input, .site-footer.site-footer--bg input[type="text"], .site-footer.site-footer--bg input[type="email"], .site-footer.site-footer--bg input[type="password"], .site-footer.site-footer--bg input[type="search"], .site-footer.site-footer--bg input[type="tel"], .site-footer.site-footer--bg select, .site-footer.site-footer--bg textarea { height: 3.75rem; border: 1px solid rgba(0, 0, 0, 0.1); } .site-footer.site-footer--light .input.error, .site-footer.site-footer--light input[type="text"].error, .site-footer.site-footer--light input[type="email"].error, .site-footer.site-footer--light input[type="password"].error, .site-footer.site-footer--light input[type="search"].error, .site-footer.site-footer--light input[type="tel"].error, .site-footer.site-footer--light select.error, .site-footer.site-footer--light textarea.error, .site-footer.site-footer--bg .input.error, .site-footer.site-footer--bg input[type="text"].error, .site-footer.site-footer--bg input[type="email"].error, .site-footer.site-footer--bg input[type="password"].error, .site-footer.site-footer--bg input[type="search"].error, .site-footer.site-footer--bg input[type="tel"].error, .site-footer.site-footer--bg select.error, .site-footer.site-footer--bg textarea.error { border: 1px solid #ED6F58; } .site-footer.site-footer--dark .input, .site-footer.site-footer--dark input[type="text"], .site-footer.site-footer--dark input[type="email"], .site-footer.site-footer--dark input[type="password"], .site-footer.site-footer--dark input[type="search"], .site-footer.site-footer--dark input[type="tel"], .site-footer.site-footer--dark select, .site-footer.site-footer--dark textarea, .site-footer.site-footer--bg .input, .site-footer.site-footer--bg input[type="text"], .site-footer.site-footer--bg input[type="email"], .site-footer.site-footer--bg input[type="password"], .site-footer.site-footer--bg input[type="search"], .site-footer.site-footer--bg input[type="tel"], .site-footer.site-footer--bg select, .site-footer.site-footer--bg textarea { height: 3.75rem; border: 1px solid rgba(255, 255, 255, 0.1); } .site-footer.site-footer--dark .input.error, .site-footer.site-footer--dark input[type="text"].error, .site-footer.site-footer--dark input[type="email"].error, .site-footer.site-footer--dark input[type="password"].error, .site-footer.site-footer--dark input[type="search"].error, .site-footer.site-footer--dark input[type="tel"].error, .site-footer.site-footer--dark select.error, .site-footer.site-footer--dark textarea.error, .site-footer.site-footer--bg .input.error, .site-footer.site-footer--bg input[type="text"].error, .site-footer.site-footer--bg input[type="email"].error, .site-footer.site-footer--bg input[type="password"].error, .site-footer.site-footer--bg input[type="search"].error, .site-footer.site-footer--bg input[type="tel"].error, .site-footer.site-footer--bg select.error, .site-footer.site-footer--bg textarea.error { border: 1px solid #ED6F58; } .site-footer.site-footer--dark select, .site-footer.site-footer--bg select { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); } @media screen and (max-width: 79.9375rem) { .site-footer .span.span--10 { width: 100%; } } @media screen and (max-width: 63.9375rem) and (min-width: 48rem) { .site-footer .span.span--6 { width: 100%; margin-bottom: 1.25em; } .site-footer .span.span--2 { width: 33.33333%; } } @media screen and (max-width: 47.9375rem) { .site-footer { text-align: center; } .site-footer .f__block.js-toggle { text-align: left; } .site-footer .f__block.js-toggle .f__block__heading { position: relative; padding: 0.5em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor:pointer; } .site-footer .f__block.js-toggle.active .f__block__heading::after{ position: absolute; right: 0; display: inline-block; font-size: 132%; content: "-"; } .site-footer .f__block.js-toggle .f__block__heading:after { position: absolute; right: 0; display: inline-block; font-size: 132%; content: "+"; } .site-footer .f__block.js-toggle .f__block__heading + ul.list { display: none; } .site-footer .f__block.js-toggle.active .f__block__heading + ul.list { display: block; } .site-footer .f__certified, .site-footer .f__payment { text-align: center; } .site-footer .site-footer__upper, .site-footer .site-footer__lower { padding: 2.5em 0; } .site-footer .site-footer__upper { padding-bottom: 1.25em; } } .main-menu { font-size: inherit; font-weight: inherit; } .main-menu a:not(.button):not(.modaal-confirm-btn) .avatar { position: static; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0; margin: 0; margin-left: 5px; width: 2.33333em; height: 2.33333em; border-radius: 100px; border: 1px solid #e8e8e8; } .main-menu a:not(.button):not(.modaal-confirm-btn) .avatar img { display: block; } .main-menu a:not(.button):not(.modaal-confirm-btn) .notify { position: relative; } .main-menu a:not(.button):not(.modaal-confirm-btn) .notify:before { display: inline-block; vertical-align: middle; padding-left: 5px; padding-right: 5px; margin-right: 5px; border-radius: 20px; font-size: 11px; font-weight: 600; line-height: 15px; text-align: center; content: attr(data-counter); background-color: #ED6F58; color: #ffffff; } .main-menu li > a { color: currentColor; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .main-menu .sub-menu { position: relative; } .main-menu .sub-menu .sub-menu-dropdown { position: absolute; z-index: 2000; top: 100%; display: none; width: auto; padding-top: 2rem; line-height: 2; } /* .main-menu .sub-menu .sub-menu-dropdown:before { position: absolute; top: 2rem; width: 1.5rem; height: 1.5rem; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); background-color: #ffffff; content: ""; } */ .main-menu .sub-menu .sub-menu-dropdown > div { padding: calc(0.5rem + 0.5vw); border-radius: 5px; background: #ffffff; color: #000000; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .main-menu .sub-menu .sub-menu-dropdown h6 { padding: 0.625em 0.625em; } .main-menu .sub-menu .sub-menu-dropdown a:hover { background-color: whitesmoke; } .main-menu .sub-menu:hover { color: #141a17; } .main-menu .sub-menu.sub-menu--left .sub-menu-dropdown { left: -1rem; } .main-menu .sub-menu.sub-menu--left .sub-menu-dropdown::before { left: 1rem; } .main-menu .sub-menu.sub-menu--right .sub-menu-dropdown { right: -1rem; } .main-menu .sub-menu.sub-menu--right .sub-menu-dropdown::before { right: 1rem; } .main-menu .sub-menu.sub-menu--center .sub-menu-dropdown { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main-menu .sub-menu.sub-menu--center .sub-menu-dropdown:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 80rem) { .main-menu .sub-menu:hover .sub-menu-dropdown { display: block; } .main-menu .sub-menu-dropdown .list.list--horizontal > * { vertical-align: top; width: 30%; } } @media screen and (max-width: 79.9375rem) { .main-menu a:not(.button):not(.modaal-confirm-btn).avatar { width: 2.5em; height: 2.5em; border-radius: 2.5em; } .main-menu .sub-menu a { pointer-events: none; } .main-menu .sub-menu .sub-menu-dropdown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 90vw; height: 90vh; } .main-menu .sub-menu:hover .sub-menu-dropdown { display: block; } } .menu__toggle { display: inline-block; width: 3.125em; height: 3.125em; border-radius: 5px; line-height: 3.125em; font-size: 0.75rem; text-align: center; background-color: #f2f2f2; border: none; color: #141a17; } .menu__toggle input[type="checkbox"] { display: none; } @media screen and (min-width: 80rem) { .menu__toggle { display: none; } } .mobile-menu { position: fixed; right: 0; top: 0; bottom: 0; z-index: 5000; width: 20em; height: 100vh; max-width: 85%; overflow: hidden; text-align: left; -webkit-overflow-scrolling: touch; overflow-y: auto; background-color: #fff; -webkit-box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.15); opacity: 1; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: transform 0.15s linear, opacity 0.3s linear; transition: -webkit-transform 0.15s linear, opacity 0.3s linear; -webkit-transition: opacity 0.3s linear, -webkit-transform 0.15s linear; transition: opacity 0.3s linear, -webkit-transform 0.15s linear; -o-transition: transform 0.15s linear, opacity 0.3s linear; transition: transform 0.15s linear, opacity 0.3s linear; transition: transform 0.15s linear, opacity 0.3s linear, -webkit-transform 0.15s linear; } .mobile-menu .container.container--static { width: 100%; } .mobile-menu .span { width: 100%; } .mobile-menu .list.list--horizontal { margin-bottom: 3.125em; } .mobile-menu .list.list--horizontal, .mobile-menu .list.list--horizontal > * { display: block; } .mobile-menu .list.list--horizontal .list.list--horizontal { margin-bottom: 0; } .mobile-menu button:not(.button):not(.modaal-confirm-btn) { display: block; width: 100%; padding: 0.625em 1.25em; line-height: 2.25em; text-align: left; background-color: #f2f2f2; border: none; border-bottom: 1px solid #e5e5e5; } .mobile-menu a:not(.button):not(.modaal-confirm-btn) { padding: 1.25em 1.25em; border-bottom: 1px solid #e5e5e5; } .mobile-menu a:not(.button):not(.modaal-confirm-btn).avatar { display: none; } .mobile-menu a.button, .mobile-menu .img-uploader a.upload-label, .img-uploader .mobile-menu a.upload-label, .mobile-menu .main-carousel__item a.main-carousel__gallery, .main-carousel__item .mobile-menu a.main-carousel__gallery, .mobile-menu .main-carousel__item a.main-carousel__video, .main-carousel__item .mobile-menu a.main-carousel__video, .mobile-menu a.modaal-confirm-btn { margin: 0.625em 1.25em; width: calc(100% - 2.5em); } .mobile-menu .sub-menu { position: relative; } .mobile-menu .sub-menu .sub-menu-dropdown { display: none; } .mobile-menu .sub-menu .sub-menu-dropdown h1, .mobile-menu .sub-menu .sub-menu-dropdown h2, .mobile-menu .sub-menu .sub-menu-dropdown h3, .mobile-menu .sub-menu .sub-menu-dropdown h4, .mobile-menu .sub-menu .sub-menu-dropdown h5, .mobile-menu .sub-menu .sub-menu-dropdown h6 { padding: 0.625em; margin: 0; } .mobile-menu .sub-menu > a:after { position: absolute; top: calc(50% - 3px); right: 1.25em; display: inline-block; vertical-align: middle; content: " "; height: 0; width: 0; margin-left: 0.625em; border: solid transparent; border-width: 5px; border-top-color: currentColor; pointer-events: none; } .mobile-menu .sub-menu > a.no-pseudo:after { display: none; } .mobile-menu .sub-menu ul a { font-size: 0.9375rem; background-color: #f2f2f2; } .mobile-menu .sub-menu ul ul ul a { background-color: #e0e0e0; } .mobile-menu .sub-menu ul ul ul ul a { background-color: #cccccc; } .mobile-menu .icon { width: 0.8em; height: 0.8em; vertical-align: middle; } .is--menu-visible .mobile-menu { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .overlay { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 4000; display: none; background-color: rgba(23, 44, 78, 0.4); opacity: 0; -webkit-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .overlay.has--visible { display: block; opacity: 1; } .no-record { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 18.75em; color: #dedede; } .activity-card__list .no-record { margin-top: 2.37718%; border-top: 1px solid rgba(0, 0, 0, 0.1); } .activity-card__list.list--2 .no-record { margin-top: 1.19332%; } .activity-card__list.list--3 .no-record { margin-top: 1.05932%; } .activity-card__list.list--4 .no-record { margin-top: 0.79239%; } .no-record label { display: block; margin-top: 1.25em; font-size: 1.125rem; font-weight: 300; line-height: 1; text-transform: uppercase; color: #a0a0a0; } .innova-editor ul { padding-left: 1.25em; list-style: circle; } .innova-editor ol { padding-left: 1.25em; list-style: decimal-leading-zero; } .innova-editor a:not(.button):not(.modaal-confirm-btn) { text-decoration: underline; color: inherit; } .innova-editor a:not(.button):not(.modaal-confirm-btn):hover { color: inherit; } .innova-editor strong, .innova-editor b { font-weight: 600; } .innova-editor em, .innova-editor i { font-weight: 400; font-style: italic; } .innova-editor blockquote { font-style: italic; font-weight: 700; margin: 0 0 1.25em 0; } .innova-editor hr { border: 0; border-bottom: solid 1px currentcolor; opacity: 0.1; margin: 2.49375em 0; } @media screen and (max-width: 47.9375rem) { .innova-editor hr { margin: 1.3125em 0; } } .h__serach-wrapper { height: auto !important; max-height: 100% !important; overflow-y: auto !important; } .search-card { position: relative; display: block; background-color: #ffffff; } .search-card__action { position: relative; z-index: 2000; overflow: hidden; height: 3.125em; line-height: 3.125em; -webkit-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; } .search-card__action__label, .search-card__action__input, .search-card__action__close { display: inline-block; vertical-align: middle; } .search-card__action__input { width: 90%; width: calc(100% - 4em); } .search-card__action__input input[type="text"] { font-size: 1.125rem; border: none; } .search-card__result { border-top: 1px solid #e5e5e5; } @media screen and (min-width: 48rem) { .search-card__action { height: 5.3125em; line-height: 5.3125em; } } .img-uploader { display: block; padding: 0.625em; background-color: #ffffff; border: 1px solid #e5e5e5; text-align: center; } .img-uploader:after { display: table; clear: both; content: " "; } .img-uploader .upload-label { margin-top: 0.625em; background-color: #4D979B; color: #ffffff; } @media screen and (min-width: 48rem) { .img-uploader img { float: left; margin-right: 20px; } } .row:after { display: table; clear: both; content: " "; } .field-set { display: block; } .field-set .field_label, .field-set .field_info { margin-right: .75rem; } .field-set .field_label:not(:last-child), .field-set .field_info:not(:last-child) { margin-bottom: .25rem; } .field-set .field_info { display: block; font-size: 0.875rem; font-weight: 400; font-style: italic; color: #ED6F58; } .field-set .field_label { display: inline-block; font-size: 1rem; font-weight: 400; } .field-set .field_label .field_info { font-size: 1rem; } .field-set .field_cover { position: relative; } @media screen and (min-width: 30rem) { .field-set .field_cover .button:not(:first-child), .field-set .field_cover .img-uploader .upload-label:not(:first-child), .img-uploader .field-set .field_cover .upload-label:not(:first-child), .field-set .field_cover .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:not(:first-child), .ui-datepicker .ui-datepicker-buttonpane .field-set .field_cover button.ui-state-default:not(:first-child), .field-set .field_cover .main-carousel__item .main-carousel__gallery:not(:first-child), .main-carousel__item .field-set .field_cover .main-carousel__gallery:not(:first-child), .field-set .field_cover .main-carousel__item .main-carousel__video:not(:first-child), .main-carousel__item .field-set .field_cover .main-carousel__video:not(:first-child), .field-set .field_cover .modaal-confirm-btn:not(:first-child) { margin-left: 0.625em; } } .field-set .field_cover .field_add-on { height: 3.57143em; font-size: 0.875rem; line-height: 3.57143em; text-align: center; background-color: #f2f2f2; border: 1px solid #e5e5e5; margin-bottom: 0.71429em; position: absolute; top: 1px; bottom: 1px; padding: 0 0.71429em; margin: 0; border: none; } .field-set .field_cover .field_add-on.add-on--left { left: 1px; border-right: 1px solid #e5e5e5; } .field-set .field_cover .field_add-on.add-on--right { right: 1px; border-left: 1px solid #e5e5e5; } .field-set .field_cover .field_add-on input, .field-set .field_cover .field_add-on select { background-color: transparent; border-width: 0; width: 100%; min-width: 11.42857em; } .field-set .field_cover .field_add-on select { padding-top: 0.92857em; padding-bottom: 0.85714em; line-height: 1.42857em; } .field-set .field_cover .field_add-on.add-on--left + input { padding-left: 4.375em; } .field-set .field_cover .field_add-on.add-on--right + input { padding-right: 4.375em; } .field-set .field_cover .field_add-on input, .field-set .field_cover .field_add-on select { margin: 0 -0.71429em; } .field-set .field_cover .captcha-wrapper { position: absolute; right: 0px; bottom: 5px; height: 100%; } .field-set .field_cover .captcha-wrapper img { max-width: none; max-height: 3.375em; } .field-set .field_cover .captcha-wrapper .reload { display: inline-block; vertical-align: middle; padding-left: 0.625em; padding-right: 0.625em; height: 2.75em; line-height: 2.75em; background-color: #f2f2f2; } .field-set .field_cover .checkbox, .field-set .field_cover .radio { display: inline; } .field-set .field_cover .checkbox { margin-right: 0; } .field-set .field_cover .checkbox .input-helper { width: 1rem; height: 1rem; display: inline-block; position: relative; vertical-align: middle; margin-right: 0.625em; border: 2px solid #d9d9d9; border-radius: .125rem; background: #fff; -webkit-transition: border 0.15s linear, background 0.15s linear; -o-transition: border 0.15s linear, background 0.15s linear; transition: border 0.15s linear, background 0.15s linear; } .field-set .field_cover .checkbox input[type="checkbox"]:checked + .input-helper, .field-set .field_cover .checkbox input[type="checkbox"]:checked ~ .input-helper { border: 4px solid #141a17; } .field-set .field_cover .radio { margin-right: 0; } .field-set .field_cover .radio .input-helper { width: 1rem; height: 1rem; display: inline-block; position: relative; vertical-align: middle; margin-right: 0.625em; border: 2px solid #d9d9d9; border-radius: 1rem; background: #fff; -webkit-transition: border 0.15s linear, background-color 0.15s linear; -o-transition: border 0.15s linear, background-color 0.15s linear; transition: border 0.15s linear, background-color 0.15s linear; } .field-set .field_cover .radio input[type="radio"]:checked + .input-helper, .field-set .field_cover .radio input[type="radio"]:checked ~ .input-helper { border: 4px solid #141a17; } .field-set .field_cover .list.list--horizontal li { padding-right: 1.25em; } .checkbox-set .caption-wraper, .radio-set .caption-wraper { font-family: 'Open Sans', sans-serif; } .form { text-align: left; } .form:after { display: table; clear: both; content: " "; } .form.form--vertical .field-set { display: block; margin-bottom: 1.25em; } .form.form--vertical .field-set .caption-wraper, .form.form--vertical .field-set .field-wraper { display: block; } .form.form--horizontal .field-set { display: table; table-layout: fixed; width: 100%; margin-bottom: 1.25em; } .form.form--horizontal .field-set .caption-wraper, .form.form--horizontal .field-set .field-wraper { display: table-cell; vertical-align: top; line-height: 2.5em; } .form.form--horizontal .field-set .field-wraper { width: 66.13419%; } @media screen and (max-width: 47.9375rem) { .form.form--horizontal .field-set { display: block; } .form.form--horizontal .field-set .caption-wraper, .form.form--horizontal .field-set .field-wraper { display: block; width: 100%; } } .errorlist { list-style: none !important; margin: 0; padding: 0 !important; } .errorlist li a { text-decoration: none !important; } .errorlist li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .errorlist a { display: block; padding: 0.30769em 1.53846em; font-size: 0.8125rem; font-weight: 400; line-height: 1.38462em; background-color: #f7ab92; color: #ED6F58; } .mce_inline_error { display: block; padding: 0.30769em 1.53846em; font-size: 0.8125rem; font-weight: 400; line-height: 1.38462em; background-color: #f7ab92; color: #ED6F58; } #mce-success-response { display: block; padding: 0.30769em 1.53846em; font-size: 0.8125rem; font-weight: 400; line-height: 1.38462em; background-color: #6afbef; color: #4D979B; } .filters a:not(.button):not(.modaal-confirm-btn):not(.f-button):not(.listing__filter-button) { position: relative; display: block; padding: 0.3125em; font-size: 0.875rem; font-weight: 400; line-height: 1.2em; text-transform: uppercase; white-space: nowrap; } .filters .f-button { display: block; width: 3.125em; height: 3.125em; line-height: 3.125em; height: calc(3.125em + 2px); text-align: center; color: #e5e5e5; } .filters .f-button.active { background-color: #ffffff; border: 1px solid #e5e5e5; color: #141a17; } @media screen and (min-width: 48rem) { .filters .list.list--horizontal > *:not(:last-child) { margin-right: 0.625em; } } @media screen and (max-width: 47.9375rem) { .filters .list.list--horizontal > * { display: block; margin: 0 0 0.625em 0; padding: 0; } } .box { position: relative; display: block; text-align: center; background-color: #ffffff; border: 1px solid #e5e5e5; } .box .box__header, .box .box__content { display: block; padding: 1.25em; } .box.box--small .box__header, .box.box--small .box__content { padding: 0.625em; } .box.box--large .box__header, .box.box--large .box__content { padding: 1.875em; } .box .box__header { font-size: 0.875rem; text-transform: uppercase; background-color: #f2f2f2; } .box .box__heading { display: block; margin-bottom: 0.95238em; font-size: 1.3125rem; font-weight: 600; } .info .info__heading { margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 500; line-height: 2.35294em; min-width: 30%; } .info .info__wrap { white-space: normal; } .info .info__actions { text-align: right; } @media screen and (min-width: 48rem) { .info-table td, .info-table th { white-space: nowrap; } .info-table td:first-child, .info-table th:first-child { width: 50%; } .info__wrap { width: 40%; } } @media screen and (max-width: 47.9375rem) { .info-table { text-align: center; } .info-table td { text-align: right; } .info-table td:before { float: left; } .info-table .info .info__wrap { width: 100%; } .info-table .info .info__actions { text-align: inherit; } } .activities-table .activity__heading { margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 500; line-height: 2.35294em; min-width: 30%; } .activities-table .activity__gallery .gallery { display: inline-block; vertical-align: middle; min-width: 15em; max-width: 20em; } .activities-table .activity__gallery .gallery .gallery__item { width: 32.62712%; float: left; margin-right: 1.05932%; margin-top: 0.79239%; } .activities-table .activity__gallery .gallery .gallery__item:nth-child(3n) { width: 32.62712%; float: right; margin-right: 0; } .activities-table .activity__gallery .gallery .gallery__item:nth-child(3n+1):after { display: table; clear: both; content: " "; } .activities-table .activity__actions { text-align: right; } @media screen and (max-width: 79.9375rem) { .activities-table { display: block; } .activities-table tbody, .activities-table tr, .activities-table td, .activities-table th { display: block; } .activities-table tbody:not(:last-child):not(:nth-last-child(2)), .activities-table tr:not(:last-child):not(:nth-last-child(2)), .activities-table td:not(:last-child):not(:nth-last-child(2)), .activities-table th:not(:last-child):not(:nth-last-child(2)) { padding-bottom: 0; } .activities-table td:nth-last-child(2), .activities-table th:nth-last-child(2) { padding-bottom: 0.625em !important; } .activities-table.table--bordered tr:not(:first-child) td, .activities-table.table--bordered tr:not(:first-child) th { border-width: 0; } .activities-table.table--bordered tr:not(:first-child) td:first-child, .activities-table.table--bordered tr:not(:first-child) th:first-child { border-top: 1px solid #e5e5e5; } .activities-table .activity { text-align: center; } .activities-table .activity__actions { padding: 1.25em !important; } } @media screen and (max-width: 47.9375rem) { .activities-table .activity__actions { text-align: inherit; } } .message .message__heading { margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 500; line-height: 2.35294em; min-width: 30%; } .message .message__actions { text-align: right; } @media screen and (max-width: 47.9375rem) { .message .message__actions { text-align: inherit; } } .reply th { border-top: 1px solid #e5e5e5; } .reply__heading { margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 500; line-height: 2.35294em; min-width: 30%; } .reply .comment__list:after { display: table; clear: both; content: " "; } .reply .comment__list .comment { display: inline-block; max-width: 43.75em; padding: 0.625em 1.25em; border-radius: 0.625em; border: 1px solid #eaeaea; } .reply .comment__list .comment:not(:last-child) { margin-bottom: 0.625em; } .reply .person { display: block; } .reply .person:not(:last-child) { margin-bottom: 1.875em; } .reply .person .person__image { position: static; display: inline-block; width: 5em; height: 5em; border-radius: 5em; overflow: hidden; } .reply .person .person__image img { width: 5em; height: 5em; border-radius: 5em; overflow: hidden; } .reply .person .person__comment { text-align: left; } .reply .person.person--first .comment__list .comment { clear: left; float: left; background-color: #ffffff; } .reply .person.person--first .comment__list .comment em { color: #4D979B; } .reply .person.person--second .comment__list .comment { clear: right; float: right; background-color: #f2f2f2; } .reply .person.person--second .comment__list .comment em { color: #ED6F58; } @media screen and (max-width: 47.9375rem) { .reply .person:not(:last-child) { margin-bottom: 1.25em; } .reply .person .media .media__figure { display: none; } .reply .person .media .media__body { padding-top: 0; } } .d-calendar__heading { padding: 0; margin: 0; font-size: 1rem; font-weight: 600; display: inline-block; margin: 0 0.625em; } .d-calendar__toolbar { position: relative; padding: 0.625em 1.25em; background-color: #141a17; color: #ffffff; text-align: center; } .d-calendar__toolbar a { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; } @media screen and (min-width: 48rem) { .d-calendar__toolbar__del { position: absolute; top: 50%; right: 1.875em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } .d-calendar__view { border-collapse: collapse; width: 100%; min-width: 700px; font-size: 0.8125rem; font-weight: 400; text-align: center; } .d-calendar__view td, .d-calendar__view th { text-align: inherit; } .d-calendar__date { position: relative; width: 14.28571%; padding-bottom: 14.28571%; background-color: #ffffff; border: 1px solid #e5e5e5; } .d-calendar__date.have-event--2 { padding-bottom: 120px; } .d-calendar__date.have-event--3 { padding-bottom: 155px; } .d-calendar__date.have-event--4 { padding-bottom: 190px; } .d-calendar__date.have-event--5 { padding-bottom: 225px; } .d-calendar__date.have-event--6 { padding-bottom: 260px; } .d-calendar__date.have-event--7 { padding-bottom: 295px; } .d-calendar__date.have-event--8 { padding-bottom: 330px; } .d-calendar__date.have-event--9 { padding-bottom: 365px; } .d-calendar__date.have-event--10 { padding-bottom: 400px; } .d-calendar__date.have-event--11 { padding-bottom: 435px; } .d-calendar__date.have-event--12 { padding-bottom: 470px; } .d-calendar__date.have-event--13 { padding-bottom: 505px; } .d-calendar__date.have-event--14 { padding-bottom: 540px; } .d-calendar__date.have-event--15 { padding-bottom: 575px; } .d-calendar__date.have-event--16 { padding-bottom: 610px; } .d-calendar__date.have-event--17 { padding-bottom: 645px; } .d-calendar__date.have-event--18 { padding-bottom: 680px; } .d-calendar__date.have-event--19 { padding-bottom: 715px; } .d-calendar__date.have-event--20 { padding-bottom: 750px; } .d-calendar__date.have-event--21 { padding-bottom: 785px; } .d-calendar__date.have-event--22 { padding-bottom: 820px; } .d-calendar__date.have-event--23 { padding-bottom: 855px; } .d-calendar__date.have-event--24 { padding-bottom: 890px; } .d-calendar__date:not(:last-child) { border-right-width: 0; } .d-calendar__date.today { background-color: #d1f1f7; } .d-calendar__date.disable { background-color: #f2f2f2; } .d-calendar__date.disable > span, .d-calendar__date.disable > div { opacity: 0.2; } .d-calendar__digit { position: absolute; top: 0; left: 0; padding: 0.625em; font-size: 1em; line-height: 1em; } .d-calendar__action { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0.625em; padding-top: 2.5em; } .d-calendar__action .time { position: relative; display: inline-block; width: 100%; margin-bottom: 3px; padding: 0.76923em; font-size: 0.8125rem; line-height: 1em; text-align: left; background-color: #f2f2f2; } .d-calendar__action .time__del { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; padding: 0.76923em; font-weight: 400; background-color: rgba(0, 0, 0, 0.07); } .d-calendar__action .time__edit { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: none; padding: 0.76923em; font-weight: 400; background-color: #ED6F58; color: #ffffff; } .d-calendar__action .time.required { background-color: #fccfc0; } .d-calendar__action .time:hover .time__edit { display: block; } .d-calendar__action .time:hover .time__del { color: #ffffff; } .d-calendar__action .add, .d-calendar__action .view { display: inline-block; width: 100%; padding: 0 0.76923em; font-size: 0.8125rem; font-weight: 400; text-align: center; text-transform: uppercase; color: #ffffff; } .d-calendar__action .add { display: none; background-color: #4D979B; } .d-calendar__action .view { background-color: #4D979B; } .d-calendar__date:not(.disable) .d-calendar__action:hover .add { display: inline-block; } .ui-datepicker { display: none; font-weight: 400; padding: 0.625em; width: 18.75em; background: #ffffff; color: #141a17; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08); z-index: 2000 !important; } .ui-datepicker table { border-collapse: separate; width: 100%; font-size: 0.8125rem; font-weight: 400; text-align: center; } .ui-datepicker table td, .ui-datepicker table th { text-align: inherit; } .ui-datepicker .ui-corner-all { border-radius: 0; } .ui-datepicker .ui-datepicker-header { margin-bottom: 1.25em; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { font-size: 0.875rem; height: 2.85714em; line-height: 2.85714em; padding: 0 0.625em; background-color: #f2f2f2; text-align: center; cursor: pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { background-color: #e5e5e5; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { padding: 0 2.5em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title select { width: calc(50% - 20px); padding-left: 0.625em; padding-right: 0.625em; min-width: inherit; font-size: 0.8125rem; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title select:not(:last-child) { border-right-width: 0; } .ui-datepicker .ui-datepicker-calendar { border-spacing: 1px; border-collapse: separate; table-layout: fixed; } .ui-datepicker .ui-datepicker-calendar td { background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { display: block; line-height: 2.25em; } .ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-color: #e5e5e5; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #ED6F58; color: #ffffff; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-hover { background-color: #4D979B; color: #ffffff; } .ui-datepicker .ui-datepicker-buttonpane { margin: 1.25em -0.625em -0.625em; padding: 0.625em 0.625em 1.25em; background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-buttonpane:after { display: table; clear: both; content: " "; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-priority-secondary { background-color: #4D979B; color: #ffffff; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-priority-primary { background-color: #ED6F58; color: #ffffff; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-datepicker-current { float: left; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-datepicker-close { float: right; } .thumb__item { padding: 0.625em; background-color: #ffffff; border: 1px solid #e5e5e5; text-align: center; } .thumb__item .thumb__iframe, .thumb__item .thumb__image, .thumb__item .thumb__status { display: block; margin-bottom: 0.625em; } .thumb__item .thumb__iframe { position: relative; display: block; width: 100%; padding-bottom: 56%; } .thumb__item .thumb__iframe iframe { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .thumb__item .thumb__delete { padding: 0 1.875em; } .thumb__item .thumb__delete:hover { background-color: #ED6F58 !important; } .main-carousel__list, .main-carousel__list .main-carousel__item { position: relative; display: block; } .main-carousel__item .section__footer { display: none; } .main-carousel__item .main-carousel__heading { display: block; margin: 0; padding: 0; font-size: 4rem; font-size: calc(2rem + 2vw); font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; } .main-carousel__item .main-carousel__special-heading { display: block; margin: 0; padding: 0; font-size: 4rem; font-size: calc(2rem + 2vw); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; text-shadow: 0 0 30px rgba(0, 0, 0, 0.4); } .main-carousel__item .main-carousel__sub-heading { display: block; margin: 0; padding: 0; font-size: 1.5rem; font-size: calc(0.75rem + 0.75vw); font-weight: 500; line-height: 2; } .main-carousel__item .main-carousel__regular { display: none; font-size: 1rem; line-height: 2.25em; letter-spacing: 0.05em; text-shadow: 0 0 40px rgba(0, 0, 0, 0.7); } .main-carousel__item .main-carousel__video__icon { position: relative; display: none; width: 5.625em; height: 5.625em; border-radius: 5.625em; border: 4px solid currentColor; overflow: hidden; } .main-carousel__item .main-carousel__video__icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-35%, -50%); -ms-transform: translate(-35%, -50%); transform: translate(-35%, -50%); width: 0; height: 0; border: 18px solid transparent; border-left: 34px solid currentColor; border-right: 0 solid currentColor; content: " "; } .main-carousel__item .main-carousel__video__text { display: inline-block; vertical-align: middle; } .main-carousel__item .main-carousel__gallery, .main-carousel__item .main-carousel__video { margin-left: 0 !important; } .main-carousel__item .main-carousel__counter { font-size: 3rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .main-carousel__item .main-carousel__counter small { display: block; font-size: 1rem; font-weight: 400; text-transform: none; } @media screen and (min-width: 48rem) { .main-carousel__item .main-carousel__regular { display: block; } } @media screen and (min-width: 80rem) { .main-carousel__item .section__footer { display: block; padding: 1.875em; } .main-carousel__item .main-carousel__video, .main-carousel__item .main-carousel__video:hover { padding: 0 !important; max-width: 200px; height: auto; background-color: transparent; border-color: transparent; } .main-carousel__item .main-carousel__video__icon { display: inline-block; vertical-align: middle; } .main-carousel__item .main-carousel__video__text { font-size: 1.5rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; } .main-carousel__item .main-carousel__video__text small { display: block; font-size: 1.125rem; text-transform: none; } .main-carousel__item .main-carousel__gallery { margin-top: 1.5em; } } .host__avatar { display: inline-block; width: 7.5rem; height: 7.5rem; border-radius: 11.875rem; overflow: hidden; } .host__label { font-size: 1.125rem; font-weight: 400; font-style: italic; } .host__name { padding: 0; margin: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; } .host__desc { font-size: 0.875rem; } .direction-card { position: relative; z-index: 1000; display: table; width: 100%; height: 400px; overflow: hidden; } .direction-card__map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; max-height: 400px; overflow: hidden; } .direction-card__map img { min-height: 100%; min-width: 100%; max-width: 1000%; max-height: 1000%; } .direction-card__content { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; color: white; z-index: 2000; } .direction-card__label { font-size: 1.125rem; font-weight: 400; font-style: italic; } .direction-card__heading-text { font-size: 1.5rem; font-weight: 600; text-transform: uppercase; } .activity-card { position: relative; display: block; text-align: left; background-color: #ffffff; outline: 1px solid rgba(0, 0, 0, 0.1); } .activity-card__image, .activity-card__content, .activity-card__footer { position: relative; display: block; overflow: hidden; } .activity-card__image { position: relative; display: block; overflow: hidden; background-color: #141a17; color: #ffffff; } .activity-card__image img { -o-transition: all 15s linear; transition: all 15s linear; -webkit-transition: all 15s linear; } .activity-card__image img + img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .activity-card__content { z-index: 10; /* padding: 0.625rem 1.25rem; */ padding: 0rem 1.25rem; overflow: visible; } .activity-card__content-addition { display: none; } .activity-card__footer { padding: 1.25em; } .activity-card__footer-inner { background-color: #f2f2f2; padding: 0.625em; } .activity-card__float { position: absolute; z-index: 12; bottom: 0.625em; right: 0.625em; } .activity-card__float li { transform: translate3d(200%, 0, 0); -webkit-transform: translate3d(200%, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transition: transform 0.3s ease; } .activity-card__float li:nth-child(1) { -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .activity-card__float li:nth-child(2) { -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .activity-card__float li:nth-child(3) { -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: 0s; } .activity-card__float .float__icon { position: relative; display: inline-block; margin: 3px; width: 2em; height: 2em; border-radius: 2em; line-height: 1.875em; text-align: center; background-color: rgba(23, 44, 78, 0.3); border: 1px solid rgba(255, 255, 255, 0.7); color: #ffffff; } .activity-card__float .float__icon:before { position: absolute; top: calc(50% - 10px); right: calc(100% + 10px); display: inline-block; padding: 2px 8px; font-size: 0.6875rem; line-height: 16px; white-space: nowrap; background-color: #141a17; color: #ffffff; content: attr(title); visibility: hidden; opacity: 0; -o-transition: opacity 0.3s ease, right 0.3s ease; transition: opacity 0.3s ease, right 0.3s ease; -webkit-transition: opacity 0.3s ease, right 0.3s ease; } .activity-card__float .float__icon:hover:before { visibility: visible; right: calc(100% + 5px); opacity: 1; } .activity-card__float .float__icon .icon { height: 0.8em; width: 0.8em; } .activity-card__float .float__icon.float__icon--heart.has--active { background-color: #ED6F58; border-color: #ED6F58; } .activity-card__float .float__icon.float__icon--share.has--active { background-color: #4D979B; border-color: #4D979B; } .activity-card__float .float__icon.float__icon--status.has--active { background-color: #141a17; border-color: #141a17; } .activity-card__float .float__icon.float__icon--status.has--active.open { color: #4D979B; } .activity-card__float .float__icon.float__icon--status.has--active.close { color: #ED6F58; } .activity-card__float .float__icon.float__icon--status.has--active.upcoming { color: #4D979B; } .activity-card__loc { opacity: 0.7; } .activity-card__heading { font-size: 1.125rem; line-height: 1.33333em; font-weight: 500; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; padding: 0; margin-bottom: 0.375rem; } .activity-card__cat { font-size: 0.875rem; font-weight: 600; line-height: 1.42857em; letter-spacing: 0.5px; text-transform: uppercase; color: #4D979B; margin: 0 0 0.71429em; } .activity-card__host { font-size: 0.875rem; line-height: 1.5; font-weight: 400; font-style: italic; color: #b3b3b3; display: inline-block; margin: 0 0 1.42857em; } .activity-card__host a { text-transform: capitalize; } .activity-card__desc { max-width: 25em; line-height: 1.5em; display: none; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .activity-card__tag { display: inline-block; margin-right: -3px; padding: 0 0.5rem; font-size: 0.8rem; background-color: #ffffff; color: #000000; } .activity-card__tags { position: absolute; top: -3.2rem; left: 0; margin: 0.4rem 1rem; } .activity-card__rating { max-width: 52%; font-size: 0.875rem; line-height: 1.42857em; position: absolute; bottom: 10px; } .activity-card__rating .rating { display: inline-block; vertical-align: middle; color: #22805A; font-size: 0.55rem; margin-bottom: 0.3125rem; margin-right: 0.3125rem; } .activity-card__additional { display: block; margin-bottom: 0.375rem; } .activity-card__status { font-size: 1rem; font-weight: 400; } .activity-card__status:after { display: table; clear: both; content: " "; } .activity-card__price { float: right; text-align: right; max-width: 50%; font-size: 0.875rem; line-height: 1.42857em; } .activity-card__price:before { display: block; margin-bottom: 0.3125rem; opacity: 0.6; content: "From"; } .activity-card__price-number { /* font-size: 1.25rem; */ font-size: 1.1rem; font-weight: 600; } .activity-card__price-number del { display: block; font-size: 0.6em; font-weight: normal; color: gray; } .activity-card__price-text { display: block; } .activity-card.activity-card--open .activity-card__rating .rating { color: #4D979B; } .activity-card.activity-card--open .activity-card__status [class*="-icon"] { color: #4D979B; } .activity-card.activity-card--closed .activity-card__rating .rating { color: #ED6F58; } .activity-card.activity-card--closed .activity-card__status [class*="-icon"] { color: #ED6F58; } .activity-card.activity-card--cancel .activity-card__rating .rating { color: #141a17; } .activity-card.activity-card--cancel .activity-card__status [class*="-icon"] { color: #bfbfbf; } @media screen and (min-width: 80rem) { .activity-card__float .float__icon.float__icon--heart:hover, .activity-card__float .float__icon.float__icon--heart:active { background-color: #ED6F58; border-color: #ED6F58; } .activity-card__float .float__icon.float__icon--share:hover, .activity-card__float .float__icon.float__icon--share:active { background-color: #4D979B; border-color: #4D979B; } .activity-card__float .float__icon.float__icon--status:hover, .activity-card__float .float__icon.float__icon--status:active { background-color: #141a17; border-color: #141a17; } .activity-card__float .float__icon.float__icon--status.open:hover { color: #4D979B; } .activity-card__float .float__icon.float__icon--status.close:hover { color: #ED6F58; } .activity-card__float .float__icon.float__icon--status.upcoming:hover { color: #4D979B; } .activity-card:hover .activity-card__float li { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .activity-card:hover .activity-card__image img { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .activity-card:hover .activity-card__image img + img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0; visibility: hidden; } } @media screen and (max-width: 79.9375rem) { .activity-card__price-number { font-size: 1.125rem; font-weight: 600; line-height: 1.33333em; } } @media screen and (max-width: 47.9375rem) { .activity-card__image img { width: 100%; } } .activity-card__list { margin-top: -2.37718%; } .activity-card__list .activity-card { margin-top: 2.37718%; } .activity-card__list:after { display: table; clear: both; content: " "; } .activity-card__list .tab__nav .list.list--flex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .activity-card__list.grid--style .activity-card__footer { padding-top: 0; } .activity-card__list.grid--style .activity-card__status { display: inline-block; } .activity-card__list.grid--style .activity-card__status-text { float: left; } .activity-card__list.grid--style .activity-card__status-icon { float: right; margin-left: 0.625em; } @media screen and (min-width: 48rem) { .activity-card__list.grid--style .activity-card { width: 48%; float: left; margin-right: 2%; } .activity-card__list.grid--style .activity-card:nth-child(2n) { margin-right: 0; } .activity-card__list.grid--style .activity-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 64rem) { .activity-card__list.grid--style .activity-card { width: 32.80507%; float: left; margin-right: 0.79239%; } .activity-card__list.grid--style .activity-card:nth-child(2n) { margin-right: 0.79239%; } .activity-card__list.grid--style .activity-card:nth-child(2n+1) { clear: none; } .activity-card__list.grid--style .activity-card:nth-child(3n) { margin-right: 0; } .activity-card__list.grid--style .activity-card:nth-child(3n+1) { clear: left; } } @media screen and (min-width: 48rem) { .activity-card__list.list--style .activity-card { display: table; table-layout: fixed; } .activity-card__list.list--style .activity-card__image, .activity-card__list.list--style .activity-card__content, .activity-card__list.list--style .activity-card__footer { position: relative; display: table-cell; vertical-align: top; } .activity-card__list.list--style .activity-card__image img, .activity-card__list.list--style .activity-card__content img, .activity-card__list.list--style .activity-card__footer img { max-width: 100%; height: 185px; } .activity-card__list.list--style .activity-card__content { padding-left: 1.25em; } .activity-card__list.list--style .activity-card__image { width: 32.80507%; } .activity-card__list.list--style .activity-card__footer { width: 24.40571%; } .activity-card__list.list--style .activity-card__status { text-align: center; } .activity-card__list.list--style .activity-card__status-icon .icon { width: 1em; height: 1em; } } @media screen and (min-width: 80rem) { .activity-card__list.list--style .activity-card__rating { margin-top: auto; } .activity-card__list.list--style .activity-card__image { width: 25%;     max-width: 250px; } .activity-card__list.list--style .activity-card__footer { width: 19.2381%; } .activity-card__list.list--style .activity-card__content { max-width: 675px; } .activity-card__list.list--style .activity-card__content:after { display: table; clear: both; content: " "; } .activity-card__list.list--style .activity-card__content > div { min-height: 120px; float: left; } .activity-card__list.list--style .activity-card__content > div:first-child { width: 65%; padding:0; border-right: 1px solid rgba(23, 44, 78, 0.1); } .activity-card__list.list--style .activity-card__content > div:last-child { padding-left: 1.25em; } .activity-card__list.list--style .activity-card__content-addition, .activity-card__list.list--style .activity-card__content-basic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .activity-card__list.list--style .activity-card__content-addition > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; max-width: 100%; } .activity-card__list.list--style .activity-card__content-addition > div::before { display: none; } .activity-card__list.list--style .activity-card__desc { display: block; } } @media screen and (max-width: 79.9375rem) { .activity-card__list.list--style .activity-card__content { max-width: 450px; } } @media screen and (max-width: 47.9375rem) { .activity-card__list.list--style .activity-card__footer { padding-top: 0; } .activity-card__list.list--style .activity-card__status { display: inline-block; } .activity-card__list.list--style .activity-card__status-icon { float: right; margin-left: 0.625em; } } .activity-card__list.list--2 { margin-top: -1.19332%; } .activity-card__list.list--2 .activity-card { margin-top: 1.19332%; } @media screen and (min-width: 48rem) and (min-width: 48rem) { .activity-card__list.list--2 .activity-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .activity-card__list.list--2 .activity-card:nth-child(2n) { margin-right: 0; } .activity-card__list.list--2 .activity-card:nth-child(2n+1) { clear: left; } } .activity-card__list.list--3 { margin-top: -1.05932%; } .activity-card__list.list--3 .activity-card { margin-top: 1.05932%; } @media screen and (min-width: 48rem) { .activity-card__list.list--3 .activity-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .activity-card__list.list--3 .activity-card:nth-child(2n) { margin-right: 0; } .activity-card__list.list--3 .activity-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .activity-card__list.list--3 .activity-card { width: 32.62712%; float: left; margin-right: 1.05932%; } .activity-card__list.list--3 .activity-card:nth-child(2n) { margin-right: 1.05932%; } .activity-card__list.list--3 .activity-card:nth-child(2n+1) { clear: none; } .activity-card__list.list--3 .activity-card:nth-child(3n) { margin-right: 0; } .activity-card__list.list--3 .activity-card:nth-child(3n+1) { clear: left; } } .activity-card__list.list--4 { margin-top: -1.19239%; } .activity-card__list.list--4 .activity-card { margin-top: 1.19239%; } @media screen and (min-width: 48rem) { .activity-card__list.list--4 .activity-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .activity-card__list.list--4 .activity-card:nth-child(2n) { margin-right: 0; } .activity-card__list.list--4 .activity-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .activity-card__list.list--4 .activity-card { width: 23%; float: left; margin-right: 2%; } .activity-card__list.list--4 .activity-card:nth-child(2n) { margin-right: 0.79239%; } .activity-card__list.list--4 .activity-card:nth-child(2n+1) { clear: none; } .activity-card__list.list--4 .activity-card:nth-child(4n) { margin-right: 0; } .activity-card__list.list--4 .activity-card:nth-child(4n+1) { /*clear: left; */ } } .activity-media { position: relative; } .activity-media__image { width: 15.33546%; } .activity-media__heading { margin-bottom: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.5; } .activity-media__cat { display: block; width: 100%; font-size: 0.875rem; font-weight: 300; line-height: 1.5; letter-spacing: 0.5px; color: #999999; } .activity-media__price { font-weight: 400; color: #ED6F58; } @media screen and (min-width: 48rem) { .activity-media__content { padding-left: 1.25em; } .activity-media__heading, .activity-media__cat { max-width: 70%; } .activity-media__price { position: absolute; top: 0; right: 0; } } .activity-media__list { margin-top: -1.25em; } .activity-media__list:after { display: table; clear: both; content: " "; } .activity-media__list .activity-media { margin-top: 1.875em; padding-bottom: 1.875em; border-bottom: 1px solid #e5e5e5; } @media screen and (min-width: 80rem) { .activity-media__list .activity-media { width: 49.20128%; float: left; margin-right: 1.59744%; } .activity-media__list .activity-media:nth-child(2n) { margin-right: 0; } .activity-media__list .activity-media:nth-child(2n+1) { clear: left; } } .category-card { position: relative; text-align: left; } .category-card__wrap { display: block; position: relative; } .category-card__image { position: relative; margin: 0; padding: 0; padding-bottom: 100%; overflow: hidden; border-radius: 5px; background-color: #141a17; } .category-card__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); width: 110%; max-width: 110%; height: auto; -webkit-transition: transform 0.3s linear; transition: -webkit-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .category-card__content { padding-top: 1.11111em; font-size: 1.125rem; font-weight: 500; line-height: 1.2; letter-spacing: 0; } .category-card__text { font-size: 1rem; font-weight: 400; line-height: 1.3; text-align: center; } .category-card__text:not(:empty) { padding: 1.17647em 0.625em; } .category-card:hover .category-card__image img { -webkit-transform: scale(1.06) translate(-50%, -50%); -ms-transform: scale(1.06) translate(-50%, -50%); transform: scale(1.06) translate(-50%, -50%); } .category-card__list:after { display: table; clear: both; content: " "; } .category-card__list.list--2 { margin-top: -1.19332%; } .category-card__list.list--2 .category-card { margin-top: 1.19332%; } @media screen and (min-width: 48rem) and (min-width: 48rem) { .category-card__list.list--2 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--2 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--2 .category-card:nth-child(2n+1) { clear: left; } } .category-card__list.list--3 { margin-top: -1.05932%; } .category-card__list.list--3 .category-card { margin-top: 1.05932%; } @media screen and (min-width: 48rem) { .category-card__list.list--3 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--3 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--3 .category-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .category-card__list.list--3 .category-card { width: 32.62712%; float: left; margin-right: 1.05932%; } .category-card__list.list--3 .category-card:nth-child(2n) { margin-right: 1.05932%; } .category-card__list.list--3 .category-card:nth-child(2n+1) { clear: none; } .category-card__list.list--3 .category-card:nth-child(3n) { margin-right: 0; } .category-card__list.list--3 .category-card:nth-child(3n+1) { clear: left; } } .category-card__list.list--4 { margin-top: -0.79239%; } .category-card__list.list--4 .category-card { margin-top: 0.79239%; } @media screen and (min-width: 48rem) { .category-card__list.list--4 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--4 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--4 .category-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .category-card__list.list--4 .category-card { width: 24.40571%; float: left; margin-right: 0.79239%; } .category-card__list.list--4 .category-card:nth-child(2n) { margin-right: 0.79239%; } .category-card__list.list--4 .category-card:nth-child(2n+1) { clear: none; } .category-card__list.list--4 .category-card:nth-child(4n) { margin-right: 0; } .category-card__list.list--4 .category-card:nth-child(4n+1) { clear: left; } } .category-card__list.list--5 { margin-top: -0.79239%; } .category-card__list.list--5 .category-card { margin-top: 0.79239%; } @media screen and (min-width: 48rem) { .category-card__list.list--5 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--5 .category-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .category-card__list.list--5 .category-card { width: 19.2381%; float: left; margin-right: 0.95238%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 0.79239%; } .category-card__list.list--5 .category-card:nth-child(2n+1) { clear: none; } .category-card__list.list--5 .category-card:nth-child(5n) { margin-right: 0; } .category-card__list.list--5 .category-card:nth-child(5n+1) { clear: left; } } .category-card__list.list--5 { margin-top: -0.79239%; } .category-card__list.list--5 .category-card { margin-top: 0.79239%; } @media screen and (min-width: 48rem) { .category-card__list.list--5 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--5 .category-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 80rem) { .category-card__list.list--5 .category-card { width: 19.2381%; float: left; margin-right: 0.95238%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 0.79239%; } .category-card__list.list--5 .category-card:nth-child(2n+1) { clear: none; } .category-card__list.list--5 .category-card:nth-child(5n) { margin-right: 0; } .category-card__list.list--5 .category-card:nth-child(5n+1) { clear: left; } } .category-card__list.list--6 { margin-top: -0.79239%; } .category-card__list.list--6 .category-card { margin-top: 0.79239%; } @media screen and (min-width: 48rem) { .category-card__list.list--6 .category-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .category-card__list.list--6 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--6 .category-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 64rem) { .category-card__list.list--6 .category-card { width: 32.62712%; float: left; margin-right: 1.05932%; } .category-card__list.list--6 .category-card:nth-child(2n) { margin-right: 0; } .category-card__list.list--6 .category-card:nth-child(2n+1) { clear: left; } .category-card__list.list--6 .category-card:nth-child(3n) { margin-right: 0; } .category-card__list.list--6 .category-card:nth-child(3n+1) { clear: left; } } @media screen and (min-width: 80rem) { .category-card__list.list--6 .category-card { width: 16.00634%; float: left; margin-right: 0.79239%; } .category-card__list.list--6 .category-card:nth-child(2n), .category-card__list.list--6 .category-card:nth-child(3n) { margin-right: 0.79239%; } .category-card__list.list--6 .category-card:nth-child(2n+1), .category-card__list.list--6 .category-card:nth-child(3n+1) { clear: none; } .category-card__list.list--6 .category-card:nth-child(6n) { margin-right: 0; } .category-card__list.list--6 .category-card:nth-child(6n+1) { clear: left; } } .category-card__list.list--carousel { margin: 0 -0.3125rem; } .category-card__list.list--carousel .category-card { padding: 0 0.3125rem; } .island-card { position: relative; display: block; overflow: hidden; text-align: left; } .island-card__image { position: relative; display: block; overflow: hidden; background-color: black; } .island-card__image:before { content: ""; display: block; padding-bottom: 133%; } .island-card__image img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; max-height: none; max-width: none; opacity: 0.9; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transition: transform 0.3s ease; } .island-card__content { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 1.875rem; padding-top: 20%; border-width: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); color: #ffffff; border-top-width: 0; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .island-card__heading { position: relative; margin: 0; padding: 0; font-size: calc(1rem + 1.25vw); font-weight: 300; line-height: 1.2em; letter-spacing: 0.02em; text-transform: uppercase; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .island-card__heading:after { position: absolute; bottom: -1.375rem; left: 0; width: 50px; height: 1px; content: ""; background-color: currentColor; } .island-card__text { margin-top: 3.75rem; font-size: 0.9375rem; font-weight: 400; line-height: 2; letter-spacing: 0.05em; white-space: pre-wrap; word-break: break-word; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .island-card__link { position: absolute; left: 0; bottom: 0; right: 0; padding: 1.875rem; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .island-card__counter { position: absolute; top: 0; right: 1.25rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; font-size: 0.75rem; font-weight: 500; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2.5rem; text-align: center; background-color: #ED6F58; color: #ffffff; display: none; } @media screen and (min-width: 80rem) { .island-card__content { top: calc(100% - 8.125rem); padding-top: 0; } .island-card__heading span { font-size: 70%; } .island-card__text { opacity: 0; visibility: hidden; } .island-card__link { padding-left: 100px; } .island-card:hover .island-card__content { top: 0; padding-top: 20%; } .island-card:hover .island-card__heading { letter-spacing: 0.2em; } .island-card:hover .island-card__text { opacity: 1; visibility: visible; } .island-card:hover .island-card__link { padding-left: 1.875rem; } } @media screen and (max-width: 79.9375rem) { .island-card__content { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)); } .island-card__text { max-height: 60px; overflow: hidden; } } .island-card__list { margin-top: -1.25em; } .island-card__list:after { display: table; clear: both; content: " "; } .island-card__list.list--2, .island-card__list.list--3, .island-card__list.list--4, .island-card__list.list--5 { margin-top: -1.19332%; } .island-card__list.list--2 .island-card, .island-card__list.list--3 .island-card, .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card { margin-top: 1.19332%; } @media screen and (min-width: 48rem) { .island-card__list.list--2 .island-card, .island-card__list.list--3 .island-card, .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .island-card__list.list--2 .island-card:nth-child(2n), .island-card__list.list--3 .island-card:nth-child(2n), .island-card__list.list--4 .island-card:nth-child(2n), .island-card__list.list--5 .island-card:nth-child(2n) { margin-right: 0; } .island-card__list.list--2 .island-card:nth-child(2n+1), .island-card__list.list--3 .island-card:nth-child(2n+1), .island-card__list.list--4 .island-card:nth-child(2n+1), .island-card__list.list--5 .island-card:nth-child(2n+1) { clear: left; } } .island-card__list.list--3, .island-card__list.list--4, .island-card__list.list--5 { margin-top: -1.05932%; } .island-card__list.list--3 .island-card, .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card { margin-top: 1.05932%; } @media screen and (min-width: 64rem) { .island-card__list.list--3 .island-card, .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card { width: 32.62712%; float: left; margin-right: 1.05932%; } .island-card__list.list--3 .island-card:nth-child(2n), .island-card__list.list--4 .island-card:nth-child(2n), .island-card__list.list--5 .island-card:nth-child(2n) { margin-right: 1.05932%; } .island-card__list.list--3 .island-card:nth-child(2n+1), .island-card__list.list--4 .island-card:nth-child(2n+1), .island-card__list.list--5 .island-card:nth-child(2n+1) { clear: none; } .island-card__list.list--3 .island-card:nth-child(3n), .island-card__list.list--4 .island-card:nth-child(3n), .island-card__list.list--5 .island-card:nth-child(3n) { margin-right: 0; } .island-card__list.list--3 .island-card:nth-child(3n+1), .island-card__list.list--4 .island-card:nth-child(3n+1), .island-card__list.list--5 .island-card:nth-child(3n+1) { clear: left; } } .island-card__list.list--4, .island-card__list.list--5, .island-card__list.list--6 { margin-top: -0.79239%; } .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card, .island-card__list.list--6 .island-card { margin-top: 0.79239%; } @media screen and (min-width: 80rem) { .island-card__list.list--4 .island-card { width: 24.40571%; float: left; margin-right: 0.79239%; } .island-card__list.list--4 .island-card:nth-child(2n), .island-card__list.list--4 .island-card:nth-child(3n) { margin-right: 0.79239%; } .island-card__list.list--4 .island-card:nth-child(2n+1), .island-card__list.list--4 .island-card:nth-child(3n+1) { clear: none; } .island-card__list.list--4 .island-card:nth-child(4n) { margin-right: 0; } .island-card__list.list--4 .island-card:nth-child(4n+1) { clear: left; } } @media screen and (min-width: 80rem) { .island-card__list.list--5 .island-card { width: 19.2381%; float: left; margin-right: 0.95238%; } .island-card__list.list--5 .island-card:nth-child(2n), .island-card__list.list--5 .island-card:nth-child(3n) { margin-right: 0.79239%; } .island-card__list.list--5 .island-card:nth-child(2n+1), .island-card__list.list--5 .island-card:nth-child(3n+1) { clear: none; } .island-card__list.list--5 .island-card:nth-child(5n) { margin-right: 0; } .island-card__list.list--5 .island-card:nth-child(5n+1) { clear: left; } } @media screen and (min-width: 20rem) { .island-card__list.list--6 .island-card { width: 49.40334%; float: left; margin-right: 1.19332%; } .island-card__list.list--6 .island-card:nth-child(2n) { margin-right: 0; } .island-card__list.list--6 .island-card:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 48rem) { .island-card__list.list--6 .island-card { width: 32.62712%; float: left; margin-right: 1.05932%; } .island-card__list.list--6 .island-card:nth-child(2n) { margin-right: 1.05932%; } .island-card__list.list--6 .island-card:nth-child(2n+1) { clear: none; } .island-card__list.list--6 .island-card:nth-child(3n) { margin-right: 0; } .island-card__list.list--6 .island-card:nth-child(3n+1) { clear: left; } } @media screen and (min-width: 80rem) { .island-card__list.list--6 .island-card { width: 16.00634%; float: left; margin-right: 0.79239%; } .island-card__list.list--6 .island-card:nth-child(2n), .island-card__list.list--6 .island-card:nth-child(3n) { margin-right: 0.79239%; } .island-card__list.list--6 .island-card:nth-child(2n+1), .island-card__list.list--6 .island-card:nth-child(3n+1) { clear: none; } .island-card__list.list--6 .island-card:nth-child(6n) { margin-right: 0; } .island-card__list.list--6 .island-card:nth-child(6n+1) { clear: left; } } .escapade__item { display: block; padding: 0.625em 1.25em; border: 1px solid #e5e5e5; border-bottom-width: 0; } .escapade__item:last-child { border-bottom-width: 1px; } .escapade__item:after { display: table; clear: both; content: " "; } .escapade__item:hover { background-color: #ededed; } .escapade__item > div { max-width: calc(100% - 100px); } .escapade__item .escapade__heading { display: block; font-size: 1rem; font-weight: 600; line-height: 1.75em; text-transform: uppercase; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .escapade__item .escapade__price { .font-size: 1rem; font-weight: 400; line-height: 1.75em; letter-spacing: 0.02em; } .escapade__item .escapade__duration-number { display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.16667em; color: #ED6F58; } .escapade__item .escapade__duration-text { font-size: 0.875rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.0625em; text-transform: uppercase; } .escapade__item > div:last-child { color: #b3b3b3; } @media screen and (min-width: 48rem) { .escapade__item > div:last-child { text-align: right; } } .escapade__list { display: block; margin-top: -1.25em; } .escapade__list:after { display: table; clear: both; content: " "; } .escapade__list .escapade__col { margin-top: 1.25em; } @media screen and (min-width: 80rem) { .escapade__list .escapade__col { width: 32.80507%; float: left; margin-right: 0.79239%; } .escapade__list .escapade__col:nth-child(3n) { margin-right: 0; } .escapade__list .escapade__col:nth-child(3n+1) { clear: left; } } .point__item { margin-top: 1.875em; } @media screen and (min-width: 64rem) { .point__item { width: 48.79227%; float: left; margin-right: 2.41546%; } .point__item:nth-child(2n) { margin-right: 0; } .point__item:nth-child(2n+1) { clear: left; } } .point__image { width: 32.26837%; } .point__icon { display: inline-block; width: 5em; height: 5em; overflow: hidden; text-align: center; } .point__heading { margin: 0; padding: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.01em; color: #22805A; } .point__heading:not(:last-child) { margin-bottom: 0.5em; } .point__text { font-size: 1rem; font-weight: 400; line-height: 1.88235em; } .point__list { position: relative; display: block; margin-top: -1.875em; } .point__list:after { display: table; clear: both; content: " "; } .tip__list { position: relative; display: block; margin-top: -1.875em; } .tip__list:after { display: table; clear: both; content: " "; } .tip__item { margin-top: 1.875em; } .tip__image { width: 32.26837%; } .tip__icon { display: inline-block; width: 6.25em; height: 6.25em; overflow: hidden; text-align: center; } .tip__heading { margin: 0; padding: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.01em; } .tip__heading:not(:last-child) { margin-bottom: 0.5em; } .tip__text { font-size: 0.9375rem; font-weight: 400; line-height: 1.88235em; } @media screen and (min-width: 80rem) { .tip__item { width: 31.16883%; float: left; margin-right: 3.24675%;  margin: auto; } .tip__item:nth-child(3n) { margin-right: auto; } .tip__item:nth-child(3n+1) { clear: left; } .tip__item .tip__image, .tip__item .tip__content { display: block; width: 100%; padding-left: 0; text-align: center; } .tip__item .tip__image:not(:last-child), .tip__item .tip__content:not(:last-child) { margin-bottom: 2.5em; } } .calendar__actions a { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; } .calendar__dates { font-size: 0.8125rem; font-weight: 400; text-align: center; margin: 0 -1.25rem; } .calendar__dates table { margin: 0 0 0 -1px; table-layout: fixed; border-collapse: collapse; width: calc(100% + 2px); } .calendar__dates table td, .calendar__dates table th { text-align: inherit; } .calendar__dates table td { background-color: #ededed; border: 1px solid #dedede; } .calendar__dates table td span { display: block; line-height: 3.125em; opacity: 0.5; } .calendar__dates__header { font-weight: 600; } .calendar__dates__body .no-avail span { opacity: 0.3; } .calendar__dates__body .selection span { opacity: 1; } .calendar__dates__body .selection { background-color: #ffffff !important; cursor: pointer; } .calendar__dates__body .selection:hover span, .calendar__dates__body .selection .selectedDate { background-color: #ED6F58; color: #ffffff; margin: -1px; } .calendar__dates__body .has--select span { background-color: #141a17 !important; color: #ffffff !important; margin: -1px; } .calendar__heading { padding: 0; margin: 0; font-size: 1rem; font-weight: 400; } .rating__block { font-size: 0.875rem; font-weight: 300; color: currentColor; } .rating__block .rating__numbers { font-size: 3.5rem; font-weight: 600; line-height: 0.75em; letter-spacing: 0.02em; text-transform: uppercase; margin: 0; padding: 0; } .rating { position: relative; display: inline-block; vertical-align: middle; width: 8.92857em; fill: #ffffff; } .rating .rating__overlay { position: relative; z-index: 3; display: block; width: 100%; padding-bottom: 20%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgdmlld0JveD0iMCAwIDEyNSAyNSI+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTAuMDAwLDI1LjAwMCBMMC4wMDAsLTAuMDAwIEwxMjUuMDAwLC0wLjAwMCBMMTI1LjAwMCwyNS4wMDAgTDAuMDAwLDI1LjAwMCBaTTIzLjU5NCw5LjM0NSBMMTYuODY5LDguMzY3IEwxMy44NTQsMi4yNzIgQzEzLjczNCwyLjAxNyAxMy41MDYsMS43MjIgMTMuMTk4LDEuNzIyIEMxMi44OTAsMS43MjIgMTIuNjYyLDIuMDE3IDEyLjU0MSwyLjI3MiBMOS41MjcsOC4zNjcgTDIuODAyLDkuMzQ1IEMyLjQ2Nyw5LjM5OSAyLjA1MSw5LjU2MCAyLjA1MSw5Ljk2MiBDMi4wNTEsMTAuMjAzIDIuMjI1LDEwLjQzMSAyLjM4NiwxMC42MDUgTDcuMjYzLDE1LjM0NyBMNi4xMTEsMjIuMDQ2IEM2LjA5NywyMi4xNDAgNi4wODQsMjIuMjIwIDYuMDg0LDIyLjMxNCBDNi4wODQsMjIuNjYyIDYuMjU4LDIyLjk4NCA2LjY0NywyMi45ODQgQzYuODM0LDIyLjk4NCA3LjAwOCwyMi45MTcgNy4xODIsMjIuODIzIEwxMy4xOTgsMTkuNjYxIEwxOS4yMTMsMjIuODIzIEMxOS4zNzQsMjIuOTE3IDE5LjU2MSwyMi45ODQgMTkuNzQ5LDIyLjk4NCBDMjAuMTM4LDIyLjk4NCAyMC4yOTgsMjIuNjYyIDIwLjI5OCwyMi4zMTQgQzIwLjI5OCwyMi4yMjAgMjAuMjk4LDIyLjE0MCAyMC4yODUsMjIuMDQ2IEwxOS4xMzMsMTUuMzQ3IEwyMy45OTYsMTAuNjA1IEMyNC4xNzAsMTAuNDMxIDI0LjM0NCwxMC4yMDMgMjQuMzQ0LDkuOTYyIEMyNC4zNDQsOS41NjAgMjMuOTE2LDkuMzk5IDIzLjU5NCw5LjM0NSBaTTQ4LjI3OSw5LjM0NSBMNDEuNTU0LDguMzY3IEwzOC41NDAsMi4yNzIgQzM4LjQxOSwyLjAxNyAzOC4xOTEsMS43MjIgMzcuODgzLDEuNzIyIEMzNy41NzUsMS43MjIgMzcuMzQ3LDIuMDE3IDM3LjIyNywyLjI3MiBMMzQuMjEyLDguMzY3IEwyNy40ODcsOS4zNDUgQzI3LjE1Miw5LjM5OSAyNi43MzcsOS41NjAgMjYuNzM3LDkuOTYyIEMyNi43MzcsMTAuMjAzIDI2LjkxMSwxMC40MzEgMjcuMDcyLDEwLjYwNSBMMzEuOTQ4LDE1LjM0NyBMMzAuNzk2LDIyLjA0NiBDMzAuNzgzLDIyLjE0MCAzMC43NjksMjIuMjIwIDMwLjc2OSwyMi4zMTQgQzMwLjc2OSwyMi42NjIgMzAuOTQzLDIyLjk4NCAzMS4zMzIsMjIuOTg0IEMzMS41MTksMjIuOTg0IDMxLjY5NCwyMi45MTcgMzEuODY4LDIyLjgyMyBMMzcuODgzLDE5LjY2MSBMNDMuODk5LDIyLjgyMyBDNDQuMDU5LDIyLjkxNyA0NC4yNDcsMjIuOTg0IDQ0LjQzNCwyMi45ODQgQzQ0LjgyMywyMi45ODQgNDQuOTg0LDIyLjY2MiA0NC45ODQsMjIuMzE0IEM0NC45ODQsMjIuMjIwIDQ0Ljk4NCwyMi4xNDAgNDQuOTcwLDIyLjA0NiBMNDMuODE4LDE1LjM0NyBMNDguNjgxLDEwLjYwNSBDNDguODU1LDEwLjQzMSA0OS4wMzAsMTAuMjAzIDQ5LjAzMCw5Ljk2MiBDNDkuMDMwLDkuNTYwIDQ4LjYwMSw5LjM5OSA0OC4yNzksOS4zNDUgWk03Mi45NjUsOS4zNDUgTDY2LjIzOSw4LjM2NyBMNjMuMjI1LDIuMjcyIEM2My4xMDQsMi4wMTcgNjIuODc3LDEuNzIyIDYyLjU2OSwxLjcyMiBDNjIuMjYwLDEuNzIyIDYyLjAzMywyLjAxNyA2MS45MTIsMi4yNzIgTDU4Ljg5OCw4LjM2NyBMNTIuMTcyLDkuMzQ1IEM1MS44MzcsOS4zOTkgNTEuNDIyLDkuNTYwIDUxLjQyMiw5Ljk2MiBDNTEuNDIyLDEwLjIwMyA1MS41OTYsMTAuNDMxIDUxLjc1NywxMC42MDUgTDU2LjYzNCwxNS4zNDcgTDU1LjQ4MSwyMi4wNDYgQzU1LjQ2OCwyMi4xNDAgNTUuNDU1LDIyLjIyMCA1NS40NTUsMjIuMzE0IEM1NS40NTUsMjIuNjYyIDU1LjYyOSwyMi45ODQgNTYuMDE3LDIyLjk4NCBDNTYuMjA1LDIyLjk4NCA1Ni4zNzksMjIuOTE3IDU2LjU1MywyMi44MjMgTDYyLjU2OSwxOS42NjEgTDY4LjU4NCwyMi44MjMgQzY4Ljc0NSwyMi45MTcgNjguOTMyLDIyLjk4NCA2OS4xMjAsMjIuOTg0IEM2OS41MDgsMjIuOTg0IDY5LjY2OSwyMi42NjIgNjkuNjY5LDIyLjMxNCBDNjkuNjY5LDIyLjIyMCA2OS42NjksMjIuMTQwIDY5LjY1NiwyMi4wNDYgTDY4LjUwNCwxNS4zNDcgTDczLjM2NywxMC42MDUgQzczLjU0MSwxMC40MzEgNzMuNzE1LDEwLjIwMyA3My43MTUsOS45NjIgQzczLjcxNSw5LjU2MCA3My4yODYsOS4zOTkgNzIuOTY1LDkuMzQ1IFpNOTcuNjUwLDkuMzQ1IEw5MC45MjUsOC4zNjcgTDg3LjkxMCwyLjI3MiBDODcuNzkwLDIuMDE3IDg3LjU2MiwxLjcyMiA4Ny4yNTQsMS43MjIgQzg2Ljk0NiwxLjcyMiA4Ni43MTgsMi4wMTcgODYuNTk4LDIuMjcyIEw4My41ODMsOC4zNjcgTDc2Ljg1OCw5LjM0NSBDNzYuNTIzLDkuMzk5IDc2LjEwNyw5LjU2MCA3Ni4xMDcsOS45NjIgQzc2LjEwNywxMC4yMDMgNzYuMjgyLDEwLjQzMSA3Ni40NDIsMTAuNjA1IEw4MS4zMTksMTUuMzQ3IEw4MC4xNjcsMjIuMDQ2IEM4MC4xNTMsMjIuMTQwIDgwLjE0MCwyMi4yMjAgODAuMTQwLDIyLjMxNCBDODAuMTQwLDIyLjY2MiA4MC4zMTQsMjIuOTg0IDgwLjcwMywyMi45ODQgQzgwLjg5MCwyMi45ODQgODEuMDY0LDIyLjkxNyA4MS4yMzksMjIuODIzIEw4Ny4yNTQsMTkuNjYxIEw5My4yNjksMjIuODIzIEM5My40MzAsMjIuOTE3IDkzLjYxOCwyMi45ODQgOTMuODA1LDIyLjk4NCBDOTQuMTk0LDIyLjk4NCA5NC4zNTQsMjIuNjYyIDk0LjM1NCwyMi4zMTQgQzk0LjM1NCwyMi4yMjAgOTQuMzU0LDIyLjE0MCA5NC4zNDEsMjIuMDQ2IEw5My4xODksMTUuMzQ3IEw5OC4wNTIsMTAuNjA1IEM5OC4yMjYsMTAuNDMxIDk4LjQwMCwxMC4yMDMgOTguNDAwLDkuOTYyIEM5OC40MDAsOS41NjAgOTcuOTcyLDkuMzk5IDk3LjY1MCw5LjM0NSBaTTEyMi4zMzYsOS4zNDUgTDExNS42MTAsOC4zNjcgTDExMi41OTYsMi4yNzIgQzExMi40NzUsMi4wMTcgMTEyLjI0OCwxLjcyMiAxMTEuOTM5LDEuNzIyIEMxMTEuNjMxLDEuNzIyIDExMS40MDMsMi4wMTcgMTExLjI4MywyLjI3MiBMMTA4LjI2OSw4LjM2NyBMMTAxLjU0Myw5LjM0NSBDMTAxLjIwOCw5LjM5OSAxMDAuNzkzLDkuNTYwIDEwMC43OTMsOS45NjIgQzEwMC43OTMsMTAuMjAzIDEwMC45NjcsMTAuNDMxIDEwMS4xMjgsMTAuNjA1IEwxMDYuMDA0LDE1LjM0NyBMMTA0Ljg1MiwyMi4wNDYgQzEwNC44MzksMjIuMTQwIDEwNC44MjUsMjIuMjIwIDEwNC44MjUsMjIuMzE0IEMxMDQuODI1LDIyLjY2MiAxMDUuMDAwLDIyLjk4NCAxMDUuMzg4LDIyLjk4NCBDMTA1LjU3NiwyMi45ODQgMTA1Ljc1MCwyMi45MTcgMTA1LjkyNCwyMi44MjMgTDExMS45MzksMTkuNjYxIEwxMTcuOTU1LDIyLjgyMyBDMTE4LjExNSwyMi45MTcgMTE4LjMwMywyMi45ODQgMTE4LjQ5MSwyMi45ODQgQzExOC44NzksMjIuOTg0IDExOS4wNDAsMjIuNjYyIDExOS4wNDAsMjIuMzE0IEMxMTkuMDQwLDIyLjIyMCAxMTkuMDQwLDIyLjE0MCAxMTkuMDI2LDIyLjA0NiBMMTE3Ljg3NCwxNS4zNDcgTDEyMi43MzgsMTAuNjA1IEMxMjIuOTEyLDEwLjQzMSAxMjMuMDg2LDEwLjIwMyAxMjMuMDg2LDkuOTYyIEMxMjMuMDg2LDkuNTYwIDEyMi42NTcsOS4zOTkgMTIyLjMzNiw5LjM0NSBaIiAvPgo8L3N2Zz4K); background-position: top left; background-size: cover; } .rating .rating__overlay:before { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #ffffff; content: " "; } .rating .rating__bg, .rating .rating__score { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: currentColor; } .rating .rating__bg { z-index: 1; opacity: 0.3; } .rating.rating--large { font-size: 1.2em; } .rating.rating--large .rating__bg, .rating.rating--large .rating__score { left: 0; right: 0; } .rating.rating--small { font-size: 0.8em; } .rating.rating--xsmall { font-size: 0.6em; } .rating.rating--light .rating__overlay, .section.section--light .rating .rating__overlay { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgdmlld0JveD0iMCAwIDEyNSAyNSI+CiAgPHBhdGggZmlsbD0iI2YzZjZmYSIgZD0iTTAuMDAwLDI1LjAwMCBMMC4wMDAsLTAuMDAwIEwxMjUuMDAwLC0wLjAwMCBMMTI1LjAwMCwyNS4wMDAgTDAuMDAwLDI1LjAwMCBaTTIzLjU5NCw5LjM0NSBMMTYuODY5LDguMzY3IEwxMy44NTQsMi4yNzIgQzEzLjczNCwyLjAxNyAxMy41MDYsMS43MjIgMTMuMTk4LDEuNzIyIEMxMi44OTAsMS43MjIgMTIuNjYyLDIuMDE3IDEyLjU0MSwyLjI3MiBMOS41MjcsOC4zNjcgTDIuODAyLDkuMzQ1IEMyLjQ2Nyw5LjM5OSAyLjA1MSw5LjU2MCAyLjA1MSw5Ljk2MiBDMi4wNTEsMTAuMjAzIDIuMjI1LDEwLjQzMSAyLjM4NiwxMC42MDUgTDcuMjYzLDE1LjM0NyBMNi4xMTEsMjIuMDQ2IEM2LjA5NywyMi4xNDAgNi4wODQsMjIuMjIwIDYuMDg0LDIyLjMxNCBDNi4wODQsMjIuNjYyIDYuMjU4LDIyLjk4NCA2LjY0NywyMi45ODQgQzYuODM0LDIyLjk4NCA3LjAwOCwyMi45MTcgNy4xODIsMjIuODIzIEwxMy4xOTgsMTkuNjYxIEwxOS4yMTMsMjIuODIzIEMxOS4zNzQsMjIuOTE3IDE5LjU2MSwyMi45ODQgMTkuNzQ5LDIyLjk4NCBDMjAuMTM4LDIyLjk4NCAyMC4yOTgsMjIuNjYyIDIwLjI5OCwyMi4zMTQgQzIwLjI5OCwyMi4yMjAgMjAuMjk4LDIyLjE0MCAyMC4yODUsMjIuMDQ2IEwxOS4xMzMsMTUuMzQ3IEwyMy45OTYsMTAuNjA1IEMyNC4xNzAsMTAuNDMxIDI0LjM0NCwxMC4yMDMgMjQuMzQ0LDkuOTYyIEMyNC4zNDQsOS41NjAgMjMuOTE2LDkuMzk5IDIzLjU5NCw5LjM0NSBaTTQ4LjI3OSw5LjM0NSBMNDEuNTU0LDguMzY3IEwzOC41NDAsMi4yNzIgQzM4LjQxOSwyLjAxNyAzOC4xOTEsMS43MjIgMzcuODgzLDEuNzIyIEMzNy41NzUsMS43MjIgMzcuMzQ3LDIuMDE3IDM3LjIyNywyLjI3MiBMMzQuMjEyLDguMzY3IEwyNy40ODcsOS4zNDUgQzI3LjE1Miw5LjM5OSAyNi43MzcsOS41NjAgMjYuNzM3LDkuOTYyIEMyNi43MzcsMTAuMjAzIDI2LjkxMSwxMC40MzEgMjcuMDcyLDEwLjYwNSBMMzEuOTQ4LDE1LjM0NyBMMzAuNzk2LDIyLjA0NiBDMzAuNzgzLDIyLjE0MCAzMC43NjksMjIuMjIwIDMwLjc2OSwyMi4zMTQgQzMwLjc2OSwyMi42NjIgMzAuOTQzLDIyLjk4NCAzMS4zMzIsMjIuOTg0IEMzMS41MTksMjIuOTg0IDMxLjY5NCwyMi45MTcgMzEuODY4LDIyLjgyMyBMMzcuODgzLDE5LjY2MSBMNDMuODk5LDIyLjgyMyBDNDQuMDU5LDIyLjkxNyA0NC4yNDcsMjIuOTg0IDQ0LjQzNCwyMi45ODQgQzQ0LjgyMywyMi45ODQgNDQuOTg0LDIyLjY2MiA0NC45ODQsMjIuMzE0IEM0NC45ODQsMjIuMjIwIDQ0Ljk4NCwyMi4xNDAgNDQuOTcwLDIyLjA0NiBMNDMuODE4LDE1LjM0NyBMNDguNjgxLDEwLjYwNSBDNDguODU1LDEwLjQzMSA0OS4wMzAsMTAuMjAzIDQ5LjAzMCw5Ljk2MiBDNDkuMDMwLDkuNTYwIDQ4LjYwMSw5LjM5OSA0OC4yNzksOS4zNDUgWk03Mi45NjUsOS4zNDUgTDY2LjIzOSw4LjM2NyBMNjMuMjI1LDIuMjcyIEM2My4xMDQsMi4wMTcgNjIuODc3LDEuNzIyIDYyLjU2OSwxLjcyMiBDNjIuMjYwLDEuNzIyIDYyLjAzMywyLjAxNyA2MS45MTIsMi4yNzIgTDU4Ljg5OCw4LjM2NyBMNTIuMTcyLDkuMzQ1IEM1MS44MzcsOS4zOTkgNTEuNDIyLDkuNTYwIDUxLjQyMiw5Ljk2MiBDNTEuNDIyLDEwLjIwMyA1MS41OTYsMTAuNDMxIDUxLjc1NywxMC42MDUgTDU2LjYzNCwxNS4zNDcgTDU1LjQ4MSwyMi4wNDYgQzU1LjQ2OCwyMi4xNDAgNTUuNDU1LDIyLjIyMCA1NS40NTUsMjIuMzE0IEM1NS40NTUsMjIuNjYyIDU1LjYyOSwyMi45ODQgNTYuMDE3LDIyLjk4NCBDNTYuMjA1LDIyLjk4NCA1Ni4zNzksMjIuOTE3IDU2LjU1MywyMi44MjMgTDYyLjU2OSwxOS42NjEgTDY4LjU4NCwyMi44MjMgQzY4Ljc0NSwyMi45MTcgNjguOTMyLDIyLjk4NCA2OS4xMjAsMjIuOTg0IEM2OS41MDgsMjIuOTg0IDY5LjY2OSwyMi42NjIgNjkuNjY5LDIyLjMxNCBDNjkuNjY5LDIyLjIyMCA2OS42NjksMjIuMTQwIDY5LjY1NiwyMi4wNDYgTDY4LjUwNCwxNS4zNDcgTDczLjM2NywxMC42MDUgQzczLjU0MSwxMC40MzEgNzMuNzE1LDEwLjIwMyA3My43MTUsOS45NjIgQzczLjcxNSw5LjU2MCA3My4yODYsOS4zOTkgNzIuOTY1LDkuMzQ1IFpNOTcuNjUwLDkuMzQ1IEw5MC45MjUsOC4zNjcgTDg3LjkxMCwyLjI3MiBDODcuNzkwLDIuMDE3IDg3LjU2MiwxLjcyMiA4Ny4yNTQsMS43MjIgQzg2Ljk0NiwxLjcyMiA4Ni43MTgsMi4wMTcgODYuNTk4LDIuMjcyIEw4My41ODMsOC4zNjcgTDc2Ljg1OCw5LjM0NSBDNzYuNTIzLDkuMzk5IDc2LjEwNyw5LjU2MCA3Ni4xMDcsOS45NjIgQzc2LjEwNywxMC4yMDMgNzYuMjgyLDEwLjQzMSA3Ni40NDIsMTAuNjA1IEw4MS4zMTksMTUuMzQ3IEw4MC4xNjcsMjIuMDQ2IEM4MC4xNTMsMjIuMTQwIDgwLjE0MCwyMi4yMjAgODAuMTQwLDIyLjMxNCBDODAuMTQwLDIyLjY2MiA4MC4zMTQsMjIuOTg0IDgwLjcwMywyMi45ODQgQzgwLjg5MCwyMi45ODQgODEuMDY0LDIyLjkxNyA4MS4yMzksMjIuODIzIEw4Ny4yNTQsMTkuNjYxIEw5My4yNjksMjIuODIzIEM5My40MzAsMjIuOTE3IDkzLjYxOCwyMi45ODQgOTMuODA1LDIyLjk4NCBDOTQuMTk0LDIyLjk4NCA5NC4zNTQsMjIuNjYyIDk0LjM1NCwyMi4zMTQgQzk0LjM1NCwyMi4yMjAgOTQuMzU0LDIyLjE0MCA5NC4zNDEsMjIuMDQ2IEw5My4xODksMTUuMzQ3IEw5OC4wNTIsMTAuNjA1IEM5OC4yMjYsMTAuNDMxIDk4LjQwMCwxMC4yMDMgOTguNDAwLDkuOTYyIEM5OC40MDAsOS41NjAgOTcuOTcyLDkuMzk5IDk3LjY1MCw5LjM0NSBaTTEyMi4zMzYsOS4zNDUgTDExNS42MTAsOC4zNjcgTDExMi41OTYsMi4yNzIgQzExMi40NzUsMi4wMTcgMTEyLjI0OCwxLjcyMiAxMTEuOTM5LDEuNzIyIEMxMTEuNjMxLDEuNzIyIDExMS40MDMsMi4wMTcgMTExLjI4MywyLjI3MiBMMTA4LjI2OSw4LjM2NyBMMTAxLjU0Myw5LjM0NSBDMTAxLjIwOCw5LjM5OSAxMDAuNzkzLDkuNTYwIDEwMC43OTMsOS45NjIgQzEwMC43OTMsMTAuMjAzIDEwMC45NjcsMTAuNDMxIDEwMS4xMjgsMTAuNjA1IEwxMDYuMDA0LDE1LjM0NyBMMTA0Ljg1MiwyMi4wNDYgQzEwNC44MzksMjIuMTQwIDEwNC44MjUsMjIuMjIwIDEwNC44MjUsMjIuMzE0IEMxMDQuODI1LDIyLjY2MiAxMDUuMDAwLDIyLjk4NCAxMDUuMzg4LDIyLjk4NCBDMTA1LjU3NiwyMi45ODQgMTA1Ljc1MCwyMi45MTcgMTA1LjkyNCwyMi44MjMgTDExMS45MzksMTkuNjYxIEwxMTcuOTU1LDIyLjgyMyBDMTE4LjExNSwyMi45MTcgMTE4LjMwMywyMi45ODQgMTE4LjQ5MSwyMi45ODQgQzExOC44NzksMjIuOTg0IDExOS4wNDAsMjIuNjYyIDExOS4wNDAsMjIuMzE0IEMxMTkuMDQwLDIyLjIyMCAxMTkuMDQwLDIyLjE0MCAxMTkuMDI2LDIyLjA0NiBMMTE3Ljg3NCwxNS4zNDcgTDEyMi43MzgsMTAuNjA1IEMxMjIuOTEyLDEwLjQzMSAxMjMuMDg2LDEwLjIwMyAxMjMuMDg2LDkuOTYyIEMxMjMuMDg2LDkuNTYwIDEyMi42NTcsOS4zOTkgMTIyLjMzNiw5LjM0NSBaIiAvPgo8L3N2Zz4K); } .rating.rating--light .rating__overlay:before, .section.section--light .rating .rating__overlay:before { border: 2px solid #f2f2f2; } .rating.rating--dark .rating__overlay, .section.section--dark .rating .rating__overlay { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgdmlld0JveD0iMCAwIDEyNSAyNSI+CiAgPHBhdGggZmlsbD0iIzAwMTQzQiIgZD0iTTAuMDAwLDI1LjAwMCBMMC4wMDAsLTAuMDAwIEwxMjUuMDAwLC0wLjAwMCBMMTI1LjAwMCwyNS4wMDAgTDAuMDAwLDI1LjAwMCBaTTIzLjU5NCw5LjM0NSBMMTYuODY5LDguMzY3IEwxMy44NTQsMi4yNzIgQzEzLjczNCwyLjAxNyAxMy41MDYsMS43MjIgMTMuMTk4LDEuNzIyIEMxMi44OTAsMS43MjIgMTIuNjYyLDIuMDE3IDEyLjU0MSwyLjI3MiBMOS41MjcsOC4zNjcgTDIuODAyLDkuMzQ1IEMyLjQ2Nyw5LjM5OSAyLjA1MSw5LjU2MCAyLjA1MSw5Ljk2MiBDMi4wNTEsMTAuMjAzIDIuMjI1LDEwLjQzMSAyLjM4NiwxMC42MDUgTDcuMjYzLDE1LjM0NyBMNi4xMTEsMjIuMDQ2IEM2LjA5NywyMi4xNDAgNi4wODQsMjIuMjIwIDYuMDg0LDIyLjMxNCBDNi4wODQsMjIuNjYyIDYuMjU4LDIyLjk4NCA2LjY0NywyMi45ODQgQzYuODM0LDIyLjk4NCA3LjAwOCwyMi45MTcgNy4xODIsMjIuODIzIEwxMy4xOTgsMTkuNjYxIEwxOS4yMTMsMjIuODIzIEMxOS4zNzQsMjIuOTE3IDE5LjU2MSwyMi45ODQgMTkuNzQ5LDIyLjk4NCBDMjAuMTM4LDIyLjk4NCAyMC4yOTgsMjIuNjYyIDIwLjI5OCwyMi4zMTQgQzIwLjI5OCwyMi4yMjAgMjAuMjk4LDIyLjE0MCAyMC4yODUsMjIuMDQ2IEwxOS4xMzMsMTUuMzQ3IEwyMy45OTYsMTAuNjA1IEMyNC4xNzAsMTAuNDMxIDI0LjM0NCwxMC4yMDMgMjQuMzQ0LDkuOTYyIEMyNC4zNDQsOS41NjAgMjMuOTE2LDkuMzk5IDIzLjU5NCw5LjM0NSBaTTQ4LjI3OSw5LjM0NSBMNDEuNTU0LDguMzY3IEwzOC41NDAsMi4yNzIgQzM4LjQxOSwyLjAxNyAzOC4xOTEsMS43MjIgMzcuODgzLDEuNzIyIEMzNy41NzUsMS43MjIgMzcuMzQ3LDIuMDE3IDM3LjIyNywyLjI3MiBMMzQuMjEyLDguMzY3IEwyNy40ODcsOS4zNDUgQzI3LjE1Miw5LjM5OSAyNi43MzcsOS41NjAgMjYuNzM3LDkuOTYyIEMyNi43MzcsMTAuMjAzIDI2LjkxMSwxMC40MzEgMjcuMDcyLDEwLjYwNSBMMzEuOTQ4LDE1LjM0NyBMMzAuNzk2LDIyLjA0NiBDMzAuNzgzLDIyLjE0MCAzMC43NjksMjIuMjIwIDMwLjc2OSwyMi4zMTQgQzMwLjc2OSwyMi42NjIgMzAuOTQzLDIyLjk4NCAzMS4zMzIsMjIuOTg0IEMzMS41MTksMjIuOTg0IDMxLjY5NCwyMi45MTcgMzEuODY4LDIyLjgyMyBMMzcuODgzLDE5LjY2MSBMNDMuODk5LDIyLjgyMyBDNDQuMDU5LDIyLjkxNyA0NC4yNDcsMjIuOTg0IDQ0LjQzNCwyMi45ODQgQzQ0LjgyMywyMi45ODQgNDQuOTg0LDIyLjY2MiA0NC45ODQsMjIuMzE0IEM0NC45ODQsMjIuMjIwIDQ0Ljk4NCwyMi4xNDAgNDQuOTcwLDIyLjA0NiBMNDMuODE4LDE1LjM0NyBMNDguNjgxLDEwLjYwNSBDNDguODU1LDEwLjQzMSA0OS4wMzAsMTAuMjAzIDQ5LjAzMCw5Ljk2MiBDNDkuMDMwLDkuNTYwIDQ4LjYwMSw5LjM5OSA0OC4yNzksOS4zNDUgWk03Mi45NjUsOS4zNDUgTDY2LjIzOSw4LjM2NyBMNjMuMjI1LDIuMjcyIEM2My4xMDQsMi4wMTcgNjIuODc3LDEuNzIyIDYyLjU2OSwxLjcyMiBDNjIuMjYwLDEuNzIyIDYyLjAzMywyLjAxNyA2MS45MTIsMi4yNzIgTDU4Ljg5OCw4LjM2NyBMNTIuMTcyLDkuMzQ1IEM1MS44MzcsOS4zOTkgNTEuNDIyLDkuNTYwIDUxLjQyMiw5Ljk2MiBDNTEuNDIyLDEwLjIwMyA1MS41OTYsMTAuNDMxIDUxLjc1NywxMC42MDUgTDU2LjYzNCwxNS4zNDcgTDU1LjQ4MSwyMi4wNDYgQzU1LjQ2OCwyMi4xNDAgNTUuNDU1LDIyLjIyMCA1NS40NTUsMjIuMzE0IEM1NS40NTUsMjIuNjYyIDU1LjYyOSwyMi45ODQgNTYuMDE3LDIyLjk4NCBDNTYuMjA1LDIyLjk4NCA1Ni4zNzksMjIuOTE3IDU2LjU1MywyMi44MjMgTDYyLjU2OSwxOS42NjEgTDY4LjU4NCwyMi44MjMgQzY4Ljc0NSwyMi45MTcgNjguOTMyLDIyLjk4NCA2OS4xMjAsMjIuOTg0IEM2OS41MDgsMjIuOTg0IDY5LjY2OSwyMi42NjIgNjkuNjY5LDIyLjMxNCBDNjkuNjY5LDIyLjIyMCA2OS42NjksMjIuMTQwIDY5LjY1NiwyMi4wNDYgTDY4LjUwNCwxNS4zNDcgTDczLjM2NywxMC42MDUgQzczLjU0MSwxMC40MzEgNzMuNzE1LDEwLjIwMyA3My43MTUsOS45NjIgQzczLjcxNSw5LjU2MCA3My4yODYsOS4zOTkgNzIuOTY1LDkuMzQ1IFpNOTcuNjUwLDkuMzQ1IEw5MC45MjUsOC4zNjcgTDg3LjkxMCwyLjI3MiBDODcuNzkwLDIuMDE3IDg3LjU2MiwxLjcyMiA4Ny4yNTQsMS43MjIgQzg2Ljk0NiwxLjcyMiA4Ni43MTgsMi4wMTcgODYuNTk4LDIuMjcyIEw4My41ODMsOC4zNjcgTDc2Ljg1OCw5LjM0NSBDNzYuNTIzLDkuMzk5IDc2LjEwNyw5LjU2MCA3Ni4xMDcsOS45NjIgQzc2LjEwNywxMC4yMDMgNzYuMjgyLDEwLjQzMSA3Ni40NDIsMTAuNjA1IEw4MS4zMTksMTUuMzQ3IEw4MC4xNjcsMjIuMDQ2IEM4MC4xNTMsMjIuMTQwIDgwLjE0MCwyMi4yMjAgODAuMTQwLDIyLjMxNCBDODAuMTQwLDIyLjY2MiA4MC4zMTQsMjIuOTg0IDgwLjcwMywyMi45ODQgQzgwLjg5MCwyMi45ODQgODEuMDY0LDIyLjkxNyA4MS4yMzksMjIuODIzIEw4Ny4yNTQsMTkuNjYxIEw5My4yNjksMjIuODIzIEM5My40MzAsMjIuOTE3IDkzLjYxOCwyMi45ODQgOTMuODA1LDIyLjk4NCBDOTQuMTk0LDIyLjk4NCA5NC4zNTQsMjIuNjYyIDk0LjM1NCwyMi4zMTQgQzk0LjM1NCwyMi4yMjAgOTQuMzU0LDIyLjE0MCA5NC4zNDEsMjIuMDQ2IEw5My4xODksMTUuMzQ3IEw5OC4wNTIsMTAuNjA1IEM5OC4yMjYsMTAuNDMxIDk4LjQwMCwxMC4yMDMgOTguNDAwLDkuOTYyIEM5OC40MDAsOS41NjAgOTcuOTcyLDkuMzk5IDk3LjY1MCw5LjM0NSBaTTEyMi4zMzYsOS4zNDUgTDExNS42MTAsOC4zNjcgTDExMi41OTYsMi4yNzIgQzExMi40NzUsMi4wMTcgMTEyLjI0OCwxLjcyMiAxMTEuOTM5LDEuNzIyIEMxMTEuNjMxLDEuNzIyIDExMS40MDMsMi4wMTcgMTExLjI4MywyLjI3MiBMMTA4LjI2OSw4LjM2NyBMMTAxLjU0Myw5LjM0NSBDMTAxLjIwOCw5LjM5OSAxMDAuNzkzLDkuNTYwIDEwMC43OTMsOS45NjIgQzEwMC43OTMsMTAuMjAzIDEwMC45NjcsMTAuNDMxIDEwMS4xMjgsMTAuNjA1IEwxMDYuMDA0LDE1LjM0NyBMMTA0Ljg1MiwyMi4wNDYgQzEwNC44MzksMjIuMTQwIDEwNC44MjUsMjIuMjIwIDEwNC44MjUsMjIuMzE0IEMxMDQuODI1LDIyLjY2MiAxMDUuMDAwLDIyLjk4NCAxMDUuMzg4LDIyLjk4NCBDMTA1LjU3NiwyMi45ODQgMTA1Ljc1MCwyMi45MTcgMTA1LjkyNCwyMi44MjMgTDExMS45MzksMTkuNjYxIEwxMTcuOTU1LDIyLjgyMyBDMTE4LjExNSwyMi45MTcgMTE4LjMwMywyMi45ODQgMTE4LjQ5MSwyMi45ODQgQzExOC44NzksMjIuOTg0IDExOS4wNDAsMjIuNjYyIDExOS4wNDAsMjIuMzE0IEMxMTkuMDQwLDIyLjIyMCAxMTkuMDQwLDIyLjE0MCAxMTkuMDI2LDIyLjA0NiBMMTE3Ljg3NCwxNS4zNDcgTDEyMi43MzgsMTAuNjA1IEMxMjIuOTEyLDEwLjQzMSAxMjMuMDg2LDEwLjIwMyAxMjMuMDg2LDkuOTYyIEMxMjMuMDg2LDkuNTYwIDEyMi42NTcsOS4zOTkgMTIyLjMzNiw5LjM0NSBaIiAvPgo8L3N2Zz4K); } .rating.rating--dark .rating__overlay:before, .section.section--dark .rating .rating__overlay:before { border: 2px solid #141a17; } .review { display: block; } .review__image { float: left; margin-right: 1.25em; width: 5em; height: 5em; overflow: hidden; } .review__label { font-size: 0.875rem; opacity: 0.5; } .review__name { font-size: 1rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .review__date { display: inline; font-weight: 300; text-transform: none; } .review__text { font-size: 1rem; line-height: 1.5; } .review__text  p { word-wrap: break-word; } .review .rating__block { display: inline; } .review__list li:not(:last-child) .review { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom: 1px solid #e8e8e8; } .blog__list { position: relative; display: block; margin-top: -1.875em; } .blog__list:after { display: table; clear: both; content: " "; } .blog__item { margin-top: 1.875em; } .blog__image { width: 32.26837%; } .blog__icon { display: inline-block; overflow: hidden; text-align: center; } .blog__heading { margin: 0; padding: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.02em; } .blog__text { font-size: 0.875rem; font-weight: 300; line-height: 1.71429em; } @media screen and (min-width: 80rem) { .blog__item { width: 32.26837%; float: left; margin-right: 1.59744%; } .blog__item:nth-child(3n) { margin-right: 0; } .blog__item:nth-child(3n+1) { clear: left; } .blog__item .blog__image, .blog__item .blog__content { display: block; width: 100%; padding-left: 0; text-align: center; } .blog__item .blog__image:not(:last-child), .blog__item .blog__content:not(:last-child) { margin-bottom: 2.5em; } } .founder__image { width: 38.84615%; } .founder__content { padding-top: 0.625em; } .founder__name { margin: 0; padding: 0; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; } .founder__desi { font-size: 1rem; font-weight: 400; letter-spacing: 0.0625em; text-transform: uppercase; color: #22805A; } .founder__desc { font-size: 1rem; font-weight: 400; line-height: 2em; } .founder__desc p { margin-bottom: 0; } .founder__list { margin-top: -1.25em; } .founder__list:after { display: table; clear: both; content: " "; } .founder__list .founder__item { margin-top: 1.25em; } @media screen and (min-width: 80rem) { .founder__list .founder__item { width: 49.6038%; float: left; margin-right: 0.79239%; } .founder__list .founder__item:nth-child(2n) { margin-right: 0; } .founder__list .founder__item:nth-child(2n+1) { clear: left; } } .investor__list { display: block; text-align: center; } .investor__item { position: relative; display: inline-block; width: 12.5em; height: 12.5em; border-radius: 12.5em; overflow: hidden; background-color: #ffffff; } .investor__item:not(:last-child) { margin-right: 0.79239%; } .investor__item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .faq__category { margin-bottom: 1.875em; } .faq__category__heading { display: block; margin: 0; padding: 0; font-size: 1.25rem; font-weight: 600; line-height: 2.4em; letter-spacing: 0.02em; text-transform: uppercase; color: #22805A; } .faq__category__heading:not(:last-child) { margin-bottom: 1em; } .faq__category .faq__question__item { position: relative; margin-bottom: 1.25em; padding-bottom: 1.25em; padding-right: 2.1875em; border-bottom: 1px solid #e5e5e5; } .faq__category .faq__question__item .toggle { position: absolute; right: 0; top: 8px; z-index: 2000; cursor: pointer; width: 20px; height: 20px; padding: 0; background-color: rgba(23, 44, 78, 0); color: #d9d9d9; border: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .faq__category .faq__question__item .toggle:focus, .faq__category .faq__question__item .toggle:hover { outline: none; color: #141a17; } .faq__category .faq__question__item .toggle.has--close { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); color: #ED6F58; } .faq__category .faq__question__item .toggle:before, .faq__category .faq__question__item .toggle:after { display: block; content: " "; position: absolute; top: 0; left: 9px; width: 4px; height: 22px; border-radius: 1px; background: currentColor; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .faq__category .faq__question__item .toggle:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .faq__category .faq__question__item .toggle:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .faq__category .faq__question__item .question { display: block; margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 500; line-height: 1.64706em; letter-spacing: -0.01em; } .faq__category .faq__question__item .answer { display: none; margin-top: 1.33333em; font-size: 0.9375rem; font-weight: 400; line-height: 1.6em; letter-spacing: 0.02em; } .cancellation__tab .tab__nav a.button, .cancellation__tab .tab__nav .img-uploader a.upload-label, .img-uploader .cancellation__tab .tab__nav a.upload-label, .cancellation__tab .tab__nav .main-carousel__item a.main-carousel__gallery, .main-carousel__item .cancellation__tab .tab__nav a.main-carousel__gallery, .cancellation__tab .tab__nav .main-carousel__item a.main-carousel__video, .main-carousel__item .cancellation__tab .tab__nav a.main-carousel__video, .cancellation__tab .tab__nav a.modaal-confirm-btn { width: auto; background-color: #ffffff; color: #141a17; } .cancellation__tab .tab__nav a.button.current, .cancellation__tab .tab__nav .img-uploader a.current.upload-label, .img-uploader .cancellation__tab .tab__nav a.current.upload-label, .cancellation__tab .tab__nav .main-carousel__item a.current.main-carousel__gallery, .main-carousel__item .cancellation__tab .tab__nav a.current.main-carousel__gallery, .cancellation__tab .tab__nav .main-carousel__item a.current.main-carousel__video, .main-carousel__item .cancellation__tab .tab__nav a.current.main-carousel__video, .cancellation__tab .tab__nav a.current.modaal-confirm-btn { background-color: #4D979B; color: #ffffff; } @media screen and (max-width: 47.9375rem) { .cancellation__tab .tab__nav { padding: 0.625em 0; } } .error__block { position: relative; display: block; text-align: center; overflow: hidden; background-color: #22805A; color: #ffffff; } .error__block__inner { display: table; width: 100%; height: 62.5em; height: 100vh; } .error__block .circle { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; border-radius: 100%; background-color: currentColor; opacity: 0.1; } .error__block .circle:nth-child(1) { width: 100%; padding-bottom: 100%; } .error__block .circle:nth-child(2) { width: 80%; padding-bottom: 80%; } .error__block .circle:nth-child(3) { width: 50%; padding-bottom: 50%; } .error__block__content { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; z-index: 5; } .error__block .error__image svg { display: inline-block; width: 100%; height: 100%; max-width: 50em; max-height: 22.8125em; fill: currentColor; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .error__block .error__image svg { /* Safari 5+ ONLY */ } .error__block .error__image svg ::i-block-chrome, .error__block .error__image svg { width: 50em; height: 22.8125em; } } .error__block .error__heading { margin: 0; padding: 0; font-size: 27.5rem; font-size: 20vw; font-weight: 600; line-height: 1; } @media screen and (max-width: 101.1875rem) { .error__block .error__heading { font-size: 13.75rem; font-size: 25vw; } } @media screen and (max-width: 79.9375rem) { .error__block .error__heading { font-size: 6.875rem; font-size: 30vw; } } .error__block .error__sub-heading { font-size: 1.5rem; font-weight: 300; line-height: 1; letter-spacing: 0.0625em; text-transform: uppercase; } @media screen and (max-width: 79.9375rem) { .error__block .error__sub-heading { font-size: 1.25rem; } } @media screen and (max-width: 63.9375rem) { .error__block .error__sub-heading { font-size: 1.0625rem; } } .post { position: relative; } .post:not(:last-child) { padding-bottom: 7.60697%; margin-bottom: 7.60697%; border-bottom: 1px solid #e5e5e5; } .post > *:not(:last-child) { margin-bottom: 1.25rem; } .post__title { display: block; margin: 0; padding: 0; font-size: 1.5rem; font-weight: normal; font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; } .post__title:not(:last-child) { margin-bottom: 0.625rem; } .post__meta { display: block; margin: 0; padding: 0; font-size: 1.0625rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.0625em; text-transform: uppercase; color: #22805A; } .post__content { font-weight: 300; font-size: 0.875rem; line-height: 1.71429em; word-wrap: break-word; } .post__content:after { display: table; clear: both; content: " "; } .post__content > *:not(:last-child) { margin-bottom: 1.875rem; } .post__content h1, .post__content h2, .post__content h3, .post__content h4, .post__content h5, .post__content h6 { font-weight: 600; text-transform: uppercase; } .post__content blockquote { font-size: calc(20px + 1vw); font-weight: 400; line-height: 1.5; text-align: center; font-style: normal; } .post__link { font-size: 1.125rem; font-weight: 400; line-height: 1.77778em; text-decoration: underline; color: #ED6F58; } .post__social-menu a:not(.button):not(.modaal-confirm-btn) { display: inline-block; width: 2.8125em; height: 2.8125em; border-radius: 2.8125em; line-height: 2.8125em; text-align: center; padding: 0; margin: 0 0 0.625em 0; background-color: #e5e5e5; color: #141a17; } .post__social-menu a:not(.button):not(.modaal-confirm-btn):hover { background-color: #141a17; color: #ffffff; } @media screen and (min-width: 48rem) { .post { padding-left: 9.70681%; padding-right: 9.70681%; } .post__social-menu { position: absolute; top: 0; left: 0; } } @media screen and (max-width: 47.9375rem) { .post__title { font-size: 1.125rem; line-height: 1.5; } .post__social-menu .list > * { display: inline-block; vertical-align: middle; } .post__social-menu a:not(.button):not(.modaal-confirm-btn) { margin-bottom: 0; } } .comment { display: block; } .comment__name { font-size: 1rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .comment__date { display: block; font-weight: 300; text-transform: none; margin-top: 0.625em; } .comment__text { font-weight: 300; font-size: 1.0625rem; color: #7f7f7f; } .comment__list .comment:not(:last-child) { margin-bottom: 2.5em; padding-bottom: 2.5em; border-bottom: 1px solid #d9d9d9; } .comment__list .comment .comment { padding-left: 5em; } .search__section { padding: 1.25em; background-color: #ffffffc4; color: #141a17; } .search__section .form .input, .search__section .form input[type="text"], .search__section .form input[type="email"], .search__section .form input[type="password"], .search__section .form input[type="search"], .search__section .form input[type="tel"], .search__section .form select, .search__section .form textarea, .search__section .form .button, .search__section .form .img-uploader .upload-label, .img-uploader .search__section .form .upload-label, .search__section .form .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .search__section .form button.ui-state-default, .search__section .form .main-carousel__item .main-carousel__gallery, .main-carousel__item .search__section .form .main-carousel__gallery, .search__section .form .main-carousel__item .main-carousel__video, .main-carousel__item .search__section .form .main-carousel__video, .search__section .form .modaal-confirm-btn { line-height: 3.57143em; min-height: calc(3.57143em + 2px); border-radius: 5px; border: none; } .search__section .form .input:focus, .search__section .form input[type="text"]:focus, .search__section .form input[type="email"]:focus, .search__section .form input[type="password"]:focus, .search__section .form input[type="search"]:focus, .search__section .form input[type="tel"]:focus, .search__section .form select:focus, .search__section .form textarea:focus, .search__section .form .button:focus, .search__section .form .img-uploader .upload-label:focus, .img-uploader .search__section .form .upload-label:focus, .search__section .form .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:focus, .ui-datepicker .ui-datepicker-buttonpane .search__section .form button.ui-state-default:focus, .search__section .form .main-carousel__item .main-carousel__gallery:focus, .main-carousel__item .search__section .form .main-carousel__gallery:focus, .search__section .form .main-carousel__item .main-carousel__video:focus, .main-carousel__item .search__section .form .main-carousel__video:focus, .search__section .form .modaal-confirm-btn:focus { background-color: rgba(255, 255, 255, 0.9); } .search__section .form .form-element { margin-top: 0; margin-bottom: 0; } .search__section .form .form-element__control { position: relative; margin: auto; } .search__section .form .form-element .errorlist { position: absolute; left: 1.25em; } @media screen and (min-width: 48rem) { .search__section { position: absolute; left: 0; bottom: 0; right: 0; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 79.9375rem) { .search__section .form.form--vertical .form-element { margin-bottom: 0.625em; margin-top: 0.625em; } } @media screen and (min-width: 30rem) and (max-width: 47.9375rem) { .search__section .form .span--6, .search__section .form .span--4 { width: 50%; } } .facts__section .span.span--3 { width: 50% !important; } @media screen and (min-width: 48rem) { .facts__section .span.span--3 { width: 25% !important; } } .activity__section { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-size: 100% 300px; background-repeat: no-repeat; } .blog__section article { position: relative; background-color: #000000; color: #ffffff; overflow: hidden; } .blog__section article h4, .blog__section article p { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 1.25rem; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); font-weight: normal; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .blog__section article:after { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 50%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-size: 100%; background-repeat: no-repeat; content: ""; -webkit-transition: height .3s ease; -o-transition: height .3s ease; transition: height .3s ease; } .blog__section article img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; max-height: 250px; min-height:250px; display: block; object-fit:contain; margin: auto; width: 100%; } .blog__section article:hover img { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .blog__section article:hover p { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .blog__section article:hover:after { height: 100%; } @media screen and (max-width: 79.9375rem) and (min-width: 48rem) { .inspiration__section .island-card__list .island-card { width: 49.6038%; float: left; margin-right: 0.79239%; } .inspiration__section .island-card__list .island-card:nth-child(4n), .inspiration__section .island-card__list .island-card:nth-child(3n) { margin-right: 0.79239%; } .inspiration__section .island-card__list .island-card:nth-child(4n+1), .inspiration__section .island-card__list .island-card:nth-child(3n+1) { clear: none; } .inspiration__section .island-card__list .island-card:nth-child(2n) { margin-right: 0; } .inspiration__section .island-card__list .island-card:nth-child(2n+1) { clear: left; } } .destination__section { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-size: 100% 500px; background-repeat: no-repeat; } @media screen and (min-width: 80rem) { .destination__section .island-card__image:before { padding-bottom: calc(89% + 185px); } } @media screen and (max-width: 79.9375rem) { .destination__section .island-card { margin-bottom: 0.79239%; } .destination__section .island-card__image:before { padding-bottom: 50%; } } @media screen and (max-width: 47.9375rem) { .destination__section .island-card__image:before { padding-bottom: 300px; } } @media screen and (min-width: 48rem) { .activity__section .section__footer, .destination__section .section__footer, .inspiration__section .section__footer { text-align: right; } } @media screen and (max-width: 47.9375rem) { .activity__section .section__body, .destination__section .section__body, .inspiration__section .section__body { overflow: hidden; overflow-x: auto; } .activity__section .section__body:not(:last-child), .destination__section .section__body:not(:last-child), .inspiration__section .section__body:not(:last-child) { margin-bottom: 1.25em; } .activity__section .section__body svg, .destination__section .section__body svg, .inspiration__section .section__body svg { display: none; } .activity__section .section__footer, .destination__section .section__footer, .inspiration__section .section__footer { text-align: center; margin-top: 0; } .activity__section .section__footer:not(:last-child), .destination__section .section__footer:not(:last-child), .inspiration__section .section__footer:not(:last-child) { margin-bottom: 1.25em; } .activity__section .span__row, .destination__section .span__row, .inspiration__section .span__row { position: relative; white-space: nowrap; } .activity__section .span__row .span, .destination__section .span__row .span, .inspiration__section .span__row .span { float: none; display: inline-block; vertical-align: top; } .activity__section .span__row .span--4, .destination__section .span__row .span--4, .inspiration__section .span__row .span--4 { max-width: 300px !important; } .activity__section .activity-card__list, .activity__section .island-card__list, .destination__section .activity-card__list, .destination__section .island-card__list, .inspiration__section .activity-card__list, .inspiration__section .island-card__list { white-space: nowrap; } .activity__section .activity-card__list .activity-card, .activity__section .island-card__list .island-card, .destination__section .activity-card__list .activity-card, .destination__section .island-card__list .island-card, .inspiration__section .activity-card__list .activity-card, .inspiration__section .island-card__list .island-card { float: none; display: inline-block; vertical-align: top; width: 100%; max-width: 300px; margin-bottom: 0; } .destination__section .island-card { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; max-width: 300px; margin-bottom: 0; } } .testimonial__section { background-color: #ffffff; color: #141a17; text-align: center; } .testimonial__section .testimonial__item { position: relative; } .testimonial__section .testimonial__image { display: inline-block; width: 12.5rem; height: 12.5rem; border-radius: 1000px; margin: 0 0 1.25rem; overflow: hidden; text-align: center; background-color: #f2f2f2; border: 1px solid #f2f2f2; color: #ffffff; } .testimonial__section .testimonial__content { overflow: hidden; } .testimonial__section .testimonial__content .icon { width: 2.5rem; height: 2.5rem; opacity: 0.3; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial__section .testimonial__content .icon-start { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .testimonial__section .testimonial__content .icon-end { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .testimonial__section .testimonial__heading { margin-top: -2rem; margin-bottom: 1.25rem; padding: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.2; letter-spacing: 0.02em; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial__section .testimonial__text { margin-bottom: 0.625rem; font-size: 0.9375rem; font-weight: 400; line-height: 2; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial__section .testimonial__next { position: absolute; top: calc(50% - 5.5rem); right: -6rem; display: inline-block; width: 6rem; height: 6rem; line-height: 6rem; text-align: center; border-radius: 100%; border: 1px dashed #e5e5e5; } .testimonial__section .testimonial__item:hover .testimonial__content .icon-start { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .testimonial__section .testimonial__item:hover .testimonial__content .icon-end { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .testimonial__section .testimonial__item:hover .testimonial__heading { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .testimonial__section .testimonial__item:hover .testimonial__text { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } @media screen and (min-width: 48rem) { .testimonial__section .testimonial__item { padding-left: 0.625rem; padding-right: 0.625rem; } } @media screen and (max-width: 79.9375rem) { .testimonial__section .testimonial__next { display: none; } } .promotion__section { margin-top: 1.25em; padding: 7.5em 0; background-color: #141a17; background-position: center center; background-size: cover; background-repeat: no-repeat; color: #ffffff; } .promotion__section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.15); content: ""; } .promotion__section > div { position: relative; z-index: 1; } .promotion__section .promotion__content .heading-text { font-size: 3rem; font-weight: 400; } .promotion__section .promotion__action { display: block; margin-top: 1.875em; } @media screen and (min-width: 64rem) { .promotion__section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: vertical; -ms-flex-direction: vertical; flex-direction: vertical; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 50vh; margin-top: 2.5em; } } @media screen and (max-width: 47.9375rem) { .promotion__section { min-height: inherit !important; } .promotion__section .promotion__content .heading-text { font-size: 1.5rem; } } .book-card { position: relative; display: block; border: 1px solid #dedede; background-color: #ffffff; } .book-card:not(:last-child) { margin-bottom: 1.25em; } .book-card__block__header { position: relative; padding: 0.9375em 1.25em; background-color: #e8e8e8; } .book-card__block__header:before, .book-card__block__header:after { position: absolute; display: inline-block; background-color: currentColor; content: ""; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .book-card__block__header:before { top: calc(50% - 1px); right: 1.25em; width: 20px; height: 2px; } .book-card__block__header:after { top: calc(50% - 10px); right: calc(1.25em + 9px); width: 2px; height: 20px; } .book-card__block__body { display: none; padding: 1.25em; } .book-card__block.active .book-card__block__header { background-color: #141a17; color: #ffffff; } .book-card__block.active .book-card__block__header:after { top: calc(50% - 1px); height: 2px; } .book-card__block.active .book-card__block__body { display: block; } .book-card__block.active:not(:first-child) .book-card__block__header { border-top: 1px solid #12233e; } .book-card__block.done .book-card__block__header { background-color: #4D979B; color: #ffffff; } .book-card__block.done .book-card__block__header:before { top: calc(50% - 1px); right: 1.25em; width: 20px; height: 2px; -ms-transform: rotate(-45deg) translate(2px, 3px); transform: rotate(-45deg) translate(2px, 3px); -webkit-transform: rotate(-45deg) translate(2px, 3px); } .book-card__block.done .book-card__block__header:after { top: calc(50% - 10px); right: calc(1.25em + 18px); width: 2px; height: 10px; -ms-transform: rotate(-45deg) translate(-4px, 8px); transform: rotate(-45deg) translate(-4px, 8px); -webkit-transform: rotate(-45deg) translate(-4px, 8px); } .book-card__block.done:not(:first-child) .book-card__block__header { border-top: 1px solid #009f91; } .book-card__block:not(:first-child) .book-card__block__header { border-top: 1px solid #dedede; } .book-card__event .form { margin-top: 1.25em; } .book-card__participant { display: block; margin-left: -1.25em; margin-right: -1.25em; padding: 1.25em; } .book-card__participant__form { position: relative; display: block; margin: 0; padding: 0; border-width: 0; } .book-card__participant__form input[type="text"] { min-height: calc(2.85714em + 2px); line-height: 2.85714em; text-align: center; overflow: hidden; padding-left: 3.57143em; padding-right: 3.57143em; } .book-card__participant__form a { position: absolute; top: 0; bottom: 0; display: block; width: 2.85714em; line-height: 2.85714em; text-align: center; background-color: #ffffff; border: 1px solid #e5e5e5; } .book-card__participant__form a.fl--left { left: 0; } .book-card__participant__form a.fl--right { right: 0; } .book-card__addons { max-width: 31.25rem; margin-left: auto; margin-right: auto; clear: both; } .book-card__price__heading { padding: 0; margin: 0; font-size: 1.75rem; font-weight: 600; line-height: 1.2; } .book-card__price__heading sup { font-size: 1.5rem; } .book-card__price .button, .book-card__price .img-uploader .upload-label, .img-uploader .book-card__price .upload-label, .book-card__price .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .book-card__price button.ui-state-default, .book-card__price .main-carousel__item .main-carousel__gallery, .main-carousel__item .book-card__price .main-carousel__gallery, .book-card__price .main-carousel__item .main-carousel__video, .main-carousel__item .book-card__price .main-carousel__video, .book-card__price .modaal-confirm-btn { margin: 0; } @media screen and (max-width: 79.9375rem) { .book-card { margin: 1.25em; } } .activity__block { padding-bottom: 2.5em; line-height: 2; text-align: left; } .activity__block .block__heading-text { margin-bottom: 0.47619em; } .activity__title { font-size: calc(1rem + 2vw); font-weight: 600; line-height: 1.2; margin-bottom: 0.3125em; } .activity__location { font-size: 1.125rem; color: #7f93b2; margin-bottom: 1.11111em; } .activity__location .rating { font-size: 0.7em; } .activity__price { display: block; clear: right; font-size: 1.25rem; line-height: 1.2; } .activity__price:after { display: table; clear: both; content: " "; } .activity__price-number { display: table; font-size: 1.75rem; font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: #ED6F58; } .activity__price-number del { font-size: 0.75em; font-weight: normal; color: rgba(0, 0, 0, 0.5); } .activity__price a { margin-top: 0.625em; } .activity .additional-info__block .additional-info__heading { font-size: 1.125rem; font-weight: 500; color: #60789e; margin-bottom: 0.55556em; } .activity .additional-info__block .additional-info__list li { margin-bottom: 1.25em; } .activity .additional-info__block .additional-info__list .list.list--fit > *:first-child { width: 200px; } @media screen and (min-width: 80rem) { .activity__price { display: inline-block; } .activity .host__block .media .media__figure { width: 42.0765%; text-align: center; } } @media screen and (min-width: 48rem) { .activity__price a { margin-top: 0; } } @media screen and (max-width: 79.9375rem) { .activity .info__block:not(.no--style) { padding-bottom: 1.875em; margin-bottom: 1.875em; border-bottom: 1px solid rgba(23, 44, 78, 0.1); } } @media screen and (max-width: 47.9375rem) { .activity .additional-info__block .additional-info__list, .activity .additional-info__block .additional-info__list li { display: block; width: 100%; margin-bottom: 0.625em; } .activity .additional-info__block .additional-info__list > li:not(:last-child) { border-bottom: 1px solid #e8e8e8; } } .section__listing { position: static !important; padding: 2.5em 0; } .section__listing .listing__body { min-height: 300px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .section__listing .listing__filter.is--opened + .listing__body { min-height: 600px; } .section__listing .listing__filter { background-color: #f5f5f5; padding: 1.875em 1.25em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section__listing .listing__filter .filter__heading { font-size: 1.125rem; font-weight: 600; line-height: 1.2; text-transform: uppercase; margin-bottom: 1.25em; } .section__listing .listing__filter .filter__block { width: 100%; } .section__listing .listing__filter .filter__block:not(:last-child) { padding-bottom: 1.875em; margin-bottom: 1.875em; border-bottom: 1px solid #e5e5e5; } .section__listing .listing__filter .filter__block .list.list--vertical li:not(:last-child) { padding-bottom: 1.25em; } .section__listing .listing__filter-button { display: inline-block; width: 100%; padding: 0 1.875em 0 1.25em; line-height: 3.125em; min-height: calc(3.125em + 2px); min-width: 8.125em; border-radius: 5px; font-size: 1rem; text-align: center; color: inherit; background-color: #fff; border: 1px solid #e5e5e5; -webkit-transition: border 0.3s linear, background 0.3s linear; -o-transition: border 0.3s linear, background 0.3s linear; transition: border 0.3s linear, background 0.3s linear; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .section__listing .listing__heading { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 79.9375rem) { .section__listing .listing__filter { margin-bottom: 1.875em; position: absolute; left: 0; z-index: 100; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); margin-bottom: 2.5em; width: 18.75em; } .section__listing .listing__filter.is--opened { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .order__section .summary__block { padding: 1.25em; margin-bottom: 1.25em; background-color: #e5e5e5; } .order__section .summary__block .summary__total { border-top: 1px solid #cccccc; margin-top: 0.83125em; padding-top: 0.83125em; font-weight: 600; } .order__section .booking__block { padding: 1.25em; background-color: #ffffff; } .order__section .booking__block .block__heading-text { margin-bottom: 1.875em; } .order__section .booking__block .booking-media__image { width: 15.33546%; } .order__section .booking__block .booking-media__heading { margin-bottom: 0.625em; font-size: 1.25rem; font-weight: 400; line-height: 1.2; } .order__section .booking__block .booking-media__text { display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.2; margin: 0; padding: 0; color: #666666; } .order__section .booking__block .booking-media__addon .tag { margin-right: 4px; } .order__section .booking__block .booking-media__addon .tag .tag__remove { font-weight: 600; color: #ED6F58; } @media screen and (min-width: 48rem) { .order__section .booking__block .booking-media__content { padding-left: 1.25em; } } .order__section .booking__block .booking-media__list { margin-top: -1.25em; } .order__section .booking__block .booking-media__list:after { display: table; clear: both; content: " "; } .order__section .booking__block .booking-media__list .booking-media { margin-top: 1.25em; padding-bottom: 1.25em; } .order__section .booking__block .booking-media__list .booking-media:not(:last-child) { border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 63.9375rem) { .order__section .span { width: 100%; } } .section__login .disclaimer, .section__join .disclaimer, .section__forgot .disclaimer { display: block; padding: 0.625em; text-align: center; } @media screen and (min-width: 48rem) { .section__login, .section__join, .section__forgot { position: relative; } .section__login .disclaimer, .section__join .disclaimer, .section__forgot .disclaimer { position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 2.5em; line-height: 1.25em; text-align: center; } } .cart__item .item__heading { font-size: 1.25rem; font-weight: 400; line-height: 1.2; margin-bottom: 0.5em; } .cart__item .item__cat { display: inline-block; width: 100%; font-size: 0.875rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.0625em; text-transform: uppercase; color: #ED6F58; } .cart__item .item__addon .tag { margin-right: 4px; } .cart__item .item__addon .tag .tag__remove { font-weight: 600; color: #ED6F58; } .cart__item .item__action .button, .cart__item .item__action .img-uploader .upload-label, .img-uploader .cart__item .item__action .upload-label, .cart__item .item__action .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .cart__item .item__action button.ui-state-default, .cart__item .item__action .main-carousel__item .main-carousel__gallery, .main-carousel__item .cart__item .item__action .main-carousel__gallery, .cart__item .item__action .main-carousel__item .main-carousel__video, .main-carousel__item .cart__item .item__action .main-carousel__video, .cart__item .item__action .modaal-confirm-btn { font-size: 0.6875rem; } .cart__item .option__heading { display: block; margin-bottom: 0.625em; font-size: 1rem; font-weight: 400; line-height: 1.2; } .cart__item .option__action { display: inline-block; width: 100%; max-width: 7.5em; } .cart__item .option__action select { min-width: inherit; max-width: inherit; } .cart__item .total__cal { display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; } .cart__item .total__amt { display: block; font-size: 1.375rem; font-weight: 600; line-height: 1.2; } .cart__item:hover .item__action .button:first-child, .cart__item:hover .item__action .img-uploader .upload-label:first-child, .img-uploader .cart__item:hover .item__action .upload-label:first-child, .cart__item:hover .item__action .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:first-child, .ui-datepicker .ui-datepicker-buttonpane .cart__item:hover .item__action button.ui-state-default:first-child, .cart__item:hover .item__action .main-carousel__item .main-carousel__gallery:first-child, .main-carousel__item .cart__item:hover .item__action .main-carousel__gallery:first-child, .cart__item:hover .item__action .main-carousel__item .main-carousel__video:first-child, .main-carousel__item .cart__item:hover .item__action .main-carousel__video:first-child, .cart__item:hover .item__action .modaal-confirm-btn:first-child { background-color: #22805A; color: #ffffff; } .cart__item:hover .item__action .button:last-child, .cart__item:hover .item__action .img-uploader .upload-label:last-child, .img-uploader .cart__item:hover .item__action .upload-label:last-child, .cart__item:hover .item__action .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:last-child, .ui-datepicker .ui-datepicker-buttonpane .cart__item:hover .item__action button.ui-state-default:last-child, .cart__item:hover .item__action .main-carousel__item .main-carousel__gallery:last-child, .main-carousel__item .cart__item:hover .item__action .main-carousel__gallery:last-child, .cart__item:hover .item__action .main-carousel__item .main-carousel__video:last-child, .main-carousel__item .cart__item:hover .item__action .main-carousel__video:last-child, .cart__item:hover .item__action .modaal-confirm-btn:last-child { background-color: #ED6F58; color: #ffffff; } .cart__item:hover .item__action .button:hover, .cart__item:hover .item__action .img-uploader .upload-label:hover, .img-uploader .cart__item:hover .item__action .upload-label:hover, .cart__item:hover .item__action .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default:hover, .ui-datepicker .ui-datepicker-buttonpane .cart__item:hover .item__action button.ui-state-default:hover, .cart__item:hover .item__action .main-carousel__item .main-carousel__gallery:hover, .main-carousel__item .cart__item:hover .item__action .main-carousel__gallery:hover, .cart__item:hover .item__action .main-carousel__item .main-carousel__video:hover, .main-carousel__item .cart__item:hover .item__action .main-carousel__video:hover, .cart__item:hover .item__action .modaal-confirm-btn:hover { background-color: #141a17; } @media screen and (max-width: 47.9375rem) { .cart__item .text--right { text-align: center; } } .cart__list .cart__item { padding-top: 1.875em; margin-bottom: 1.875em; border-top: 1px solid #e5e5e5; } .cart__section .section__header, .payment__section .section__header { font-size: 1rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; } .cart__section .continue__block, .cart__section .promocode__block, .cart__section .summary__block, .payment__section .continue__block, .payment__section .promocode__block, .payment__section .summary__block { padding-top: 1.25em; } .cart__section .continue__block .block__heading-text, .cart__section .promocode__block .block__heading-text, .cart__section .summary__block .block__heading-text, .payment__section .continue__block .block__heading-text, .payment__section .promocode__block .block__heading-text, .payment__section .summary__block .block__heading-text { font-size: 1.375rem; } @media screen and (min-width: 48rem) { .cart__section .continue__block:last-child, .cart__section .promocode__block:last-child, .cart__section .summary__block:last-child, .payment__section .continue__block:last-child, .payment__section .promocode__block:last-child, .payment__section .summary__block:last-child { padding-left: 7.60697%; border-left: 1px solid #e5e5e5; } .cart__section .continue__block:first-child, .cart__section .promocode__block:first-child, .cart__section .summary__block:first-child, .payment__section .continue__block:first-child, .payment__section .promocode__block:first-child, .payment__section .summary__block:first-child { padding-right: 7.60697%; } } .cart__section .summary__block, .payment__section .summary__block { text-transform: uppercase; } .cart__section .summary__block .summary__total, .payment__section .summary__block .summary__total { padding-top: 1.25em; margin-top: 1.25em; margin-bottom: 1.25em; border-top: 1px solid #e5e5e5; } .cart__section .summary__block .summary__total:after, .payment__section .summary__block .summary__total:after { display: table; clear: both; content: " "; } .payment__section .summary__block { padding: 1.25em; margin-bottom: 1.25em; background-color: #f2f2f2; } .payment__section .summary__block .summary__total { border-top: 1px solid #e5e5e5; margin-bottom: 0; } @media screen and (max-width: 63.9375rem) { .payment__section .span { width: 100%; } } .is--home .site-header .visible-on--mobile, .is--home .site-header .visible-on--tablet, .is--home .site-header .visible-on--desktop { display: none !important; } .is--home .point__text { font-size: 1rem; } @media screen and (min-width: 48rem) { .is--home .site-header .visible-on--tablet { display: inline-block !important; } .is--home .site-main__header__image .img { min-height: 400px; height: 70vh; } .is--home .site-main__header__content { min-height: 400px; height: 70vh; } .is--home .site-main__header__content .special-heading-text { text-shadow: 0 0 30px rgba(0, 0, 0, 0.4); } .is--home .site-main__header__content .section.section--vcenter { padding-top: 3.75em; padding-bottom: 3.75em; } .is--home .main-carousel__item .section__body { padding-bottom: 5vh; } .is--home .search__section { bottom: 15vh; } } @media screen and (max-width: 79.9375rem) { .is--home .site-main__body .span { width: 100%; } } @media screen and (max-width: 47.9375rem) { .is--home .site-header .visible-on--mobile { display: inline-block !important; } } .is--detail .main-carousel__item .section__footer { display: block; padding: 1.875em; } @media screen and (max-width: 79.9375rem) and (min-width: 48rem) { .is--detail .main-carousel__item .section__footer { background-color: rgba(0, 0, 0, 0.2); } } .is--detail .site-main__header__content .heading-text { font-weight: 600; } .is--detail .site-main__header__content .regular-text { font-weight: 300; } @media screen and (min-width: 48rem) { .is--detail .site-main__header__content .section.section--vcenter { padding-bottom: 8.125em; } } @media screen and (min-width: 80rem) { .is--detail .site-main__header__image .img { min-height: 25em; height: 25em; height: 50vh; } .is--detail .site-main__header__content { min-height: 25em; height: 25em; padding-top: 6.5625em; height: 50vh; } .is--detail .site-main__header__content .special-heading-text { text-shadow: 0 0 30px rgba(0, 0, 0, 0.4); } .is--detail .site-main__header__content .section.section--vcenter { padding-bottom: 10em; } } @media screen and (max-width: 79.9375rem) { .is--detail .site-main__body .span { width: 100%; } } @media screen and (max-width: 47.9375rem) { .is--detail .site-main__header__content .section.section--vcenter { padding-bottom: 0; } } @media screen and (min-width: 48rem) { .is--country .site-main__header__content, .is--city .site-main__header__content { padding-top: 5.3125em; } .is--country .site-main__header__content .section.section--vcenter, .is--city .site-main__header__content .section.section--vcenter { padding-bottom: 10em; } } @media screen and (min-width: 80rem) { .is--country .site-main__header__image .img, .is--city .site-main__header__image .img { min-height: 25em; height: 25em; height: 50vh; } .is--country .site-main__header__content, .is--city .site-main__header__content { height: 25em; height: 50vh; } } @media screen and (max-width: 79.9375rem) { .is--country .site-main__body .span, .is--city .site-main__body .span { width: 100%; } } .is--guestuser-signupform .guest__user__type { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .is--guestuser-signupform .guest__user__type li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .is--guestuser-signupform .guest__user__type li label { position: relative; display: block; padding: 30px 30px 30px 60px; border: 1px solid #d9d9d9; font-size: 1.2rem; cursor: pointer; } .is--guestuser-signupform .guest__user__type li label:before { position: absolute; left: 20px; top: 50%; margin: -15px 0 0; width: 30px; height: 30px; border-radius: 2.5rem; background: #fff; content: ""; } .is--guestuser-signupform .guest__user__type li label:after { position: absolute; left: 25px; top: 50%; margin: -7px 0 0; width: 1rem; height: 0.4rem; border-bottom: 4px solid #4D979B; border-left: 4px solid #4D979B; border-bottom-left-radius: 1px; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -o-transition: transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease; } .is--guestuser-signupform .guest__user__type li label:hover { background-color: #d9d9d9; } .is--guestuser-signupform .guest__user__type li label input { opacity: 0; } .is--guestuser-signupform .guest__user__type li.is-selected label { background: #4D979B; border-color: #4D979B; color: #ffffff; } .is--guestuser-signupform .guest__user__type li.is-selected label:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } @media screen and (max-width: 47.9375rem) { .is--guestuser-signupform .guest__user__type { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 48rem) { .is--guestuser .site-main, .is--login .site-main, .is--join .site-main, .is--forgot .site-main, .is--404 .site-main { padding-top: 0; } .is--guestuser .section.section--vcenter, .is--login .section.section--vcenter, .is--join .section.section--vcenter, .is--forgot .section.section--vcenter, .is--404 .section.section--vcenter { min-height: 51.25em; height: 51.25em; height: 100vh; } } .is--dashboard .site-main .section { padding-top: 2.5em; } .is--dashboard .site-main .section .section__header { padding-top: 1.25em; padding-bottom: 0.625em; } .is--dashboard .table .continued + a:not(.button):not(.modaal-confirm-btn), .is--dashboard .table p + a:not(.button):not(.modaal-confirm-btn) { text-decoration: underline; color: #ED6F58; } @media screen and (min-width: 48rem) { .is--dashboard .section { min-height: 31.25rem; } } @media screen and (min-width: 48rem) and (max-width: 79.9375rem) { .is--hostreports form .span, .is--host-bookings form .span, .is--host-history form .span { width: 33.33%; } } @media screen and (min-width: 48rem) { .is--manageactivity .form.form--horizontal .field-set .caption-wraper, .is--manageactivity .form.form--horizontal .field-set .field-wraper { width: 50%; } } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { .is--manageactivity .form.form--horizontal .field-set .caption-wraper .button, .is--manageactivity .form.form--horizontal .field-set .caption-wraper .img-uploader .upload-label, .img-uploader .is--manageactivity .form.form--horizontal .field-set .caption-wraper .upload-label, .is--manageactivity .form.form--horizontal .field-set .caption-wraper .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .is--manageactivity .form.form--horizontal .field-set .caption-wraper button.ui-state-default, .is--manageactivity .form.form--horizontal .field-set .caption-wraper .main-carousel__item .main-carousel__gallery, .main-carousel__item .is--manageactivity .form.form--horizontal .field-set .caption-wraper .main-carousel__gallery, .is--manageactivity .form.form--horizontal .field-set .caption-wraper .main-carousel__item .main-carousel__video, .main-carousel__item .is--manageactivity .form.form--horizontal .field-set .caption-wraper .main-carousel__video, .is--manageactivity .form.form--horizontal .field-set .caption-wraper .modaal-confirm-btn, .is--manageactivity .form.form--horizontal .field-set .field-wraper .button, .is--manageactivity .form.form--horizontal .field-set .field-wraper .img-uploader .upload-label, .img-uploader .is--manageactivity .form.form--horizontal .field-set .field-wraper .upload-label, .is--manageactivity .form.form--horizontal .field-set .field-wraper .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .is--manageactivity .form.form--horizontal .field-set .field-wraper button.ui-state-default, .is--manageactivity .form.form--horizontal .field-set .field-wraper .main-carousel__item .main-carousel__gallery, .main-carousel__item .is--manageactivity .form.form--horizontal .field-set .field-wraper .main-carousel__gallery, .is--manageactivity .form.form--horizontal .field-set .field-wraper .main-carousel__item .main-carousel__video, .main-carousel__item .is--manageactivity .form.form--horizontal .field-set .field-wraper .main-carousel__video, .is--manageactivity .form.form--horizontal .field-set .field-wraper .modaal-confirm-btn { display: block; width: 100%; margin: 0 0 0.625rem 0; } } @media screen and (min-width: 64rem) { .is--cms .site-main .site-main__header .site-main__header__image + .site-main__header__content { height: 31.25em; } } @media screen and (min-width: 64rem) { .is--contact .site-main__header__image .img, .is--contactus .site-main__header__image .img { max-height: 31.25em; } .is--contact .site-main__header__content, .is--contactus .site-main__header__content { height: 31.25em; } } .is--review .review__list > li:not(:last-child) .review { margin-bottom: 2.5em; padding-bottom: 2.5em; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 48rem) { .is--blog-detail .site-main__header { min-height: 31.25em; } } /* Slider */ .slick-prev, .slick-next { position: absolute; top: calc(50% - 25px); z-index: 100; display: inline-block; vertical-align: middle; width: 48px; height: 48px; border-radius: 48px; -webkit-border-radius: 48px; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; background: none; border-width: 0; text-indent: 9999; background-color: #ffffff; border: 1px solid #e5e5e5; font-size: 0; } .slick-prev:before, .slick-next:before { position: absolute; display: block; top: 22px; left: 50%; -ms-transform: translate(-8px, 0); transform: translate(-8px, 0); -webkit-transform: translate(-8px, 0); width: 15px; height: 3px; background-color: currentcolor; content: " "; } .slick-prev:after, .slick-next:after { position: absolute; top: 25px; right: 6px; width: 10px; height: 10px; -webkit-transform: rotate(45deg) translate(-8px, 0); -ms-transform: rotate(45deg) translate(-8px, 0); transform: rotate(45deg) translate(-8px, 0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; content: " "; border-top: 3px solid currentcolor; border-right: 3px solid currentcolor; } .slick-prev { left: -56px; -webkit-transform: rotate(180deg) translate(0, -50%); -ms-transform: rotate(180deg) translate(0, -50%); transform: rotate(180deg) translate(0, -50%); } .slick-prev:before { -webkit-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); transform: translate(-8px, 0); } .slick-next { right: -56px; -webkit-transform: rotate(0deg) translate(0, -50%); -ms-transform: rotate(0deg) translate(0, -50%); transform: rotate(0deg) translate(0, -50%); } /* Dots */ .slick-dots { position: relative; z-index: 99; list-style: none; display: block; text-align: left; padding: 0 0.625rem; margin: 20px 0 0 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 15px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { display: block; width: 1em; height: 1em; border-radius: 100%; padding: 0; text-indent: 9999; background-color: #ffffff; border: 1px solid #d9d9d9; color: transparent; cursor: pointer; } .slick-dots li button:hover { background-color: #d9d9d9; } .slick-dots li.slick-active button { background-color: #d9d9d9; } @media screen and (max-width: 79.9375rem) { .slick-prev { left: 20px; } .slick-next { right: 20px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: inline-block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-prev, .slick-next { position: absolute; top: calc(50% - 25px); z-index: 100; display: inline-block; vertical-align: middle; width: 48px; height: 48px; border-radius: 48px; -webkit-border-radius: 48px; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; background: none; border-width: 0; text-indent: 9999; background-color: #ffffff; border: 1px solid #e5e5e5; font-size: 0; } .slick-prev:before, .slick-next:before { position: absolute; display: block; top: 22px; left: 50%; -ms-transform: translate(-8px, 0); transform: translate(-8px, 0); -webkit-transform: translate(-8px, 0); width: 15px; height: 3px; background-color: currentcolor; content: " "; } .slick-prev:after, .slick-next:after { position: absolute; top: 25px; right: 6px; width: 10px; height: 10px; -webkit-transform: rotate(45deg) translate(-8px, 0); -ms-transform: rotate(45deg) translate(-8px, 0); transform: rotate(45deg) translate(-8px, 0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; content: " "; border-top: 3px solid currentcolor; border-right: 3px solid currentcolor; } .slick-prev { left: -56px; -webkit-transform: rotate(180deg) translate(0, -50%); -ms-transform: rotate(180deg) translate(0, -50%); transform: rotate(180deg) translate(0, -50%); } .slick-prev:before { -webkit-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); transform: translate(-8px, 0); } .slick-next { right: -56px; -webkit-transform: rotate(0deg) translate(0, -50%); -ms-transform: rotate(0deg) translate(0, -50%); transform: rotate(0deg) translate(0, -50%); } /* Dots */ .slick-dots { position: relative; z-index: 99; list-style: none; display: block; text-align: left; padding: 0 0.625rem; margin: 20px 0 0 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 15px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { display: block; width: 1em; height: 1em; border-radius: 100%; padding: 0; text-indent: 9999; background-color: #ffffff; border: 1px solid #d9d9d9; color: transparent; cursor: pointer; } .slick-dots li button:hover { background-color: #d9d9d9; } .slick-dots li.slick-active button { background-color: #d9d9d9; } @media screen and (max-width: 79.9375rem) { .slick-prev { left: 20px; } .slick-next { right: 20px; } } /*! Modaal - accessible modals - v0.2.9 by Humaan, for all humans. http://humaan.com */ .modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 6000; opacity: 0; } .modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 7000; overflow: auto; opacity: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*& .modaal-container { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }*/ } .modaal-wrapper.modaal-image, .modaal-wrapper.modaal-video { overflow: hidden; } .modaal-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; } .modaal-wrapper .modaal-close { background: transparent; padding: 0; -webkit-appearance: none; } .modaal-wrapper.modaal-start_none { display: none; opacity: 1; } .modaal-wrapper.modaal-start_fade { opacity: 0; } .modaal-wrapper *[tabindex="0"] { outline: none !important; } .modaal-wrapper.modaal-fullscreen { overflow: hidden; } .modaal-wrapper.modaal-fullscreen .modaal-content-container { padding: 0; } .modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; } .modaal-fullscreen .modaal-outer-wrapper { display: block; } .modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; } .modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; } .modaal-container { position: relative; display: inline-block; padding: 1.25rem; width: 100%; margin: auto; text-align: center; color: #141a17; max-width: 50em; border-radius: 0px; background: #f2f2f2; -webkit-box-shadow: 0 4px 15px rgba(23, 44, 78, 0.2); box-shadow: 0 4px 15px rgba(23, 44, 78, 0.2); cursor: auto; } .modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; } .modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; } .modaal-close { position: fixed; right: 20px; top: 20px; z-index: 7001; color: #f2f2f2; cursor: pointer; opacity: 1; width: 58px; height: 58px; border: 4px solid transparent; background: transparent; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modaal-close:focus, .modaal-close:hover { outline: none; border: 4px solid #ffffff; } .modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 1px; background: #ffffff; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-fullscreen .modaal-close { background: #cccccc; right: 30px; top: 10px; } @media screen and (max-width: 47.9375rem) { .modaal-close { top: 0; right: 0; width: 32px; height: 32px; } .modaal-close:before, .modaal-close:after { top: 2px; left: 10px; } .modaal-close:focus, .modaal-close:hover { outline: none; border: 4px solid transparent; } } .modaal-content-container { padding: 0; } .modaal-confirm #modaal-title { margin-bottom: 10px; } .modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; } .modaal-confirm-btn.modaal-ok { color: #f2f2f2; background: #22805A; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-confirm-btn.modaal-ok:hover { background: #1f94aa; } .modaal-confirm-btn.modaal-cancel { text-decoration: underline; } .modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #1f94aa; } @keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } .modaal-instagram .modaal-container { width: auto; background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; } .modaal-instagram .modaal-content-container { padding: 0; background: transparent; } .modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; } .modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards; } .modaal-image .modaal-container { width: auto; max-width: 1500px; padding: 0; } .modaal-gallery-wrap { position: relative; color: #f2f2f2; } .modaal-gallery-item { display: none; } .modaal-gallery-item img { display: block; } .modaal-gallery-item.is_active { display: block; } .modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #ffffff; } .modaal-gallery-label:focus { outline: none; } .modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #f2f2f2; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modaal-gallery-control.is_hidden { opacity: 0; cursor: default; } .modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #ffffff; } .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #cccccc; } .modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #ffffff; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-gallery-next { left: 100%; margin-left: 40px; } .modaal-gallery-prev { right: 100%; margin-right: 40px; } .modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; } .modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-video-wrap { margin: auto 50px; position: relative; } .modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; } .modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modaal-iframe .modaal-container { width: auto; max-width: none; padding: 0; } .modaal-iframe-elem { width: 100%; display: block; } @media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } } @media only screen and (max-width: 1140px) { .modaal-gallery-item img { width: 100%; } .modaal-gallery-control { top: auto; bottom: 20px; -webkit-transform: none; -ms-transform: none; transform: none; background: rgba(0, 0, 0, 0.7); } .modaal-gallery-control:before, .modaal-gallery-control:after { background: #ffffff; } .modaal-gallery-next { left: auto; right: 20px; } .modaal-gallery-prev { left: 20px; right: auto; } } @media screen and (max-width: 900px) { .modaal-instagram iframe { width: 500px !important; } } @media screen and (max-height: 1100px) { .modaal-instagram iframe { width: 700px !important; } } @media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; } .modaal-image .modaal-inner-wrapper, .modaal-video .modaal-inner-wrapper { padding: 10px; } .modaal-instagram iframe { width: 600px !important; } } @media screen and (max-height: 900px) { .modaal-instagram iframe { width: 500px !important; } .modaal-video-wrap { max-width: 900px; max-height: 510px; margin: auto; } .modaal-video-container { max-width: 900px; max-height: 510px; } } @media only screen and (max-width: 600px) { .modaal-instagram iframe { width: 280px !important; } } @media only screen and (max-height: 1024px) { .modaal-gallery-item img { width: auto !important; max-height: 85vh; } } @media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } } .modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); } @-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; } .modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #ffffff; } .modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s; } .modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s; } .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s; } .modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s; } .modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s; } .modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s; } .modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s; } .modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); } .typeahead, .tt-query, .tt-hint { width: 100%; padding: 8px 12px; font-size: 24px; line-height: 30px; outline: none; } .typeahead { background-color: #ffffff; } .typeahead:focus { border: 2px solid #0097cf; } .tt-query { -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } .tt-hint { color: #999; } .tt-menu { z-index: 99; width: 100%; max-height: 200px; padding: 8px 0; background-color: #ffffff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); overflow-y: auto; } @media screen and (min-width: 48rem) { .tt-menu { min-width: 400px; } } .tt-suggestion { padding: 3px 20px; font-size: 14px; line-height: 40px; } .tt-suggestion:hover { cursor: pointer; color: #ffffff; background-color: #22805A; } .tt-suggestion.tt-cursor { color: #ffffff; background-color: #22805A; } .tt-suggestion p { margin: 0; } .tt-dataset h3 { font-size: 18px; line-height: 40px; font-weight: normal; padding: 3px 20px; margin: 0 0 0 0; background-color: #e8e8e8; } .gist { font-size: 14px; } /* example specific styles */ /* ----------------------- */ #custom-templates .empty-message { padding: 5px 10px; text-align: center; } #multiple-datasets .league-name { margin: 0 20px 5px 20px; padding: 3px 0; border-bottom: 1px solid #ccc; } #scrollable-dropdown-menu .tt-menu { max-height: 150px; overflow-y: auto; } #rtl-support .tt-menu { text-align: right; } /**custom button css**/ .fixed-demo-btn { line-height: 1.8; position: fixed; right: -100px; top: 300px; z-index: 9999; background: #ED6F58; border-radius: 2px 2px 0px 0px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; height: 50px; width: 228px; color: #fff; font-size: 1.5em; /* font-weight: 600; */ text-align: center; } .fixed-demo-btn #btn-demo { color: #fff; display: block; } .activity-card__content-addition, .activity-card__content-basic { padding-bottom: 0.625rem; padding-top: 0.625rem; } .grid--style .activity-card__tags span:nth-child(n+3), .home-activity .activity-card__tags span:nth-child(n+3), .blog-related-activities .activity-card__tags span:nth-child(n+3) { display : none; } .list--style .more--tag {display : none; } .grid--style .more--tag {display : inline-block !important;} .list--style .more--tag-list {display : inline-block !important; } .list--style .activity-img {min-height: 150px; min-width:250px; max-width: 100%;} .list-price-section { position : absolute; bottom : 25px; } .activity-card__list .activity-card__image { background-color: #DADEE9 !important;} .pt-20{padding-top:30px;} /***** 20201235 ****/ .button.button--fill.button--whatsapp { background-color: #2acc63; } .button.button--fill.button--whatsapp:hover { background-color: #141a17; } .js-main-carousel-2 .slick-prev{ left: 0; } .js-main-carousel-2 .slick-next{ right: 0; } .js-main-carousel-2 .slick-prev:before, .js-main-carousel-2 .slick-next:before{ background-color: #000000; } .js-main-carousel-2 .slick-prev:after, .js-main-carousel-2 .slick-next:after{ border-top-color:#000000; border-right-color:#000000; } #resetForm input[type="password"] { background-color : unset; } @media (max-width:1280px){ /*.js-main-carousel-2-wrapper{ height:50vh; min-height: 25rem; }*/ /*.site-main__header__image .js-main-carousel-2 .img{ min-height: 25rem; height: 50vh; }*/ /*.js-main-carousel-2 .slick-arrow { top: 100px; }*/ .site-main__header__image .js-main-carousel-2 .img img{ position: relative; top: inherit; transform: inherit; left: inherit; max-width: inherit; max-height: inherit; } } /* --------- MEGA MENUS ---------- */ .main-menu .sub-menu.sub-menu--mega { position: static; } .main-menu .sub-menu.sub-menu--mega > .sub-menu-dropdown { position: absolute; left: 0; right: 0; top: 100%; width: 100%; max-width: 100%; padding: 0; } .main-menu .sub-menu.sub-menu--mega > .sub-menu-dropdown li:not(:first-child) a { border-top: 0px solid transparent; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content { position: relative; padding: 2em 0; min-height: 300px; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content ul:not(.list--fit):not(.list--horizontal) { display: inline-block; vertical-align: top; width: 23.79032%; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content ul:not(.list--fit):not(.list--horizontal):first-child > li .sub-menu--mega-side { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; left: 23.79032%; display: none; padding: 2em 1em; max-height: 300px; overflow-y: auto; background-color: #3c5fa5; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content ul:not(.list--fit):not(.list--horizontal):first-child > li .sub-menu--mega-side ul:not(.list--vertical):not(.list--horizontal) { display: table; table-layout: fixed; width: 100%; text-align: left; margin-bottom: 1em; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content ul:not(.list--fit):not(.list--horizontal):first-child > li .sub-menu--mega-side ul:not(.list--vertical):not(.list--horizontal) > li:first-child { display: table-cell; vertical-align: top; width: 23.79032%; } .main-menu .sub-menu.sub-menu--mega .sub-menu--mega-content ul:not(.list--fit):not(.list--horizontal):first-child > li:hover .sub-menu--mega-side { display: block; } .main-menu .sub-menu .sub-menu-dropdown { position: absolute; z-index: 2000; top: -webkit-calc(100% + 0.55em); top: calc(100% + 0.55em); display: none; width: auto; min-width: 12em; max-width: 20em; padding: 0.5em 0; line-height: 2; background: rgba(60,95,165,0.8); color: #ffffff; } .main-menu.menu-profile .sub-menu .sub-menu-dropdown { max-width: inherit; background: transparent; } .main-menu.menu-profile .sub-menu .sub-menu-dropdown li:hover > a { background-color: whitesmoke; color: inherit; } .main-menu .sub-menu > a:after { display: inline-block; vertical-align: middle; content: " "; height: 0; width: 0; margin-left: 0.625em; border: solid transparent; border-width: 5px; border-top-color: currentColor; pointer-events: none; } .main-menu li:hover > a:not(.button):not(.modaal-confirm-btn) { color: #00b3a4; } .main-menu li li:hover > a:not(.button):not(.modaal-confirm-btn) { color: #ffd400; } .main-menu .sub-menu .sub-menu-dropdown li:hover > a, .main-menu .sub-menu .sub-menu-dropdown li:focus > a, .main-menu .sub-menu .sub-menu-dropdown li.active > a { background-color: #3c5fa5; }.scrollable--x { width: 100%; height: 100%; overflow-x: auto; } /*.activity-card__list .activity-card__image { background-color: #DADEE9 !important;}*/ .horizontal-track { height: 8px; /* How wide is the scrollbar going to be? */ background-color: #e1e9f3; /* What color should the vertical track be? */ } .table.table-responsive.table-select{ padding: 5px; display: inline-block; } .list--style .activity-img{ max-width: none !important; height: 100%; } .activity-card__image img{ max-width: none !important; height: 100%; } .city-layout .activity-card__image img{     width: 100%; object-fit: cover; } .horizontal-handle { top: 1px; height: 6px; /* How wide is the scrollbar handle? */ background-color: #67c9d3; /* What color should the handle be? */ } .scrollable--y { width: 100%; height: 100%; overflow-y: auto; } .horizontal-track { width: 8px; /* How wide is the scrollbar going to be? */ background-color: #e1e9f3; /* What color should the vertical track be? */ } .horizontal-handle { left: 1px; width: 6px; /* How wide is the scrollbar handle? */ background-color: #67c9d3; /* What color should the handle be? */ } /*Mani*/ .messages-table .message.replied td { background-color: #f5f5f5; } .messages-table .message.replied td:first-child { padding-left: 50px; } .review .review:not(:first-child) { margin-top: 1px !important; margin-bottom: 0 !important; } .review .review.replied { border-bottom-width: 0 !important; background-color: #f5f5f5; padding: 1.25em 1.25em 1.25em 1.25em; min-height: 6.5em; line-height: 1.4; } .review .review.replied > * { font-size: 0.85em; line-height: 1.4; } .grid--style .only-for-list { display: none; } .list--style .only-for-grid { display: none; } .grid--style .reviews_text { width: 100%; float: left; } /* .grid--style .activity-card__rating{ width: 40%; float: left; } */ .activity-card__rating{ background-color: #ffffff; } .empty-message { margin-left: 20px; } li.similar-item { width: 25%; float: left; padding: 10px; } .row--reverse .span { float: right; } ul.coupon-offers li div.coupon-code { background-color: #ED6F58; color: #fff; text-align: left; padding: 5px; } ul.coupon-offers { list-style: none; } ul.coupon-offers li { padding: 25px; text-align: left; } .activity-card__list.slider .activity-card, .island-card__list.slider .island-card { padding: 10px; } .activity-card__list.slider .activity-card { margin-top: 45px; } .h__search { display: none; } .activity-card__highlights { display: none; } .list--style .activity-card__highlights { display: block; } .list--style .activity-card__price { display: none; } .list--style .activity-card__additional { display: none; } .is--home .h__search { display: none; } div#google_translator { display: inline-flex; vertical-align: middle; height: 45px; overflow: hidden; margin-right: 10px; } div#google_translator select { padding-top: 0.25em; padding-bottom: 0.25em; line-height: 35px; min-height: 35px; margin: 0; top: ; } @media screen and (min-width: 48rem) { .translated-ltr .site-header.site-header--fixed, .translated-rtl .site-header.site-header--fixed { top: 40px; } } @media screen and (max-width: 47.9rem) { div#google_translator, div#google_translator .goog-te-gadget > div, div#google_translator select { width: 40px; min-width: 1px; } div#google_translator select { padding-left: 0.5em; padding-right: 0.5em; background-position: center center; color: transparent; } } .activity-card__highlights { font-size: 13px; line-height: 1.5; } /* Rajni */ .menu a:not(.button):not(.modaal-confirm-btn) .notification { right: 0.3rem } .main-menu .sub-menu .sub-menu-dropdown a:hover { color: #333; } .list.list--horizontal.guest__user__type { margin: 1rem 0.8rem; } .list.list--horizontal.guest__user__type > * { margin-right: 1rem; } .list.list--horizontal.guest__user__type > li > label { font-size: 1.1rem; } .list.list--horizontal.guest__user__type [type=checkbox], .list.list--horizontal.guest__user__type [type=radio] { margin-right: 0.8rem; } .search__section .form .input:focus, .search__section .form input[type="text"]:focus, .search__section .form input[type="email"]:focus, .search__section .form input[type="password"]:focus, .search__section .form input[type="search"]:focus, .search__section .form .form-element__control .button:focus { color: #333; } .coupon-wrap .field_cover { display: flex; margin-bottom: 5px; } .coupon-wrap .field_cover input[type="text"] { width: calc(100% - 6rem); min-width: auto; margin-right: 1rem; } .coupon-wrap .field_cover input[type=submit] { outline: none; border: none; border-radius: 4px; font-size: 1.15rem; min-width: 6rem; color: #fff; background: #4D979B; } .form.form--theme.form--vertical .input, .form.form--theme.form--vertical input[type="text"], .form.form--theme.form--vertical input[type="email"], .form.form--theme.form--vertical input[type="password"], .form.form--theme.form--vertical input[type="search"], .form.form--theme.form--vertical input[type="tel"], .form.form--theme.form--vertical textarea { background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 5px; padding: 0 1.25em; font-size: 1rem; } .form.form--theme.form--vertical select{ background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px; font-size: 1rem; } .rating__block .rating__score, .rating .rating__bg, .rating .rating__score { left: 0 !important; } .activity-card__tag { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .activity-card__list.list--style .activity-card__tags { position: relative; top: 0; left: 0; margin: 0.4rem 0; } .tt-menu .tt-dataset > div { line-height: 30px; word-break: break-word; white-space: normal; margin-bottom: 10px; } ul.coupon-offers { padding: 0; max-height: 250px; overflow-y: auto; } ul.coupon-offers li div.coupon-code { padding: 10px; display: -ms-flexbox; display: -webkit-box; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } ul.coupon-offers li div.coupon-code a { background: #fff; border-radius: 4px; min-height: 30px; line-height: 30px; color: #ED6F58; padding: 0 10px; font-size: 12px; font-weight: 500; } .order__section .booking__block { padding-top: 0; } .applied-coupon { background: #eee; padding: 10px; } .applied-coupon a { float: right; color: #ED6F58; font-size: 14px; font-weight: 600; } .order__section .booking__block .booking-media__list .booking-media { padding-bottom: 0; } .cart__section .continue__block, .cart__section .summary__block:first-child { padding-top: 0; } .site-header .h__search .search__wrap { border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .activity-card:hover .activity-card__float li ,  body[style*="overflow"] .activity-card .activity-card__float li{ transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } @media screen and (min-width: 40rem) { .cart__list .cart__item .action-del { text-align: right; } } @media screen and (min-width: 80rem) { /* .span__row.row--reverse .span .activity-card__list.list--3 .activity-card { float: right; }*/ } @media screen and (max-width: 66rem) { .order__section .booking__block { padding-bottom: 0; } } /*Aug 6*/ .activity-card__image img, .activity-card__image img + img{ transform-origin: center center; -webkit-transform-origin: center center; -o-transition: transform 15s linear; -webkit-transition: transform 15s linear; transition: -webkit-transform 15s linear; transition: transform 15s linear; } .modaal-inner-wrapper .table.table--bordered.table--responsive { table-layout: fixed; } .search__wrap .search__text { width: 100% !important; } .twitter-typeahead { width: 100%; } #facebox{ z-index: 9999; } .rating .rating__overlay{background-size: 100% 100%;} .activity-card__tag{margin-right: 5px;} .pagination .next a, .pagination .prev a { padding: 0.15em; } .pagination .next svg, .pagination .prev svg{ height: 17px; } /****************Aug 27****************/ .d-calendar .d-calendar__action .list.list--vertical{ overflow: auto; height: 230px; } .Cities_slider .island-card { padding: 0 !important; margin-right: 0.79239%; } .site-footer{ /*min-height: 400px; */ bottom: 0; width: 100%; } body { position: relative; min-height: 100vh; } .activity-card__image a img:first-child:last-child{ transition: transform 5s ease ; } .site-header .h__search .search__wrap{ position: relative; float: right; width: 27%; margin-right: 16px; } #frmRegister .form-element__label { padding: 0 10px; } #country_code { /*top: 5px !important;*/ /*left: 10px !important;*/ } .tag .tag__remove { font-weight: 600; background-color: #ED6F58; color: #fff !important; height: 20px; width: 20px; text-align: center; vertical-align: middle; position: absolute; right: -9px; border-radius: 50px; padding-top: 3px; top: -5px; } .activity-card__content{ padding: 1rem; } .island-card__heading strong, .island-card__heading span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; } .tag{ position: relative; } .booking-media .span nav{ margin-top: 0; } /*.search__wrap .search__text .tt-menu { min-width: 440px; left: -39px !important; }*/ .coupon-offers small { padding: 10px 5px; display: inline-block; } ul.coupon-offers li{ padding: 10px; } .site-header .h__search .search__icon { position: absolute; top: -2px; left: 7px; } .search__text{position: relative;} #search-autocomplete { padding-left: 50px; } .avatar-upload{ overflow: inherit !important; } .errorlist.erlist_avatar_file { position: absolute; top: -25px; } @media (max-width: 1440px) { .tt-menu{width: 100%; min-width: 100%;} } @media (min-width: 768px) and @media (max-width: 1200px) { .blogs-card__list .slick-prev { left: 0; } .blogs-card__list .slick-next { right: -4px; } .activities-table .activity{ position: relative; } .activities-table .activity__actions { padding: 0 !important; position: absolute; right: 0; top: 30px; } .section__listing .listing__filter{ height: 100%; overflow: auto !important; } .section__listing .listing__filter .filter__block:last-child{margin-bottom: 1.875em;} .site-main__header__image .img img{ position: relative; left: 0; width: 100%; transform:translate(0 ,0) !important; top:0 !important; } .section__listing .listing__filter{ top: 0; z-index: 99999; position: fixed; } .destination__section .island-card__image::before { padding-bottom: calc(89% + 284px); } } @media (max-width: 992px) { .site-header .h__search .search__icon{ display: none; } .media__body.media--middle.booking-media__content .booking-media__heading { padding: 0; } .site-header .h__search .search__wrap{ width: 40%; } .destination__section .island-card__image::before { padding-bottom: calc(89% + 340px); } .filter-mobile .hidden-on--desktop.displayFilter.listing__filter-button { float: right; width: auto; margin-right: 5px; } .filters .list.list--horizontal > :not(:last-child) { margin-right: 0; } .slick-prev { height: 35px;  width: 35px; left: -8px; } .slick-next {    right: -8PX; height: 35px;  width: 35px;  } .slick-prev::after, .slick-next::after{ top: 18px; right: 0; } .slick-prev::before, .slick-next::before{ top: 15px; } #search-autocomplete { padding-left: 10px; } .media__figure.span img{ width: auto; } .order__section .booking__block .booking-media__content{ padding-left:10px; } .booking-media .buttons__group a { margin: 10px 10px 0px 0px !important; float: left; width: auto; } .booking-media__heading { padding-top: 10px; } .tag .tag__remove{ right: -4px; } .fl--right,.fl--left{ font-size: 18px; } } @media only screen and (device-width: 768px) { .activity-card__tag{ max-width: 70px; } .activity-card__content{    padding: 0.5rem; } .activity-card__price{ max-width: 35%; } .site-header .h__search .search__icon{ display: none; } .activity-card__rating{ max-width: 100%; } div#google_translator{ position: relative; } div#google_translator, div#google_translator .goog-te-gadget > div, div#google_translator select { width: 40px; min-width: 1px;  } .goog-te-gadget{ position:absolute; top: 6px; } .menu__toggle{ line-height: normal; height: 40px; width: 40px;} div#google_translator select {  padding-left: 0.5em;  padding-right: 0.5em;   background-position: center center;  color: transparent; line-height: normal;min-height: 40px;   } .menu a:not(.button):not(.modaal-confirm-btn) .notification { right: 0.7rem; } .activity__gallery { padding: 10px 0 !important; } .activity { position: relative; } .activity .activity__actions { position: absolute !important; bottom: 0; right: 0; } table.table.table--bordered.table--responsive.info-table { table-layout: unset; width: 100%; overflow: auto; display: inline-block; } }  @media (max-width: 767px) { .site-footer{ position:relative;} body{ padding-bottom:0;} .order__section .booking__block .booking-media__content{text-align: left;} .section .section__header{ background:#ebebeb; padding:10px !Important;  } .filter-mobile .hidden-on--desktop.displayFilter.listing__filter-button{ margin-bottom:0 !important; } .cart__item .option__action select{ min-width: auto; max-width: auto; width: 80px; height: 40px; padding: 0; min-height: auto; padding: 0 10px; margin-bottom: 8px; } /*.site-main__header__image{ overflow: inherit; } */ .activities .span__row { justify-content: space-between; display: flex; } .site-header .h__search .search__wrap { width: 100%; float: none; } div#google_translator select{ line-height: 27px; min-height: 27px; margin-top: 7px; } .search__section .form .form-element .errorlist{ z-index: 99; } .booking__block .media.booking-media { text-align: left; } .block.booking__block{ text-align: left; } .block.summary__block { text-align: left; } .booking__block .media.booking-media .media__figure{ text-align: left; } .detail-head{ text-align: left; } .section.order__section { text-align: left; } .site-header.site-header--fixed{ position: fixed; top: 0; left: 0; right: 0; } .site-main { padding-top: 5rem; } .island-card { margin-right: 10px; } .grid--style  .activity-card{ min-height: 380px; } } /* CUSTOMIZATIONS 29-10-2020 */ .seprator-login-form {margin-left: 10px; margin-right: 10px;} .activity-card{ min-height: 355px; } .list--style  .activity-card, .destination__section  .activity-card{ min-height: auto !important; } /* .grid--style  .activity-card .activity-card__content{ position: absolute; width: 100%; bottom: 0px; } */ .activity-card__content-addition, .activity-card__content-basic { padding-top : 0px !important; padding-bottom : 0px !important; } .activity-card__image{ height:200PX; } .booking-request-modal .modaal-container { max-width: 100em; } .btn-blue { background-color: #3c5fa5; color: #FFF; } .activity-card__price-number{ display: block; min-height: 10px; } .heading-text{ text-transform:inherit; } /* For activity pagination */ .activity-media__list { position: relative; padding-bottom: 3.5rem; } .showMoreButton { display: block; position: absolute; bottom: -1rem; left: 0; right: 0; padding: 0; } .fl--right {float:right !important;} .site-header { padding: 0; } .main-menu .sub-menu .sub-menu-dropdown { top: 100%; } .menu__toggle { margin: 1rem 0; } @media (min-width: 48rem){ .site-header .h__brand > a, .site-header .h__brand .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn), .site-header .h__navigation > a, .site-header .h__navigation .main-menu > ul > li > a:not(.avatar):not(.button):not(.modaal-confirm-btn) { height: 4.375em; line-height: 4.375em; } .site-header .h__brand, .site-header .h__navigation{ height: 4.375em; } } .grid-layout{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:24px;     } .activity-media__list.grid-layout .activity-card{ width:auto;  min-width:0; } @media (max-width: 75rem){ .grid-layout{ grid-template-columns:repeat(3,1fr); } }  @media (max-width: 47.9375rem){ .grid-layout{ grid-template-columns:repeat(2,1fr); } }  /* @media (max-width: 30rem){ */ /* .grid-layout{ */ /* grid-template-columns:repeat(1,1fr); */ /* } */ /* }  */ /*  NEW HEADER UPDATES */ .site-header .h__search.custom-search { display: flex; height: 4.375em; width: auto; align-items: center; } .site-header .h__search.custom-search .search__wrap { width: 100%; } .site-header .h__search>div { max-width: calc(150px + 9vw); margin: 0 auto; height: auto; line-height: 1; } .info.unread { background-color: #fff; } .info.read { background-color:#f2f2f2; } /*  VERTICAL LISTING  */ .table--vertical th , .table--vertical td { padding: 0.625em 1.25em !important; } .table--vertical th { font-weight: bolder; width: 30%; vertical-align: top; } .table--vertical .list--vertical { display: flex; align-items: center; justify-content: right; flex-wrap: wrap; } .table--vertical .list--vertical .tag { align-items: center; } .booking-request-modal .modaal-container:has(.table--vertical) { max-width: 530px; } .activity-table-wrapper { margin-top: 1.5rem; border-radius: 10px; overflow: hidden; } .activity-media { background: #fff; border-radius: 10px; display: grid; place-content: center; height: 230px; } .message__details .regular-text  { word-wrap: break-word; } .cust-messages-table .media__body { display: block; } .form-element--password .fa { position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); } .form-element--password input { padding-right: 3rem !important; }