@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* Custom Reset
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*** box sizing border-box for all elements ***/
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: inherit; cursor: pointer; }

button { background-color: transparent; color: inherit; border-width: 0; padding: 0; cursor: pointer; }

figure { margin: 0; }

input::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

ul, ol, dd { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }

p { margin: 0; }

cite { font-style: normal; }

fieldset { border-width: 0; padding: 0; margin: 0; }

/* Variables
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Colours
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Grid
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Breakpoints
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MIXINS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Typography
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Font families
	
	
HEADERS:

Calluna Bold

font-family: calluna, serif;
font-weight: 700;
font-style: normal;

Calluna Bold Italic

font-family: calluna, serif;
font-weight: 700;
font-style: italic;

Calluna Semibold Italic

font-family: calluna, serif;
font-weight: 600;
font-style: italic;

Calluna Semibold

font-family: calluna, serif;
font-weight: 600;
font-style: normal;





BODY:


Calluna Sans Regular

font-family: calluna-sans, sans-serif;
font-weight: 400;
font-style: normal;

Calluna Sans Italic

font-family: calluna-sans, sans-serif;
font-weight: 400;
font-style: italic;

Calluna Sans Light

font-family: calluna-sans, sans-serif;
font-weight: 300;
font-style: normal;

Calluna Sans Light Italic

font-family: calluna-sans, sans-serif;
font-weight: 300;
font-style: italic;

Calluna Sans Semibold

font-family: calluna-sans, sans-serif;
font-weight: 600;
font-style: normal;

Calluna Sans Semibold Italic

font-family: calluna-sans, sans-serif;
font-weight: 600;
font-style: italic;

 






------------------------------------------------------------------------------------------------------------------------------------------------------*/
body, html { font-family: calluna-sans, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #737777; }

/* Font sizing

	This approach uses a Lucas Sequence (Golden Ratio) to provide us with a scalable framework for setting type that is both graceful and rhythmic.

	The Lucas Numbers sequence (similar to Fibonacci Sequence) consist of the following numbers:

	2, 1, 3, 4, 7, 11, 18, 29, 47, 76, 123, 199, 322, 521, 843… ad infinitum

	1. Any given number in the sequence is the sum of the two preceding numbers as described in this formula: n = n-1 + n-2
	2. The first two numbers in the sequence — known as seed numbers — are selected arbitrarily.

	Our ratio is:

	1 (em which is 16px) + SecondSeedNumber = x;
	SecondSeedNumber + x = y; and so on


	To determine the SecondSeedNumber each unique typeface needs to have the number adjusted determined on the X height of the font:

	Open the typeface in a program like Illustrator etc

	Type a letter with an ascender and a letter without an ascender / descenders for example 'd x'

	Measure the total height of the 'd' (ascender height) and the total height of the 'x' (x height)

	x-height / ascender height * 100 = SecondSeedNumber;

	Once we have our sequence we can convert the numbers (which are in ems to PX) to use with our @include font mixin

	www. pxtoem . com

	We’re now able to use these values as our type sizes sequentially to create a well proportioned type scheme.

	You can skip numbers in the scale to create more dramatic contrast in the typography.


	Helvetica Neue Sequence

	X height:

	d: 450px
	x: 320px

	x / d = SecondSeedNumber

	( 320 / 450 = 0.711 ) = SecondSeedNumber

	1 = @include font-size(16);
	1 + 0.711 = 1.711 = @include font-size(27);
	0.711 + 1.711 = 2.422 = @include font-size(38);
	1.711 + 2.422 = 4.133 = @include font-size(66);
	2.422 + 4.133 = 6.555 = @include font-size(104);


------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Headers
------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: calluna, serif; font-weight: 700; line-height: 1.3; margin: 2.5rem  0 1rem 0; color: #9AD1DC; }

@media (max-width: 767px) { h1, h2, h3, h4, h5, h6 { line-height: 1.25; } }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #737777; }

h1 { font-weight: 900; font-size: 38px; font-size: 2.375rem; }

@media (max-width: 767px) { h1 { font-size: 27px; font-size: 1.6875rem; } }

h2 { font-size: 27px; font-size: 1.6875rem; }

@media (max-width: 767px) { h2 { font-size: 20px; font-size: 1.25rem; } }

h3 { font-size: 27px; font-size: 1.6875rem; color: #F6A891; font-family: calluna-sans, sans-serif; }

@media (max-width: 767px) { h3 { font-size: 20px; font-size: 1.25rem; } }

h4 { font-size: 20px; font-size: 1.25rem; color: #737777; font-family: calluna-sans, sans-serif; }

@media (max-width: 767px) { h4 { font-size: 18px; font-size: 1.125rem; } }

h5 { font-size: 20px; font-size: 1.25rem; color: #737777; font-family: calluna-sans, sans-serif; }

@media (max-width: 767px) { h5 { font-size: 18px; font-size: 1.125rem; } }

h6 { font-size: 16px; font-size: 1rem; }

p { font-size: 20px; font-size: 1.25rem; line-height: 1.5; margin-bottom: 1rem; font-weight: 300; }

@media (max-width: 767px) { p { font-size: 18px; font-size: 1.125rem; } }

/* Links
------------------------------------------------------------------------------------------------------------------------------------------------------*/
ol, ul { list-style: inherit; line-height: 1.5; font-size: 20px; font-size: 1.25rem; padding-left: 30px; line-height: 1.5; margin-bottom: 2rem; margin-top: 2rem; font-weight: 300; }

ol li, ul li { margin-bottom: 10px; font-size: 20px; font-size: 1.25rem; font-weight: 300; }

@media (max-width: 767px) { ol li, ul li { font-size: 18px; font-size: 1.125rem; } }

ol { list-style: decimal; }

/* Links
------------------------------------------------------------------------------------------------------------------------------------------------------*/
a { color: #9AD1DC; display: inline-block; position: relative; text-decoration: underline; font-weight: 600; }

a:hover { color: #74c0cf; }

a:hover:before { width: 0; }

/* Overriding The Default Text Selection Color With CSS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
::selection { background: #737777; color: #fff; }

/* Blockquote
------------------------------------------------------------------------------------------------------------------------------------------------------*/
blockquote { font-size: 20px; font-size: 1.25rem; line-height: 1.5; color: #F6A891; font-weight: 400; }

@media (max-width: 767px) { blockquote { font-size: 18px; font-size: 1.125rem; } }

/* Italics and Bold / Strong
------------------------------------------------------------------------------------------------------------------------------------------------------*/
em { font-style: italic; }

strong, b { font-weight: 600; font-size: inherit; line-height: inherit; color: inherit; }

/* Custom Misc Typography Classes
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-title-header { text-align: center; }

.page-title-header:after { content: ''; display: block; height: 1px; width: 45px; background-color: #F6A891; margin: 15px auto; }

.intro-paragraph { margin: 0 0 45px 0; font-size: 27px; font-size: 1.6875rem; color: #F6A891; font-weight: 600; }

@media (max-width: 767px) { .intro-paragraph { font-size: 20px; font-size: 1.25rem; } }

.centered-intro-paragraph { text-align: center; margin: 90px auto; max-width: 600px; font-size: 27px; font-size: 1.6875rem; color: #F6A891; font-weight: 600; }

@media (max-width: 767px) { .centered-intro-paragraph { margin: 45px auto; font-size: 20px; font-size: 1.25rem; } }

.wide-centered-intro-paragraph { max-width: 900px; }

/* General grid and layout classes
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.general-container { width: 90%; max-width: 1680px; margin: 0 auto; padding: 0 60px; }

@media (max-width: 1024px) { .general-container { padding: 0; } }

.general-container-narrow { max-width: 1280px; }

/* Buttons
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.button { display: inline-block; font-size: 16px; font-size: 1rem; font-weight: 600; text-align: center; letter-spacing: 1px; line-height: 1; padding: 10px 35px; color: #fff; background-color: #F6A891; border-radius: 3px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; border: 2px solid #F6A891; cursor: pointer; }

.button:before { display: none; }

.button:hover { background-color: #facdc0; color: #fff; }

@media (max-width: 1024px) { .button { padding: 6px 20px; font-size: 14px; font-size: 0.875rem; } }

.secondary-button { background-color: #7C9BFF; border-color: #7C9BFF; }

.secondary-button:hover { background-color: #96aeff; color: #fff; }

.ghost-button { background-color: transparent; color: #F6A891; border-color: #F6A891; }

.ghost-button:hover { background-color: #facdc0; color: #fff; }

.ghost-button-secondary { background-color: transparent; color: #F6A891; border-color: #F6A891; }

.ghost-button-secondary:hover { background-color: #facdc0; color: #fff; }

.block-button { display: block; }

.tiny-button { padding: 5px 10px; font-size: 11px; font-size: 0.6875rem; border-width: 1px; }

.button-with-icon span { padding-left: 40px; background-size: contain; background-position: left center; background-repeat: no-repeat; min-height: 20px; color: #fff; }

.button-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0; }

.button-group .button { font-size: 14px; font-size: 0.875rem; }

.button-group .button:first-of-type { border-radius: 3px 0 0 3px; }

.button-group .button:last-of-type { border-radius: 0 3px 3px 0; margin-left: -2px; }

.button-group .solo-button { border-radius: 3px !important; margin-left: 0 !important; }

/* IE SVG Fix
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Let's target IE to respect aspect ratios and sizes for img tags containing SVG files [1] IE9 [2] IE10+ */
/* 1 */
.ie9 img[src$=".svg"] { width: 100%; }

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } }

.hamburger:focus { border: none; outline: none; }

.is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after { background-color: #fff; }

/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.7; }

.hamburger-box { width: 24px; height: 18px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 2px; background-color: #F6A891; border-radius: none; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

@media (max-width: 1024px) { .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #fff; } }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -8px; }

.hamburger-inner::after { bottom: -8px; }

/*@import "types/3dx"; @import "types/3dx-r"; @import "types/3dy"; @import "types/3dy-r"; @import "types/3dxy"; @import "types/3dxy-r"; @import "types/arrow"; @import "types/arrow-r"; @import "types/arrowalt"; @import "types/arrowalt-r"; @import "types/arrowturn"; @import "types/arrowturn-r"; @import "types/boring"; @import "types/collapse"; @import "types/collapse-r"; @import "types/elastic"; @import "types/elastic-r"; @import "types/emphatic"; @import "types/emphatic-r"; @import "types/minus"; @import "types/slider"; @import "types/slider-r"; @import "types/spin"; @import "types/spin-r"; @import "types/spring"; @import "types/spring-r"; @import "types/stand"; @import "types/stand-r"; @import "types/squeeze"; @import "types/vortex"; @import "types/vortex-r"; */
/* Spin */
.hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.small-close-button { display: inline-block; width: 10px; height: 10px; }

.small-close-button:before, .small-close-button:after { content: ''; display: block; width: 140%; height: 1px; background: #fff; }

.small-close-button:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; margin-top: -0.25px; margin-left: 0.5px; }

.small-close-button:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; margin-left: -41%; margin-top: -1px; }

.small-close-button:hover { cursor: pointer; }

.small-close-button:hover:before, .small-close-button:hover:after { background: #fff; }

.modal-close { position: absolute; display: block; top: 15px; right: -26px; background-color: #F6A891; width: 26px; height: 26px; padding: 5px; }

@media (max-width: 767px) { .modal-close { top: 5px; right: 5px; background-color: #fff; width: 22px; height: 22px; }
  .modal-close:before, .modal-close:after { background: #737777; }
  .modal-close:hover:before, .modal-close:hover:after { background: #9AD1DC; } }

.modal-close:hover { background-color: #737777; }

@media (max-width: 767px) { .modal-close:hover { background-color: #fff; } }

/* Preloaders
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------- Main Preloader -----------------------------------------------------------------------------------*/
.preloader-wrapper { background-color: #9AD1DC; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1030; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 1s; transition: opacity 1s; }

.preloader-wrapper .preloader-inner { -webkit-transition: all 1s; transition: all 1s; text-align: center; }

.preloader-wrapper .preloader-inner .preloader-image { width: 140px; height: 68px; margin: 0 auto; background-image: url(../images/pvh-icon-white.svg); display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; }

.preloader-wrapper .preloader-inner span.loading-info { display: block; margin: 20px auto; color: #fff; font-size: 18px; font-size: 1.125rem; padding-left: 10px; }

.preloader-wrapper .preloader-inner span.loading-info .loading-info-sub { color: inherit; display: block; margin: 10px auto; font-size: 14px; font-size: 0.875rem; }

body.loaded .preloader-wrapper { opacity: 0; }

body.preloader-removed .preloader-wrapper { visibility: hidden; }

@-webkit-keyframes pulse { from { -webkit-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  to { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse { from { -webkit-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  to { -webkit-transform: scale(1);
    transform: scale(1); } }

.fe-pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* Top Bar
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.top-bar { background-color: #FEFDFC; position: fixed; width: 100%; z-index: 500; top: 0; left: 0; padding: 30px 0 0 0; }

@media (max-width: 1024px) { .top-bar { background-color: #9AD1DC; padding: 0; } }

.top-bar .top-bar-inner { width: 90%; max-width: 1680px; margin: 0 auto; padding: 0 60px 10px 60px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ECEDEC; position: relative; }

@media (max-width: 1024px) { .top-bar .top-bar-inner { padding: 0; height: 70px; border-bottom: none; } }

.top-bar .top-bar-inner .menu-trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.top-bar .top-bar-inner .menu-trigger .hamburger { z-index: 1800; display: block; margin-left: -15px; }

.top-bar .top-bar-inner .menu-trigger .menu-label { color: #9AD1DC; font-size: 18px; font-size: 1.125rem; font-weight: 600; line-height: 1; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .menu-trigger .menu-label { display: none; } }

.top-bar .top-bar-inner .top-bar-logo { width: 168px; margin-left: 45px; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-logo { width: 140px; margin-left: 10px; } }

@media (max-width: 767px) { .top-bar .top-bar-inner .top-bar-logo { width: 100px; margin-left: 5px; } }

.top-bar .top-bar-inner .top-bar-logo img { width: 100%; height: auto; display: block; }

.top-bar .top-bar-inner .top-bar-cta-nav { margin: 0 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; }

.top-bar .top-bar-inner .top-bar-cta-nav li { margin: 0 30px; line-height: 1; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li { margin: 0 15px; } }

@media (max-width: 767px) { .top-bar .top-bar-inner .top-bar-cta-nav li { margin: 0 10px; } }

.top-bar .top-bar-inner .top-bar-cta-nav li a { font-weight: 600; font-size: 18px; font-size: 1.125rem; text-decoration: none; }

.top-bar .top-bar-inner .top-bar-cta-nav li a span { font-weight: 600; font-size: 18px; font-size: 1.125rem; color: inherit; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li a.button { background-color: #fff; border-color: #fff; color: #9AD1DC; }
  .top-bar .top-bar-inner .top-bar-cta-nav li a.button:hover { background-color: #c0e2e9; color: #fff; } }

.top-bar .top-bar-inner .top-bar-cta-nav li.with-icon a { background-position: left center; padding-left: 20px; background-repeat: no-repeat; min-height: 20px; min-width: 20px; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li.with-icon a { padding: 0; } }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li.with-icon a span { display: none; } }

.top-bar .top-bar-inner .top-bar-cta-nav li.location-icon a { background-image: url(../images/map-marker-icon.svg); background-size: 12px 16px; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li.location-icon a { background-size: contain; background-image: url(../images/map-marker-icon-white.svg); } }

.top-bar .top-bar-inner .top-bar-cta-nav li.tel-icon a { background-image: url(../images/tel-icon.svg); background-size: 12px 16px; }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li.tel-icon a { background-size: contain; background-image: url(../images/tel-icon-white.svg); } }

@media (max-width: 1024px) { .top-bar .top-bar-inner .top-bar-cta-nav li.hide-tablet-down { display: none; } }

.top-bar .top-bar-inner .top-bar-cta-nav li:last-of-type { margin-right: 0; }

.home .top-bar-logo { display: none; }

/* Main Navigation
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-menu { color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; z-index: 1780; -webkit-transform: translate(0, -200vh); transform: translate(0, -200vh); position: fixed; top: 0px; left: 0; width: 100%; background-color: #9AD1DC; height: calc(100vh); padding: 160px 0 0 0; border: 20px solid #9AD1DC; overflow-y: scroll; background-image: url(../images/pvh-icon-white-transparent.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1024px) { .main-menu { padding: 60px 0 30px 0; background-image: none; } }

@media screen and (min-width: 767px) and (max-height: 768px) { .main-menu { padding-top: 100px; padding-bottom: 0; overflow: hidden; } }

.main-menu .main-menu-title { display: block; text-align: center; color: #fff; font-size: 18px; font-size: 1.125rem; font-weight: 500; margin-bottom: 30px; display: none; border-bottom: 1px solid rgba(255, 255, 255, 0.42); padding-bottom: 10px; }

.main-menu .main-menu-logo { display: block; width: 94%; max-width: 160px; margin: 0 auto 30px auto; }

@media (max-width: 767px) { .main-menu .main-menu-logo { margin: 0 auto 30px auto; } }

.main-menu .main-menu-logo img { display: block; width: 100%; height: auto; }

.main-menu ul { text-align: center; color: #fff; list-style-type: none; padding: 0; width: 90%; max-width: 300px; margin: 0 auto; /*li.current-menu-item{ &:before{ transform: scaleX(1); @include respond-to('tablet-portrait') { display: none; } } }*/ }

@media (max-width: 1024px) { .main-menu ul { text-align: left; width: 94%; margin: 0 auto; } }

.main-menu ul li { margin: 0 20px; display: block; position: relative; }

.main-menu ul li:before { content: ''; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0.2; }

@media (max-width: 1024px) { .main-menu ul li:before { display: none; } }

.main-menu ul li:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

@media (max-width: 1024px) { .main-menu ul li { margin: 0 0; display: block; padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }

.main-menu ul li a { display: block; color: #fff; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 1.0; padding: 20px 0; letter-spacing: 1px; text-decoration: none; }

@media (max-width: 1024px) { .main-menu ul li a { line-height: 1; background-position: left center; text-decoration: none; font-size: 16px; font-size: 1rem; padding: 10px 0; } }

.main-menu-visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: block; }

.main-menu-visible .main-menu-title { display: block; }

/* Main CSS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #FEFDFC; padding-top: 120px; }

@media (max-width: 1024px) { body { padding-top: 90px; } }

@media (max-width: 767px) { body { padding-top: 70px; } }

html.noscroll { overflow-y: hidden; }

/* Home
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.front-page-feature-grid { width: 90%; max-width: 1680px; margin: 30px auto 0 auto; }

@media (max-width: 767px) { .front-page-feature-grid { width: 100%; margin: 0 auto; } }

.front-page-feature-grid .fpfg-section-one { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 60px 30px 30px 30px; max-width: 50%; }

@media (min-width: 1280px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left { padding: 60px 60px 30px 60px; } }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left { padding: 60px 30px 30px 0px; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } }

@media screen and (min-width: 767px) and (max-height: 768px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left { padding-top: 0; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro { position: relative; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro { background-color: #F6A891; padding: 20px; text-align: center; height: 440px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro .fpfg-section-left-intro-mobile-background { display: none; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro .fpfg-section-left-intro-mobile-background { display: block; width: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; opacity: 1; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro .fpfg-section-one-logo { display: block; width: 90px; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro .fpfg-section-one-logo { -webkit-filter: invert(100%); filter: invert(100%); width: 60px; position: absolute; top: 20px; left: 20px; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro .fpfg-section-one-logo img { display: block; width: 100%; height: auto; }

.front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro h1 { font-size: 56px; font-size: 3.5rem; max-width: 380px; line-height: 1; }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro h1 { font-size: 38px; font-size: 2.375rem; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .fpfg-section-left-intro h1 { color: #fff; max-width: 100%; position: relative; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left p { margin: 20px; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-left .button-group { margin: 20px; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-right { display: none; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-image-1 { background-size: cover; background-position: center center; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; height: 860px; }

@media (min-width: 1600px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-image-1 { height: 800px; } }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-image-1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-section-right-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-section-right-col-2 { display: none; } }

.front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-section-right-col-2 .fpfg-image-2 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; background-size: cover; background-position: center center; margin-top: auto; }

.front-page-feature-grid .fpfg-section-one .fpfg-section-right .fpfg-section-right-col-2 .fpfg-image-3 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; background-size: cover; background-position: center center; }

.front-page-feature-grid .fpfg-section-two { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -100px; }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-two { margin-top: 0; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-two { margin-top: 15px; } }

.front-page-feature-grid .fpfg-section-two .fpfg-image-1 { background-size: cover; background-position: center center; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; height: 450px; }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-1 { height: 350px; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-1 { height: 260px; } }

.front-page-feature-grid .fpfg-section-two .fpfg-image-2, .front-page-feature-grid .fpfg-section-two .fpfg-image-3 { background-size: cover; background-position: center center; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; height: 350px; margin-top: 100px; }

@media (max-width: 1024px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-2, .front-page-feature-grid .fpfg-section-two .fpfg-image-3 { margin-top: 0; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-2, .front-page-feature-grid .fpfg-section-two .fpfg-image-3 { height: 260px; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-2 { display: none; } }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-two .fpfg-image-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.front-page-feature-grid .fpfg-section-three { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.front-page-feature-grid .fpfg-section-three .fpfg-section-left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-three .fpfg-section-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-1 { background-size: cover; background-position: center center; height: 235px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-1 { height: 200px; } }

.front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-2, .front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-3 { background-size: cover; background-position: center center; height: 335px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-2, .front-page-feature-grid .fpfg-section-three .fpfg-section-left .fpfg-image-3 { height: 260px; } }

.front-page-feature-grid .fpfg-section-three .fpfg-section-right { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 60px; max-width: 50%; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-three .fpfg-section-right { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 60px 20px; max-width: 100%; } }

.front-page-feature-grid .fpfg-section-three .fpfg-section-right h2 { font-size: 40px; font-size: 2.5rem; max-width: 380px; line-height: 1; color: #F6A891; }

@media (max-width: 767px) { .front-page-feature-grid .fpfg-section-three .fpfg-section-right h2 { font-size: 27px; font-size: 1.6875rem; margin-top: 0; } }

/* Inner Page Left Heros Template
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner-page-left-heros { margin: 90px 0; }

.inner-page-left-heros:after { content: ""; display: table; clear: both; }

@media (max-width: 1024px) { .inner-page-left-heros { margin: 30px 0; } }

.inner-page-left-heros .left-heros { width: 40%; float: left; }

@media (max-width: 1024px) { .inner-page-left-heros .left-heros { width: 100%; float: none; } }

.inner-page-left-heros .left-heros img { display: block; width: 100%; height: auto; }

@media (max-width: 1024px) { .inner-page-left-heros .left-heros img { display: none; } }

@media (max-width: 1024px) { .inner-page-left-heros .left-heros img:first-of-type { display: block; } }

.inner-page-left-heros .inner-page-content { width: 55%; float: right; }

@media (max-width: 1024px) { .inner-page-left-heros .inner-page-content { width: 100%; float: none; margin-top: 30px; } }

.mobile-heros { display: none; margin: 60px 0; }

@media (max-width: 1024px) { .mobile-heros { display: block; } }

.mobile-heros img { display: block; width: 100%; height: auto; margin: 10px auto; }

/* Testimonials
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.testimonial { background-color: #f9c6b7; position: relative; }

.testimonial .testimonial-title { display: none; position: absolute; top: 30px; left: 30px; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; letter-spacing: 1px; color: #f59d83; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(270deg) translateX(-110px); transform: rotate(270deg) translateX(-110px); }

@media (max-width: 1024px) { .testimonial .testimonial-title { -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(90deg) translateX(70px) scale(0.7); transform: rotate(90deg) translateX(70px) scale(0.7); left: auto; right: 20px; } }

.testimonial .testimonial-title:after { content: ''; display: block; width: 30px; height: 1px; background-color: #f59d83; margin: 10px 2px 0 auto; }

@media (max-width: 1024px) { .testimonial .testimonial-title:after { margin: 10px 0 0 0; } }

.testimonial .testimonial-inner { padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; max-width: 1280px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; }

@media (max-width: 1024px) { .testimonial .testimonial-inner { max-width: 90%; } }

@media (max-width: 767px) { .testimonial .testimonial-inner { display: block; padding: 60px 0; }
  .testimonial .testimonial-inner:after { content: ""; display: table; clear: both; } }

.testimonial .testimonial-inner blockquote { color: #fff; font-family: calluna, serif; font-weight: 700; line-height: 1.3; font-size: 38px; font-size: 2.375rem; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; margin: 0; }

@media (max-width: 1024px) { .testimonial .testimonial-inner blockquote { max-width: 94%; } }

@media (max-width: 767px) { .testimonial .testimonial-inner blockquote { max-width: 70%; font-size: 30px; font-size: 1.875rem; } }

.testimonial .testimonial-inner .testimonial-attr { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; color: #fff; text-align: center; margin: 30px; }

@media (max-width: 1024px) { .testimonial .testimonial-inner .testimonial-attr { margin: 30px; } }

@media (max-width: 767px) { .testimonial .testimonial-inner .testimonial-attr { float: right; margin: -30px 0 0 0; } }

.testimonial .testimonial-inner .testimonial-attr img { display: block; margin: 30px auto; border-radius: 50%; max-width: 230px; width: 100%; height: auto; }

@media (max-width: 1024px) { .testimonial .testimonial-inner .testimonial-attr img { max-width: 160px; } }

@media (max-width: 767px) { .testimonial .testimonial-inner .testimonial-attr img { max-width: 120px; } }

.testimonial .testimonial-inner .testimonial-attr h4 { color: #fff; margin-top: 0; font-size: 16px; font-size: 1rem; }

.testimonial-secondary { background-color: #b8dfe7; }

.testimonial-secondary blockquote { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.pull-testimonial-up { margin-top: -60px; z-index: -1; }

@media (max-width: 767px) { .pull-testimonial-up { margin-top: 0; } }

.pull-testimonial-up .testimonial-title { display: block; }

/* Feature Sections
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.feature { background-color: #f9c6b7; position: relative; }

.feature .feature-inner { padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; max-width: 1280px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; }

@media (max-width: 1024px) { .feature .feature-inner { max-width: 90%; } }

@media (max-width: 767px) { .feature .feature-inner { display: block; padding: 60px 0; }
  .feature .feature-inner:after { content: ""; display: table; clear: both; } }

.feature .feature-inner .feature-article { color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; margin: 0; }

@media (max-width: 1024px) { .feature .feature-inner .feature-article { max-width: 94%; } }

@media (max-width: 767px) { .feature .feature-inner .feature-article { max-width: 70%; font-size: 30px; font-size: 1.875rem; } }

.feature .feature-inner .feature-article h3 { color: #fff; font-family: calluna, serif; font-weight: 700; line-height: 1.3; font-size: 27px; font-size: 1.6875rem; margin-top: 0; }

@media (max-width: 767px) { .feature .feature-inner .feature-article h3 { font-size: 20px; font-size: 1.25rem; } }

.feature .feature-inner .feature-article h3:after { content: ''; display: block; height: 1px; width: 30px; background-color: #fff; margin: 15px 0; }

.feature .feature-inner .feature-article p { color: #fff; }

.feature .feature-inner .feature-article a { color: #fff; }

.feature .feature-inner .feature-article a:hover { text-decoration: none; }

.feature .feature-inner .feature-image { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; color: #fff; text-align: center; margin: 30px; }

@media (max-width: 1024px) { .feature .feature-inner .feature-image { margin: 30px; } }

@media (max-width: 767px) { .feature .feature-inner .feature-image { float: right; margin: -30px 0 0 0; } }

.feature .feature-inner .feature-image img { display: block; margin: 30px auto; border-radius: 50%; max-width: 230px; width: 100%; height: auto; }

@media (max-width: 1024px) { .feature .feature-inner .feature-image img { max-width: 160px; } }

@media (max-width: 767px) { .feature .feature-inner .feature-image img { max-width: 120px; } }

.feature-secondary { background-color: #b8dfe7; }

.feature-secondary .feature-article { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

/* Team
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.team-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.team-grid .team-grid-item { width: 33.333333%; max-width: 33.333333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; display: block; position: relative; border-radius: 50%; overflow: hidden; border: 30px solid #fff; text-decoration: none; }

@media (min-width: 1600px) { .team-grid .team-grid-item { border-width: 45px; width: 25%; max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } }

@media (max-width: 1024px) { .team-grid .team-grid-item { overflow: visible; width: 50%; max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.team-grid .team-grid-item .team-grid-item-image { width: 100%; max-width: 100%; height: auto; display: block; border-radius: 50%; }

.team-grid .team-grid-item .team-grid-item-name { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 1; background-color: #9AD1DC; background-color: rgba(137, 189, 199, 0.8); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: center; padding: 10px; }

@media (min-width: 1280px) { .team-grid .team-grid-item .team-grid-item-name { font-size: 26px; font-size: 1.625rem; } }

@media (max-width: 1024px) { .team-grid .team-grid-item .team-grid-item-name { -webkit-transition: none; transition: none; position: relative; color: #9AD1DC; background-color: #fff; opacity: 1.0; font-size: 16px; font-size: 1rem; top: auto; bottom: auto; left: auto; right: auto; display: block; margin: 10px auto 0 auto; } }

.team-grid .team-grid-item:hover .team-grid-item-name { opacity: 1.0; }

/* Contact
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.map { width: 100%; height: 400px; margin: 45px 0; }

.marker { background-image: url("../images/map-marker-blue.svg"); background-size: cover; width: 60px; height: 80px; cursor: pointer; margin-top: -30px; }

.contact-split { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contact-split .contacts-grid { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; font-size: 18px; font-size: 1.125rem; font-weight: 300; }

@media (max-width: 1024px) { .contact-split .contacts-grid { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 45px 0; } }

.contact-split .contacts-grid p { font-size: 18px; font-size: 1.125rem; }

@media (max-width: 767px) { .contact-split .contacts-grid p { font-size: 15px; font-size: 0.9375rem; } }

@media (max-width: 767px) { .contact-split .contacts-grid { font-size: 18px; font-size: 1.125rem; } }

.contact-split .contacts-grid .cg-title-row h3 { font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #ECEDEC; padding-bottom: 5px; margin-top: 0; color: #9AD1DC; }

.contact-split .contacts-grid .cg-grid-row { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; margin: 45px 0; }

.contact-split .contacts-grid .cg-grid-row .cg-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; background-repeat: no-repeat; background-position: left top; padding-left: 40px; min-height: 30px; }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item { font-size: 15px; font-size: 0.9375rem; padding-left: 30px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item h4 { margin-top: 0; line-height: 1; color: #B9B9B9; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-size: 0.75rem; }

.contact-split .contacts-grid .cg-grid-row .cg-item p:last-of-type { margin-bottom: 0; }

.contact-split .contacts-grid .cg-grid-row .cg-item-phone { background-size: 20px 20px; background-image: url("../images/tel-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-phone { background-size: 16px 16px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item-fax { background-size: 23px 24px; background-image: url("../images/fax-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-fax { background-size: 15px 16px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item-location { background-size: 16px 20px; background-image: url("../images/map-marker-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-location { background-size: 12px 16px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item-postal { background-size: 24px 16px; background-image: url("../images/mail-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-postal { background-size: 17px 12px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item-email { background-size: 20px 20px; background-image: url("../images/email-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-email { background-size: 16px 16px; } }

.contact-split .contacts-grid .cg-grid-row .cg-item-warning { background-size: 20px 20px; background-image: url("../images/warning-icon.svg"); }

@media (max-width: 767px) { .contact-split .contacts-grid .cg-grid-row .cg-item-warning { background-size: 16px 16px; } }

.contact-split .contacts-grid .ah-emergency-row { margin: 45px 0 0 0; }

.contact-split .contacts-grid .contacts-grid-fineprint { font-size: 15px; font-size: 0.9375rem; }

.contact-split .oh-grid .cg-grid-row { margin: 0; }

.contact-split .oh-grid .cg-grid-row .cg-oh-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px dotted #ECEDEC; padding: 30px 0; }

@media (max-width: 767px) { .contact-split .oh-grid .cg-grid-row .cg-oh-item { font-size: 15px; font-size: 0.9375rem; } }

@media (max-width: 767px) { .contact-split .oh-grid .cg-grid-row .cg-oh-item p { font-size: 15px; font-size: 0.9375rem; } }

.contact-split .oh-grid .cg-grid-row .cg-oh-item:last-of-type { border-bottom: none; }

.location-photo-grid { display: -webkit-box; display: -ms-flexbox; display: flex; }

.location-photo-grid img { display: block; }

.after-hours-contacts { padding-top: 30px; }

.after-hours-contacts h3 { font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #ECEDEC; padding-bottom: 5px; margin-top: 0; color: #9AD1DC; }

/* Footer
------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer .footer-inner { border-top: 1px solid #ECEDEC; width: 90%; max-width: 1680px; margin: 90px auto 0 auto; padding: 60px 0; text-align: center; }

@media (max-width: 767px) { footer .footer-inner { text-align: left; padding: 45px 0; margin: 60px auto 0 auto; } }

@media (max-width: 767px) { footer .footer-inner .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 15px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

footer .footer-inner .footer-top .footer-logo { width: 186px; margin: 30px auto 45px auto; display: block; }

@media (max-width: 1024px) { footer .footer-inner .footer-top .footer-logo { width: 140px; } }

@media (max-width: 767px) { footer .footer-inner .footer-top .footer-logo { margin: 0 30px 0 0; } }

footer .footer-inner .footer-top .footer-logo img { width: 100%; height: auto; display: block; }

@media (max-width: 767px) { footer .footer-inner .footer-top .book-button { padding: 15px 30px; } }

footer .footer-inner .footer-columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 45px auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

@media (max-width: 767px) { footer .footer-inner .footer-columns { margin: 15px auto; } }

footer .footer-inner .footer-columns .footer-column { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 30px; }

@media (min-width: 1280px) { footer .footer-inner .footer-columns .footer-column { -webkit-box-flex: 1; -ms-flex: 1 0 33.333333%; flex: 1 0 33.333333%; } }

@media (max-width: 767px) { footer .footer-inner .footer-columns .footer-column { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 15px 0; } }

footer .footer-inner .footer-columns .footer-column h4 { color: #F6A891; font-size: 16px; font-size: 1rem; font-family: calluna, serif; font-weight: 700; margin: 0 0 30px 0; }

@media (max-width: 767px) { footer .footer-inner .footer-columns .footer-column h4 { margin-bottom: 15px; border-bottom: 1px solid #ECEDEC; padding-bottom: 5px; } }

footer .footer-inner .footer-columns .footer-column ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }

footer .footer-inner .footer-columns .footer-column ul li { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 5px 10px; line-height: 1; font-weight: 600; color: #74c0cf; font-size: 16px; font-size: 1rem; }

@media (max-width: 767px) { footer .footer-inner .footer-columns .footer-column ul li { padding: 10px 0; } }

footer .footer-inner .footer-columns .footer-column ul li a { text-decoration: none; font-weight: 600; font-size: 16px; font-size: 1rem; color: #74c0cf; }

footer .footer-inner .footer-columns .footer-column ul li a:hover { color: #9AD1DC; }

footer .footer-inner .footer-columns .footer-column p { font-size: 16px; font-size: 1rem; font-weight: 600; color: #74c0cf; padding: 5px 10px; margin-top: 0; }

@media (max-width: 767px) { footer .footer-inner .footer-columns .footer-column p { padding: 10px 0; } }

footer .footer-inner .footer-columns .footer-column .footer-column-fineprint { font-size: 14px; font-size: 0.875rem; padding: 5 10px; font-weight: 400; }

@media (max-width: 767px) { footer .footer-inner .footer-columns .footer-column .footer-column-fineprint { padding: 10px 0; } }

footer .footer-inner .footer-base { border-top: 1px solid #ECEDEC; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

footer .footer-inner .footer-base .site-by-mattias { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; opacity: 0.7; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration: none; position: relative; margin: 0 15px 0 auto; /*&:before{ content: 'site by'; @include font-size(11); display: block; width: 100px; position: absolute; top: -10px; left: -20px; color: #ccc; }*/ }

footer .footer-inner .footer-base .site-by-mattias:hover { opacity: 1; }

footer .footer-inner .footer-base .site-by-mattias img { display: block; width: 100%; height: auto; }

footer .footer-inner .footer-base .footer-legal-menu ul { list-style-type: none; text-align: right; padding: 0; margin: 0; }

@media (max-width: 767px) { footer .footer-inner .footer-base .footer-legal-menu ul { text-align: center; } }

footer .footer-inner .footer-base .footer-legal-menu ul li { display: inline-block; margin: 0 15px; font-size: 14px; font-size: 0.875rem; color: #B9B9B9; }

footer .footer-inner .footer-base .footer-legal-menu ul li a { font-size: 14px; font-size: 0.875rem; color: #F6A891; text-decoration: none; }

footer .footer-inner .footer-base .footer-legal-menu ul li a:hover { color: #f28362; }

.home footer .footer-inner, .page-with-no-footer-border footer .footer-inner { border-top: none; }

/* CUSTOM MODAL BOX */
/* The Modal (background) */
.modal:before { display: block; content: ''; position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; /*background-image: url('../images/dummies/modal-pattern.png');*/ background-size: cover; opacity: 0.85; z-index: -1; }

.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ /* end .modal-content */ }

.modal .modal-content { background-color: #fff; margin: 10% auto; /* 10% from the top and centered */ padding: 40px; width: 90%; max-width: 1000px; position: relative; /* end .modal-profile */ }

@media (max-width: 1024px) { .modal .modal-content { margin: 10% auto; } }

@media (max-width: 767px) { .modal .modal-content { padding: 40px 15px; margin: 5% auto; } }

.modal .modal-content .modal-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.modal .modal-content .modal-profile .modal-profile-image { width: 20%; }

@media (max-width: 767px) { .modal .modal-content .modal-profile .modal-profile-image { width: 30%; } }

.modal .modal-content .modal-profile .modal-profile-image img { width: 100%; max-width: 120px; height: auto; border-radius: 50%; display: block; margin: 0 auto; }

.modal .modal-content .modal-profile .modal-profile-bio { width: 80%; padding-left: 30px; }

@media (max-width: 767px) { .modal .modal-content .modal-profile .modal-profile-bio { width: 100%; padding-left: 0; margin-top: 15px; } }

.modal .modal-content .modal-profile .modal-profile-bio h4 { margin-top: 10px; margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; color: #9AD1DC; }

.modal .modal-content .modal-profile .modal-profile-bio p.modal-profile-position { font-weight: 700; border-bottom: 1px solid #ECEDEC; padding-bottom: 5px; }

.modal .modal-content .modal-profile .modal-profile-bio p { font-size: 16px; font-size: 1rem; }

.modal .modal-content .modal-profile .end-modal-close { display: block; text-align: center; margin: 15px 0 15px auto; }

/* end .modal */
.general-container .nf-form-content button, .general-container .nf-form-content input[type=button], .general-container .nf-form-content input[type=submit] { font-size: 16px; font-size: 1rem; font-weight: 700; text-align: center; letter-spacing: 1px; line-height: 1; padding: 15px 30px; text-transform: uppercase; color: #fff; background-color: #9AD1DC; border-radius: 3px; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; border: 2px solid #9AD1DC; }

.general-container .nf-form-content button:hover, .general-container .nf-form-content input[type=button]:hover, .general-container .nf-form-content input[type=submit]:hover { background-color: #c0e2e9; color: #fff; }

@media (max-width: 767px) { .general-container .nf-form-content button, .general-container .nf-form-content input[type=button], .general-container .nf-form-content input[type=submit] { padding: 10px 20px; font-size: 14px; font-size: 0.875rem; } }

.general-container .nf-form-content .list-select-wrap .nf-field-element > div:focus, .general-container .nf-form-content input:not([type=button]):focus, .general-container .nf-form-content textarea:focus { border-color: #9AD1DC; }

.general-container .nf-form-content { margin: 30px auto; }

.general-container .nf-before-form-content { padding: 5px; }

.general-container .nf-before-form-content .nf-form-fields-required { text-align: center; font-size: 14px; font-size: 0.875rem; color: #B9B9B9; }

.general-container .nf-after-form-content { text-align: center; font-size: 20px; font-size: 1.25rem; }

.general-container .nf-response-msg { text-align: center; background-color: #fafafa; border: 1px solid #ECEDEC; padding: 30px; border-radius: 10px; margin-top: 60px; }

.general-container .nf-response-msg p { font-weight: 700; margin: 10px 0; }

/*# sourceMappingURL=maps/theme.css.map */