*
* This will cause the system to fill up from either the centre or the right
* hand side. Default behaviour is to fill up the layout system from the left.
*
* There are plenty more options available to us: explore them below.
*/
/* Default/mandatory classes
========================================================================== */
/**
* 1. Allows us to use the layout object on any type of element.
* 2. We need to defensively reset any box-model properties.
* 3. Use the negative margin trick for multi-row grids:
* http://csswizardry.com/2011/08/building-better-grid-systems/
*/
.o-layout {
display: block; /* [1] */
margin: 0; /* [2] */
padding: 0; /* [2] */
list-style: none; /* [1] */
margin-left: -48px; /* [3] */
font-size: 0;
}
/**
* 1. Required in order to combine fluid widths with fixed gutters.
* 2. Allows us to manipulate grids vertically, with text-level properties,
* etc.
* 3. Default item alignment is with the tops of each other, like most
* traditional grid/layout systems.
* 4. By default, all layout items are full-width (mobile first).
* 5. Gutters provided by left padding:
* http://csswizardry.com/2011/08/building-better-grid-systems/
* 6. Fallback for old IEs not supporting `rem` values.
*/
.o-layout__item {
box-sizing: border-box; /* [1] */
display: inline-block; /* [2] */
vertical-align: top; /* [3] */
width: 100%; /* [4] */
padding-left: 48px; /* [5] */
font-size: 14px; /* [6] */
font-size: 1rem;
}
/* Gutter size modifiers
========================================================================== */
.o-layout--flush {
margin-left: 0;
}
.o-layout--flush > .o-layout__item {
padding-left: 0;
}
.o-layout--tiny {
margin-left: -6px;
}
.o-layout--tiny > .o-layout__item {
padding-left: 6px;
}
.o-layout--small {
margin-left: -12px;
}
.o-layout--small > .o-layout__item {
padding-left: 12px;
}
.o-layout--large {
margin-left: -48px;
}
.o-layout--large > .o-layout__item {
padding-left: 48px;
}
.o-layout--huge {
margin-left: -96px;
}
.o-layout--huge > .o-layout__item {
padding-left: 96px;
}
/* Vertical alignment modifiers
========================================================================== */
/**
* Align all grid items to the middles of each other.
*/
.o-layout--middle > .o-layout__item {
vertical-align: middle;
}
/**
* Align all grid items to the bottoms of each other.
*/
.o-layout--bottom > .o-layout__item {
vertical-align: bottom;
}
/**
* Stretch all grid items of each row to have an equal-height.
* Please be aware that this modifier class doesn’t take any effect in IE9 and
* below and other older browsers due to the lack of `display: flex` support.
*/
.o-layout--stretch {
display: flex;
flex-wrap: wrap;
}
.o-layout--stretch > .o-layout__item {
display: flex;
}
.o-layout--stretch.o-layout--center {
justify-content: center;
}
.o-layout--stretch.o-layout--right {
justify-content: flex-end;
}
.o-layout--stretch.o-layout--left {
justify-content: flex-start;
}
/* Fill order modifiers
========================================================================== */
/**
* Fill up the layout system from the centre.
*/
.o-layout--center {
text-align: center;
}
.o-layout--center > .o-layout__item {
text-align: left;
}
/**
* Fill up the layout system from the right-hand side.
*/
.o-layout--right {
text-align: right;
}
.o-layout--right > .o-layout__item {
text-align: left;
}
/**
* Fill up the layout system from the left-hand side. This will likely only be
* needed when using in conjunction with `.o-layout--reverse`.
*/
.o-layout--left {
text-align: left;
}
.o-layout--left > .o-layout__item {
text-align: left;
}
/**
* Reverse the rendered order of the grid system.
*/
.o-layout--reverse {
direction: rtl;
}
.o-layout--reverse > .o-layout__item {
direction: ltr;
}
/* Auto-widths modifier
========================================================================== */
/**
* Cause layout items to take up a non-explicit amount of width.
*/
.o-layout--auto > .o-layout__item {
width: auto;
}
.o-layout--spaced {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.o-layout--spaced {
padding: 8.57rem 0;
}
}
.o-layout__item--right {
text-align: right;
}
.o-type--section-title {
line-height: 1.5;
}
.o-type--section-title {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.o-type--section-title {
font-size: calc(25px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.o-type--section-title {
font-size: 30px;
}
}
.o-type--block-title {
text-align: center;
line-height: 1.25;
margin-bottom: 30px;
}
.o-type--block-title {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.o-type--block-title {
font-size: calc(25px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.o-type--block-title {
font-size: 40px;
}
}
@media (min-width: 64em) {
.o-type--block-title {
margin-bottom: 80px;
}
}
.o-type--block-title.no-margin {
margin-bottom: 0 !important;
}
.o-type--block-title.compact {
max-width: 484px;
margin-left: auto;
margin-right: auto;
}
.o-type--block-title.wide {
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.o-type--block-title.left {
text-align: left;
}
.o-type--block-title-with-sub-medium, .o-type--block-title-with-sub {
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 64em) {
.o-type--block-title-with-sub-medium, .o-type--block-title-with-sub {
margin-bottom: 80px;
}
}
.o-type--block-title-with-sub-medium h2, .o-type--block-title-with-sub h2 {
line-height: 1.25;
margin-bottom: 20px;
}
.o-type--block-title-with-sub-medium h2, .o-type--block-title-with-sub h2 {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.o-type--block-title-with-sub-medium h2, .o-type--block-title-with-sub h2 {
font-size: calc(35px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.o-type--block-title-with-sub-medium h2, .o-type--block-title-with-sub h2 {
font-size: 40px;
}
}
.o-type--block-title-with-sub-medium h4, .o-type--block-title-with-sub h4 {
font-size: 14px;
font-weight: 400;
color: #8d8d8d;
}
.o-type--block-title-with-sub-medium h2 {
line-height: 1.4285714286;
}
.o-type--block-title-with-sub-medium h2 {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.o-type--block-title-with-sub-medium h2 {
font-size: calc(30px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.o-type--block-title-with-sub-medium h2 {
font-size: 35px;
}
}
.o-type--wysiwyg p {
margin-bottom: 15px;
}
.o-type--wysiwyg p:last-child {
margin-bottom: 0;
}
.o-type--wysiwyg p:last-child .alignnone {
margin-bottom: 0;
}
.o-type--wysiwyg ul:last-child,
.o-type--wysiwyg ol:last-child {
margin-bottom: 0;
}
.o-type--wysiwyg .aligncenter {
display: block;
margin: auto;
}
.o-type--wysiwyg .alignnone {
display: block;
width: 100% !important;
margin: 48px 0;
}
.o-type--wysiwyg .alignnone img {
width: 100%;
}
.o-type--wysiwyg img.alignleft {
float: left;
margin: 20px 0;
margin-right: 20px;
}
.o-type--wysiwyg img.alignright {
float: right;
margin: 20px 0;
margin-left: 20px;
}
.o-type--wysiwyg h4 {
font-size: 20px;
}
.o-type--wysiwyg .wp-caption-text {
text-align: center;
font-size: 13px;
color: #8d8d8d;
}
.has-scroll-smooth .o-scroll {
position: relative;
}
html.has-scroll-smooth {
overflow: hidden;
}
.has-scroll-smooth body {
overflow: hidden;
}
.o-scroll {
overflow: hidden;
will-change: transform;
}
.o-page {
height: 100%;
overflow-y: auto;
}
/* ==========================================================================
#WIDTHS
========================================================================== */
/**
* inuitcss generates a series of utility classes that give a fluid width to
* whichever element they’re applied, e.g.:
*
* ![]()
*
* These classes are most commonly used in conjunction with our layout system,
* e.g.:
*
*
*
* By default, inuitcss will also generate responsive variants of each of these
* classes by using your Sass MQ configuration, e.g.:
*
*
*
* Optionally, inuitcss can generate offset classes which can push and pull
* elements left and right by a specified amount, e.g.:
*
*
*
* This is useful for making very granular changes to the rendered order of
* items in a layout.
*
* N.B. This option is turned off by default.
*/
/**
* A series of width helper classes that you can use to size things like grid
* systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
* your markup:
*
*
*
* The following will generate widths helper classes based on the fractions
* defined in the `$inuit-fractions` list.
*/
.u-1\/1 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2 {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2 {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2 {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3 {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3 {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3 {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3 {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4 {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4 {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4 {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4 {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4 {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4 {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5 {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5 {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5 {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5 {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5 {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5 {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5 {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5 {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/12 {
width: 8.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 8.3333333333% !important;
}
.u-pull-1\/12 {
position: relative !important;
right: 8.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/12 {
width: 16.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 16.6666666667% !important;
}
.u-pull-2\/12 {
position: relative !important;
right: 16.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/12 {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-3\/12 {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-4\/12 {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-4\/12 {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-5\/12 {
width: 41.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 41.6666666667% !important;
}
.u-pull-5\/12 {
position: relative !important;
right: 41.6666666667% !important;
left: auto !important; /* [1] */
}
.u-6\/12 {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-6\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-6\/12 {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-7\/12 {
width: 58.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-7\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 58.3333333333% !important;
}
.u-pull-7\/12 {
position: relative !important;
right: 58.3333333333% !important;
left: auto !important; /* [1] */
}
.u-8\/12 {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-8\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-8\/12 {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-9\/12 {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-9\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-9\/12 {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-10\/12 {
width: 83.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-10\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 83.3333333333% !important;
}
.u-pull-10\/12 {
position: relative !important;
right: 83.3333333333% !important;
left: auto !important; /* [1] */
}
.u-11\/12 {
width: 91.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-11\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 91.6666666667% !important;
}
.u-pull-11\/12 {
position: relative !important;
right: 91.6666666667% !important;
left: auto !important; /* [1] */
}
.u-12\/12 {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-12\/12 {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-12\/12 {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
/**
* If we’re using Sass-MQ, automatically generate grid system(s) for each of our
* defined breakpoints, and give them a Responsive Suffix, e.g.:
*
*
*/
@media (min-width: 40em) {
.u-1\/1\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@mobile {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@mobile {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@mobile {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@mobile {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@mobile {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@mobile {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@mobile {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@mobile {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@mobile {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@mobile {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@mobile {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@mobile {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@mobile {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@mobile {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@mobile {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@mobile {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@mobile {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@mobile {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@mobile {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@mobile {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/12\@mobile {
width: 8.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 8.3333333333% !important;
}
.u-pull-1\/12\@mobile {
position: relative !important;
right: 8.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/12\@mobile {
width: 16.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 16.6666666667% !important;
}
.u-pull-2\/12\@mobile {
position: relative !important;
right: 16.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/12\@mobile {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-3\/12\@mobile {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-4\/12\@mobile {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-4\/12\@mobile {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-5\/12\@mobile {
width: 41.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 41.6666666667% !important;
}
.u-pull-5\/12\@mobile {
position: relative !important;
right: 41.6666666667% !important;
left: auto !important; /* [1] */
}
.u-6\/12\@mobile {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-6\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-6\/12\@mobile {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-7\/12\@mobile {
width: 58.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-7\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 58.3333333333% !important;
}
.u-pull-7\/12\@mobile {
position: relative !important;
right: 58.3333333333% !important;
left: auto !important; /* [1] */
}
.u-8\/12\@mobile {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-8\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-8\/12\@mobile {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-9\/12\@mobile {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-9\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-9\/12\@mobile {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-10\/12\@mobile {
width: 83.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-10\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 83.3333333333% !important;
}
.u-pull-10\/12\@mobile {
position: relative !important;
right: 83.3333333333% !important;
left: auto !important; /* [1] */
}
.u-11\/12\@mobile {
width: 91.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-11\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 91.6666666667% !important;
}
.u-pull-11\/12\@mobile {
position: relative !important;
right: 91.6666666667% !important;
left: auto !important; /* [1] */
}
.u-12\/12\@mobile {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-12\/12\@mobile {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-12\/12\@mobile {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-push-none\@mobile {
left: auto !important;
}
.u-pull-none\@mobile {
right: auto !important;
}
}
@media (min-width: 46.25em) {
.u-1\/1\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@tablet {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@tablet {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@tablet {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@tablet {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@tablet {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@tablet {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@tablet {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@tablet {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@tablet {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@tablet {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@tablet {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@tablet {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@tablet {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@tablet {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@tablet {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@tablet {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@tablet {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@tablet {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@tablet {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@tablet {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/12\@tablet {
width: 8.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 8.3333333333% !important;
}
.u-pull-1\/12\@tablet {
position: relative !important;
right: 8.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/12\@tablet {
width: 16.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 16.6666666667% !important;
}
.u-pull-2\/12\@tablet {
position: relative !important;
right: 16.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/12\@tablet {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-3\/12\@tablet {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-4\/12\@tablet {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-4\/12\@tablet {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-5\/12\@tablet {
width: 41.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 41.6666666667% !important;
}
.u-pull-5\/12\@tablet {
position: relative !important;
right: 41.6666666667% !important;
left: auto !important; /* [1] */
}
.u-6\/12\@tablet {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-6\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-6\/12\@tablet {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-7\/12\@tablet {
width: 58.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-7\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 58.3333333333% !important;
}
.u-pull-7\/12\@tablet {
position: relative !important;
right: 58.3333333333% !important;
left: auto !important; /* [1] */
}
.u-8\/12\@tablet {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-8\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-8\/12\@tablet {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-9\/12\@tablet {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-9\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-9\/12\@tablet {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-10\/12\@tablet {
width: 83.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-10\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 83.3333333333% !important;
}
.u-pull-10\/12\@tablet {
position: relative !important;
right: 83.3333333333% !important;
left: auto !important; /* [1] */
}
.u-11\/12\@tablet {
width: 91.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-11\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 91.6666666667% !important;
}
.u-pull-11\/12\@tablet {
position: relative !important;
right: 91.6666666667% !important;
left: auto !important; /* [1] */
}
.u-12\/12\@tablet {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-12\/12\@tablet {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-12\/12\@tablet {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-push-none\@tablet {
left: auto !important;
}
.u-pull-none\@tablet {
right: auto !important;
}
}
@media (min-width: 64em) {
.u-1\/1\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@desktop {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@desktop {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@desktop {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@desktop {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@desktop {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@desktop {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@desktop {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@desktop {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@desktop {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@desktop {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@desktop {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@desktop {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@desktop {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@desktop {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@desktop {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@desktop {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@desktop {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@desktop {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@desktop {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@desktop {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/12\@desktop {
width: 8.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 8.3333333333% !important;
}
.u-pull-1\/12\@desktop {
position: relative !important;
right: 8.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/12\@desktop {
width: 16.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 16.6666666667% !important;
}
.u-pull-2\/12\@desktop {
position: relative !important;
right: 16.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/12\@desktop {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-3\/12\@desktop {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-4\/12\@desktop {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-4\/12\@desktop {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-5\/12\@desktop {
width: 41.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 41.6666666667% !important;
}
.u-pull-5\/12\@desktop {
position: relative !important;
right: 41.6666666667% !important;
left: auto !important; /* [1] */
}
.u-6\/12\@desktop {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-6\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-6\/12\@desktop {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-7\/12\@desktop {
width: 58.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-7\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 58.3333333333% !important;
}
.u-pull-7\/12\@desktop {
position: relative !important;
right: 58.3333333333% !important;
left: auto !important; /* [1] */
}
.u-8\/12\@desktop {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-8\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-8\/12\@desktop {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-9\/12\@desktop {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-9\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-9\/12\@desktop {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-10\/12\@desktop {
width: 83.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-10\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 83.3333333333% !important;
}
.u-pull-10\/12\@desktop {
position: relative !important;
right: 83.3333333333% !important;
left: auto !important; /* [1] */
}
.u-11\/12\@desktop {
width: 91.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-11\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 91.6666666667% !important;
}
.u-pull-11\/12\@desktop {
position: relative !important;
right: 91.6666666667% !important;
left: auto !important; /* [1] */
}
.u-12\/12\@desktop {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-12\/12\@desktop {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-12\/12\@desktop {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-push-none\@desktop {
left: auto !important;
}
.u-pull-none\@desktop {
right: auto !important;
}
}
@media (min-width: 81.25em) {
.u-1\/1\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/1\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-1\/1\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/2\@wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/2\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-1\/2\@wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-2\/2\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/2\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-2\/2\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/3\@wide {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-1\/3\@wide {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/3\@wide {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-2\/3\@wide {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/3\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/3\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-3\/3\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/4\@wide {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-1\/4\@wide {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-2\/4\@wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-2\/4\@wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-3\/4\@wide {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-3\/4\@wide {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-4\/4\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/4\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-4\/4\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/5\@wide {
width: 20% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 20% !important;
}
.u-pull-1\/5\@wide {
position: relative !important;
right: 20% !important;
left: auto !important; /* [1] */
}
.u-2\/5\@wide {
width: 40% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 40% !important;
}
.u-pull-2\/5\@wide {
position: relative !important;
right: 40% !important;
left: auto !important; /* [1] */
}
.u-3\/5\@wide {
width: 60% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 60% !important;
}
.u-pull-3\/5\@wide {
position: relative !important;
right: 60% !important;
left: auto !important; /* [1] */
}
.u-4\/5\@wide {
width: 80% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 80% !important;
}
.u-pull-4\/5\@wide {
position: relative !important;
right: 80% !important;
left: auto !important; /* [1] */
}
.u-5\/5\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/5\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-5\/5\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-1\/12\@wide {
width: 8.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-1\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 8.3333333333% !important;
}
.u-pull-1\/12\@wide {
position: relative !important;
right: 8.3333333333% !important;
left: auto !important; /* [1] */
}
.u-2\/12\@wide {
width: 16.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-2\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 16.6666666667% !important;
}
.u-pull-2\/12\@wide {
position: relative !important;
right: 16.6666666667% !important;
left: auto !important; /* [1] */
}
.u-3\/12\@wide {
width: 25% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-3\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 25% !important;
}
.u-pull-3\/12\@wide {
position: relative !important;
right: 25% !important;
left: auto !important; /* [1] */
}
.u-4\/12\@wide {
width: 33.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-4\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 33.3333333333% !important;
}
.u-pull-4\/12\@wide {
position: relative !important;
right: 33.3333333333% !important;
left: auto !important; /* [1] */
}
.u-5\/12\@wide {
width: 41.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-5\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 41.6666666667% !important;
}
.u-pull-5\/12\@wide {
position: relative !important;
right: 41.6666666667% !important;
left: auto !important; /* [1] */
}
.u-6\/12\@wide {
width: 50% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-6\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 50% !important;
}
.u-pull-6\/12\@wide {
position: relative !important;
right: 50% !important;
left: auto !important; /* [1] */
}
.u-7\/12\@wide {
width: 58.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-7\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 58.3333333333% !important;
}
.u-pull-7\/12\@wide {
position: relative !important;
right: 58.3333333333% !important;
left: auto !important; /* [1] */
}
.u-8\/12\@wide {
width: 66.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-8\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 66.6666666667% !important;
}
.u-pull-8\/12\@wide {
position: relative !important;
right: 66.6666666667% !important;
left: auto !important; /* [1] */
}
.u-9\/12\@wide {
width: 75% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-9\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 75% !important;
}
.u-pull-9\/12\@wide {
position: relative !important;
right: 75% !important;
left: auto !important; /* [1] */
}
.u-10\/12\@wide {
width: 83.3333333333% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-10\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 83.3333333333% !important;
}
.u-pull-10\/12\@wide {
position: relative !important;
right: 83.3333333333% !important;
left: auto !important; /* [1] */
}
.u-11\/12\@wide {
width: 91.6666666667% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-11\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 91.6666666667% !important;
}
.u-pull-11\/12\@wide {
position: relative !important;
right: 91.6666666667% !important;
left: auto !important; /* [1] */
}
.u-12\/12\@wide {
width: 100% !important;
}
/**
* 1. Reset any leftover or conflicting `left`/`right` values.
*/
.u-push-12\/12\@wide {
position: relative !important;
right: auto !important; /* [1] */
left: 100% !important;
}
.u-pull-12\/12\@wide {
position: relative !important;
right: 100% !important;
left: auto !important; /* [1] */
}
.u-push-none\@wide {
left: auto !important;
}
.u-pull-none\@wide {
right: auto !important;
}
}
/* ==========================================================================
#PRINT
========================================================================== */
/**
* Very crude, reset-like styles taken from the HTML5 Boilerplate:
* https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
* https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
*/
@media print {
/**
* 1. Black prints faster: http://www.sanbeiji.com/archives/953
*/
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* [1] */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/**
* Don’t show links that are fragment identifiers, or use the `javascript:`
* pseudo protocol.
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/**
* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
#HIDE
========================================================================== */
/**
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-hidden-visually {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
/**
* Hide visually and from screen readers.
*/
.u-hidden {
display: none !important;
}
.u-border-top {
border-top: 1px solid #1e2126;
}
.u-border-bottom {
border-bottom: 1px solid #1e2126;
}
@media (max-width: 46.24em) {
.u-hidden\@mobile {
display: none !important;
}
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.u-hidden\@tablet {
display: none !important;
}
}
@media (min-width: 64em) and (max-width: 81.24em) {
.u-hidden\@desktop {
display: none !important;
}
}
@media (min-width: 81.25em) {
.u-hidden\@wide {
display: none !important;
}
}
@media (min-width: 46.25em) {
.u-hidden\@tablet-above {
display: none !important;
}
}
@media (min-width: 64em) {
.u-hidden\@desktop-above {
display: none !important;
}
}
@media (max-width: 63.99em) {
.u-hidden\@desktop-below {
display: none !important;
}
}
.u-spaced {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.u-spaced {
padding: 8.57rem 0;
}
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
@media (max-width: 46.24em) {
.u-text-center\@mobile {
text-align: center;
}
}
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 1;
}
.hamburger-box {
width: 30px;
height: 20px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 2px;
background-color: #eef0e9;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -9px;
}
.hamburger-inner::after {
bottom: -9px;
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.si-float-wrapper {
position: absolute;
width: 100%;
}
.si-float-wrapper,
.si-float-wrapper * {
box-sizing: border-box;
}
[class*=si-wrapper] {
display: flex;
position: absolute;
align-items: center;
font-size: 14px;
cursor: default;
}
.si-wrapper-top {
flex-direction: column;
margin-top: -40px;
margin-left: 0px;
transform: translate(-50%, -100%);
}
.si-wrapper-bottom {
flex-direction: column-reverse;
margin-top: 0px;
margin-left: 0px;
transform: translate(-50%, 0);
}
.si-wrapper-left {
margin-top: -20px;
margin-left: -11px;
transform: translate(-100%, -50%);
}
.si-wrapper-right {
flex-direction: row-reverse;
margin-top: -20px;
margin-left: 11px;
transform: translate(0, -50%);
}
[class*=si-shadow-wrapper] {
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.298039;
z-index: 1;
}
.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
flex-direction: column;
}
.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
order: -1;
}
.si-shadow-frame {
box-shadow: 0 1px 3px 0 #000;
}
[class*=si-shadow-pointer] {
position: relative;
width: 15px;
height: 15px;
margin: auto;
}
[class*=si-shadow-inner-pointer] {
position: absolute;
width: 141%;
height: 141%;
box-shadow: -0.7071067812px 0.7071067812px 3px 0 #000;
}
.si-shadow-inner-pointer-top {
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-bottom {
bottom: 0;
left: 50%;
transform: translate(-50%, 50%) rotate(-45deg);
}
.si-shadow-inner-pointer-left {
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-right {
top: 50%;
right: 0;
transform: translate(50%, -50%) rotate(-45deg);
}
.si-frame {
position: relative;
flex: 1 1 auto;
border-radius: 3px;
overflow: hidden;
z-index: 2;
}
.si-content-wrapper {
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 30px;
background-color: #fff;
}
.si-has-border .si-content-wrapper {
border: 1px solid #bbb;
}
.si-content {
overflow: auto;
}
.si-close-button {
position: absolute;
top: 0;
right: 0;
border: 0;
outline: none;
background-color: transparent;
color: inherit;
font-family: Arial, Baskerville, monospace;
font-size: 24px;
cursor: pointer;
opacity: 0.5;
appearance: none;
}
.si-close-button:hover, .si-close-button:focus {
opacity: 0.7;
}
[class*=si-pointer-border] {
position: absolute;
border: 15px solid transparent;
z-index: 3;
}
[class*=si-pointer-bg] {
position: relative;
border: 15px solid transparent;
z-index: 4;
}
.si-has-border [class*=si-pointer-bg] {
border-width: 15px;
}
.si-pointer-border-top,
.si-pointer-border-bottom {
left: 50%;
transform: translate(-50%, 0);
}
.si-pointer-border-left,
.si-pointer-border-right {
top: 50%;
transform: translate(0, -50%);
}
.si-pointer-top {
border-bottom: 0;
}
.si-pointer-border-top {
bottom: 0;
border-top-color: #bbb;
}
.si-pointer-bg-top {
border-top-color: #fff;
}
.si-has-border .si-pointer-bg-top {
top: -1px;
margin-bottom: 0px;
}
.si-pointer-bottom {
border-top: 0;
}
.si-pointer-border-bottom {
top: 0;
border-bottom-color: #bbb;
}
.si-pointer-bg-bottom {
border-bottom-color: #fff;
}
.si-has-border .si-pointer-bg-bottom {
bottom: -1px;
margin-top: 0px;
}
.si-pointer-left {
border-right: 0;
}
.si-pointer-border-left {
right: 0;
border-left-color: #bbb;
}
.si-pointer-bg-left {
border-left-color: #fff;
}
.si-has-border .si-pointer-bg-left {
left: -1px;
margin-right: 0px;
}
.si-pointer-right {
border-left: 0;
}
.si-pointer-border-right {
left: 0;
border-right-color: #bbb;
}
.si-pointer-bg-right {
border-right-color: #fff;
}
.si-has-border .si-pointer-bg-right {
right: -1px;
margin-left: 0px;
}
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
transition-delay: 3000ms;
}
body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0);
}
[data-aos=fade-up] {
transform: translate3d(0, 25px, 0);
}
[data-aos=fade-down] {
transform: translate3d(0, -25px, 0);
}
[data-aos=fade-right] {
transform: translate3d(-25px, 0, 0);
}
[data-aos=fade-left] {
transform: translate3d(25px, 0, 0);
}
[data-aos=fade-up-right] {
transform: translate3d(-25px, 25px, 0);
}
[data-aos=fade-up-left] {
transform: translate3d(25px, 25px, 0);
}
[data-aos=fade-down-right] {
transform: translate3d(-25px, -25px, 0);
}
[data-aos=fade-down-left] {
transform: translate3d(25px, -25px, 0);
}
/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
[data-aos=zoom-in] {
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
transform: translate3d(0, 25px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
transform: translate3d(0, -25px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
transform: translate3d(-25px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
transform: translate3d(25px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
transform: translate3d(0, 25px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
transform: translate3d(0, -25px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
transform: translate3d(-25px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
transform: translate3d(25px, 0, 0) scale(1.2);
}
/**
* Slide animations
*/
[data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate3d(0, 0, 0);
}
[data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
/* DayPicker styles */
.DayPicker {
display: inline-block;
font-size: 1rem;
}
.DayPicker-wrapper {
position: relative;
flex-direction: row;
padding-bottom: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.DayPicker-Months {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.DayPicker-Month {
display: table;
margin: 0 1em;
margin-top: 1em;
border-spacing: 0;
border-collapse: collapse;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.DayPicker-NavButton {
position: absolute;
top: 1em;
right: 1.5em;
left: auto;
display: inline-block;
margin-top: 2px;
width: 1.25em;
height: 1.25em;
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
color: #8B9898;
cursor: pointer;
}
.DayPicker-NavButton:hover {
opacity: 0.8;
}
.DayPicker-NavButton--prev {
margin-right: 1.5em;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
}
.DayPicker-NavButton--next {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}
.DayPicker-NavButton--interactionDisabled {
display: none;
}
.DayPicker-Caption {
display: table-caption;
margin-bottom: 0.5em;
padding: 0 0.5em;
text-align: left;
}
.DayPicker-Caption > div {
font-weight: 500;
font-size: 1.15em;
}
.DayPicker-Weekdays {
display: table-header-group;
margin-top: 1em;
}
.DayPicker-WeekdaysRow {
display: table-row;
}
.DayPicker-Weekday {
display: table-cell;
padding: 0.5em;
color: #8B9898;
text-align: center;
font-size: 0.875em;
}
.DayPicker-Weekday abbr[title] {
border-bottom: none;
text-decoration: none;
}
.DayPicker-Body {
display: table-row-group;
}
.DayPicker-Week {
display: table-row;
}
.DayPicker-Day {
display: table-cell;
padding: 0.5em;
border-radius: 50%;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.DayPicker-WeekNumber {
display: table-cell;
padding: 0.5em;
min-width: 1em;
border-right: 1px solid #EAECEC;
color: #8B9898;
vertical-align: middle;
text-align: right;
font-size: 0.75em;
cursor: pointer;
}
.DayPicker--interactionDisabled .DayPicker-Day {
cursor: default;
}
.DayPicker-Footer {
padding-top: 0.5em;
}
.DayPicker-TodayButton {
border: none;
background-color: transparent;
background-image: none;
box-shadow: none;
color: #4A90E2;
font-size: 0.875em;
cursor: pointer;
}
/* Default modifiers */
.DayPicker-Day--today {
color: #D0021B;
font-weight: 700;
}
.DayPicker-Day--outside {
color: #8B9898;
cursor: default;
}
.DayPicker-Day--disabled {
color: #DCE0E0;
cursor: default;
/* background-color: #eff1f1; */
}
/* Example modifiers */
.DayPicker-Day--sunday {
background-color: #F7F8F8;
}
.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
color: #DCE0E0;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
position: relative;
background-color: #4A90E2;
color: #F0F8FF;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
background-color: #51A0FA;
}
.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
background-color: #F0F8FF;
}
/* DayPickerInput */
.DayPickerInput {
display: inline-block;
}
.DayPickerInput-OverlayWrapper {
position: relative;
}
.DayPickerInput-Overlay {
position: absolute;
left: 0;
z-index: 1;
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
@font-face {
font-family: "lg";
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: "lg";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: rgb(169, 7, 7);
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("../img/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.gform_title {
font-size: 1rem;
padding: 0;
margin: 0 0 2rem;
}
.gform_description {
padding: 0;
display: block;
}
.gform_body {
padding: 0;
}
.gform_body:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.gform_footer {
padding: 0;
position: relative;
margin-top: 5px;
}
.gform_footer:after {
content: "" !important;
display: block !important;
clear: both !important;
}
@media (min-width: 46.25em) {
.gfield-double-label-height .gfield_label {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-content: flex-end;
min-height: 48px;
padding-bottom: 0 !important;
}
}
.gsection {
display: none;
}
.gform_fields {
margin: 0;
padding: 0;
width: 100%;
}
.gform_fields:after {
content: "" !important;
display: block !important;
clear: both !important;
}
.gform_fields:after {
width: 100% !important;
}
@media (min-width: 46.25em) {
.gform_fields {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
}
.gform_fields .gfield_label {
display: block;
padding-bottom: 0.5rem;
}
.gform_fields .gfield {
list-style: none;
padding: 0;
margin-bottom: 10px;
float: left;
width: 100%;
position: relative;
}
@media (min-width: 46.25em) {
.gform_fields .gfield {
margin-bottom: 15px;
}
}
.gform_fields .gfield.gfield-label-hide .gfield_label {
opacity: 0;
}
.gform_fields .gfield input[type=number],
.gform_fields .gfield select,
.gform_fields .gfield textarea,
.gform_fields .gfield input[type=text] {
border: 1px solid #ccc;
border-radius: 4px;
}
.gform_fields .gfield.hidden_label .gfield_label {
display: none;
}
.gform_fields .gfield .gfield_checkbox {
list-style: none;
margin: 0;
padding: 0;
}
.gform_fields .gfield .gfield_checkbox label {
margin-left: 5px;
}
.gform_fields .gform_validation_container {
display: none;
}
.gform_fields .ginput_container_date .ginput_container_date {
width: 29%;
float: left;
margin-right: 6%;
}
.gform_fields .ginput_container_date .ginput_container_date:last-child {
margin-right: 0;
}
.gform_fields .gfield_date_month,
.gform_fields .gfield_date_day {
width: 29%;
float: left;
margin-right: 6%;
}
.gform_fields .gfield_date_year {
width: 29%;
float: right;
}
.gform_fields .screen-reader-text {
display: none;
}
.gform_fields .gfield-half {
width: 100%;
float: left;
padding-right: 0;
}
@media (min-width: 46.25em) {
.gform_fields .gfield-half {
width: 50%;
padding-right: 10px;
}
}
.gform_fields .gfield-half-right {
width: 100%;
float: left;
padding-left: 0;
}
@media (min-width: 46.25em) {
.gform_fields .gfield-half-right {
width: 50%;
padding-left: 10px;
}
}
.gform_fields .gfield-quarter {
width: 50%;
float: left;
padding-right: 20px;
}
@media (min-width: 46.25em) {
.gform_fields .gfield-quarter {
width: 25%;
}
}
.gform_fields .gfield-quarter-right {
width: 50%;
float: left;
padding-left: 20px;
}
@media (min-width: 46.25em) {
.gform_fields .gfield-quarter-right {
width: 25%;
}
}
.gform_ajax_spinner {
border: 2px solid rgba(30, 33, 38, 0.3);
border-left-color: #1e2126;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
top: 1.35rem;
right: 1rem;
z-index: 99;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.validation_error {
background-color: #b70000;
color: #fff;
padding: 1.5rem 2rem;
margin: 0 0 2rem;
text-align: center;
}
.validation_message {
color: #b70000;
padding: 0;
margin-top: 1rem;
line-height: 1.2;
position: relative;
font-size: 0.8rem;
}
.gform_submission_error {
margin-bottom: 0;
font-size: 18px;
}
.gfield_error input[type=email],
.gfield_error input[type=number],
.gfield_error input[type=password],
.gfield_error input[type=tel],
.gfield_error input[type=text],
.gfield_error textarea {
border: 1px solid #b70000;
}
.gform_confirmation_wrapper {
padding: 3rem;
}
.gform_confirmation_message {
text-align: center;
font-size: 1.6rem;
}
.gform_confirmation_message a {
text-decoration: underline;
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 2rem;
border: 1px dashed #8d8d8d;
text-align: center;
color: #1e2126;
background: rgba(30, 33, 38, 0.02);
}
.gform_wrapper span.gform_drop_instructions {
display: block;
margin-bottom: 0.8rem;
}
.ginput_container .gform_drop_area input {
padding: 0.8rem 1rem;
font-size: 1rem;
}
/*!
* jQuery UI Datepicker 1.9.0
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
display: none;
padding: 0.2em 0.2em 0;
width: 19em;
background-color: #1d2125;
color: white;
}
.ui-datepicker .ui-datepicker-header {
padding: 0.2em 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
font-size: 0;
background-image: url("../images/icon-arrow-down-white.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 1rem;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
left: -5px;
transform: rotate(90deg);
}
.ui-datepicker .ui-datepicker-next {
right: -5px;
transform: rotate(-90deg);
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
color: white;
border-color: #bbbcbe;
background: transparent url("../images/icon-arrow-down-white.svg") no-repeat right 1rem center;
background-size: 1rem;
}
.ui-datepicker .ui-datepicker-title select:first-child {
border-right: 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
border-collapse: collapse;
font-size: 0.9em;
margin: 0 0 0.4em;
width: 100%;
}
.ui-datepicker th {
border: 0;
font-weight: bold;
padding: 0.7em 0.3em;
text-align: center;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: inline-block;
width: 30px;
height: 30px;
padding: 5px;
text-align: center;
color: #bbbcbe;
text-decoration: none;
}
.ui-datepicker td span.ui-state-active, .ui-datepicker td span.ui-state-highlight,
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-highlight {
background-color: white;
color: #1e2126;
border-radius: 50%;
}
.ui-datepicker td span.ui-state-active,
.ui-datepicker td a.ui-state-active {
background-color: #005f30;
color: white;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
cursor: pointer;
float: right;
margin: 0.5em 0.2em 0.4em;
overflow: visible;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0 auto 0.4em;
width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
font-size: 0;
width: 100%;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
left: auto;
right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
left: auto;
right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
filter: mask(); /* must have */
height: 200px; /* must have */
left: -4px; /* must have */
position: absolute; /* must have */
top: -4px; /* must have */
width: 200px; /* must have */
z-index: -1; /* must have */
}
.lg-actions .lg-prev,
.lg-actions .lg-next {
border-radius: 50%;
width: 40px;
height: 40px;
}
.lg-video-cont .lg-video {
height: 100vh;
padding-bottom: 0;
}
.lg-video-cont iframe {
max-width: 90%;
margin: auto;
max-height: 80%;
right: 0;
bottom: 0;
}
.lg-video-cont .lg-object {
object-fit: contain;
}
.lg-object.lg-image {
max-height: 90%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
transform: scale3d(0.95, 0.95, 0.95);
transition: 500ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 500ms cubic-bezier(0, 0, 0.25, 1) !important;
}
.lg-toolbar .lg-icon {
color: white;
background-color: transparent;
border: 0;
}
.modal-hider {
display: none;
}
.modal {
display: none;
}
.vanilla-modal .modal {
display: block;
position: fixed;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #8d8d8d;
color: #1e2126;
z-index: -1;
opacity: 0;
transition: opacity 0.2s, z-index 0s 0.2s;
text-align: center;
overflow: hidden;
overflow-y: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.vanilla-modal.modal-visible .modal {
z-index: 9999;
opacity: 1;
transition: opacity 0.2s;
}
.modal:before {
display: inline-block;
overflow: hidden;
width: 0;
height: 100%;
vertical-align: middle;
content: "";
}
.modal > * {
display: inline-block;
white-space: normal;
vertical-align: middle;
text-align: left;
}
.modal__inner {
position: relative;
max-width: 90%;
overflow-x: hidden;
overflow-y: auto;
z-index: -1;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.2s, transform 0.2s, z-index 0s 0.2s;
}
.modal-visible .modal__inner {
z-index: 100;
opacity: 1;
transform: scale(1);
transition: opacity 0.2s, transform 0.2s;
}
.modal__content-inner {
margin: 0;
padding: 5rem 0;
}
@media (min-width: 46.25em) {
.modal__content-inner {
width: 635px;
}
}
@media (min-width: 64em) {
.modal__content-inner {
width: 50rem;
}
}
.modal__content-inner iframe {
padding: 1rem;
width: 100%;
height: 490px;
}
.modal__content-inner input,
.modal__content-inner textarea,
.modal__content-inner select {
border-color: #fff;
}
.modal__content-inner input:focus,
.modal__content-inner textarea:focus,
.modal__content-inner select:focus {
border-color: #fff;
}
.modal__content-inner input[type=button],
.modal__content-inner input[type=submit] {
border-color: #8d8d8d;
}
.modal__content-inner input[type=button]:focus,
.modal__content-inner input[type=submit]:focus {
border-color: #8d8d8d;
}
[data-modal-close] {
position: fixed;
z-index: 9999;
top: 1rem;
right: 1rem;
cursor: pointer;
}
[data-modal-close]:hover {
opacity: 0.7;
}
[data-modal-close] .close-icon {
display: inline-block;
position: relative;
height: 1rem;
width: 1rem;
margin-right: 0.5rem;
}
[data-modal-close] .close-icon:before, [data-modal-close] .close-icon:after {
width: 1.41rem;
content: "";
display: block;
height: 1px;
background-color: #1e2126;
position: absolute;
top: 0;
}
[data-modal-close] .close-icon:before {
left: 0;
transform: rotate(45deg);
transform-origin: top left;
}
[data-modal-close] .close-icon:after {
right: 0;
transform: rotate(-45deg);
transform-origin: top right;
}
[data-modal-close] .close-text {
position: relative;
top: -0.2rem;
}
img.lazy {
opacity: 0;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
img.lazy--icon {
opacity: 0;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
img:not(.initial) {
transition: opacity 0.3s;
}
img.initial, img.loaded, img.error {
opacity: 1;
transition: opacity 0.3s;
}
img:not([src]) {
visibility: hidden;
}
.lazy:not(img) {
opacity: 0;
transition: opacity 0.3s;
}
.lazy:not(img)[data-ll-status=loaded],
.lazy:not(img)[data-ll-status=entered] {
opacity: 1;
}
.lazy--icon:not(img) {
opacity: 0;
transition: opacity 0.3s;
}
.lazy--icon:not(img)[data-ll-status=loaded],
.lazy--icon:not(img)[data-ll-status=entered] {
opacity: 1;
}
.c-lazy-wrapper {
width: 100%;
height: 0;
position: relative;
background-color: #a1a1a1;
padding-bottom: 50%;
}
.c-lazy-wrapper svg {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.c-lazy-wrapper--svg {
height: auto;
padding-bottom: 0;
}
.c-lazy-wrapper--loaded, .c-lazy-wrapper--transparent {
background-color: transparent;
}
.error-404 {
padding: 4.3rem 0;
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
@media (min-width: 64em) {
.error-404 {
padding: 8.57rem 0;
}
}
.c-accordion__content {
overflow: hidden;
transition: height 300ms;
}
.c-button, .post-password-form input[type=submit], input[type=submit],
input[type=button],
input[type=reset], .gform_button {
border: 0;
padding: 0.93rem 1rem;
min-width: 182px;
display: inline-block;
transition: all 300ms;
cursor: pointer;
user-select: none;
outline: none;
text-align: center;
line-height: 1.71429;
border-radius: 4px;
}
.c-site-theme--veriu .c-button--color-theme, .c-site-theme--veriu .post-password-form input[type=submit], .post-password-form .c-site-theme--veriu input[type=submit] {
background-color: #005f30;
color: white;
}
.c-site-theme--veriu .c-button--color-theme:active, .c-site-theme--veriu .post-password-form input[type=submit]:active, .post-password-form .c-site-theme--veriu input[type=submit]:active, .c-site-theme--veriu .c-button--color-theme:focus, .c-site-theme--veriu .post-password-form input[type=submit]:focus, .post-password-form .c-site-theme--veriu input[type=submit]:focus, .c-site-theme--veriu .c-button--color-theme:hover, .c-site-theme--veriu .post-password-form input[type=submit]:hover, .post-password-form .c-site-theme--veriu input[type=submit]:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-site-theme--punthill .c-button--color-theme, .c-site-theme--punthill .post-password-form input[type=submit], .post-password-form .c-site-theme--punthill input[type=submit] {
background-color: #f15f22;
color: white;
}
.c-site-theme--punthill .c-button--color-theme:active, .c-site-theme--punthill .post-password-form input[type=submit]:active, .post-password-form .c-site-theme--punthill input[type=submit]:active, .c-site-theme--punthill .c-button--color-theme:focus, .c-site-theme--punthill .post-password-form input[type=submit]:focus, .post-password-form .c-site-theme--punthill input[type=submit]:focus, .c-site-theme--punthill .c-button--color-theme:hover, .c-site-theme--punthill .post-password-form input[type=submit]:hover, .post-password-form .c-site-theme--punthill input[type=submit]:hover {
color: white;
background-color: rgb(210.6553191489, 71.4893617021, 13.3446808511);
}
.c-site-theme--veriu .c-button--color-theme-white {
background-color: white;
color: #005f30;
}
.c-site-theme--veriu .c-button--color-theme-white:active, .c-site-theme--veriu .c-button--color-theme-white:focus, .c-site-theme--veriu .c-button--color-theme-white:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-site-theme--punthill .c-button--color-theme-white {
background-color: white;
color: #f15f22;
}
.c-site-theme--punthill .c-button--color-theme-white:active, .c-site-theme--punthill .c-button--color-theme-white:focus, .c-site-theme--punthill .c-button--color-theme-white:hover {
color: white;
background-color: rgb(210.6553191489, 71.4893617021, 13.3446808511);
}
.c-site-theme--veriu .c-button--color-theme-outline {
background-color: white;
color: #005f30;
border: 1px solid #005f30;
}
.c-site-theme--veriu .c-button--color-theme-outline:active, .c-site-theme--veriu .c-button--color-theme-outline:focus, .c-site-theme--veriu .c-button--color-theme-outline:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-site-theme--punthill .c-button--color-theme-outline {
background-color: white;
color: #f15f22;
border: 1px solid #f15f22;
}
.c-site-theme--punthill .c-button--color-theme-outline:active, .c-site-theme--punthill .c-button--color-theme-outline:focus, .c-site-theme--punthill .c-button--color-theme-outline:hover {
color: white;
background-color: rgb(210.6553191489, 71.4893617021, 13.3446808511);
}
.c-button--color-green {
background-color: #005f30;
color: white;
}
.c-button--color-green:active, .c-button--color-green:focus, .c-button--color-green:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-button--color-black {
background-color: #1e2126;
color: white;
}
.c-button--color-black:active, .c-button--color-black:focus, .c-button--color-black:hover {
color: white;
background-color: rgb(7.5, 8.25, 9.5);
}
.c-button--color-salmon {
background-color: #fd8f6f;
color: white;
}
.c-button--color-salmon:active, .c-button--color-salmon:focus, .c-button--color-salmon:hover {
color: white;
background-color: rgb(252.301369863, 103.8767123288, 60.698630137);
}
.c-button--color-creme {
background-color: #f1d8d1;
color: #005f30;
}
.c-button--color-creme:active, .c-button--color-creme:focus, .c-button--color-creme:hover {
color: #005f30;
background-color: rgb(229.1, 182.85, 169.9);
}
.c-button--color-creme-theme, .c-site-theme--veriu .c-contact-page .gform_footer .c-button, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit],
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button],
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset], .c-site-theme--veriu .c-contact-page .gform_footer .gform_button {
background-color: #f1d8d1;
}
.c-button--color-creme-theme:active, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:active, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:active,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:active,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:active, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:active, .c-button--color-creme-theme:focus, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:focus, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:focus, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:focus, .c-button--color-creme-theme:hover, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:hover, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:hover, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:hover {
background-color: rgb(229.1, 182.85, 169.9);
}
.c-site-theme--veriu .c-button--color-creme-theme, .c-site-theme--veriu .c-contact-page .gform_footer .c-button, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit],
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button],
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset], .c-site-theme--veriu .c-contact-page .gform_footer .gform_button {
color: #005f30;
}
.c-site-theme--veriu .c-button--color-creme-theme:active, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:active, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:active,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:active,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:active, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:active, .c-site-theme--veriu .c-button--color-creme-theme:focus, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:focus, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:focus, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:focus, .c-site-theme--veriu .c-button--color-creme-theme:hover, .c-site-theme--veriu .c-contact-page .gform_footer .c-button:hover, .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:hover, .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:hover {
color: #005f30;
}
.c-site-theme--punthill .c-button--color-creme-theme, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .c-button, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .c-button, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit], .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=submit],
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=button],
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=button],
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=reset],
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=reset], .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .gform_button, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .gform_button {
color: #f15f22;
}
.c-site-theme--punthill .c-button--color-creme-theme:active, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .c-button:active, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .c-button:active, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:active, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=submit]:active,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:active,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=button]:active,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:active,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=reset]:active, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:active, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .gform_button:active, .c-site-theme--punthill .c-button--color-creme-theme:focus, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .c-button:focus, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .c-button:focus, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:focus, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=submit]:focus,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=button]:focus,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:focus,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=reset]:focus, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:focus, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .gform_button:focus, .c-site-theme--punthill .c-button--color-creme-theme:hover, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .c-button:hover, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .c-button:hover, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=submit]:hover, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=submit]:hover,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=button]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=button]:hover,
.c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer input[type=reset]:hover,
.c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill input[type=reset]:hover, .c-site-theme--punthill .c-site-theme--veriu .c-contact-page .gform_footer .gform_button:hover, .c-site-theme--veriu .c-contact-page .gform_footer .c-site-theme--punthill .gform_button:hover {
color: #f15f22;
}
.c-button--color-purple {
background-color: #32337f;
color: white;
}
.c-button--color-purple:active, .c-button--color-purple:focus, .c-button--color-purple:hover {
color: white;
background-color: rgb(35.593220339, 36.3050847458, 90.406779661);
}
.c-button--color-off-orange {
background-color: #ff9346;
color: white;
}
.c-button--color-off-orange:active, .c-button--color-off-orange:focus, .c-button--color-off-orange:hover {
color: white;
background-color: rgb(255, 117.227027027, 19);
}
.c-button--color-white, .cta-banner--form .cta-banner__form button {
background-color: #fff;
color: #1d2125;
}
.c-button--color-white:active, .cta-banner--form .cta-banner__form button:active, .c-button--color-white:focus, .cta-banner--form .cta-banner__form button:focus, .c-button--color-white:hover, .cta-banner--form .cta-banner__form button:hover {
color: white;
background-color: #1d2125;
}
.c-button--style-download {
border: 1px solid #f1d8d1;
padding: 0.8rem 1rem;
min-width: 0;
color: #f1d8d1;
}
.c-button--style-download svg {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.c-button--style-download svg path {
stroke: currentColor;
}
.c-button--style-download span {
display: inline-block;
vertical-align: middle;
}
.c-button--block {
width: 100%;
}
@media (max-width: 39.99em) {
.c-button--block-mobile {
width: 100%;
}
}
.c-button--size-nano {
font-size: 13px;
padding: 4px 6px;
line-height: 13px;
min-width: 0;
}
.c-button--size-tiny {
font-size: 14px;
padding: 7px 1rem;
font-weight: 400;
line-height: 13px;
min-width: 0;
}
.c-button--size-thin {
padding: 0.75rem 1rem;
}
.c-button--size-small {
padding: 0.37rem 1rem;
}
.c-button--size-medium {
padding: 16px;
font-size: 18px;
}
.c-button--oval {
border-radius: 18px;
min-width: 97px;
}
.c-button--size-large {
padding: 1.07rem 1rem;
font-size: 18px;
line-height: 1;
}
@media (min-width: 46.25em) {
.c-button--size-large {
padding: 1.32rem 1rem;
}
}
.c-button--social {
width: 40px;
height: 40px;
line-height: 1;
text-align: center;
padding: 0;
display: inline-block;
position: relative;
font-size: 0 !important;
top: 12px;
}
.c-button--social i {
display: block;
font-size: initial;
}
.c-button--social i:before {
font-size: 18px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
.c-button--social.c-button, input.c-button--social[type=submit],
input.c-button--social[type=button],
input.c-button--social[type=reset], .c-button--social.gform_button {
font-size: 0 !important;
}
.c-button--secondary {
color: #8d8d8d;
background-color: #1e2126;
}
.c-button--secondary:active, .c-button--secondary:focus, .c-button--secondary:hover {
color: #1e2126;
background-color: #8d8d8d;
}
.c-button--outline {
border: 1px solid #1e2126;
background-color: transparent;
}
.c-button--outline:active, .c-button--outline:focus, .c-button--outline:hover {
background-color: #1e2126;
color: #8d8d8d;
}
.c-site-theme--veriu .c-button--outline-color-theme {
border-color: #005f30;
color: #005f30;
}
.c-site-theme--veriu .c-button--outline-color-theme:active, .c-site-theme--veriu .c-button--outline-color-theme:focus, .c-site-theme--veriu .c-button--outline-color-theme:hover {
background-color: #005f30;
color: white;
}
.c-site-theme--punthill .c-button--outline-color-theme {
border-color: #f15f22;
color: #f15f22;
}
.c-site-theme--punthill .c-button--outline-color-theme:active, .c-site-theme--punthill .c-button--outline-color-theme:focus, .c-site-theme--punthill .c-button--outline-color-theme:hover {
background-color: #f15f22;
color: white;
}
.c-contact-page {
color: white;
}
.c-site-theme--veriu .c-contact-page {
background-color: #005f30;
}
.c-site-theme--punthill .c-contact-page {
background-color: #1e2126;
}
.c-contact-page__title {
line-height: 1.0833333333;
margin-bottom: 45px;
}
.c-contact-page__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-contact-page__title {
font-size: calc(40px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-contact-page__title {
font-size: 60px;
}
}
.c-contact-page__description {
margin-bottom: 32px;
}
@media (min-width: 64em) {
.c-contact-page__description {
margin-bottom: 60px;
}
}
.c-contact-page__details {
margin-bottom: 60px;
}
.c-contact-page .c-colored-bar {
width: 47px;
}
.c-contact-page .gform_fields .gfield {
margin-bottom: 20px;
}
.c-contact-page .gform_fields .gfield label {
display: block;
color: white;
padding-bottom: 0.5rem;
}
.c-contact-page .gform_fields .gfield input,
.c-contact-page .gform_fields .gfield textarea {
border: 0;
border-radius: 2px;
background-color: white;
color: #1e2126;
}
.c-contact-page .gform_fields .gfield .gfield_checkbox {
list-style: none;
margin: 0;
padding: 0;
}
.c-contact-page .gform_fields .validation_message {
color: white;
}
.c-contact-page .gform_footer .c-button, .c-contact-page .gform_footer .post-password-form input[type=submit], .post-password-form .c-contact-page .gform_footer input[type=submit], .c-contact-page .gform_footer input[type=submit],
.c-contact-page .gform_footer input[type=button],
.c-contact-page .gform_footer input[type=reset], .c-contact-page .gform_footer .gform_button {
font-size: 16px;
}
@media (min-width: 46.25em) {
.c-contact-page .gform_confirmation_wrapper {
min-height: 400px;
}
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox {
list-style: none;
margin: 0;
padding: 0;
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox input {
position: absolute;
width: 29px;
opacity: 0;
height: 29px;
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox label {
position: relative;
font-size: 14px;
padding-left: 10px;
line-height: 29px;
display: inline-block;
cursor: pointer;
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox label:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 23px;
height: 23px;
border-radius: 2px;
content: "";
background-color: white;
margin-left: -10px;
margin-right: 22px;
top: -1px;
z-index: 1;
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox label:after {
position: absolute;
top: 9px;
left: 5px;
content: "";
display: inline-block;
height: 7px;
width: 13px;
border-left: 2px solid #1e2126;
border-bottom: 2px solid #1e2126;
opacity: 0;
z-index: 5;
transform: rotate(-45deg) scale(0);
transition: all ease-in-out 0.35s;
}
.c-contact-page .ginput_container_checkbox .gfield_checkbox input:checked + label:after {
opacity: 1;
transform: rotate(-45deg) scale(1);
}
.c-contact-page__upper {
background-repeat: no-repeat;
background-position: bottom right calc(50vw - 710px);
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-contact-page__upper {
padding-top: 6.4286rem;
padding-bottom: 8.57rem;
}
}
@media (max-width: 46.24em) {
.c-contact-page__upper {
background-image: none !important;
}
}
@media (min-width: 46.25em) {
.c-contact-page__upper .c-form-footer-banner__contact-item {
border: 0 !important;
}
.c-contact-page__upper .c-form-footer-banner__contact-item a {
font-size: 20px;
}
.c-contact-page__upper .c-form-footer-banner__contact-item i {
margin-right: 15px;
}
}
.c-contact-page__lower {
height: 255px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 46.25em) {
.c-contact-page__lower {
display: none;
}
}
.c-hero-banner {
position: relative;
height: 100vh;
background-color: #1d2125;
}
.c-hero-banner__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-position: right bottom;
background-size: cover;
background-repeat: no-repeat;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
opacity: 1;
z-index: 5;
}
.c-hero-banner__image:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #1e2126 100%), linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgb(0, 0, 0) 100%);
z-index: 6;
}
.c-hero-banner__image.do {
opacity: 1;
}
.c-hero-banner__content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: 100px;
margin: auto;
z-index: 8;
display: flex;
align-items: center;
color: white;
}
.c-hero-banner__logo {
display: none;
height: 44px;
margin-bottom: 43px;
}
.c-hero-banner__logo img {
height: 44px;
width: auto;
display: block;
}
@media (min-width: 75em) {
.c-hero-banner__logo {
display: inline-block;
}
}
.c-hero-banner h1 {
line-height: 0.9375;
padding-bottom: 10px;
}
.c-hero-banner h1 {
font-size: 43px;
}
@media screen and (min-width: 320px) {
.c-hero-banner h1 {
font-size: calc(43px + 37 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-hero-banner h1 {
font-size: 80px;
}
}
@media (max-width: 22.5em) {
.c-hero-banner h1 {
font-size: 38px;
}
}
.c-hero-banner h1 div {
overflow: hidden;
}
.c-hero-banner h1 .c-hero-banner__line span {
padding-bottom: 6px;
line-height: 1;
}
.c-hero-banner__line {
overflow: hidden;
margin-bottom: -0.1em;
}
.c-hero-banner__line.inline {
display: inline-block;
}
.c-hero-banner__line > div,
.c-hero-banner__line > span,
.c-hero-banner__line img {
display: inline-block;
vertical-align: bottom;
transition: transform cubic-bezier(0, 0.85, 0.24, 0.99) 0.8s, opacity linear 0.2s !important;
overflow: hidden;
transform: translateY(100%);
padding-bottom: 0.1em;
}
.c-hero-banner__line.do > div,
.c-hero-banner__line.do > span,
.c-hero-banner__line.do img {
transform: translateY(0);
}
.c-hero-banner__form {
min-height: 152px;
margin-top: 30px;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-hero-banner__form.do {
opacity: 1;
}
.c-hero-banner__counts-wrapper {
display: inline-block;
vertical-align: top;
}
.c-hero-banner__counts {
display: block;
font-size: 14px;
opacity: 0.8;
}
@media (min-width: 46.25em) {
.c-hero-banner__counts {
margin-left: 20px;
display: inline-block;
vertical-align: middle;
}
}
img.lazy {
opacity: 0;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
img.lazy--icon {
opacity: 0;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
img:not(.initial) {
transition: opacity 0.3s;
}
img.initial, img.loaded, img.error {
opacity: 1;
transition: opacity 0.3s;
}
img:not([src]) {
visibility: hidden;
}
.lazy:not(img) {
opacity: 0;
transition: opacity 0.3s;
}
.lazy:not(img)[data-ll-status=loaded],
.lazy:not(img)[data-ll-status=entered] {
opacity: 1;
}
.lazy--icon:not(img) {
opacity: 0;
transition: opacity 0.3s;
}
.lazy--icon:not(img)[data-ll-status=loaded],
.lazy--icon:not(img)[data-ll-status=entered] {
opacity: 1;
}
.c-lazy-wrapper {
width: 100%;
height: 0;
position: relative;
background-color: #a1a1a1;
padding-bottom: 50%;
}
.c-lazy-wrapper svg {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.c-lazy-wrapper--svg {
height: auto;
padding-bottom: 0;
}
.c-lazy-wrapper--loaded, .c-lazy-wrapper--transparent {
background-color: transparent;
}
.c-link {
color: #1e2126;
transition: color 300ms;
cursor: pointer;
}
.c-link:active, .c-link:focus, .c-link:hover {
color: #8d8d8d;
}
.c-link--secondary {
color: #8d8d8d;
}
.c-link--secondary:active, .c-link--secondary:focus, .c-link--secondary:hover {
color: #1e2126;
}
.c-link--underline {
position: relative;
display: inline-block;
transition: border-color 300ms;
text-decoration: none;
font-weight: 500;
font-size: 15px;
}
@media (min-width: 46.25em) {
.c-link--underline {
font-size: 18px;
}
}
.c-link--underline:active, .c-link--underline:focus, .c-link--underline:hover {
color: #1e2126;
}
.c-link--underline:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
transform: scaleX(1);
transform-origin: left;
transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-link-hover-trigger:hover .c-link--underline:before, .c-link--underline:active:before, .c-link--underline:focus:before, .c-link--underline:hover:before {
transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transform: scaleX(0);
transform-origin: right;
}
.c-site-theme--veriu .c-link--underline {
color: #005f30;
}
.c-site-theme--veriu .c-link--underline:before {
background-color: #005f30;
}
.c-site-theme--punthill .c-link--underline {
color: #f15f22;
}
.c-site-theme--punthill .c-link--underline:before {
background-color: #f15f22;
}
.c-link--underline-white {
border-bottom: 1px solid white;
transition: border-color 300ms;
}
.c-link--underline-white:active, .c-link--underline-white:focus, .c-link--underline-white:hover {
border-color: white;
color: white;
}
.c-link--underline-white-to-theme {
border-bottom: 1px solid white;
transition: border-color 300ms;
}
.c-site-theme--veriu .c-link--underline-white-to-theme:active, .c-site-theme--veriu .c-link--underline-white-to-theme:focus, .c-site-theme--veriu .c-link--underline-white-to-theme:hover {
border-color: #005f30;
color: #005f30;
}
.c-site-theme--punthill .c-link--underline-white-to-theme:active, .c-site-theme--punthill .c-link--underline-white-to-theme:focus, .c-site-theme--punthill .c-link--underline-white-to-theme:hover {
border-color: #f15f22;
color: #f15f22;
}
.c-link--underline-black {
border-bottom: 1px solid #2d2d2d;
transition: border-color 300ms;
}
.c-link--underline-black:active, .c-link--underline-black:focus, .c-link--underline-black:hover {
border-color: #2d2d2d;
color: #2d2d2d;
}
.c-link--underline-dotted-black {
border-bottom: 1px dashed #2d2d2d;
transition: border-color 300ms;
color: #848484;
font-size: 15px;
display: inline-block;
vertical-align: middle;
}
.c-link--underline-dotted-black:active, .c-link--underline-dotted-black:focus, .c-link--underline-dotted-black:hover {
border-color: #2d2d2d;
color: #2d2d2d;
}
.c-link--invis-underline {
display: inline-block;
position: relative;
}
.c-link--invis-underline:before {
content: "";
display: block;
position: absolute;
bottom: 1px;
left: 0;
right: 0;
height: 1px;
background-color: #8e8e8b;
transform: scaleX(0);
transform-origin: right;
transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-link-hover-trigger:hover .c-link--invis-underline:before, .c-link--invis-underline:active:before, .c-link--invis-underline:focus:before, .c-link--invis-underline:hover:before {
transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transform: scaleX(1);
transform-origin: left;
}
.c-site-theme--veriu .c-link--invis-underline-theme:before {
background-color: #005f30;
height: 2px;
}
.c-site-theme--veriu .c-link--invis-underline-theme:hover {
color: #005f30;
}
.c-site-theme--punthill .c-link--invis-underline-theme:before {
background-color: #f15f22;
height: 2px;
}
.c-site-theme--punthill .c-link--invis-underline-theme:hover {
color: #f15f22;
}
.c-logo {
display: block;
width: 20rem;
}
.c-logo__image {
display: block;
width: 100%;
}
.c-map {
min-height: 300px;
}
.c-offer-box {
background-color: white;
color: #1e2126;
max-width: 400px;
margin: auto;
}
@media (min-width: 64em) {
.c-offer-box {
display: flex;
max-width: none;
}
}
.c-offer-box__content {
max-width: 390px;
margin: auto;
}
.c-offer-box__left {
padding: 30px 25px;
order: 1;
}
@media (min-width: 46.25em) {
.c-offer-box__left {
padding: 30px;
}
}
.c-offer-box__right {
position: relative;
height: 250px;
order: 2;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.c-offer-box h4 {
line-height: 1.25;
}
.c-offer-box h4 {
font-size: 22px;
}
@media screen and (min-width: 320px) {
.c-offer-box h4 {
font-size: calc(22px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-offer-box h4 {
font-size: 32px;
}
}
.c-offer-box__description {
font-size: 15px;
margin-bottom: 30px;
}
.c-offer-box__button {
margin-bottom: 9px;
}
.c-site-theme--punthill .c-offer-box__button .c-button, .c-site-theme--punthill .c-offer-box__button input[type=submit],
.c-site-theme--punthill .c-offer-box__button input[type=button],
.c-site-theme--punthill .c-offer-box__button input[type=reset], .c-site-theme--punthill .c-offer-box__button .gform_button {
background-color: #2aa29e !important;
}
.c-offer-box__view-all {
text-align: center;
}
.c-offer-box__view-all a {
color: #bbb;
}
@media (min-width: 64em) {
.c-offer-box__left {
display: flex;
width: 50%;
align-items: center;
}
.c-offer-box__right {
width: 50%;
height: 508px;
}
}
.c-offer-box__flag {
display: flex;
position: absolute;
top: 0;
right: 30px;
background-color: #fd8f6f;
color: white;
width: 80px;
height: 90px;
border-radius: 0 0 100px 100px;
text-align: center;
align-items: flex-end;
justify-content: center;
padding: 10px 15px 30px 15px;
font-size: 16px;
line-height: 20px;
}
@media (min-width: 46.25em) {
.c-offer-box__flag {
width: 100px;
height: 120px;
padding: 10px 15px 30px 15px;
}
}
@media (min-width: 64em) {
.c-offer-box__flag {
height: 156px;
width: 126px;
right: 124px;
font-size: 18px;
line-height: 22px;
padding: 10px 15px 40px 15px;
}
}
.c-site-theme--punthill .c-offer-box__flag {
background-color: #2aa29e;
}
.c-offer-box__flag span {
display: inline-block;
vertical-align: middle;
position: relative;
bottom: -15px;
}
@media (min-width: 46.25em) {
.c-offer-box__flag span {
bottom: 0;
}
}
.c-panel--padded {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-panel--padded {
padding: 8.57rem 0;
}
}
.c-panel--padded + .c-panel--medium-padded {
padding-top: 0;
}
.c-panel--padded-bottom {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-panel--padded-bottom {
padding-bottom: 120px;
}
}
.c-panel--medium-padded {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-panel--medium-padded {
padding: 6.4286rem 0;
}
}
.c-panel--bg-off-black {
background-color: #1d2125;
color: white;
}
.c-panel--bg-off-black.c-panel--medium-padded + .c-panel--bg-off-black.c-panel--medium-padded, .c-panel--bg-off-black.c-panel--padded + .c-panel--bg-off-black.c-panel--padded {
padding-top: 0;
}
.c-panel--bg-off-black.c-panel--padded + .c-panel--bg-off-black.c-panel--medium-padded, .c-panel--bg-off-black.c-panel--medium-padded + .c-panel--bg-off-black.c-panel--padded {
padding-top: 0;
}
.c-site-theme--veriu .c-panel--bg-brand {
background-color: #005f30;
}
.c-site-theme--veriu .c-panel--bg-brand {
color: #fff;
}
.c-site-theme--punthill .c-panel--bg-brand {
color: #fff;
}
.c-site-theme--punthill .c-panel--bg-brand {
background-color: #f15f22;
}
.c-site-theme--veriu .c-panel--bg-brand {
color: #fff;
}
.c-site-theme--punthill .c-panel--bg-brand {
color: #fff;
}
.c-panel--bg-white {
background-color: white;
}
.c-panel--bg-white.c-panel--medium-padded + .c-panel--bg-white.c-panel--medium-padded, .c-panel--bg-white.c-panel--padded + .c-panel--bg-white.c-panel--padded {
padding-top: 0;
}
.c-panel--bg-off-white {
background-color: #fcf7f6;
}
.c-panel--bg-off-white.c-panel--medium-padded + .c-panel--bg-off-white.c-panel--medium-padded, .c-panel--bg-off-white.c-panel--padded + .c-panel--bg-off-white.c-panel--padded {
padding-top: 0;
}
.c-panel--bg-off-white.c-panel--padded + .c-panel--bg-off-white.c-panel--medium-padded, .c-panel--bg-off-white.c-panel--medium-padded + .c-panel--bg-off-white.c-panel--padded {
padding-top: 0;
}
.c-panel--bg-creme {
background-color: #f1d8d1;
}
.c-panel--separator:before {
display: block;
content: "";
background-color: #d5d5d5;
height: 1px;
max-width: 1240px;
margin: auto;
}
.c-social-media {
display: flex;
justify-content: center;
}
.c-social-media__link {
color: #1e2126;
display: block;
font-size: 1.1rem;
line-height: 2.3rem;
height: 2.3rem;
margin-right: 5px;
text-align: center;
}
.c-video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.c-video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-activities-intro {
display: none;
}
@media (min-width: 46.25em) {
.c-activities-intro {
display: block;
}
}
.c-activities-intro__title {
line-height: 1.2222222222;
}
.c-activities-intro__title {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.c-activities-intro__title {
font-size: calc(35px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-activities-intro__title {
font-size: 45px;
}
}
@media (min-width: 46.25em) {
.c-activities-list {
padding-bottom: 90px;
}
}
@media (max-width: 46.24em) {
.c-activities-list__map-holder {
margin-left: -25px;
margin-right: -25px;
}
}
.c-activities-list-map {
height: 358px;
margin-top: 40px;
background-color: #a1a1a1;
}
.c-activities-list__loader {
display: none;
padding: 30px 0;
text-align: center;
}
.c-activities-list__loader svg {
max-width: 100px;
}
.c-activities-panel {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
}
@media (min-width: 46.25em) {
.c-activities-panel {
padding-bottom: 120px;
border-bottom: 0;
margin-bottom: 0;
}
}
.c-activities-panel h2 {
margin-bottom: 0;
}
.c-activities-panel__read-more {
text-align: right;
padding-right: 60px;
}
.c-activities-panel__slider {
margin-top: 30px;
}
@media (min-width: 46.25em) {
.c-activities-panel__slider {
margin-top: 40px;
}
}
.c-activities-panel__item {
padding-right: 15px;
}
.c-activities-panel__item:last-child {
padding-right: 0;
}
.c-activities-panel .c-activity-tile {
border-radius: 12px;
overflow: hidden;
}
.c-activity-tile {
display: block;
width: 295px;
background-color: #fff;
}
@media (min-width: 46.25em) {
.c-activity-tile {
width: 330px;
}
}
.c-activity-tile-thumb {
position: relative;
overflow: hidden;
background-color: #a1a1a1;
}
.c-activity-tile-thumb__spacer {
height: 185px;
}
@media (min-width: 46.25em) {
.c-activity-tile-thumb__spacer {
padding-bottom: 56.0606060606%;
}
}
.c-activity-tile-thumb__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s !important;
}
.c-activity-tile-thumb:hover .c-activity-tile-thumb__image {
transform: scale(1.05);
}
.c-activity-tile__content {
padding: 16px;
}
@media (min-width: 64em) {
.c-activity-tile__content {
padding: 24px;
}
}
.c-activity-tile__distance {
margin-top: 8px;
float: right;
color: #8d8d8d;
margin-left: 10px;
}
.c-activity-tile h4 {
font-size: 20px;
line-height: 35px;
margin-bottom: 15px;
}
.c-activity-tile__excerpt {
color: #595959;
font-size: 13px;
margin-bottom: 15px;
}
.c-activity-tile .c-link {
font-size: 13px;
}
.c-activity-tile .c-tag-list {
margin-bottom: 5px;
}
.c-activity-tile--style-full {
width: 100%;
}
.c-activity-tile--style-full h4 {
margin-bottom: 5px;
}
.c-activity-tile--style-full .c-activity-tile__excerpt {
margin-top: 15px;
font-size: 14px;
}
.c-activity-tile--layout-large .c-activity-tile-thumb__spacer {
padding-bottom: 67.8333333333%;
}
.c-activity-tile--layout-large h4 {
line-height: 1.4;
}
.c-activity-tile--layout-large h4 {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.c-activity-tile--layout-large h4 {
font-size: calc(16px + 9 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-activity-tile--layout-large h4 {
font-size: 25px;
}
}
.c-activity-tile--layout-side {
margin-bottom: 36px;
}
@media (min-width: 46.25em) {
.c-activity-tile--layout-side {
display: flex;
align-items: stretch;
}
}
.c-activity-tile--layout-side:last-child {
margin-bottom: 0;
}
@media (min-width: 46.25em) {
.c-activity-tile--layout-side .c-activity-tile-thumb {
width: 40%;
margin-bottom: 0;
}
.c-activity-tile--layout-side .c-activity-tile-thumb__spacer {
padding-bottom: 100%;
}
}
.c-activity-tile--layout-side h4 {
margin-bottom: 5px;
}
@media (min-width: 46.25em) {
.c-activity-tile--layout-side .c-activity-tile__content {
display: flex;
justify-content: center;
flex-direction: column;
width: 60%;
padding: 36px;
}
}
.c-activity-tile--layout-normal {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-activity-tile--layout-normal {
margin-bottom: 48px;
}
}
.c-career-filter-wrapper {
text-align: center;
max-width: 600px;
margin: auto;
}
.c-career-filter-wrapper h2 {
font-size: 25px;
font-weight: 700;
margin-bottom: 24px;
}
@media (min-width: 64em) {
.c-career-filter-wrapper h2 {
font-size: 40px;
font-weight: 500;
}
}
.c-career-filter-wrapper span {
font-size: 18px;
display: block;
margin-bottom: 48px;
}
.c-career-intro {
padding-top: 40px;
}
.c-career-intro__wrapper {
background-color: #fff;
padding: 40px;
border-radius: 3px;
}
.c-career-intro__block {
margin-bottom: 32px;
font-size: 1.1rem;
}
.c-career-intro__block:last-child {
margin-bottom: 0;
}
.c-career-intro .c-button, .c-career-intro input[type=submit],
.c-career-intro input[type=button],
.c-career-intro input[type=reset], .c-career-intro .gform_button {
max-width: 155px;
}
.c-career-intro .c-button + .c-button, .c-career-intro input[type=submit] + .c-button,
.c-career-intro input[type=button] + .c-button,
.c-career-intro input[type=reset] + .c-button, .c-career-intro .gform_button + .c-button, .c-career-intro .c-button + input[type=submit], .c-career-intro input[type=submit] + input[type=submit],
.c-career-intro input[type=button] + input[type=submit],
.c-career-intro input[type=reset] + input[type=submit], .c-career-intro .gform_button + input[type=submit],
.c-career-intro .c-button + input[type=button],
.c-career-intro input[type=submit] + input[type=button],
.c-career-intro input[type=button] + input[type=button],
.c-career-intro input[type=reset] + input[type=button],
.c-career-intro .gform_button + input[type=button],
.c-career-intro .c-button + input[type=reset],
.c-career-intro input[type=submit] + input[type=reset],
.c-career-intro input[type=button] + input[type=reset],
.c-career-intro input[type=reset] + input[type=reset],
.c-career-intro .gform_button + input[type=reset], .c-career-intro .c-button + .gform_button, .c-career-intro input[type=submit] + .gform_button,
.c-career-intro input[type=button] + .gform_button,
.c-career-intro input[type=reset] + .gform_button, .c-career-intro .gform_button + .gform_button {
margin-left: 1rem;
}
.c-career-intro h3 {
color: #8d8d8d;
font-size: 1.1rem;
font-weight: 400;
margin-bottom: 16px;
}
.c-career-overview h3 {
font-size: 15px;
font-weight: 400;
color: #333;
}
.c-career-overview__description {
max-width: 865px;
padding-bottom: 4.3rem;
padding-right: 48px;
}
@media (min-width: 64em) {
.c-career-overview__description {
padding-bottom: 96px;
}
}
.c-career-overview__description p {
font-size: 25px;
line-height: 1.3;
font-family: "CircularStd", "Arial", sans-serif;
font-weight: 500;
}
@media (min-width: 64em) {
.c-career-overview__description p {
font-size: 40px;
}
}
@media (min-width: 64em) {
.c-career-overview-cards {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 63.99em) {
.c-career-overview-cards:after {
content: "flickity";
display: none;
}
}
@media (min-width: 64em) {
.c-career-overview-cards--carousel {
display: block;
}
.c-career-overview-cards--carousel:after {
content: "flickity";
display: none;
}
}
.c-career-overview-cards .flickity-viewport {
overflow: visible;
}
.c-career-overview-cards__card {
width: 228px;
margin: 0 0 0 24px;
overflow: hidden;
min-height: 100%;
background-color: #fff;
border-radius: 6px;
}
@media (min-width: 64em) {
.c-career-overview-cards__card {
width: 17.8%;
margin: 0 24px 0 0;
transform: none;
}
}
.c-career-overview-cards__card:last-of-type {
margin-right: 0;
}
.c-career-overview-cards__card-wrapper {
height: 100%;
padding: 30px;
text-align: center;
display: flex;
flex-direction: column;
flex: 1;
}
.c-career-overview-cards__card-icon {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
margin: 0 auto;
background-color: #c1d9ce;
font-size: 40px;
font-weight: 500;
color: #005f30;
}
.c-career-overview-cards__card h4 {
margin: 30px auto 0;
font-size: 20px;
font-weight: 400;
max-width: 140px;
}
.c-career-text-block {
padding-top: 40px;
}
.c-career-text-block:last-child {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-career-text-block:last-child {
padding-bottom: 80px;
}
}
.c-career-text-block h3 {
font-size: 25px;
margin-bottom: 24px;
}
@media (min-width: 64em) {
.c-career-text-block h3 {
margin-bottom: 32px;
}
}
.c-career-text-block p {
font-size: 14px;
}
.c-career-text-block ul {
margin-bottom: 0;
}
.c-career-tile {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
opacity: 1;
transform: translateY(0);
transition: all 300ms;
}
@media (min-width: 64em) {
.c-career-tile {
flex-direction: row;
}
}
.c-career-tile:last-child {
margin-bottom: 0;
}
.c-career--searching .c-career-tile {
transform: translateY(10px);
opacity: 0;
}
.c-career-tile-wrapper h4 {
color: #005f30;
font-size: 24px;
font-weight: 500;
margin-bottom: 40px;
margin-top: 64px;
opacity: 1;
transform: translateY(0);
transition: all 150ms;
}
@media (min-width: 64em) {
.c-career-tile-wrapper h4 {
font-size: 30px;
margin-top: 72px;
}
}
.c-career--searching .c-career-tile-wrapper h4 {
transform: translateY(10px);
opacity: 0;
}
.c-career-tile__loading {
text-align: center;
margin: 0 auto;
width: 100%;
opacity: 0;
visibility: hidden;
position: relative;
transition: opacity 300ms, visibility 300ms;
}
.c-career-tile__loading.active {
opacity: 1;
visibility: visible;
}
.c-career-tile__loading span {
display: block;
background-image: url("../images/loader.svg");
background-size: 50px;
min-height: 40px;
width: 40px;
margin: 0 auto;
position: absolute;
top: 16px;
left: 0;
right: 0;
background-repeat: no-repeat;
background-position: center left -10px;
}
@media (min-width: 64em) {
.c-career-tile__loading span {
top: 50px;
}
}
.c-career-tile__message {
text-align: center;
margin: 6rem auto 0;
font-size: 40px;
}
.c-career-tile__column {
flex: 1;
padding: 24px;
}
@media (min-width: 64em) {
.c-career-tile__column {
flex: 2.25;
padding: 50px;
border-right: 1px solid #f0f0f0;
}
}
.c-career-tile__column:last-child {
flex: 1;
text-align: center;
border-right: none;
}
@media (max-width: 63.99em) {
.c-career-tile__column:last-child {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
padding: 0 24px 24px;
}
}
.c-career-tile__column:last-child .c-button, .c-career-tile__column:last-child input[type=submit],
.c-career-tile__column:last-child input[type=button],
.c-career-tile__column:last-child input[type=reset], .c-career-tile__column:last-child .gform_button {
display: inline-block;
margin: 0 0 0 0.25rem;
width: 100%;
min-width: auto;
}
@media (min-width: 64em) {
.c-career-tile__column:last-child .c-button, .c-career-tile__column:last-child input[type=submit],
.c-career-tile__column:last-child input[type=button],
.c-career-tile__column:last-child input[type=reset], .c-career-tile__column:last-child .gform_button {
width: auto;
max-width: 250px;
display: block;
margin: 1rem auto 1rem;
}
}
.c-career-tile__column:last-child .c-link {
font-size: 15px;
}
@media (max-width: 63.99em) {
.c-career-tile__column:last-child .c-link {
width: 100%;
margin: 0 0.25rem 0 0;
padding: 0.93rem 1rem;
display: inline-block;
border: 1px solid #005f30;
line-height: 1.71429;
border-radius: 4px;
}
.c-career-tile__column:last-child .c-link:before {
display: none;
}
}
.c-career-tile h2 {
font-size: 20px;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
font-weight: 700;
}
@media (min-width: 64em) {
.c-career-tile h2 {
flex-direction: row-reverse;
align-items: center;
margin-bottom: 20px;
}
}
.c-career-tile h2 span {
background-color: #f8ebe8;
border-radius: 20px;
padding: 4px 16px;
font-size: 14px;
font-weight: 400;
margin-bottom: 1rem;
}
@media (min-width: 64em) {
.c-career-tile h2 span {
margin: 0;
}
}
.c-career-tile h3 {
font-size: 14px;
font-weight: 400;
color: #8d8d8d;
margin-bottom: 16px;
}
@media (min-width: 64em) {
.c-career-tile h3 {
font-size: 18px;
}
}
@media (min-width: 64em) {
.c-career-tile__excerpt {
max-width: 80%;
}
}
.c-career-why__title {
font-size: 30px;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-career-why__title {
font-size: 60px;
text-align: left;
margin-bottom: 0;
}
}
.c-career-why-block {
padding-bottom: 40px;
margin-top: 40px;
position: relative;
}
@media (min-width: 46.25em) {
.c-career-why-block {
padding-bottom: 106px;
margin-top: 106px;
}
}
.c-career-why-block:after {
content: "";
display: block;
background-color: #ddd;
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media (min-width: 46.25em) {
.c-career-why-block:after {
max-width: 1240px;
margin: auto;
}
}
.c-career-why-block__image {
max-width: 184px;
margin: 0 auto 30px;
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (min-width: 46.25em) {
.c-career-why-block__image {
max-width: 400px;
margin: auto;
}
}
.c-career-why-block__image-spacer {
padding-bottom: 100%;
}
.c-career-why-block__content {
max-width: 500px;
margin: auto;
}
.c-career-why-block__title {
font-size: 30px;
text-align: center;
}
@media (min-width: 46.25em) {
.c-career-why-block__title {
font-size: 36px;
text-align: left;
}
}
.c-career-why-block__description {
max-height: 185px;
}
@media (min-width: 64em) {
.c-search-form__dropdowns {
display: flex;
}
}
.c-search-form__dropdowns select {
margin: 0 0 10px 0;
padding: 1rem 2rem;
border-radius: 27.5px;
border: 0;
background: #fff url("../images/icon-arrow-down.svg") no-repeat right 1.5rem center;
background-size: 1.1rem;
font-size: 18px;
font-weight: 500;
}
@media (min-width: 64em) {
.c-search-form__dropdowns select {
margin: 0 10px;
}
}
.c-search-form__dropdowns select:last-child {
margin-bottom: 0;
}
.c-alert-block {
position: relative;
padding: 15px 32px;
border-radius: 12px;
padding-left: 60px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-alert-block {
padding-left: 80px;
}
}
.c-site-theme--veriu .c-alert-block {
background-color: #005f30;
color: white;
}
.c-site-theme--punthill .c-alert-block {
background-color: #f15f22;
color: white;
}
.c-alert-block__close {
position: absolute;
top: 19px;
left: 23px;
display: block;
width: 17px;
height: 17px;
background-image: url("../images/alert-close.svg");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
@media (min-width: 46.25em) {
.c-alert-block__close {
left: 30px;
}
}
.c-alert-block__message a {
text-decoration: underline;
color: white;
cursor: pointer;
}
.c-alert-block--deleting {
opacity: 0;
visibility: hidden;
}
.c-amenities-list {
list-style: none;
padding: 0;
margin: 0;
}
.c-amenities-list li {
display: inline-block;
}
.c-amenities-list img {
display: inline-block;
vertical-align: middle;
opacity: 0.63;
width: 100%;
max-width: 34px;
}
@media (min-width: 46.25em) {
.c-amenities-list--columns {
display: flex;
flex-wrap: wrap;
}
.c-amenities-list--columns li {
width: 33.3333333333%;
}
}
.c-amenities-list--columns div {
max-width: 30px;
margin-right: 5px;
flex-shrink: 0;
}
@media (min-width: 46.25em) {
.c-amenities-list--columns div {
max-width: 30px;
}
}
@media (min-width: 81.25em) {
.c-amenities-list--columns div {
position: relative;
top: 0;
margin-right: 20px;
}
}
.c-amenities-list--columns span {
line-height: 20px;
}
.c-amenities-list--columns .c-lazy-wrapper {
background-color: transparent;
width: 20px;
height: 20px;
top: 0;
}
.c-amenities-list--columns img {
max-width: 30px;
height: auto;
opacity: 0.9;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-amenities-list--columns img {
display: block;
margin-bottom: 5px;
}
}
@media (min-width: 46.25em) {
.c-amenities-list--columns img {
max-width: 30px;
}
}
.c-amenities-list--columns li {
display: flex;
align-items: center;
width: 100%;
margin-right: 0 !important;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-amenities-list--columns li {
text-align: left;
}
}
@media (min-width: 46.25em) {
.c-amenities-list--columns li {
display: flex;
align-items: center;
padding-right: 20px;
width: 47%;
}
}
@media (min-width: 64em) {
.c-amenities-list--columns li {
padding-right: 24px;
}
}
.c-amenities-list--columns li span {
line-height: 16px !important;
}
@media (max-width: 46.24em) {
.c-amenities-list--item-margin-large {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 46.24em) {
.c-amenities-list--item-margin-large li {
display: block;
margin-bottom: 30px;
width: 50%;
text-align: center;
}
.c-amenities-list--item-margin-large li:last-child {
margin-bottom: 0;
}
.c-amenities-list--item-margin-large li div {
display: block;
margin: auto;
margin-bottom: 5px;
}
.c-amenities-list--item-margin-large li span {
font-size: 16px;
}
}
@media (min-width: 46.25em) {
.c-amenities-list--item-margin-large li {
margin-bottom: 0;
margin-top: 40px;
}
.c-amenities-list--item-margin-large li:first-child, .c-amenities-list--item-margin-large li:nth-child(2), .c-amenities-list--item-margin-large li:nth-child(3) {
margin-top: 0;
}
}
@media (min-width: 46.25em) {
.c-amenities-list--list li {
display: flex;
width: 100%;
align-items: center;
}
}
@media (min-width: 46.25em) {
.c-amenities-list--list .c-amenities-list__image {
width: 40px;
margin-right: 16px;
}
.c-amenities-list--list .c-amenities-list__image img {
opacity: 1 !important;
}
}
.c-amenities-list--small img {
max-width: 20px;
}
.c-amenities-list-popup {
position: relative;
}
@media (min-width: 46.25em) {
.c-amenities-list-popup {
margin-bottom: 40px;
}
}
@media (max-width: 46.24em) {
.c-amenities-list-popup {
border-top: 1px solid #ddd;
margin: 0 -15px;
padding: 0 15px;
padding-top: 15px;
}
.c-amenities-list-popup .c-amenities-list {
display: inline-flex;
flex-wrap: wrap;
}
.c-amenities-list-popup .c-amenities-list--columns svg {
max-width: 30px;
margin-right: 10px;
}
.c-amenities-list-popup .o-type--section-title {
font-size: 20px;
margin-bottom: 10px;
}
}
.c-amenities-list-popup__view-all {
margin-top: 8px;
}
@media (min-width: 46.25em) {
.c-amenities-list-popup__view-all {
display: none;
}
}
.c-breadcrumbs {
font-size: 13px;
margin-bottom: 16px;
color: #a1a1a1;
}
@media (min-width: 64em) {
.c-breadcrumbs {
font-size: 14px;
margin-bottom: 32px;
}
}
.c-breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
}
.c-breadcrumbs li {
display: inline-block;
vertical-align: middle;
}
.c-breadcrumbs li a {
color: #a1a1a1;
transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-breadcrumbs li a:hover {
color: #1d2125;
}
.c-breadcrumbs li:after {
content: "/";
}
.c-breadcrumbs li:last-child a {
color: #1d2125;
}
.c-breadcrumbs li:last-child:after {
display: none;
}
.c-carousel-layout__title {
margin-bottom: 0;
line-height: 1.0857142857;
font-weight: 700;
}
.c-carousel-layout__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-carousel-layout__title {
font-size: calc(20px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-carousel-layout__title {
font-size: 35px;
}
}
.c-carousel-layout__link {
text-align: right;
}
@media (min-width: 46.25em) {
.c-carousel-layout__link {
padding-right: 60px;
}
}
.c-carousel-layout__upper {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-carousel-layout__upper {
margin-bottom: 50px;
}
}
.c-carousel-layout__carousel-wrapper {
position: relative;
}
@media (max-width: 46.24em) {
.c-carousel-layout__carousel-wrapper {
padding-right: 0 !important;
}
}
.c-carousel-layout__slider .flickity-button {
top: -75px;
width: 20px;
height: 20px;
background-color: transparent;
box-shadow: none !important;
display: none;
}
@media (min-width: 46.25em) {
.c-carousel-layout__slider .flickity-button {
top: -75px;
display: block;
}
}
.c-carousel-layout__slider .flickity-button svg {
display: none;
}
.c-carousel-layout__slider .flickity-button:before {
display: inline-block;
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
}
.c-carousel-layout__slider .flickity-button.previous {
left: auto;
right: 30px;
}
.c-carousel-layout__slider .flickity-button.previous:before {
background-image: url("../images/icon-arrow-right-dark.svg");
transform: rotate(-180deg);
}
.c-carousel-layout__slider .flickity-button.next {
right: 5px;
}
.c-carousel-layout__slider .flickity-button.next:before {
background-image: url("../images/icon-arrow-right-dark.svg");
}
.c-carousel-layout__slider-count {
color: #a1a1a1;
position: absolute;
right: 15px;
top: -53px;
}
.c-colored-bar {
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-site-theme--veriu .c-colored-bar--color-theme {
background-color: #005f30;
}
.c-site-theme--punthill .c-colored-bar--color-theme {
background-color: #f15f22;
}
.c-colored-bar--color-white {
background-color: white;
}
.c-colored-bar--color-creme {
background-color: #f1d8d1;
}
.c-colored-bar--color-grey {
background-color: #8d8d8d;
}
.c-colored-bar--size-normal {
height: 3px;
width: 29px;
}
@media (min-width: 46.25em) {
.c-colored-bar--size-normal {
height: 4px;
}
}
.c-colored-bar--size-wide {
width: 51px;
height: 3px;
}
@media (min-width: 46.25em) {
.c-colored-bar--size-wide {
height: 5px;
}
}
.c-colored-bar--size-large {
width: 51px;
height: 5px;
}
@media (min-width: 46.25em) {
.c-colored-bar--size-large {
height: 7px;
}
}
.c-colored-bar--margin-bottom {
margin-bottom: 20px;
}
@media (min-width: 46.25em) {
.c-colored-bar--margin-bottom {
margin-bottom: 50px;
}
}
.c-colored-bar--margin-bottom-large {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-colored-bar--margin-bottom-large {
margin-bottom: 90px;
}
}
.c-colored-bar--animate:not(.do) {
width: 0;
}
.c-coloured-label--color-salmon {
background-color: #fd8f6f;
color: white;
}
.c-coloured-label--size-tiny {
border-radius: 3px;
font-size: 13px;
padding: 4px 6px;
}
.cta-banner {
padding: 72px 0;
}
.cta-banner__title {
line-height: 1.1290322581;
}
.cta-banner__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.cta-banner__title {
font-size: calc(40px + 22 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.cta-banner__title {
font-size: 62px;
}
}
@media (max-width: 46.24em) {
.cta-banner__title {
margin-bottom: 20px;
}
}
.cta-banner__image {
max-width: 243px;
border-radius: 50%;
margin: auto;
overflow: hidden;
margin-bottom: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #a1a1a1;
}
@media (min-width: 46.25em) {
.cta-banner__image {
margin-bottom: 0;
max-width: 526px;
}
}
.cta-banner__image:before {
content: "";
display: block;
padding-bottom: 100%;
}
.cta-banner__image img {
display: block;
max-width: 100%;
height: auto;
}
.cta-banner__content {
max-width: 466px;
margin: auto;
font-size: 16px;
line-height: 27px;
}
@media (min-width: 46.25em) {
.cta-banner__phone i {
display: none;
}
}
.cta-banner__content-inner {
position: relative;
}
@media (min-width: 64em) {
.cta-banner__content-inner {
padding-left: 142px;
}
}
.cta-banner__content-inner:before {
content: "";
display: block;
margin-bottom: 20px;
width: 47px;
height: 3px;
background-color: #f1d8d1;
}
@media (min-width: 64em) {
.cta-banner__content-inner:before {
position: absolute;
top: 10px;
left: 0;
}
}
.cta-banner__description {
margin-bottom: 30px;
}
.cta-banner__footnote {
margin-top: 20px;
}
body.c-site-theme--veriu .cta-banner {
background-color: #005f30;
color: #f1d8d1;
}
body.c-site-theme--punthill .cta-banner {
background-color: #f15f22;
color: white;
}
body.c-site-theme--punthill .cta-banner .c-button--color-creme {
color: #f15f22;
}
.cta-banner__price-block {
margin-bottom: 20px;
}
.cta-banner__price-label {
font-size: 14px;
line-height: 20px;
margin-bottom: 7px;
}
.cta-banner__price {
font-size: 40px;
font-weight: 700;
}
.cta-banner__price span {
font-weight: 400;
font-size: 14px;
}
.cta-banner__sub-title {
font-size: 18px;
line-height: 22px;
margin-bottom: 35px;
font-weight: 400;
}
.cta-banner--hotel .cta-banner__content a {
font-size: 30px;
color: #f1d8d1;
font-weight: 800;
}
@media (min-width: 64em) {
.cta-banner--hotel .cta-banner__title {
margin-bottom: 80px;
}
}
@media (max-width: 46.24em) {
.cta-banner--hotel .cta-banner__phone {
display: block;
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 17px 20px;
border-radius: 4px;
font-size: 30px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.cta-banner--hotel .cta-banner__phone i {
margin-right: -10px;
}
.cta-banner--hotel .cta-banner__phone:active, .cta-banner--hotel .cta-banner__phone:focus, .cta-banner--hotel .cta-banner__phone:hover {
background-color: rgba(0, 0, 0, 0.4);
}
}
@media (max-width: 46.24em) {
.cta-banner--hotel .cta-banner__footnote {
text-align: center;
}
}
.cta-banner--simple {
color: white !important;
}
.cta-banner--simple .cta-banner__content-inner {
padding-left: 0;
font-size: 15px;
}
.cta-banner--simple .cta-banner__content-inner:before {
display: none;
}
.cta-banner--simple .cta-banner__image {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.cta-banner--simple .cta-banner__image {
margin-bottom: 0;
}
}
.cta-banner--color-pink {
background-color: #f1d8d1 !important;
}
.cta-banner--color-pink .cta-banner__description a {
color: #005f30;
text-decoration: underline;
}
.c-site-theme--punthill .cta-banner--color-pink {
color: #1e2126 !important;
}
.c-site-theme--punthill .cta-banner--color-pink .cta-banner__description a {
color: #1e2126;
}
.c-site-theme--veriu .cta-banner--color-pink {
color: #005f30 !important;
}
.cta-banner--form {
color: white !important;
}
.cta-banner--form .c-login-popup__footer {
color: rgba(252, 247, 246, 0.8);
}
.cta-banner--form .cta-banner__title {
line-height: 1.2285714286;
margin-bottom: 26px;
color: white;
}
.cta-banner--form .cta-banner__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.cta-banner--form .cta-banner__title {
font-size: calc(30px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.cta-banner--form .cta-banner__title {
font-size: 35px;
}
}
.cta-banner--form .cta-banner__image {
max-width: 142px;
margin-left: 0;
margin-bottom: 48px;
}
@media (min-width: 46.25em) {
.cta-banner--form .cta-banner__image {
max-width: 482px;
margin-bottom: 0;
}
}
.cta-banner--form .cta-banner__form label {
color: white;
}
.cta-banner--form .cta-banner__form input,
.cta-banner--form .cta-banner__form textarea,
.cta-banner--form .cta-banner__form select {
color: white;
background-color: transparent;
border: 1px solid #fcf7f6 !important;
}
.cta-banner--form .cta-banner__form input::placeholder {
color: white;
}
.cta-banner--form .cta-banner__form select {
background-image: url("../images/icon-arrow-down-white.svg");
background-size: 1rem;
background-position: right 20px center;
}
.cta-banner--form .cta-banner__form select option {
color: black;
}
.cta-banner--form .cta-banner__form button {
margin-bottom: 24px;
}
.cta-banner--form .cta-banner__form .populate-hotels {
display: none;
}
.cta-banner--form .cta-banner__form--hotel-list .populate-hotels {
display: block;
}
@media (max-width: 767px) {
.cta-banner--form .cta-banner__content {
max-width: none;
}
}
.c-expandable-block {
overflow: hidden;
text-overflow: ellipsis;
transition: max-height ease-in-out 0.35s;
}
.c-expandable-block__read-more {
position: relative;
line-height: 20px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
margin-top: 0;
transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-expandable-block__read-more {
font-size: 15px;
}
}
.c-expandable-block__read-more span {
position: relative;
display: inline-block;
z-index: 5;
color: #a1a1a1;
user-select: none;
}
.c-expandable-block__read-more:before {
display: block;
content: "";
position: absolute;
pointer-events: none;
bottom: 100%;
left: 0;
right: 0;
height: 50px;
z-index: 0;
opacity: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
transition: opacity ease-in-out 0.35s;
}
.c-expandable-block--off-white + .c-expandable-block__read-more span {
color: #1e2126;
border-bottom: 1px solid #1e2126;
}
.c-expandable-block--off-white + .c-expandable-block__read-more:before {
background: linear-gradient(180deg, rgba(252, 247, 246, 0) 0%, rgba(252, 247, 246, 0.85) 71.15%, #fcf7f6 100%);
}
.c-expandable-block.opened + .c-expandable-block__read-more {
margin-top: 20px;
}
.c-expandable-block.opened + .c-expandable-block__read-more:before {
opacity: 0;
}
.c-faqs-block__title {
line-height: 1.375;
}
.c-faqs-block__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-faqs-block__title {
font-size: calc(20px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-faqs-block__title {
font-size: 40px;
}
}
.c-faqs-block__faqs {
background-color: white;
}
.c-faqs-block__left {
margin-bottom: 30px;
max-width: 460px;
}
.c-faqs-block__description {
max-width: 280px;
font-size: 14px;
color: #595959;
margin-bottom: 30px;
display: none;
}
@media (min-width: 46.25em) {
.c-faqs-block__description {
display: block;
}
}
.c-faq {
padding: 0.55rem 0;
overflow: hidden;
border-bottom: 1px solid #f0f0f0;
}
@media (min-width: 46.25em) {
.c-faq {
padding: 1.2rem 0;
}
}
.c-faq__title {
position: relative;
font-family: "CircularStd", "Arial", sans-serif;
font-weight: 400;
margin: 0;
user-select: none;
padding: 10px 20px;
padding-right: 60px;
cursor: pointer;
color: #263b40;
line-height: 1.2;
}
.c-faq__title {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.c-faq__title {
font-size: calc(16px + 4 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-faq__title {
font-size: 20px;
}
}
.c-faq__title:after {
position: absolute;
top: 50%;
right: 20px;
content: "";
display: block;
background-repeat: no-repeat;
background-size: 1rem;
background-position: center;
margin-top: -1rem;
width: 2rem;
height: 2rem;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-site-theme--veriu .c-faq__title:after {
background-image: url("../images/icon-arrow-down-green.svg");
}
.c-site-theme--punthill .c-faq__title:after {
background-image: url("../images/icon-arrow-down-punthill.svg");
}
.c-faq__answer {
visibility: hidden;
opacity: 0;
font-size: 15px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-faq__answer-content {
padding: 10px 20px;
color: #848484;
}
.c-faq--is-active .c-faq__title:after {
transform: scale(-1);
}
.c-faq--is-active .c-faq__answer {
visibility: visible;
opacity: 1;
}
.c-form-footer-banner {
position: relative;
}
.c-site-theme--veriu .c-form-footer-banner {
background-color: #005f30;
}
.c-site-theme--punthill .c-form-footer-banner {
background-color: #1e2126;
}
.c-form-footer-banner__upper {
position: relative;
padding-top: 4.3rem;
z-index: 2;
color: white;
}
@media (min-width: 64em) {
.c-form-footer-banner__upper {
padding-top: 6.4286rem;
padding-bottom: 260px;
min-height: 1080px;
}
}
.c-form-footer-banner__upper h3 {
line-height: 1.25;
}
.c-form-footer-banner__upper h3 {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-form-footer-banner__upper h3 {
font-size: calc(25px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-form-footer-banner__upper h3 {
font-size: 40px;
}
}
.c-form-footer-banner__upper .c-button, .c-form-footer-banner__upper input[type=submit],
.c-form-footer-banner__upper input[type=button],
.c-form-footer-banner__upper input[type=reset], .c-form-footer-banner__upper .gform_button {
font-size: 16px;
}
.c-form-footer-banner__description {
margin: 29px 0;
}
.c-form-footer-banner__lower {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 277px;
}
@media (min-width: 64em) {
.c-form-footer-banner__lower {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 461px;
}
}
.c-form-footer-banner__form-block {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
background-color: white;
color: #000;
border-radius: 5px;
padding: 20px 30px;
padding-top: 30px;
margin-top: 50px;
margin-bottom: -125px;
}
@media (min-width: 64em) {
.c-form-footer-banner__form-block {
margin-left: 50px;
margin-top: 0;
margin-bottom: 0;
padding: 50px 50px;
}
}
.c-form-footer-banner__form-icon {
float: right;
width: 59px;
height: 59px;
background-color: rgba(0, 95, 48, 0.08);
border-radius: 50%;
line-height: 59px;
text-align: center;
}
.c-form-footer-banner__form-icon svg {
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
}
.c-site-theme--veriu .c-form-footer-banner__form-icon svg rect,
.c-site-theme--veriu .c-form-footer-banner__form-icon svg circle,
.c-site-theme--veriu .c-form-footer-banner__form-icon svg path {
stroke: #005f30;
}
.c-site-theme--punthill .c-form-footer-banner__form-icon svg rect,
.c-site-theme--punthill .c-form-footer-banner__form-icon svg circle,
.c-site-theme--punthill .c-form-footer-banner__form-icon svg path {
stroke: #f15f22;
}
.c-site-theme--punthill .c-form-footer-banner__form-icon {
background-color: #fcf7f6;
}
.c-form-footer-banner__contact-details {
margin-top: 40px;
}
.c-form-footer-banner__form-title {
font-size: 20px;
font-weight: 500;
max-width: 318px;
margin-bottom: 10px;
margin-right: 50px;
}
.c-form-footer-banner__form-description {
font-size: 15px;
color: #848484;
}
.c-form-footer-banner__form {
margin-top: 30px;
}
@media (min-width: 46.25em) {
.c-form-footer-banner__form {
margin-top: 40px;
}
}
.c-form-footer-banner__form .c-form-footer-banner__form-title {
margin: 10px 0;
}
.c-form-footer-banner__form .gform_confirmation_wrapper {
padding: 0;
}
.c-form-footer-banner__form .gform_confirmation_message {
padding: 6rem 3rem;
text-align: left;
}
.c-site-theme--veriu .c-form-footer-banner__form .gform_confirmation_message {
background-color: #e0eae5;
color: #005f30;
}
.c-site-theme--punthill .c-form-footer-banner__form .gform_confirmation_message {
background-color: #e0eae5;
color: #005f30;
}
@media (min-width: 46.25em) {
.c-form-footer-banner__form .gform_fields {
justify-content: space-between;
}
.c-form-footer-banner__form .gform_fields .gfield-half {
padding-right: 0;
width: calc(50% - 20px);
}
.c-form-footer-banner__form .gform_fields .gfield-quarter-right,
.c-form-footer-banner__form .gform_fields .gfield-quarter {
width: calc(25% - 30px);
padding: 0;
}
.c-form-footer-banner__form .gform_fields .gfield-quarter {
margin-left: 40px;
}
.c-form-footer-banner__form .gform_fields .gfield-quarter-right {
margin-left: 40px;
}
.c-form-footer-banner__form .gform_fields .gfield-half-right {
float: right;
padding-right: 0;
width: calc(50% - 20px);
}
}
.c-form-footer-banner__contact-item {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.c-form-footer-banner__contact-item-label {
font-size: 18px;
margin-top: 24px;
}
@media (min-width: 64em) {
.c-form-footer-banner__contact-item-label {
font-size: 21px;
margin-top: 40px;
}
}
.c-form-footer-banner__contact-item a {
color: #fff;
display: block;
padding: 12px 0;
font-size: 18px;
}
.c-form-footer-banner__contact-item i {
display: inline-block;
vertical-align: middle;
background-color: rgba(241, 216, 209, 0.1);
color: #f1d8d1;
width: 30px;
height: 30px;
line-height: 25px;
border-radius: 50%;
font-size: 1.1rem;
padding: 5px;
margin-right: 10px;
text-align: center;
}
.c-form-footer-banner__contact-item i svg {
position: relative;
top: -4px;
display: inline-block;
vertical-align: middle;
max-width: 20px;
}
.c-form-footer-banner__contact-item i:before {
position: relative;
top: -2px;
}
.c-form-footer-banner__contact-item span {
display: inline-block;
vertical-align: middle;
}
.c-form-footer-banner__contact-item:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.c-site-theme--veriu .c-highlight--text, .c-site-theme--veriu .c-login-popup__title {
color: #005f30;
}
.c-highlight--color-veriu {
color: #005f30;
}
.c-site-theme--punthill .c-highlight--text, .c-site-theme--punthill .c-login-popup__title {
color: #f15f22;
}
.c-highlight--color-punthill {
color: #f15f22;
}
.c-hotel-count-map .c-hotel-nearby-map {
height: 400px;
margin-left: -25px;
margin-right: -25px;
}
@media (min-width: 46.25em) {
.c-hotel-count-map .c-hotel-nearby-map {
margin-left: 0;
margin-right: 0;
}
}
.c-hotel-count-map--global .c-hotel-nearby-map {
margin-bottom: 0;
}
@media (min-width: 46.25em) {
.c-hotel-count-map--global .c-hotel-nearby-map {
margin-bottom: 40px;
}
}
@media (min-width: 46.25em) {
.c-hotel-count-map--state .c-hotel-nearby-map {
height: 430px;
margin-top: -20px;
}
}
.c-hotel-count-list {
width: 100%;
}
@media (min-width: 46.25em) {
.c-hotel-count-list {
display: flex;
justify-content: center;
margin-bottom: 40px;
flex-wrap: wrap;
row-gap: 52px;
}
}
.c-hotel-count-list__item {
display: flex;
padding: 30px 0;
padding-bottom: 35px;
padding-left: 30px;
border-bottom: 1px solid #f2f2f2;
}
@media (min-width: 46.25em) {
.c-hotel-count-list__item {
padding: 22px 0;
padding-left: 50px;
width: 33.3333333333%;
border-bottom: 0;
border-right: 1px solid #f2f2f2;
}
}
.c-hotel-count-list__item:nth-child(3n), .c-hotel-count-list__item:last-child {
border-bottom: 0;
border-right: 0;
}
.c-hotel-count-list__icon {
position: relative;
display: inline-block;
transform: translateZ(0);
width: 93px;
flex-shrink: 0;
height: 93px;
background-color: rgba(0, 95, 48, 0.05);
border-radius: 50%;
}
.c-hotel-count-list__icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c-site-theme--veriu .c-hotel-count-list__icon svg rect,
.c-site-theme--veriu .c-hotel-count-list__icon svg circle,
.c-site-theme--veriu .c-hotel-count-list__icon svg path {
stroke: #005f30;
}
.c-site-theme--punthill .c-hotel-count-list__icon svg rect,
.c-site-theme--punthill .c-hotel-count-list__icon svg circle,
.c-site-theme--punthill .c-hotel-count-list__icon svg path {
stroke: #f15f22;
}
.c-site-theme--punthill .c-hotel-count-list__icon {
background-color: #fcf7f6;
}
@media (min-width: 46.25em) {
.c-hotel-count-list__icon {
width: 106px;
height: 106px;
}
}
.c-hotel-count-list__icon-count {
position: absolute;
top: -10px;
right: 0;
width: 33px;
height: 33px;
line-height: 33px;
color: white;
border-radius: 50%;
font-size: 20px;
text-align: center;
}
@media (min-width: 46.25em) {
.c-hotel-count-list__icon-count {
width: 37px;
height: 37px;
line-height: 37px;
font-size: 25px;
top: -17px;
}
}
.c-site-theme--veriu .c-hotel-count-list__icon-count {
background-color: #005f30;
}
.c-site-theme--punthill .c-hotel-count-list__icon-count {
background-color: #f15f22;
}
.c-hotel-count-list__details {
display: flex;
align-items: center;
padding-left: 30px;
}
.c-hotel-count-list__details h4 {
font-size: 25px;
margin-bottom: 5px;
}
.c-hotel-count-list__details a {
font-size: 15px;
}
.c-image-caption {
position: relative;
}
.c-image-caption__text {
position: absolute;
font-size: 14px;
}
.c-image-caption--color-grey {
color: #a1a1a1;
}
.c-image-caption--color-grey a {
color: #a1a1a1;
}
.c-image-caption--color-grey a:hover {
text-decoration: underline;
}
.c-image-caption--bottom-left .c-image-caption__text {
bottom: 15px;
left: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.c-image-caption--top-right .c-image-caption__text {
top: 15px;
right: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.c-jump-bar-wrapper {
background-color: white;
}
.c-jump-bar {
padding: 0 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
background-color: white;
border-top: 1px solid white;
}
.c-jump-bar__inner {
flex-grow: 1;
position: relative;
display: flex;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
padding-right: 8px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.c-jump-bar__inner::-webkit-scrollbar {
display: none;
}
@media (min-width: 64em) {
.c-jump-bar__inner {
padding: 8px 0;
}
}
.c-jump-bar ul {
list-style: none;
margin: 0;
white-space: nowrap;
}
.c-jump-bar li {
display: inline-block;
vertical-align: middle;
}
.c-jump-bar a {
font-size: 13px;
color: #a1a1a1;
}
.c-jump-bar a:hover, .c-jump-bar a.active {
color: #1e2126;
}
.c-theme--veriu .c-jump-bar__links li a:hover, .c-theme--veriu .c-jump-bar.fixed li a.active {
color: #005f30;
}
.c-theme--punthill .c-jump-bar__links li a:hover, .c-theme--punthill .c-jump-bar.fixed li a.active {
color: #f15f22;
}
.c-jump-bar__bar {
position: relative;
display: flex;
}
.c-jump-bar__bar:after, .c-jump-bar__bar:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
width: 50px;
z-index: 100;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
pointer-events: none;
}
.c-jump-bar__bar:before {
left: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.c-jump-bar__bar:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
right: 0;
}
@media (min-width: 46.25em) {
.c-jump-bar__bar:after {
display: none;
}
}
.c-jump-bar__links {
padding: 0;
}
.c-jump-bar__links li {
margin: 0.1rem 0;
padding: 8px;
white-space: nowrap;
font-size: 1rem;
border-radius: 20px;
transition: background-color 300ms;
user-select: none;
}
.c-jump-bar__links li:first-child {
padding-left: 0;
margin: 0;
}
@media (min-width: 64em) {
.c-jump-bar__links li {
margin: 0 4px;
padding: 16px 8px;
}
}
.c-jump-bar__links a {
cursor: pointer;
transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-jump-bar--start .c-jump-bar__bar:before {
opacity: 0;
}
.c-jump-bar--end .c-jump-bar__bar:after {
opacity: 0;
}
.c-jump-bar--end .c-jump-bar__buttons:after {
opacity: 0;
}
.c-jump-bar.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: white;
z-index: 900;
border-top: 1px solid #e4e4e4;
box-shadow: 0 3px 5px -2px rgba(30, 33, 38, 0.15);
}
@media (min-width: 980px) {
body.admin-bar .c-jump-bar.fixed {
top: 32px;
}
}
.c-jump-bar.fixed .c-jump-bar__buttons:after {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.c-jump-bar.fixed .c-jump-bar__bar:before {
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.c-jump-bar__buttons {
position: fixed;
text-align: center;
list-style: none;
bottom: 0;
left: 0;
right: 0;
padding: 9px 0;
margin: 0;
display: flex;
align-items: center;
transform: translateY(100%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (max-width: 46.24em) {
.c-jump-bar__buttons {
display: none !important;
}
.c-jump-bar__buttons--is-visible {
transform: translateY(0%);
}
}
.c-jump-bar__buttons:after {
position: absolute;
content: "";
top: 0;
bottom: 0;
width: 50px;
z-index: 100;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
pointer-events: none;
right: 100%;
}
.c-jump-bar__buttons li {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.c-jump-bar__buttons .c-link {
font-size: 14px;
}
.c-jump-bar__buttons .c-button, .c-jump-bar__buttons input[type=submit],
.c-jump-bar__buttons input[type=button],
.c-jump-bar__buttons input[type=reset], .c-jump-bar__buttons .gform_button {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
font-size: 16px;
min-width: 160px;
}
@media (max-width: 46.24em) {
.c-jump-bar__buttons {
display: flex;
z-index: 800;
background-color: #fcf7f6;
padding: 9px 10px;
}
.c-jump-bar__buttons ul {
width: 100%;
}
.c-jump-bar__buttons li {
margin: 0;
padding: 0 5px;
width: 50%;
}
.c-jump-bar__buttons .c-button, .c-jump-bar__buttons input[type=submit],
.c-jump-bar__buttons input[type=button],
.c-jump-bar__buttons input[type=reset], .c-jump-bar__buttons .gform_button {
width: 100%;
min-width: 0;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
}
@media (min-width: 46.25em) {
.c-jump-bar__buttons {
position: relative;
z-index: 1;
background-color: transparent;
text-align: right;
transform: translateY(0%);
}
}
.c-jump-bar.off-screen {
transform: translateY(-100%);
}
.c-location-counts-type {
list-style: none;
margin: auto;
}
.c-location-counts-type li {
vertical-align: middle;
padding-bottom: 28px;
margin: -1px 0 0 0;
}
.c-location-counts-type li a {
color: #bbbcbe;
}
.c-location-counts-type li:last-child:after {
display: none;
}
.c-location-counts-type__state {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
.c-location-counts-type__state a {
color: #fff !important;
}
.c-location-counts-type__state-title {
font-size: 16px;
line-height: 1;
position: relative;
top: -3px;
}
.c-location-counts-type__state-title:before {
content: "·";
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.c-location-counts-type__state-url {
font-size: 24px;
}
.c-location-counts-type__state-url:before {
content: "·";
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.c-location-counts-type__hotels {
opacity: 0.7;
font-size: 16px;
}
.c-location-counts-type__item {
color: #bbbcbe;
font-size: 14px;
}
.c-location-counts {
display: inline-block;
vertical-align: middle;
list-style: none;
margin: auto;
}
.c-location-counts li {
display: inline-block;
vertical-align: middle;
}
.c-location-counts li:after {
display: inline-block;
content: " / ";
}
.c-location-counts li a {
color: white;
}
.c-location-counts li:last-child:after {
display: none;
}
.c-login-popup__header {
text-align: center;
}
.c-login-popup-photo {
display: inline-block;
width: 117px;
height: 117px;
margin-bottom: 30px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 46.25em) {
.c-login-popup-photo {
width: 157px;
height: 157px;
}
}
.c-login-popup__title {
line-height: 1.25;
text-align: center;
}
.c-login-popup__title {
font-size: 22px;
}
@media screen and (min-width: 320px) {
.c-login-popup__title {
font-size: calc(22px + 6 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-login-popup__title {
font-size: 28px;
}
}
.c-login-popup__field {
margin-bottom: 20px;
}
.c-login-popup__field label {
font-size: 15px;
display: block;
margin-bottom: 10px;
}
.c-login-popup__field.button {
margin-bottom: 0;
}
.c-login-popup__loader {
display: none;
background-image: url("../images/loader.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 60px;
height: 70px;
}
.c-login-popup__success {
text-align: center;
display: none;
margin-bottom: 5px;
color: #005f30;
}
.c-login-popup__errors {
display: none;
}
.c-login-popup__footer {
text-align: center;
font-size: 16px;
line-height: 24px;
padding-top: 15px;
color: #a1a1a1;
cursor: pointer;
}
#resetpassform {
max-width: 400px;
margin: auto;
text-align: center;
}
.c-nearby-hotels-slider__block:after {
content: "flickity";
display: none; /* hide :after */
}
@media (min-width: 64em) {
.c-nearby-hotels-slider__block {
display: flex;
justify-content: space-between;
}
.c-nearby-hotels-slider__block:after {
content: "";
}
}
@media (max-width: 63.99em) {
.c-nearby-hotels-slider__lower {
padding-right: 0;
}
}
.c-nearby-hotels-slider__slide {
width: 280px;
margin-right: 20px;
}
@media (min-width: 64em) {
.c-nearby-hotels-slider__slide {
margin-right: 0;
width: calc(25% - 20px);
}
}
@media (min-width: 81.25em) {
.c-nearby-hotels-slider__slide {
width: calc(25% - 20px);
}
}
.c-page-banner {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
padding-top: 30px;
align-items: flex-end;
color: white;
height: 445px;
background-color: #000;
padding-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-page-banner {
height: 543px;
padding-bottom: 100px;
}
}
.c-page-banner:before {
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.c-page-banner--hide-gradient:before {
display: none;
}
.c-page-banner--career h1 {
max-width: 650px;
}
.c-page-banner--career .c-tag-list {
margin-top: 48px;
}
.c-page-banner--career .c-tag-list span {
background-color: #f8ebe8 !important;
}
.c-page-banner__breadcrumbs {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
@media (min-width: 46.25em) {
.c-page-banner__breadcrumbs {
margin-bottom: 30px;
}
}
.c-page-banner__breadcrumbs li {
display: inline-block;
vertical-align: middle;
}
.c-page-banner__breadcrumbs li a {
color: white;
font-size: 15px;
font-weight: 500;
}
.c-page-banner__breadcrumbs li a span {
opacity: 0.5;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-page-banner__breadcrumbs li a:after {
content: "/";
opacity: 0.5;
}
.c-page-banner__breadcrumbs li a:hover span {
opacity: 1;
}
.c-page-banner__breadcrumbs li:last-child a span {
opacity: 1;
}
.c-page-banner__breadcrumbs li:last-child a:after {
display: none;
}
.c-page-banner h1 {
line-height: 1.1666666667;
margin: 0;
}
.c-page-banner h1 {
font-size: 45px;
}
@media screen and (min-width: 320px) {
.c-page-banner h1 {
font-size: calc(45px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-page-banner h1 {
font-size: 60px;
}
}
.c-page-banner__content {
position: relative;
z-index: 2;
}
.c-page-banner-author {
display: flex;
flex-direction: row;
align-items: center;
order: 1;
margin-top: 24px;
}
@media (min-width: 64em) {
.c-page-banner-author {
display: none;
}
}
.c-page-banner-author-image {
flex: 0 0 49px;
width: 49px;
height: 49px;
margin-right: 2rem;
}
.c-page-banner-author-image img {
width: 49px;
height: 49px;
border-radius: 50%;
}
.c-page-banner-author-info {
flex: 3;
}
.c-page-banner-author-info-read {
font-weight: 700;
}
.c-page-banner .c-hotel-price-tile {
margin-top: 25px;
}
.post-password-form {
max-width: 340px;
margin: auto;
text-align: center;
}
.post-password-form input[type=submit] {
margin-top: 24px;
}
body.protected-page h1 {
text-align: center;
}
.c-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2000;
visibility: hidden;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
overflow-y: auto;
}
.c-popup__bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.c-popup__dialog-wrapper {
display: table;
width: 100%;
height: 100%;
}
.c-popup__dialog-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
padding: 20px;
}
@media (min-width: 46.25em) {
.c-popup__dialog-cell {
padding: 30px;
}
}
.c-popup--visible {
opacity: 1;
visibility: visible;
}
.c-popup-dialog {
display: block;
position: relative;
z-index: 100;
background-color: white;
max-width: 465px;
margin: auto;
border-radius: 4px;
transform: translateY(-30px);
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
transition-delay: 0s;
will-change: transform;
}
.c-popup-dialog__body {
padding: 30px;
}
@media (min-width: 46.25em) {
.c-popup-dialog__body {
padding: 54px;
}
}
.c-popup-dialog__close {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
cursor: pointer;
}
@media (min-width: 46.25em) {
.c-popup-dialog__close {
right: 30px;
top: 25px;
}
}
.c-popup-dialog__close:before, .c-popup-dialog__close:after {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
}
@media (min-width: 46.25em) {
.c-popup-dialog__close:before, .c-popup-dialog__close:after {
height: 33px;
}
}
.c-popup-dialog__close:before {
transform: rotate(45deg);
}
.c-popup-dialog__close:after {
transform: rotate(-45deg);
}
.c-site-theme--veriu .c-popup-dialog__close:before, .c-site-theme--veriu .c-popup-dialog__close:after {
background-color: #005f30;
}
.c-site-theme--punthill .c-popup-dialog__close:before, .c-site-theme--punthill .c-popup-dialog__close:after {
background-color: #f15f22;
}
.c-popup-dialog .validation_message a {
display: none;
}
.c-popup-dialog--visible, .c-popup--visible .c-popup-dialog {
transform: translateY(0);
opacity: 1;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
transition-delay: 0.25s;
}
.c-popup-dialog--small {
max-width: 365px;
}
.c-scrollable-block {
position: relative;
}
@media (max-width: 46.24em) {
.c-scrollable-block {
margin-right: -25px;
}
.c-scrollable-block--gradient:after, .c-scrollable-block--gradient:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
width: 50px;
z-index: 100;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
pointer-events: none;
}
.c-scrollable-block--start:before {
opacity: 0;
}
.c-scrollable-block--end:after {
opacity: 0;
}
.c-scrollable-block--color-creme:before {
left: 0;
background: linear-gradient(to left, rgba(252, 247, 246, 0) 0%, rgb(252, 247, 246) 100%);
}
.c-scrollable-block--color-creme:after {
background: linear-gradient(to right, rgba(252, 247, 246, 0) 0%, rgb(252, 247, 246) 100%);
right: 0;
}
}
@media (max-width: 46.24em) {
.c-scrollable-block--mobile-only > * {
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
white-space: nowrap;
}
.c-scrollable-block--mobile-only > *::-webkit-scrollbar {
display: none;
}
}
.c-sliding-banner {
position: relative;
color: white;
padding: 32px 0;
min-height: 400px;
overflow: hidden;
}
.c-site-theme--punthill .c-sliding-banner {
background-color: #1e2126;
}
.c-site-theme--punthill .c-sliding-banner__title {
color: white;
}
.c-site-theme--veriu .c-sliding-banner {
background-color: #005f30;
}
@media (min-width: 64em) {
.c-sliding-banner {
padding: 17px 0;
}
.c-sliding-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50vw;
bottom: 0;
z-index: 2;
}
.c-site-theme--punthill .c-sliding-banner:before {
background-color: #1e2126;
}
.c-site-theme--veriu .c-sliding-banner:before {
background-color: #005f30;
}
}
.c-sliding-banner__inner {
position: relative;
}
@media (min-width: 64em) {
.c-sliding-banner__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.c-sliding-banner__sub-title {
font-size: 14px;
font-weight: 400;
max-width: 450px;
}
.c-sliding-banner__title {
line-height: 1.25;
color: #f1d8d1;
max-width: 450px;
line-height: 1.01;
}
.c-sliding-banner__title {
font-size: 50px;
}
@media screen and (min-width: 320px) {
.c-sliding-banner__title {
font-size: calc(50px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-sliding-banner__title {
font-size: 60px;
}
}
.c-sliding-banner__description {
font-size: 16px;
max-width: 450px;
}
.c-sliding-banner__description a {
color: white;
}
.c-sliding-banner__breadcrumbs {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
max-width: 450px;
}
@media (min-width: 46.25em) {
.c-sliding-banner__breadcrumbs {
margin-bottom: 40px;
}
}
.c-sliding-banner__breadcrumbs li {
display: inline-block;
vertical-align: middle;
}
.c-sliding-banner__breadcrumbs li a {
color: white;
opacity: 0.6;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-sliding-banner__breadcrumbs li a:hover {
opacity: 1;
}
.c-sliding-banner__breadcrumbs li:after {
content: "/";
opacity: 0.6;
}
.c-sliding-banner__breadcrumbs li:last-child a {
opacity: 1;
}
.c-sliding-banner__breadcrumbs li:last-child:after {
display: none;
}
.c-sliding-banner .c-hotel-tile__address {
color: white;
}
.c-sliding-banner .c-hotel-tile__address i {
color: white;
}
.c-sliding-banner__content {
position: relative;
z-index: 3;
margin-bottom: 20px;
flex: 1;
}
@media (min-width: 64em) {
.c-sliding-banner__content {
width: 50vw;
margin-bottom: 0;
}
}
.c-site-theme--punthill .c-sliding-banner__content {
background-color: #1e2126;
}
.c-site-theme--veriu .c-sliding-banner__content {
background-color: #005f30;
}
.c-sliding-banner__buttons {
margin-top: 30px;
}
@media (min-width: 64em) {
.c-sliding-banner__buttons {
margin-top: 40px;
}
}
.c-sliding-banner__buttons .c-button, .c-sliding-banner__buttons input[type=submit],
.c-sliding-banner__buttons input[type=button],
.c-sliding-banner__buttons input[type=reset], .c-sliding-banner__buttons .gform_button {
margin-right: 4px;
font-size: 16px;
margin-top: 10px;
}
@media (max-width: 46.24em) {
.c-sliding-banner__buttons .c-button, .c-sliding-banner__buttons input[type=submit],
.c-sliding-banner__buttons input[type=button],
.c-sliding-banner__buttons input[type=reset], .c-sliding-banner__buttons .gform_button {
width: calc(50% - 4px);
min-width: 0;
}
.c-sliding-banner__buttons .c-button svg, .c-sliding-banner__buttons input[type=submit] svg,
.c-sliding-banner__buttons input[type=button] svg,
.c-sliding-banner__buttons input[type=reset] svg, .c-sliding-banner__buttons .gform_button svg {
width: 18px;
}
}
.c-sliding-banner__buttons .c-button:last-child, .c-sliding-banner__buttons input[type=submit]:last-child,
.c-sliding-banner__buttons input[type=button]:last-child,
.c-sliding-banner__buttons input[type=reset]:last-child, .c-sliding-banner__buttons .gform_button:last-child {
margin-right: 0;
}
@media (max-width: 46.24em) {
.c-sliding-banner__buttons .c-button:first-child:last-child, .c-sliding-banner__buttons input[type=submit]:first-child:last-child,
.c-sliding-banner__buttons input[type=button]:first-child:last-child,
.c-sliding-banner__buttons input[type=reset]:first-child:last-child, .c-sliding-banner__buttons .gform_button:first-child:last-child {
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-sliding-banner__buttons .c-button--style-solid {
padding-left: 25px;
padding-right: 25px;
min-width: 0;
}
}
.c-sliding-banner__carousel {
flex: 1;
overflow-y: visible;
}
@media (max-width: 39.99em) {
.c-sliding-banner__carousel {
height: 232px;
}
}
@media (min-width: 40em) and (max-width: 46.24em) {
.c-sliding-banner__carousel {
height: 259px;
}
}
@media (min-width: 64em) {
.c-sliding-banner__carousel {
width: 50vw;
}
}
.c-sliding-banner__carousel .c-carousel:not(.flickity-enabled) {
display: flex;
}
.c-sliding-banner__carousel-item {
position: relative;
display: inline-block;
z-index: 2;
margin-right: 16px;
background-color: #a1a1a1;
overflow: hidden;
padding-bottom: 90%;
width: 100%;
}
.c-sliding-banner__carousel-item img {
height: 100%;
object-fit: cover;
}
.c-sliding-banner__carousel-image {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-sliding-banner__carousel-tag {
background-color: #ff9346;
color: white;
position: absolute;
top: 8px;
left: 0;
padding: 10px 15px;
z-index: 5;
font-size: 16px;
line-height: 1.25;
}
.c-sliding-banner__carousel-tag {
font-size: 13px;
}
@media screen and (min-width: 320px) {
.c-sliding-banner__carousel-tag {
font-size: calc(13px + 3 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-sliding-banner__carousel-tag {
font-size: 16px;
}
}
@media (min-width: 46.25em) {
.c-sliding-banner__carousel-tag {
top: 26px;
padding: 10px 17px;
}
}
.c-sliding-banner .flickity-viewport {
overflow: visible;
}
.c-sliding-banner .flickity-button {
outline: none !important;
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.4);
width: 50px;
height: 50px;
line-height: 50px;
transition: background cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (max-width: 46.24em) {
.c-sliding-banner .flickity-button {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
}
.c-sliding-banner .flickity-button svg {
display: none;
}
.c-sliding-banner .flickity-button:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
position: absolute;
top: 50%;
left: 50%;
}
@media (max-width: 46.24em) {
.c-sliding-banner .flickity-button:before {
width: 12px;
height: 12px;
}
}
.c-sliding-banner .flickity-button.previous {
left: 0;
}
@media (min-width: 46.25em) {
.c-sliding-banner .flickity-button.previous {
left: 16px;
}
}
.c-sliding-banner .flickity-button.previous:before {
border-left: 2px solid white;
border-bottom: 2px solid white;
margin-left: 4px;
transform: translate(-70%, -50%) rotate(45deg);
}
.c-sliding-banner .flickity-button.next {
right: 0;
}
@media (min-width: 64em) {
.c-sliding-banner .flickity-button.next {
right: -32px;
}
}
@media (min-width: 81.25em) {
.c-sliding-banner .flickity-button.next {
right: -48px;
}
}
.c-sliding-banner .flickity-button.next:before {
border-right: 2px solid white;
border-bottom: 2px solid white;
transform: translate(-70%, -50%) rotate(-45deg);
}
.c-sliding-banner .flickity-button:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.c-hotel-tabs {
padding-bottom: 90px;
}
.c-tab-nav {
list-style: none;
margin: 0;
padding: 0;
}
.c-tab-nav__item {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
user-select: none;
}
.c-tab-nav__item a {
display: inline-block;
padding: 15px 25px;
}
.c-tab-nav__item:hover, .c-tab-nav__item:focus, .c-tab-nav__item--active {
background-color: #fff;
}
.c-tab-panel {
display: none;
background-color: white;
}
.c-tab-panel--active {
display: flex;
}
.c-tab-panel__left {
display: flex;
width: 50%;
padding: 55px;
}
.c-tab-panel__right {
width: 50%;
}
.c-tab-panel__right img {
display: block;
}
.c-team-member-bio__header {
padding-top: 170px;
padding-bottom: 50px;
color: white;
}
.c-site-theme--veriu .c-team-member-bio__header {
background-color: #005f30;
}
.c-site-theme--punthill .c-team-member-bio__header {
background-color: #f15f22;
}
@media (min-width: 46.25em) {
.c-team-member-bio__header {
padding-top: 200px;
padding-bottom: 80px;
}
}
.c-team-member-bio__header a {
color: white;
}
.c-team-member-bio__spacer {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.c-team-member-bio__author-large {
margin-bottom: 30px;
}
.c-team-member-bio__title {
line-height: 1.0833333333;
margin-bottom: 10px;
}
.c-team-member-bio__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-team-member-bio__title {
font-size: calc(40px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-team-member-bio__title {
font-size: 60px;
}
}
.c-team-member-bio__body {
padding-top: 60px;
padding-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-team-member-bio__body {
padding: 80px 0;
}
}
.c-team-member-posts .c-posts__results {
border-top: 1px solid #ddd;
padding: 4.3rem 0;
padding-bottom: 0 !important;
}
@media (min-width: 64em) {
.c-team-member-posts .c-posts__results {
padding: 6.4286rem 0;
}
}
.c-team-member-posts .c-page-navigation ul {
padding-bottom: 0;
}
.c-testimonial-block {
max-width: 954px;
margin: auto;
text-align: center;
}
.c-testimonial-block__quote {
line-height: 1.3333333333;
quotes: "“" "”" "‘" "’";
}
.c-testimonial-block__quote {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-testimonial-block__quote {
font-size: calc(30px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-testimonial-block__quote {
font-size: 45px;
}
}
.c-testimonial-block__quote:before {
content: open-quote;
}
.c-testimonial-block__quote:after {
content: close-quote;
}
.c-testimonial-block__author {
font-size: 15px;
font-weight: 400;
color: #8d8d8d;
margin: 0;
margin-top: 35px;
}
@media (min-width: 46.25em) {
.c-testimonial-block__author {
margin-top: 60px;
}
}
.c-text-block__title {
font-size: 30px;
margin-bottom: 24px;
}
.c-text-block .o-type--wysiwyg a {
color: #005f30;
}
.c-site-theme--punthill .c-text-block .o-type--wysiwyg a {
color: #f15f22;
}
.c-user-profile-debugger {
position: fixed;
background-color: #f0f0f0;
bottom: 0;
left: 0;
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
font-size: 12px;
font-weight: 700;
display: none;
}
@media (min-width: 46.25em) {
.c-user-profile-debugger {
display: block;
}
}
.c-user-profile-debugger > div {
display: flex;
}
.c-user-profile-debugger > div label {
color: white;
padding: 4px 10px;
background-color: #292929;
width: 80px;
border-bottom: 1px solid rgb(66.5, 66.5, 66.5);
}
.c-user-profile-debugger > div span {
padding: 4px 10px;
border-top: 1px solid #e4e4e4;
flex-grow: 1;
border-right: 1px solid rgb(214.5, 214.5, 214.5);
}
.c-compendium-cta {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-compendium-cta {
padding-bottom: 80px;
}
}
.c-compendium-cta .o-wrapper {
max-width: 1161px;
}
.c-compendium-cta__column {
padding: 30px 25px;
order: 1;
}
@media (min-width: 64em) {
.c-compendium-cta__column {
width: 50%;
padding: 80px;
}
}
.c-compendium-cta__column:last-child {
order: 2;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
@media (min-width: 64em) {
.c-compendium-cta__column:last-child {
border-bottom-left-radius: 0;
border-top-right-radius: 12px;
}
}
.c-compendium-cta__wrapper {
background-color: #fff;
border-radius: 12px;
}
@media (min-width: 64em) {
.c-compendium-cta__wrapper {
display: flex;
}
}
.c-compendium-cta__content {
margin: auto;
max-width: 390px;
}
.c-compendium-cta__title {
line-height: 1.2;
margin-bottom: 0;
}
.c-compendium-cta__title {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-compendium-cta__title {
font-size: calc(25px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-cta__title {
font-size: 40px;
}
}
.c-compendium-cta__description {
font-size: 16px;
margin-top: 24px;
}
.c-compendium-cta__action {
margin-top: 24px;
}
.c-compendium-cta__action .c-button, .c-compendium-cta__action input[type=submit],
.c-compendium-cta__action input[type=button],
.c-compendium-cta__action input[type=reset], .c-compendium-cta__action .gform_button {
color: #fff;
background-color: #005f30 !important;
}
.c-compendium-cta__action .c-button:active, .c-compendium-cta__action input[type=submit]:active,
.c-compendium-cta__action input[type=button]:active,
.c-compendium-cta__action input[type=reset]:active, .c-compendium-cta__action .gform_button:active, .c-compendium-cta__action .c-button:focus, .c-compendium-cta__action input[type=submit]:focus,
.c-compendium-cta__action input[type=button]:focus,
.c-compendium-cta__action input[type=reset]:focus, .c-compendium-cta__action .gform_button:focus, .c-compendium-cta__action .c-button:hover, .c-compendium-cta__action input[type=submit]:hover,
.c-compendium-cta__action input[type=button]:hover,
.c-compendium-cta__action input[type=reset]:hover, .c-compendium-cta__action .gform_button:hover {
color: white;
background-color: rgb(0, 74.6, 37.6926315789) !important;
}
.c-site-theme--punthill .c-compendium-cta__action .c-button, .c-site-theme--punthill .c-compendium-cta__action input[type=submit],
.c-site-theme--punthill .c-compendium-cta__action input[type=button],
.c-site-theme--punthill .c-compendium-cta__action input[type=reset], .c-site-theme--punthill .c-compendium-cta__action .gform_button {
background-color: #f15f22 !important;
}
.c-site-theme--punthill .c-compendium-cta__action .c-button:active, .c-site-theme--punthill .c-compendium-cta__action input[type=submit]:active,
.c-site-theme--punthill .c-compendium-cta__action input[type=button]:active,
.c-site-theme--punthill .c-compendium-cta__action input[type=reset]:active, .c-site-theme--punthill .c-compendium-cta__action .gform_button:active, .c-site-theme--punthill .c-compendium-cta__action .c-button:focus, .c-site-theme--punthill .c-compendium-cta__action input[type=submit]:focus,
.c-site-theme--punthill .c-compendium-cta__action input[type=button]:focus,
.c-site-theme--punthill .c-compendium-cta__action input[type=reset]:focus, .c-site-theme--punthill .c-compendium-cta__action .gform_button:focus, .c-site-theme--punthill .c-compendium-cta__action .c-button:hover, .c-site-theme--punthill .c-compendium-cta__action input[type=submit]:hover,
.c-site-theme--punthill .c-compendium-cta__action input[type=button]:hover,
.c-site-theme--punthill .c-compendium-cta__action input[type=reset]:hover, .c-site-theme--punthill .c-compendium-cta__action .gform_button:hover {
color: white;
background-color: rgb(239.4323404255, 81.2553191489, 15.1676595745) !important;
}
.c-compendium-explore {
padding-bottom: 64px;
}
.c-compendium-explore .o-wrapper {
max-width: 1161px;
}
.c-compendium-explore__title {
margin-bottom: 40px;
}
.c-compendium-explore .c-activity-tile {
margin-bottom: 40px;
}
.c-compendium-explore .c-activity-tile .c-link--underline {
color: #8d8d8d !important;
text-decoration: none;
}
.c-compendium-explore .c-activity-tile .c-link--underline:before {
display: none;
}
.c-compendium-explore .c-activity-tile .c-link--underline:after {
content: "";
display: inline-block;
background-image: url("../images/icon-arrow-right.svg");
width: 20px;
height: 20px;
}
.c-compendium-intro {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-compendium-intro {
padding-top: 48px;
padding-bottom: 80px;
}
}
.c-compendium-intro .o-wrapper {
max-width: 1161px;
}
@media (max-width: 63.99em) {
.c-compendium-intro .o-wrapper {
padding: 0;
}
}
.c-compendium-intro__wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 64em) {
.c-compendium-intro__wrapper {
margin-left: -30px;
flex-direction: row;
justify-content: space-between;
}
}
.c-compendium-intro__wrapper > div {
flex: 1;
}
.c-compendium-intro__wrapper > div:first-child {
order: 2;
padding: 0 24px;
}
@media (min-width: 64em) {
.c-compendium-intro__wrapper > div:first-child {
order: 1;
padding: 0;
}
}
.c-compendium-intro__wrapper > div:last-child {
order: 1;
}
@media (min-width: 64em) {
.c-compendium-intro__wrapper > div:last-child {
order: 2;
}
}
@media (min-width: 64em) {
.c-compendium-intro__wrapper > div {
margin-left: 30px;
}
}
.c-compendium-intro-weather {
background-color: #fff;
padding: 8px;
margin-top: 8px;
border-radius: 12px;
display: inline-flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
}
.c-compendium-intro-weather__icon {
display: inline-block;
width: auto;
height: 28px;
margin-right: 8px;
}
.c-compendium-intro-weather__icon img {
height: 100%;
display: block;
}
.c-compendium-intro-weather__divider {
margin-right: 4px;
margin-left: 4px;
}
.c-compendium-intro-expandable-block {
max-height: 540px;
}
.c-compendium-intro .c-expandable-block__read-more {
margin-top: 0 !important;
}
.c-compendium-intro .c-expandable-block__read-more:before {
background: linear-gradient(180deg, rgba(252, 247, 246, 0) 0%, #fcf7f6 100%);
}
.c-compendium-intro .c-expandable-block__read-more span {
color: #005f30;
border-bottom: 1px solid #005f30;
margin-top: 24px;
}
.c-site-theme--punthill .c-compendium-intro .c-expandable-block__read-more span {
color: #f15f22;
border-bottom: 1px solid #f15f22;
}
.c-compendium-intro__title {
line-height: 1.2;
padding-top: 24px;
max-width: 445px;
margin-bottom: 0;
}
.c-compendium-intro__title {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.c-compendium-intro__title {
font-size: calc(35px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-intro__title {
font-size: 50px;
}
}
@media (min-width: 64em) {
.c-compendium-intro__title {
padding-top: 40px;
}
}
.c-compendium-intro__description {
padding-top: 24px;
font-size: 16px;
}
@media (min-width: 64em) {
.c-compendium-intro__description {
max-width: 345px;
padding-top: 40px;
padding-bottom: 40px;
}
}
.c-compendium-intro__description + .c-compendium-intro__description {
padding-top: 0;
padding-bottom: 16px;
}
.c-compendium-intro__description:last-child {
padding-bottom: 0;
}
.c-compendium-intro__description--table {
overflow-x: auto;
max-width: 500px;
}
.c-compendium-intro__description--table::-webkit-scrollbar {
width: 24px;
}
.c-compendium-intro__description--table::-webkit-scrollbar-track {
border-radius: 40px;
background: #fff;
}
.c-compendium-intro__description--table::-webkit-scrollbar-thumb {
border-radius: 40px;
background-color: #005f30;
border: 3px solid #fff;
}
.c-compendium-intro__description--table::-webkit-scrollbar-thumb:window-inactive {
background: #005f30 !important;
border: 3px solid #fff;
border-radius: 40px;
}
.c-compendium-intro__description a {
color: #005f30;
}
.c-site-theme--punthill .c-compendium-intro__description a {
color: #f15f22;
}
.c-compendium-intro__description table {
width: 100% !important;
font-size: 14px;
margin: 0;
border: none;
border-collapse: separate;
border-spacing: 0;
}
@media (min-width: 64em) {
.c-compendium-intro__description table {
font-size: 16px;
}
}
.c-compendium-intro__description table th {
background-color: #fff !important;
border-right: none;
border-bottom: 1px solid #ddd;
padding: 8px 16px;
margin-bottom: 8px;
text-align: left;
font-weight: 400;
min-width: 125px;
font-size: 14px;
}
@media (min-width: 64em) {
.c-compendium-intro__description table th {
border-right: none;
padding: 16px;
min-width: 220px;
}
}
.c-compendium-intro__description table th:first-child {
position: sticky;
left: 0;
z-index: 1;
min-width: 150px;
}
@media (min-width: 64em) {
.c-compendium-intro__description table th:first-child {
min-width: 240px;
}
}
.c-compendium-intro__description table th:last-child {
text-align: right;
}
.c-compendium-intro__description table tr {
font-size: 14px;
background-color: #fff;
}
.c-compendium-intro__description table tr:nth-child(even) td {
background-color: #fff;
}
.c-compendium-intro__description table tr td {
font-size: 14px;
padding: 8px;
background-color: #fcf7f6;
border: none;
min-width: 125px;
}
@media (min-width: 64em) {
.c-compendium-intro__description table tr td {
border: none;
padding: 16px;
min-width: 240px;
}
}
.c-compendium-intro__description table tr td:first-child {
position: sticky;
left: 0;
z-index: 1;
min-width: 150px;
}
.c-compendium-intro__description table tr td:last-child {
text-align: right;
}
.c-compendium-intro__description table:last-child {
margin-bottom: 0;
}
.c-compendium-intro__image {
background-size: cover;
background-position: center;
min-height: 210px;
background-color: #fff;
height: 100%;
}
.c-compendium-intro__image-wrapper {
background-color: #fff;
border-radius: 12px;
margin-bottom: 24px;
}
@media (min-width: 64em) {
.c-compendium-intro__image-wrapper {
margin-bottom: 0;
}
}
@media (min-width: 46.25em) {
.c-compendium-intro__image {
min-height: 410px;
}
}
@media (min-width: 64em) {
.c-compendium-intro__image {
border-radius: 12px;
min-height: 540px;
}
}
.c-compendium-intro__link {
color: #005f30;
display: inline-block;
}
.c-site-theme--punthill .c-compendium-intro__link {
color: #f15f22;
}
.c-compendium-intro__link i:before {
transform: rotate(90deg);
}
.c-compendium-intro--simple {
padding-top: 32px;
}
@media (min-width: 64em) {
.c-compendium-intro--simple {
padding-top: 40px;
}
}
@media (max-width: 63.99em) {
.c-compendium-intro--simple .o-wrapper {
padding: 0 24px;
}
}
@media (max-width: 63.99em) {
.c-compendium-intro--simple .c-compendium-intro__wrapper > div {
margin-left: 0;
padding: 0;
}
}
.c-compendium-intro--simple .c-compendium-intro-expandable-block {
max-height: 366px;
}
.c-compendium-intro--simple .c-compendium-intro__image {
border-radius: 12px;
}
@media (min-width: 64em) {
.c-compendium-intro--simple .c-compendium-intro__image {
min-height: 356px;
max-height: 356px;
margin-top: 0;
}
}
@media (min-width: 64em) {
.c-compendium-intro--simple .c-compendium-intro__image-wrapper {
max-height: 356px;
}
}
.c-compendium-landing-intro {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
@media (min-width: 64em) {
.c-compendium-landing-intro {
padding-top: 120px;
padding-bottom: 48px;
}
}
.c-compendium-landing-intro h1 {
line-height: 1.0857142857;
max-width: 625px;
margin: 0 auto;
color: #1e2126;
}
.c-compendium-landing-intro h1 {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.c-compendium-landing-intro h1 {
font-size: calc(35px + 35 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-landing-intro h1 {
font-size: 70px;
}
}
.c-compendium-landing-intro__text {
line-height: 1.45;
margin-top: 16px;
color: #1e2126;
}
.c-compendium-landing-intro__text {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.c-compendium-landing-intro__text {
font-size: calc(16px + 4 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-landing-intro__text {
font-size: 20px;
}
}
@media (min-width: 64em) {
.c-compendium-landing-intro__text {
margin-top: 32px;
}
}
.c-compendium-landing-intro__label {
line-height: 1.2;
color: #005f30;
margin-top: 48px;
font-weight: 700;
}
.c-compendium-landing-intro__label {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-compendium-landing-intro__label {
font-size: calc(25px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-landing-intro__label {
font-size: 35px;
}
}
@media (min-width: 64em) {
.c-compendium-landing-intro__label {
margin-top: 120px;
}
}
.c-site-theme--punthill .c-compendium-landing-intro__label {
color: #f15f22;
}
.c-compendium-landing-promo .o-wrapper {
max-width: 1136px;
}
.c-compendium-landing-promo .c-membership-block__column:last-child > div:last-child {
min-width: 140px;
flex: 0.75;
}
.c-compendium-landing-promo .c-membership-block__column:last-child > div:last-child .c-link--underline {
display: none;
}
.c-compendium-landing-results {
padding-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-compendium-landing-results {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px 32px;
padding-bottom: 80px;
}
}
@media (min-width: 64em) {
.c-compendium-landing-results {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px 32px;
padding-bottom: 80px;
}
}
.c-compendium-landing-result-tile {
background-color: #fff;
position: relative;
padding: 40px;
display: flex;
justify-content: space-between;
flex-direction: column;
text-align: center;
margin-bottom: 24px;
}
@media (min-width: 46.25em) {
.c-compendium-landing-result-tile {
margin-bottom: 0;
}
}
.c-compendium-landing-result-tile__thumbnail {
background-color: #a1a1a1;
width: 218px;
height: 221px;
border-radius: 300px;
margin: auto;
}
.c-compendium-landing-result-tile__thumbnail > div {
width: 218px;
height: 221px;
border-radius: 300px;
background-size: cover;
}
.c-compendium-landing-result-tile__location {
color: #a1a1a1;
font-size: 15px;
line-height: 21px;
margin-bottom: 40px;
}
.c-compendium-landing-result-tile a {
display: inline-block;
font-size: 25px;
line-height: 1.3;
font-weight: 700;
margin-top: 24px;
margin-bottom: 8px;
}
.c-compendium-landing-result-tile a:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.c-compendium-links {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-compendium-links {
padding-bottom: 80px;
}
}
.c-compendium-links .o-wrapper {
max-width: 1161px;
}
.c-compendium-links__body {
background-color: #fff;
border-radius: 12px;
padding: 24px 24px 8px;
}
@media (min-width: 46.25em) {
.c-compendium-links__body {
padding: 40px 40px 24px;
column-count: 2;
column-gap: 40px;
}
}
@media (min-width: 64em) {
.c-compendium-links__body {
column-count: 3;
}
}
.c-compendium-links__title {
line-height: 1.2857142857;
margin-bottom: 24px;
}
.c-compendium-links__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-compendium-links__title {
font-size: calc(20px + 8 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-compendium-links__title {
font-size: 28px;
}
}
@media (min-width: 64em) {
.c-compendium-links__title {
margin-bottom: 40px;
}
}
.c-compendium-links-item {
display: flex;
align-content: center;
font-size: 18px;
margin-bottom: 16px;
break-inside: avoid;
}
.c-compendium-links-item:hover {
text-decoration: underline;
}
.c-compendium-links-item__icon {
width: 32px;
height: 32px;
margin-right: 8px;
}
.c-compendium-links-item__title {
margin-top: 4px;
}
.c-compendium-results {
background-color: #fcf7f6;
padding-top: 40px;
}
@media (min-width: 64em) {
.c-compendium-results {
padding-top: 80px;
padding-bottom: 40px;
}
}
.c-compendium-results .o-wrapper {
max-width: 1161px;
}
.c-compendium-results .c-compendium-result-tile {
background-color: #fff;
display: block;
border-radius: 6px;
padding: 24px 32px;
margin-bottom: 40px;
}
.c-compendium-results .c-compendium-result-tile__title {
color: #1e2126;
display: block;
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
}
.c-compendium-results .c-compendium-result-tile__link {
color: #005f30;
}
.c-site-theme--punthill .c-compendium-results .c-compendium-result-tile__link {
color: #f15f22;
}
.c-compendium-results__empty {
text-align: center;
font-size: 24px;
font-weight: 500;
}
.c-faq-group {
margin-bottom: 1rem;
}
@media (min-width: 46.25em) {
.c-faq-group {
margin-bottom: 3rem;
}
}
.c-faq-group:first-child {
margin-top: -3rem;
}
.c-faq-group__title {
padding-top: 3rem;
margin-bottom: 3rem;
font-size: 1.8rem;
}
.c-faq-group .c-faq__title {
padding-left: 0;
}
.c-faq-group .c-faq__answer-content {
padding-left: 0;
}
.c-faq-nav {
list-style: none;
margin: 0;
padding: 0 0 3rem;
display: none;
}
@media (min-width: 64em) {
.c-faq-nav {
display: block;
}
}
.c-faq-nav__item {
position: relative;
margin-bottom: 10px;
}
@media (min-width: 46.25em) {
.c-faq-nav__item {
margin-bottom: 20px;
}
}
.c-faq-nav__link {
font-weight: 500;
padding-left: 40px;
font-size: 18px;
line-height: 1.3636363636;
display: block;
position: relative;
color: #a3a3a3;
transition: all 300ms;
text-decoration: none;
}
@media (min-width: 64em) {
.c-faq-nav__link {
font-size: 22px;
}
}
.c-faq-nav__link:before {
position: absolute;
top: calc(50% - 1px);
display: block;
content: "";
left: 0;
height: 2px;
width: 0;
transition: all 300ms;
}
.c-faq-nav__link:hover:before, .c-faq-nav__link.is-active:before {
width: 25px;
}
.c-site-theme--veriu .c-faq-nav__link:hover, .c-site-theme--veriu .c-faq-nav__link.is-active {
color: #005f30;
}
.c-site-theme--veriu .c-faq-nav__link:hover:before, .c-site-theme--veriu .c-faq-nav__link.is-active:before {
background-color: #005f30;
}
.c-site-theme--punthill .c-faq-nav__link:hover, .c-site-theme--punthill .c-faq-nav__link.is-active {
color: #f15f22;
}
.c-site-theme--punthill .c-faq-nav__link:hover:before, .c-site-theme--punthill .c-faq-nav__link.is-active:before {
background-color: #f15f22;
}
.c-page-banner--fast-track .c-page-banner__subtitle {
font-size: 35px;
line-height: 1.1;
font-weight: 700;
margin-top: 16px;
}
.c-fast-track-cta {
background: #fff;
border-radius: 4px;
padding: 32px;
}
@media (min-width: 64em) {
.c-fast-track-cta {
padding: 56px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.c-fast-track-cta__title {
font-weight: 700;
font-size: 26px;
line-height: 1.2;
margin-top: 32px;
}
@media (min-width: 64em) {
.c-fast-track-cta__title {
margin-left: 56px;
margin-top: 0;
}
}
.c-fast-track-cta > div:first-child {
flex-shrink: 0;
width: 130px;
}
.c-fast-track-cta > div:nth-child(2) {
flex: 2;
}
.c-fast-track-cta > div:last-child {
flex: 1;
border-top: 1px solid #f1d8d1;
margin-top: 32px;
padding-top: 32px;
}
@media (min-width: 64em) {
.c-fast-track-cta > div:last-child {
margin-top: 0;
padding-top: 0;
padding-left: 48px;
border-left: 1px solid #f1d8d1;
border-top: none;
margin-left: 48px;
}
}
.c-fast-track-cta .c-button, .c-fast-track-cta input[type=submit],
.c-fast-track-cta input[type=button],
.c-fast-track-cta input[type=reset], .c-fast-track-cta .gform_button {
background-color: #005f30;
color: #fff;
width: 100%;
}
.c-site-theme--punthill .c-fast-track-cta .c-button, .c-site-theme--punthill .c-fast-track-cta input[type=submit],
.c-site-theme--punthill .c-fast-track-cta input[type=button],
.c-site-theme--punthill .c-fast-track-cta input[type=reset], .c-site-theme--punthill .c-fast-track-cta .gform_button {
background-color: #f15f22;
}
.c-fast-track-intro__title {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 40px;
}
.c-fast-track-intro .o-type--wysiwyg p {
font-weight: 500;
}
.c-fast-track-intro .o-type--wysiwyg ul {
margin-left: 12px;
margin-bottom: 24px;
font-weight: 500;
}
.c-fast-track-intro .o-type--wysiwyg pre {
font-size: 12px;
white-space: pre-wrap;
}
.c-fast-track-intro .o-type--wysiwyg pre:last-child {
margin-bottom: 0;
}
.c-fast-track-program__title {
font-size: 30px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 32px;
}
@media (min-width: 64em) {
.c-fast-track-program__title {
font-size: 40px;
}
}
.c-fast-track-program__content p {
font-weight: 500;
}
.c-fast-track-program__items {
background-color: #fff;
padding: 24px 16px;
border-radius: 8px;
margin-top: 40px;
}
@media (min-width: 64em) {
.c-fast-track-program__items {
margin-top: 64px;
padding: 8px 16px;
}
}
.c-fast-track-program__items-header {
display: none;
justify-content: space-between;
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 64em) {
.c-fast-track-program__items-header {
display: flex;
}
}
.c-fast-track-program__items-header div {
font-weight: 500;
font-size: 16px;
line-height: 30px;
}
.c-fast-track-program__items-header div:first-child {
flex: 1;
max-width: 140px;
padding-left: 24px;
padding-right: 24px;
}
.c-fast-track-program__items-header div:nth-child(2) {
flex: 2;
text-align: right;
padding-left: 24px;
padding-right: 24px;
}
.c-fast-track-program__items-header div:last-child {
flex: 1;
text-align: right;
padding-left: 24px;
padding-right: 24px;
}
.c-fast-track-program__items-body > div {
border-top: 1px solid #1e2126;
padding-top: 24px;
padding-bottom: 24px;
}
.c-fast-track-program__items-body > div:last-child {
padding-bottom: 0;
}
.c-fast-track-program__items-body > div:first-child {
border-top: none;
padding-top: 0;
}
@media (min-width: 64em) {
.c-fast-track-program__items-body > div:first-child {
padding-top: 24px;
border-top: 1px solid #1e2126;
}
}
@media (min-width: 64em) {
.c-fast-track-program__items-body > div {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 64em) {
.c-fast-track-program__items-body > div div {
padding-right: 24px;
padding-left: 24px;
}
}
.c-fast-track-program__items-body > div div:first-child {
flex: 1;
font-weight: 700;
font-size: 28px;
line-height: 1.2;
max-width: 140px;
color: #005f30;
}
.c-site-theme--punthill .c-fast-track-program__items-body > div div:first-child {
background-color: #f15f22;
}
.c-fast-track-program__items-body > div div:nth-child(2) {
flex: 2;
margin-top: 24px;
}
@media (min-width: 64em) {
.c-fast-track-program__items-body > div div:nth-child(2) {
text-align: right;
margin-top: 0;
}
}
.c-fast-track-program__items-body > div div:nth-child(2) p {
margin-bottom: 0;
}
.c-fast-track-program__items-body > div div:nth-child(2) p:first-child {
font-size: 18px;
color: #005f30;
}
.c-site-theme--punthill .c-fast-track-program__items-body > div div:nth-child(2) p:first-child {
background-color: #f15f22;
}
.c-fast-track-program__items-body > div div:last-child {
flex: 1;
font-size: 18px;
color: #005f30;
margin-top: 24px;
}
.c-site-theme--punthill .c-fast-track-program__items-body > div div:last-child {
background-color: #f15f22;
}
@media (min-width: 64em) {
.c-fast-track-program__items-body > div div:last-child {
text-align: right;
margin-top: 0;
}
}
.c-fast-track-program__items-body > div div:last-child p:last-child {
margin-bottom: 0;
}
.c-fast-track-role .o-layout--stretch {
align-items: center;
}
@media (min-width: 64em) {
.c-fast-track-role .o-layout--stretch .o-layout__item:first-child div {
max-width: 310px;
}
}
.c-fast-track-role__title {
font-size: 30px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 32px;
}
.c-fast-track-role__content {
font-weight: 500;
}
.c-fast-track-structure .o-layout--stretch {
align-items: center;
}
.c-fast-track-structure__title {
font-size: 30px;
line-height: 1.3;
font-weight: 500;
margin-top: 40px;
margin-bottom: 32px;
}
@media (min-width: 64em) {
.c-fast-track-structure__title {
margin-top: 0;
}
}
.c-fast-track-structure__content {
font-weight: 500;
}
.c-fast-track-structure__content .o-type--wysiwyg p {
font-weight: 500;
}
.c-fast-track-structure__content .o-type--wysiwyg ul {
margin-left: 12px;
margin-bottom: 24px;
font-weight: 500;
}
.c-fast-track-structure__content .o-type--wysiwyg pre {
font-size: 12px;
white-space: pre-wrap;
}
.c-fast-track-structure__content .o-type--wysiwyg pre:last-child {
margin-bottom: 0;
}
.c-fast-track-support__title {
font-weight: 700;
font-size: 30px;
line-height: 43px;
}
.c-fast-track-support__content {
font-weight: 700;
font-size: 20px;
line-height: 30px;
margin-top: 32px;
}
.c-fast-track-support__grid {
display: grid;
margin-top: 40px;
}
@media (min-width: 64em) {
.c-fast-track-support__grid {
grid-template-columns: 1fr 1fr;
column-gap: 64px;
row-gap: 80px;
margin-top: 80px;
}
}
.c-fast-track-support__item {
align-items: center;
margin-top: 40px;
}
@media (min-width: 64em) {
.c-fast-track-support__item {
margin-top: 0;
display: flex;
justify-content: space-between;
}
}
.c-fast-track-support__item:first-child {
margin-top: 0;
}
.c-fast-track-support__item-image {
width: 122px;
height: 122px;
border-radius: 122px;
flex-shrink: 0;
margin-bottom: 24px;
}
@media (min-width: 64em) {
.c-fast-track-support__item-image {
margin-bottom: 0;
margin-right: 40px;
}
}
.c-fast-track-support__item-image .c-lazy-wrapper {
padding-bottom: 0 !important;
height: 100% !important;
border-radius: 122px;
}
.c-fast-track-support__item-image .c-lazy-wrapper img {
object-fit: cover;
border-radius: 122px;
}
.c-fast-track-program-outcome__title {
font-weight: 700;
font-size: 30px;
line-height: 1.4;
}
@media (min-width: 64em) {
.c-fast-track-program-outcome__title {
max-width: 447px;
}
}
.c-fast-track-program-outcome__content {
font-weight: 500;
font-size: 14px;
line-height: 1.7;
margin-top: 32px;
}
@media (min-width: 64em) {
.c-fast-track-program-outcome__content {
max-width: 447px;
}
}
.c-fast-track-program-outcome .c-lazy-wrapper {
margin-top: 40px;
}
@media (min-width: 64em) {
.c-fast-track-program-outcome .c-lazy-wrapper {
margin-top: 80px;
}
}
.c-bottom-bar {
background: #1d2125;
color: #bbbcbe;
font-size: 13px;
line-height: 22px;
text-align: center;
padding: 12px 0;
}
.c-bottom-bar a {
color: #bbbcbe;
font-size: 13px;
}
.c-bottom-bar .c-navigation__item {
display: inline-block;
margin: 0 10px;
}
.c-footer {
background: #1d2125;
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-footer {
padding: 6.4286rem 0;
}
}
@media (max-width: 46.24em) {
.c-footer {
padding-bottom: 0;
}
}
.c-footer--compendium {
padding-top: 64px;
padding-bottom: 64px;
}
@media (min-width: 64em) {
.c-footer--compendium {
padding-top: 120px;
padding-bottom: 120px;
}
}
.c-footer--compendium .c-logo,
.c-footer--compendium .c-footer__upper {
margin-bottom: 32px;
}
@media (min-width: 64em) {
.c-footer--compendium .c-logo,
.c-footer--compendium .c-footer__upper {
margin-bottom: 40px;
}
}
.c-footer a {
color: #bbbcbe;
font-size: 14px;
transition: color cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-footer a:hover {
text-decoration: underline;
color: white;
}
.c-footer__upper {
text-align: center;
margin-bottom: 60px;
}
.c-footer__logo {
max-width: 171px;
margin: auto;
margin-bottom: 46px;
}
.c-site-theme--punthill .c-footer__logo {
max-width: 260px;
}
.c-footer__column-title {
font-weight: 400;
margin-bottom: 36px;
color: white;
line-height: 1;
}
.c-footer__column-title {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.c-footer__column-title {
font-size: calc(16px + 9 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-footer__column-title {
font-size: 25px;
}
}
.c-footer__column-title:after {
margin-top: 15px;
display: block;
content: "";
width: 29px;
height: 3px;
background-color: white;
}
.c-footer__column {
margin-bottom: 30px;
text-align: left;
}
@media (min-width: 46.25em) {
.c-footer__column {
margin-bottom: 0;
}
}
.c-footer__column.last .c-footer__column-title {
margin-bottom: 85px;
}
.c-footer .c-social-media {
display: block;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-footer .c-social-media {
margin-top: 74px;
margin-bottom: 0;
}
}
.c-footer .c-social-media__link {
display: inline-block;
font-size: 18px;
}
@media (min-width: 46.25em) {
.c-footer .c-social-media__link {
font-size: 1.4em;
}
}
.c-footer .c-social-media__link:hover {
color: white;
}
.c-footer__middle {
display: none;
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-footer__middle {
display: block;
}
}
@media (min-width: 64em) {
.c-footer__middle {
margin-bottom: 70px;
}
}
.c-footer__lower {
display: none;
text-align: center;
}
@media (min-width: 46.25em) {
.c-footer__lower {
display: block;
}
}
.c-footer__lower .c-navigation {
margin-top: 20px;
}
.c-footer__lower .c-navigation li {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.c-footer__phone a {
color: white;
}
.c-footer__find-us-title {
color: #fff;
opacity: 0.2;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.c-footer__find-us {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.c-footer__find-us li {
display: inline-block;
vertical-align: middle;
}
.c-footer__find-us li span,
.c-footer__find-us li a {
font-size: 16px;
color: white;
opacity: 0.7;
}
.c-footer__contact-links {
list-style: none;
margin: 0;
padding: 0;
}
.c-footer__contact-links a {
font-size: 19px;
}
.c-footer__contact-links li {
display: inline-block;
vertical-align: middle;
}
.c-footer__contact-links li:after {
position: relative;
top: -3px;
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 26px;
width: 1px;
height: 20px;
background-color: #bbbcbe;
}
.c-footer__contact-links li:last-child:after {
display: none;
}
.c-footer__lower-mobile {
max-width: 280px;
margin: auto;
padding-bottom: 60px;
}
.c-footer__lower-mobile a {
font-size: 16px;
}
@media (min-width: 46.25em) {
.c-footer__lower-mobile {
display: none;
}
}
.c-footer__email {
margin: 10px 0;
}
.c-footer__bottom-links {
border-top: 1px solid rgba(255, 255, 255, 0.25);
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
}
.c-footer__bottom-links .c-navigation {
padding: 10px 0;
}
@media (min-width: 46.25em) {
.c-footer__bottom-links .c-navigation {
padding-top: 0;
margin-top: 20px;
}
}
.c-footer__bottom-links .c-navigation li {
display: inline-block;
vertical-align: middle;
margin: 0 7px;
font-size: 13px;
}
.c-footer__bottom-links .c-navigation a {
color: #f1d8d1;
opacity: 0.5;
}
@media (min-width: 46.25em) {
.c-footer__bottom-links .c-navigation a {
color: white;
opacity: 0.7;
}
}
@media (min-width: 46.25em) {
.c-footer__bottom-links {
border-top: 0;
background-color: transparent;
}
}
.c-footer-hotel-compendium {
text-align: center;
}
@media (min-width: 64em) {
.c-footer-hotel-compendium {
padding-bottom: 0;
}
}
.c-footer-hotel-compendium__name {
font-size: 17px;
color: #fff;
opacity: 0.7;
margin-bottom: 8px;
}
@media (min-width: 64em) {
.c-footer-hotel-compendium__name {
font-size: 19px;
}
}
.c-footer-hotel-compendium__description {
font-size: 17px;
color: #fff;
opacity: 0.7;
margin-bottom: 0;
}
@media (min-width: 64em) {
.c-footer-hotel-compendium__description {
font-size: 19px;
}
}
.c-footer-hotels {
color: white;
}
@media (min-width: 46.25em) {
.c-footer-hotels {
display: flex;
flex-wrap: wrap;
}
}
.c-footer-hotels a {
color: white;
}
.c-footer-hotel-block {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-footer-hotel-block {
width: 50%;
}
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-footer-hotel-block--1 {
display: flex;
width: 100%;
}
.c-footer-hotel-block .c-footer-hotel-block__inner {
width: 250px;
}
}
@media (min-width: 64em) {
.c-footer-hotel-block {
width: 33.3333333333%;
}
}
.c-footer-hotel-block__city-title {
font-size: 22px;
line-height: 35px;
font-weight: 400;
margin-bottom: 32px;
display: inline-flex;
gap: 4px;
align-items: center;
}
.c-site-theme--veriu .c-footer-hotel-block__city-title {
color: #005f30;
}
.c-site-theme--veriu .c-footer-hotel-block__city-title a {
font-size: 20px;
color: #005f30;
}
.c-site-theme--punthill .c-footer-hotel-block__city-title {
color: #f15f22;
}
.c-site-theme--punthill .c-footer-hotel-block__city-title a {
font-size: 20px;
color: #f15f22;
}
.c-footer-hotel-block__state-url {
font-size: 16px !important;
}
.c-footer-hotel-block__state-url:before {
content: "·";
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.c-footer-hotel-block__state-url span {
display: inline-block;
vertical-align: middle;
}
.c-footer-hotel-block__column {
padding-right: 50px;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-footer-hotel-block__column {
width: 250px;
}
}
.c-footer-hotel-block__column a {
color: #ddd;
opacity: 0.5;
font-weight: bold;
font-size: 14px;
}
.c-footer-hotel-block__location-title {
font-size: 14px;
color: white;
font-weight: 700;
margin-bottom: 16px;
}
.c-footer-hotel-block__location-title a {
color: white;
opacity: 1;
}
.c-footer-hotel-block__hotel {
margin-bottom: 16px;
}
.c-footer-hotel-block--columns-1 .c-footer-hotel-block__columns {
display: flex;
flex-direction: column;
gap: 32px;
}
.c-footer-hotel-block--stacked {
display: flex;
flex-direction: column;
gap: 48px;
}
.c-desktop-header--compendium {
position: fixed;
width: 100%;
}
.c-desktop-header--compendium .c-desktop-header__left-col {
flex: 1;
}
.c-desktop-header--compendium .c-desktop-header__right-col {
display: flex;
justify-content: flex-end;
align-items: center;
flex: 1;
}
.c-desktop-header--compendium .c-desktop-header__right-col .c-desktop-header__date {
font-size: 16px;
}
.c-desktop-header--compendium .c-desktop-header__center-col {
flex: 1;
text-align: center;
font-size: 16px;
}
.c-desktop-header--compendium .c-desktop-header__search {
font-size: 18px;
color: #2d2d2d;
margin-left: 24px;
}
.c-desktop-header--compendium .c-desktop-header__search span {
display: inline-block;
vertical-align: middle;
cursor: pointer;
transition: opacity 300ms;
}
.c-desktop-header--compendium .c-desktop-header__search span:hover {
opacity: 0.8;
}
.c-desktop-header--compendium .c-desktop-header__search-icon:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e801";
font-size: 18px;
color: #2d2d2d;
}
.c-desktop-header--compendium a {
color: #2d2d2d !important;
opacity: 1 !important;
}
.c-desktop-header--compendium .hamburger-open {
font-size: 18px;
color: #2d2d2d;
}
.c-desktop-header--compendium .hamburger-close {
font-size: 18px;
color: #2d2d2d;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium {
background-color: #fff;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .hamburger-inner {
background-color: #1e2126;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .hamburger-inner:before, body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .hamburger-inner:after {
background-color: #1e2126;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .c-logo {
margin-top: 0;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .c-logo .c-logo__image--dark {
opacity: 1;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium .c-logo .c-logo__image--light {
opacity: 0;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium a {
color: #1e2126;
}
body.c-mega-menu--opened .c-desktop-header.c-desktop-header--compendium a:hover {
color: #1e2126;
}
.c-desktop-header-container {
display: none;
min-height: 58px;
}
@media (min-width: 75em) {
.c-desktop-header-container {
display: block;
}
}
body.home .c-desktop-header-container {
min-height: 0;
}
body.home .c-desktop-header-container .c-desktop-header {
position: absolute;
left: 0;
right: 0;
z-index: 1000;
}
body.home .c-desktop-header-container .c-logo {
opacity: 0;
visibility: hidden;
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
position: absolute;
}
body.c-mega-menu--opened .c-desktop-header-container .c-logo {
opacity: 1;
display: block;
visibility: visible;
}
@media (min-width: 75em) {
.c-desktop-header {
z-index: 1000;
font-size: 13px;
background-color: white;
border-bottom: 1px solid #e3e3e3;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
body.admin-bar .c-desktop-header {
top: 32px;
}
}
.c-desktop-header a {
cursor: pointer;
}
.c-desktop-header a:not(.c-logo) {
color: #8d8d8d;
opacity: 0.8;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-desktop-header a:not(.c-logo):hover {
opacity: 1;
color: #8d8d8d;
}
.c-desktop-header .c-logo {
display: inline-block;
position: relative;
vertical-align: middle;
max-width: 84px;
margin-right: 33px;
}
.c-site-theme--punthill .c-desktop-header .c-logo {
max-width: 140px;
}
.c-desktop-header .c-logo__image {
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-desktop-header .c-logo__image--light {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.c-desktop-header .c-navigation {
display: none;
vertical-align: middle;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-desktop-header .c-navigation {
display: inline-block;
}
}
.c-desktop-header .c-navigation__item {
display: inline-block;
vertical-align: middle;
margin-right: 25px;
}
.c-desktop-header .c-navigation__link {
font-size: 13px;
color: #8d8d8d;
}
.c-desktop-header__body {
display: flex;
height: 58px;
align-items: center;
padding: 0 25px;
}
.c-desktop-header__left-col {
flex-grow: 1;
display: flex;
align-items: center;
}
.c-desktop-header__right-col {
text-align: right;
}
.c-desktop-header__login {
display: none;
margin-left: 15px;
}
@media (min-width: 46.25em) {
.c-desktop-header__login {
display: inline-block;
}
}
.c-desktop-header__login span {
transition: color 0.3s;
}
.c-desktop-header__login svg {
top: 1px;
position: relative;
width: 14px;
height: 14px;
margin-right: 6px;
}
.c-desktop-header__login svg path {
fill: #8d8d8d;
}
.c-desktop-header__login:hover span {
text-decoration: underline;
color: #005f30;
}
.c-site-theme--punthill .c-desktop-header__login:hover span {
color: #f15f22;
}
.c-desktop-header__login:hover path {
fill: #005f30;
}
.c-site-theme--punthill .c-desktop-header__login:hover path {
fill: #f15f22;
}
.c-desktop-header__phone {
display: none;
transition: color 0.3s;
}
@media (min-width: 46.25em) {
.c-desktop-header__phone {
display: inline-block;
}
}
.c-desktop-header__phone i {
top: 1px;
position: relative;
margin-right: 6px;
}
.c-desktop-header__phone:hover {
color: #005f30 !important;
}
.c-site-theme--punthill .c-desktop-header__phone:hover {
color: #f15f22 !important;
}
.c-desktop-header__phone:hover span {
text-decoration: underline;
}
body.home .c-desktop-header {
background-color: transparent;
border-bottom: 1px solid transparent;
}
body.home .c-desktop-header .hamburger {
color: white;
}
body.home .c-desktop-header .hamburger-inner {
background-color: white;
}
body.home .c-desktop-header .hamburger-inner:before, body.home .c-desktop-header .hamburger-inner:after {
background-color: white;
}
body.home .c-desktop-header .c-logo .c-logo__image--dark {
opacity: 0;
}
body.home .c-desktop-header .c-logo .c-logo__image--light {
opacity: 1;
}
body.home .c-desktop-header a {
color: white;
}
body.home .c-desktop-header a:hover {
color: white;
}
body.home .c-desktop-header svg path {
fill: white;
}
body.home .c-desktop-header__phone:hover {
color: #fff !important;
}
body.home .c-desktop-header__phone i:hover {
color: #fff !important;
}
body.home .c-desktop-header__login:hover span {
color: #fff !important;
}
body.home .c-desktop-header__login svg path {
fill: white;
}
body.c-mega-menu--opened .c-desktop-header {
background-color: #121316;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: white;
}
body.c-mega-menu--opened .c-desktop-header .hamburger-inner {
background-color: white;
}
body.c-mega-menu--opened .c-desktop-header .hamburger-inner:before, body.c-mega-menu--opened .c-desktop-header .hamburger-inner:after {
background-color: white;
}
body.c-mega-menu--opened .c-desktop-header .c-logo__image--light {
opacity: 1;
}
body.c-mega-menu--opened .c-desktop-header .c-logo__image--dark {
opacity: 0;
}
body.c-mega-menu--opened .c-desktop-header .hamburger-close {
opacity: 1;
}
body.c-mega-menu--opened .c-desktop-header .hamburger-open {
opacity: 0;
}
body.c-mega-menu--opened .c-desktop-header .c-navigation {
visibility: hidden;
opacity: 0;
}
body.c-mega-menu--opened .c-desktop-header a {
color: white;
}
body.c-mega-menu--opened .c-desktop-header a:hover {
color: white;
}
body.c-mega-menu--opened .c-desktop-header__phone:hover {
color: #fff !important;
}
body.c-mega-menu--opened .c-desktop-header__phone i:hover {
color: #fff !important;
}
body.c-mega-menu--opened .c-desktop-header__login:hover span {
color: #fff !important;
}
body.c-mega-menu--opened .c-desktop-header__login svg path {
fill: white;
}
.hamburger {
position: relative;
margin-left: 25px;
font-size: 13px;
}
.hamburger-box {
width: 20px;
height: 15px;
vertical-align: middle;
margin-left: 8px;
top: -2px;
}
.hamburger-close,
.hamburger-open {
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.hamburger-close {
display: none;
opacity: 0;
}
.hamburger-inner {
background-color: #000;
width: 20px;
}
.hamburger-inner:before, .hamburger-inner:after {
width: 20px;
background-color: #000;
}
.hamburger-inner:before {
top: -7px;
}
.hamburger-inner:after {
bottom: -7px;
}
.c-mega-menu {
position: fixed;
top: 59px;
left: 0;
right: 0;
height: calc(100vh - 59px);
z-index: 2000;
background-color: #121316;
color: #fff;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, visibility cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
opacity: 0;
visibility: hidden;
font-size: 16px;
overflow-y: auto;
padding: 0;
}
.c-mega-menu--compendium {
padding: 80px;
}
@media (min-width: 75em) {
body.c-mega-menu--opened .c-mega-menu {
opacity: 1;
visibility: visible;
}
}
body.admin-bar .c-mega-menu {
top: 90px;
}
.c-mega-menu__inner {
display: flex;
justify-content: stretch;
}
.c-mega-menu__left {
padding: 96px 30px;
width: 50%;
display: flex;
min-height: calc(100vh - 58px);
justify-content: center;
}
.c-mega-menu__nav {
max-width: 550px;
margin: 0 auto;
width: 100%;
font-size: 0;
display: flex;
}
.c-mega-menu__nav h4 {
margin-bottom: 25px;
}
.c-mega-menu__nav .c-navigation__item {
margin: 11px 0;
}
.c-mega-menu__nav a {
color: #bbbcbe;
}
.c-mega-menu__nav a:hover {
text-decoration: underline;
}
.c-mega-menu__nav-column {
width: 50%;
}
.c-mega-menu__nav-block {
break-inside: avoid;
margin-bottom: 35px;
font-size: 14px;
vertical-align: top;
}
.c-mega-menu__nav-block > a.c-navigation__link {
color: white;
}
.c-mega-menu__right {
position: relative;
display: flex;
flex-grow: 1;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.c-mega-menu__stats {
padding: 96px 30px;
text-align: center;
width: 50%;
}
.c-mega-menu__image {
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
opacity: 1;
z-index: -1;
transition: none;
}
.c-mega-menu__image--hover {
z-index: 10;
transition: opacity 150ms;
}
.c-mega-menu__image--hidden {
opacity: 0;
transition: opacity 600ms;
}
.c-mega-menu .c-social-media {
display: block;
}
.c-mega-menu .c-social-media__link {
display: inline-block;
vertical-align: middle;
}
.c-mega-menu h5 {
line-height: 1.3333333333;
font-weight: bold;
}
.c-mega-menu h5 {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-mega-menu h5 {
font-size: calc(25px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-mega-menu h5 {
font-size: 30px;
}
}
.c-mega-menu--bg-off-white {
background-color: #fcf7f6;
border-top: 1px solid #e3e3e3;
}
.c-mega-menu--bg-off-white .c-mega-menu__header {
color: #1e2126;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
}
.c-mega-menu--bg-off-white .c-mega-menu__header-title {
font-size: 40px;
font-weight: 700;
display: inline-block;
}
.c-mega-menu--bg-off-white .c-mega-menu__header-hotel {
background: linear-gradient(0deg, rgba(231, 219, 206, 0.3), rgba(231, 219, 206, 0.3));
border-radius: 4px;
padding: 8px 16px;
}
@media (min-width: 46.25em) {
.c-mega-menu--bg-off-white .c-mega-menu__body {
column-count: 2;
column-gap: 40px;
}
}
@media (min-width: 64em) {
.c-mega-menu--bg-off-white .c-mega-menu__body {
column-count: 4;
column-gap: 80px;
}
}
.c-mega-menu--bg-off-white .c-mega-menu-group {
break-inside: avoid;
margin-bottom: 40px;
}
.c-mega-menu--bg-off-white .c-mega-menu-group__title {
font-size: 20px;
font-weight: 700;
margin-bottom: 24px;
color: #1e2126;
}
.c-mega-menu--bg-off-white .c-mega-menu-group__item {
display: flex;
align-content: center;
font-size: 18px;
margin-bottom: 16px;
}
.c-mega-menu--bg-off-white .c-mega-menu-group__item-icon {
width: 32px;
height: 32px;
margin-right: 8px;
}
.c-mega-menu--bg-off-white .c-mega-menu-group__item-title {
margin-top: 4px;
}
.c-mobile-header--compendium {
background-color: #fcf7f6;
position: fixed;
width: 100%;
}
.c-mobile-header--compendium .c-mobile-header__body > div {
display: flex;
justify-content: flex-end;
align-items: center;
}
.navigation-open .c-mobile-header--compendium .c-mobile-header__body {
background-color: #fff !important;
color: #1e2126 !important;
}
.navigation-open .c-mobile-header--compendium .c-mobile-header__body .c-logo__image--dark {
opacity: 1;
}
.navigation-open .c-mobile-header--compendium .c-mobile-header__body .c-logo__image--light {
opacity: 0;
}
.navigation-open .c-mobile-header--compendium .c-mobile-header__body a {
color: #1e2126;
}
.navigation-open .c-mobile-header--compendium .c-mobile-header__body .hamburger-inner,
.navigation-open .c-mobile-header--compendium .c-mobile-header__body .hamburger-inner:before,
.navigation-open .c-mobile-header--compendium .c-mobile-header__body .hamburger-inner:after {
background-color: #1e2126;
}
.c-mobile-header--compendium .c-mobile-header__body a {
color: #1e2126;
}
.c-mobile-header--compendium.c-mobile-header .hamburger {
position: relative;
top: 0;
right: 0;
margin-left: 16px;
}
.c-mobile-header--compendium .c-mobile-header__nav {
background-color: #fcf7f6;
color: #1e2126;
}
.c-mobile-header--compendium .c-mobile-header__nav-header {
padding: 40px 24px;
}
.c-mobile-header--compendium .c-mobile-header__nav-header-title {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 24px;
display: block;
}
.c-mobile-header--compendium .c-mobile-header__nav-header p {
font-size: 16px;
}
.c-mobile-header--compendium .c-mobile-header__nav-header p:last-child {
margin-bottom: 0;
}
.c-mobile-header--compendium .c-mobile-header__search {
font-size: 14px;
color: #1e2126;
margin-left: 24px;
}
.c-mobile-header--compendium .c-mobile-header__search span {
display: inline-block;
vertical-align: middle;
}
.c-mobile-header--compendium .c-mobile-header__search-icon:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e801";
font-size: 14px;
color: #1e2126;
}
.c-mobile-header--compendium .c-navigation-compendium {
list-style: none;
margin: 0;
padding: 0;
}
.c-mobile-header--compendium .c-navigation-compendium__item {
padding: 0 24px;
border-top: 1px solid #ddd;
}
.c-mobile-header--compendium .c-navigation-compendium__item--has-children .c-navigation-compendium__link:after {
position: absolute;
top: 50%;
right: 0;
content: "";
display: block;
background: transparent url("../images/icon-arrow-down.svg") no-repeat right center;
background-size: 1rem;
background-position: center;
margin-top: -7px;
width: 21px;
height: 14px;
transition: transform 300ms;
}
.c-mobile-header--compendium .c-navigation-compendium__link {
padding: 16px 0;
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
text-decoration: none;
color: inherit;
}
.c-mobile-header--compendium .c-sub-navigation-compendium {
visibility: hidden;
opacity: 0;
transition: all 300ms;
list-style: none;
margin: 0;
padding: 0;
}
.c-mobile-header--compendium .c-sub-navigation-compendium__item {
padding: 8px 0;
}
.c-mobile-header--compendium .c-sub-navigation-compendium__item:last-child {
padding-bottom: 24px;
}
.c-mobile-header--compendium .c-sub-navigation-compendium__item-icon {
width: 26px;
height: 26px;
margin-right: 8px;
}
.c-mobile-header--compendium .c-sub-navigation-compendium__link {
font-size: 16px;
display: flex;
color: #2d2d2d;
}
.c-mobile-header--compendium .c-navigation__item--is-open .c-sub-navigation-compendium {
visibility: visible;
opacity: 1;
}
.c-mobile-header-container {
min-height: 54px;
position: relative;
z-index: 99;
}
@media (min-width: 64em) {
.c-mobile-header-container {
display: none;
}
}
.c-mobile-header {
display: block;
}
@media (min-width: 75em) {
.c-mobile-header {
display: none;
}
}
.c-mobile-header__body {
padding: 0 15px 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
height: 54px;
background: #fff;
transition: border-bottom 300ms;
border-bottom: 1px solid #e3e3e3;
}
html.navigation-open .c-mobile-header__body {
border-bottom: 1px solid transparent;
}
.c-mobile-header__nav {
position: fixed;
top: 54px;
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-flow: column;
z-index: 2000;
opacity: 0;
visibility: hidden;
transform: translateX(1rem);
color: white;
background: #1e2126;
transition: opacity 300ms, visibility 0s 300ms, transform 300ms;
}
.navigation-open .c-mobile-header__nav {
visibility: visible;
opacity: 1;
transform: translateX(0);
transition: visibility 0s, opacity 300ms, transform 300ms;
}
.c-mobile-header__nav-inner {
flex-grow: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 60px;
}
.c-mobile-header__nav-footer {
position: relative;
flex-grow: 0;
padding: 1rem 2rem;
text-align: center;
}
.c-mobile-header__nav-footer:before {
display: block;
content: "";
height: 60px;
position: absolute;
pointer-events: none;
bottom: 100%;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(30, 33, 38, 0) 0%, #1e2126 100%);
}
.c-mobile-header__phone {
display: block;
font-size: 25px;
padding: 0.86rem 1rem;
}
.c-mobile-header__phone i.icon-phone {
margin-right: -7px;
}
.c-mobile-header a {
color: white;
}
.c-mobile-header__lower {
padding: 0 29px;
}
.c-mobile-header__lower a {
opacity: 0.7;
font-size: 16px;
}
.c-mobile-header__login-link {
margin-top: 30px;
}
.c-mobile-header__account {
display: flex;
align-items: center;
justify-content: flex-end;
}
.c-mobile-header__login {
color: #1e2126;
}
.c-mobile-header__login span {
font-size: 13px;
color: #1e2126;
text-decoration: underline;
}
.c-mobile-header__login svg {
top: 1px;
position: relative;
width: 14px;
height: 14px;
margin-left: 6px;
}
.c-mobile-header__login svg path {
fill: #1e2126;
}
.c-mobile-header .c-logo {
width: auto;
height: 100%;
max-height: 22px;
position: relative;
z-index: 100;
}
.c-mobile-header .c-logo__image {
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
max-height: 100%;
width: auto;
}
.c-mobile-header .c-logo__image--light {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.c-mobile-header .hamburger {
outline: 0;
z-index: 4000;
color: #1e2126;
position: static;
margin-left: 24px;
font-size: 13px;
}
.navigation-open .c-mobile-header .hamburger {
color: #fff;
}
.c-mobile-header .c-social-media {
padding: 0;
justify-content: flex-start;
margin-top: 10px;
}
.c-mobile-header .c-social-media__link {
font-size: 1.3rem;
}
.c-mobile-header .c-navigation {
list-style: none;
margin-bottom: 10px;
}
.c-mobile-header .c-navigation__link {
display: block;
}
.c-mobile-header .c-navigation__item--has-children .c-navigation__link {
position: relative;
}
.c-mobile-header .c-navigation__item--has-children .c-navigation__link:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f107";
display: block;
position: absolute;
right: 1.5rem;
top: 1rem;
transform: rotate(-90deg);
opacity: 0.2;
font-size: 2rem;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-navigation__item--is-open .c-navigation__link:after {
transform: scale(-1, -1);
}
.c-mobile-header .c-navigation__item--has-children .c-navigation__link:hover:after {
opacity: 1;
}
.c-mobile-header .c-navigation--main {
margin-top: 30px;
margin-bottom: 30px;
padding: 2rem 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.c-mobile-header .c-navigation--main .c-navigation__link {
font-size: 22px;
line-height: 35px;
padding: 0.4rem 2rem;
}
.c-mobile-header .c-sub-navigation {
list-style: none;
margin: 0;
display: none;
padding: 0.5rem 0;
background: rgb(242.25, 242.25, 242.25);
}
.c-mobile-header .c-sub-navigation__link {
display: block;
padding: 1rem 2rem 1rem 3rem;
font-size: 1rem;
background: rgb(242.25, 242.25, 242.25);
}
.c-mobile-header .c-sub-navigation__item--has-children .c-sub-navigation__link {
position: relative;
}
.c-mobile-header .c-sub-navigation__item--has-children .c-sub-navigation__link:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f107";
display: block;
position: absolute;
right: 1rem;
top: 1.5rem;
opacity: 0.2;
font-size: 2rem;
}
.c-sub-navigation__item--is-open .c-sub-navigation__link:after {
transform: scale(-1, -1);
}
.c-mobile-header .c-sub-sub-navigation {
list-style: none;
margin: 0;
display: none;
}
.c-mobile-header .c-sub-sub-navigation__item {
border-top: 1px solid #8d8d8d;
}
.c-mobile-header .c-sub-sub-navigation__link {
display: block;
padding: 1rem 2rem 1rem 6rem;
font-size: 1rem;
}
.navigation-open .c-mobile-header .c-mobile-header__body {
background-color: #1e2126;
color: white;
}
.navigation-open .c-mobile-header .c-logo__image--light {
opacity: 1;
}
.navigation-open .c-mobile-header .c-logo__image--dark {
opacity: 0;
}
.navigation-open .c-mobile-header .hamburger-inner {
background-color: white;
}
.navigation-open .c-mobile-header .hamburger-inner:before, .navigation-open .c-mobile-header .hamburger-inner:after {
background-color: white;
}
.navigation-open .c-mobile-header .hamburger-close {
opacity: 1;
display: inline-block;
}
.navigation-open .c-mobile-header .hamburger-open {
opacity: 0;
display: none;
}
.navigation-open .c-mobile-header__login {
color: white;
}
.navigation-open .c-mobile-header__login span {
color: white;
}
.navigation-open .c-mobile-header__login svg path {
fill: white;
}
body.home .c-mobile-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1500;
}
body.home .c-mobile-header .c-logo {
width: 88px;
}
body.home .c-mobile-header .c-logo__image--dark {
opacity: 0;
}
body.home .c-mobile-header .c-logo__image--light {
opacity: 1;
}
body.home .c-mobile-header .hamburger {
color: white;
top: 17px;
}
body.home .c-mobile-header .hamburger .hamburger-inner:before,
body.home .c-mobile-header .hamburger .hamburger-inner:after,
body.home .c-mobile-header .hamburger .hamburger-inner {
background-color: white;
}
body.home .c-mobile-header__body {
background-color: transparent;
border-color: transparent;
}
body.home .c-mobile-header__login {
color: white;
}
body.home .c-mobile-header__login span {
color: white;
}
body.home .c-mobile-header__login svg path {
fill: white;
}
body.home.c-site-theme--punthill .c-mobile-header .c-logo {
width: 120px !important;
}
.c-mobile-header-hotels {
list-style: none;
margin: 0;
margin-top: 30px;
padding: 0 29px;
}
.c-mobile-header-hotels h5 {
font-size: 22px;
line-height: 1.4;
font-weight: 700;
color: white;
margin-bottom: 0;
display: flex;
gap: 4px;
align-items: baseline;
}
.c-mobile-header-hotels li {
position: relative;
margin-bottom: 16px;
cursor: pointer;
}
.c-mobile-header-hotels li a:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f107";
display: block;
position: absolute;
right: 0;
top: 50%;
opacity: 0.2;
font-size: 2rem;
transform: rotate(-90deg) translateX(50%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-mobile-header-hotels li .c-location-counts-type__item {
font-size: 16px;
margin-top: -5px;
}
.c-mobile-header-hotels li:hover a:after {
opacity: 1;
}
.c-navigation-hidden {
background: #1e2126;
right: 0;
top: 0;
bottom: 0;
z-index: 3000;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
height: auto;
margin: 0;
list-style: none;
padding: 30px 0;
display: flex;
flex-direction: column;
padding-top: 0;
transform: translate3d(100%, 0, 0);
transition: transform 300ms;
will-change: transform;
}
.c-navigation-hidden__content {
flex-grow: 1;
overflow-y: auto;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
padding: 0 20px;
padding-bottom: 30px;
padding-top: 0;
}
.c-navigation-hidden--opened {
transform: translate3d(0, 0, 0);
transition: transform 300ms;
}
.c-navigation-hidden--opened .c-navigation-hidden__back {
opacity: 1;
}
.c-navigation-hidden__back {
position: absolute;
top: 20px;
left: 20px;
display: block;
color: white;
cursor: pointer;
font-size: 14px;
height: 30px;
width: 50px;
z-index: 3;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-navigation-hidden__back svg path {
stroke: white;
}
.c-navigation-hidden__header {
position: relative;
padding: 27px 20px;
margin: 0 !important;
padding-top: 0;
display: flex;
height: 55px;
align-items: center;
justify-content: flex-end;
}
.c-navigation-hidden ul {
list-style: none;
padding: 0;
margin: 0;
}
.c-navigation-hidden__link {
display: block;
padding: 0.5rem 0;
color: #d1d1d2;
font-size: 16px;
font-weight: 500;
transition: all ease-in-out 0.35s;
}
.c-navigation-hidden__link span {
border-bottom: 1px solid transparent;
padding-bottom: 5px;
transition: all ease-in-out 0.35s;
}
.c-navigation-hidden__link:active, .c-navigation-hidden__link:focus, .c-navigation-hidden__link:hover {
color: white;
}
.c-navigation-hidden__link:active span, .c-navigation-hidden__link:focus span, .c-navigation-hidden__link:hover span {
border-bottom: 1px solid #ccc;
}
.c-navigation-hidden__nav-footer {
position: relative;
padding: 0 30px;
}
.c-navigation-hidden__nav-footer .icon-phone {
position: relative;
margin-right: 10px;
}
.c-navigation-hidden__nav-footer .icon-phone:before {
display: inline-block;
position: relative;
z-index: 2;
}
.c-navigation-hidden__nav-footer .icon-phone:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
z-index: 1;
background-color: rgba(255, 255, 255, 0.2);
width: 36px;
height: 36px;
border-radius: 50%;
}
.c-navigation-hidden__nav-footer:before {
display: block;
content: "";
height: 60px;
position: absolute;
pointer-events: none;
bottom: 100%;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.c-navigation-hidden-large {
border-top: 1px solid rgba(255, 255, 255, 0.4);
padding-top: 2rem;
margin: 2rem 0 0 0;
list-style: none;
}
.c-navigation-hidden-large__link {
color: white;
display: block;
font-size: 22px;
font-weight: 500;
padding: 0.5rem 0;
}
.c-navigation-hidden__menu-title {
margin-left: 0 !important;
font-size: 22px;
color: white;
font-weight: 700;
line-height: 35px;
}
.c-navigation-hidden .c-footer-hotel-block__columns {
display: block;
}
.c-navigation-hidden .c-footer-hotel-block__column {
margin-top: 32px;
}
.c-navigation-hidden .c-footer-hotel-block__location-title {
color: #ddd;
opacity: 0.5;
}
.c-navigation-hidden .c-footer-hotel-block__hotel a {
color: #fff;
opacity: 1;
font-weight: 700;
}
.c-navigation {
list-style: none;
margin: 0;
padding: 0;
}
.c-navigation__link {
text-decoration: none;
color: inherit;
}
.c-header-ribbon {
padding: 16px 20px;
background-color: #2d2d2d;
color: #fff;
text-align: left;
z-index: 1000;
}
@media (min-width: 64em) {
.c-header-ribbon {
text-align: center;
padding: 24px;
}
}
.c-header-ribbon__wrapper {
position: relative;
}
@media (min-width: 64em) {
.c-header-ribbon__wrapper {
padding: 0 32px;
}
}
.c-header-ribbon__inner {
display: inline-flex;
justify-content: center;
vertical-align: middle;
align-items: center;
gap: 16px;
}
.c-header-ribbon__content {
font-size: 14px;
line-height: 22px;
}
@media (min-width: 64em) {
.c-header-ribbon__content {
font-size: 20px;
line-height: 27px;
}
}
@media (max-width: 63.99em) {
.c-header-ribbon__content .o-type--wysiwyg,
.c-header-ribbon__content p {
display: inline;
}
}
.c-header-ribbon__image {
width: 48px;
flex-shrink: 0;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
.c-header-ribbon__inline-link, .c-header-ribbon__link {
flex-shrink: 0;
margin-left: 8px;
}
.c-header-ribbon__inline-link {
display: inline-block;
}
.c-header-ribbon .c-link {
font-size: 14px;
opacity: 1 !important;
color: white !important;
}
.c-header-ribbon .c-link:hover {
opacity: 0.8 !important;
}
.c-header-ribbon__close {
background-color: transparent;
padding: 0;
border: 0;
cursor: pointer;
transition: all ease-in-out 350ms;
}
.c-header-ribbon__close:hover {
opacity: 0.8;
}
@media (min-width: 64em) {
.c-header-ribbon__close {
position: absolute;
top: 0;
right: 0;
}
}
.c-header-ribbon.c-popup-alert--hidden {
display: none;
}
.c-skipwrapper {
height: 0;
width: 1px;
overflow: hidden;
}
.c-skiplinks {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background-color: white;
display: none;
}
@media (min-width: 75em) {
.c-skiplinks {
display: block;
}
}
.c-skiplinks.initial {
left: -10000px;
top: -10000px;
}
body.c-skiplinks-hidden .c-skiplinks {
left: -10000px;
top: -10000px;
}
body.c-skiplinks-has-focus .c-skiplinks {
z-index: 1040;
}
.c-skiplinks ul {
list-style: none;
padding: 0;
margin: 0;
}
.c-skiplinks ul li {
display: inline-block;
vertical-align: middle;
}
.c-skiplinks ul a {
display: block;
padding: 10px 5px;
}
.c-site-theme--veriu .c-skiplinks ul a {
color: #005f30;
}
.c-site-theme--punthill .c-skiplinks ul a {
color: #f15f22;
}
@media (min-width: 46.25em) {
.c-skiplinks ul a {
padding: 10px 20px;
font-weight: 600;
font-size: 18px;
}
}
.c-skiplinks__label {
float: left;
font-size: 16px;
padding: 10px 5px;
padding-left: 0 !important;
}
@media (min-width: 46.25em) {
.c-skiplinks__label {
padding: 10px 20px;
font-size: 18px;
}
}
.c-sub-navigation {
list-style: none;
margin: 0;
padding: 0;
}
.c-sub-navigation__link {
text-decoration: none;
color: inherit;
}
.c-intro-block {
padding-top: 77px;
}
.c-intro-block__title {
line-height: 1.05;
max-width: 375px;
}
.c-intro-block__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-intro-block__title {
font-size: calc(40px + 40 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-intro-block__title {
font-size: 80px;
}
}
.c-intro-block__title span {
line-height: 1.15;
}
.c-intro-block__description {
max-width: 380px;
margin: auto;
font-size: 16px;
margin-bottom: 60px;
}
@media (min-width: 46.25em) {
.c-intro-block__description {
padding-left: 40px;
}
}
.c-intro-block__counts {
margin-bottom: 60px;
}
@media (min-width: 46.25em) {
.c-intro-block__counts {
margin-bottom: 50px;
}
}
.c-intro-block__image-left {
position: relative;
left: -25px;
margin-bottom: 60px;
}
@media (min-width: 46.25em) {
.c-intro-block__image-left {
padding-right: 25px;
}
}
@media (min-width: 46.25em) {
.c-intro-block__image-left {
margin-bottom: 0;
}
}
.c-intro-block__image-left .c-image-caption__text {
top: 0;
right: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
@media (min-width: 64em) {
.c-intro-block__image-left .c-image-caption__text {
bottom: 15px;
top: auto;
right: auto;
left: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
}
.c-intro-block__image-right {
text-align: right;
position: relative;
right: -25px;
}
.c-intro-block__image-right .c-image-caption__text {
top: 0;
left: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
@media (min-width: 64em) {
.c-intro-block__image-right .c-image-caption__text {
top: 15px;
left: auto;
right: -35px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
}
.c-intro-block__images {
position: relative;
background-color: #fcf7f6;
padding-bottom: 50px;
}
@media (min-width: 46.25em) {
.c-intro-block__images {
padding-bottom: 77px;
}
}
.c-intro-block__images:before {
position: absolute;
top: 0;
height: 260px;
left: 0;
right: 0;
content: "";
background-color: #1d2125;
}
@media (min-width: 46.25em) {
.c-intro-block__images:before {
height: 50%;
}
}
.c-latest-news-panel__title {
line-height: 1.1666666667;
text-align: center;
margin-bottom: 30px;
}
.c-latest-news-panel__title {
font-size: 38px;
}
@media screen and (min-width: 320px) {
.c-latest-news-panel__title {
font-size: calc(38px + 22 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-latest-news-panel__title {
font-size: 60px;
}
}
@media (min-width: 46.25em) {
.c-latest-news-panel__title {
margin-bottom: 40px;
}
}
.c-latest-news-panel__list {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-latest-news-panel__list {
margin-bottom: 60px;
}
}
.c-latest-news-panel__list li {
display: inline-block;
vertical-align: middle;
margin: 0 12px;
}
@media (min-width: 46.25em) {
.c-latest-news-panel__list li {
margin: 0 30px;
}
}
.c-latest-news-panel__list li a {
display: inline-block;
padding-bottom: 0;
border-bottom: 2px solid transparent;
transition: border cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-latest-news-panel__list li:hover a, .c-latest-news-panel__list li.active a {
border-bottom: 2px solid #1e2126;
}
.c-member-blocks {
padding: 60px 0;
padding-bottom: 0;
}
@media (min-width: 46.25em) {
.c-member-blocks {
padding-top: 150px;
padding-bottom: 75px;
}
}
@media (min-width: 64em) {
.c-member-blocks {
padding-bottom: 150px;
}
}
.c-member-block:first-child {
margin-bottom: 60px;
}
@media (min-width: 64em) {
.c-member-block:first-child {
margin-bottom: 0;
}
}
.c-member-block__content {
margin-bottom: 60px;
}
@media (min-width: 46.25em) {
.c-member-block__content {
max-width: 430px;
}
}
@media (min-width: 64em) {
.c-member-block__content {
padding-left: 50px;
}
}
.c-member-block__title {
line-height: 1;
}
.c-member-block__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-member-block__title {
font-size: calc(40px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-member-block__title {
font-size: 60px;
}
}
@media (min-width: 46.25em) {
.c-member-block__title {
max-width: none;
}
}
.c-member-block__image img {
display: block;
}
.c-member-block__button {
margin-top: 45px;
}
@media (max-width: 39.99em) {
.c-member-block .c-colored-bar--margin-bottom {
margin-bottom: 45px;
}
.c-member-block .c-image-caption__text {
display: none;
}
.c-member-block--left .c-member-block__image {
margin-left: -25px;
margin-right: -25px;
}
.c-member-block--right .c-member-block__image {
margin-bottom: -75px;
}
}
@media (min-width: 64em) {
.c-member-block--left .c-member-block__image {
margin-top: -30px;
}
.c-member-block--right {
margin-top: -125px;
}
.c-member-block--right .c-member-block__image {
text-align: right;
margin-bottom: -80px;
}
}
@media (min-width: 64em) and (min-width: 46.25em) {
.c-member-block--right .c-member-block__image {
margin-bottom: 0;
}
}
.c-offer-panel__line-1, .c-offer-panel__line-2 {
line-height: 0.8;
white-space: nowrap;
font-weight: 700;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
will-change: transform;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.c-offer-panel__line-1, .c-offer-panel__line-2 {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-offer-panel__line-1, .c-offer-panel__line-2 {
font-size: calc(25px + 125 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-offer-panel__line-1, .c-offer-panel__line-2 {
font-size: 150px;
}
}
.c-offer-panel__line-1 {
margin-bottom: 20px;
}
.c-offer-panel__line-2 {
margin-bottom: 0;
}
.c-offer-panel__headings {
overflow: hidden;
padding-bottom: 80px;
}
@media (min-width: 46.25em) {
.c-offer-panel__headings {
padding-bottom: 100px;
}
}
@media (max-width: 39.99em) {
.c-offer-panel__offer-wrapper {
padding: 0 !important;
margin: 0 !important;
}
}
@media (min-width: 64em) {
.c-home-types-panel {
margin-top: -250px;
}
}
.c-type-blocks__title {
line-height: 1.1875;
margin-bottom: 40px;
}
.c-type-blocks__title {
font-size: 47px;
}
@media screen and (min-width: 320px) {
.c-type-blocks__title {
font-size: calc(47px + 33 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-type-blocks__title {
font-size: 80px;
}
}
@media (min-width: 46.25em) {
.c-type-blocks__title {
margin-bottom: 60px;
}
}
.c-type-blocks__description {
margin-bottom: 55px;
}
@media (min-width: 46.25em) {
.c-type-blocks__description {
max-width: 372px;
margin: auto;
}
}
.c-type-blocks__title-wrapper {
margin-top: 80px;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-type-blocks__title-wrapper {
margin-top: 0;
margin-bottom: 0;
}
}
.c-type-blocks__slider:after {
content: "flickity";
display: none; /* hide :after */
}
@media (min-width: 46.25em) {
.c-type-blocks__slider:after {
content: "";
}
}
@media (min-width: 46.25em) {
.c-type-blocks__slider {
width: 100%;
max-width: 1336px;
padding: 0 48px;
margin: auto;
margin-top: 150px;
}
}
.c-type-block {
width: 300px;
padding-left: 25px;
padding-right: 25px;
border-right: 2px solid rgb(75, 77, 81);
}
@media (min-width: 46.25em) {
.c-type-block {
width: auto;
padding-right: 0;
margin: 0;
border: 0;
}
}
@media (min-width: 64em) {
.c-type-block {
margin: 154px 0;
}
}
.c-type-block:last-child {
margin: 0;
border: 0;
}
.c-type-block:first-child {
margin-top: 0;
}
.c-type-block__image {
max-width: 99px;
margin-bottom: 30px;
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (min-width: 46.25em) {
.c-type-block__image {
max-width: 480px;
margin: auto;
}
}
.c-type-block__image-spacer {
padding-bottom: 100%;
}
@media (min-width: 46.25em) {
.c-type-block__content {
max-width: 363px;
margin: auto;
}
}
.c-type-block__title {
line-height: 1.1428571429;
margin-bottom: 20px;
}
.c-type-block__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-type-block__title {
font-size: calc(40px + 30 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-type-block__title {
font-size: 70px;
}
}
@media (min-width: 46.25em) {
.c-type-block__title {
margin-bottom: 30px;
}
}
.c-type-block__description {
max-width: 285px;
}
.c-type-block__links {
margin-top: 20px;
}
@media (min-width: 46.25em) {
.c-type-block__links {
margin-top: 45px;
}
}
.c-type-block__links a {
display: inline-block;
margin-right: 20px;
}
.c-type-block .c-link {
color: white;
}
.c-age-field-item {
display: flex;
width: 100%;
align-items: center;
padding: 10px 12px;
border-bottom: 1px solid #f1f1f1;
color: #1e2126;
padding-right: 0;
}
.c-age-field-item span {
display: inline-block;
vertical-align: middle;
flex-grow: 1;
text-align: left;
}
.c-age-field-item select {
display: inline-block;
vertical-align: middle;
width: 60px;
border: 0;
}
.c-age-field-item select:focus {
background-color: #f3f3f3;
}
.c-archive-manager__loading {
display: none;
}
.c-booking-bar {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 84px;
background-color: #1e2126;
color: white;
z-index: 1000;
display: none;
width: 100%;
}
.c-booking-bar__column {
flex-grow: 1;
position: relative;
height: 100%;
padding: 16px;
}
.c-booking-bar__column--button {
width: 182px;
flex-grow: 0;
}
.c-booking-bar__column--button .c-button, .c-booking-bar__column--button input[type=submit],
.c-booking-bar__column--button input[type=button],
.c-booking-bar__column--button input[type=reset], .c-booking-bar__column--button .gform_button {
min-width: 0px;
}
.c-booking-bar .c-search-form-label {
color: white;
}
.c-booking-bar .c-search-form-label__large {
color: white;
}
.c-booking-bar .c-search-form-label--dropdown {
background-image: url("../images/icons/icon-arrow-small-light.svg");
}
.c-count-field {
display: flex;
border-bottom: 1px solid #f1f1f1;
padding: 19px 10px;
width: 100%;
align-items: center;
text-align: center;
background-color: white;
touch-action: manipulation;
user-select: none;
}
.c-count-field * {
touch-action: manipulation;
}
.c-count-field__label {
flex-grow: 1;
color: #2d2d2d;
padding: 0 10px;
font-size: 14px;
}
.c-count-field button {
width: 21px;
height: 21px;
background-color: white;
border: 1px solid #e6e6e6;
border-radius: 50%;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
cursor: pointer;
outline: none;
user-select: none;
padding: 0;
text-align: center;
touch-action: manipulation;
font-size: 15px;
}
.c-count-field button:hover, .c-count-field button:active, .c-count-field button:focus {
background-color: #e6e6e6;
}
.c-date-picker__calendar {
background-color: white;
max-width: 485px;
padding: 22px 37px;
padding-top: 10px;
position: absolute;
border-radius: 4px;
top: 100%;
left: 0;
margin: auto;
visibility: hidden;
opacity: 0;
outline: none !important;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
box-shadow: 0 0 30px 0 rgba(30, 33, 38, 0.15);
z-index: 500;
}
.c-date-picker__calendar:before {
position: absolute;
top: -8px;
left: 20px;
content: "";
z-index: 5;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
}
.c-date-picker__calendar--opened {
visibility: visible;
opacity: 1;
}
.c-date-picker__calendar .DayPicker-wrapper {
outline: none !important;
}
.c-date-picker__footer {
text-align: center;
}
@media (max-width: 46.24em) {
.c-date-picker div.DayPicker-Month {
position: relative;
margin-top: 50px;
}
.c-date-picker div.DayPicker-Caption {
position: absolute;
top: -30px;
left: 0;
right: 0;
}
}
.c-date-picker div.DayPicker-Caption > div {
font-weight: 400;
font-size: 15px;
color: #2d2d2d;
padding-left: 0;
padding-bottom: 15px;
border-bottom: 1px solid #f3f3f3;
}
@media (max-width: 46.24em) {
.c-date-picker div.DayPicker-Caption > div {
border-bottom: 0;
}
}
.c-date-picker .DayPicker-Day {
border-radius: 0 !important;
color: #7c86a2;
font-size: 11px;
line-height: 25px;
height: 25px;
padding: 3px 0;
}
@media (min-width: 46.25em) {
.c-date-picker .DayPicker-Day {
height: 30px;
line-height: 30px;
}
}
.c-date-picker .DayPicker-Day.DayPicker-Day--disabled {
opacity: 0.2;
}
.c-date-picker .DayPicker-Day.DayPicker-Day--today:not(.DayPicker-Day--selected) span:after {
position: absolute;
width: 40px;
height: 40px;
content: "";
border: 1px solid #32337f;
border-radius: 50%;
left: 0;
top: 50%;
right: 0;
margin: auto;
margin-top: -20px;
}
.c-date-picker .DayPicker-Day span {
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
height: 25px;
z-index: 5;
}
@media (min-width: 46.25em) {
.c-date-picker .DayPicker-Day span {
width: 100%;
height: 30px;
}
}
.c-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
background-color: transparent !important;
}
.c-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) span {
position: relative;
width: 100%;
height: 25px;
background-color: rgba(50, 51, 127, 0.15) !important;
color: #7c86a2;
}
@media (min-width: 46.25em) {
.c-date-picker .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) span {
width: 100%;
height: 30px;
}
}
.c-date-picker .DayPicker {
display: block;
outline: none !important;
}
.c-date-picker .DayPicker .DayPicker-wrapper {
outline: none !important;
}
.c-date-picker .DayPicker .DayPicker-NavButton {
background-image: none !important;
background-color: rgba(50, 51, 127, 0.2);
width: 22px;
height: 22px;
border-radius: 50%;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-date-picker .DayPicker .DayPicker-NavButton:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -3px;
margin-left: -4px;
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
transform: rotate(-135deg);
border-left: 2px solid white;
border-bottom: 2px solid white;
}
.c-date-picker .DayPicker .DayPicker-NavButton.DayPicker-NavButton--prev {
margin-right: 3em;
}
.c-date-picker .DayPicker .DayPicker-NavButton.DayPicker-NavButton--prev:before {
transform: rotate(45deg);
margin-left: -2px;
}
.c-date-picker .DayPicker .DayPicker-NavButton:hover {
background-color: rgba(50, 51, 127, 0.7);
}
.c-date-picker .DayPicker-Month {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.c-date-picker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside) span:before {
position: absolute;
content: "";
display: inline-block;
vertical-align: middle;
background-color: rgba(50, 51, 127, 0.15) !important;
border-radius: 50%;
width: 39px;
height: 39px;
top: 50%;
left: 0%;
right: 0;
opacity: 0;
margin: auto;
margin-top: -19.5px;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-date-picker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
background-color: transparent !important;
}
.c-date-picker .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover span:before {
opacity: 1 !important;
}
.c-date-picker abbr {
color: rgba(52, 72, 94, 0.54);
font-size: 14px;
}
.c-date-picker .DayPicker-Week {
height: 40px;
line-height: 30px;
}
.c-date-picker .DayPicker-Day--start:after {
right: 0;
}
.c-date-picker .DayPicker-Day--end:after {
left: 0;
}
.c-date-picker .DayPicker-Day--end:not(.DayPicker-Day--outside),
.c-date-picker .DayPicker-Day--start:not(.DayPicker-Day--outside) {
padding: 0;
padding-bottom: 0;
background-color: transparent !important;
}
.c-date-picker .DayPicker-Day--end:not(.DayPicker-Day--outside):before,
.c-date-picker .DayPicker-Day--start:not(.DayPicker-Day--outside):before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 30px;
width: 30px;
border-radius: 50% !important;
background-color: #32337f !important;
content: "";
}
@media (min-width: 46.25em) {
.c-date-picker .DayPicker-Day--end:not(.DayPicker-Day--outside):before,
.c-date-picker .DayPicker-Day--start:not(.DayPicker-Day--outside):before {
height: 40px;
width: 40px;
top: 50%;
}
}
.c-date-picker .DayPicker-Day--end:not(.DayPicker-Day--outside):after,
.c-date-picker .DayPicker-Day--start:not(.DayPicker-Day--outside):after {
position: absolute;
top: 2px;
bottom: 0;
margin: auto;
width: 50%;
height: 30px;
background-color: rgba(50, 51, 127, 0.15) !important;
display: block;
content: "";
z-index: 1000;
}
.c-date-picker .DayPicker-Day.DayPicker-Day--end.DayPicker-Day--start:after {
display: none;
}
.c-fancy-marker {
width: 328px;
}
.c-fancy-marker__slider {
height: 141px;
overflow: hidden;
}
.c-fancy-marker__slider-item {
height: 141px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.c-fancy-marker .flickity-button {
background-color: transparent;
box-shadow: none;
text-align: center;
}
.c-fancy-marker .flickity-button svg {
width: 40% !important;
}
.c-fancy-marker .flickity-button svg path {
fill: white;
}
.c-fancy-marker .flickity-button.next svg {
left: 40%;
}
.c-fancy-marker .si-content-wrapper {
padding: 0;
}
.c-fancy-marker .si-close-button {
z-index: 100;
color: white;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-fancy-marker__content-inner {
padding: 16px;
font-size: 14px;
}
.c-fancy-marker__content-inner h4 {
font-size: 15px;
color: #2d2d2d;
margin-bottom: 5px;
font-weight: 400;
}
.c-fancy-marker__price {
font-size: 15px;
}
.c-fancy-marker__address {
color: #bebdbd;
font-size: 14px;
margin-bottom: 5px;
}
.c-featured-price {
padding: 26px 23px;
background-color: white;
text-align: center;
border-radius: 12px;
}
.c-featured-price__prices {
margin-bottom: 26px;
}
.c-featured-price__prices .c-room-rate-picker__member-rates {
color: #8d8d8d;
}
.c-featured-price__prices .c-room-rate-picker__member-rates span.underline {
color: #005f30;
}
.c-featured-price__prices .c-room-rate-picker__member-rates span.underline:before {
border-color: #005f30;
}
.c-site-theme--punthill .c-featured-price__prices .c-room-rate-picker__member-rates span.underline {
color: #f15f22;
}
.c-site-theme--punthill .c-featured-price__prices .c-room-rate-picker__member-rates span.underline:before {
border-color: #f15f22;
}
.c-featured-price__prices .c-room-rate-picker__member-rates span.underline:hover {
color: #8d8d8d;
}
.c-featured-price__prices del {
color: #f15f22;
}
.c-site-theme--punthill .c-featured-price__prices del {
color: #2aa29e;
}
.c-featured-price button {
line-height: 27px;
}
.c-featured-price__loader {
max-width: 50px;
margin: auto;
}
.c-featured-price__message {
margin-bottom: 0;
font-size: 18px;
}
.c-featured-price--coming-soon .c-button, .c-featured-price--coming-soon input[type=submit],
.c-featured-price--coming-soon input[type=button],
.c-featured-price--coming-soon input[type=reset], .c-featured-price--coming-soon .gform_button {
display: none;
}
.c-featured-price--coming-soon.unavailable {
display: none;
}
.c-featured-price--coming-soon.has-price .c-button, .c-featured-price--coming-soon.has-price input[type=submit],
.c-featured-price--coming-soon.has-price input[type=button],
.c-featured-price--coming-soon.has-price input[type=reset], .c-featured-price--coming-soon.has-price .gform_button {
display: block;
}
@media (max-width: 63.99em) {
.c-floating-map {
position: fixed;
top: 0;
left: 0%;
right: 0;
bottom: 0;
z-index: 5000;
padding-top: 0;
transform: translateX(100%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-floating-map.visible {
transform: translateX(0%);
}
.c-floating-map div.c-hotel-map {
max-width: 100% !important;
}
.c-floating-map .c-hotel-nearby-map {
height: 100%;
margin-top: 0;
}
}
.c-floating-map__close-button {
position: absolute;
top: 15px;
right: 15px;
z-index: 7000;
background-color: white;
font-size: 13px;
padding: 10px 50px;
user-select: none;
padding-left: 20px;
border-radius: 21.5px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
cursor: pointer;
}
.c-floating-map__close-button span {
position: absolute;
right: 15px;
top: 12px;
width: 26px;
height: 26px;
cursor: pointer;
opacity: 1;
}
.c-floating-map__close-button span:before, .c-floating-map__close-button span:after {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
background-color: #1e2126;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-floating-map__close-button span:before {
transform: rotate(45deg);
}
.c-floating-map__close-button span:after {
transform: rotate(-45deg);
}
.c-floating-map__close-button:active, .c-floating-map__close-button:focus, .c-floating-map__close-button:hover {
color: white;
}
.c-site-theme--veriu .c-floating-map__close-button:active, .c-site-theme--veriu .c-floating-map__close-button:focus, .c-site-theme--veriu .c-floating-map__close-button:hover {
background-color: #005f30;
}
.c-site-theme--punthill .c-floating-map__close-button:active, .c-site-theme--punthill .c-floating-map__close-button:focus, .c-site-theme--punthill .c-floating-map__close-button:hover {
background-color: #f15f22;
}
.c-floating-map__close-button:active span:before, .c-floating-map__close-button:active span:after, .c-floating-map__close-button:focus span:before, .c-floating-map__close-button:focus span:after, .c-floating-map__close-button:hover span:before, .c-floating-map__close-button:hover span:after {
background-color: white;
}
@media (min-width: 64em) {
.c-floating-map__close-button {
display: none;
}
}
.c-hotel-facilities {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}
@media (min-width: 46.25em) {
.c-hotel-facilities {
margin-bottom: 60px;
padding-bottom: 0;
border-bottom: 0;
}
}
.c-hotel-facility-item {
width: 295px;
margin-right: 15px;
background-color: white;
border-radius: 12px;
overflow: hidden;
}
@media (min-width: 46.25em) {
.c-hotel-facility-item {
width: 330px;
margin-right: 15px;
}
}
.c-hotel-facility-item > div {
position: relative;
}
.c-hotel-facility-item__content {
padding: 16px;
}
@media (min-width: 64em) {
.c-hotel-facility-item__content {
padding: 24px;
}
}
.c-hotel-facility-item__content h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.c-hotel-facility-item__content h4 a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.c-hotel-facility-item__image-wrapper {
background-color: #a1a1a1;
}
.c-hotel-facility-item__image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 185px;
}
.c-hotel-facility-item__description {
color: #595959;
line-height: 21px;
font-size: 13px;
}
.c-hotel-facility-item__button {
margin-top: 25px;
}
.c-hotel-facility-item .c-small-tags {
margin-bottom: 22px;
}
.c-hotel-gallery {
overflow: hidden;
width: 100%;
height: 220px;
}
@media (min-width: 46.25em) {
.c-hotel-gallery {
height: 320px;
}
}
@media (min-width: 64em) {
.c-hotel-gallery {
overflow: hidden;
height: 372px;
padding-bottom: 0;
}
}
.c-hotel-gallery .flickity-button {
outline: none !important;
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.3);
transition: background cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (max-width: 46.24em) {
.c-hotel-gallery .flickity-button {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
}
.c-hotel-gallery .flickity-button svg {
display: none;
}
.c-hotel-gallery .flickity-button:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: calc(50% - 3px);
}
.c-hotel-gallery .flickity-button.previous {
left: 10px;
}
@media (min-width: 46.25em) {
.c-hotel-gallery .flickity-button.previous {
left: 34px;
}
}
.c-hotel-gallery .flickity-button.previous:before {
border-left: 2px solid white;
border-bottom: 2px solid white;
margin-left: 4px;
transform: translate(-50%, -50%) rotate(45deg);
}
.c-hotel-gallery .flickity-button.next {
right: 10px;
}
@media (min-width: 46.25em) {
.c-hotel-gallery .flickity-button.next {
right: 34px;
}
}
.c-hotel-gallery .flickity-button.next:before {
border-right: 2px solid white;
border-bottom: 2px solid white;
margin-right: 6px;
transform: translate(-50%, -50%) rotate(-45deg);
}
.c-hotel-gallery .flickity-button:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.c-hotel-gallery-item {
position: relative;
width: 100vw;
height: 100%;
margin: 0 7px;
display: inline-block;
}
@media (min-width: 46.25em) {
.c-hotel-gallery-item {
width: 663px;
}
}
.c-hotel-gallery-item__spacer {
padding-bottom: 56.25%;
background-color: #a1a1a1;
}
.c-hotel-gallery-item__thumbnail, .c-hotel-gallery-item__video {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 90;
}
.c-hotel-gallery-item__thumbnail {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 91;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
opacity: 0;
}
.c-hotel-gallery-item__thumbnail.flickity-bg-lazyloaded {
opacity: 1;
}
.c-hotel-gallery-item__label {
position: absolute;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
left: 8px;
bottom: 8px;
font-size: 12px;
padding: 2px 8px;
color: white;
z-index: 100;
}
@media (min-width: 46.25em) {
.c-hotel-gallery-item__label {
padding: 5px 12px;
left: 16px;
bottom: 16px;
}
}
.c-hotel-gallery-item__label--link {
cursor: pointer;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-hotel-gallery-item__label--link:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.c-hotel-gallery-item--video .c-hotel-gallery-item__thumbnail {
cursor: pointer;
}
.c-hotel-gallery-item--video:not(.playing) .c-hotel-gallery-item__thumbnail:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-left: 2px;
cursor: pointer;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent white;
transform: translate(-50%, -50%);
z-index: 93;
transition: all 300ms;
}
.c-hotel-gallery-item--video:not(.playing) .c-hotel-gallery-item__thumbnail:after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 92;
width: 60px;
height: 60px;
border-radius: 50%;
}
.c-site-theme--veriu .c-hotel-gallery-item--video:not(.playing) .c-hotel-gallery-item__thumbnail:after {
background-color: #005f30;
}
.c-site-theme--punthill .c-hotel-gallery-item--video:not(.playing) .c-hotel-gallery-item__thumbnail:after {
background-color: #f15f22;
}
.c-hotel-gallery-item--video.playing .c-hotel-gallery-item__thumbnail {
visibility: hidden;
opacity: 0;
}
.c-hotel-gallery-item__slider-popup {
position: absolute;
bottom: 16px;
right: 16px;
color: white;
width: 31px;
z-index: 91;
border: 0;
height: 31px;
line-height: 31px;
text-align: center;
padding: 0;
user-select: none;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
cursor: pointer;
}
.c-hotel-gallery-item__slider-popup:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e803";
}
.c-hotel-gallery-item__slider-popup:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.c-hotel-intro__title {
line-height: 1;
position: relative;
margin-bottom: 10px;
}
.c-hotel-intro__title {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-hotel-intro__title {
font-size: calc(40px + 25 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-hotel-intro__title {
font-size: 65px;
}
}
@media (min-width: 46.25em) {
.c-hotel-intro__title {
margin-bottom: 14px;
}
.c-hotel-intro__title--has-rating {
padding-right: 130px;
}
}
.c-hotel-intro__description-outer {
margin-bottom: 25px;
}
@media (min-width: 46.25em) {
.c-hotel-intro__description-outer {
margin-bottom: 40px;
}
}
.c-hotel-intro__description {
max-height: 150px;
}
@media (max-width: 46.24em) {
.c-hotel-intro__description h3 {
margin-bottom: 15px;
}
}
@media (min-width: 46.25em) {
.c-hotel-intro__rating {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
margin-top: -5px;
}
}
.c-hotel-intro__tags {
margin-bottom: 25px;
}
@media (max-width: 46.24em) {
.c-hotel-intro__rooms {
display: none;
}
}
.c-hotel-intro__address-outer {
position: relative;
margin-bottom: 15px;
}
@media (min-width: 46.25em) {
.c-hotel-intro__address-outer {
margin-bottom: 30px;
}
}
.c-hotel-intro__address {
position: relative;
display: block;
font-size: 14px;
line-height: 20px;
color: #a1a1a1;
padding-left: 25px;
}
@media (min-width: 46.25em) {
.c-hotel-intro__address {
font-size: 16px;
}
}
.c-hotel-intro__address i {
position: absolute;
left: -9px;
top: 1px;
font-size: 18px;
color: #cecece;
display: inline-block;
vertical-align: middle;
}
@media (min-width: 46.25em) {
.c-hotel-intro__address i {
font-size: 24px;
top: -1px;
}
}
.c-hotel-intro__address a,
.c-hotel-intro__address span {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
color: #a1a1a1;
padding-right: 80px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-hotel-intro__address a:hover {
color: #1e2126;
}
.c-hotel-intro .c-floating-map-toggle {
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
margin-left: 10px;
z-index: 5;
}
@media (min-width: 64em) {
.c-hotel-intro .c-floating-map-toggle {
display: none;
}
}
.c-site-theme--punthill .c-hotel-intro .c-floating-map-toggle {
background-color: #2aa29e;
}
.c-hotel-layout {
padding-top: 20px;
}
@media (min-width: 64em) {
.c-hotel-layout {
display: flex;
padding-top: 40px;
margin-bottom: 60px;
}
.c-hotel-layout__content {
width: 56.4516129032%;
margin-right: 10.6451612903%;
}
.c-hotel-layout__sidebar {
width: 32.9032258065%;
}
}
.c-hotel-layout .o-type--section-title {
margin-bottom: 10px;
}
@media (min-width: 64em) {
.c-hotel-layout .o-type--section-title {
margin-bottom: 38px;
}
}
.c-hotel-layout .c-amenities-list-popup {
margin-bottom: 25px;
}
@media (max-width: 46.24em) {
.c-hotel-layout .c-amenities-list-popup {
padding-top: 25px;
}
.c-hotel-layout .c-amenities-list-popup__view-all {
position: relative;
bottom: 0;
}
}
.c-hotel-layout .c-amenities-list-popup__view-all {
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-left: 16px;
}
@media (min-width: 64em) {
.c-hotel-layout .c-amenities-list-popup__view-all {
display: none;
}
}
.c-hotel-layout .c-amenities-list-popup__view-all:after {
content: "+";
display: inline-block;
position: absolute;
top: 1px;
left: -16px;
margin-right: 10px;
}
.c-hotel-layout .c-amenities-list {
font-size: 16px;
color: #2d2d2d;
}
@media (max-width: 63.99em) {
.c-hotel-layout .c-amenities-list {
display: inline-flex;
font-size: 14px;
}
}
.c-hotel-layout .c-amenities-list svg {
margin-right: 16px;
}
.c-hotel-layout .c-amenities-list li {
margin-bottom: 25px;
}
@media (max-width: 63.99em) {
.c-hotel-layout .c-amenities-list li {
width: auto;
margin-right: 1rem !important;
margin-bottom: 1rem !important;
}
}
@media (min-width: 46.25em) {
.c-hotel-layout .c-amenities-list li {
margin-bottom: 20px;
}
}
@media (min-width: 64em) {
.c-hotel-layout .c-amenities-list li {
width: 33.3333333333%;
}
}
.c-hotel-layout .c-amenities-list .c-lazy-wrapper {
background-color: transparent;
width: 30px;
}
.c-hotel-layout .c-amenities-list span {
display: inline-block;
vertical-align: middle;
line-height: 1.3 !important;
}
.c-hotel-layout .c-amenities-popup .c-amenities-list {
display: flex;
flex-wrap: wrap;
}
.c-hotel-layout .c-amenities-popup .c-amenities-list li {
width: 100%;
}
@media (min-width: 46.25em) {
.c-hotel-layout .c-amenities-popup .c-amenities-list li {
width: 47%;
}
}
.c-hotel-layout .c-breadcrumbs {
margin-bottom: 16px;
font-size: 13px;
}
@media (min-width: 46.25em) {
.c-hotel-layout .c-breadcrumbs {
margin-bottom: 40px;
font-size: 14px;
}
}
.c-hotel-layout .c-hotel-mobile-button {
margin-bottom: 25px;
}
.c-hotel-layout .c-hotel-mobile-button.change-dates {
display: none;
}
.c-hotel-layout .c-hotel-mobile-button--coming-soon {
display: none;
}
.c-hotel-layout .c-hotel-mobile-button--coming-soon.has-price {
display: block;
}
@media (min-width: 46.25em) {
.c-hotel-layout .c-hotel-mobile-button {
display: none !important;
}
}
@media (max-width: 63.99em) {
.c-hotel-layout .c-featured-price {
display: none;
}
}
.c-hotel-map-info {
max-width: 300px;
}
.c-hotel-map-marker {
min-width: 70px;
text-align: center;
font-size: 14px;
line-height: 16px;
top: -10px;
}
.c-hotel-map-marker--active {
color: white;
}
.c-hotel-map-marker--small {
font-size: 12px;
transform: translateX(-3px);
}
.c-hotel-map__map-holder {
top: 0;
width: 100%;
height: 774px;
max-height: 100%;
}
.c-hotel-message {
padding: 16px 24px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 12px;
background-color: #fff;
margin-bottom: 16px;
font-size: 13px;
}
@media (min-width: 64em) {
.c-hotel-message {
font-size: 14px;
margin-top: 16px;
margin-bottom: 0;
}
}
.c-hotel-message__column {
display: flex;
align-items: center;
}
.c-hotel-message__column + div {
flex-shrink: 0;
}
.c-hotel-message__text {
color: #1e2126;
}
.c-hotel-message svg {
margin-right: 8px;
flex-shrink: 0;
}
.c-site-theme--punthill .c-hotel-message svg path {
stroke: #f15f22;
}
.c-hotel-message .c-link {
border-bottom: 1px solid #1e2126;
transition: border-left-color 300ms;
}
.c-hotel-message .c-link:hover {
border-color: #8d8d8d;
}
.c-hotel-nearby-map {
position: relative;
height: 480px;
margin-top: 18px;
background-color: white;
}
@media (min-width: 64em) {
.c-hotel-nearby-map {
overflow: hidden;
border-radius: 12px;
}
}
.c-hotel-nearby-map__holder {
height: 100%;
}
.c-hotel-nearby-map__button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 25px;
}
@media (max-width: 46.24em) {
.c-hotel-nearby-map__button {
display: none;
}
}
.c-hotel-nearby-map__button .c-button, .c-hotel-nearby-map__button input[type=submit],
.c-hotel-nearby-map__button input[type=button],
.c-hotel-nearby-map__button input[type=reset], .c-hotel-nearby-map__button .gform_button {
font-weight: 700;
font-size: 16px;
padding: 6px 20px;
}
.c-hotel-nearby-map .c-map-cluster div {
font-size: 27px;
font-weight: 700;
line-height: 60px;
padding-right: 5px;
text-align: center;
}
.c-site-theme--veriu .c-hotel-nearby-map .c-map-cluster div {
color: #005f30;
}
.c-site-theme--punthill .c-hotel-nearby-map .c-map-cluster div {
color: #f15f22;
}
.c-hotel-page .c-faqs-block {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}
@media (min-width: 46.25em) {
.c-hotel-page .c-faqs-block {
margin-bottom: 60px;
padding-bottom: 0;
border-bottom: 0;
}
}
@media (max-width: 46.24em) {
.c-hotel-page .c-faqs-block .c-link {
display: none;
}
}
@media (max-width: 46.24em) {
.c-hotel-page .o-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.c-hotel-page .o-wrapper .o-wrapper {
padding: 0;
}
.c-hotel-page .o-wrapper .o-layout {
margin-left: -15px;
}
.c-hotel-page .o-wrapper .o-layout__item {
padding-left: 15px;
}
.c-hotel-page .o-wrapper .o-layout.o-layout--large > .o-layout__item, .c-hotel-page .o-wrapper .o-layout.o-layout--huge > .o-layout__item {
padding-left: 15px;
}
}
.c-hotel-page .c-nearby-hotels {
margin-bottom: 0;
border-bottom: 0;
}
.c-hotel-page .c-faqs-block:last-child {
margin-bottom: 0;
padding-bottom: 30px;
}
@media (min-width: 64em) {
.c-hotel-page .c-faqs-block:last-child {
padding-bottom: 60px;
}
}
.c-hotel-price-tile {
display: flex;
max-width: 390px;
border-radius: 4px;
box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.4);
background-color: #fff;
align-items: center;
}
.c-hotel-price-tile__left {
display: flex;
align-items: center;
flex-grow: 0;
padding: 11px;
}
.c-hotel-price-tile--has-price .c-hotel-price-tile__left {
width: calc(100% - 120px);
}
.c-hotel-price-tile__right {
border-left: 1px solid rgba(151, 151, 151, 0.4);
width: 135px;
padding: 5px;
text-align: center;
flex-grow: 0;
}
@media (min-width: 46.25em) {
.c-hotel-price-tile__right {
padding: 11px;
}
}
.c-hotel-price-tile__left-content {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.c-hotel-price-tile__price {
white-space: nowrap;
font-size: 30px;
line-height: 35px;
font-weight: 700;
}
.c-hotel-price-tile__price span {
font-size: 14px;
font-weight: 400;
margin-left: -5px;
}
.c-hotel-price-tile__title {
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
min-width: 0;
}
.c-hotel-price-tile__image {
border-radius: 50%;
flex-shrink: 0;
width: 66px;
height: 66px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
.c-site-theme--veriu .c-hotel-price-tile__view {
color: #005f30;
}
.c-site-theme--punthill .c-hotel-price-tile__view {
color: #f15f22;
}
.c-hotel-results {
/**
* Corporate code mode
*/
}
.c-hotel-results__inner {
overflow: hidden;
}
.c-hotel-results__tiles {
display: none;
border: 1px solid red;
}
.c-hotel-results__col-wrapper {
margin: auto;
min-height: 100vh;
}
@media (min-width: 81.25em) {
.c-hotel-results__col-wrapper {
padding-left: 48px;
}
}
@media (min-width: 64em) {
.c-hotel-results__col-wrapper {
display: flex;
}
}
.c-hotel-results__left-col {
padding: 0 15px;
}
@media (min-width: 64em) {
.c-hotel-results__left-col {
width: 66.6666666667%;
}
}
@media (min-width: 81.25em) {
.c-hotel-results__left-col {
width: 50%;
}
}
@media (min-width: 87.5em) {
.c-hotel-results__left-col {
padding: 0;
}
}
@media (min-width: 64em) {
.c-hotel-results__right-col {
position: relative;
left: 0;
width: 33.3333333333%;
}
}
@media (min-width: 81.25em) {
.c-hotel-results__right-col {
width: 50%;
}
}
.c-hotel-results__sort-dropdown {
width: 230px;
background-color: rgb(255, 255, 255);
border-radius: 60px;
border: 0 !important;
}
.c-hotel-results__right-col-header-close {
position: absolute;
top: 0;
right: 0;
}
.c-hotel-results .c-alert-block {
margin-bottom: 30px;
margin-top: 30px;
}
@media (min-width: 46.25em) {
.c-hotel-results .c-alert-block {
margin-top: 50px;
margin-bottom: 50px;
}
}
.c-hotel-results .c-alert-block + .c-hotel-results__intro {
padding-top: 0;
}
.c-hotel-results__coming-soon {
display: none;
margin: 90px 0;
}
.c-hotel-results__result-count {
flex-grow: 1;
}
.c-hotel-results__result-count:before {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e805";
color: #fd8f6f;
}
.c-site-theme--punthill .c-hotel-results__result-count:before {
color: #ff9346;
}
.c-hotel-results__result-count.mobile {
display: block;
margin-bottom: 20px;
}
@media (min-width: 64em) {
.c-hotel-results__result-count.mobile {
display: none;
}
}
.c-hotel-results__result-count.desktop {
display: none;
}
.c-hotel-results__result-count.desktop:before {
font-size: 1.3rem;
}
@media (min-width: 64em) {
.c-hotel-results__result-count.desktop {
display: block;
}
}
.c-hotel-results .c-floating-map-toggle {
float: right;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 64em) {
.c-hotel-results .c-floating-map-toggle {
display: none;
}
}
.c-hotel-results__intro {
padding-top: 40px;
margin-bottom: 30px;
}
@media (min-width: 64em) {
.c-hotel-results__intro {
padding: 90px 0;
margin-bottom: 0;
}
}
.c-hotel-results__intro h1 {
line-height: 1.125;
color: #2d2d2d;
margin: 0;
margin-bottom: 3rem;
}
.c-hotel-results__intro h1 {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-hotel-results__intro h1 {
font-size: calc(30px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-hotel-results__intro h1 {
font-size: 40px;
}
}
@media (min-width: 93.75em) {
.c-hotel-results__intro h1 {
margin-bottom: 0;
}
}
@media (min-width: 93.75em) {
.c-hotel-results--mode-landing .c-hotel-results__intro {
display: flex;
}
}
@media (min-width: 93.75em) {
.c-hotel-results--mode-landing .c-hotel-results__intro h1 {
margin-right: 30px;
width: 35%;
}
}
@media (min-width: 93.75em) {
.c-hotel-results--mode-landing .c-hotel-results__intro-description-outer {
width: 65%;
max-width: none;
}
}
.c-hotel-results__intro-description {
max-height: 120px;
}
@media (min-width: 64em) {
.c-hotel-results__intro-description {
max-height: none;
}
}
.c-hotel-results__top-bar {
display: flex;
align-items: center;
align-content: center;
margin-bottom: 30px;
}
.c-hotel-results__top-bar-right {
text-align: right;
}
.c-hotel-results--layout-columns .c-hotel-results__items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.c-hotel-results--layout-columns .c-hotel-results__col-wrapper {
justify-content: space-between;
}
.c-hotel-results--layout-columns .c-hotel-results__left-col {
width: 50.3205128205%;
}
.c-hotel-results--layout-columns .c-hotel-results__right-col {
width: 43.75%;
}
@media (max-width: 46.24em) {
.c-hotel-results--layout-columns .c-hotel-tile .c-amenities-list {
display: none;
}
}
@media (max-width: 46.24em) {
.c-hotel-results--layout-columns .c-hotel-tile__price {
margin: 0;
}
}
.c-hotel-results--layout-columns .c-hotel-tile__content-left-upper {
margin-bottom: 5px;
flex-grow: 0;
}
.c-hotel-results--layout-columns .c-hotel-tile__price-box {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.c-hotel-results--layout-columns .c-hotel-tile__buttons {
width: 100%;
}
@media (min-width: 81.25em) {
.c-hotel-results--layout-rows .c-hotel-results__left-col {
width: 50%;
max-width: 850px;
margin-left: auto;
}
}
.c-hotel-results--layout-rows .c-hotel-results__items {
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-hotel-results--layout-rows .c-hotel-results__items {
margin-bottom: 100px;
}
}
@media (min-width: 81.25em) {
.c-hotel-results--layout-rows .c-hotel-results__right-col {
width: 50%;
transform: none;
}
}
.c-hotel-results--layout-rows .c-hotel-results__right-col .c-hotel-map {
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.c-hotel-results--layout-rows .c-hotel-results__right-col .c-hotel-map__map-holder {
height: 100%;
}
.c-hotel-results--layout-rows .c-hotel-results__sticky-map {
width: 100%;
transition: height cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (max-width: 63.99em) {
.c-hotel-results--layout-rows .c-hotel-results__sticky-map {
height: 100vh !important;
}
}
@media (min-width: 64em) {
.c-hotel-results--layout-rows .c-hotel-results__sticky-map {
width: calc(33vw - 50px);
margin-left: 50px;
}
}
@media (min-width: 81.25em) {
.c-hotel-results--layout-rows .c-hotel-results__sticky-map {
width: calc(50vw - 100px);
margin-left: 100px;
}
}
.c-hotel-results--layout-rows .c-hotel-results__sticky-map.is-fixed {
position: fixed;
}
.c-hotel-results--layout-rows .c-hotel-results__sticky-map.is-fixed .c-hotel-map {
height: 100%;
}
.c-hotel-results--layout-rows .c-hotel-results__sticky-map.is-stuck {
position: absolute;
}
.c-hotel-results-message {
display: none;
background-color: #fff;
border-radius: 8px;
padding: 40px 24px;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 64em) {
.c-hotel-results-message {
padding: 64px 120px;
margin-bottom: 80px;
}
}
.c-hotel-results-message p {
font-size: 22px;
line-height: 1.2;
}
@media (min-width: 64em) {
.c-hotel-results-message p {
font-size: 30px;
}
}
.c-hotel-results-message__action .c-button, .c-hotel-results-message__action input[type=submit],
.c-hotel-results-message__action input[type=button],
.c-hotel-results-message__action input[type=reset], .c-hotel-results-message__action .gform_button {
margin: 12px 12px 0;
padding: 12px 14px;
min-width: 135px;
}
.c-hotel-results.c-hotel-results--corporate-mode .c-hotel-tile:not(.c-hotel-tile--price) {
display: none;
}
.c-hotel-results.c-hotel-results--corporate-mode .c-corporate-code-top-message {
display: flex !important;
}
.c-hotel-results.c-hotel-results--corporate-mode.c-hotel-results--loading .c-hotel-results__loader {
height: 64px;
margin-bottom: 40px;
background-image: url("../images/loader.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.c-hotel-special-card {
background-color: #fff;
display: flex;
border-radius: 0 12px 0 0;
flex-direction: row-reverse;
justify-content: space-between;
padding: 16px;
}
@media (min-width: 64em) {
.c-hotel-special-card {
flex-direction: row;
padding: 0;
border-radius: 12px;
}
}
.c-hotel-special-card--fallback {
border-radius: 12px 12px 0 0;
}
@media (min-width: 64em) {
.c-hotel-special-card--fallback {
border-radius: 12px;
}
}
.c-hotel-special-card__link {
color: #a1a1a1 !important;
margin-top: 16px;
font-size: 13px;
}
.c-hotel-special-card__link:before {
background-color: #a1a1a1 !important;
}
@media (min-width: 64em) {
.c-hotel-special-card__link {
font-size: 15px;
}
}
.c-hotel-special-card-wrapper {
margin-bottom: 48px;
position: relative;
}
.c-hotel-special-card__image {
flex: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 102px;
height: 102px;
min-width: 102px;
max-width: 102px;
border-radius: 200px;
}
@media (min-width: 64em) {
.c-hotel-special-card__image {
flex: 1;
max-width: 155px;
min-width: 155px;
width: 155px;
height: auto;
border-radius: 0;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
}
.c-hotel-special-card__image-tag {
background-color: #fd8f6f;
padding: 4px 16px;
color: #fff;
font-size: 14px;
border-radius: 2px 2px 0 0;
display: inline-block;
}
@media (min-width: 64em) {
.c-hotel-special-card__image-tag {
border-radius: 12px;
position: absolute;
top: 12px;
left: 12px;
}
}
.c-hotel-special-card__content {
padding: 0;
}
@media (min-width: 64em) {
.c-hotel-special-card__content {
display: flex;
justify-content: space-between;
align-items: center;
flex: 3;
padding: 16px 24px;
}
}
.c-hotel-special-card__content-text {
padding-right: 16px;
}
@media (min-width: 64em) {
.c-hotel-special-card__content-text {
padding-right: 40px;
flex: 2.5;
}
}
@media (min-width: 64em) {
.c-hotel-special-card--fallback .c-hotel-special-card__content-text {
flex: 2;
}
}
@media (min-width: 64em) {
.c-hotel-special-card__content-action {
flex: 0.5;
text-align: center;
}
}
.c-hotel-special-card--fallback .c-hotel-special-card__content-action {
flex: 1.5;
}
.c-hotel-special-card__content-action .c-button, .c-hotel-special-card__content-action input[type=submit],
.c-hotel-special-card__content-action input[type=button],
.c-hotel-special-card__content-action input[type=reset], .c-hotel-special-card__content-action .gform_button {
font-size: 16px;
line-height: 13px;
min-width: 148px;
border-radius: 2px;
padding: 14px 24px;
margin-bottom: 16px;
}
.c-site-theme--veriu .c-hotel-special-card__content-action .c-button, .c-site-theme--veriu .c-hotel-special-card__content-action input[type=submit],
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=button],
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=reset], .c-site-theme--veriu .c-hotel-special-card__content-action .gform_button {
background-color: #005f30;
color: white;
}
.c-site-theme--veriu .c-hotel-special-card__content-action .c-button:active, .c-site-theme--veriu .c-hotel-special-card__content-action input[type=submit]:active,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=button]:active,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=reset]:active, .c-site-theme--veriu .c-hotel-special-card__content-action .gform_button:active, .c-site-theme--veriu .c-hotel-special-card__content-action .c-button:focus, .c-site-theme--veriu .c-hotel-special-card__content-action input[type=submit]:focus,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=button]:focus,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=reset]:focus, .c-site-theme--veriu .c-hotel-special-card__content-action .gform_button:focus, .c-site-theme--veriu .c-hotel-special-card__content-action .c-button:hover, .c-site-theme--veriu .c-hotel-special-card__content-action input[type=submit]:hover,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=button]:hover,
.c-site-theme--veriu .c-hotel-special-card__content-action input[type=reset]:hover, .c-site-theme--veriu .c-hotel-special-card__content-action .gform_button:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-site-theme--punthill .c-hotel-special-card__content-action .c-button, .c-site-theme--punthill .c-hotel-special-card__content-action input[type=submit],
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=button],
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=reset], .c-site-theme--punthill .c-hotel-special-card__content-action .gform_button {
background-color: #f15f22;
color: white;
}
.c-site-theme--punthill .c-hotel-special-card__content-action .c-button:active, .c-site-theme--punthill .c-hotel-special-card__content-action input[type=submit]:active,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=button]:active,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=reset]:active, .c-site-theme--punthill .c-hotel-special-card__content-action .gform_button:active, .c-site-theme--punthill .c-hotel-special-card__content-action .c-button:focus, .c-site-theme--punthill .c-hotel-special-card__content-action input[type=submit]:focus,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=button]:focus,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=reset]:focus, .c-site-theme--punthill .c-hotel-special-card__content-action .gform_button:focus, .c-site-theme--punthill .c-hotel-special-card__content-action .c-button:hover, .c-site-theme--punthill .c-hotel-special-card__content-action input[type=submit]:hover,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=button]:hover,
.c-site-theme--punthill .c-hotel-special-card__content-action input[type=reset]:hover, .c-site-theme--punthill .c-hotel-special-card__content-action .gform_button:hover {
color: white;
background-color: rgb(210.6553191489, 71.4893617021, 13.3446808511);
}
.c-hotel-special-card__content-action .c-link {
color: #1e2126;
font-size: 15px;
}
.c-hotel-special-card__content-action .c-link:before {
background-color: #1e2126;
}
@media (max-width: 63.99em) {
.c-hotel-special-card__content .c-tag-list span {
font-size: 12px;
padding: 4px 8px;
}
}
.c-hotel-special-card__action {
background-color: #fff;
border-radius: 0 0 12px 12px;
padding: 0 16px 16px 16px;
}
.c-hotel-special-card__action .c-button, .c-hotel-special-card__action input[type=submit],
.c-hotel-special-card__action input[type=button],
.c-hotel-special-card__action input[type=reset], .c-hotel-special-card__action .gform_button {
font-size: 13px;
line-height: 13px;
min-width: 130px;
border-radius: 2px;
padding: 14px 16px;
margin-right: 24px;
}
.c-site-theme--veriu .c-hotel-special-card__action .c-button, .c-site-theme--veriu .c-hotel-special-card__action input[type=submit],
.c-site-theme--veriu .c-hotel-special-card__action input[type=button],
.c-site-theme--veriu .c-hotel-special-card__action input[type=reset], .c-site-theme--veriu .c-hotel-special-card__action .gform_button {
background-color: #005f30;
color: white;
}
.c-site-theme--veriu .c-hotel-special-card__action .c-button:active, .c-site-theme--veriu .c-hotel-special-card__action input[type=submit]:active,
.c-site-theme--veriu .c-hotel-special-card__action input[type=button]:active,
.c-site-theme--veriu .c-hotel-special-card__action input[type=reset]:active, .c-site-theme--veriu .c-hotel-special-card__action .gform_button:active, .c-site-theme--veriu .c-hotel-special-card__action .c-button:focus, .c-site-theme--veriu .c-hotel-special-card__action input[type=submit]:focus,
.c-site-theme--veriu .c-hotel-special-card__action input[type=button]:focus,
.c-site-theme--veriu .c-hotel-special-card__action input[type=reset]:focus, .c-site-theme--veriu .c-hotel-special-card__action .gform_button:focus, .c-site-theme--veriu .c-hotel-special-card__action .c-button:hover, .c-site-theme--veriu .c-hotel-special-card__action input[type=submit]:hover,
.c-site-theme--veriu .c-hotel-special-card__action input[type=button]:hover,
.c-site-theme--veriu .c-hotel-special-card__action input[type=reset]:hover, .c-site-theme--veriu .c-hotel-special-card__action .gform_button:hover {
color: white;
background-color: rgb(0, 44, 22.2315789474);
}
.c-site-theme--punthill .c-hotel-special-card__action .c-button, .c-site-theme--punthill .c-hotel-special-card__action input[type=submit],
.c-site-theme--punthill .c-hotel-special-card__action input[type=button],
.c-site-theme--punthill .c-hotel-special-card__action input[type=reset], .c-site-theme--punthill .c-hotel-special-card__action .gform_button {
background-color: #f15f22;
color: white;
}
.c-site-theme--punthill .c-hotel-special-card__action .c-button:active, .c-site-theme--punthill .c-hotel-special-card__action input[type=submit]:active,
.c-site-theme--punthill .c-hotel-special-card__action input[type=button]:active,
.c-site-theme--punthill .c-hotel-special-card__action input[type=reset]:active, .c-site-theme--punthill .c-hotel-special-card__action .gform_button:active, .c-site-theme--punthill .c-hotel-special-card__action .c-button:focus, .c-site-theme--punthill .c-hotel-special-card__action input[type=submit]:focus,
.c-site-theme--punthill .c-hotel-special-card__action input[type=button]:focus,
.c-site-theme--punthill .c-hotel-special-card__action input[type=reset]:focus, .c-site-theme--punthill .c-hotel-special-card__action .gform_button:focus, .c-site-theme--punthill .c-hotel-special-card__action .c-button:hover, .c-site-theme--punthill .c-hotel-special-card__action input[type=submit]:hover,
.c-site-theme--punthill .c-hotel-special-card__action input[type=button]:hover,
.c-site-theme--punthill .c-hotel-special-card__action input[type=reset]:hover, .c-site-theme--punthill .c-hotel-special-card__action .gform_button:hover {
color: white;
background-color: rgb(210.6553191489, 71.4893617021, 13.3446808511);
}
.c-hotel-special-card__action .c-link {
color: #1e2126;
font-size: 13px;
}
.c-hotel-special-card__action .c-link:before {
background-color: #1e2126;
}
.c-hotel-special-card__title {
font-weight: 700;
font-size: 20px;
margin-bottom: 3px;
}
.c-hotel-special-card__excerpt {
color: #a1a1a1;
font-size: 12px;
line-height: 18px;
margin-top: 8px;
}
.c-hotel-tile-placeholder {
background-color: white;
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-hotel-tile-placeholder {
display: flex;
}
}
.c-hotel-tile-placeholder__image {
width: 100%;
height: 280px;
flex-shrink: 0;
flex-grow: 0;
background-color: #f1f1f1;
}
@media (min-width: 46.25em) {
.c-hotel-tile-placeholder__image {
width: 295px;
}
}
.c-hotel-tile-placeholder__content {
padding: 24px 36px;
width: 100%;
}
@media (min-width: 46.25em) {
.c-hotel-tile-placeholder__content {
display: flex;
}
}
.c-hotel-tile-placeholder__title {
height: 25px;
width: 70%;
margin-bottom: 15px;
background-color: #f1f1f1;
}
.c-hotel-tile-placeholder__address {
height: 17px;
width: 50%;
background-color: #f1f1f1;
}
.c-hotel-tile-placeholder__left {
flex-grow: 1;
padding-right: 20px;
}
.c-hotel-tile-placeholder__buttons {
display: flex;
margin-top: 30px;
justify-content: space-between;
}
@media (min-width: 46.25em) {
.c-hotel-tile-placeholder__buttons {
margin-top: 0;
justify-content: flex-end;
flex-direction: column;
}
}
.c-hotel-tile-placeholder__button {
height: 37px;
width: calc(50% - 10px);
margin-top: 10px;
background-color: #f1f1f1;
}
@media (min-width: 46.25em) {
.c-hotel-tile-placeholder__button {
width: 140px;
}
}
.c-hotel-tile {
position: relative;
display: block;
margin-bottom: 30px;
background-color: white;
transition: opacity ease-in-out 0.35s;
}
.c-hotel-tile__thumbnail {
flex-grow: 0;
flex-shrink: 0;
overflow: hidden;
}
.c-hotel-tile__thumbnail .flickity-button {
background-color: transparent;
width: 13px;
height: 22px;
padding: 0;
cursor: pointer;
outline: none;
box-shadow: none !important;
}
.c-hotel-tile__thumbnail .flickity-button svg {
width: 100%;
height: auto;
position: static;
}
.c-hotel-tile__thumbnail .flickity-button path {
fill: white;
stroke: white;
stroke-width: 7px;
}
.c-hotel-tile__thumbnail .flickity-button.previous {
left: 18px;
}
.c-hotel-tile__thumbnail .flickity-button.next {
right: 18px;
}
.c-hotel-tile__thumbnail-image {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #a1a1a1;
}
.c-hotel-tile__type {
position: absolute;
top: 0;
left: 20px;
background-color: #1e2126;
width: 88px;
height: 27px;
z-index: 50;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.c-hotel-tile__type--punthill {
background-image: url("../images/punthill-tag-logo.png");
background-size: 71px 14px;
}
.c-hotel-tile__type--veriu {
background-image: url("../images/veriu-tag-logo.png");
}
.c-hotel-tile__title {
color: #2d2d2d;
margin-bottom: 5px;
line-height: 1.25;
}
.c-hotel-tile__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-hotel-tile__title {
font-size: calc(30px + -10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-hotel-tile__title {
font-size: 20px;
}
}
@media (max-width: 46.24em) {
.c-hotel-tile__location {
display: flex;
align-items: flex-end;
}
}
.c-hotel-tile__offer-wrapper {
margin-top: 16px;
}
.c-hotel-tile__offer {
display: inline-block;
vertical-align: middle;
color: #ff9346;
border-radius: 3px;
font-size: 12px;
line-height: 14px;
padding: 6px 9px;
user-select: none;
border: 1px solid #ff9346;
}
@media (min-width: 46.25em) {
.c-hotel-tile__offer {
background-color: transparent;
font-size: 14px;
padding: 6px 18px;
border: 1px solid #ff9346;
color: #ff9346;
}
}
.c-site-theme--punthill .c-hotel-tile__offer {
color: #2aa29e;
border-color: #2aa29e;
}
.c-hotel-tile__address {
color: #a1a1a1;
order: 2;
}
@media (max-width: 46.24em) {
.c-hotel-tile__address {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.c-hotel-tile__address i {
display: inline-block;
margin-left: -4px;
font-size: 1.1em;
color: #cecece;
}
.c-hotel-tile__distance {
font-size: 16px;
order: 1;
margin-right: 5px;
}
.c-hotel-tile__content {
width: 100%;
padding: 24px 36px;
}
.c-hotel-tile__content-left {
display: flex;
flex-grow: 1;
padding-right: 20px;
flex-direction: column;
}
.c-hotel-tile__content-left-upper {
flex-grow: 1;
}
.c-hotel-tile__rating {
flex-grow: 1;
text-align: right;
}
.c-hotel-tile__coming-soon {
flex-grow: 1;
text-align: center;
margin-top: 10px;
}
@media (min-width: 64em) {
.c-hotel-tile__coming-soon {
margin-top: 0;
}
}
.c-hotel-tile__coming-soon span {
background-color: #fd8f6f;
color: white;
font-size: 16px;
text-align: center;
display: inline-block;
padding: 6px 14px;
user-select: none;
white-space: nowrap;
}
@media (max-width: 93.75em) {
.c-hotel-tile__coming-soon span {
border-radius: 4px;
}
}
.c-site-theme--punthill .c-hotel-tile__coming-soon span {
background-color: #2aa29e;
}
.c-hotel-tile__price-box {
align-self: flex-end;
width: 100%;
}
.c-hotel-tile__price {
margin: 15px 0;
}
@media (min-width: 46.25em) {
.c-hotel-tile__price {
margin-bottom: 0;
}
}
.c-hotel-tile__price span {
display: inline-block;
vertical-align: middle;
}
.c-hotel-tile__price span.price {
margin: 0 2px;
font-size: 30px;
line-height: 35px;
font-weight: bold;
}
.c-hotel-tile__price span:last-child {
margin-left: 0;
vertical-align: bottom;
}
.c-hotel-tile__price-prefix {
text-align: left;
font-size: 12px;
position: relative;
bottom: -4px;
display: block !important;
}
.c-hotel-tile .c-button, .c-hotel-tile input[type=submit],
.c-hotel-tile input[type=button],
.c-hotel-tile input[type=reset], .c-hotel-tile .gform_button {
width: 100%;
min-width: 0;
margin-top: 10px;
font-size: 16px;
}
.c-hotel-tile--hidden {
opacity: 0;
}
.c-hotel-tile--fetching-price .c-hotel-tile__price {
background-image: url("../images/loader.svg");
background-size: 50px;
background-repeat: no-repeat;
background-position: center;
min-height: 50px;
}
.c-hotel-tile--fetching-price .c-hotel-tile__booking-button {
display: none !important;
}
.c-hotel-tile--no-price .c-hotel-tile__price span.price {
font-size: 16px;
font-weight: 500;
}
.c-hotel-tile--no-price .c-hotel-tile__price span:not(.price) {
display: none;
}
@media (min-width: 46.25em) {
.c-hotel-results--layout-rows .c-hotel-tile {
display: flex;
}
}
.c-hotel-results--layout-rows .c-hotel-tile__content {
padding: 24px 20px;
}
@media (min-width: 46.25em) {
.c-hotel-results--layout-rows .c-hotel-tile__content {
width: calc(100% - 295px);
}
}
@media (min-width: 64em) {
.c-hotel-results--layout-rows .c-hotel-tile__content {
display: flex;
padding: 24px 36px;
flex-direction: column;
}
}
@media (min-width: 93.75em) {
.c-hotel-results--layout-rows .c-hotel-tile__content {
flex-direction: row;
}
}
@media (min-width: 46.25em) and (max-width: 81.24em) {
.c-hotel-results--layout-rows .c-hotel-tile__content-left {
padding-right: 0;
}
}
.c-hotel-results--layout-rows .c-hotel-tile__content-right {
width: 100%;
}
@media (min-width: 93.75em) {
.c-hotel-results--layout-rows .c-hotel-tile__content-right {
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-direction: column;
width: 140px;
}
}
@media (max-width: 93.75em) {
.c-hotel-results--layout-rows .c-hotel-tile__buttons {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.c-hotel-results--layout-rows .c-hotel-tile__buttons .c-button, .c-hotel-results--layout-rows .c-hotel-tile__buttons input[type=submit],
.c-hotel-results--layout-rows .c-hotel-tile__buttons input[type=button],
.c-hotel-results--layout-rows .c-hotel-tile__buttons input[type=reset], .c-hotel-results--layout-rows .c-hotel-tile__buttons .gform_button {
width: calc(50% - 4px);
margin-top: 0;
}
}
.c-hotel-results--layout-rows .c-hotel-tile__thumbnail {
height: 195px;
}
@media (max-width: 46.24em) {
.c-hotel-results--layout-rows .c-hotel-tile__thumbnail .flickity-viewport {
height: 195px;
}
}
@media (min-width: 46.25em) {
.c-hotel-results--layout-rows .c-hotel-tile__thumbnail {
height: 280px;
width: 295px;
}
.c-hotel-results--layout-rows .c-hotel-tile__thumbnail .flickity-viewport {
height: 280px !important;
}
}
.c-hotel-results--layout-rows .c-hotel-tile__rating.columns {
display: none;
}
.c-hotel-results--layout-rows .c-hotel-tile__coming-soon span {
display: block;
}
@media (min-width: 81.25em) {
.c-hotel-results--layout-rows .c-hotel-tile__coming-soon span {
margin-top: -24px;
}
}
@media (max-width: 93.75em) {
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__content-right {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__coming-soon {
flex-grow: 0;
width: calc(50% - 4px);
}
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box {
width: calc(50% - 4px);
}
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box .c-button, .c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box input[type=submit],
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box input[type=button],
.c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box input[type=reset], .c-hotel-results--layout-rows .c-hotel-tile--coming-soon .c-hotel-tile__price-box .gform_button {
width: 100%;
}
}
@media (max-width: 46.24em) {
.c-hotel-results--layout-rows .c-hotel-tile__content-right {
position: relative;
}
.c-hotel-results--layout-rows .c-hotel-tile__rating.rows {
position: absolute;
right: 0;
top: 10px;
}
.c-hotel-results--layout-rows .c-hotel-tile__rating.rows img {
max-width: 95px;
height: auto;
}
}
@media (min-width: 46.25em) {
.c-hotel-results--layout-columns .c-hotel-tile {
width: 330px;
}
}
.c-hotel-results--layout-columns .c-hotel-tile__content {
padding: 13px;
}
.c-hotel-results--layout-columns .c-hotel-tile__content-right {
margin-top: 10px;
}
.c-hotel-results--layout-columns .c-hotel-tile__content-left {
padding-right: 0;
}
.c-hotel-results--layout-columns .c-hotel-tile__thumbnail {
height: 160px;
}
.c-hotel-results--layout-columns .c-hotel-tile .c-amenities-list li {
margin-right: 0;
}
.c-hotel-results--layout-columns .c-hotel-tile .c-button, .c-hotel-results--layout-columns .c-hotel-tile input[type=submit],
.c-hotel-results--layout-columns .c-hotel-tile input[type=button],
.c-hotel-results--layout-columns .c-hotel-tile input[type=reset], .c-hotel-results--layout-columns .c-hotel-tile .gform_button {
font-size: 14px;
}
.c-hotel-results--layout-columns .c-hotel-tile__buttons {
margin-top: 10px;
display: flex;
clear: both;
justify-content: space-between;
}
.c-hotel-results--layout-columns .c-hotel-tile__buttons .c-button, .c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=submit],
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=button],
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=reset], .c-hotel-results--layout-columns .c-hotel-tile__buttons .gform_button {
width: calc(50% - 5px);
}
.c-hotel-results--layout-columns .c-hotel-tile__buttons .c-button:first-child, .c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=submit]:first-child,
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=button]:first-child,
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=reset]:first-child, .c-hotel-results--layout-columns .c-hotel-tile__buttons .gform_button:first-child {
order: 2;
}
.c-hotel-results--layout-columns .c-hotel-tile__buttons .c-button:last-child, .c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=submit]:last-child,
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=button]:last-child,
.c-hotel-results--layout-columns .c-hotel-tile__buttons input[type=reset]:last-child, .c-hotel-results--layout-columns .c-hotel-tile__buttons .gform_button:last-child {
order: 1;
}
.c-hotel-results--layout-columns .c-hotel-tile__price {
float: left;
color: #a1a1a1;
}
.c-hotel-results--layout-columns .c-hotel-tile__price span.price {
color: #2d2d2d;
}
.c-hotel-results--layout-columns .c-hotel-tile__rating {
position: relative;
bottom: -5px;
}
.c-hotel-results--layout-columns .c-hotel-tile__rating.rows {
display: none;
}
.c-hotel-results--layout-columns .c-hotel-tile__distance {
display: none;
}
.c-hotel-tile .c-amenities-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 16px;
}
.c-hotel-tile .c-amenities-list li {
display: flex;
align-items: center;
margin-right: 16px;
margin-bottom: 8px;
}
.c-hotel-tile .c-amenities-list li img {
max-width: 20px;
}
.c-hotel-tile .c-amenities-list li div {
position: relative;
}
.c-hotel-tile .c-amenities-list li span {
font-size: 13px;
line-height: 20px;
margin-left: 8px;
margin-top: 3px;
}
.c-hotel-tile .c-amenities-list li .c-lazy-wrapper {
width: 20px;
height: 20px;
background-color: transparent;
}
.c-hotel-tile .c-amenities-list-popup {
border: none;
padding: 0;
margin: 0;
}
.c-hotel-tile .c-amenities-list-popup__view-all {
font-size: 13px;
position: relative;
display: inline-block;
top: -5px;
left: 0;
margin-left: 16px;
}
.c-site-theme--punthill .c-hotel-tile .c-amenities-list-popup__view-all {
color: #f15f22;
}
.c-hotel-tile .c-amenities-list-popup__view-all:after {
content: "+";
display: inline-block;
position: absolute;
top: 1px;
left: -16px;
margin-right: 10px;
}
.c-site-theme--punthill .c-hotel-tile .c-amenities-list-popup__view-all:before {
background-color: #f15f22;
}
.c-hotel-results--corporate-mode .c-hotel-tile .c-hotel-tile__corporate {
display: block !important;
}
.c-search-dropdown__result-draw {
position: absolute;
top: 100%;
left: 0;
right: -1px;
background-color: white;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
z-index: 501;
max-height: 345px;
overflow: auto;
border-radius: 0 0 6px 6px;
box-shadow: 20px 20px 30px -20px rgba(30, 33, 38, 0.15);
}
.c-search-dropdown__result-footer {
background-image: url("../images/google-logo.png");
background-size: auto 15px;
background-position: right 10px center;
height: 30px;
background-repeat: no-repeat;
background-color: #fbfbfb;
}
.c-search-dropdown--indented .c-search-dropdown-item {
padding-left: 68px;
}
.c-search-dropdown-item {
padding: 15px 0;
padding-left: 38px;
cursor: pointer;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
background-color: #fbfbfb;
color: #8d8d8d;
border-bottom: 1px solid #f0f0f0;
line-height: 1;
}
.c-search-dropdown-item:last-child {
border-bottom: 0;
}
.c-search-dropdown-item__title {
color: #000;
line-height: 1.2;
}
.c-search-dropdown-item--active, .c-search-dropdown-item:hover {
background-color: #f3f3f3;
}
@media (max-width: 46.24em) {
.c-search-form__field--location input {
display: none;
}
}
.c-membership-block {
background: #fff;
}
@media (min-width: 64em) {
.c-membership-block {
display: flex;
justify-content: space-between;
}
}
.c-membership-block__wrapper {
padding-bottom: 40px;
}
@media (min-width: 64em) {
.c-membership-block__wrapper {
padding-bottom: 120px;
}
}
.c-membership-block__column {
flex: 1;
}
@media (min-width: 64em) {
.c-membership-block__column {
display: flex;
justify-content: space-between;
}
}
.c-membership-block__column:last-child {
flex: 2.5;
}
@media (min-width: 64em) {
.c-membership-block__column:last-child {
padding: 64px;
}
}
.c-membership-block__column:last-child > div {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.c-membership-block__column:last-child > div:first-child {
flex: 1.75;
border-bottom: 1px solid #f0f0f0;
padding: 32px;
}
@media (min-width: 64em) {
.c-membership-block__column:last-child > div:first-child {
border-bottom: 0;
border-right: 1px solid #f0f0f0;
padding: 0;
padding-right: 64px;
margin-right: 64px;
}
}
.c-membership-block__column:last-child > div:last-child {
min-width: 245px;
}
.c-membership-block__column:last-child > div:last-child {
padding: 32px;
}
@media (min-width: 64em) {
.c-membership-block__column:last-child > div:last-child {
padding: 0;
}
}
@media (min-width: 64em) {
.c-membership-block__image {
height: 100%;
width: 100%;
}
}
.c-membership-block__image .c-lazy-wrapper {
padding-bottom: 45% !important;
}
@media (min-width: 64em) {
.c-membership-block__image .c-lazy-wrapper {
padding-bottom: 0 !important;
height: 100%;
}
}
.c-membership-block__image .c-lazy-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
}
@media (min-width: 64em) {
.c-membership-block__image .c-lazy-wrapper img {
position: relative;
}
}
.c-membership-block__title {
line-height: 1.4;
font-weight: 700;
margin-bottom: 24px;
}
.c-membership-block__title {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-membership-block__title {
font-size: calc(25px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-membership-block__title {
font-size: 30px;
}
}
@media (min-width: 64em) {
.c-membership-block__title {
margin-bottom: 48px;
}
}
.c-membership-block__list {
list-style: none;
margin: 0;
padding: 0;
}
.c-membership-block__list .c-lazy-wrapper {
width: 40px;
margin-right: 24px;
height: 40px;
padding-bottom: 0 !important;
background-color: transparent;
flex-basis: 40px;
flex-shrink: 0;
}
.c-membership-block__list .c-lazy-wrapper img {
object-fit: contain;
height: 100%;
}
.c-membership-block__list li {
margin-bottom: 32px;
display: flex;
align-items: center;
font-size: 16px;
}
.c-membership-block__list li span {
flex: 3;
}
.c-membership-block__list li:last-child {
margin-bottom: 0;
}
.c-membership-block__label {
font-size: 20px;
line-height: 1.2;
margin-bottom: 32px;
}
.c-membership-block__action {
text-align: center;
}
.c-membership-block__action a.c-button, .c-membership-block__action a.gform_button {
display: block;
}
.c-membership-block__action a.c-link {
font-size: 14px;
margin-top: 24px;
}
.c-membership-block__price {
font-size: 35px;
font-weight: 700;
line-height: 1.2;
color: #005f30;
margin-bottom: 40px;
}
.c-site-theme--punthill .c-membership-block__price {
color: #f15f22;
}
.c-membership-block .c-room-rate-picker__price {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.c-membership-block .c-room-rate-picker__price span {
display: inline-block !important;
margin-bottom: 0 !important;
}
.c-membership-block .c-room-rate-picker__price span.price {
font-size: 30px;
}
.c-membership-block .c-room-rate-picker__price span.label {
font-size: 16px;
}
.c-mobile-book-button {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background-color: #1e2126;
z-index: 1000;
transform: translateY(100%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-mobile-book-button {
display: none;
}
}
body.scroll-lock .c-mobile-book-button, .c-mobile-book-button.show {
transform: translateY(0%);
}
.c-mobile-book-button__rates {
flex-grow: 1;
color: white;
}
.c-mobile-book-button__rates label {
display: block;
font-size: 12px;
line-height: 1;
color: #8a8c8e;
}
.c-mobile-book-button__loader {
display: none;
width: 50%;
height: 50px;
flex-grow: 1;
background-image: url("../images/loader-white.svg");
background-repeat: no-repeat;
background-size: 50px;
background-position: center;
}
.c-mobile-book-button.loading .c-mobile-book-button__rates {
display: none;
}
.c-mobile-book-button.loading .c-mobile-book-button__loader {
display: block;
}
.c-mobile-book-button.no-price .c-mobile-book-button__loader, .c-mobile-book-button.no-price .c-mobile-book-button__rates {
display: none;
}
.c-mobile-book-button.no-price .c-mobile-book-button__button {
width: 100%;
}
.c-mobile-book-button--coming-soon.no-price {
display: none;
}
.c-mobile-book-button.no-price.change-dates {
display: none;
}
.c-mobile-book-button__button {
width: 50%;
}
.c-mobile-book-button__button .c-button, .c-mobile-book-button__button input[type=submit],
.c-mobile-book-button__button input[type=button],
.c-mobile-book-button__button input[type=reset], .c-mobile-book-button__button .gform_button {
min-width: 0;
padding: 8px;
}
.c-mobile-book-button__price-block {
margin-top: 4px;
}
.c-mobile-book-button__price {
font-size: 25px;
line-height: 25px;
font-weight: 400;
}
.c-mobile-book-button__price-suffix {
font-size: 14px;
}
.c-nearby-hotels {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}
@media (min-width: 46.25em) {
.c-nearby-hotels {
margin-bottom: 0;
padding-bottom: 90px;
border-bottom: 0;
}
}
.c-nearby-hotels .c-hotel-tile {
margin-bottom: 0;
width: 295px;
margin-right: 15px;
border-radius: 12px;
overflow: hidden;
}
@media (min-width: 46.25em) {
.c-nearby-hotels .c-hotel-tile {
margin-right: 15px;
width: 330px;
}
}
.c-nearby-hotels .c-hotel-tile__title {
font-size: 20px;
}
.c-nearby-hotels .c-hotel-tile__content {
padding: 16px;
}
@media (min-width: 64em) {
.c-nearby-hotels .c-hotel-tile__content {
padding: 24px;
}
}
.c-nearby-hotels .c-hotel-tile .c-amenities-list {
display: none;
}
.c-nearby-hotels .c-hotel-tile .c-amenities-list-popup__view-all {
display: none;
}
.c-hotel-reviews {
padding-bottom: 90px;
}
.c-hotel-reviews__title {
line-height: 1.375;
font-weight: bold;
margin-bottom: 40px;
}
.c-hotel-reviews__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-hotel-reviews__title {
font-size: calc(20px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-hotel-reviews__title {
font-size: 40px;
}
}
@media (max-width: 46.24em) {
.c-hotel-reviews__title {
margin-bottom: 10px;
}
.c-hotel-reviews__title br {
display: none;
}
}
.c-hotel-reviews__review-count {
color: #a1a1a1;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
@media (min-width: 46.25em) {
.c-hotel-reviews__review-count {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
}
.c-hotel-reviews__review-count img {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
@media (min-width: 46.25em) {
.c-hotel-reviews__review-count img {
margin-right: 7px;
}
}
@media (min-width: 46.25em) {
.c-hotel-reviews__list {
border-left: 1px solid #e9e9e9;
padding-left: 45px;
}
}
.c-hotel-review-item {
width: 100%;
padding: 20px;
padding-bottom: 30px;
margin-bottom: 30px;
background-color: white;
}
@media (min-width: 46.25em) {
.c-hotel-review-item {
display: flex;
padding: 0;
padding-bottom: 30px;
background-color: transparent;
border-bottom: 1px solid #e9e9e9;
}
}
.c-hotel-review-item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.c-hotel-review-item__left {
color: #bebdbd;
font-size: 14px;
line-height: 20px;
flex-shrink: 0;
flex-grow: 0;
display: flex;
}
@media (min-width: 46.25em) {
.c-hotel-review-item__left {
display: block;
width: 216px;
padding-right: 20px;
font-size: 16px;
line-height: 24px;
}
}
.c-hotel-review-item__label {
color: #1e2126;
}
.c-hotel-review-item__group {
margin-bottom: 10px;
width: 50%;
padding-right: 20px;
}
@media (min-width: 46.25em) {
.c-hotel-review-item__group {
margin-bottom: 30px;
}
}
.c-hotel-review-item__group:last-child {
margin-bottom: 0;
padding-right: 0;
}
.c-hotel-review-item__right h5 {
font-size: 20px;
line-height: 27px;
font-weight: 400;
color: #2d2d2d;
margin: 0;
margin-bottom: 5px;
}
.c-hotel-review-item__rating {
font-size: 13px;
line-height: 24px;
color: #a1a1a1;
}
.c-hotel-review-item__rating img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
position: relative;
top: -2px;
left: -10px;
}
@media (min-width: 46.25em) {
.c-hotel-review-item__rating img {
left: 0;
}
}
.c-hotel-review-item__description {
margin-top: 15px;
max-height: 90px;
overflow: hidden;
text-overflow: ellipsis;
}
.c-hotel-review-item .c-expandable-block__read-more {
font-size: 14px;
}
@media (max-width: 46.24em) {
.c-hotel-review-item .c-expandable-block__read-more:before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
}
.c-room-picker-field {
position: absolute;
top: calc(100% + 10px);
left: 0;
opacity: 0;
visibility: hidden;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
z-index: 501;
box-shadow: 0 0 30px 0 rgba(30, 33, 38, 0.15);
width: 128px;
border-radius: 4px;
}
.c-room-picker-field--wide {
left: 0;
}
.c-room-picker-field--open {
visibility: visible;
opacity: 1;
}
.c-room-picker-field__types {
border-radius: 4px;
overflow: hidden;
}
.c-room-picker-field__types:before {
position: absolute;
top: -8px;
left: 20px;
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #f3f3f3;
}
.c-room-picker-field__type {
position: relative;
color: #8d8d8d;
padding: 0 0;
font-size: 14px;
line-height: 18px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
cursor: pointer;
background-color: #f3f3f3;
border-bottom: 1px solid #e5e5e5;
}
.c-room-picker-field__type span {
display: block;
padding: 12px 12px;
transition: border cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-room-picker-field__type--active {
color: #000;
background-color: white;
}
.c-room-picker-field__type--has-options:after {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) rotate(-90deg);
content: "";
background-image: url("../images/icons/icon-arrow-small.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 10px;
height: 10px;
}
.c-room-picker-field__fields {
position: absolute;
text-align: center;
top: 0;
left: calc(100% - 2px);
width: 149px;
background-color: white;
}
.c-room-picker-field__footer {
color: #8d8d8d;
font-size: 12px;
padding: 10px 12px;
line-height: 16px;
}
.c-simple-hotel-maps {
padding-top: 30px;
}
@media (min-width: 46.25em) {
.c-simple-hotel-maps {
padding-top: 60px;
}
}
.c-simple-hotel-maps__block {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-simple-hotel-maps__block {
margin-bottom: 60px;
}
}
.c-simple-hotel-maps__block:last-child {
margin-bottom: 0;
}
@media (max-width: 81.24em) {
.c-simple-hotels-block-wrapper {
padding-right: 0;
}
}
.c-simple-hotels-block:after {
content: "flickity";
display: none; /* hide :after */
}
@media (min-width: 81.25em) {
.c-simple-hotels-block {
display: flex;
flex-wrap: wrap;
}
.c-simple-hotels-block:after {
content: "";
}
}
.c-simple-hotels-block-item {
width: 280px;
margin-right: 15px;
}
@media (min-width: 81.25em) {
.c-simple-hotels-block-item {
width: calc(25% - 45px);
margin-right: 45px;
}
.c-simple-hotels-block-item:nth-child(4n) {
margin-right: 0;
}
}
.c-simple-hotel-tile {
padding: 16px;
padding-top: 25px;
text-align: center;
}
.c-simple-hotel-tile .c-hotel-tile__title {
font-size: 20px;
}
.c-simple-hotel-tile .c-hotel-tile__price {
margin: 10px 0;
}
.c-simple-hotel-tile .c-hotel-tile__price span.label {
width: 65px;
font-size: 13px;
line-height: 16px;
margin-right: 3px;
}
.c-simple-hotel-tile__photo {
display: block;
max-width: 186px;
margin: auto;
margin-bottom: 16px;
border-radius: 50%;
background-color: #8d8d8d;
background-size: cover;
background-position: center;
}
.c-simple-hotel-tile__photo-spacer {
padding-bottom: 100%;
}
.c-simple-hotel-tile__address {
text-align: center;
position: relative;
}
.c-simple-hotel-tile__address i {
color: #a1a1a1;
font-size: 15px;
line-height: 15px;
}
.c-simple-hotel-tile__address span {
color: #a1a1a1;
font-size: 13px;
line-height: 15px;
}
.c-simple-hotel-tile .c-hotel-tile__buttons {
display: flex;
}
.c-simple-hotel-tile .c-hotel-tile__buttons .c-button, .c-simple-hotel-tile .c-hotel-tile__buttons input[type=submit],
.c-simple-hotel-tile .c-hotel-tile__buttons input[type=button],
.c-simple-hotel-tile .c-hotel-tile__buttons input[type=reset], .c-simple-hotel-tile .c-hotel-tile__buttons .gform_button {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
line-height: 18px;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
.c-simple-hotel-tile .c-hotel-tile__buttons .c-button:first-child, .c-simple-hotel-tile .c-hotel-tile__buttons input[type=submit]:first-child,
.c-simple-hotel-tile .c-hotel-tile__buttons input[type=button]:first-child,
.c-simple-hotel-tile .c-hotel-tile__buttons input[type=reset]:first-child, .c-simple-hotel-tile .c-hotel-tile__buttons .gform_button:first-child {
margin-right: 4px;
}
.c-small-tags {
display: inline-block;
vertical-align: middle;
list-style: none;
margin: 0;
padding: 0;
color: #a1a1a1;
font-size: 0;
margin-bottom: 30px;
}
.c-small-tags li {
display: inline-block;
margin-right: 8px;
background-color: rgba(241, 216, 209, 0.3);
border-radius: 4px;
margin-top: 8px;
color: #1e2126;
font-size: 14px;
line-height: 14px;
padding: 4px 8px;
padding-top: 7px;
}
.c-small-tags li:last-child:after {
display: none;
}
.c-small-tags li img {
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
max-width: 20px;
margin-right: 4px;
}
.c-small-tags--light-grey .c-small-tags li {
background-color: #fcf7f6;
}
.c-site-theme--veriu .c-small-tags--light-brand li {
color: #ef6400;
background: #fff7f1;
}
.c-site-theme--punthill .c-small-tags--light-brand li {
color: #2aa29e;
background-color: #eff9f8;
}
.c-tag-list {
list-style: none;
margin: 0;
padding: 0;
}
.c-tag-list li {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
margin-bottom: 0;
}
.c-tag-list li span,
.c-tag-list li a {
display: inline-block;
font-size: 14px;
vertical-align: middle;
margin-right: 10px;
border-radius: 4px;
color: #000;
text-align: center;
padding: 4px 13px;
user-select: none;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-tag-list li span,
.c-tag-list li a {
margin-right: 10px;
padding: 4px 14px;
}
}
.c-tag-list--size-small li span,
.c-tag-list--size-small li a {
font-size: 13px;
margin-right: 5px;
margin-bottom: 0;
line-height: 14px;
padding: 4px 8px;
}
.c-tag-list--transparent {
color: #a1a1a1;
}
.c-tag-list--transparent li span,
.c-tag-list--transparent li a {
padding: 0;
color: #a1a1a1;
font-size: 13px;
margin: 0;
}
@media (max-width: 63.99em) {
.c-tag-list--transparent li span,
.c-tag-list--transparent li a {
padding: 0 9px;
color: #1e2126;
background-color: rgba(241, 216, 209, 0.3);
}
}
.c-tag-list--color-creme li span,
.c-tag-list--color-creme li a {
background-color: #f9edea;
color: #1e2126;
}
.c-tag-list--color-creme li a:active, .c-tag-list--color-creme li a:focus, .c-tag-list--color-creme li a:hover {
background-color: rgb(229.1, 182.85, 169.9);
}
.c-tag-list--color-creme.c-tag-list--size-large li span,
.c-tag-list--color-creme.c-tag-list--size-large li a {
background-color: rgba(241, 216, 209, 0.5);
}
.c-tag-list--color-faint-creme li span,
.c-tag-list--color-faint-creme li a {
background-color: #fcf7f6;
}
.c-site-theme--punthill .c-tag-list--color-faint-creme li span,
.c-site-theme--punthill .c-tag-list--color-faint-creme li a {
background-color: rgba(231, 219, 206, 0.5);
}
.c-tag-list--color-faint-creme li a:active, .c-tag-list--color-faint-creme li a:focus, .c-tag-list--color-faint-creme li a:hover {
background-color: rgb(239.25, 213, 207.75);
}
.c-amenities-popup .o-type--section-title {
margin-bottom: 20px;
font-size: 22px;
}
.c-amenities-popup .c-amenities-list li {
margin-bottom: 9px;
}
.c-amenities-popup .c-amenities-list svg {
max-width: 30px;
}
.c-amenities-popup .c-amenities-list span {
font-size: 14px;
}
.c-benefit-block__text {
margin-left: auto;
}
@media (min-width: 46.25em) {
.c-benefit-block__text {
max-width: 350px;
}
}
.c-benefit-block__image {
text-align: left;
margin-bottom: 25px;
}
@media (min-width: 46.25em) {
.c-benefit-block__image {
margin-bottom: 0;
}
}
.o-layout--reverse .c-benefit-block__text {
margin: 0;
}
.o-layout--reverse .c-benefit-block__image {
text-align: right;
}
.c-long-stay-icons .o-type--block-title {
margin-bottom: 20px;
}
.c-long-stay-icon {
text-align: center;
}
.c-long-stay-icon .c-lazy-wrapper {
padding-bottom: 60px;
background-color: transparent;
}
.c-long-stay-icon .c-lazy-wrapper img {
right: 0;
}
.c-long-stay-icon__image {
max-width: 210px;
margin: auto;
margin-top: 60px;
}
.c-long-stay-icon__image div {
margin-bottom: 20px;
}
.c-long-stay-icon__image div img {
display: block;
margin: auto;
max-width: 60px;
}
.c-long-stays-intro__sub-title {
font-size: 16px;
color: #a1a1a1;
font-weight: 400;
margin-bottom: 40px;
margin-top: 30px;
}
@media (min-width: 46.25em) {
.c-long-stays-intro__sub-title {
margin-top: 0;
}
}
.c-long-stays-intro__title {
line-height: 1.2222222222;
}
.c-long-stays-intro__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-long-stays-intro__title {
font-size: calc(30px + 15 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-long-stays-intro__title {
font-size: 45px;
}
}
.c-long-stays-intro__left img {
display: block;
max-width: 100%;
width: 480px;
margin-bottom: 10px;
}
@media (min-width: 46.25em) {
.c-long-stays-intro__left img {
margin-bottom: 0;
}
}
.c-long-stays-intro .c-marker-map {
margin-left: 0;
}
@media (min-width: 46.25em) {
.c-long-stays-intro .c-marker-map {
margin-bottom: 0;
}
}
.c-long-stays-intro__right {
max-width: 480px;
}
.c-long-stays-intro__description {
max-height: 185px;
}
.c-long-stays-intro__description p {
font-size: 16px;
}
.c-long-stays-intro__left-inner {
max-width: 480px;
}
.c-long-stays-intro .c-tag-list {
margin-bottom: 40px;
}
.c-long-stay-page .c-hotel-facilities,
.c-long-stay-page .c-faqs-block {
margin-bottom: 0;
}
.c-long-stay-page .c-simple-hotels-block--single {
justify-content: center;
}
.c-long-stay-page .c-simple-hotels-block--single .c-simple-hotel-tile,
.c-long-stay-page .c-simple-hotels-block--single .c-simple-hotels-block-item {
margin-right: 0;
margin-bottom: 0;
}
.c-long-stay-rooms-list {
margin-bottom: -30px;
}
.c-long-stay-rooms-list .c-room-tile {
margin-bottom: 30px !important;
}
.c-marker-map {
position: relative;
max-width: 480px;
margin: auto;
margin-bottom: 30px;
}
.c-marker-map__spacer {
padding-bottom: 103.3195020747%;
}
.c-marker-map__map {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.c-meeting-floorplan {
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
border-right: 0;
}
@media (min-width: 64em) {
.c-meeting-floorplan .c-panel--medium-padded {
padding-top: 5.66rem;
}
}
.c-meeting-floorplan__title {
line-height: 1.125;
margin-bottom: 25px;
}
.c-meeting-floorplan__title {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.c-meeting-floorplan__title {
font-size: calc(35px + 5 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-meeting-floorplan__title {
font-size: 40px;
}
}
@media (min-width: 46.25em) {
.c-meeting-floorplan__title {
margin-bottom: 45px;
}
}
.c-meeting-floorplan__left {
max-width: 330px;
margin-bottom: 30px;
}
@media (min-width: 64em) {
.c-meeting-floorplan__left {
margin-bottom: 0;
}
}
.c-meeting-floorplan__description {
font-size: 15px;
color: #848484;
}
@media (min-width: 46.25em) {
.c-meeting-floorplan__description {
margin-bottom: 40px;
}
}
@media (min-width: 64em) {
.c-meeting-floorplan__description {
margin-bottom: 0;
}
}
@media (min-width: 46.25em) {
.c-meeting-floorplan__right-col {
margin: auto;
}
}
.c-meeting-floorplan__right-col h4 {
font-size: 20px;
margin-bottom: 16px;
}
.c-meeting-floorplan__image {
margin-bottom: 30px;
}
@media (min-width: 64em) {
.c-meeting-floorplan__image {
margin-bottom: 0;
}
}
.c-meeting-floorplan .info {
position: relative;
bottom: -2px;
cursor: pointer;
}
.c-site-theme--veriu .c-meeting-floorplan .info {
color: #005f30;
}
.c-site-theme--punthill .c-meeting-floorplan .info {
color: #f15f22;
}
.c-meeting-floorplan .c-link--underline-dotted-black {
margin-top: 40px;
}
.c-meeting-floorplan__specs-description {
font-size: 15px;
color: #848484;
margin-bottom: 16px;
}
.c-meeting-floorplan__specs table {
width: 100%;
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
}
.c-meeting-floorplan__specs td {
padding: 8px 17px;
}
.c-meeting-floorplan__specs th {
background-color: white;
text-align: left;
padding: 8px 0;
}
.c-meeting-floorplan__specs th:first-child {
padding-left: 17px;
}
.c-meeting-floorplan__specs caption {
padding-top: 8px;
}
.c-meeting-floorplan__specs .c-meeting-floorplan__table-simple tr:nth-child(odd) td {
background-color: white;
}
.c-meeting-floorplan__specs .c-meeting-floorplan__tablepress tr:nth-child(even) td {
background-color: white;
}
.c-meeting-floorplan__specs .tablepress-table-description {
font-size: 15px;
color: #848484;
display: block;
}
.c-meeting-floorplan__specs .tablepress-table-description + table {
margin-top: 24px;
}
.c-meeting-floorplan__specs table + .tablepress-table-description {
margin-top: 24px;
}
.c-meeting-hotel-list .o-type--block-title {
max-width: 550px;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-meeting-tile {
display: block !important;
}
}
.c-meeting-tile .c-amenities-list li {
background-color: #fcf7f6;
border-radius: 2px;
padding: 4px 8px 4px 4px;
margin-right: 8px;
}
.c-meeting-tile .c-amenities-list li span {
margin-top: 0;
}
.c-meeting-tile .c-hotel-tile__title {
font-size: 25px;
color: #2d2d2d;
font-weight: 500;
margin-bottom: 25px;
}
@media (min-width: 64em) {
.c-meeting-tile .c-hotel-tile__title {
font-size: 30px;
}
}
.c-meeting-tile .c-hotel-tile__thumbnail {
width: 100%;
height: 210px;
flex-grow: 0;
}
@media (min-width: 64em) {
.c-meeting-tile .c-hotel-tile__thumbnail {
width: 35.8%;
height: 330px;
}
}
.c-meeting-tile .c-hotel-tile__center {
padding: 20px 15px;
padding-bottom: 10px;
}
@media (min-width: 64em) {
.c-meeting-tile .c-hotel-tile__center {
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px 55px;
flex-grow: 0;
flex-shrink: 1;
width: 45%;
}
}
.c-meeting-tile .c-hotel-tile__address {
order: initial;
color: #cdcdcd;
margin-bottom: 15px;
}
.c-meeting-tile .c-hotel-tile__right {
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px 15px;
padding-bottom: 20px;
flex-grow: 0;
text-align: center;
}
@media (min-width: 64em) {
.c-meeting-tile .c-hotel-tile__right {
width: 20%;
padding: 24px 45px;
border-left: 1px solid #f0f0f0;
}
}
.c-meeting-tile .c-hotel-tile__right .c-button, .c-meeting-tile .c-hotel-tile__right input[type=submit],
.c-meeting-tile .c-hotel-tile__right input[type=button],
.c-meeting-tile .c-hotel-tile__right input[type=reset], .c-meeting-tile .c-hotel-tile__right .gform_button {
font-size: 14px;
}
@media (min-width: 46.25em) {
.c-meeting-tile .c-hotel-tile__right .c-button, .c-meeting-tile .c-hotel-tile__right input[type=submit],
.c-meeting-tile .c-hotel-tile__right input[type=button],
.c-meeting-tile .c-hotel-tile__right input[type=reset], .c-meeting-tile .c-hotel-tile__right .gform_button {
min-width: 200px;
width: auto;
}
}
@media (min-width: 64em) {
.c-meeting-tile .c-hotel-tile__right .c-button, .c-meeting-tile .c-hotel-tile__right input[type=submit],
.c-meeting-tile .c-hotel-tile__right input[type=button],
.c-meeting-tile .c-hotel-tile__right input[type=reset], .c-meeting-tile .c-hotel-tile__right .gform_button {
width: 100%;
min-width: 0;
}
}
.c-meeting-tile .c-hotel-tile__right .c-link {
margin-top: 15px;
color: #1e2126;
font-size: 14px;
}
.c-meeting-tile .c-hotel-tile__tags {
margin: 10px 0;
}
.c-meeting-tile .c-hotel-tile__tags li span {
margin-right: 6px;
}
.c-meeting-tile .c-hotel-tile__excerpt {
font-size: 14px;
line-height: 24px;
margin-bottom: 5px;
color: #a1a1a1;
}
.c-meeting-tile .c-hotel-tile__label {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}
.c-meeting-tile .c-hotel-tile__meeting-meta {
font-weight: 700;
font-size: 20px;
line-height: 27px;
margin-left: 16px;
}
.c-meeting-tile .c-hotel-tile__meta {
font-weight: 400;
font-size: 16px;
line-height: 1.7;
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #f0f0f0;
padding: 8px 0;
}
.c-meeting-tile .c-hotel-tile__meta:last-of-type {
margin-bottom: 32px;
}
.c-member-landing {
display: grid;
grid-template-columns: 1fr;
background-color: #1d2125;
color: white;
min-height: 100vh;
}
@media (min-width: 64em) {
.c-member-landing {
grid-template-columns: 1fr 1fr;
}
}
.c-member-landing__column {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 40px 24px;
}
@media (min-width: 64em) {
.c-member-landing__column {
padding: 40px;
}
}
.c-member-landing__column:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.c-member-landing__column--type-veriu:before {
background-color: rgba(0, 95, 48, 0.8);
}
.c-member-landing__column--type-punthill:before {
background-color: rgba(241, 95, 34, 0.8);
}
.c-member-landing__column .c-button, .c-member-landing__column input[type=submit],
.c-member-landing__column input[type=button],
.c-member-landing__column input[type=reset], .c-member-landing__column .gform_button {
font-size: 18px;
padding: 16px 24px;
}
.c-member-landing__inner {
position: relative;
z-index: 10;
text-align: center;
}
.c-member-landing__logo {
margin-bottom: 48px;
}
.c-member-landing__logo svg {
height: 47px;
}
@media (min-width: 64em) {
.c-member-landing__logo {
margin-bottom: 56px;
}
.c-member-landing__logo svg {
height: 69px;
}
}
.c-featured-activities {
padding-bottom: 90px;
}
.c-featured-activities__title {
font-weight: 400;
color: #2d2d2d;
font-size: 20px;
line-height: 35px;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-featured-activities .c-activity-tile--layout-large {
margin-bottom: 36px;
}
}
@media (max-width: 46.24em) {
.c-featured-activities__carousel {
padding-right: 0;
}
}
.c-results-filters {
margin-bottom: 40px;
padding-top: 30px;
}
@media (min-width: 46.25em) {
.c-results-filters {
margin-top: -20px;
margin-bottom: 90px;
}
}
.c-results-filters__grid {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 64em) {
.c-results-filters__grid {
flex-direction: row;
}
}
.c-results-filters__list-outer {
position: relative;
}
.c-results-filters__list-outer:after, .c-results-filters__list-outer:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
width: 50px;
z-index: 100;
transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
pointer-events: none;
}
.c-results-filters__list-outer:before {
left: 0;
background: linear-gradient(to left, rgba(252, 247, 246, 0) 0%, rgb(252, 247, 246) 100%);
}
.c-results-filters__list-outer:after {
background: linear-gradient(to right, rgba(252, 247, 246, 0) 0%, rgb(252, 247, 246) 100%);
right: 0;
}
@media (min-width: 46.25em) {
.c-results-filters__list-outer:after {
display: none;
}
}
.c-results-filters__list-outer--start:before {
opacity: 0;
}
.c-results-filters__list-outer--end:after {
opacity: 0;
}
.c-results-filters__list {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.c-results-filters__list::-webkit-scrollbar {
display: none;
}
.c-results-filters__list input[type=RADIO] {
opacity: 0;
position: absolute;
visibility: hidden;
}
.c-results-filters__list li {
display: inline-block;
vertical-align: middle;
margin-right: 35px;
}
@media (min-width: 46.25em) {
.c-results-filters__list li {
margin-right: 45px;
}
}
.c-results-filters__list label {
display: inline-block;
vertical-align: middle;
position: relative;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
color: #8d8d8d;
font-size: 15px;
cursor: pointer;
padding-bottom: 20px;
}
.c-results-filters__list label:after {
position: absolute;
content: "";
top: calc(100% - 2px);
left: 0;
right: 0;
height: 2px;
background-color: #1e2126;
opacity: 0;
transform: translateY(-2px);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-results-filters__list label:hover, .c-results-filters__list label.active {
color: #1e2126;
}
.c-results-filters__list label:hover:after, .c-results-filters__list label.active:after {
opacity: 1;
transform: translateY(0);
}
.c-results-filters__list input:checked + label,
.c-results-filters__list input:checked + a > label {
color: #1e2126;
}
.c-results-filters__list input:checked + label:after,
.c-results-filters__list input:checked + a > label:after {
opacity: 1;
transform: translateY(0);
}
.c-results-filters select {
background-color: #fff;
border: 0;
margin-bottom: 5px;
width: 200px;
}
.c-hotel-awards {
display: flex;
align-items: center;
background: #fff;
border-radius: 12px;
margin-top: 8px;
margin-bottom: 24px;
padding: 8px 16px;
min-height: 70px;
overflow: hidden;
}
@media (min-width: 64em) {
.c-hotel-awards {
margin-top: 16px;
margin-bottom: 0;
padding: 16px 24px;
}
}
.c-hotel-awards__left {
flex-grow: 0;
flex-shrink: 0;
margin-right: 16px;
}
@media (min-width: 64em) {
.c-hotel-awards__left {
width: 60px;
padding-right: 20px;
margin-right: 0;
}
}
@media (min-width: 68.75em) {
.c-hotel-awards__left {
width: 77px;
}
}
.c-hotel-awards__left > img {
display: block;
}
@media (max-width: 46.24em) {
.c-hotel-awards__left > img {
max-width: 40px;
}
}
.c-hotel-awards__left .TA_certificateOfExcellence > div {
width: 80px !important;
margin: 0 !important;
position: relative;
left: -5px;
}
@media (min-width: 64em) {
.c-hotel-awards__left .TA_certificateOfExcellence > div {
margin-left: 0;
width: 80px !important;
}
}
@media (min-width: 81.25em) {
.c-hotel-awards__left .TA_certificateOfExcellence > div {
width: 100px !important;
}
}
.c-hotel-awards--has-icon .c-hotel-awards__left {
width: 85px;
}
@media (min-width: 64em) {
.c-hotel-awards--has-icon .c-hotel-awards__left {
width: 80px;
}
}
@media (min-width: 81.25em) {
.c-hotel-awards--has-icon .c-hotel-awards__left {
width: 104px;
}
}
.c-hotel-awards__right {
position: relative;
flex-grow: 1;
}
.c-hotel-awards__left + .c-hotel-awards__right:before {
position: absolute;
top: 0;
bottom: 0;
display: block;
margin: auto;
left: 1px;
content: "";
height: 74px;
background-color: #ddd;
width: 1px;
z-index: 20;
}
.c-hotel-awards ul {
list-style: none;
}
.c-hotel-awards .widSSPBranding,
.c-hotel-awards .widSSPSummary,
.c-hotel-awards .widSSPAll {
display: none !important;
}
.c-hotel-awards .widSSPTrvlRtng dt {
display: none !important;
}
.c-hotel-awards .widSSPOverall {
position: relative;
padding-left: 85px;
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating {
display: block;
font-size: 20px !important;
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating + span:before {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
color: #2d2d2d;
font-size: 40px;
line-height: 1;
font-family: "CircularStd", "Arial", sans-serif;
}
@media (min-width: 81.25em) {
.c-hotel-awards .widSSPOverall .ui_bubble_rating + span:before {
left: 10px;
font-size: 50px;
}
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_0 + span:before {
content: "0.0";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_05 + span:before {
content: "0.5";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_1 + span:before {
content: "1.0";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_15 + span:before {
content: "1.5";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_2 + span:before {
content: "2.0";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_25 + span:before {
content: "2.5";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_3 + span:before {
content: "3.0";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_35 + span:before {
content: "3.5";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_4 + span:before {
content: "4.0";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_45 + span:before {
content: "4.5";
}
.c-hotel-awards .widSSPOverall .ui_bubble_rating.bubble_5 + span:before {
content: "5.0";
}
@media (min-width: 81.25em) {
.c-hotel-awards .widSSPOverall {
padding-left: 100px;
}
}
.c-hotel-awards .widSSPOverall span:last-child {
display: block;
margin-top: 8px;
font-size: 14px;
color: #595959;
text-decoration: underline;
}
.c-hotel-awards__default-icon {
width: 54px;
}
.c-hotel-awards--has-icon {
padding-left: 16px;
}
.c-our-hotels-block__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 20px;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-our-hotels-block__header {
padding-bottom: 40px;
margin-bottom: 60px;
}
}
.c-our-hotels-block__header h2 {
margin: 0;
font-weight: 500;
}
.c-our-hotels-block__location-name {
position: relative;
display: inline-block;
vertical-align: middle;
bottom: -3px;
margin-right: 20px;
}
@media (max-width: 46.24em) {
.c-our-hotels-block__location-name {
font-size: 20px;
}
}
.c-our-hotels-block .c-link--invis-underline {
vertical-align: middle;
}
.c-our-hotels-block__hotel-count {
transform: translateY(3px);
opacity: 0.6;
}
.c-our-hotels-block__state-url {
font-size: 24px;
line-height: 1;
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.c-our-hotels-block__state-url:before {
content: "·";
margin-right: 8px;
line-height: 1;
display: inline-block;
vertical-align: middle;
}
.c-our-hotels-block__icon {
display: inline-block;
vertical-align: middle;
background-color: #fff;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
margin-right: 10px;
}
@media (min-width: 46.25em) {
.c-our-hotels-block__icon {
width: 66px;
height: 66px;
line-height: 66px;
margin-right: 17px;
}
}
.c-our-hotels-block__icon svg {
display: inline-block;
vertical-align: baseline;
max-width: 37px;
max-height: 27px;
margin-bottom: -4px;
}
@media (min-width: 46.25em) {
.c-our-hotels-block__icon svg {
max-width: 47px;
max-height: 37px;
margin-bottom: -8px;
}
}
.c-site-theme--veriu .c-our-hotels-block__icon svg rect,
.c-site-theme--veriu .c-our-hotels-block__icon svg circle,
.c-site-theme--veriu .c-our-hotels-block__icon svg path {
stroke: #005f30;
}
.c-site-theme--punthill .c-our-hotels-block__icon svg rect,
.c-site-theme--punthill .c-our-hotels-block__icon svg circle,
.c-site-theme--punthill .c-our-hotels-block__icon svg path {
stroke: #f15f22;
}
.c-our-hotels-block__location-type {
margin-bottom: 60px;
}
.c-our-hotels-block__section-title {
font-size: 18px;
font-weight: 400;
opacity: 0.6;
}
.c-our-hotels__page-title {
line-height: 1;
}
.c-our-hotels__page-title {
font-size: 35px;
}
@media screen and (min-width: 320px) {
.c-our-hotels__page-title {
font-size: calc(35px + 35 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-our-hotels__page-title {
font-size: 70px;
}
}
.c-our-hotels__sub-title {
font-size: 18px;
font-weight: 400;
}
.c-our-hotels__map .c-hotel-nearby-map {
height: 348px;
margin-top: 0;
}
@media (min-width: 46.25em) {
.c-our-hotels__map .c-hotel-nearby-map {
height: 448px;
}
}
.c-our-hotels__pin {
position: absolute;
top: 0;
left: 0;
width: 27px;
height: 42px;
background-repeat: no-repeat;
background-position: center;
background-size: 27px 42px;
color: white;
text-align: center;
font-size: 18px;
font-weight: 500;
user-select: none;
}
.c-site-theme--veriu .c-our-hotels__pin {
background-image: url("../images/veriu-green-pin.png");
}
.c-site-theme--punthill .c-our-hotels__pin {
background-image: url("../images/punthill-orange-pin.png");
}
.c-our-hotels__hotel-counts {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
column-gap: 24px;
row-gap: 20px;
}
.c-our-hotels__hotel-counts li {
position: relative;
display: block;
padding-left: 44px;
font-size: 20px;
font-weight: 700;
padding-right: 20px;
}
@media (min-width: 64em) {
.c-our-hotels__hotel-counts li {
display: inline-block;
vertical-align: middle;
}
}
@media (min-width: 64em) {
.c-our-hotels__hotel-counts li:first-child .c-our-hotels__pin {
left: 0;
}
}
@media (min-width: 64em) {
.c-our-hotels__hotel-counts li:after {
content: "";
border-right: 1px solid rgba(30, 33, 38, 0.1);
height: 35px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
.c-our-hotels__hotel-counts li:last-child:after {
display: none;
}
.c-tiny-hotel-tile {
position: relative;
background-color: white;
margin-bottom: 30px;
}
.c-tiny-hotel-tile__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 85px;
background-color: #a1a1a1;
}
.c-tiny-hotel-tile__thumbnail-inner {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.c-tiny-hotel-tile__content {
display: flex;
min-height: 163px;
flex-direction: column;
padding: 20px;
padding-bottom: 15px;
padding-left: 105px;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-tiny-hotel-tile__content {
padding: 15px;
padding-left: 100px;
}
}
.c-tiny-hotel-tile__content h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
}
.c-tiny-hotel-tile__content-upper {
flex-grow: 1;
margin-bottom: 10px;
}
.c-tiny-hotel-tile__address {
position: relative;
font-size: 14px;
color: #bebdbd;
padding-left: 20px;
margin-left: -6px;
}
.c-tiny-hotel-tile__address .icon-location {
position: absolute;
left: 0;
color: #cecece;
}
.c-tiny-hotel-tile__lower {
flex-grow: 0;
display: flex;
align-items: flex-end;
}
.c-tiny-hotel-tile__price-column {
flex-grow: 1;
padding-right: 20px;
}
.c-tiny-hotel-tile.loading .c-tiny-hotel-tile__price-column {
background-image: url("../images/loader.svg");
background-size: 50px;
min-height: 40px;
background-repeat: no-repeat;
background-position: center left -10px;
}
.c-tiny-hotel-tile.no-price .c-tiny-hotel-tile__price-block, .c-tiny-hotel-tile.loading .c-tiny-hotel-tile__price-block {
display: none;
}
.c-tiny-hotel-tile__price-block.unavailable .c-tiny-hotel-tile__price {
font-size: 16px;
font-weight: 500;
line-height: 1;
}
.c-tiny-hotel-tile__price-block.unavailable .c-tiny-hotel-tile__price-prefix, .c-tiny-hotel-tile__price-block.unavailable .c-tiny-hotel-tile__price-suffix {
display: none;
}
.c-tiny-hotel-tile__price-prefix {
font-size: 12px;
}
.c-tiny-hotel-tile__price {
font-size: 30px;
line-height: 35px;
font-weight: bold;
}
.c-tiny-hotel-tile__price-suffix {
position: relative;
top: -1px;
}
.c-tiny-hotel-tile__buttons {
text-align: center;
flex-shrink: 0;
}
.c-tiny-hotel-tile.loading .c-tiny-hotel-tile__booking-button {
display: none;
}
.c-banner-text-block__content h2 {
margin-top: 0;
}
.c-banner-text-block__image {
background-color: #a1a1a1;
}
@media (min-width: 46.25em) {
.c-banner-text-block__image {
width: 100%;
border-radius: 50%;
overflow: hidden;
}
}
.c-banner-text-block__image-spacer {
height: 112px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 46.25em) {
.c-banner-text-block__image-spacer {
padding-bottom: 100%;
height: auto;
}
}
.c-two-column-images__left-image img, .c-two-column-images__right-image img {
display: block;
margin: auto;
}
.c-two-column-images__left-image {
margin-bottom: 30px;
}
@media (min-width: 46.25em) {
.c-two-column-images__left-image {
margin-bottom: 0;
}
}
.c-two-column-images__right-image.tablet {
display: none;
}
@media (min-width: 46.25em) {
.c-two-column-images__right-image.tablet {
display: block;
}
.c-two-column-images__right-image.mobile {
display: none;
}
}
.c-two-column-images__text {
margin: auto;
margin-top: 10px;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-two-column-images__text {
margin-top: 85px;
margin-bottom: 0;
max-width: 360px;
}
}
@media (min-width: 46.25em) {
.c-two-column-images--has-text {
padding-top: 66px;
}
}
@media (min-width: 46.25em) {
.c-two-column-images--has-text .c-two-column-images__right-image {
margin-top: -66px;
}
}
.c-wide-image-block .o-wrapper {
padding: 0;
}
.c-wide-image-block img {
display: block;
}
[data-sticky-container] > .c-text-block-nav-wrapper + .c-wide-image-block {
padding-top: 4.3rem;
}
@media (min-width: 64em) {
[data-sticky-container] > .c-text-block-nav-wrapper + .c-wide-image-block {
padding-top: 6.4286rem;
}
}
.c-blog-carousel-block-carousel {
padding-bottom: 0;
padding-top: 40px;
border-radius: 12px;
position: relative;
}
@media (min-width: 64em) {
.c-blog-carousel-block-carousel {
padding-top: 64px;
}
}
.c-blog-carousel-block-carousel__item {
width: 100%;
}
.c-blog-carousel-block-carousel__count {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
}
.c-blog-carousel-block__caption {
display: block;
padding-top: 16px;
text-align: left;
color: #8d8d8d;
font-size: 14px;
}
.c-blog-carousel-block__caption span {
color: #1e2126;
}
.c-blog-grey-text-block {
background-color: #fff;
padding: 24px;
font-size: 18px;
font-weight: 400;
}
.c-blog-grey-text-block__wrapper {
padding-top: 40px;
}
@media (min-width: 64em) {
.c-blog-grey-text-block__wrapper {
padding-top: 64px;
}
}
.c-blog-grey-text-block__description p,
.c-blog-grey-text-block__description ul,
.c-blog-grey-text-block__description li {
font-size: 18px !important;
font-weight: 400 !important;
}
.c-blog-grey-text-block .c-link {
font-size: 16px;
margin-top: 24px;
display: inline-block;
border-bottom: 1px solid #1e2126;
}
.c-blog-grey-text-block .c-link:hover {
border-color: #8d8d8d;
}
.c-blog-related__carousel {
margin-bottom: 24px;
overflow: visible;
}
.c-blog-related__carousel .c-carousel__slide {
width: 70%;
margin-right: 16px;
min-height: 100%;
display: flex;
}
@media (min-width: 46.25em) {
.c-blog-related__carousel .c-carousel__slide {
width: 40%;
}
}
.c-blog-related-posts {
padding: 40px 0;
border-top: 1px solid #e3e3e3;
overflow: hidden;
}
@media (min-width: 64em) {
.c-blog-related-posts {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media (min-width: 64em) {
.c-blog-related-posts .o-layout__item:last-child div:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.c-blog-related-posts .flickity-viewport {
overflow: visible;
}
.c-blog-related-posts__title {
line-height: 1.2;
font-family: "CircularStd", "Arial", sans-serif;
font-weight: 900;
max-width: 420px;
margin-bottom: 0;
}
.c-blog-related-posts__title {
font-size: 28px;
}
@media screen and (min-width: 320px) {
.c-blog-related-posts__title {
font-size: calc(28px + 22 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-blog-related-posts__title {
font-size: 50px;
}
}
@media (min-width: 64em) {
.c-blog-related-posts__title {
margin-bottom: 36px;
}
}
.c-blog-related-posts__category {
font-size: 18px;
}
.c-blog-related-posts__category a {
background-color: #fff;
padding: 4px 8px;
}
.c-blog-related-posts .c-post-related-tile {
margin-top: 30px;
}
.c-blog-related-tile-small {
margin-top: 40px;
background-color: #fff;
padding: 24px 16px 16px;
border-radius: 8px;
display: block;
width: 100%;
}
.c-blog-related-tile-small:hover .c-blog-related-tile-small__title {
text-decoration: underline;
}
.c-blog-related-tile-small__image {
max-width: none;
width: 34px;
height: 34px;
border-radius: 50%;
display: block;
object-fit: cover;
border: 4px solid #fff;
}
.c-blog-related-tile-small__image-wrapper {
width: 30px;
height: 30px;
margin-top: -40px;
border-radius: 50%;
}
.c-blog-related-tile-small__title {
font-size: 14px;
margin-top: 16px;
}
.c-blog-related-tile-small__date {
font-size: 12px;
color: #333;
}
.c-blog-related-tile {
background-color: #fff;
display: flex;
padding: 24px;
position: relative;
margin-bottom: 16px;
}
.c-blog-related-tile:last-child {
margin-bottom: 0;
}
.c-blog-related-tile:hover .c-blog-related-tile-title {
text-decoration: underline;
}
.c-blog-related-tile-thumb {
position: relative;
flex: 0 0 60px;
width: 60px;
height: 60px;
margin-right: 24px;
}
.c-blog-related-tile-thumb__spacer {
padding-bottom: 100%;
}
.c-blog-related-tile-thumb__image {
border-radius: 30px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #8d8d8d;
}
.c-blog-related-tile-title {
font-size: 22px;
font-weight: 400;
margin-bottom: 4px;
}
.c-blog-related-tile-title__link {
display: block;
color: #1e2126;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-blog-related-tile-title__link:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.c-blog-related-tile-meta {
color: #8d8d8d;
font-size: 16px;
}
.c-blog-related--small {
margin-top: 0;
position: relative;
padding: 24px 25px;
margin-left: -24px;
margin-right: -24px;
overflow: hidden;
}
@media (min-width: 46.25em) {
.c-blog-related--small {
margin: 0;
padding: 24px 0;
}
}
@media (min-width: 64em) {
.c-blog-related--small {
margin-top: 40px;
padding: 0;
}
}
.c-blog-related--small:before {
content: "";
display: block;
background-color: #f2f2f2;
width: 100%;
height: 1px;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 64em) {
.c-blog-related--small:before {
display: none;
}
}
.c-blog-related--small:after {
content: "";
display: block;
background-color: #f2f2f2;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
@media (min-width: 64em) {
.c-blog-related--small:after {
display: none;
}
}
.c-blog-related--small .c-link {
margin-top: 24px;
display: inline-block;
}
.c-blog-related__label {
font-size: 18px;
}
.c-blog-related__header {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 64em) {
.c-blog-related__header {
display: block;
}
}
.c-blog-related__header .c-link {
margin-top: 0 !important;
}
.c-blog-related .c-blog-related__carousel {
margin-bottom: 0;
}
.c-blog-single-intro {
padding-top: 0;
overflow: hidden;
background-color: #f1d8d1;
padding-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-blog-single-intro {
padding-top: 40px;
}
}
@media (min-width: 64em) {
.c-blog-single-intro {
padding-top: 80px;
padding-bottom: 80px;
max-width: none;
}
}
.c-blog-single-intro .o-wrapper {
max-width: 1325px;
}
.c-blog-single-intro .o-layout__item:first-child {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
order: 2;
}
@media (max-width: 46.24em) {
.c-blog-single-intro .o-layout__item:first-child {
max-width: 650px;
margin: 40px auto 0;
}
}
@media (min-width: 64em) {
.c-blog-single-intro .o-layout__item:first-child {
margin-top: 0;
order: 1;
}
}
.c-blog-single-intro .o-layout__item:last-child {
order: 1;
}
@media (min-width: 64em) {
.c-blog-single-intro .o-layout__item:last-child {
order: 2;
}
}
.c-blog-single-intro__title {
font-size: 35px;
margin-top: 24px;
margin-bottom: 24px;
padding: 0 48px;
color: #1e2126 !important;
font-weight: 900;
}
@media (min-width: 46.25em) {
.c-blog-single-intro__title {
padding: 0 24px 0 0;
}
}
@media (min-width: 64em) {
.c-blog-single-intro__title {
margin-top: 40px;
font-size: 50px;
line-height: 55px;
margin-bottom: 40px;
max-width: 520px;
}
}
.c-blog-single-intro__category {
font-size: 14px;
line-height: 1.2;
display: inline-block;
padding: 4px 8px !important;
border-radius: 4px !important;
margin-right: 8px;
}
.c-blog-single-intro__category-wrapper {
padding: 0 48px;
}
@media (min-width: 46.25em) {
.c-blog-single-intro__category-wrapper {
padding: 0;
}
}
.c-blog-single-intro-author {
display: flex;
flex-direction: row;
align-items: center;
order: 1;
padding: 0 48px;
font-size: 15px;
}
@media (min-width: 46.25em) {
.c-blog-single-intro-author {
padding: 0 0 24px;
}
}
@media (min-width: 64em) {
.c-blog-single-intro-author {
padding: 0;
}
}
.c-blog-single-intro-author__image {
flex: 0 0 70px;
width: 70px;
height: 70px;
margin-right: 24px;
margin-bottom: 0;
}
@media (min-width: 64em) {
.c-blog-single-intro-author__image {
flex: 0 0 80px;
width: 80px;
height: 80px;
}
}
.c-blog-single-intro-author__image img {
width: 70px;
height: 70px;
border-radius: 70px;
}
@media (min-width: 64em) {
.c-blog-single-intro-author__image img {
width: 80px;
height: 80px;
border-radius: 80px;
}
}
.c-blog-single-intro-author__label {
font-size: 16px;
color: #1e2126;
margin-bottom: 4px;
}
@media (min-width: 64em) {
.c-blog-single-intro-author__label {
font-size: 18px;
}
}
.c-blog-single-intro-author__read {
color: #767676;
font-size: 14px;
margin-bottom: 4px;
}
.c-blog-single-intro-author__meta {
color: #767676;
font-size: 16px;
}
.c-blog-single-intro-author__meta a {
color: #767676;
}
.c-blog-single-intro-author__meta a:hover {
text-decoration: underline;
}
.c-blog-single-intro__image {
display: block;
height: auto;
width: 100%;
}
@media (min-width: 64em) {
.c-blog-single-intro__image {
margin-top: 0;
}
}
@media (max-width: 63.99em) {
.c-blog-single-intro .o-wrapper {
max-width: 650px;
}
}
@media (max-width: 46.24em) {
.c-blog-single-intro .o-wrapper {
padding: 0;
max-width: 100%;
}
}
.c-blog-single-intro .c-lazy-wrapper {
padding-bottom: 66.66%;
overflow: hidden;
}
.c-blog-single-intro .c-lazy-wrapper img {
height: 100%;
object-fit: cover;
}
.c-blog-single {
padding-top: 32px;
}
@media (min-width: 64em) {
.c-blog-single {
padding-top: 80px;
}
}
.c-blog-single__title {
line-height: 1.2857142857;
margin-bottom: 24px;
font-weight: 700;
}
.c-blog-single__title {
font-size: 25px;
}
@media screen and (min-width: 320px) {
.c-blog-single__title {
font-size: calc(25px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-blog-single__title {
font-size: 35px;
}
}
.c-blog-single__content {
font-family: "CircularStd", "Arial", sans-serif;
font-size: 18px;
line-height: 1.7;
font-weight: 400;
color: #333;
margin-bottom: 40px;
}
@media (min-width: 64em) {
.c-blog-single__content {
margin-bottom: 0;
}
}
.c-blog-single__content p {
font-size: 18px !important;
line-height: 1.7;
font-weight: 400;
margin-bottom: 24px;
}
.c-blog-single__content p:last-child {
margin-bottom: 0;
}
.c-blog-single__content p + h2,
.c-blog-single__content p + h3,
.c-blog-single__content p + h4 {
margin-top: 32px;
}
.c-blog-single__content img {
width: 100%;
height: auto;
display: block;
margin-bottom: 64px;
margin-top: 64px;
}
.c-blog-single__content a {
font-weight: 700;
text-decoration: underline;
}
.c-blog-single__content .o-type--wysiwyg li,
.c-blog-single__content .o-type--wysiwyg p {
font-size: 18px;
line-height: 1.7;
}
.c-blog-single__content .o-type--wysiwyg h1,
.c-blog-single__content .o-type--wysiwyg h2,
.c-blog-single__content .o-type--wysiwyg h3,
.c-blog-single__content .o-type--wysiwyg h4,
.c-blog-single__content .o-type--wysiwyg h5,
.c-blog-single__content .o-type--wysiwyg h6 {
margin-top: 50px;
margin-bottom: 24px;
}
.c-blog-single__content .o-type--wysiwyg h2 {
font-size: 30px;
margin-bottom: 24px;
margin-top: 32px;
}
.c-blog-single__content .o-type--wysiwyg h3 {
font-size: 25px;
margin-bottom: 24px;
margin-top: 32px;
}
.c-blog-single__content .o-type--wysiwyg ul:last-child {
margin-bottom: 0;
}
.c-blog-single__content .o-type--wysiwyg figure {
width: 100% !important;
}
.c-blog-single__content .o-type--wysiwyg .gallery {
margin: 3rem -15px 30px;
}
@media (min-width: 64em) {
.c-blog-single__content .o-type--wysiwyg .gallery {
display: flex;
justify-content: space-between;
}
}
.c-blog-single__content .o-type--wysiwyg .gallery .gallery-item {
flex: 1;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (min-width: 64em) {
.c-blog-single__content .o-type--wysiwyg .gallery .gallery-item {
margin-bottom: 0;
}
}
.c-blog-single__content .o-type--wysiwyg .gallery .gallery-item:last-child {
margin-bottom: 0;
}
.c-blog-single__content .o-type--wysiwyg .gallery .gallery-item img {
width: 100%;
height: auto;
display: block;
}
.c-blog-single__content .o-type--wysiwyg .gallery .gallery-caption {
opacity: 0.6;
font-size: 14px;
margin-top: 5px;
}
.c-blog-single__body {
margin-bottom: 40px;
}
@media (min-width: 64em) {
.c-blog-single__body {
margin-bottom: 64px;
}
}
.c-blog-single__body .o-wrapper--tiny {
max-width: 690px;
}
.c-blog-single__body .c-share-links {
margin-bottom: 32px;
}
@media (max-width: 63.99em) {
.c-blog-single__body .c-share-links {
display: flex;
flex-direction: row;
align-items: center;
}
}
@media (min-width: 64em) {
.c-blog-single__body .c-share-links {
max-width: 205px;
margin-bottom: 40px;
}
}
.c-blog-single__body .c-share-links__label {
font-size: 14px;
order: 2;
}
@media (min-width: 64em) {
.c-blog-single__body .c-share-links__label {
font-size: 18px;
}
}
.c-blog-single__body .c-share-links a {
margin-bottom: 0;
}
.c-blog-single__body .c-blog-related__carousel .flickity-viewport {
overflow: visible;
}
@media (min-width: 64em) {
.c-blog-single__body .c-blog-related {
float: right;
max-width: 205px;
margin-top: 0;
}
}
.c-blog-single__body .c-blog-related .c-link {
margin-top: 16px;
border-bottom: 1px solid #1e2126;
}
@media (min-width: 64em) {
.c-blog-single__body .c-blog-related-tile-small {
max-width: 205px;
}
}
@media (min-width: 64em) {
.c-blog-single__body .c-blog-related-tile-small-wrapper {
float: right;
}
}
.c-blog-single__body .c-blog-intro__download-link {
width: 100%;
}
.c-blog-single__body .c-blog-intro__download-link .c-button, .c-blog-single__body .c-blog-intro__download-link input[type=submit],
.c-blog-single__body .c-blog-intro__download-link input[type=button],
.c-blog-single__body .c-blog-intro__download-link input[type=reset], .c-blog-single__body .c-blog-intro__download-link .gform_button {
width: 100%;
border-radius: 4px;
min-width: auto;
border: none;
}
@media (min-width: 64em) {
.c-blog-single__body .c-blog-intro__download-link {
float: right;
max-width: 205px;
margin-top: 40px;
}
}
.c-blog-single__body h2 {
font-size: 30px;
margin-bottom: 24px;
margin-top: 32px;
}
.c-blog-single__body h3 {
font-size: 25px;
margin-bottom: 24px;
margin-top: 32px;
}
.c-blog-single__footer {
border-top: 1px solid #f2f2f2;
padding: 48px 0;
}
@media (min-width: 64em) {
.c-blog-single__footer {
padding: 80px 0;
}
}
.c-blog-single__footer .o-wrapper {
max-width: 690px;
}
.c-blog-single__footer .c-post-author {
border: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
@media (min-width: 64em) {
.c-blog-single__footer .c-post-author {
flex-direction: row;
}
}
.c-blog-single__footer .c-post-author .c-lazy-wrapper {
width: 113px;
height: 113px;
border-radius: 50%;
padding: 0 !important;
margin-bottom: 8px;
}
.c-blog-single__footer .c-post-author__image {
flex: 0 0 113px;
width: 113px;
margin-right: 60px;
}
.c-blog-single__footer .c-post-author__image img {
width: 113px;
height: 113px;
border-radius: 113px;
}
.c-blog-single__footer .c-post-author h4 {
font-size: 22px;
margin-bottom: 8px;
font-weight: 400;
}
.c-blog-single__footer .c-post-author__details {
font-size: 14px;
line-height: 1.7;
}
@media (min-width: 64em) {
.c-blog-single__footer .c-post-author__details {
font-size: 18px;
}
}
.c-blog-single__footer .c-post-author__details span {
color: #8d8d8d;
margin-bottom: 24px;
display: block;
}
.c-blog-single__footer .c-post-author__bio {
font-family: "CircularStd", "Arial", sans-serif;
font-size: 16px;
line-height: 1.7;
font-weight: 400;
color: #8d8d8d;
margin-bottom: 24px;
}
@media (min-width: 64em) {
.c-blog-single__footer .c-post-author__bio {
font-size: 18px;
}
}
.c-blog-single__footer .c-post-author .c-link {
font-size: 16px;
color: #1e2126;
}
.c-blog-single__footer .c-post-author .c-link:after {
background-color: #1e2126;
}
.c-blog-single .c-panel--padded {
padding: 0;
}
.c-blog-single .c-wide-image-block,
.c-blog-single .c-text-block,
.c-blog-single .c-two-column-images {
margin: 0;
padding-bottom: 0;
padding-top: 40px !important;
}
@media (min-width: 64em) {
.c-blog-single .c-wide-image-block,
.c-blog-single .c-text-block,
.c-blog-single .c-two-column-images {
padding-top: 64px !important;
}
}
.c-blog-single .c-wide-image-block p,
.c-blog-single .c-wide-image-block ul,
.c-blog-single .c-wide-image-block li,
.c-blog-single .c-wide-image-block a,
.c-blog-single .c-text-block p,
.c-blog-single .c-text-block ul,
.c-blog-single .c-text-block li,
.c-blog-single .c-text-block a,
.c-blog-single .c-two-column-images p,
.c-blog-single .c-two-column-images ul,
.c-blog-single .c-two-column-images li,
.c-blog-single .c-two-column-images a {
font-size: 18px !important;
line-height: 1.7;
font-weight: 400;
}
.c-blog-single .c-wide-image-block a,
.c-blog-single .c-text-block a,
.c-blog-single .c-two-column-images a {
color: #005f30;
text-decoration: underline !important;
}
.c-site-theme--punthill .c-blog-single .c-wide-image-block a,
.c-site-theme--punthill .c-blog-single .c-text-block a,
.c-site-theme--punthill .c-blog-single .c-two-column-images a {
color: #f15f22;
}
.c-blog-single .c-wide-image-block .o-type--wysiwyg .wp-caption a,
.c-blog-single .c-text-block .o-type--wysiwyg .wp-caption a,
.c-blog-single .c-two-column-images .o-type--wysiwyg .wp-caption a {
font-size: 13px !important;
color: #8d8d8d !important;
}
.c-blog-single .c-wide-image-block .c-button, .c-blog-single .c-wide-image-block input[type=submit],
.c-blog-single .c-wide-image-block input[type=button],
.c-blog-single .c-wide-image-block input[type=reset], .c-blog-single .c-wide-image-block .gform_button,
.c-blog-single .c-text-block .c-button,
.c-blog-single .c-text-block input[type=submit],
.c-blog-single .c-text-block input[type=button],
.c-blog-single .c-text-block input[type=reset],
.c-blog-single .c-text-block .gform_button,
.c-blog-single .c-two-column-images .c-button,
.c-blog-single .c-two-column-images input[type=submit],
.c-blog-single .c-two-column-images input[type=button],
.c-blog-single .c-two-column-images input[type=reset],
.c-blog-single .c-two-column-images .gform_button {
background-color: #005f30 !important;
color: #fff !important;
border-radius: 4px !important;
padding: 8px !important;
text-decoration: none !important;
margin-right: 8px !important;
}
.c-blog-single .c-wide-image-block .c-button:hover, .c-blog-single .c-wide-image-block input[type=submit]:hover,
.c-blog-single .c-wide-image-block input[type=button]:hover,
.c-blog-single .c-wide-image-block input[type=reset]:hover, .c-blog-single .c-wide-image-block .gform_button:hover,
.c-blog-single .c-text-block .c-button:hover,
.c-blog-single .c-text-block input[type=submit]:hover,
.c-blog-single .c-text-block input[type=button]:hover,
.c-blog-single .c-text-block input[type=reset]:hover,
.c-blog-single .c-text-block .gform_button:hover,
.c-blog-single .c-two-column-images .c-button:hover,
.c-blog-single .c-two-column-images input[type=submit]:hover,
.c-blog-single .c-two-column-images input[type=button]:hover,
.c-blog-single .c-two-column-images input[type=reset]:hover,
.c-blog-single .c-two-column-images .gform_button:hover {
background-color: #005f31 !important;
color: #fff !important;
}
.c-site-theme--punthill .c-blog-single .c-wide-image-block .c-button, .c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=submit],
.c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=button],
.c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=reset], .c-site-theme--punthill .c-blog-single .c-wide-image-block .gform_button,
.c-site-theme--punthill .c-blog-single .c-text-block .c-button,
.c-site-theme--punthill .c-blog-single .c-text-block input[type=submit],
.c-site-theme--punthill .c-blog-single .c-text-block input[type=button],
.c-site-theme--punthill .c-blog-single .c-text-block input[type=reset],
.c-site-theme--punthill .c-blog-single .c-text-block .gform_button,
.c-site-theme--punthill .c-blog-single .c-two-column-images .c-button,
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=submit],
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=button],
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=reset],
.c-site-theme--punthill .c-blog-single .c-two-column-images .gform_button {
background-color: #f15f22 !important;
color: #fff !important;
}
.c-site-theme--punthill .c-blog-single .c-wide-image-block .c-button:hover, .c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=submit]:hover,
.c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=button]:hover,
.c-site-theme--punthill .c-blog-single .c-wide-image-block input[type=reset]:hover, .c-site-theme--punthill .c-blog-single .c-wide-image-block .gform_button:hover,
.c-site-theme--punthill .c-blog-single .c-text-block .c-button:hover,
.c-site-theme--punthill .c-blog-single .c-text-block input[type=submit]:hover,
.c-site-theme--punthill .c-blog-single .c-text-block input[type=button]:hover,
.c-site-theme--punthill .c-blog-single .c-text-block input[type=reset]:hover,
.c-site-theme--punthill .c-blog-single .c-text-block .gform_button:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images .c-button:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=submit]:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=button]:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images input[type=reset]:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images .gform_button:hover {
background-color: #d3470d !important;
color: #fff !important;
}
.c-blog-single .c-wide-image-block .c-button--social,
.c-blog-single .c-text-block .c-button--social,
.c-blog-single .c-two-column-images .c-button--social {
background-color: #005f30 !important;
color: #fff !important;
font-size: 0 !important;
min-width: auto !important;
border-radius: 40px !important;
padding: 0 !important;
}
.c-blog-single .c-wide-image-block .c-button--social:hover,
.c-blog-single .c-text-block .c-button--social:hover,
.c-blog-single .c-two-column-images .c-button--social:hover {
background-color: #005f31 !important;
color: #fff !important;
}
.c-site-theme--punthill .c-blog-single .c-wide-image-block .c-button--social,
.c-site-theme--punthill .c-blog-single .c-text-block .c-button--social,
.c-site-theme--punthill .c-blog-single .c-two-column-images .c-button--social {
background-color: #f15f22 !important;
color: #fff !important;
}
.c-site-theme--punthill .c-blog-single .c-wide-image-block .c-button--social:hover,
.c-site-theme--punthill .c-blog-single .c-text-block .c-button--social:hover,
.c-site-theme--punthill .c-blog-single .c-two-column-images .c-button--social:hover {
background-color: #d3470d !important;
color: #fff !important;
}
.c-blog-single__share-icons + .c-blog-related {
margin-top: 40px;
}
.c-blog-single__share-icons--right {
float: left;
}
.c-blog-video-block {
padding-top: 40px;
position: relative;
}
@media (min-width: 64em) {
.c-blog-video-block {
padding-top: 64px;
}
}
.c-blog-video-block__title {
position: absolute;
top: 8px;
left: 8px;
z-index: 999;
}
.c-blog-video-block .c-accordion {
margin-top: 16px;
background-color: #fff;
border: none;
}
.c-blog-video-block .c-accordion__header {
padding: 16px 24px;
font-size: 18px;
cursor: pointer;
position: relative;
}
.c-blog-video-block .c-accordion__header:after {
content: "";
display: block;
background-image: url(../images/icon-arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 10px;
height: 10px;
right: 24px;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.c-blog-video-block .c-accordion__content {
border: none;
}
.c-blog-video-block .c-accordion__content .o-type--wysiwyg {
padding: 8px 24px 24px;
}
.c-blog-video-block .c-accordion__content .o-type--wysiwyg p {
font-size: 18px;
}
.c-featured-posts {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
padding-bottom: 50px;
margin-bottom: -10px;
}
@media (min-width: 46.25em) {
.c-featured-posts {
padding-bottom: 90px;
border-bottom: 0;
}
}
.c-featured-posts__title {
font-weight: 400;
color: #2d2d2d;
font-size: 20px;
line-height: 35px;
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-featured-posts .c-activity-tile--layout-large {
margin-bottom: 36px;
}
}
@media (max-width: 46.24em) {
.c-featured-posts__carousel {
padding-right: 0;
}
}
.c-posts-slider-item {
width: 300px;
margin-right: 15px;
}
.c-featured-posts-tile {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 30px;
}
.c-featured-posts-tile:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.c-featured-posts-slider .flickity-prev-next-button {
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
margin-top: -50px;
background-color: transparent;
box-shadow: none !important;
}
.c-featured-posts-slider .flickity-prev-next-button.previous {
left: calc(50% - 405px);
}
.c-featured-posts-slider .flickity-prev-next-button.next {
right: calc(50% - 405px);
}
.c-featured-posts-slider .is-pointer-down + .flickity-prev-next-button,
.c-featured-posts-slider .is-pointer-down + .flickity-prev-next-button + .flickity-prev-next-button {
opacity: 0;
}
.c-featured-posts-slider-item {
width: 300px;
padding: 0 6px;
text-align: center;
}
@media (min-width: 46.25em) {
.c-featured-posts-slider-item {
width: 750px;
padding: 0 39px;
}
}
.c-featured-posts-slider-item > div {
position: relative;
display: inline-block;
width: 100%;
}
.c-featured-posts-slider-item__photo-holder {
display: block;
position: relative;
max-width: 661px;
margin: auto;
margin-bottom: 20px;
}
@media (min-width: 46.25em) {
.c-featured-posts-slider-item__photo-holder {
margin-bottom: 30px;
}
}
.c-featured-posts-slider-item__photo {
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s !important;
will-change: transform;
background-color: #e4e4e4;
}
@media (min-width: 46.25em) {
.c-featured-posts-slider-item__photo {
transform: scale(0.76);
}
}
.c-featured-posts-slider-item__photo-spacer {
padding-bottom: 70.4992435703%;
}
.c-featured-posts-slider-item a.c-link {
font-size: 15px;
border-bottom: 1px solid #2d2d2d;
}
.c-featured-posts-slider-item h3 {
line-height: 1.6;
margin-top: -30px;
margin-bottom: 10px;
will-change: margin;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
z-index: 1;
}
.c-featured-posts-slider-item h3 {
font-size: 22px;
}
@media screen and (min-width: 320px) {
.c-featured-posts-slider-item h3 {
font-size: calc(22px + 8 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-featured-posts-slider-item h3 {
font-size: 30px;
}
}
@media (min-width: 46.25em) {
.c-featured-posts-slider-item h3 {
margin-bottom: 25px;
}
}
.c-featured-posts-slider-item h3 a {
display: block;
}
.c-featured-posts-slider-item h3 a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.c-featured-posts-slider-item.is-selected .c-featured-posts-slider-item__photo {
transform: scale(1);
}
.c-featured-posts-slider-item.is-selected h3 {
margin-top: 0;
opacity: 1;
z-index: 2;
}
.c-page-navigation {
text-align: center;
}
.c-page-navigation ul {
list-style: none;
padding-top: 30px;
padding-bottom: 60px;
margin: 0;
}
@media (min-width: 46.25em) {
.c-page-navigation ul {
padding-bottom: 120px;
padding-top: 0;
}
}
.c-page-navigation li {
position: relative;
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
text-align: center;
border-radius: 50%;
}
.c-page-navigation li.active a {
color: #005f30;
border-bottom: 1px solid #8d8d8d;
}
.c-site-theme--punthill .c-page-navigation li.active a {
color: #f15f22;
}
.c-page-navigation li a {
display: inline-block;
width: 26px;
height: 26px;
line-height: 22px;
font-size: 18px;
padding-top: 2px;
}
.c-page-navigation li a:hover {
color: #005f30;
}
.c-site-theme--punthill .c-page-navigation li a:hover {
color: #f15f22;
}
.c-page-navigation__next, .c-page-navigation__previous {
color: #1d2125;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-page-navigation__next a, .c-page-navigation__previous a {
font-size: 0 !important;
}
.c-page-navigation__next a:before, .c-page-navigation__previous a:before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
content: "";
margin-top: 2px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
transform: rotate(45deg) translate(-50%, -50%);
}
.c-page-navigation__next:hover a:before, .c-page-navigation__previous:hover a:before {
border-color: #1d2125;
}
.c-page-navigation__previous a:before {
margin-left: -2px;
border-left: 1px solid #1d2125;
border-bottom: 1px solid #1d2125;
}
.c-page-navigation__previous {
margin-right: 3px;
}
.c-page-navigation__next {
margin-left: 3px;
}
.c-page-navigation__next a:before {
margin-left: -5px;
border-right: 1px solid #1d2125;
border-top: 1px solid #1d2125;
}
.c-page-navigation__more {
color: #1d2125;
}
.c-page-navigation__link {
margin: 0 2px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-page-navigation__link a {
color: #1d2125;
}
.c-page-navigation--color-light .c-page-navigation__link a {
color: #1e2126;
}
.c-page-navigation--color-light .c-page-navigation__next, .c-page-navigation--color-light .c-page-navigation__previous {
color: #1e2126;
border: 1px solid #1d2125;
}
.c-page-navigation--color-light .c-page-navigation__next a:before, .c-page-navigation--color-light .c-page-navigation__previous a:before {
border-color: #1e2126;
}
.c-page-navigation--color-light .c-page-navigation__next:hover a:before, .c-page-navigation--color-light .c-page-navigation__previous:hover a:before {
border-color: #1e2126;
}
.c-post-archive-header {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-post-archive-header {
padding: 6.4286rem 0;
}
}
@media (max-width: 46.24em) {
.c-post-archive-header {
padding-bottom: 10px;
}
}
.c-post-archive-header h1 {
line-height: 1.1666666667;
margin-bottom: 0;
}
.c-post-archive-header h1 {
font-size: 40px;
}
@media screen and (min-width: 320px) {
.c-post-archive-header h1 {
font-size: calc(40px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-post-archive-header h1 {
font-size: 60px;
}
}
@media (max-width: 46.24em) {
.c-post-archive-header h1 {
margin-bottom: 40px;
}
}
.c-post-archive-header__right-col {
font-size: 15px;
color: #8d8d8d;
}
@media (min-width: 46.25em) {
.c-post-archive-header__right-col {
text-align: right;
}
}
.c-post-author {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-post-author {
padding: 6.4286rem 0;
}
}
@media (min-width: 46.25em) {
.c-post-author {
display: flex;
}
}
.c-post-author h5 {
font-size: 1.5em;
font-weight: 500;
margin-bottom: 5px;
}
.c-post-author__details {
margin-bottom: 15px;
}
.c-post-author__details span {
color: #878787;
}
.c-post-author__details a {
color: #878787;
}
.c-post-author__bio {
font-size: 17px;
line-height: 26px;
margin-bottom: 20px;
}
.c-post-author__photo {
flex: 0 0 113px;
margin: 0 40px 10px 0;
}
.c-post-author__photo img {
width: 113px;
height: 113px;
border-radius: 50%;
}
.c-post-author .c-link {
font-size: 15px;
}
.c-post-intro {
position: relative;
font-size: 17px;
}
@media (min-width: 64em) {
.c-post-intro {
padding-top: 6.4286rem;
}
}
.c-post-intro__meta {
margin-bottom: 32px;
color: #8d8d8d;
font-size: 15px;
display: flex;
flex-direction: column;
}
@media (min-width: 64em) {
.c-post-intro__meta {
display: block;
margin-bottom: 4rem;
}
}
.c-post-intro__meta-author {
display: none;
}
@media (min-width: 64em) {
.c-post-intro__meta-author {
display: flex;
flex-direction: row;
align-items: center;
order: 1;
}
}
.c-post-intro__meta-author .c-post-author-image {
flex: 0 0 60px;
width: 60px;
height: 60px;
margin-right: 2rem;
}
.c-post-intro__meta-author .c-post-author-image img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.c-post-intro__meta-author-info {
flex: 3;
}
.c-post-intro__meta-author-info-read {
font-weight: 700;
}
.c-post-intro__share-icons {
order: 2;
margin-top: 0;
}
@media (min-width: 64em) {
.c-post-intro__share-icons {
position: absolute;
margin-top: 0;
margin-left: -140px;
}
}
.c-post-intro__download-link {
margin-bottom: 4rem;
}
.c-post-intro__wrapper {
position: relative;
}
.c-post-intro .c-post-tag {
position: absolute;
top: -4.3rem;
left: 0;
}
@media (min-width: 64em) {
.c-post-intro .c-post-tag {
top: -4rem;
}
}
.c-post-intro .c-button--style-download {
background-color: transparent;
font-size: 13px;
color: #005f30;
padding-top: 0.26rem;
padding-bottom: 0.26rem;
}
.c-post-intro .c-button--style-download svg path {
stroke: #005f30;
}
.c-post-intro .c-button--style-download:hover, .c-post-intro .c-button--style-download:active, .c-post-intro .c-button--style-download:focus {
color: white;
}
.c-post-intro .c-button--style-download:hover svg path, .c-post-intro .c-button--style-download:active svg path, .c-post-intro .c-button--style-download:focus svg path {
stroke: white;
}
.c-post-signup-form {
background-color: #fff;
border: 1px solid #f0f0f0;
padding: 2rem;
}
@media (min-width: 64em) {
.c-post-signup-form {
padding: 4rem 8rem;
}
}
.c-post-single {
padding: 4.3rem 0;
}
@media (min-width: 64em) {
.c-post-single {
padding: 8.57rem 0;
}
}
@media (min-width: 64em) {
.c-post-single {
margin-top: 75px;
padding: 4rem 0;
}
}
.c-post-single__title {
font-family: "CircularStd", "Arial", sans-serif;
font-size: 2.5rem;
}
@media (min-width: 64em) {
.c-post-single__title {
font-size: 5rem;
}
}
.c-post-single__subtitle {
font-size: 1rem;
}
.c-post-single__content a {
font-weight: 700;
text-decoration: underline;
}
.c-post-single__body {
margin-top: 2rem;
}
@media (min-width: 64em) {
.c-post-single__body {
margin-top: 3rem;
}
}
.c-post-single__image {
display: block;
height: auto;
width: 100%;
}
.c-post-single-next {
margin-top: 3rem;
background-color: #fff;
border: 1px solid #1e2126;
}
@media (min-width: 46.25em) {
.c-post-single-next {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 64em) {
.c-post-single-next {
margin-top: 7rem;
}
}
.c-post-single-next__image {
display: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
@media (min-width: 46.25em) {
.c-post-single-next__image {
display: block;
}
}
.c-post-single-next__image-wrapper {
width: 200px;
position: relative;
display: block;
height: 0;
padding-bottom: 0;
overflow: hidden;
background-color: #8d8d8d;
}
@media (min-width: 46.25em) {
.c-post-single-next__image-wrapper {
width: 130px;
padding-bottom: 16%;
}
}
@media (min-width: 64em) {
.c-post-single-next__image-wrapper {
width: 200px;
padding-bottom: 26%;
}
}
.c-post-single-next__body {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
padding: 1rem 48px 1.35rem;
}
@media (min-width: 46.25em) {
.c-post-single-next__body {
border-right: 1px solid #1e2126;
padding: 2rem 4rem;
}
}
@media (min-width: 64em) {
.c-post-single-next__body {
padding: 1rem 4rem;
}
}
.c-post-single-next__title {
font-size: 16px;
line-height: 1.2;
margin-bottom: 0;
}
@media (min-width: 64em) {
.c-post-single-next__title {
font-size: 21px;
}
}
.c-post-single-next__subtitle {
font-size: 0.8rem;
margin-bottom: 0.5rem;
}
@media (min-width: 64em) {
.c-post-single-next__subtitle {
font-size: 1rem;
}
}
.c-post-single-next__action {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
flex: 0.4;
}
@media (min-width: 46.25em) {
.c-post-single-next__action {
display: flex;
font-size: 0.85rem;
padding: 1rem 2rem;
}
}
@media (min-width: 64em) {
.c-post-single-next__action {
font-size: 1rem;
padding: 1rem 3rem;
flex: 0.5;
}
}
.c-post-single-next__link:after {
position: relative;
left: 0;
content: "";
display: block;
background-image: url("../images/arrow-long@2x.png");
background-size: 100%;
background-repeat: no-repeat;
width: 32px;
height: 18px;
margin: 1rem auto 0;
transition: left 300ms;
}
.c-post-single-next__link:hover:after {
left: 3px;
}
.c-post-single-action {
text-align: center;
margin-top: 3rem;
margin-bottom: 3rem;
}
.c-posts-slider {
padding-top: 4.3rem;
}
@media (min-width: 64em) {
.c-posts-slider {
padding-top: 6.4286rem;
}
}
.c-posts-slider--no-top-padding {
padding-top: 0;
}
.c-posts-slider__item {
width: 300px;
margin-right: 15px;
}
@media (min-width: 46.25em) {
.c-posts-slider__item {
width: 341px;
margin-right: 40px;
}
}
@media (max-width: 46.24em) {
.c-posts-slider__carousel-outer {
padding-right: 0;
}
}
.c-posts-slider .c-carousel-layout__title {
line-height: 1.25;
}
.c-posts-slider .c-carousel-layout__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-posts-slider .c-carousel-layout__title {
font-size: calc(30px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-posts-slider .c-carousel-layout__title {
font-size: 40px;
}
}
.c-posts-slider .c-post-tile {
margin-bottom: 0;
}
.c-posts-slider__link {
text-align: right;
padding-right: 70px;
margin-bottom: -8px;
display: none;
}
@media (min-width: 46.25em) {
.c-posts-slider__link {
display: block;
}
}
.c-posts-slider__link .c-link {
font-size: 15px;
}
.c-post-summary {
margin-bottom: 3rem;
opacity: 0;
text-decoration: none;
width: 100%;
transform: translateY(1rem);
transition: none;
}
@media (min-width: 75em) {
.c-post-summary {
margin-bottom: 6rem;
}
}
.c-post-summary.has--rendered {
opacity: 1;
transform: translateY(0);
transition: opacity 300ms, transform 300ms;
}
.c-post-summary__image-wrapper {
position: relative;
display: block;
height: 0;
padding-bottom: 100%;
overflow: hidden;
background: #8d8d8d;
}
.c-post-summary__image {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transform: scale(1.05);
transition: opacity 300ms, transform 600ms;
}
.c-post-summary.has--loaded .c-post-summary__image {
opacity: 1;
transform: scale(1);
}
.c-post-summary.has--loaded .c-post-summary__image:hover {
transform: scale(1.05);
}
.c-post-summary__body {
margin-top: 3rem;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.c-post-summary__content p:last-child {
margin-bottom: 0;
}
.c-post-summary__title {
margin-bottom: 3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-post-summary__title-link {
color: #1e2126;
text-decoration: none;
transition: color 300ms;
}
.c-post-summary__title-link:hover {
color: rgb(52.5, 57.75, 66.5);
transition: color 300ms;
}
.c-post-summary__date {
position: absolute;
top: 1rem;
left: 1rem;
z-index: 9;
background-color: #fff;
width: 60px;
height: 65px;
text-align: center;
display: flex;
justify-content: center;
flex-flow: column;
}
.c-post-summary__day {
font-size: 2.2rem;
line-height: 1;
display: block;
margin-bottom: 0.2rem;
}
.c-post-summary__month {
font-size: 1rem;
line-height: 1;
display: block;
text-transform: uppercase;
}
.c-post-summary__action {
margin-top: 3rem;
align-items: flex-end;
}
.c-post-tag {
display: inline-block;
vertical-align: middle;
color: white;
border-radius: 0 0 3px 3px;
padding: 0 10px;
font-size: 13px;
background-color: #005f30;
}
.c-post-tag--careers {
background-color: #ff9346;
}
.c-post-tag--press-releases {
background-color: #32337f;
}
.c-post-tag--new-openings {
background-color: #ff9346;
}
.c-post-tag--news {
background-color: #005f30;
}
.c-site-theme--veriu .c-post-tag--tips-advice {
background-color: #005f30;
color: white;
}
.c-site-theme--punthill .c-post-tag--tips-advice {
background-color: #f15f22;
color: white;
}
.c-post-tile {
display: block;
position: relative;
}
.c-post-tile__thumbnail {
position: relative;
overflow: hidden;
}
.c-post-tile__thumbnail-spacer {
padding-bottom: 68.9149560117%;
}
.c-post-tile__thumbnail-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-color: #a1a1a1;
background-position: center;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s !important;
}
.c-post-tile__thumbnail-tag {
position: absolute;
right: 15px;
top: 0;
}
.c-post-tile:hover .c-post-tile__thumbnail-bg {
transform: scale(1.05);
}
.c-post-tile__body {
padding: 24px 0;
padding-top: 15px;
}
.c-post-tile__body h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
}
.c-post-tile__body h3 a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.c-post-tile__inner {
margin-bottom: 15px;
}
.c-post-tile__excerpt {
color: #8d8d8d;
}
.c-post-tile .c-link {
color: #8d8d8d;
font-size: 15px;
}
.c-post-tile__meta {
color: #919191;
font-size: 13px;
margin-bottom: 15px;
}
.c-post-tile__featured {
float: right;
}
@media (max-width: 46.24em) {
.c-post-tile__featured {
display: none;
}
}
.c-post-tile--size-side {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: 30px;
}
.c-post-tile--size-side .c-post-tile__thumbnail {
flex-grow: 0;
flex-shrink: 0;
width: 204px;
margin-right: 26px;
margin-bottom: 0;
}
.c-post-tile--size-side .c-post-tile__thumbnail-spacer {
padding-bottom: 59.3137254902%;
}
.c-post-tile--size-side .c-post-tile__body {
padding: 0;
}
.c-post-tile--size-side .c-post-tile__excerpt {
display: none;
}
.c-posts__lower {
padding: 0 0 4.3rem;
}
@media (min-width: 64em) {
.c-posts__lower {
padding: 0 0 6.4286rem;
}
}
.c-posts__results .c-post-tile {
margin-bottom: 30px;
}
.c-posts__footer {
text-align: center;
}
.c-posts__footer-count {
margin-bottom: 24px;
}
.c-posts__footer .c-page-navigation ul {
padding-bottom: 0;
}
.c-share-links__label {
display: inline-block;
font-size: 15px;
margin-right: 1rem;
color: #1e2126;
}
@media (min-width: 64em) {
.c-share-links__label {
margin-bottom: 24px;
display: block;
margin-right: 0;
}
}
.c-share-links ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
@media (min-width: 64em) {
.c-share-links ul {
display: block;
}
}
.c-share-links li {
display: inline-block;
margin-right: 8px;
cursor: pointer;
position: relative;
}
.c-share-links li a {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin: 0;
line-height: 30px;
border-radius: 4px;
color: #005f30;
background-color: #fff;
text-align: center;
font-size: 16px;
transition: all 0.3s;
}
.c-site-theme--punthill .c-share-links li a {
color: #f15f22;
}
@media (min-width: 64em) {
.c-share-links li a {
margin-bottom: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
}
}
.c-share-links li a:hover {
background-color: rgb(242.25, 242.25, 242.25);
color: #005f30;
}
.c-site-theme--punthill .c-share-links li a:hover {
color: #f15f22;
}
.c-share-links-copy__message {
position: absolute;
background-color: #005f30;
border-radius: 4px;
font-size: 12px;
line-height: 1;
height: auto;
width: 80px;
color: #fff;
padding: 6px 4px 7px;
top: -35px;
left: -25px;
opacity: 0;
visibility: hidden;
transition: all 300ms;
}
@media (min-width: 64em) {
.c-share-links-copy__message {
left: -20px;
}
}
.c-site-theme--punthill .c-share-links-copy__message {
background-color: #f15f22;
}
.c-share-links-copy__message.is-active {
opacity: 1;
visibility: visible;
}
.c-share-links-copy__message:after {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -5px;
content: "";
display: block;
width: 0;
height: 0;
z-index: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #005f30 transparent transparent transparent;
}
.c-site-theme--punthill .c-share-links-copy__message:after {
border-color: #f15f22 transparent transparent transparent;
}
.single-post .c-panel--medium-padded {
padding: 4rem 0;
}
.single-post .c-page-banner {
padding-top: 35%;
height: auto;
min-height: auto;
}
@media (min-width: 64em) {
.single-post .c-page-banner {
padding-top: 10%;
height: auto;
min-height: 475px;
padding-bottom: 40px;
}
}
.c-text-block-nav {
display: none;
list-style: none;
margin: 0;
width: 195px;
opacity: 1;
transition: opacity 300ms;
}
@media (min-width: 64em) {
.c-text-block-nav {
display: block;
}
}
.c-text-block-nav:before {
content: "In this article";
display: block;
margin-bottom: 32px;
font-size: 18px;
color: #1e2126;
}
.c-text-block-nav > div {
position: relative;
}
.c-text-block-nav-wrapper {
display: none;
}
@media (min-width: 64em) {
.c-text-block-nav-wrapper {
display: block;
}
}
.c-text-block-nav-wrapper .o-wrapper {
position: relative;
}
.c-text-block-nav__item {
position: relative;
display: block;
margin: 0;
padding: 0;
line-height: 1;
}
.c-text-block-nav__item:last-child .c-text-block-nav__link {
margin-bottom: 0;
}
.c-text-block-nav__link {
display: inline-block;
color: #767676;
font-size: 16px;
margin-left: 24px;
margin-bottom: 16px;
line-height: 1.4;
transition: color 300ms;
}
.c-text-block-nav__link:before {
position: absolute;
left: 0;
top: 0;
content: "";
display: inline-block;
width: 6px;
height: 100%;
background-color: #f4f4f4;
}
.c-text-block-nav__link.is-active {
color: #1e2126;
opacity: 1;
}
.c-text-block-nav__link.is-active span {
opacity: 1;
}
.c-text-block-nav__link.is-active span:before {
opacity: 1;
position: absolute;
left: -24px;
content: "";
display: inline-block;
width: 6px;
height: 100%;
background-color: #005f30;
}
.c-site-theme--punthill .c-text-block-nav__link.is-active span:before {
background-color: #f15f22;
}
.c-text-block-nav__link:hover {
color: #005f30;
}
.c-site-theme--punthill .c-text-block-nav__link:hover {
color: #f15f22;
}
.c-text-block-nav__link span {
position: relative;
display: block;
}
[data-sticky-sidebar] {
opacity: 1;
transition: opacity 300ms;
}
.sidebar-hidden [data-sticky-sidebar] {
opacity: 0;
}
[data-sticky-sidebar] .c-expandable-block {
max-height: 325px;
}
[data-sticky-sidebar] .c-expandable-block__read-more {
position: relative;
cursor: pointer;
font-size: 14px;
font-weight: 400;
color: #8d8d8d;
padding: 16px 0 0;
}
[data-sticky-sidebar] .c-expandable-block__read-more span {
font-size: 14px;
padding: 16px 0 0;
transition: all ease-in-out 0.35s;
position: relative;
z-index: 1;
}
[data-sticky-sidebar] .c-expandable-block__read-more span:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
display: inline-block;
content: "\f142";
font-size: 18px;
margin-left: 2px;
margin-right: 0;
text-align: center;
bottom: -2px;
left: -6px;
transition: all ease-in-out 0.35s;
}
[data-sticky-sidebar] .c-expandable-block__read-more:before {
display: block;
content: "";
position: absolute;
bottom: 35px;
right: 0;
pointer-events: none;
width: 100%;
height: 55px;
opacity: 1;
z-index: 0;
background: linear-gradient(180deg, rgba(252, 247, 246, 0) 0%, #fcf7f6 84.37%);
transition: all ease-in-out 0.35s;
}
.c-text-block-title {
margin-bottom: 0;
border-top: 1px solid #f2f2f2;
}
.c-text-block-title:last-child {
border-bottom: 1px solid #f2f2f2;
}
.c-text-block-title:first-child {
position: relative;
}
.c-text-block-title-wrapper {
margin-top: 40px;
margin-bottom: 20px;
}
@media (min-width: 64em) {
.c-text-block-title-wrapper {
margin-top: 64px;
margin-bottom: 0;
}
}
.c-text-block-title-wrapper .c-expandable-block__read-more {
position: relative;
cursor: pointer;
font-size: 14px;
font-weight: 400;
color: #8d8d8d;
padding: 16px 0 0;
}
.c-text-block-title-wrapper .c-expandable-block__read-more span {
font-size: 14px;
padding: 16px 0 0;
transition: all ease-in-out 0.35s;
position: relative;
z-index: 1;
}
.c-text-block-title-wrapper .c-expandable-block__read-more span:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
display: inline-block;
content: "\f142";
font-size: 18px;
margin-left: 2px;
margin-right: 0;
text-align: center;
bottom: -2px;
left: -6px;
transition: all ease-in-out 0.35s;
}
.c-text-block-title-wrapper .c-expandable-block__read-more:before {
display: block;
content: "";
position: absolute;
bottom: 35px;
right: 0;
pointer-events: none;
width: 100%;
height: 55px;
opacity: 1;
z-index: 0;
background: linear-gradient(180deg, rgba(252, 247, 246, 0) 0%, #fcf7f6 84.37%);
transition: all ease-in-out 0.35s;
}
.c-text-block-title-wrapper__title {
font-size: 25px;
font-weight: 700;
margin-bottom: 24px;
}
.c-text-block-title-wrapper ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.c-text-block-title__item {
display: flex;
align-items: center;
}
.c-text-block-title img {
width: 40px;
height: 35px;
max-width: none;
object-fit: cover;
border-radius: 4px;
margin-right: 8px;
}
@media (min-width: 64em) {
.c-text-block-title img {
width: 48px;
height: 40px;
margin-right: 16px;
}
}
.c-text-block-title a {
display: block;
font-size: 16px;
padding: 8px 0;
cursor: pointer;
transition: color 300ms;
}
.c-text-block-title a:hover {
color: #005f30;
}
.c-site-theme--punthill .c-text-block-title a:hover {
color: #f15f22;
}
@media (min-width: 64em) {
.c-text-block-title a {
padding: 16px 0;
font-size: 22px;
}
}
.c-text-block-title__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-room-rate-button {
flex: 1;
position: relative;
font-size: 18px;
padding: 16px;
min-width: 140px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-room-rate-button {
min-width: 180px;
}
}
@media (min-width: 64em) {
.c-room-rate-button {
padding: 16px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
}
.c-room-rate-button.c-button--color-theme-outline {
padding: 8px;
}
@media (min-width: 64em) {
.c-room-rate-button.c-button--color-theme-outline {
padding: 12px 8px;
}
}
.c-room-rate-button.c-button--color-theme-outline .c-room-rate-button__text {
font-size: 14px;
}
@media (max-width: 81.24em) {
.c-room-rate-button.c-button, input.c-room-rate-button[type=submit],
input.c-room-rate-button[type=button],
input.c-room-rate-button[type=reset], .c-room-rate-button.gform_button {
min-width: 135px;
white-space: nowrap;
}
}
.c-room-rate-button__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.c-room-rate-button__wrapper.hidden {
visibility: hidden;
opacity: 0;
display: none;
}
.c-room-rate-button__wrapper--member .c-room-rate-button__price {
font-size: 22px;
font-weight: 400;
}
.c-room-rate-button__wrapper--member .c-room-rate-button__price del {
color: #1e2126;
font-weight: 700;
font-size: 22px;
}
.c-room-rate-button__wrapper--member .c-room-rate-button__price span {
color: #ff9346;
font-size: 22px;
}
.c-site-theme--punthill .c-room-rate-button__wrapper--member .c-room-rate-button__price span {
color: #2aa29e;
}
.c-room-rate-button__wrapper--member .c-room-rate-button__price-label {
display: none !important;
}
.c-room-rate-button__wrapper + .c-room-rate-button__wrapper {
border-top: 1px solid #ddd;
margin-top: 16px;
padding-top: 16px;
}
.c-room-rate-button__price {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1;
font-weight: bold;
margin-right: 8px;
}
@media (min-width: 81.25em) {
.c-room-rate-button__price {
font-size: 34px;
}
}
.c-room-rate-button__price del {
color: #1e2126;
font-size: 24px;
font-weight: 700;
}
@media (min-width: 81.25em) {
.c-room-rate-button__price del {
font-size: 34px;
}
}
.c-room-rate-button__price del:empty + span {
color: #1e2126;
}
.c-room-rate-button__price span {
color: #ff9346;
font-weight: 700;
}
.c-site-theme--punthill .c-room-rate-button__price span {
color: #2aa29e;
}
.c-room-rate-button__price-col {
width: 100%;
flex: 1.95;
text-align: left;
}
.c-room-rate-button__price-col .c-link {
font-size: 14px;
}
.c-room-rate-button__price-label {
font-size: 12px;
display: block;
}
@media (min-width: 46.25em) {
.c-room-rate-button__price-label {
font-size: 14px;
}
}
.c-room-rate-button__price + .c-room-rate-button__price-label {
display: inline-block;
margin-top: 8px;
}
@media (min-width: 46.25em) and (max-width: 81.24em) {
.c-room-rate-button__text {
font-size: 16px;
}
}
.c-room-rate-button.c-button--color-theme .c-room-rate-button__price-label, .post-password-form input.c-room-rate-button[type=submit] .c-room-rate-button__price-label {
color: white;
opacity: 0.7;
}
@media (min-width: 81.25em) {
.c-room-rate-picker__submit-button .c-room-rate-button__price-col {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
}
}
.c-room-rate-picker__submit-button .c-room-rate-button__price-col .c-small-tags {
margin-bottom: 0;
}
.c-room-rate-picker__submit-button .c-room-rate-button__price-col .c-small-tags li {
margin-right: 0;
margin-left: 8px;
}
.c-room-rate-picker__submit-button .c-room-rate-button__price-col .c-small-tags li:first-child {
margin-left: 0;
}
.c-room-rate-item {
position: relative;
display: flex;
align-items: center;
font-size: 15px;
line-height: 20px;
border-radius: 3px;
padding: 7px 20px 7px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
user-select: none;
transition: all ease-in-out 0.35s;
cursor: pointer;
}
.c-room-rate-item__price {
flex-grow: 0;
white-space: nowrap;
margin-left: 10px;
color: #2d2d2d;
}
.c-site-theme--veriu .c-room-rate-item__price del + span {
color: #ff9346;
}
.c-site-theme--punthill .c-room-rate-item__price del + span {
color: #2aa29e;
}
.c-room-rate-item__name {
flex-grow: 1;
}
.c-room-rate-item:before {
display: block;
content: "";
border: 1px solid #ddd;
position: absolute;
left: 9px;
top: 50%;
transform: translateY(-50%);
height: 17px;
width: 17px;
border-radius: 50%;
}
.c-room-rate-item:after {
display: block;
content: "";
width: 9px;
height: 9px;
transform: scale(0) translateY(-50%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
position: absolute;
top: 50%;
left: 13px;
border-radius: 50%;
transform-origin: top center;
}
.c-site-theme--veriu .c-room-rate-item:after {
background-color: #ff9346;
}
.c-site-theme--punthill .c-room-rate-item:after {
background-color: #2aa29e;
}
.c-room-rate-item.active {
border-color: #aaa;
color: #2d2d2d;
}
.c-room-rate-item.active:before {
border-color: #aaa;
}
.c-room-rate-item.active:after {
transform: scale(1) translateY(-50%);
}
.c-room-rate-picker {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.c-room-rate-picker__options {
flex-grow: 1;
}
@media (max-width: 46.24em) {
.c-room-rate-picker__options {
display: none;
}
}
.c-room-rate-picker__footer {
flex-grow: 0;
text-align: center;
}
@media (min-width: 46.25em) {
.c-room-rate-picker__footer {
margin-top: 25px;
}
}
.c-room-rate-picker__loader {
max-width: 100px;
width: 100%;
margin: auto;
}
.c-room-rate-picker__price {
font-size: 20px;
margin-bottom: 12px;
}
.c-room-rate-picker__price span {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.c-room-rate-picker__price span:first-child {
display: block;
text-align: center;
margin-bottom: 12px;
}
.c-room-rate-picker__price span.price {
line-height: 1;
font-weight: 700;
margin: 0 6px;
color: #2d2d2d;
}
.c-room-rate-picker__price span.price {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-room-rate-picker__price span.price {
font-size: calc(30px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-room-rate-picker__price span.price {
font-size: 50px;
}
}
.c-room-rate-picker__price span.price del {
color: #1e2126;
}
.c-site-theme--punthill .c-room-rate-picker__price span.price del {
color: #1e2126;
}
.c-site-theme--punthill .c-room-rate-picker__price span.price del + span {
color: #2aa29e;
}
.c-room-rate-picker__price span.price del + span {
color: #ff9346;
position: relative;
top: -5px;
}
.c-room-rate-picker .c-link {
opacity: 0.9;
}
.c-site-theme--veriu .c-room-rate-picker .c-link {
color: #005f30;
border-color: #005f30;
}
.c-site-theme--punthill .c-room-rate-picker .c-link {
color: #f15f22;
border-color: #f15f22;
}
.c-room-rate-picker__submit-button {
display: block;
}
.c-room-rate-picker__submit-button .c-button, .c-room-rate-picker__submit-button input[type=submit],
.c-room-rate-picker__submit-button input[type=button],
.c-room-rate-picker__submit-button input[type=reset], .c-room-rate-picker__submit-button .gform_button {
display: block;
width: 100%;
font-size: 18px;
margin-top: 16px;
}
.c-room-rate-picker__submit-button .c-room-rate-button__price-label {
opacity: 0.9;
position: relative;
top: -3px;
vertical-align: bottom;
}
.c-room-rate-picker__member-button .c-button, .c-room-rate-picker__member-button input[type=submit],
.c-room-rate-picker__member-button input[type=button],
.c-room-rate-picker__member-button input[type=reset], .c-room-rate-picker__member-button .gform_button {
font-size: 14px;
}
.c-room-rate-picker__member-rates {
font-size: 18px;
color: #ff9346;
line-height: 1.2;
}
.c-room-rate-picker__member-rates span {
position: relative;
display: inline-block;
vertical-align: middle;
}
.c-room-rate-picker__member-rates span.underline {
cursor: pointer;
}
.c-room-rate-picker__member-rates span.underline:before {
content: "";
border-bottom: 1px solid #a1a1a1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.c-room-rate-picker__unavailable {
padding: 16.5px 20px;
font-size: 14px;
}
@media (min-width: 46.25em) {
.c-room-rate-picker__unavailable {
padding: 17px 30px;
font-size: 16px;
}
}
.c-site-theme--veriu .c-room-rate-picker__unavailable {
background-color: #e0eae5;
color: #005f30;
}
.c-site-theme--punthill .c-room-rate-picker__unavailable {
background-color: rgba(241, 216, 209, 0.7);
color: #f15f22;
}
.c-room-slider {
margin-bottom: 50px;
}
.c-room-slider__counts {
margin-top: 15px;
font-size: 15px;
color: #a1a1a1;
}
.c-room-slider__counts span {
border-bottom: 1px solid #a1a1a1;
cursor: pointer;
}
.c-room-slider__slider {
display: none;
}
.c-room-slider__slider.flickity-enabled {
display: block;
}
.c-room-slider .flickity-button {
background-color: transparent;
outline: none !important;
box-shadow: none !important;
}
.c-room-slider .flickity-button:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
}
.c-room-slider .flickity-button.previous {
top: calc(100% + 30px);
left: auto;
right: 10px;
}
.c-room-slider .flickity-button.previous:before {
border-left: 2px solid #d2cecd;
border-bottom: 2px solid #d2cecd;
margin-left: 5px;
transform: rotate(45deg);
}
.c-room-slider .flickity-button.next {
top: calc(100% + 30px);
right: -15px;
}
.c-room-slider .flickity-button.next:before {
border-right: 2px solid #d2cecd;
border-bottom: 2px solid #d2cecd;
margin-right: 5px;
transform: rotate(-45deg);
}
.c-room-slider .flickity-button svg {
display: none;
}
.c-room-slider-item {
display: flex;
width: 251px;
background-color: #fff;
overflow: hidden;
margin-right: 15px;
flex-grow: 0;
border-radius: 12px;
}
.c-room-slider-item__thumbnail {
width: 60px;
flex-grow: 0;
flex-shrink: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 110px;
}
.c-room-slider-item__content {
flex-grow: 0;
padding: 12px 14px;
overflow: hidden;
display: flex;
width: 100%;
flex-direction: column;
}
.c-room-slider-item h4 {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
white-space: nowrap;
font-size: 18px;
font-weight: bold;
line-height: 25px;
margin: 0;
flex-grow: 0;
}
.c-room-slider-item__buttons {
display: flex;
flex-grow: 0;
align-items: center;
justify-content: space-between;
}
.c-room-slider-item__buttons a {
flex-grow: 0;
flex-shrink: 1;
}
.c-room-slider-item__price {
font-size: 11px;
}
.c-room-slider-item__price svg {
max-width: 30px;
width: 100%;
}
.c-room-slider-item__price span {
color: #2d2d2d;
font-size: 18px;
}
.c-room-slider-item__center {
flex-grow: 1;
text-align: right;
display: flex;
justify-content: space-between;
align-items: center;
color: #a1a1a1;
}
.c-room-slider-item__specs {
margin-right: 5px;
font-size: 13px;
}
.c-room-slider-item__specs span {
font-size: 8px;
}
.c-room-slider-item__room-link {
border-bottom: 1px solid #1e2126;
margin-right: 5px;
}
.c-room-tile-unavailable {
background: #fcf7f6;
border-radius: 24px;
flex-grow: 1;
display: flex;
justify-content: stretch;
align-items: center;
align-content: center;
padding: 24px;
}
@media (min-width: 64em) {
.c-room-tile-unavailable {
padding: 40px;
}
}
.c-room-tile-unavailable__title {
margin-bottom: 24px;
font-weight: 700;
font-size: 16px;
line-height: 30px;
}
.c-room-tile-unavailable__title svg {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.c-room-tile-unavailable__sub-title {
font-weight: 700;
margin-bottom: 8px;
line-height: 1.5;
}
.c-room-tile-unavailable__sub-title {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.c-room-tile-unavailable__sub-title {
font-size: calc(16px + 4 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-room-tile-unavailable__sub-title {
font-size: 20px;
}
}
@media (min-width: 64em) {
.c-room-tile-unavailable__sub-title {
margin-bottom: 16px;
}
}
.c-site-theme--veriu .c-room-tile-unavailable__title {
color: #005f30;
}
.c-site-theme--veriu .c-room-tile-unavailable__title svg rect {
fill: #005f30;
}
.c-site-theme--veriu .c-room-tile-unavailable__description a {
text-decoration: underline;
color: #005f30;
}
.c-site-theme--punthill .c-room-tile-unavailable__title {
color: #2aa29e;
}
.c-site-theme--punthill .c-room-tile-unavailable__title svg rect {
fill: #2aa29e;
}
.c-site-theme--punthill .c-room-tile-unavailable__description a {
text-decoration: underline;
color: #2aa29e;
}
.c-room-tile-unavailable--overcapacity .c-room-tile-unavailable__title {
color: #ff9346;
}
.c-room-tile-unavailable--overcapacity .c-room-tile-unavailable__title svg rect {
fill: #ff9346;
}
.c-room-tile-unavailable--overcapacity .c-room-tile-unavailable__description a {
color: #ff9346;
}
.c-room-tile {
position: relative;
margin-bottom: 20px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
box-shadow: 0 0 40px 0 rgba(30, 33, 38, 0.1);
}
@media (min-width: 46.25em) {
.c-room-tile {
box-shadow: none;
}
}
@media (min-width: 64em) {
.c-room-tile {
display: flex;
margin-bottom: 30px;
}
}
.c-room-tile:last-child {
margin-bottom: 0;
}
.c-room-tile__left {
background-color: white;
position: relative;
border-radius: 12px;
}
@media (min-width: 64em) {
.c-room-tile__left {
padding: 22px;
margin-right: 13px;
width: calc(66.2661290323% - 13px);
}
}
.c-room-tile__right {
padding: 22px 20px;
background-color: white;
border-radius: 12px;
}
@media (min-width: 64em) {
.c-room-tile__right {
width: 37.3387096774%;
flex-shrink: 0;
padding: 40px 25px;
}
}
@media (min-width: 81.25em) {
.c-room-tile__right {
padding: 40px 33px;
}
}
.c-room-tile__offer-wrapper {
margin-top: 16px;
margin-bottom: 16px;
padding: 0 20px;
}
@media (min-width: 64em) {
.c-room-tile__offer-wrapper--overlay {
position: absolute;
z-index: 20;
right: 18px;
top: 23px;
}
}
.c-room-tile__offer {
display: inline-block;
vertical-align: middle;
border-radius: 3px;
font-size: 14px;
line-height: 14px;
padding: 6px;
user-select: none;
color: #fff;
background-color: #ff9346;
}
@media (min-width: 46.25em) {
.c-room-tile__offer {
padding: 6px;
}
}
.c-site-theme--punthill .c-room-tile__offer {
background-color: #2aa29e;
border-color: #2aa29e;
color: #fff;
}
.c-room-tile__rates-header {
text-align: center;
}
.c-room-tile__rates-header h5 {
line-height: 1.5909090909;
font-weight: 400;
margin-bottom: 5px;
}
.c-room-tile__rates-header h5 {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.c-room-tile__rates-header h5 {
font-size: calc(18px + 4 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-room-tile__rates-header h5 {
font-size: 22px;
}
}
.c-room-tile__rates-header p {
color: #595959;
font-size: 15px;
}
@media (max-width: 46.24em) {
.c-room-tile__rates-header {
display: none;
}
}
.c-room-tile__title {
line-height: 1.1785714286;
font-weight: 700;
margin-bottom: 10px;
color: #2d2d2d;
}
.c-room-tile__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-room-tile__title {
font-size: calc(20px + 8 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-room-tile__title {
font-size: 28px;
}
}
@media (min-width: 46.25em) {
.c-room-tile__title {
padding-right: 25px;
}
}
.c-room-tile__slider-outer {
position: relative;
}
.c-room-tile__label-wrapper {
position: absolute;
bottom: 16px;
left: 16px;
display: flex;
align-items: center;
gap: 16px;
}
.c-room-tile__slider-label {
font-size: 12px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 5px 12px;
text-align: center;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-room-tile__slider-label:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.c-room-tile__slider-popup {
position: absolute;
bottom: 17px;
right: 17px;
z-index: 50;
color: white;
width: 31px;
height: 31px;
line-height: 31px;
text-align: center;
user-select: none;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
cursor: pointer;
}
.c-room-tile__slider-popup:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e803";
}
.c-room-tile__slider-popup:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.c-room-tile__slider {
position: relative;
margin-bottom: 27px;
display: none;
background-color: white;
}
.c-room-tile__slider.flickity-enabled {
display: block;
}
.c-room-tile__slider .flickity-button {
background-color: transparent;
width: 13px;
height: 22px;
padding: 0;
cursor: pointer;
outline: none;
box-shadow: none !important;
}
.c-room-tile__slider .flickity-button svg {
width: 100%;
height: auto;
position: static;
}
.c-room-tile__slider .flickity-button path {
fill: white;
stroke: white;
stroke-width: 12px;
}
.c-room-tile__slider .flickity-button.previous {
left: 18px;
}
.c-room-tile__slider .flickity-button.next {
right: 18px;
}
.c-room-tile__slider-item {
width: 100%;
}
.c-room-tile__slider-item-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #a1a1a1;
}
.c-room-tile__slider-item--type-floorplan .c-room-tile__slider-item-image {
background-color: #000;
background-size: contain;
padding: 20px;
background-origin: content-box;
}
.c-room-tile__slider-item-spacer {
padding-bottom: 45.3407510431%;
}
@media (max-width: 46.24em) {
.c-room-tile__slider-item-spacer {
padding-bottom: 0;
height: 200px;
}
}
@media (max-width: 63.99em) {
.c-room-tile__details {
padding: 0 20px;
}
}
@media (min-width: 64em) {
.c-room-tile__details {
display: flex;
padding: 18px;
}
.c-room-tile__details-left {
width: 50%;
flex-shrink: 0;
flex-grow: 1;
padding-right: 15px;
}
.c-room-tile__details-right {
width: 50%;
flex-shrink: 0;
flex-grow: 1;
}
}
.c-room-tile__description {
max-height: 81px;
line-height: 27px;
color: #595959;
font-size: 16px;
}
@media (min-width: 46.25em) {
.c-room-tile__description {
max-height: 216px;
border-top: 0;
padding-top: 0;
margin-top: 0;
}
}
.c-room-tile__description + .c-expandable-block__read-more span {
font-size: 14px;
}
.c-site-theme--veriu .c-room-tile__description + .c-expandable-block__read-more span {
color: #005f30;
border-bottom: 1px solid #005f30;
}
.c-site-theme--punthill .c-room-tile__description + .c-expandable-block__read-more span {
color: #f15f22;
border-bottom: 1px solid #f15f22;
}
.c-room-tile__rates {
display: flex;
flex-direction: column;
height: 100%;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ddd;
}
@media (min-width: 46.25em) {
.c-room-tile__rates {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.c-room-tile .c-amenities-list {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
}
.c-room-tile .c-amenities-list li {
display: flex;
align-items: center;
margin-right: 16px;
margin-bottom: 8px;
}
.c-room-tile .c-amenities-list div {
position: relative;
}
.c-room-tile .c-amenities-list span {
font-size: 13px;
line-height: 20px;
margin-left: 8px;
margin-top: 3px;
}
.c-room-tile .c-amenities-list-popup {
padding-bottom: 15px;
padding-top: 0;
}
.c-room-tile .c-amenities-list-popup__view-all {
font-size: 14px;
position: relative;
display: inline-block;
bottom: 0;
left: 0;
margin-left: 16px;
}
.c-site-theme--punthill .c-room-tile .c-amenities-list-popup__view-all {
color: #f15f22;
}
.c-room-tile .c-amenities-list-popup__view-all:after {
content: "+";
display: inline-block;
position: absolute;
top: 1px;
left: -16px;
margin-right: 10px;
}
.c-site-theme--punthill .c-room-tile .c-amenities-list-popup__view-all:before {
background-color: #f15f22;
}
.c-room-tile .c-amenities-popup .c-amenities-list li {
align-items: flex-start;
}
.c-room-tile--hidden {
opacity: 0;
transform: translateY(30px);
}
.c-room-tile--small {
background-color: white;
}
@media (max-width: 46.24em) {
.c-room-tile--small {
margin-bottom: 30px !important;
}
}
.c-room-tile--small .c-room-tile__left {
padding: 0;
margin-right: 0;
width: 100%;
}
.c-room-tile--small .c-room-tile__left .c-button, .c-room-tile--small .c-room-tile__left input[type=submit],
.c-room-tile--small .c-room-tile__left input[type=button],
.c-room-tile--small .c-room-tile__left input[type=reset], .c-room-tile--small .c-room-tile__left .gform_button {
padding: 0.8rem 1rem;
}
.c-room-tile--small .c-room-tile__details {
display: block;
padding: 22px;
}
.c-room-tile--small .c-room-tile__details .c-button, .c-room-tile--small .c-room-tile__details input[type=submit],
.c-room-tile--small .c-room-tile__details input[type=button],
.c-room-tile--small .c-room-tile__details input[type=reset], .c-room-tile--small .c-room-tile__details .gform_button {
margin-top: 25px;
font-size: 16px;
}
.c-room-tile--small .c-room-tile__details .c-amenities-list {
opacity: 0.6;
}
.c-room-tile--small .c-room-tile__details .c-small-tags {
margin-bottom: 20px;
}
.c-room-tile--small .c-room-tile__slider {
margin-bottom: 0;
}
.c-room-tile--small .c-room-tile__slider-item-spacer {
padding-bottom: 65.963060686%;
}
.c-room-tile--small .c-room-tile__price {
margin-top: 25px;
}
.c-room-tile--small .c-room-tile__price span.label {
width: 65px;
font-size: 13px;
line-height: 16px;
}
.c-room-tile--small .c-room-tile__price span.price {
font-size: 35px;
line-height: 35px;
margin-left: 5px;
}
.c-room-tile--small .c-room-tile__price span.suffix {
font-size: 16px;
}
.c-room-tile--small .c-room-tile__title {
line-height: 1.2272727273;
}
.c-room-tile--small .c-room-tile__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-room-tile--small .c-room-tile__title {
font-size: calc(20px + 2 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-room-tile--small .c-room-tile__title {
font-size: 22px;
}
}
.c-room-tile--size-large .c-small-tags {
margin-bottom: 0;
}
.c-room-tile--size-large .c-small-tags li {
min-height: 32px;
line-height: 20px;
}
@media (max-width: 63.99em) {
.c-room-tile--size-large {
margin-left: -15px;
width: calc(100% + 30px);
}
.c-room-tile--size-large .c-small-tags {
margin-bottom: 5px;
}
.c-room-tile--size-large .c-room-tile__slider {
margin-bottom: 20px;
}
.c-room-tile--size-large .c-room-tile__title {
font-size: 32px;
margin-bottom: 10px;
}
}
@media (max-width: 46.24em) {
.c-room-tile--size-large .c-room-tile__title {
font-size: 25px;
}
}
.c-room-tile--size-large .c-amenities-list-popup {
border-top: 0;
margin-bottom: 0;
}
.c-room-tile--size-large .c-amenities-list-popup .c-amenities-list img {
max-width: 20px;
}
.c-rooms-panel {
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
padding-bottom: 25px;
}
@media (min-width: 46.25em) {
.c-rooms-panel {
padding-bottom: 60px;
margin-bottom: 0;
border-bottom: 0;
}
}
.c-rooms-panel__loader {
max-width: 100px;
margin: auto;
}
.c-rooms-panel__loader svg {
width: 100%;
}
.c-rooms-panel__header {
border-top: 1px solid #ddd;
margin-bottom: 20px;
padding: 0 15px;
padding-top: 25px;
margin-left: -15px;
margin-right: -15px;
}
.c-rooms-panel__header h4 {
margin-bottom: 0;
}
@media (min-width: 46.25em) {
.c-rooms-panel__header {
display: none;
}
}
.c-rooms-panel__header-right {
color: #a1a1a1;
text-align: right;
}
body button.c-clear-search-field {
position: absolute;
width: 17px;
cursor: pointer;
background-color: transparent !important;
border: 0;
height: 17px;
top: 50%;
right: 24px;
transform: translateY(-50%);
outline: none !important;
cursor: pointer;
font-size: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
body button.c-clear-search-field:before, body button.c-clear-search-field:after {
position: absolute;
left: 6px;
top: 0;
content: " ";
height: 17px;
width: 2px;
background-color: white;
}
body button.c-clear-search-field:before {
transform: rotate(45deg);
}
body button.c-clear-search-field:after {
transform: rotate(-45deg);
}
body button.c-clear-search-field.c-clear-search-field--hide {
visibility: hidden;
opacity: 0;
}
.c-corporate-code-bottom-message {
text-align: center;
max-width: 342px;
margin: auto;
margin-bottom: 80px;
}
.c-corporate-code-bottom-message img {
margin-bottom: 8px;
}
.c-corporate-code-bottom-message h3 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
}
.c-corporate-code-bottom-message .c-button, .c-corporate-code-bottom-message input[type=submit],
.c-corporate-code-bottom-message input[type=button],
.c-corporate-code-bottom-message input[type=reset], .c-corporate-code-bottom-message .gform_button {
background-color: transparent;
}
.c-corporate-code-bottom-message .o-type--wysiwyg a {
text-decoration: underline;
}
.c-corporate-code-bottom-message__footer {
max-width: 297px;
margin: auto;
}
.c-corporate-code-tag {
color: var(--brand-theme-color);
padding: 4px 12px;
border-radius: 100px;
background-color: var(--brand-theme-light-color);
display: inline-flex;
font-size: 15px;
line-height: 24px;
align-items: center;
gap: 8px;
}
.c-corporate-code-top-message {
border: 1px solid #E3E3E3;
background: #FFF;
}
.c-corporate-code-top-message__sub-title {
display: hidden;
gap: 4px;
align-items: center;
color: var(--brand-theme-color);
font-size: 16px;
line-height: 1;
}
@media (min-width: 1024px) {
.c-corporate-code-top-message__sub-title {
display: flex;
}
}
.c-corporate-code-top-message h3 {
max-width: 429px;
font-size: 22px;
font-weight: 400;
margin-bottom: 0px;
line-height: 1.4;
color: #2d2d2d;
}
.c-corporate-code-top-message a {
text-decoration: underline;
color: #a1a1a1;
}
.c-corporate-code-top-message__header {
cursor: pointer;
gap: 8px;
align-items: center;
color: var(--brand-theme-color);
font-size: 16px;
line-height: 1;
display: flex;
}
.c-corporate-toggle-button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 4px 12px;
font-size: 15px;
line-height: 24px;
color: #2d2d2d;
background-color: #f1d8d1;
border-radius: 4px;
border: none;
cursor: pointer;
white-space: nowrap;
transition: all ease-in-out 300ms;
}
.c-corporate-toggle-button:hover {
background-color: var(--brand-theme-color);
color: white;
}
.c-corporate-added-button {
border-radius: 200px;
background-color: #f2f7F5;
display: inline-flex;
align-items: center;
border: 0px;
gap: 8px;
padding: 4px 12px;
font-size: 15px;
cursor: pointer;
line-height: 24px;
white-space: nowrap;
color: var(--brand-theme-color);
}
.c-corporate-field-bar__link {
opacity: 0.5;
color: white;
transition: all ease-in-out 300ms;
}
.c-corporate-field-bar__link.dark {
color: #2d2d2d;
}
.c-corporate-field-bar__link:hover {
opacity: 1;
}
.c-corporate-field-bar-popup {
background-color: white;
border-radius: 8px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 600;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
width: 280px;
}
@media (min-width: 1024px) {
.c-corporate-field-bar-popup {
top: 50%;
width: 311px;
left: 50%;
transform: translate(-50%, -50%);
}
}
.c-corporate-field-bar-popup.top-bar {
top: 0px;
transform: translateX(-50%);
}
.c-corporate-field-bar-popup h4 {
font-size: 18px;
line-height: 27px;
color: #2d2d2d;
margin: 0;
}
.c-corporate-field-bar-popup__close-button {
background-color: transparent;
padding: 0px;
cursor: pointer;
border: 0px;
}
.c-corporate-field-bar-popup__input-wrapper {
display: flex;
align-items: center;
gap: 10px;
}
.c-corporate-field-bar-popup__input-wrapper input {
height: 49px;
padding: 10px;
flex-grow: 1;
}
.c-corporate-field-bar-popup__input-wrapper .c-button, .c-corporate-field-bar-popup__input-wrapper input[type=submit],
.c-corporate-field-bar-popup__input-wrapper input[type=button],
.c-corporate-field-bar-popup__input-wrapper input[type=reset], .c-corporate-field-bar-popup__input-wrapper .gform_button {
height: 49px;
width: 88px;
flex-shrink: 0;
min-width: 0px !important;
}
.c-corporate-field-bar-popup__input-wrapper.mobile {
max-width: 279px;
margin: auto;
}
.c-corporate-field-bar-popup__input-wrapper.mobile input {
background-color: white;
}
.c-mobile-date-picker-header {
display: flex;
margin-top: -40px;
margin-left: -25px;
margin-right: -25px;
margin-bottom: 20px;
}
.c-mobile-date-picker-header__col {
width: 50%;
padding: 20px;
}
.c-mobile-date-picker-header__date {
font-size: 20px;
}
.c-site-theme--veriu .c-mobile-date-picker-header {
background-color: #005f30;
color: white;
}
.c-site-theme--punthill .c-mobile-date-picker-header {
background-color: #f15f22;
color: white;
}
.c-location-panel__field-block {
background-color: white;
}
.c-location-panel__field-block input[type=text] {
border-top: 0;
border-bottom: 1px solid #f0f0f0;
height: 70px;
line-height: 70px;
}
.c-mobile-search-bar {
display: flex;
align-items: center;
padding: 8px 0;
cursor: pointer;
}
.c-mobile-search-bar__column {
flex: 1 1 auto;
border-right: 1px solid #e3e3e3;
padding: 0 13px;
font-size: 14px;
line-height: 15px;
}
.c-mobile-search-bar__column:first-child {
flex: 1 1 45%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.c-mobile-search-bar__line-1 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.c-mobile-search-bar__line-2 {
font-size: 11px;
font-weight: 300;
color: #a1a1a1;
}
.c-mobile-search-bar__button {
border-right: 0;
flex: 0 1 auto;
width: 65px;
text-align: center;
white-space: nowrap;
}
.c-site-theme--veriu .c-mobile-search-bar__button a {
color: #005f30;
}
.c-site-theme--punthill .c-mobile-search-bar__button a {
color: #f15f22;
}
.c-mobile-search-bar__corporate-code {
position: absolute;
top: -40px;
left: 86px;
}
.c-mobile-search-bar__corporate-code .c-corporate-toggle-button {
padding: 4px 16px;
font-size: 12px;
line-height: 1;
}
.c-mobile-search-bar__corporate-code .c-corporate-added-button {
padding: 4px 8px;
font-size: 12px;
line-height: 1;
gap: 2px;
margin-top: 3px;
}
.c-mobile-search-bar__corporate-code .c-corporate-added-button svg {
width: 15px;
height: 16px;
}
.c-mobile-search-panel {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4000;
background-color: #fcf7f6;
transform: translateX(100%);
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 61.25em) {
body.admin-bar .c-mobile-search-panel {
top: 32px;
}
}
.c-mobile-search-panel__header {
position: relative;
background-color: white;
font-size: 13px;
user-select: none;
text-align: center;
padding: 16px 20px;
border-bottom: 1px solid #f0f0f0;
}
.c-mobile-search-panel__header a {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 10px;
transform: translateY(-50%);
background-image: url("../images/mobile-arrow.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
cursor: pointer;
}
.c-mobile-search-panel__body {
padding: 40px 25px;
overflow-y: auto;
height: calc(100% - 57px);
}
.c-mobile-search-panel__button {
position: relative;
padding: 20px;
padding-top: 0;
z-index: 10;
}
.c-mobile-search-panel__button:before {
content: "";
height: 60px;
position: absolute;
pointer-events: none;
bottom: 100%;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(252, 247, 246, 0) 0%, #fcf7f6 100%);
}
.c-mobile-search-panel--has-button .c-mobile-search-panel__body {
height: calc(100% - 137px);
}
.c-mobile-search-panel--layout-list .c-mobile-search-panel__body {
padding: 0;
}
.c-mobile-search-panel--open {
transform: translateX(0%);
}
.c-mobile-search {
background-color: #fcf7f6;
z-index: 2000;
}
.c-mobile-search__rooms-fields {
border-radius: 4px;
overflow: hidden;
margin-bottom: 33px;
}
.c-overview-panel-dates {
display: flex;
background-color: #fff;
border-radius: 4px;
margin-bottom: 25px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.c-overview-panel-dates__label {
font-size: 18px;
line-height: 27px;
}
.c-overview-panel-dates__date {
font-size: 13px;
line-height: 15px;
color: #a1a1a1;
}
.c-overview-panel-dates__date-col {
display: flex;
position: relative;
width: 50%;
padding: 14px 10px;
align-items: center;
justify-content: center;
}
.c-overview-panel-dates__date-col:first-child:after {
content: "";
height: 29px;
width: 1px;
background-color: #a1a1a1;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.c-overview-panel-location {
background-color: white;
height: 70px;
border-radius: 4px;
line-height: 70px;
padding-left: 70px;
padding-right: 20px;
margin-bottom: 25px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
background-image: url(../images/icons/icon-search.svg);
background-repeat: no-repeat;
background-position: left 25px center;
}
.c-overview-panel-location--placeholder {
color: #a1a1a1;
}
.c-search-advanced-field {
display: none;
}
.c-search-advanced-field__header a {
cursor: pointer;
}
.c-search-form--compact .c-search-advanced-field__header {
opacity: 0.5;
}
.c-search-form--compact .c-search-advanced-field__header a {
color: white;
}
.c-search-advanced-field__checkboxes {
padding-bottom: 30px;
background-color: white;
}
@media (min-width: 46.25em) {
.c-search-form--wide .c-search-advanced-field__checkboxes {
columns: 2;
}
}
@media (min-width: 81.25em) {
.c-search-form--wide .c-search-advanced-field__checkboxes {
columns: 3;
}
}
.c-search-advanced-field__checkbox {
margin-bottom: 10px;
}
.c-search-advanced-field__checkbox input {
width: 20px;
opacity: 0;
height: 20px;
border: 1px solid #cdcdcd;
display: inline-block;
vertical-align: middle;
}
.c-search-advanced-field__checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
padding-left: 20px;
line-height: 29px;
user-select: none;
cursor: pointer;
}
.c-search-advanced-field__checkbox label:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
content: "";
border: 1px solid #cdcdcd;
margin-left: -44px;
margin-right: 22px;
top: -1px;
}
.c-search-advanced-field__checkbox label:after {
position: absolute;
top: 10px;
left: -19px;
content: "";
display: inline-block;
height: 7px;
width: 12px;
border-left: 2px solid #005f30;
border-bottom: 2px solid #005f30;
opacity: 0;
transform: rotate(-45deg) scale(0);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;
}
.c-search-advanced-field__checkbox input:checked + label:after {
opacity: 1;
transform: rotate(-45deg) scale(1);
}
.c-search-compendium {
background-color: #fcf7f6;
padding-top: 40px;
}
@media (min-width: 64em) {
.c-search-compendium {
padding-top: 80px;
}
}
.c-search-compendium__banner {
max-width: 875px;
margin: auto;
}
.c-search-compendium__banner h1 {
text-align: center;
}
.c-search-compendium__result-count {
padding-top: 40px;
text-align: center;
}
@media (min-width: 46.25em) {
.c-search-form-compendium {
display: flex;
}
}
.c-search-form-compendium__input {
position: relative;
border: 1px solid white;
background-color: white;
border-radius: 6px;
color: #000;
flex-grow: 1;
display: flex;
align-items: center;
overflow: hidden;
}
@media (min-width: 46.25em) {
.c-search-form-compendium__input {
margin-right: 16px;
}
}
.c-search-form-compendium__input:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e801";
margin: 0;
font-size: 20px;
margin-left: 24px;
margin-right: 16px;
color: #1e2126;
}
.c-search-form-compendium__input input {
font-weight: 400;
font-size: 16px;
border: 0 !important;
color: #000;
padding: 16px;
background-color: transparent;
text-overflow: ellipsis;
}
.c-search-form-compendium__input input::-webkit-input-placeholder { /* Edge */
opacity: 1;
color: #000;
}
.c-search-form-compendium__input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
opacity: 1;
color: #000;
}
.c-search-form-compendium__input input::placeholder {
opacity: 1;
color: #000;
}
.c-search-form-compendium__clear {
position: absolute;
width: 17px;
cursor: pointer;
background-color: transparent !important;
border: 0;
height: 17px;
top: 50%;
right: 24px;
transform: translateY(-50%);
outline: none !important;
cursor: pointer;
}
.c-search-form-compendium .c-button, .c-search-form-compendium input[type=submit],
.c-search-form-compendium input[type=button],
.c-search-form-compendium input[type=reset], .c-search-form-compendium .gform_button {
font-size: 16px;
width: 100%;
margin-top: 16px;
background-color: #005f30;
color: #fff;
}
.c-site-theme--punthill .c-search-form-compendium .c-button, .c-site-theme--punthill .c-search-form-compendium input[type=submit],
.c-site-theme--punthill .c-search-form-compendium input[type=button],
.c-site-theme--punthill .c-search-form-compendium input[type=reset], .c-site-theme--punthill .c-search-form-compendium .gform_button {
background-color: #f15f22;
}
@media (min-width: 46.25em) {
.c-search-form-compendium .c-button, .c-search-form-compendium input[type=submit],
.c-search-form-compendium input[type=button],
.c-search-form-compendium input[type=reset], .c-search-form-compendium .gform_button {
width: auto;
margin-top: 0;
}
}
.c-search-form-holder {
min-height: 46px;
}
@media (min-width: 64em) {
.c-search-form-holder {
min-height: 72px;
}
}
.c-search-form-label {
display: flex;
align-items: center;
line-height: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
padding-left: 60px;
padding-right: 10px;
user-select: none;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-search-form-label > div {
max-width: 100%;
}
.c-search-form-label__large {
font-size: 15px;
line-height: 1.2;
color: #1e2126;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.c-search-form-label__small {
font-size: 13px;
color: #a1a1a1;
}
.c-search-form-label__column {
display: flex;
height: 100%;
align-items: center;
width: 50%;
padding: 0 38px;
}
.c-search-form-label__column:first-child {
border-right: 1px solid #e3e3e3;
}
.c-search-form-label--dropdown {
background-image: url("../images/icons/icon-arrow-small.svg");
background-repeat: no-repeat;
background-position: right 15px center;
padding-left: 18px;
}
.c-search-form-label--hide {
opacity: 0;
visibility: hidden;
}
.c-search-form-label--split {
padding-left: 0;
}
.c-search-form--compact .c-search-form-label__large {
font-size: 18px;
}
.c-search-form__boxes {
display: flex;
width: 100%;
}
.c-search-form__boxes:after {
display: block;
content: "";
clear: both;
}
.c-search-form__box {
flex-grow: 1;
display: flex;
align-items: center;
width: 100%;
}
.c-search-form__box:last-child {
border-right: 0;
}
.c-search-form__field {
padding: 0 35px;
width: 100%;
height: 100%;
}
.c-search-form__field--location {
background-image: url("../images/icons/icon-search.svg");
background-repeat: no-repeat;
background-position: left 15px center;
padding-left: 60px;
}
.c-search-form__field--location input {
height: 72px;
border: 0 !important;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.c-search-form__field.c-date-picker {
padding: 0;
}
.c-search-form__field--button {
padding: 10px 16px;
height: 100%;
display: flex;
justify-content: center;
}
.c-search-form__field-inner {
position: relative;
height: 100%;
width: 100%;
}
.c-search-form__loader {
position: absolute;
pointer-events: none;
top: 50%;
width: 30px;
height: 30px;
right: 20px;
margin-top: -1px;
transform: translateY(-50%);
opacity: 0;
background-image: url("../images/loader-white.svg");
background-repeat: no-repeat;
background-size: contain;
}
.c-search-form__loader.c-search-form__loader--show {
opacity: 1;
}
.c-search-form--fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1900;
transform: translateY(-100%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (max-width: 46.24em) {
.c-search-form--fixed {
box-shadow: 0 3px 5px -2px rgba(30, 33, 38, 0.15);
}
}
.c-search-form--fixed.show {
transform: translateY(0);
}
.c-search-form--fixed .c-search-form-holder {
min-height: 0;
}
.c-search-form--stuck {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
transform: translateY(-100%);
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
box-shadow: 0 3px 5px -2px rgba(30, 33, 38, 0.15);
}
@media (min-width: 46.25em) {
.c-search-form--stuck {
transform: none;
}
}
.c-search-form--stuck.show {
transform: translateY(0);
}
@media (max-width: 46.24em) {
body.scroll-lock .c-search-form--stuck.show {
transform: translateY(-100%);
}
}
@media (min-width: 61.25em) {
.admin-bar .c-search-form--stuck {
top: 32px;
}
}
@media (min-width: 46.25em) {
.c-search-form.off-screen {
transform: translateY(-105%) !important;
}
}
.c-search-form--compact {
position: relative;
max-width: 562px;
}
.c-search-form--compact .c-date-picker__calendar {
max-width: 560px;
}
.c-search-form--compact .c-search-form__boxes {
flex-wrap: wrap;
}
.c-search-form--compact .c-search-form__field {
height: 50px;
padding: 0;
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__field {
height: 66px;
}
}
.c-search-form--compact .c-search-form__field--location {
position: relative;
}
.c-search-form--compact .c-search-form__field--location .c-search-dropdown {
height: 100%;
}
.c-search-form--compact .c-search-form__field--location .c-search-form-label {
position: absolute !important;
top: 0;
left: 0;
}
.c-search-form--compact .c-search-form__field--location input {
padding-left: 60px;
}
.c-search-form--compact .c-search-form__field--date-to .c-date-picker__calendar:before {
left: 160px;
}
.c-search-form--compact .c-search-form__box {
display: block;
margin-bottom: 5px;
background-color: white;
border-radius: 4px;
width: 100%;
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__box {
display: flex;
margin-bottom: 10px;
float: left;
width: 33.231316726%;
}
}
.c-search-form--compact .c-search-form__box--wide {
flex-grow: 0;
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__box--wide {
width: 100%;
margin-right: 0;
}
}
.c-search-form--compact .c-search-form__box .c-search-form-label {
position: relative;
z-index: 500;
height: 100%;
}
.c-search-form--compact .c-search-form__box .c-search-form-label--dropdown {
padding-left: 20px;
}
@media (max-width: 46.24em) {
.c-search-form--compact .c-search-form__box .c-search-form-label--floating {
padding-left: 55px;
}
}
@media (max-width: 46.24em) {
.c-search-form--compact .c-search-form__box .c-search-form__field--location {
background-position: left 11px center;
}
}
.c-search-form--compact .c-search-form__box .c-date-picker__calendar {
width: 100%;
}
.c-search-form--compact .c-search-form__box--button {
z-index: 400;
background-color: transparent;
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__box--button {
width: 23.9655172414%;
margin-left: 9px;
}
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__box--button .c-button, .c-search-form--compact .c-search-form__box--button input[type=submit],
.c-search-form--compact .c-search-form__box--button input[type=button],
.c-search-form--compact .c-search-form__box--button input[type=reset], .c-search-form--compact .c-search-form__box--button .gform_button {
min-width: 0;
font-size: 16px;
line-height: 26px;
padding: 1.32rem 1rem;
height: 66px;
}
}
.c-search-form--compact .c-search-form__box--rooms {
position: relative;
width: 22.5%;
}
.c-search-form--compact .c-search-form__box--rooms .c-search-form-label__large {
font-size: 16px;
}
@media (max-width: 46.24em) {
.c-search-form--compact .c-search-form__box--rooms {
background-image: url("../images/icons/icon-adults.svg");
background-repeat: no-repeat;
background-position: left 11px center;
}
.c-search-form--compact .c-search-form__box--rooms .c-search-form-label {
padding-left: 50px;
}
}
.c-search-form--compact .c-search-form__box--date-picker {
display: flex;
height: 50px;
}
@media (min-width: 46.25em) {
.c-search-form--compact .c-search-form__box--date-picker {
height: 66px;
width: 50%;
margin-right: 9px;
}
}
.c-search-form--compact .c-search-form__box--date-picker .c-search-form-label--dropdown {
background: none;
}
@media (max-width: 46.24em) {
.c-search-form--compact .c-search-form__box--date-picker .c-search-form-label--dropdown {
padding-left: 55px;
}
}
.c-search-form--compact .c-search-form__box--date-picker .c-search-form-label__large {
font-weight: 500;
font-size: 16px;
}
@media (max-width: 46.24em) {
.c-search-form--compact .c-search-form__box--date-picker .c-search-form__field {
width: 50%;
}
.c-search-form--compact .c-search-form__box--date-picker .c-search-form__field:first-child {
background-image: url("../images/icons/icon-calender.svg");
background-repeat: no-repeat;
background-position: left 11px center;
}
}
.c-search-form--compact .c-search-form__box--date-picker .c-search-form__field:last-child .c-search-form-label {
padding-left: 20px;
}
.c-search-form--compact .c-search-form__box--date-picker .c-search-form__field:last-child .c-search-form-label:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: "";
display: block;
height: 40px;
width: 1px;
border-right: 1px solid #ddd;
}
.c-search-form--compact .c-search-form__field--button {
padding: 0;
}
.c-search-form--wide {
background-color: white;
}
.c-search-form--wide .c-date-picker__calendar {
top: calc(100% + 10px);
max-width: none;
width: 400%;
}
@media (min-width: 81.25em) {
.c-search-form--wide .c-date-picker__calendar {
width: 300%;
}
}
@media (min-width: 87.5em) {
.c-search-form--wide .c-date-picker__calendar {
width: 200%;
}
}
@media (min-width: 61.25em) {
body.admin-bar .c-search-form--wide {
top: 32px;
}
}
.c-search-form--wide .c-search-form__box {
width: 19%;
max-width: 300px;
border-right: 1px solid #e3e3e3;
}
@media (min-width: 75em) {
.c-search-form--wide .c-search-form__box {
width: 15%;
}
}
@media (min-width: 93.75em) {
.c-search-form--wide .c-search-form__box {
width: 12.5%;
}
}
.c-search-form--wide .c-search-form__box:last-child {
border-right: 0;
}
.c-search-form--wide .c-search-form__box .c-date-picker__calendar {
border-radius: 6px;
}
@media (max-width: 75em) {
.c-search-form--wide .c-search-form__box .c-search-form-label--dropdown {
background-image: none;
}
}
.c-search-form--wide .c-search-form__box--wide {
flex-grow: 1;
max-width: none;
width: 35%;
}
@media (min-width: 75em) {
.c-search-form--wide .c-search-form__box--wide {
width: 40%;
}
}
@media (min-width: 93.75em) {
.c-search-form--wide .c-search-form__box--wide {
width: 50%;
}
}
.c-search-form--wide .c-search-form__box--date {
flex-grow: 0;
width: 12.5%;
}
.c-search-form--wide .c-search-form__box .c-search-form__field--date-to .c-date-picker__calendar {
left: -100%;
}
.c-search-form--wide .c-search-form__box .c-search-form__field--date-to .c-date-picker__calendar:before {
left: 18vw;
}
@media (min-width: 75em) {
.c-search-form--wide .c-search-form__box .c-search-form__field--date-to .c-date-picker__calendar:before {
left: calc(15vw + 15px);
}
}
@media (min-width: 93.75em) {
.c-search-form--wide .c-search-form__box .c-search-form__field--date-to .c-date-picker__calendar:before {
left: calc(12vw + 15px);
}
}
.c-search-form--wide .c-search-form__box--rooms .c-room-picker-field {
width: 100%;
}
.c-search-form--wide .c-search-form__box--rooms .c-room-picker-field__fields {
width: 100%;
}
@media (min-width: 81.25em) {
.c-search-form--wide .c-search-form__box--rooms .c-room-picker-field__fields {
padding: 0 20px;
}
}
@media (min-width: 81.25em) {
.c-search-form--wide .c-search-form__box--rooms .c-room-picker-field__type span {
padding: 20px;
}
}
.c-search-form--wide .c-search-form__box--rooms .c-count-field {
padding-top: 26px;
padding-bottom: 27px;
}
.c-search-form--wide .c-search-form__box--button {
flex-grow: 0;
}
.c-search-form--wide .c-search-form__box--button .c-button, .c-search-form--wide .c-search-form__box--button input[type=submit],
.c-search-form--wide .c-search-form__box--button input[type=button],
.c-search-form--wide .c-search-form__box--button input[type=reset], .c-search-form--wide .c-search-form__box--button .gform_button {
font-size: 16px;
color: white;
padding: 0.75rem 0.5rem;
min-width: 0;
}
.c-search-form--wide .c-search-form__field {
position: relative;
z-index: 500;
}
.c-search-form--wide .c-search-form__field--location {
background-color: white !important;
}
.c-search-form__click-catcher {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 499;
display: none;
}
.c-search-form__click-catcher--show {
display: block;
}
.c-search-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 6000;
opacity: 0;
visibility: hidden;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-search-popup.show {
opacity: 1;
visibility: visible;
}
.c-search-popup__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
background-color: rgba(2, 2, 2, 0.4);
}
.c-search-popup__dialog {
position: relative;
z-index: 5;
background-color: #fcf7f6;
padding: 80px 0;
color: white;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 64em) {
.c-search-popup__dialog {
padding: 120px 0;
}
}
.c-search-popup__dialog-inner {
max-width: calc(846px + 48px);
margin: auto;
padding: 0 24px;
}
@media (min-width: 46.25em) {
.c-search-popup__dialog-inner {
padding: 0 48px;
max-width: calc(846px + 96px);
}
}
.c-search-popup__close-wrapper {
position: absolute;
right: 24px;
top: 24px;
cursor: pointer;
}
.c-search-popup__close-wrapper:before {
display: inline-block;
vertical-align: middle;
content: "Close";
font-size: 16px;
margin-right: 8px;
color: #1e2126;
}
.c-search-popup__close {
position: relative;
display: inline-block;
vertical-align: middle;
margin-bottom: -5px;
width: 23px;
cursor: pointer;
height: 23px;
background-color: transparent;
border: 0;
padding: 0;
font-size: 0;
color: #1e2126;
}
.c-search-popup__close:before, .c-search-popup__close:after {
position: absolute;
right: 10px;
content: " ";
height: 20px;
top: 0;
width: 2px;
background-color: #1e2126;
}
.c-search-popup__close:before {
transform: rotate(45deg);
}
.c-search-popup__close:after {
transform: rotate(-45deg);
}
.c-search-popup .c-featured-topics {
border: 0;
padding-bottom: 0;
padding-top: 40px;
}
@media (min-width: 46.25em) {
.c-search-popup .c-featured-topics {
padding-top: 64px;
}
}
.c-search-popup .c-featured-topics h4 {
font-size: 20px;
font-weight: 400;
font-family: "CircularStd", "Arial", sans-serif;
letter-spacing: 0;
}
@media (max-width: 46.24em) {
.c-search-popup .c-featured-topics h4 {
margin-bottom: 24px;
font-size: 16px;
}
}
.c-search-popup .c-featured-topics .o-wrapper {
max-width: 100%;
padding: 0 !important;
}
@media (min-width: 64em) {
.c-search-popup .c-featured-topics__list {
max-width: 437px;
margin-left: auto;
}
}
.c-search-popup .c-featured-topics__list a {
display: inline-block;
vertical-align: middle;
color: #1e2126;
margin-bottom: 8px;
margin-right: 8px;
border: 1px solid #1e2126;
border-radius: 25px;
font-size: 14px;
padding: 4px 16px;
}
.c-featured-special {
color: white;
padding-bottom: 4.3rem;
}
@media (max-width: 46.24em) {
.c-featured-special {
padding-top: 0;
}
.c-featured-special .o-wrapper {
padding: 0;
}
}
@media (min-width: 64em) {
.c-featured-special {
padding-bottom: 6.4286rem;
}
}
.c-featured-special__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 499px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 40px;
}
@media (min-width: 46.25em) {
.c-featured-special__inner {
padding: 57px 52px;
padding-left: 60px;
}
}
.c-featured-special__inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.c-featured-special__upper {
position: relative;
z-index: 3;
}
.c-featured-special__upper h2 {
font-size: 40px;
font-weight: 500;
line-height: 55px;
margin-bottom: 20px;
}
.c-featured-special__lower {
position: relative;
z-index: 3;
margin-top: 40px;
}
.c-featured-special .c-special-tile__hotel-list-footer {
max-width: 300px;
text-align: left;
}
.c-featured-special .c-special-tile__hotel-list {
max-width: 300px;
}
.c-featured-special .c-special-tile__hotel-list a {
width: auto;
color: white !important;
background-color: rgba(241, 216, 209, 0.3);
}
@media (min-width: 46.25em) {
.c-featured-special .c-special-tile__hotel-list a {
margin-right: 20px;
}
}
.c-featured-special .c-special-tile__tags.mobile {
margin-bottom: 20px;
}
.c-featured-special .c-special-tile__tags.mobile span,
.c-featured-special .c-special-tile__tags.mobile a {
font-size: 13px;
margin-right: 4px;
padding: 2px 8px;
}
.c-featured-special .c-special-tile__tags.desktop span {
margin-right: 0;
margin-left: 2px;
}
.c-featured-special .c-button, .c-featured-special input[type=submit],
.c-featured-special input[type=button],
.c-featured-special input[type=reset], .c-featured-special .gform_button {
min-width: 160px;
font-size: 16px;
margin-top: 20px;
}
@media (max-width: 46.24em) {
.c-single-special__upper {
padding-top: 0;
}
}
.c-single-special__sub-title {
font-weight: 400;
font-size: 18px;
margin-bottom: 25px;
}
.c-site-theme--veriu .c-single-special__sub-title {
color: #005f30;
}
.c-site-theme--punthill .c-single-special__sub-title {
color: #f15f22;
}
.c-single-special__title {
font-weight: 500;
margin-bottom: 35px;
line-height: 1;
}
.c-single-special__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-single-special__title {
font-size: calc(30px + 20 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-single-special__title {
font-size: 50px;
}
}
.c-site-theme--veriu .c-single-special__title {
color: #005f30;
}
.c-site-theme--punthill .c-single-special__title {
color: #f15f22;
}
.c-single-special__description {
margin-bottom: 20px;
}
.c-single-special__description .o-type--wysiwyg a {
text-decoration: underline;
}
.c-single-special__terms-link {
margin-bottom: 20px;
}
.c-single-special__terms-link a {
text-decoration: underline;
}
.c-single-special__content .c-special-tile__tags {
margin-bottom: 25px;
}
.c-single-special__content .c-special-tile__tags li span {
margin-right: 5px;
}
.c-single-special .c-simple-hotels-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 46.25em) {
.c-single-special .c-simple-hotels-block {
justify-content: flex-start;
}
}
@media (min-width: 46.25em) and (max-width: 63.99em) {
.c-single-special .c-simple-hotels-block .c-simple-hotels-block-item {
width: calc(50% - 45px);
margin-right: 45px;
}
.c-single-special .c-simple-hotels-block .c-simple-hotels-block-item:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 64em) and (max-width: 81.24em) {
.c-single-special .c-simple-hotels-block .c-simple-hotels-block-item {
width: calc(33.3333333333% - 45px);
margin-right: 45px;
}
.c-single-special .c-simple-hotels-block .c-simple-hotels-block-item:nth-child(3n) {
margin-right: 0;
}
}
.c-single-special__terms-conditions {
padding: 30px 20px;
margin-top: -30px;
}
@media (min-width: 46.25em) {
.c-single-special__terms-conditions {
padding: 60px;
}
}
.c-single-special__terms-conditions p {
color: #a1a1a1;
}
.c-single-special__form {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.c-single-special__form svg {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.c-single-special__form .select--white-arrow {
background-color: #fff;
font-size: 20px;
border: 0;
height: 54px;
border-radius: 32px;
padding: 0 26px;
background-image: url("../images/icon-arrow-down.svg");
background-position: right 30px center;
max-width: 295px;
}
.c-single-special__form.loading svg {
opacity: 1;
}
.c-single-special__pricing {
display: flex;
margin-bottom: 20px;
}
.c-single-special__pricing-block {
font-size: 16px;
padding-right: 10px;
min-width: 50%;
}
.c-single-special__pricing-block label {
display: block;
color: #a1a1a1;
margin-bottom: 5px;
}
.c-single-special__image {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: -25px;
margin-right: -25px;
margin-bottom: 35px;
}
@media (min-width: 46.25em) {
.c-single-special__image {
max-width: 624px;
margin: 0;
}
}
.c-single-special__image:before {
display: block;
content: "";
padding-bottom: 70.1333333333%;
}
@media (min-width: 46.25em) {
.c-single-special__image:before {
padding-bottom: 112.5%;
}
}
.c-single-special__image .c-special-tile__tags {
position: absolute;
bottom: 40px;
left: 25px;
right: 25px;
}
@media (min-width: 46.25em) {
.c-single-special__image .c-special-tile__tags {
right: 30px;
text-align: right;
top: 35px;
bottom: auto;
}
}
.c-single-special__image .c-special-tile__tags li span {
margin-right: 0;
margin-left: 5px;
}
.c-special-tile {
background-color: #fff;
margin-bottom: 40px;
}
.c-special-tile:last-child {
margin-bottom: 0;
}
.c-special-tile.hide {
display: none;
}
@media (min-width: 81.25em) {
.c-special-tile {
display: flex;
}
}
.c-special-tile__thumbnail {
background-color: #a1a1a1;
}
@media (min-width: 81.25em) {
.c-special-tile__thumbnail {
width: 365px;
flex-shrink: 0;
}
}
.c-special-tile__thumbnail-spacer {
padding-bottom: 54.7692307692%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 46.25em) {
.c-special-tile__thumbnail-spacer {
height: 360px;
padding-bottom: 0;
}
}
@media (min-width: 81.25em) {
.c-special-tile__thumbnail-spacer {
padding-bottom: 98.0821917808%;
height: auto;
}
}
@media (min-width: 64em) {
.c-special-tile__content {
display: flex;
align-items: stretch;
flex-grow: 1;
}
}
.c-special-tile__left {
border-bottom: 1px solid #f0f0f0;
padding: 25px 20px;
}
@media (min-width: 64em) {
.c-special-tile__left {
display: flex;
justify-content: center;
flex-direction: column;
flex-grow: 1;
border-bottom: 0;
border-right: 1px solid #f0f0f0;
padding: 30px 50px;
}
}
.c-special-tile__right {
padding: 23px 20px;
}
@media (min-width: 64em) {
.c-special-tile__right {
display: flex;
justify-content: center;
flex-direction: column;
padding: 30px 65px;
width: 43.1328036322%;
flex-shrink: 0;
flex-grow: 0;
}
}
.c-special-tile__title {
line-height: 1.3333333333;
margin-bottom: 10px;
}
.c-special-tile__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.c-special-tile__title {
font-size: calc(20px + 10 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-special-tile__title {
font-size: 30px;
}
}
@media (min-width: 46.25em) {
.c-special-tile__title {
margin-bottom: 20px;
}
}
.c-special-tile__hotel-label {
font-size: 12px;
margin-bottom: 20px;
}
.c-special-tile__hotel-list {
display: flex;
flex-wrap: wrap;
}
.c-special-tile__hotel-list a {
display: inline-block;
vertical-align: middle;
width: calc(50% - 7px);
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px 20px;
border-radius: 16px;
background-color: #f0f0f0;
margin-bottom: 10px;
margin-right: 7px;
}
.c-site-theme--veriu .c-special-tile__hotel-list a {
color: #005f30;
}
.c-site-theme--punthill .c-special-tile__hotel-list a {
color: #f15f22;
}
@media (min-width: 46.25em) {
.c-special-tile__hotel-list a {
margin-bottom: 20px;
margin-right: 7px;
}
}
.c-special-tile__hotel-list-footer {
display: block;
color: #a1a1a1;
font-size: 14px;
line-height: 18px;
text-align: center;
margin-bottom: 10px;
margin-top: 5px;
}
@media (min-width: 46.25em) {
.c-special-tile__hotel-list-footer {
margin-bottom: 20px;
margin-top: -5px;
}
}
.c-special-tile h4 {
font-size: 16px;
line-height: 40px;
font-weight: 400;
margin-bottom: 10px;
}
@media (min-width: 46.25em) {
.c-special-tile h4 {
font-size: 18px;
margin-bottom: 20px;
}
}
.c-special-tile__terms {
font-size: 12px;
line-height: 18px;
color: #a1a1a1;
}
.c-special-tile__tags.mobile {
display: block;
}
.c-special-tile__tags.mobile span,
.c-special-tile__tags.mobile a {
font-size: 13px;
margin-right: 4px;
padding: 2px 8px;
}
@media (min-width: 46.25em) {
.c-special-tile__tags.mobile {
display: none;
}
}
.c-special-tile__tags.desktop {
display: none;
}
@media (min-width: 46.25em) {
.c-special-tile__tags.desktop {
display: block;
}
}
.c-special-tile .c-tag-list {
margin-bottom: 5px;
}
@media (min-width: 46.25em) {
.c-special-tile .c-tag-list {
margin-bottom: 25px;
}
}
.c-special-tile .c-tag-list span {
margin-right: 5px;
}
.c-special-tile .c-button, .c-special-tile input[type=submit],
.c-special-tile input[type=button],
.c-special-tile input[type=reset], .c-special-tile .gform_button {
margin-top: 10px;
font-size: 16px;
}
@media (min-width: 46.25em) {
.c-special-tile .c-button, .c-special-tile input[type=submit],
.c-special-tile input[type=button],
.c-special-tile input[type=reset], .c-special-tile .gform_button {
margin-top: 20px;
}
}
.c-specials-banner {
color: white;
}
@media (max-width: 46.24em) {
.c-specials-banner {
padding: 0;
padding-bottom: 50px;
}
}
.c-site-theme--veriu .c-specials-banner {
background-color: #005f30;
}
.c-site-theme--punthill .c-specials-banner {
background-color: #1e2126;
}
.c-site-theme--punthill .c-specials-banner {
color: white;
}
.c-site-theme--punthill .c-specials-banner__title {
color: #f15f22;
}
.c-site-theme--punthill .c-specials-banner select {
border: 1px solid white;
color: white;
}
.c-specials-banner form {
position: relative;
text-align: center;
margin-top: 30px;
}
@media (min-width: 46.25em) {
.c-specials-banner form {
display: flex;
align-items: center;
margin-top: 27px;
}
}
.c-specials-banner form svg {
position: absolute;
left: calc(50vw + 100px);
top: 5px;
display: block;
width: 40px;
height: 40px;
margin: auto;
margin-bottom: 10px;
opacity: 0;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
@media (min-width: 46.25em) {
.c-specials-banner form svg {
margin-top: 5px;
position: static;
width: 100px;
height: 100px;
}
}
.c-specials-banner form svg rect {
stroke: #f1d8d1;
fill: #f1d8d1;
}
.c-specials-banner form.loading svg {
opacity: 1;
}
.c-specials-banner__wrapper {
text-align: center;
}
@media (min-width: 46.25em) {
.c-specials-banner__wrapper {
display: flex;
align-items: center;
text-align: left;
}
}
@media (min-width: 64em) {
.c-specials-banner__wrapper {
padding: 0 70px;
}
}
@media (min-width: 46.25em) {
.c-specials-banner__left {
width: 50%;
order: 1;
padding-right: 25px;
}
}
.c-specials-banner__right {
margin: 0 -25px;
margin-bottom: 40px;
}
@media (min-width: 46.25em) {
.c-specials-banner__right {
margin: 0;
order: 2;
width: 50%;
text-align: right;
}
}
.c-specials-banner__image {
background-color: #a1a1a1;
}
@media (min-width: 46.25em) {
.c-specials-banner__image {
max-width: 526px;
width: 100%;
border-radius: 50%;
overflow: hidden;
}
}
.c-specials-banner__image-spacer {
height: 112px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 46.25em) {
.c-specials-banner__image-spacer {
padding-bottom: 100%;
height: auto;
}
}
@media (min-width: 46.25em) {
.c-specials-banner__content {
max-width: 355px;
}
}
.c-specials-banner__title {
line-height: 1.0714285714;
font-weight: 700;
color: #f1d8d1;
margin-bottom: 35px;
}
.c-specials-banner__title {
font-size: 45px;
}
@media screen and (min-width: 320px) {
.c-specials-banner__title {
font-size: calc(45px + 25 * (100vw - 320px) / 1016);
}
}
@media screen and (min-width: 1336px) {
.c-specials-banner__title {
font-size: 70px;
}
}
@media (min-width: 46.25em) {
.c-specials-banner__title {
font-weight: 500;
margin-bottom: 40px;
}
}
.c-specials-banner__sub-title {
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
}
@media (min-width: 46.25em) {
.c-specials-banner__sub-title {
margin-bottom: 40px;
}
}
.c-specials-banner select {
border: 1px solid #f1d8d1;
border-radius: 32px;
height: 56px;
color: #f1d8d1;
font-size: 23px;
font-weight: 500;
padding: 0 28px;
background-position: right 30px center;
max-width: 250px;
}
@media (min-width: 46.25em) {
.c-specials-banner select {
height: 66px;
font-size: 25px;
max-width: none;
}
}
.c-specials-banner select option {
color: #000;
}