/*! * 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: 0; 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: #000; 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; } } /* Footloos 1.0 By FATbit */ 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: 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; 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: monospace,monospace; 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: "Montserrat", 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: monospace; font-size: 0.9em; margin: 0 0.25em; padding: 0.25em 0.65em; } pre { -webkit-overflow-scrolling: touch; font-family: monospace; 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: 70rem) { .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: -webkit-calc(50% - 0.5em); 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; } .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; } /* Type Colors */ .text--primary { color: #cc3b0a !important; } .text--secondary { color: #4c4c4c !important; } .text--blue { color: #00b3a4 !important; } .text--green { color: #00b3a4 !important; } .text--brown { color: #aaaaaa !important; } .text--red { color: #cc3b0a !important; } .text--orange { color: #ffd400 !important; } .text--facebook { color: #3a5795 !important; } .text--twitter { color: #55acee !important; } .text--linkedin { color: #006fa6 !important; } .text--base { color: #f2f2f2 !important; } /* 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: 70rem) { .heading-text.heading-text--large { font-size: 2rem; font-weight: 700; } } .special-heading-text { display: block; margin: 0; padding: 0; font-family: "Dry Brush", sans-serif; font-size: 1.75rem; font-size: -webkit-calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); font-size: calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); font-weight: normal; line-height: 1.2; letter-spacing: -0.02em; } .special-heading-text:not(:last-child) { margin-bottom: 0.3125em; } @media screen and (max-width: 69.9375rem) { .special-heading-text { font-size: 3rem; font-size: -webkit-calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); 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: -webkit-calc( 1.75rem + (64 - 28) * (100vw - 320px) / (1600 - 320) ); 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; } } @media screen and (min-width: 70rem) { .hidden-on--tablet { display: block !important; } .hidden-on--desktop { display: none !important; } } @media screen and (max-width: 47.9375rem) { .hidden-on--mobile { display: none !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: 70rem) { .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: 6001; } @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: 9999; /*-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: -webkit-calc(50% - 12px); top: calc(50% - 12px); right: 10px; } .alert.alert_danger > div { background-color: #f6bfac; color: #9b2d08; } .alert.alert_success > div { background-color: #99e6df; color: #008075; } .alert.alert_warning > div { background-color: #fbf0b6; color: #ccaa00; } .alert.alert_info > div { background-color: #99e6df; color: #008075; } .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.375rem 0 0.75rem; font-size: 0.75rem; font-weight: 400; } .breadcrumb a:not(.button):not(.modaal-confirm-btn):hover { text-decoration: none; } .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: -webkit-calc(3.57143em + 2px); min-height: calc(3.57143em + 2px); min-width: 3.57143em; -webkit-border-radius: 0; 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: "Montserrat", sans-serif; font-size: 1rem; font-weight: normal; font-weight: 400; letter-spacing: 0.0625em; line-height: 3.125em; padding: 0 1.5625em 0 1.5625em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-border-radius: 0.3125em; border-radius: 0.3125em; border: 1px solid transparent; background-color: transparent; color: #4c4c4c; 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: #cc3b0a; } .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: #4c4c4c; } .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: #4c4c4c; } .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: #cc3b0a; } .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: #00b3a4; } .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: #4c4c4c; } .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: #cc3b0a; } .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: #4c4c4c; } .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: #ffd400; } .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: #4c4c4c; } .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: #00b3a4; } .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: #4c4c4c; } .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: #4c4c4c; } .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: #4267b2; height: 40px; line-height: 40px; } .button.button--fill.button--facebook > div{pointer-events: none;} /*.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: #4c4c4c; }*/ .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: #4c4c4c; } .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: #4c4c4c; } .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.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: #4c4c4c; } .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: #4c4c4c; } .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; height: 40px; line-height: 40px; } /*.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: #4c4c4c; }*/ .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: #4c4c4c; } .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: #4c4c4c; 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: #cc3b0a; color: #cc3b0a; } .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: #cc3b0a; 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: #4c4c4c; color: #4c4c4c; } .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: #4c4c4c; 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: #00b3a4; color: #00b3a4; } .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: #00b3a4; 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: #cc3b0a; color: #cc3b0a; } .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: #cc3b0a; 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: #ffd400; color: #ffd400; } .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: #ffd400; 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: #00b3a4; color: #00b3a4; } .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: #00b3a4; 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: #4c4c4c; } .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: #cc3b0a; } .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: #4c4c4c; } .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: #00b3a4; } .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: #cc3b0a; } .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: #ffd400; } .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: #00b3a4; } .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 { font-size: 0.8rem; padding: 0 1em; min-width: 3.125em; } } @media (max-width: 767px){ .button.button--fill.button--google, .img-uploader .button--fill.button--google.upload-label{ font-size: 14px; } } @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: #4c4c4c; 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%; -webkit-border-radius: 0.625em; 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; -o-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: -webkit-calc(3.125em + 2px); min-height: calc(3.125em + 2px); min-width: 8.125em; -webkit-border-radius: 5px; 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: -webkit-calc(100% - 10px) 50%; background-position: calc(100% - 10px) 50%; -webkit-background-size: 24px 24px; background-size: 24px; } select option { color: #4c4c4c; 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 #4c4c4c; } .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; -webkit-border-radius: 1rem; 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 #4c4c4c; } .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: #cc3b0a; } .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: 65.57377%; } .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(76, 76, 76, 0.1); box-shadow: 0 0 10px rgba(76, 76, 76, 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; -webkit-border-radius: 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 #cc3b0a; } .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 #cc3b0a; } .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: -1.6129%; } .gallery:not(a):after { display: table; clear: both; content: " "; } .gallery:not(a) .gallery__item { display: inline-block; width: 100%; margin-top: 1.6129%; -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: -1.6129%; } .gallery:not(a).gallery--1 .gallery__item { display: block; width: 100%; margin-top: 1.6129%; } .gallery:not(a).gallery--2 { margin-top: -1.6129%; } .gallery:not(a).gallery--2 .gallery__item { width: 48.36066%; float: left; margin-right: 3.27869%; margin-top: 1.6129%; } .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: -1.6129%; } .gallery:not(a).gallery--3 .gallery__item { width: 31.89189%; float: left; margin-right: 2.16216%; margin-top: 1.6129%; } .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: -1.6129%; } .gallery:not(a).gallery--4 .gallery__item { width: 49.19355%; float: left; margin-right: 1.6129%; margin-top: 1.6129%; } .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: -1.6129%; } .gallery:not(a).gallery--4 .gallery__item { width: 23.79032%; float: left; margin-right: 1.6129%; margin-top: 1.6129%; } .gallery:not(a).gallery--4 .gallery__item:nth-child(2n) { margin-right: 1.6129%; } .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: 77.5rem; 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: 70rem) { .container.container--static { max-width: 77.5rem; } } .span__row { margin-left: -0.625rem; margin-right: -0.625rem; } .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.625rem; padding-right: 0.625rem; } @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: 70rem) { .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.625rem; } .span { margin-top: 0.625rem; } } .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; font-weight: 500; line-height: 1.25em; white-space: nowrap; } .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: 1.3337rem; right: -0.3337rem; z-index: 100; display: inline-block; padding: 2px 5px; min-width: 16px; height: 16px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 10px; line-height: 14px; letter-spacing: 0.1em; text-align: center; color: #ffffff; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--red { background-color: #cc3b0a; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--green { background-color: #00b3a4; } .menu a:not(.button):not(.modaal-confirm-btn) .notification.notification--blue { background-color: #00b3a4; } .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: #00b3a4; } .menu.menu--icon a:not(.button):not(.modaal-confirm-btn) span { margin-right: 10px; } @media screen and (max-width: 69.9375rem) { .menu a:not(.button):not(.modaal-confirm-btn) { font-size: 0.8125rem; padding: 0.38462em 0.76923em; } } @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: #4c4c4c; border-bottom: 1px solid #e5e5e5; -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: "Montserrat", 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: 1.25rem; } .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: #4c4c4c; } .section.section--light { background-color: #f2f2f2; color: #4c4c4c; } .section.section--dark { background-color: #4c4c4c; color: #ffffff; } .section.section--top-border:before { position: relative; top: -2.5em; display: block; margin-left: auto; margin-right: auto; width: 100%; height: 1px; max-width: 77.5rem; background-color: #e5e5e5; content: " "; } .section.section--vcenter { display: block; padding: 2.5em 0; } @media screen and (min-width: 64rem) { .section { padding: 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:not(:last-child) { float: left; } .section .section__header a:not(:first-child) { float: right; } .section .section__footer { margin-top: 2.5em; } .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: inline-block; vertical-align: middle; padding: 3px 5px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0.875rem; line-height: 1; background-color: #f2f2f2; border: 1px solid #eaeaea; } .tag .tag__label { max-width: 18.75em; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .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: #4c4c4c; -webkit-box-shadow: 0 0 0 0 rgba(76, 76, 76, 0.1); box-shadow: 0 0 0 0 rgba(76, 76, 76, 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(76, 76, 76, 0.05); -webkit-box-shadow: 0 1px 7px 0 rgba(76, 76, 76, 0.1); box-shadow: 0 1px 7px 0 rgba(76, 76, 76, 0.1); } .site-header > .container.container--static { max-width: 100%; width: 100%; } .site-header.site-header--inverse { background-color: #4c4c4c; color: #ffffff; } .site-header.site-header--inverse .h__brand .h__trigger { background-color: #595959; color: #f2f2f2; } .site-header .h__logo { display: inline-block; } .site-header .h__logo img { max-height: 100%; } .site-header .h__search { display: block; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; margin-right: 0.5em; line-height: 3.125rem; } .site-header .h__search .search__icon, .site-header .h__search .search__text { display: inline-block; vertical-align: middle; } .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 { background-color: transparent; color: currentColor; border: 0 solid transparent; padding-left: 0.625em; padding-right: 0.625em; height: 3.125rem; line-height: 3.125rem; min-width: 160px; } .site-header .h__brand .h__logo { height: 4.0625rem; -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; } .site-header .h__cart svg { opacity: 0.5; } @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.site-header--float { position: absolute; top: 0; left: 0; right: 0; } .site-header .h__search, .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 { height: 4.0625rem; line-height: 4.0625rem; } .site-header .h__brand, .site-header .h__navigation { z-index: 2000; height: 4.0625rem; line-height: 4.0625rem; } .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: 4.0625rem; line-height: 4.0625rem; } .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 { padding: 0.625em 3.125em 0.625em 0.625em; } .site-header .h__cart__count { position: absolute; top: -999px; right: 0; bottom: -999px; margin-top: auto; margin-bottom: auto; width: 2.5em; height: 2.5em; line-height: 2.5em; -webkit-border-radius: 2.5em; border-radius: 2.5em; text-align: center; padding: 0 0.25em; background-color: #00b3a4; color: #ffffff; } } @media screen and (min-width: 70rem) { .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: 69.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; } } @media screen and (max-width: 47.9375rem) { .site-header .h__search { display: block; float: left; width: 100%; margin: 0.625em 0 0 0; padding: 0 0.625em; border-top: 1px solid rgba(76, 76, 76, 0.08); } .site-header .h__search:before { clear: both; content: ""; display: table; } .site-header .h__search .search__text { width: -webkit-calc(100% - 24px); 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-nofication { position: relative; z-index: 3001; padding: 0 1.25em; background-color: #cc3b0a; 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: #4c4c4c; margin: 0; -webkit-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .site-main.site-main--dark { background-color: #f2f2f2; } .site-main.site-main--darkest { background-color: #4c4c4c; color: #ffffff; } .site-main.site-main--primary { background-color: #cc3b0a; color: #ffffff; } .site-main__header { position: relative; display: block; z-index: 2; } .site-main__header.site-main__header--light { background-color: #ffffff; color: #4c4c4c; } .site-main__header.site-main__header--dark { background-color: #4c4c4c; color: #ffffff; } @media screen and (min-width: 70rem) { .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(76, 76, 76, 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: 5.3125em; } .has--notification .site-main { padding-top: 7.3125em; } } @media screen and (min-width: 85rem) { .site-main.with--sidebar.on--right { padding-right: 18.75em; } .site-main.with--sidebar.on--left { padding-left: 18.75em; } } @media screen and (min-width: 101.25rem) { .site-main.with--sidebar.on--right { padding-right: 25em; } .site-main.with--sidebar.on--left { padding-left: 25em; } } .site-fixed-sidebar { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2000; display: none; width: 100%; background-color: #d9d9d9; color: #4c4c4c; } .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 { padding: 2.5em 0; } .site-footer .site-footer__upper { border-top: 1px solid rgba(0, 0, 0, 0.1); } .site-footer .site-footer__lower { background-color: rgba(0, 0, 0, 0.08); } .site-footer .f__logo { display: block; height: 8.125em; } .site-footer .f__logo img { max-height: 100%; } .site-footer .f__block:not(:last-child) { margin-bottom: 1.25em; } .site-footer .f__block .f__block__heading { margin: 0 0 1em; padding: 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; -webkit-border-radius: 100%; border-radius: 100%; line-height: 2.5rem; text-align: center; border: 1px solid #e8e8e8; margin-right: 0.625em; } .site-footer.site-footer--dark { background-color: #4c4c4c; color: #ffffff; } .site-footer.site-footer--dark .site-footer__upper { border-top: 1px solid rgba(255, 255, 255, 0.1); } .site-footer.site-footer--light { background-color: #ffffff; color: #4c4c4c; } .site-footer.site-footer--light .site-footer__upper { border-top: 1px solid rgba(76, 76, 76, 0.1); } .site-footer.site-footer--bg { background-color: #4c4c4c; background-position: center center; -webkit-background-size: cover; 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(76, 76, 76, 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 #cc3b0a; } .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 #cc3b0a; } .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 (min-width: 48rem) { .site-footer .f__social-menu .list.list--horizontal li { width: 49.19355%; } } @media screen and (max-width: 69.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: 63.9375rem) { .site-footer .f__social-menu ul.list.list--fit { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .site-footer .f__social-menu .icon { margin: 0 0.3125em; } } @media screen and (max-width: 47.9375rem) { .site-footer { text-align: center; } .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: block; overflow: hidden; padding: 0; margin: 0; width: 3.33333em; height: 3.33333em; -webkit-border-radius: 3.33333em; border-radius: 3.33333em; border: 1px solid #e8e8e8; } .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; content: attr(data-counter); -webkit-border-radius: 20px; border-radius: 20px; font-size: 11px; font-weight: 600; line-height: 15px; text-align: center; background-color: #cc3b0a; 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 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 { position: relative; } .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 .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(0, 179, 164, 0.9); color: #ffffff; } .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: #009f91; } .main-menu .sub-menu:hover { color: #4c4c4c; } .main-menu .sub-menu.sub-menu--left .sub-menu-dropdown { left: 0; } .main-menu .sub-menu.sub-menu--right .sub-menu-dropdown { right: 0; } .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: #009f91; } .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; } @media screen and (min-width: 64rem) { .main-menu .sub-menu:hover > a { z-index: 3000; } .main-menu .sub-menu:hover ul { display: block; } } @media screen and (max-width: 69.9375rem) { .main-menu a:not(.button):not(.modaal-confirm-btn).avatar { width: 2.5em; height: 2.5em; -webkit-border-radius: 2.5em; border-radius: 2.5em; } } @media screen and (max-width: 47.9375rem) { .main-menu .list.list--horizontal { display: block; } .main-menu .list.list--horizontal > * { display: block; padding: 0.625em 0; } .main-menu .list.list--horizontal > *:not(:first-child) { border-top: 1px solid #e5e5e5; } .main-menu.small--menu ul { position: absolute; top: 1.25em; left: 0; right: 0; max-width: 100%; padding: 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-align: center; background-color: #f2f2f2; -webkit-box-shadow: 0 0 0 10px rgba(76, 76, 76, 0.5); box-shadow: 0 0 0 10px rgba(76, 76, 76, 0.5); } .main-menu.small--menu .menu__toggle { position: absolute; top: -50px; right: 0px; } .main-menu.large--menu { position: fixed; top: 0; bottom: 0; right: 0; max-width: 80%; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); padding: 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 280px; background-color: #f2f2f2; } .main-menu.large--menu .menu__toggle { position: absolute; top: 10px; left: -70px; } } .menu__toggle { display: inline-block; width: 3.125em; height: 3.125em; -webkit-border-radius: 5px; border-radius: 5px; line-height: 3.125em; font-size: 0.75rem; text-align: center; background-color: #f2f2f2; border: none; color: #4c4c4c; } .menu__toggle input[type="checkbox"] { display: none; } @media screen and (min-width: 70rem) { .menu__toggle { display: none; } } .mobile-menu { position: fixed; right: 0; top: 0; bottom: 0; z-index: 5000; width: 25em; 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 .list.list--horizontal { margin-bottom: 3.125em; } .mobile-menu .list.list--horizontal, .mobile-menu .list.list--horizontal > * { display: block; } .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: 0.625em 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: -webkit-calc(100% - 2.5em); width: calc(100% - 2.5em); } .mobile-menu .sub-menu { position: relative; } .mobile-menu .sub-menu > a:after { position: absolute; top: 1.25em; 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 ul a { font-size: 0.9375rem; background-color: #f2f2f2; } .mobile-menu .icon { width: 0.8em; height: 0.8em; vertical-align: baseline; } .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(76, 76, 76, 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: 4.83871%; border-top: 1px solid rgba(0, 0, 0, 0.1); } .activity-card__list.list--2 .no-record { margin-top: 2.43902%; } .activity-card__list.list--3 .no-record { margin-top: 2.16216%; } .activity-card__list.list--4 .no-record { margin-top: 1.6129%; } .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: -webkit-calc(100% - 4em); 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: #00b3a4; 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: #cc3b0a; } .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; -webkit-border-radius: .125rem; 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 #4c4c4c; } .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; -webkit-border-radius: 1rem; 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 #4c4c4c; } .field-set .field_cover .list.list--horizontal li { padding-right: 1.25em; } .checkbox-set .caption-wraper, .radio-set .caption-wraper { font-family: 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: 65.57377%; } @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: #cc3b0a; } .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: #cc3b0a; } #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: #00b3a4; } .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: -webkit-calc(3.125em + 2px); height: calc(3.125em + 2px); text-align: center; color: #e5e5e5; } .filters .f-button.active { background-color: #ffffff; border: 1px solid #e5e5e5; color: #4c4c4c; } @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; width: 40%; } .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%; } } @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: 31.89189%; float: left; margin-right: 2.16216%; margin-top: 1.6129%; } .activities-table .activity__gallery .gallery .gallery__item:nth-child(3n) { width: 31.89189%; 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: 69.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; -webkit-border-radius: 0.625em; 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; -webkit-border-radius: 5em; border-radius: 5em; overflow: hidden; } .reply .person .person__image img { width: 5em; height: 5em; -webkit-border-radius: 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: #00b3a4; } .reply .person.person--second .comment__list .comment { clear: right; float: right; background-color: #f2f2f2; } .reply .person.person--second .comment__list .comment em { color: #cc3b0a; } @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: #4c4c4c; 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: #faaa8f; } .d-calendar__date.disable { background-color: #f2f2f2; } .d-calendar__date.disable > span, .d-calendar__date.disable > div { opacity: 0.2; } .d-calendar__date.required .d-calendar__action:before { position: absolute; bottom: 5px; right: 5px; display: inline-block; width: 5px; height: 5px; content: " "; background-color: #cc3b0a; } .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: #cc3b0a; 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: #00b3a4; } .d-calendar__action .view { background-color: #00b3a4; } .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: #4c4c4c; 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 { -webkit-border-radius: 0; 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: -webkit-calc(50% - 20px); 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: #cc3b0a; 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: #00b3a4; 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: #00b3a4; color: #ffffff; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-priority-primary { background-color: #cc3b0a; 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: #cc3b0a !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: 3rem; font-size: -webkit-calc( 28px + (48 - 28) * (100vw - 320px) / (1600 - 320) ); font-size: calc( 28px + (48 - 28) * (100vw - 320px) / (1600 - 320) ); font-weight: 600; line-height: 1.16667em; letter-spacing: 0.02em; } .main-carousel__item .main-carousel__special-heading { display: block; margin: 0; padding: 0; font-family: "Dry Brush", sans-serif; font-size: 3rem; font-size: -webkit-calc(2rem + (72 - 32) * (100vw - 320px) / (1600 - 320) ); font-size: calc(2rem + (72 - 32) * (100vw - 320px) / (1600 - 320) ); font-weight: normal; 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.25rem; font-weight: 500; line-height: 2; letter-spacing: 0.25em; text-transform: uppercase; } .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; -webkit-border-radius: 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: 70rem) { .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: 11.875rem; height: 11.875rem; -webkit-border-radius: 11.875rem; 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; } .activity-card__image, .activity-card__content, .activity-card__footer { position: relative; display: block; overflow: hidden; } .activity-card__image { display: block; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; background-color: #4c4c4c; color: #ffffff; } .activity-card__content { padding-top: 1.25em; } .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; 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; -webkit-border-radius: 2em; border-radius: 2em; line-height: 1.875em; text-align: center; background-color: rgba(76, 76, 76, 0.3); border: 1px solid rgba(255, 255, 255, 0.7); color: #ffffff; } .activity-card__float .float__icon:before { position: absolute; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); right: -webkit-calc(100% + 10px); right: calc(100% + 10px); display: inline-block; padding: 2px 8px; font-size: 0.6875rem; line-height: 16px; white-space: nowrap; -webkit-border-radius: 8px; border-radius: 8px; background-color: #4c4c4c; 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: -webkit-calc(100% + 5px); 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: #cc3b0a; border-color: #cc3b0a; } .activity-card__float .float__icon.float__icon--share.has--active { background-color: #00b3a4; border-color: #00b3a4; } .activity-card__float .float__icon.float__icon--status.has--active { background-color: #4c4c4c; border-color: #4c4c4c; } .activity-card__float .float__icon.float__icon--status.has--active.open { color: #00b3a4; } .activity-card__float .float__icon.float__icon--status.has--active.close { color: #cc3b0a; } .activity-card__float .float__icon.float__icon--status.has--active.upcoming { color: #00b3a4; } .activity-card__heading { font-size: 1.125rem; line-height: 1.66667em; font-weight: 500; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; padding: 0; } .activity-card__cat { font-size: 0.875rem; font-weight: 600; line-height: 1.42857em; letter-spacing: 0.5px; text-transform: uppercase; color: #00b3a4; 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__rating { font-size: 0.875rem; line-height: 1.42857em; } .activity-card__rating .rating { display: inline-block; vertical-align: middle; color: #cc3b0a; font-size: 0.55rem; } .activity-card__status { font-size: 1rem; font-weight: 400; } .activity-card__status:after { display: table; clear: both; content: " "; } .activity-card__price { font-size: 0.875rem; line-height: 1.42857em; } .activity-card__price-number del { color: gray; } .activity-card.activity-card--open .activity-card__rating .rating { color: #00b3a4; } .activity-card.activity-card--open .activity-card__status [class*="-icon"] { color: #00b3a4; } .activity-card.activity-card--closed .activity-card__rating .rating { color: #cc3b0a; } .activity-card.activity-card--closed .activity-card__status [class*="-icon"] { color: #cc3b0a; } .activity-card.activity-card--cancel .activity-card__rating .rating { color: #4c4c4c; } .activity-card.activity-card--cancel .activity-card__status [class*="-icon"] { color: #bfbfbf; } @media screen and (min-width: 70rem) { .activity-card__float .float__icon.float__icon--heart:hover, .activity-card__float .float__icon.float__icon--heart:active { background-color: #cc3b0a; border-color: #cc3b0a; } .activity-card__float .float__icon.float__icon--share:hover, .activity-card__float .float__icon.float__icon--share:active { background-color: #00b3a4; border-color: #00b3a4; } .activity-card__float .float__icon.float__icon--status:hover, .activity-card__float .float__icon.float__icon--status:active { background-color: #4c4c4c; border-color: #4c4c4c; } .activity-card__float .float__icon.float__icon--status.open:hover { color: #00b3a4; } .activity-card__float .float__icon.float__icon--status.close:hover { color: #cc3b0a; } .activity-card__float .float__icon.float__icon--status.upcoming:hover { color: #00b3a4; } .activity-card:hover .activity-card__float li { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } } @media screen and (max-width: 69.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: -4.83871%; } .activity-card__list .activity-card { margin-top: 4.83871%; } .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: 49.19355%; float: left; margin-right: 1.6129%; } .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.25806%; float: left; margin-right: 1.6129%; } .activity-card__list.grid--style .activity-card:nth-child(2n) { margin-right: 1.6129%; } .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: 70rem) { .activity-card__list.grid--style .activity-card { width: 23.79032%; float: left; margin-right: 1.6129%; } .activity-card__list.grid--style .activity-card:nth-child(2n), .activity-card__list.grid--style .activity-card:nth-child(3n) { margin-right: 1.6129%; } .activity-card__list.grid--style .activity-card:nth-child(2n+1), .activity-card__list.grid--style .activity-card:nth-child(3n+1) { clear: none; } .activity-card__list.grid--style .activity-card:nth-child(4n) { margin-right: 0; } .activity-card__list.grid--style .activity-card:nth-child(4n+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%; } .activity-card__list.list--style .activity-card__content { padding-left: 1.25em; } .activity-card__list.list--style .activity-card__image { width: 32.25806%; } .activity-card__list.list--style .activity-card__footer { width: 23.79032%; } .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: 70rem) { .activity-card__list.list--style .activity-card__image { width: 25%; } .activity-card__list.list--style .activity-card__footer { width: 18.4466%; } .activity-card__list.list--style .activity-card__content:after { display: table; clear: both; content: " "; } .activity-card__list.list--style .activity-card__content > div { display: block; float: left; } .activity-card__list.list--style .activity-card__content > div:first-child { width: 65%; padding-right: 1.25em; border-right: 1px solid rgba(76, 76, 76, 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 { display: block; } .activity-card__list.list--style .activity-card__desc { display: block; } } @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: -2.43902%; } .activity-card__list.list--2 .activity-card { margin-top: 2.43902%; } @media screen and (min-width: 48rem) and (min-width: 48rem) { .activity-card__list.list--2 .activity-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: -2.16216%; } .activity-card__list.list--3 .activity-card { margin-top: 2.16216%; } @media screen and (min-width: 48rem) { .activity-card__list.list--3 .activity-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .activity-card__list.list--3 .activity-card { width: 31.89189%; float: left; margin-right: 2.16216%; } .activity-card__list.list--3 .activity-card:nth-child(2n) { margin-right: 2.16216%; } .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.6129%; } .activity-card__list.list--4 .activity-card { margin-top: 1.6129%; } @media screen and (min-width: 48rem) { .activity-card__list.list--4 .activity-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .activity-card__list.list--4 .activity-card { width: 23.79032%; float: left; margin-right: 1.6129%; } .activity-card__list.list--4 .activity-card:nth-child(2n) { margin-right: 1.6129%; } .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: 13.93443%; } .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: #cc3b0a; } @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: 70rem) { .activity-media__list .activity-media { width: 48.36066%; float: left; margin-right: 3.27869%; } .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; -webkit-border-radius: 5px; border-radius: 5px; background-color: #4c4c4c; } .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: -2.43902%; } .category-card__list.list--2 .category-card { margin-top: 2.43902%; } @media screen and (min-width: 48rem) and (min-width: 48rem) { .category-card__list.list--2 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: -2.16216%; } .category-card__list.list--3 .category-card { margin-top: 2.16216%; } @media screen and (min-width: 48rem) { .category-card__list.list--3 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .category-card__list.list--3 .category-card { width: 31.89189%; float: left; margin-right: 2.16216%; } .category-card__list.list--3 .category-card:nth-child(2n) { margin-right: 2.16216%; } .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: -1.6129%; } .category-card__list.list--4 .category-card { margin-top: 1.6129%; } @media screen and (min-width: 48rem) { .category-card__list.list--4 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .category-card__list.list--4 .category-card { width: 23.79032%; float: left; margin-right: 1.6129%; } .category-card__list.list--4 .category-card:nth-child(2n) { margin-right: 1.6129%; } .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: -1.6129%; } .category-card__list.list--5 .category-card { margin-top: 1.6129%; } @media screen and (min-width: 48rem) { .category-card__list.list--5 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .category-card__list.list--5 .category-card { width: 18.4466%; float: left; margin-right: 1.94175%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 1.6129%; } .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: -1.6129%; } .category-card__list.list--5 .category-card { margin-top: 1.6129%; } @media screen and (min-width: 48rem) { .category-card__list.list--5 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 70rem) { .category-card__list.list--5 .category-card { width: 18.4466%; float: left; margin-right: 1.94175%; } .category-card__list.list--5 .category-card:nth-child(2n) { margin-right: 1.6129%; } .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: -1.6129%; } .category-card__list.list--6 .category-card { margin-top: 1.6129%; } @media screen and (min-width: 48rem) { .category-card__list.list--6 .category-card { width: 48.78049%; float: left; margin-right: 2.43902%; } .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: 31.89189%; float: left; margin-right: 2.16216%; } .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: 70rem) { .category-card__list.list--6 .category-card { width: 15.32258%; float: left; margin-right: 1.6129%; } .category-card__list.list--6 .category-card:nth-child(2n), .category-card__list.list--6 .category-card:nth-child(3n) { margin-right: 1.6129%; } .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.625rem; } .category-card__list.list--carousel .category-card { padding: 0 0.625rem; } .island-card { position: relative; display: block; overflow: hidden; text-align: left; } .island-card__image { position: relative; display: block; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; background-color: #4c4c4c; } .island-card__image:before { content: ""; display: block; padding-bottom: 133%; } .island-card__image img { position: absolute; top: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: none; max-height: 110%; -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 { position: relative; display: block; padding-top: 1.25em; } .island-card__heading { margin: 0; padding: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.2em; letter-spacing: 0.02em; } .island-card__text { font-size: 1rem; font-weight: 400; line-height: 1.5em; } .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; -webkit-border-radius: 2.5rem; border-radius: 2.5rem; text-align: center; background-color: #cc3b0a; color: #ffffff; } .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: -2.43902%; } .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: 2.43902%; } @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: 48.78049%; float: left; margin-right: 2.43902%; } .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: -2.16216%; } .island-card__list.list--3 .island-card, .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card { margin-top: 2.16216%; } @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: 31.89189%; float: left; margin-right: 2.16216%; } .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: 2.16216%; } .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: -1.6129%; } .island-card__list.list--4 .island-card, .island-card__list.list--5 .island-card, .island-card__list.list--6 .island-card { margin-top: 1.6129%; } @media screen and (min-width: 70rem) { .island-card__list.list--4 .island-card { width: 23.79032%; float: left; margin-right: 1.6129%; } .island-card__list.list--4 .island-card:nth-child(2n), .island-card__list.list--4 .island-card:nth-child(3n) { margin-right: 1.6129%; } .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: 70rem) { .island-card__list.list--5 .island-card { width: 18.4466%; float: left; margin-right: 1.94175%; } .island-card__list.list--5 .island-card:nth-child(2n), .island-card__list.list--5 .island-card:nth-child(3n) { margin-right: 1.6129%; } .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: 48.78049%; float: left; margin-right: 2.43902%; } .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: 31.89189%; float: left; margin-right: 2.16216%; } .island-card__list.list--6 .island-card:nth-child(2n) { margin-right: 2.16216%; } .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: 70rem) { .island-card__list.list--6 .island-card { width: 15.32258%; float: left; margin-right: 1.6129%; } .island-card__list.list--6 .island-card:nth-child(2n), .island-card__list.list--6 .island-card:nth-child(3n) { margin-right: 1.6129%; } .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: -webkit-calc(100% - 100px); 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: #cc3b0a; } .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: 70rem) { .escapade__list .escapade__col { width: 32.25806%; float: left; margin-right: 1.6129%; } .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: 47.5%; float: left; margin-right: 5%; } .point__item:nth-child(2n) { margin-right: 0; } .point__item:nth-child(2n+1) { clear: left; } } .point__image { width: 31.14754%; } .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: #cc3b0a; } .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: 31.14754%; } .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: 70rem) { .tip__item { width: 28.81356%; float: left; margin-right: 6.77966%; } .tip__item:nth-child(3n) { margin-right: 0; } .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: -webkit-calc(100% + 2px); 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: #cc3b0a; color: #ffffff; margin: -1px; } .calendar__dates__body .has--select span { background-color: #4c4c4c !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; -webkit-background-size: cover; 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 #4c4c4c; } .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 .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: 31.14754%; } .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: 70rem) { .blog__item { width: 31.14754%; float: left; margin-right: 3.27869%; } .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: 37.62376%; } .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: #cc3b0a; } .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: 70rem) { .founder__list .founder__item { width: 49.19355%; float: left; margin-right: 1.6129%; } .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; -webkit-border-radius: 12.5em; border-radius: 12.5em; overflow: hidden; background-color: #ffffff; } .investor__item:not(:last-child) { margin-right: 1.6129%; } .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: #cc3b0a; } .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(76, 76, 76, 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: #4c4c4c; } .faq__category .faq__question__item .toggle.has--close { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); color: #cc3b0a; } .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; -webkit-border-radius: 1px; 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: #4c4c4c; } .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: #00b3a4; 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: #cc3b0a; 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; -webkit-border-radius: 100%; 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: 69.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: 69.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: 6.85484%; margin-bottom: 6.85484%; 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: #cc3b0a; } .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: -webkit-calc(20px + 1vw); 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: #cc3b0a; } .post__social-menu a:not(.button):not(.modaal-confirm-btn) { display: inline-block; width: 2.8125em; height: 2.8125em; -webkit-border-radius: 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: #4c4c4c; } .post__social-menu a:not(.button):not(.modaal-confirm-btn):hover { background-color: #4c4c4c; color: #ffffff; } @media screen and (min-width: 48rem) { .post { padding-left: 8.97177%; padding-right: 8.97177%; } .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: #999999; } .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: #3f3f3f; color: #3f3f3f; } .search__section .form .form-element { margin-top: 0; margin-bottom: 0; } .search__section .form .form-element__control { position: relative; max-width: 38.125rem; margin: auto; } .search__section .form .form-element__control .input, .search__section .form .form-element__control input[type="text"], .search__section .form .form-element__control input[type="email"], .search__section .form .form-element__control input[type="password"], .search__section .form .form-element__control input[type="search"], .search__section .form .form-element__control input[type="tel"], .search__section .form .form-element__control select, .search__section .form .form-element__control textarea { line-height: 3.75em; min-height: 3.75em; -webkit-border-radius: 5px; border-radius: 5px; border: none; padding-right: 5em; } .search__section .form .form-element__control .input:focus, .search__section .form .form-element__control input[type="text"]:focus, .search__section .form .form-element__control input[type="email"]:focus, .search__section .form .form-element__control input[type="password"]:focus, .search__section .form .form-element__control input[type="search"]:focus, .search__section .form .form-element__control input[type="tel"]:focus, .search__section .form .form-element__control select:focus, .search__section .form .form-element__control textarea:focus { background-color: rgba(255, 255, 255, 0.9); } .search__section .form .form-element__control__icon { position: absolute; top: 50%; right: 0.625rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 5px; border-radius: 5px; background-color: #cc3b0a; border-color: transparent; color: #ffffff; } .search__section .form .form-element .errorlist { position: absolute; left: 1.25em; } @media screen and (min-width: 70rem) { .search__section { position: absolute; left: 0; bottom: 0; right: 0; background-color: transparent; width: 64.375rem; margin-left: auto; margin-right: auto; } .search__section .form .form-element .input, .search__section .form .form-element input[type="text"], .search__section .form .form-element input[type="email"], .search__section .form .form-element input[type="password"], .search__section .form .form-element input[type="search"], .search__section .form .form-element input[type="tel"], .search__section .form .form-element select, .search__section .form .form-element textarea, .search__section .form .form-element .button, .search__section .form .form-element .img-uploader .upload-label, .img-uploader .search__section .form .form-element .upload-label, .search__section .form .form-element .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default, .ui-datepicker .ui-datepicker-buttonpane .search__section .form .form-element button.ui-state-default, .search__section .form .form-element .main-carousel__item .main-carousel__gallery, .main-carousel__item .search__section .form .form-element .main-carousel__gallery, .search__section .form .form-element .main-carousel__item .main-carousel__video, .main-carousel__item .search__section .form .form-element .main-carousel__video, .search__section .form .form-element .modaal-confirm-btn { line-height: 5em; min-height: 5em; } .search__section .form .form-element__control .input, .search__section .form .form-element__control input[type="text"], .search__section .form .form-element__control input[type="email"], .search__section .form .form-element__control input[type="password"], .search__section .form .form-element__control input[type="search"], .search__section .form .form-element__control input[type="tel"], .search__section .form .form-element__control select, .search__section .form .form-element__control textarea { padding-right: 6.25em; } .search__section .form .form-element__control__icon { right: 1.875rem; background-color: transparent; color: currentColor; } } @media screen and (max-width: 69.9375rem) { .search__section .form.form--vertical .form-element { margin-bottom: 0.625em; margin-top: 0.625em; } } .activity__section .section__header { position: relative; margin-bottom: 0.625rem; } .activity__section .section__header .heading-text { padding-bottom: 0.625rem; border-bottom: 1px solid #eaeaea; } .activity__section .section__body { position: relative; z-index: 2; } .activity__section .activity-card__list .tab__nav ul > li:last-child a:after { display: inline-block; vertical-align: baseline; margin-left: 5px; width: 0.3125rem; height: 0.3125rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .activity__section .activity-card__list .tab__nav a.is--active { color: #cc3b0a; } @media screen and (min-width: 70rem) { .activity__section .activity-card__list { margin-top: -3.25rem; } .activity__section .activity-card__list .tab__nav { text-align: right; } } @media screen and (max-width: 69.9375rem) { .activity__section .activity-card__list { margin-top: 0; } } .category__section .category-card__next { position: absolute; top: -webkit-calc(50% - 4.84375rem); top: calc(50% - 4.84375rem); right: -15.32258%; display: inline-block; width: 5.3125rem; height: 5.3125rem; line-height: 5.3125rem; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; border: 1px dashed #e5e5e5; } .category__section .category-card__next svg { width: 1.5rem; height: 1.5rem; } @media screen and (max-width: 69.9375rem) { .category__section .category-card__next { display: none; } } .why-choose__section { position: relative; overflow: hidden; } .why-choose__section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; content: ""; } @media screen and (min-width: 70rem) { .why-choose__section:before { max-width: 76.875rem; margin-left: auto; margin-right: auto; } } .why-choose__section > * { position: relative; z-index: 1; } .why-choose__section .choose__row { position: relative; 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; } .why-choose__section .choose__row > div { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .why-choose__section .choose-tip:not(:last-child) { margin-bottom: 1.25rem; } @media screen and (min-width: 48rem) { .why-choose__section .choose__icon { position: absolute; top: 0; left: 0; display: inline-block; width: 5.3125rem; height: 5.3125rem; line-height: 5.3125rem; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; color: #d1d1d1; border: 1px solid #e5e5e5; } .why-choose__section .choose__icon svg { width: 1.5rem; height: 1.5rem; } .why-choose__section .choose__row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .why-choose__section .choose__row > div { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 49.19355%; } } @media screen and (min-width: 70rem) { .why-choose__section .choose__image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .why-choose__section .choose__image img { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 48.78049%; } .why-choose__section .choose__image img:first-child { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .why-choose__section .choose__image img:last-child { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .why-choose__section .choose__text { padding-left: 6.5625rem; padding-right: 5.3125rem; } .why-choose__section .choose-tip:not(:last-child) { margin-bottom: 2.5rem; } } @media screen and (max-width: 69.9375rem) { .why-choose__section .choose__icon { display: none; } .why-choose__section .choose__image { text-align: right; } .why-choose__section .choose__image img + img { display: none; } } .testimonial__section { background-color: #ffffff; color: #4c4c4c; text-align: left; } .testimonial__section .testimonial__item { position: relative; padding: 1.875rem; max-width: 23.79032%; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f2f2f2; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } .testimonial__section .testimonial__image { position: absolute; top: 0; left: 0; display: inline-block; width: 5.3125rem; height: 5.3125rem; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; text-align: center; background-color: #f2f2f2; border: 1px solid #f2f2f2; color: #ffffff; } .testimonial__section .testimonial__heading { margin: 0 0 1em; padding: 0; font-size: 1.25rem; font-weight: 500; line-height: 1.2; letter-spacing: 0.02em; } .testimonial__section .testimonial__text { font-size: 0.9375rem; font-weight: 400; line-height: 2; } .testimonial__section .testimonial__next { position: absolute; top: -webkit-calc(50% - 4.84375rem); top: calc(50% - 4.84375rem); right: -5.3125rem; display: inline-block; width: 5.3125rem; height: 5.3125rem; line-height: 5.3125rem; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; border: 1px dashed #e5e5e5; } @media screen and (min-width: 48rem) { .testimonial__section .testimonial__item { margin-left: 3.67188rem; padding-left: 3.67188rem; } .testimonial__section .testimonial__image { -webkit-transform: translateX(-50%) translateY(40px); -ms-transform: translateX(-50%) translateY(40px); transform: translateX(-50%) translateY(40px); } } @media screen and (max-width: 47.9375rem) { .testimonial__section .testimonial__item { margin-top: 3.67188rem; padding-top: 3.67188rem; } .testimonial__section .testimonial__image { -webkit-transform: translateX(30px) translateY(-50%); -ms-transform: translateX(30px) translateY(-50%); transform: translateX(30px) translateY(-50%); } } @media screen and (max-width: 69.9375rem) { .testimonial__section .testimonial__next { display: none; } } .promotion__section { padding: 7.5em 0; background-color: #4c4c4c; background-position: center center; -webkit-background-size: cover; 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: 90vh; } } @media screen and (max-width: 47.9375rem) { .promotion__section { min-height: inherit !important; } .promotion__section .promotion__content .heading-text { font-size: 1.5rem; } } .fact__section { position: relative; padding: 0 1px; background-color: #4c4c4c; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; overflow: hidden; color: #ffffff; } .fact__section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.15); content: ""; } .fact__section > div { position: relative; z-index: 1; } .fact__section .section__header { padding: 2.5em 0; } .fact__section .section__body { overflow: hidden; } @media screen and (min-width: 64rem) { .fact__section .section__header { 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: 70vh; padding: 7.5em 0; } } .fact__section .fact-card { position: relative; display: inline-block; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.4); } .fact__section .fact-card:first-child:after, .fact__section .fact-card:last-child:after { position: absolute; width: 1600px; height: 1600px; content: ""; display: block; background-color: inherit; } .fact__section .fact-card:first-child:after { top: 0; left: 0; -webkit-transform: translateX(-1601px); -ms-transform: translateX(-1601px); transform: translateX(-1601px); } .fact__section .fact-card:last-child:after { bottom: 0; right: 0; -webkit-transform: translateX(1601px); -ms-transform: translateX(1601px); transform: translateX(1601px); } .fact__section .fact-card:before { display: block; padding-bottom: 50%; content: ""; } .fact__section .fact-card__content { display: inline-block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); min-width: 7.5rem; max-width: 90%; text-align: left; } .fact__section .fact-card__count { font-size: 2.25rem; font-weight: 600; line-height: 1; } .fact__section .fact-card__text { font-size: 1rem; font-weight: 400; line-height: 1.2; text-transform: uppercase; } @media screen and (max-width: 47.9375rem) { .fact__section .fact-card { max-width: 100%; } .fact__section .fact-card__content { text-align: center; } } .fact__section .fact-card__list { margin-top: -1px; } .fact__section .fact-card__list:after { display: table; clear: both; content: " "; } .fact__section .fact-card__list .fact-card { float: left; margin-top: 1px; margin-right: 1px; } @media screen and (min-width: 48rem) { .fact__section .fact-card__list.list--2 .fact-card { width: -webkit-calc(100% / 2 - 1px); width: calc(100% / 2 - 1px); } .fact__section .fact-card__list.list--2 .fact-card:nth-child(2n) { margin-right: 0; } .fact__section .fact-card__list.list--2 .fact-card:nth-child(2n+1) { clea8r: left; } } @media screen and (min-width: 48rem) { .fact__section .fact-card__list.list--3 .fact-card { width: -webkit-calc(100% / 3 - 1px); width: calc(100% / 3 - 1px); } .fact__section .fact-card__list.list--3 .fact-card:nth-child(2n) { margin-right: 1px; } .fact__section .fact-card__list.list--3 .fact-card:nth-child(2n+1) { clear: none; } .fact__section .fact-card__list.list--3 .fact-card:nth-child(3n) { margin-right: 0; } .fact__section .fact-card__list.list--3 .fact-card:nth-child(3n+1) { clear: left; } } @media screen and (min-width: 48rem) { .fact__section .fact-card__list.list--4 .fact-card { width: -webkit-calc(100% / 4 - 5px); width: calc(100% / 4 - 5px); } .fact__section .fact-card__list.list--4 .fact-card:nth-child(2n) { margin-right: 2px; } .fact__section .fact-card__list.list--4 .fact-card:nth-child(2n+1) { clear: none; } .fact__section .fact-card__list.list--4 .fact-card:nth-child(4n) { margin-right: 0; } .fact__section .fact-card__list.list--4 .fact-card:nth-child(4n+1) { clear: left; } } .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: -webkit-calc(50% - 1px); top: calc(50% - 1px); right: 1.25em; width: 20px; height: 2px; } .book-card__block__header:after { top: -webkit-calc(50% - 10px); top: calc(50% - 10px); right: -webkit-calc(1.25em + 9px); 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: #4c4c4c; color: #ffffff; } .book-card__block.active .book-card__block__header:after { top: -webkit-calc(50% - 1px); 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 #424242; } .book-card__block.done .book-card__block__header { background-color: #00b3a4; color: #ffffff; } .book-card__block.done .book-card__block__header:before { top: -webkit-calc(50% - 1px); 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: -webkit-calc(50% - 10px); top: calc(50% - 10px); right: -webkit-calc(1.25em + 18px); 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: -webkit-calc(2.85714em + 2px); 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: 69.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: 2rem; font-weight: 600; line-height: 1.2; margin-bottom: 0.3125em; } .activity__location { font-size: 1.125rem; color: #b2b2b2; margin-bottom: 1.11111em; } .activity__location .rating { font-size: 0.7em; } .activity__price { display: block; clear: right; padding: 1.25em; border: 1px solid #e8e8e8; font-size: 1rem; line-height: 1.2; } .activity__price:after { display: table; clear: both; content: " "; } .activity__price-number { display: table; font-size: 2.25rem; font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: #cc3b0a; } .activity__price-number del { font-size: 1.6rem; } .activity__price_type { font-size: 1.4rem; } .activity__price a { margin-top: 0.625em; } .activity .additional-info__block .additional-info__heading { font-size: 1.125rem; font-weight: 500; color: #999999; 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: 70rem) { .activity__price { display: inline-block; } .activity .host__block .media .media__figure { width: 41.25874%; text-align: center; } } @media screen and (min-width: 48rem) { .activity__price a { margin-top: 0; } } @media screen and (max-width: 69.9375rem) { .activity .info__block:not(.no--style) { padding-bottom: 1.875em; margin-bottom: 1.875em; border-bottom: 1px solid rgba(76, 76, 76, 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 { position: absolute; left: 0; z-index: 100; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); margin-bottom: 2.5em; background-color: #f5f5f5; padding: 1.875em; width: 18.75em; -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.is--opened { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .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: -webkit-calc(3.125em + 2px); min-height: calc(3.125em + 2px); min-width: 8.125em; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1rem; 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; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: 95% 50%; -webkit-background-size: 24px 24px; background-size: 24px; } .section__listing .listing__filter-button::-ms-expand { display: none; } .section__listing .listing__heading { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom: 1px solid #e5e5e5; } @media screen and (min-width: 101.25rem) { .section__listing .listing__filter { width: 25em; } } .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: 13.93443%; } .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: #cc3b0a; } @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: #cc3b0a; } .cart__item .item__addon .tag { margin-right: 4px; } .cart__item .item__addon .tag .tag__remove { font-weight: 600; color: #cc3b0a; } .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: #cc3b0a; 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: #cc3b0a; 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: #4c4c4c; } @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.875em; margin-top: 1.875em; } .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: 6.85484%; 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: 6.85484%; } } .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: 70rem) { .is--home .site-header .visible-on--tablet { display: inline-block !important; } .is--home .site-main__header__image .img { min-height: 37.5em; height: 37.5em; height: -webkit-calc(100vh - 5rem); height: calc(100vh - 5rem); } .is--home .site-main__header__content { min-height: 37.5em; height: 37.5em; height: -webkit-calc(100vh - 5rem); height: calc(100vh - 5rem); } .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: 10em; } .is--home .search__section { bottom: 10em; } } @media screen and (max-width: 69.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: 69.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: 70rem) { .is--detail .site-main__header__image .img { min-height: 37.5em; height: 37.5em; height: 70vh; } .is--detail .site-main__header__content { min-height: 37.5em; height: 37.5em; padding-top: 6.5625em; height: 70vh; } .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: 69.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: 70rem) { .is--country .site-main__header__image .img, .is--city .site-main__header__image .img { min-height: 37.5em; height: 37.5em; height: 70vh; } .is--country .site-main__header__content, .is--city .site-main__header__content { height: 37.5em; height: 70vh; } } @media screen and (max-width: 69.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 { display: block; padding: 30px 30px 30px 60px;; cursor: pointer;border:1px solid #ddd;position:relative;font-size:1.2rem; } .is--guestuser-signupform .guest__user__type li label:before { width: 30px; height:30px; -webkit-border-radius: 2.5rem;background:#fff; border-radius: 2.5rem;position:absolute; left:20px; top:50%; margin:-15px 0 0;content:""; } .is--guestuser-signupform .guest__user__type li.is-selected label{background:#00b3a4;border-color:#00b3a4;color:#fff;} .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); -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; width: 1rem; height: 0.4rem; border-bottom: 4px solid #00b3a4; border-left: 4px solid #00b3a4; -webkit-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; position: absolute; left:25px;  top: 42%; content: "";} .is--guestuser-signupform .guest__user__type li label input{ opacity:0; } .is--guestuser-signupform .guest__user__type li label:hover { background-color: #d9d9d9; } .is--guestuser-signupform .guest__user__type li.is-selected label:hover { background-color: #00b3a4; } .is--guestuser-signupform .guest__user__type li label.radio { position: relative; z-index: 1; } .is--guestuser-signupform .guest__user__type li label.radio .radio__label { position: static; font-size: 1.35rem; margin-left: 0.5rem; } .is--guestuser-signupform .guest__user__type li label.radio .radio__label:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; content: ""; background-color: transparent; border: 1px solid #d9d9d9; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; transition: background 0.15s ease; } .is--guestuser-signupform .guest__user__type li label.radio .radio__icon { position: relative; width: 2.5rem; height: 2.5rem; -webkit-border-radius: 2.5rem; border-radius: 2.5rem; } .is--guestuser-signupform .guest__user__type li label.radio .radio__icon:after { 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; width: 1rem; height: 0.4rem; border-bottom: 4px solid #00b3a4; border-left: 4px solid #00b3a4; -webkit-border-bottom-left-radius: 1px; border-bottom-left-radius: 1px; position: absolute; left: 0.55rem; top: 0.7rem; content: ""; } .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked + .radio__icon, .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked ~ .radio__icon { border-width: 1px; border-color: #00b3a4; } .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked + .radio__icon:after, .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked ~ .radio__icon:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked + .radio__label, .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked ~ .radio__label { color: #ffffff; } .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked + .radio__label:before, .is--guestuser-signupform .guest__user__type li label.radio input[type="radio"]:checked ~ .radio__label:before { background-color: #00b3a4; border-color: #00b3a4; } @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: 55.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: #cc3b0a; } @media screen and (min-width: 48rem) { .is--dashboard .section { min-height: 31.25rem; } } @media screen and (min-width: 48rem) and (max-width: 69.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: 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: -webkit-calc(50% - 25px); 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; -webkit-border-radius: 100%; 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: 69.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: -webkit-calc(50% - 25px); 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; -webkit-border-radius: 100%; 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: 69.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: 6001; 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: #4c4c4c; max-width: 50em; -webkit-border-radius: 0px; border-radius: 0px; background: #f2f2f2; -webkit-box-shadow: 0 4px 15px rgba(76, 76, 76, 0.2); box-shadow: 0 4px 15px rgba(76, 76, 76, 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; -webkit-border-radius: 100%; 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; -webkit-border-radius: 1px; 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: #cc3b0a; -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: #832606; } .modaal-confirm-btn.modaal-cancel { text-decoration: underline; } .modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #832606; } @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; -webkit-border-radius: 0 !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; -webkit-border-radius: 100%; 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; -webkit-border-radius: 4px; 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%; -webkit-border-radius: 15px; 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: #cc3b0a; } .tt-suggestion.tt-cursor { color: #ffffff; background-color: #cc3b0a; } .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: 10; background: #CC3B0A; 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; } .scrollable--x { width:100%; height:100%; overflow-x: auto; } .horizontal-track { height: 8px;            /* How wide is the scrollbar going to be? */ background-color: #e1e9f3; /* What color should the vertical track be? */ } .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;)