@font-face {
	font-family: 'Avenir-Light';
	src: url('font/377556_0_0.eot');
	src: url('font/377556_0_0.eot?#iefix') format('embedded-opentype'), url('font/377556_0_0.woff2') format('woff2'), url('font/377556_0_0.woff') format('woff'), url('font/377556_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Avenir-Medium';
	src: url('font/3556BA_0_0.eot');
	src: url('font/3556BA_0_0.eot?#iefix') format('embedded-opentype'), url('font/3556BA_0_0.woff2') format('woff2'), url('font/3556BA_0_0.woff') format('woff'), url('font/3556BA_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Avenir-Roman';
	src: url('font/3556BA_1_0.eot');
	src: url('font/3556BA_1_0.eot?#iefix') format('embedded-opentype'), url('font/3556BA_1_0.woff2') format('woff2'), url('font/3556BA_1_0.woff') format('woff'), url('font/3556BA_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Avenir-Black';
	src: url('font/3556BA_2_0.eot');
	src: url('font/3556BA_2_0.eot?#iefix') format('embedded-opentype'), url('font/3556BA_2_0.woff2') format('woff2'), url('font/3556BA_2_0.woff') format('woff'), url('font/3556BA_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Avenir-Heavy';
	src: url('font/38BB81_0_0.eot');
	src: url('font/38BB81_0_0.eot?#iefix') format('embedded-opentype'), url('font/38BB81_0_0.woff2') format('woff2'), url('font/38BB81_0_0.woff') format('woff'), url('font/38BB81_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Avenir-85-Heavy';
	src: url('font/avenir_85_heavy.ttf');
}

@font-face {
	font-family: 'Brandon-Light';
	src: url('font/brandon_light.otf');
}

@font-face {
	font-family: 'Brandon-Regular';
	src: url('font/brandon_regular.otf');
}

@font-face {
	font-family: 'Brandon-Medium';
	src: url('font/brandon_medium.otf');
}

@font-face {
	font-family: 'Brandon-Bold';
	src: url('font/brandon_bold.otf');
}

@font-face {
	font-family: 'Brandon-Black';
	src: url('font/brandon_black.otf');
}

@font-face {
	font-family: 'Brandon-Italic';
	src: url('font/brandon_italic.otf');
}

@font-face {
	font-family: 'Courier';
	src: url('font/courier.ttf');
}

@font-face {
	font-family: 'LTCGlobeGothic-Bold';
	src: url('font/LTCGlobeGothic-Bold.otf');
}

@font-face {
	font-family: 'RocGrotesk-Bold';
	src: url('font/RocGrotesk-Bold.eot');
	src: url('font/RocGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/RocGrotesk-Bold.woff2') format('woff2'),
		url('font/RocGrotesk-Bold.woff') format('woff'),
		url('font/RocGrotesk-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'RocGrotesk-Regular';
	src: url('font/RocGrotesk-Regular.eot');
	src: url('font/RocGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/RocGrotesk-Regular.woff2') format('woff2'),
		url('font/RocGrotesk-Regular.woff') format('woff'),
		url('font/RocGrotesk-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'RocGrotesk-Light';
	src: url('font/RocGrotesk-Light.eot');
	src: url('font/RocGrotesk-Light.eot?#iefix') format('embedded-opentype'),
		url('font/RocGrotesk-Light.woff2') format('woff2'),
		url('font/RocGrotesk-Light.woff') format('woff'),
		url('font/RocGrotesk-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'RocGrotesk-Medium';
	src: url('font/RocGrotesk-Medium.eot');
	src: url('font/RocGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
		url('font/RocGrotesk-Medium.woff2') format('woff2'),
		url('font/RocGrotesk-Medium.woff') format('woff'),
		url('font/RocGrotesk-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'RocGrotesk-Thin';
	src: url('font/RocGrotesk-Thin.eot');
	src: url('font/RocGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
		url('font/RocGrotesk-Thin.woff2') format('woff2'),
		url('font/RocGrotesk-Thin.woff') format('woff'),
		url('font/RocGrotesk-Thin.ttf') format('truetype');
}

@font-face {
	font-family: "icons";
	src: url("font/icons.eot");
	src: url("font/icons.eot?4fdd978a37a136e1cba88be4da89146b?#iefix") format("embedded-opentype"),
		url("font/icons.woff2?4fdd978a37a136e1cba88be4da89146b") format("woff2"),
		url("font/icons.woff?4fdd978a37a136e1cba88be4da89146b") format("woff"),
		url("font/icons.ttf?4fdd978a37a136e1cba88be4da89146b") format("truetype"),
		url("font/icons.svg?4fdd978a37a136e1cba88be4da89146b#icons") format("svg");
}


*,
*:before,
*:after {
	box-sizing: border-box;
	text-indent: 0;
}

*:before,
*:after {
	/* not * to preserve inheritance */
	font-family: 'Avenir-Roman';
}

.font-Avenir-Light {
	font-family: 'Avenir-Light';
}

.font-Avenir-Medium {
	font-family: 'Avenir-Medium';
}

.font-Avenir-Roman {
	font-family: 'Avenir-Roman';
}

.font-Avenir-Black {
	font-family: 'Avenir-Black';
}

.font-Avenir-Heavy {
	font-family: 'Avenir-Heavy';
}

.font-Avenir-85-Heavy {
	font-family: 'Avenir-85-Heavy';
}

.font-Oswald {
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
}

.font-Cabin {
	font-family: 'Cabin', sans-serif;
	color: #B2B2B2;
}

.font-Open-Sans {
	font-family: 'Open Sans', sans-serif;
}

.font-Brandon-Thin {
	font-family: 'Brandon-Thin';
}

.font-Brandon-Light {
	font-family: 'Brandon-Light';
}

.font-Brandon-Regular {
	font-family: 'Brandon-Regular';
}

.font-Brandon-Medium {
	font-family: 'Brandon-Medium';
}

.font-Brandon-Bold {
	font-family: 'Brandon-Bold';
}

.font-Brandon-Black {
	font-family: 'Brandon-Black';
}

.font-Brandon-Italic {
	font-family: 'Brandon-Italic';
}

.font-Courier {
	font-family: 'Courier';
}

.font-Grotesk-Regular {
	font-family: 'RocGrotesk-Regular';
}

.font-Grotesk-Medium {
	font-family: 'RocGrotesk-Medium';
}

.font-Grotesk-Bold {
	font-family: 'RocGrotesk-Bold';
}

.font-LTCGlobeGothic-Bold {
	font-family: 'LTCGlobeGothic-Bold';
}


html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100vh;
	/* fallback for min-height: fill-availbale */
	-webkit-overflow-scrolling: touch;
	min-height: fill-available;
	overflow-Y: auto;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: 'Avenir-Roman', sans-serif;
	background-color: #f2f2f2;
	color: #4a4a4a;
	height: 100vh;
}

input,
select,
button {
	font-family: 'Avenir-Roman';
}

a,
a:hover {
	color: #4a4a4a;
	cursor: pointer;
	/* sometimes necessary */
}

h1 {
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}

h2,
h3,
h4 {
	color: rgba(0, 0, 0, 0.870588);
	font-weight: 400;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 14px;
	font-size: 1.3em;
}

h3 {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 1.2em;
}

input:-webkit-autofill {
	/* removes the ugly yellow bg when autofilled */
	box-shadow: 0 0 0 1000px white inset;
}

input[type=submit] {
	visibility: hidden;
	position: absolute;
	z-index: -1;
	tabindex: -1;
}

.overscrollNone {
	overscroll-behavior: none;
	-webkit-overscroll-behavior: none
}

/*----- Flex -------*/
.flexRow {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}

.flexColumn {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.flexCenter {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.flexClassicCenter {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.flexStretch {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.stretch {
	align-items: stretch;
}

.center {
	align-items: center;
}

.flexStart {
	align-items: flex-start;
}

.flexEnd {
	align-items: flex-end;
}

.spaceBetween {
	justify-content: space-between;
}

.spaceAround {
	justify-content: space-around;
}

.justifyStart {
	justify-content: flex-start;
}

.justifyEnd {
	justify-content: flex-end;
}

.justifyCenter {
	justify-content: center;
}

.stretchSelf {
	align-self: stretch;
}

.flexEndSelf {
	align-self: flex-end;
}

.centerSelf {
	align-self: center;
}

.flex1 {
	flex: 1;
}

.wrap {
	flex-wrap: wrap;
}

.nowrap {
	flex-wrap: nowrap;
}

.shrink0 {
	flex-shrink: 0
}

.shrink1 {
	flex-shrink: 1
}

.flexItem {
	padding: 10px;
}

/*------------------*/

.textCenter {
	text-align: center;
}

.errorColor {
	color: #ec554f;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.gridBorder {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.width100 {
	width: 100%;
}

.height100 {
	height: 100%;
}

.pointer {
	cursor: pointer;
}

.overflowHidden {
	overflow: hidden;
}

.overflowAuto {
	overflow: auto;
}

.positionRelative {
	position: relative;
}

.overParent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.floatRight {
	float: right;
}

.hidden {
	opacity: 0;
}

.visible {
	opacity: 1;
}

.transition300ms {
	transition: all 300ms ease-in-out
}

.marginRight8 {
	margin-right: 8px;
}

.marginRight10 {
	margin-right: 10px;
}

.marginRight15 {
	margin-right: 15px;
}

.marginRight25 {
	margin-right: 25px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop15 {
	margin-top: 15px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop25 {
	margin-top: 25px;
}

.marginTop50 {
	margin-top: 50px;
}

.marginLeft8 {
	margin-left: 8px;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginLeft15 {
	margin-left: 15px;
}

.marginLeft25 {
	margin-left: 25px;
}

.title15 {
	font-size: 15px;
}

.title17 {
	font-size: 17px;
}

.title16 {
	font-size: 16px;
}

.title20 {
	font-size: 20px;
}

.title22 {
	font-size: 22px;
}

/*-------------------------------------------------------------------*/
/*-------------------------- button styles --------------------------*/
/*-------------------------------------------------------------------*/
button {
	border: none;
}

.button {
	/*---- copied from flex center ----*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	color: white;
	background-color: #1FA086;
	border-radius: 4px;
	padding: 0
}

.button:active {
	color: white;
	background-color: #1fa086;
}

.button:hover {
	color: white;
	background-color: #2cc9aa;
}

.button:focus,
.button:active:focus {
	color: white;
	background-color: #19836e;
	outline: 0
}

.button:disabled,
.button:disabled:hover {
	color: white;
	background-color: #1fa086;
	opacity: 0.7;
	outline: 0;
	cursor: not-allowed;
}

.btn-link:focus,
.btn:focus,
.btn:active:focus {
	outline: 0;
}

.btn-link:focus,
.btn-link:hover {
	text-decoration: none;
	border: 2px solid #1FA086;
}

.btn-default.focus,
.btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
	outline: 0;
}

.button:active,
.button:focus,
.button:active:focus,
.btn-default:active:focus {
	outline: 0;
}

.btn-without-border,
.btn-without-border:focus,
.btn-without-border:hover {
	border: none;
	outline: 0;
}

/*-------------------------------------------------------------------*/
/*-------------------------- account styles -------------------------*/
/*-------------------------------------------------------------------*/
/*-- for image --*/
.container-user-image {
	margin-top: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
}

.right-container-purchase {
	padding: 5px;
	margin-left: 70px;
	max-width: 1050px;
	min-width: 700px;
}

.labelDeliveryDate {
	color: black;
}

.labelDeliveryDate:disabled {
	color: lightslategray;
}

/*-------------------------------------------------------------------*/
/*------------------------- textField styles ------------------------*/
/*-------------------------------------------------------------------*/
.textFieldForm {
	width: 100%;
	height: 34px;
	padding: 2px 6px;
	font-size: 13px;
	color: black;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	margin-top: -10px;
}

.textFieldForm:focus {
	outline: 0;
	border-bottom: 1px solid #59ba90;
}

.labelFieldForm {
	padding: 0 6px;
	font-size: 10px;
	color: #555;
	font-weight: 400;
	text-transform: uppercase;
}

/*-------------------------------------------------------------------*/
/*-------------------------- colors styles --------------------------*/
/*-------------------------------------------------------------------*/
/*-- green --*/
.greenSeazon,
.greenSeazon:hover {
	color: #1fa086;
}

.bgGreenSeazon {
	background-color: #1fa086;
}

/*-- orange --*/
.redSeazon {
	/*color: #f26226;*/
	color: #F53531;
}

/*-- grey --*/
.greySeazon {
	color: #4a4a4a;
}

.bgGreySeazon {
	background-color: #f2f2f2;
}

.greyBorder {
	border: 1px solid #d8d8d8;
}

/*-- white --*/
.bgWhiteSeazon {
	background-color: #fff;
}

.block {
	border: 1px solid #d8d8d8;
	background-color: white;
}

/*-------------------------------------------------------------------*/
/*----------------------------- selector ----------------------------*/
/*-------------------------------------------------------------------*/
/*.selector {
	border: 1px solid #d8d8d8;
	border-radius: 2px;
	cursor: pointer;
}
.selector:hover {
	border: 1px solid lightgrey;
	outline: 2px solid lightgrey;
	border-radius: 0;
	z-index: 2;
}
.selector:focus:active {
	border: 1px solid #469070;
	outline: 2px solid #469070;
	border-radius: 0;
	z-index: 4;
}
.selector:focus, .selector:active, .selector.selected {
	border: 1px solid #59ba90;
	outline: 2px solid #59ba90;
	border-radius: 0;
	z-index: 1;
}
.selected.selected {
	z-index: 3;
}*/

/*-------------------------------------------------------------------*/
/*---------------------- CSSTransition fade-in ----------------------*/
/*-------------------------------------------------------------------*/
.fade-appear {
	opacity: 0.01;
}

.fade-appear.fade-appear-active {
	opacity: 1;
	transition: opacity .35s ease-in;
}

/*---------------------------------------------------------------------------*/
/*---------------------- Tooltip CSSTransition fade-in ----------------------*/
/*---------------------------------------------------------------------------*/
/* .tooltip-enter {
  opacity: 0.01;
}
.tooltip-enter.tooltip-enter-active {
  opacity: 1;
  transition: opacity 100ms ease-in;
} */
.tooltip-leave {
	opacity: 1;
}

.tooltip-leave.tooltip-leave-active {
	opacity: 0.01;
	transition: opacity 100ms ease-in;
}

.tooltip-appear {
	opacity: 0.01;
}

.tooltip-appear.tooltip-appear-active {
	opacity: 1;
	transition: opacity 1s ease-in;
}

/*---------------------------------------------------------------------------*/
/*--------------------------------- rate css --------------------------------*/
/*---------------------------------------------------------------------------*/
.rc-rate {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	outline: none;
}

.rc-rate-disabled .rc-rate-star:before,
.rc-rate-disabled .rc-rate-star-content:before {
	cursor: default;
}

.rc-rate-disabled .rc-rate-star:hover {
	transform: scale(1);
}

.rc-rate-star {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	transition: all .3s;
	color: #e9e9e9;
	cursor: pointer;
	line-height: 1.5;
	outline: none;
}

.rc-rate-star-first,
.rc-rate-star-second {
	transition: all .3s;
}

.rc-rate-star-focused,
.rc-rate-star:hover {
	transform: scale(1.1);
}

.rc-rate-star-first {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}

.rc-rate-star-half .rc-rate-star-first,
.rc-rate-star-half .rc-rate-star-second {
	opacity: 1;
}

.rc-rate-star-half .rc-rate-star-first,
.rc-rate-star-full .rc-rate-star-second {
	color: #f5a623;
}

.rc-rate-star-half:hover .rc-rate-star-first,
.rc-rate-star-full:hover .rc-rate-star-second {
	color: #f8c165;
}

/*---------------------------------------------------------------------------*/
/*----------------------------- correcting _lm_pix --------------------------*/
/*---------------------------------------------------------------------------*/
#_lm_pix {
	display: none;
}


div.seazon-calendar,
div.seazon-calendar * {
	outline: none !important;
}

div.seazon-calendar-header {
	text-align: center;
	padding: 10px;
	font-family: 'Avenir-Medium';
	font-size: 21px;
	color: #3A5550;
	text-transform: capitalize;
}

div.seazon-calendar-month-panel {
	display: none;
}

a.seazon-calendar-year-select {
	display: none;
}

table.seazon-calendar-table {
	width: 100%;
	text-align: center;
	text-transform: capitalize;
}

th.seazon-calendar-column-header {
	font-family: 'Avenir-Light';
	font-size: 15px;
	color: #9E9E9E;
	padding: 10px;
	/*border-bottom: 1px solid #d8d8d8;*/
	font-weight: normal;
}

.seazon-calendar-cell {
	/*border-top: 1px solid #d8d8d8;*/
	padding: 0px;
	font-family: 'Avenir-Medium';
	font-size: 13px;
	text-align: center;
}

/*---- Masonry items -------*/
.grid-item {
	width: 420px;
}

.grid-item-100 {
	width: 100%;
}

/*---- spinner ----*/
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

.loader {
	border: 6px solid #ffffff;
	border-radius: 50%;
	border-top: 6px solid #07393E;
	border-right: 6px solid #07393E;
	border-bottom: 6px solid #07393E;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
}

/*---------------------------------------------------------------------------*/
/*---------------------- Seazon Account header desktop ----------------------*/
/*---------------------------------------------------------------------------*/
body.ReactModal__Body--open .account-header-desktop {
	z-index: 110;
}


/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* animation check marker */

@-webkit-keyframes dash-circle {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash-circle {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}

@keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}


/*-------------------------------------------------------------------*/
/*-------------------------- control terminal ------------------------*/
/*-------------------------------------------------------------------*/


/*------------------------title and subtitle for ALL order pages---------*/

.controlTerminalTitle {
	font-size: 48px;
	font-family: 'RocGrotesk-Medium';
	font-style: normal;
	font-weight: 500;
	line-height: 62px;
	letter-spacing: -1px;
	text-align: center;
}

.controlTerminalSubtitle {
	font-size: 35px;
	font-family: 'RocGrotesk-Regular';
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	text-align: center;
}

.controlTerminalOrderButton {
	display: flex;
	padding: 24px 32px !important;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	cursor: pointer;
	height: 74px !important;
}

.controlTerminalButtonText {
	font-family: "RocGrotesk-Medium";
	font-size: 26px;
	font-style: normal;
	line-height: 26px;
	text-transform: uppercase;
}

.controlTerminalFormLabel {
	color: #B3B0BB !important;
	text-align: start;
	font-family: 'RocGrotesk-Regular';
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	min-width: 100%;
}

.controlTerminalFormInput {
	font-family: 'RocGrotesk-Regular';
	font-size: 35px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 35px !important;
}