/* -- z-index -- 
  slide carousel buttons have z-index of 999
*/
.leadCapture_tease {
	z-index: 1949;
}
.leadCapture_SlideIn {
	z-index: 1950;
}
.wrapper-newslet {
    position: relative;
    z-index: 1999;
}


/* -- hidden -- */
.leadCapture_SlideIn .leadCapture_quoteTail,
.leadCapture_tease .leadCapture_quoteTail,
.leadCapture_workingOnIt{
	display: none;
}

/* -- font --
@font-face {
	font-family: GothamBold;
	src: url(./fonts/Gotham-Black.otf)  format('opentype'),
	url(./fonts/Gotham-Medium.woff) format('woff');

}
@font-face {
	font-family: DearJoe;
	src: url(./fonts/dearJoe6-dearJoe6.woff);
} */


.leadCapture_success,
.leadCapture_SlideIn,
.leadCapture_tease, 
.leadCapture_tease p{
	color:              #fff;
	font-family:        Montserrat, sans-serif;
}
.textC_green {
	color:              #91C84C;
}
.fontW_b {
	font-weight:        bold;
}
.fontF_m {
	font-family:        Montserrat, sans-serif;
}
.fontF_p,
.fontF_g {
	font-family:        Montserrat,"GothamBold" , sans-serif;
}
.fontF_s {
	font-family:        Montserrat, 'DearJoe', sans-serif, cursive;
}
.leadCapture_heading {
	font-size:          22px;
	line-height:        30px;
	letter-spacing:     0.3px;
}


/* -- layout -- */
.leadCapture_row {
	width:      100%;
	float:      left;
	clear:      both;
}
.leadCapture_flexRow {
	display:            flex;
	justify-content:    space-evenly;
	flex-direction:     row;
}
.leadCapture_flexCenter{
	display:            flex;
	justify-content:    center;
	align-content:      center;
}


/* -- button -- */
.leadCapture_SlideIn [role=button],
.leadCapture_tease [role=button] {
	cursor: pointer;
}
.leadCapture_closeBtn {
	float:  right;
}
.leadCapture_SlideIn button[type='submit']{
	background:     #91C84C;
	border-radius:  28px;
	height: 56px;
	width: 100%;
	border: none;
	margin-bottom: 6px;
}

.leadCapture_SlideIn button[type='submit']:hover,
.leadCapture_SlideIn button[type='submit']:active {
	background: #4EA147;
	outline: none;
}

.leadCapture_SlideIn button[type='submit']:focus {
	outline: none;
}


/* -- tease -- */
.leadCapture_tease {
	background: #00562F;
	position:   fixed;
	bottom:     0;
	left:       0;
}
.leadCapture_tease p {
	padding:        18px 10px;
	font-size:      14px;
	margin:         0;
}
/* -- form -- */
.leadCapture_showingForm .leadCapture_SlideIn {
	display:        block;
}

.leadCapture_hideSuccess .leadCapture_success,
.leadCapture_hideForm .leadCapture_SlideIn,
.leadCapture_showForm .leadCapture_tease {
	pointer-events: none;
}
.leadCapture_SlideIn {
	background-image:   url(https://res.cloudinary.com/thl/image/upload/v1580866348/Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Mask_2x.png);
	background-color:   #00562F;
	background-repeat: repeat no-repeat;
	background-position: center 59px;
	background-size: 	616px auto;
	
	padding-top:        59px; /* height of ribbon */
	position:           fixed;
	top:                0;
	left:               0;
	bottom:             0;
	right:              0;
	max-width:          100vw;
}
.leadCapture_gutter {
	padding-left:   30px;
	padding-right:  30px;
	max-width:      570px;
	margin:         auto;
}
.leadCapture_success .leadCapture_closeBtn,
.leadCapture_SlideIn .leadCapture_closeBtn {
	padding:            30px;
	transform:          translateX(30px);
	margin-bottom:      3px;
}
.leadCapture_intro {
	margin-top:     17px;
	text-align:     center;
}




/* -- input -- */
.leadCapture_SlideIn input[type='text']{
	width:          100%;
	height:         56px;
	padding:        4px 4px 4px 8px;
	background:     #fff;
	border-radius:  2px;
	margin-bottom:  10px;
	border:         2px solid #fff;
	color:          #000;
}
.leadCapture_SlideIn input[type='text'] + input {
	margin-bottom: 6px;
}
.leadCapture_SlideIn input[type='text']:focus {
	outline:    none;
	border:     2px solid #91C84C;
}
.leadCapture_SlideIn input.mktoInvalid,
.leadCapture_SlideIn input.invalid {
	background-color: #FDC1BF;
	border:     2px solid #FDC1BF;
}
.leadCapture_SlideIn input.mktoInvalid:focus,
.leadCapture_SlideIn input.invalid:focus {
	border:     2px solid #c00;
}

/* -- checkbox -- */
.leadCapture_checkboxLabelWrapper {
	padding-left:   26px;
	position:       relative;
}
.leadCapture_SlideIn .mktoLogicalField.mktoCheckboxList input,
#leadCapture_capture {
	opacity:        0;
	width:          1px;
	height:         1px;
	position:       absolute;
	top:            0;
	left:           -1px;
	pointer-events: none;
}
.leadCapture_checkboxLabel {
	font-size:      12px;
	line-height:    15px;
	font-weight:    400;
}
.leadCapture_checkbox {
	position:   absolute;
	top:        -2px;
	left:       0;
	line-height: 1;
	color:      #fff;
	font-size:  22px;
}
.leadCapture_checkbox .fa-check-circle {
	display:    none;
}
#leadCapture_capture:checked + .leadCapture_checkbox .fa-circle-thin {
	display:    none;
}
#leadCapture_capture:checked + .leadCapture_checkbox .fa-check-circle {
	display:    block;
	color:      #4EA147;
}
/* -- legal -- */
.leadCapture_legal {
	line-height:    1;
	font-size:      13px;
	margin-top:     10px;
	opacity:        0.5;
}

.leadCapture_legal a {
	color: #91c84c;
}

/* -- success message -- */
.leadCapture_success {
	border-radius:  10px 20px 20px 0;
	bottom:         50px;
	left:           20px;
	width:          calc(100% - 40px);
	max-width:      628px;
	position:       fixed;
	background-image:   	url(https://res.cloudinary.com/thl/image/upload/v1580866348/Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Oval_Mask_2x.png);
	background-color:   	#00562F;
	background-repeat: 		repeat no-repeat;
	background-position: 	center top;
	background-size: 		616px auto;

}
.leadCapture_quoteTail {
	position: absolute;
	top: 100%;
	left: 0;
	border: 18px solid #00562F;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.leadCapture_success .leadCapture_closeBtn {
	transform: translateX(0);
}

.leadCapture_success .leadCapture_gutter p {
	text-align: center;
}
.leadCapture_success .leadCapture_gutter {
	padding-bottom: 30px;
}

/* -- turn on marketo validation -- */
.leadCapture_SlideIn .mktoError {
    right: auto !important;
    left: 0;
}

/* -- show the upper ribbon -- */
@media (max-width: 999px){
	.leadCapture_showForm .wrapper-toplinks {
		position:   fixed;
		top:        0;
		left:       0;
		z-index:    999;
		width:      100%;
	}
}
/* -- desktop =========================================== -- */
@media (min-width: 1000px){
	/* -- teaser -- */
	.leadCapture_tease {
		bottom:         40px;
		left:           20px;
		width:          auto;
		border-radius:  10px 20px 20px 0;
	}
	.leadCapture_tease .leadCapture_teaseText {
		padding-left:   34px;
		font-size:      18px;

	}
	.leadCapture_tease .leadCapture_closeBtn {
		margin-left:    12px;
		margin-right:   12px;
		padding:        18px;
	}
	.leadCapture_tease .leadCapture_quoteTail{
		display:        block;
		border-width:   10px;
	}
	/* -- slideIn -- */
	.leadCapture_SlideIn {
		top:            auto;
		right:          auto;
		width:          628px;
		bottom:         50px;
		left:           20px;
		padding-top:    0;
		background-position: top center;
		border-radius:  10px 20px 20px 0;
	}
	.leadCapture_SlideIn .leadCapture_quoteTail {
		display: block;
	}
	.leadCapture_SlideIn .leadCapture_closeBtn {
		padding:        27px;
	}
	.leadCapture_SlideIn .leadCapture_gutter {
		max-width:      100%;
	}
	.leadCapture_flexOrderWrapper {
		display:        flex;
		flex-wrap:      wrap;
	}
	.leadCapture_flexOrderWrapper input,
	.leadCapture_flexOrderWrapper button {
		order:          1;
	}
	.leadCapture_flexOrderWrapper .leadCapture_checkboxLabelWrapper {
		order:          2;
		width:          100%;
	}

	.leadCapture_flexOrderWrapper input[type='text'] {
		width:          209px;
		margin-right:   10px;
	}
	.leadCapture_flexOrderWrapper button[type='submit'] {
		width:          130px;
	}
	.leadCapture_SlideIn .leadCapture_legal,
	.leadCapture_SlideIn .leadCapture_heading,
	.leadCapture_SlideIn .leadCapture_intro {
		max-width:      450px;
		margin-left:    auto;
		margin-right:   auto;
		text-align:     center;
	}

	.leadCapture_heading {
		font-size:      30px;
		font-weight:    600;
		line-height:    38px;
	}
	.leadCapture_intro {
		margin-bottom: 10px;
	}
	.leadCapture_checkboxLabelWrapper {
		margin-bottom: 34px;
	}
	.leadCapture_SlideIn .leadCapture_legal {
		margin-bottom: 15px;
	}
	/* -- success message -- */
	.leadCapture_success .leadCapture_gutter {
		padding-bottom: 64px;
	}

	/* -- hide the teaser -- */
	.leadCapture_showForm .leadCapture_tease{
		display: none;
	}
}


/* ==== animations ===== */
@keyframes spin {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

.leadCapture_thinking {
	pointer-events:  none;
}
.leadCapture_thinking .leadCapture_tease,
.leadCapture_thinking .leadCapture_SlideIn button[type="submit"] .leadCapture_btnText{
	display: none;
}
.leadCapture_thinking .leadCapture_SlideIn button[type="submit"] .leadCapture_workingOnIt{
	display:    block;
	width:      20px;
	height:     20px;
	background:         transparent;
	border:             3px solid transparent;
	border-top-color:   white;
	border-radius: 10px;
	animation-duration: 0.4s;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
/* -- animations tease -- */
.leadCapture_tease {
	transform: translate3d(0,100%,0);
	transition: all 0.3s;
}
.leadCapture_showTeaser .leadCapture_tease {
	transform:          translate3d(0,0,0);
	transition:         all 1s;
	transition-delay:   1s;
}
/* -- animations form -- */
.leadCapture_SlideIn {
	transform:      translate3d(0,calc(100% + 50px),0);
	transition:     all 0.3s;
}
.leadCapture_showForm .leadCapture_SlideIn {
	transform:      translate3d(0,0,0);
	transition:     all 0.3s;
	display:        block;
}
.leadCapture_showFormPassiveTimer .leadCapture_SlideIn {
	transition:     all 0.8s;
}

.leadCapture_hideForm .leadCapture_SlideIn {
	transform:      translate3d(0,-100%,0);
	transition:     all 0.6s;
}

.leadCapture_showSuccess .leadCapture_SlideIn {
	display: none;
}

/* -- animations success -- */
.leadCapture_success {
	transform:      translate3d(0,calc(100% + 50px),0);
	transition:     all 0.6s;
}

.leadCapture_showSuccess .leadCapture_success{
	transform:      translate3d(0,0,0);
	transition:     all 0.6s;
}
/* -- hide success -- */
.leadCapture_hideSuccess .leadCapture_success{
	opacity:        0.7;
	transform:      translate3d(0,calc(100% + 50px),0);
	transition:     all 0.6s;
}

/* -- animations tease -- */
@media (min-width: 1000px){
	.leadCapture_tease {
		transform: translate3d(calc(-100% - 20px),0,0);
		transition: all 0.3s;
	}

	/* -- animations success -- */
	.leadCapture_hideForm .leadCapture_SlideIn {
		opacity:        0.7;
		transform:      translate3d(calc(-100% - 25px),0,0);
		transition:     all 0.6s;
	}

	.leadCapture_showSuccess .leadCapture_SlideIn {
		display: block;
	}
}


.leadCapture_hideAll .leadCapture_tease,
.leadCapture_hideAll .leadCapture_SlideIn,
.leadCapture_hideAll .leadCapture_success {
	transform: 	translate3d(-100%,calc(100% + 50px),0);
	transition: all 0.4s;
	pointer-events: none;
	opacity: 0.6;
}


/* -- marketo form -- */
.leadCapture_SlideIn .mktoError,
.leadCapture_SlideIn label[for="FirstName"],
.leadCapture_SlideIn label[for="City"],
.leadCapture_SlideIn label[for="Email"]/*,
.leadCapture_SlideIn #City*/
{
	display: none;
}
.leadCapture_SlideIn button[type='submit'] {
	display:            flex;
	justify-content:    space-evenly;
	flex-direction:     row;
	width: 100%;
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	background: #91C84C;
}
.leadCapture_SlideIn .mktoButtonWrap.mktoSimple {
	margin: 0 !important;
}
.leadCapture_SlideIn .mktoButtonRow {
	width: 100%;
}
.leadCapture_SlideIn input[type='email'],
.leadCapture_SlideIn input[type='text'] {
	height: 56px !important;
	padding: 4px 4px 4px 8px !important;
	font-size: 14px !important;
}


.leadCapture_SlideIn .mktoAsterix {
	display: none !important;
}
/*
.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow + .mktoFormRow {
	display: none;
}*/
.leadCapture_SlideIn .mktoLabel {
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-weight: 400 !important;
}

.leadCapture_SlideIn label[for^="rVNZOptIn"]{
	padding-left: 30px;
	position: relative;
}

.leadCapture_SlideIn input + label[for^="rVNZOptIn"]{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(https://res.cloudinary.com/thl/image/upload/v1580784777/circl.png);
	background-repeat: no-repeat;
	background-size: 20px auto;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px;
}

.leadCapture_SlideIn input:checked + label[for^="rVNZOptIn"]{
	background-image: url(https://res.cloudinary.com/thl/image/upload/v1580784777/circl-check.png);
}

.leadCapture_closeBtn {
	background-image:   url(https://res.cloudinary.com/thl/image/upload/v1580785777/x.png);
	background-repeat:  no-repeat;
	background-size:    10px 10px;
	background-position: center;
}


/* -- invalid checkbox -- */
.leadCapture_SlideIn .mktoCheckboxList.mktoInvalid label{
	background: #FDC1BF;
	border-radius: 50%;
}

#mktoForm_184 {
	padding-left: 0;
	padding-right: 0;
}


@media (max-width: 999px){
	
	.leadCapture_intro,
	.leadCapture_heading {
		float: left;
		width: 100%;
		text-align: center;
	}
	.leadCapture_heading {
		margin-top :18px;
	}
	.leadCapture_intro {
		margin-top: 6px;
	}
}

.leadCapture_SlideIn .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
	background: #91C84C;
	align-items: center;
}

.leadCapture_SlideIn label[for^="rVNZOptIn"] {
	padding-top: 0;
}
.leadCapture_SlideIn .mktoForm .mktoCheckboxList {
	padding: 0;
}
@media (min-width: 481px){
	.leadCapture_SlideIn label[for^="rVNZOptIn"]:first-child,
	.leadCapture_SlideIn input[name="FirstName"],
	.leadCapture_SlideIn input[name="Email"],
	.leadCapture_SlideIn input[name="City"],
	.leadCapture_SlideIn #mktoForm_184 {
		width: 100% !important;
	}

	.leadCapture_SlideIn .mktoOffset,
	.leadCapture_SlideIn .mktoGutter.mktoHasWidth {
		width: 0 !important;
	}

	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow .mktoFieldWrap,
	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow .mktoFieldDescriptor,
	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow + .mktoFormRow .mktoFieldWrap,
	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow + .mktoFormRow .mktoFieldDescriptor,
	.leadCapture_SlideIn style + .mktoFormRow .mktoFieldWrap,
	.leadCapture_SlideIn style + .mktoFormRow .mktoFieldDescriptor {
		width: 100%;
	}
	
}
@media (min-width: 1000px){
	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow,
	.leadCapture_SlideIn style + .mktoFormRow  {
		width: 219px;
		padding-right: 10px;
		float: left;
		clear: none;
	}
	
	.leadCapture_SlideIn #mktoForm_184 {
		display: 		flex;
		flex-direction: row;
		flex-wrap: 		wrap;
	}
	
	.leadCapture_SlideIn .mktoFormRow {
		order: 2;
	}
	.leadCapture_SlideIn style + .mktoFormRow,
	.leadCapture_SlideIn style + .mktoFormRow + .mktoFormRow{
		order: 0;
	}
	.leadCapture_SlideIn .mktoButtonRow {
		order: 1;
		width: 130px;
	}

	.leadCapture_SlideIn label[for^="rVNZOptIn"]:first-child {
		padding-top: 4px;
	}
}

/* -- thinking button -- */
.leadCapture_thinking .leadCapture_SlideIn .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
	position: 	relative;
	color: 		#91C84C;
}
.leadCapture_teaserThinking .leadCapture_tease .leadCapture_flexRow:after,
.leadCapture_thinking .leadCapture_SlideIn .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	z-index: 10;
	width: 20px;
	border: 	3px solid transparent;
	display:    block;
	height:     20px;
	background:         transparent;
	border-top-color:   white;
	border-radius: 10px;
	animation-duration: 0.4s;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	content: '';
}
.leadCapture_teaserThinking .leadCapture_tease .leadCapture_flexRow {
	position: relative;
}
.leadCapture_teaserThinking .leadCapture_tease  p {
		opacity: 0;
}
.leadCapture_teaserThinking .leadCapture_tease {
	pointer-events: none;
}


/* -- DEV ONLY ---  
#live-chat,
.navWrapper,
.modalUnderlay,
.bookingComponentAlt,
.hidden-svgs {
	display: none !important;
}
.footerPrimary,
.footerRibbon,
.bookingNew,
#barba-wrapper {
	opacity: 0;
	pointer-events: none;
}

body {
	background-image: url('./d2.png') !important;
	background-repeat: no-repeat !important;
	background-size: 1920px auto !important;
	overflow: hidden;
}

.mktoFormRow:nth-child(4n){
	display: none;
}*/