/************************************
	Foam
*************************************/
@font-face {
	font-family: 'Monument Grotesk Regular';
	src: url('../fonts/MonumentGrotesk-Regular.eot');
	src: url('../fonts/MonumentGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MonumentGrotesk-Regular.woff2') format('woff2'),
		url('../fonts/MonumentGrotesk-Regular.woff') format('woff'),
		url('../fonts/MonumentGrotesk-Regular.ttf') format('truetype'),
		url('../fonts/MonumentGrotesk-Regular.svg#MonumentGrotesk-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Monument Grotesk Regular';
	src: url('../fonts/MonumentGrotesk-Italic.eot');
	src: url('../fonts/MonumentGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MonumentGrotesk-Italic.woff2') format('woff2'),
		url('../fonts/MonumentGrotesk-Italic.woff') format('woff'),
		url('../fonts/MonumentGrotesk-Italic.ttf') format('truetype'),
		url('../fonts/MonumentGrotesk-Italic.svg#MonumentGrotesk-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'foamicons';
	src: url("../fonts/foamicons.eot?2iceb0");
	src: url("../fonts/foamicons.eot?#iefix2iceb0") format("embedded-opentype"), url("../fonts/foamicons.woff?2iceb0") format("woff"), url("../fonts/foamicons.ttf?2iceb0") format("truetype"), url("../fonts/foamicons.svg?2iceb0#foamicons") format("svg");
	font-weight: normal;
	font-style: normal
}

.custom-font{
	font-family: 'foamicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.custom-font.iconmenu:before {
	content: "\e60d"
}
.custom-font.iconfoam:before {
	content: "\e614"
}
.custom-font.iconcross:before{
	content: "\e60c"
}


/************************************
	Header
*************************************/
header{
	padding: 0;
}
header .logo-container img{
	width: auto;
	height: 100px;
}
header .banner{
	background-image: url(../images/background/banner.jpg);
	background-position: center center;
}

@media screen and (min-width: 650px){
	header .logo-container img{
		height: auto;
	}
}

/************************************
	Buttons
*************************************/
.button{
	height: 40px;
	line-height: 36px;
	font-weight: 400;
}
.button.prev{
	background: transparent;
	border-color: #000000;
	color: #000000;
}

/************************************
	Datepicker Calendar
*************************************/
.ui-datepicker-inline .ui-datepicker-header
{
	background: #000000;
	border-color: #000000;
}
.ui-datepicker-inline .ui-datepicker-current-day .ui-state-active
{
	background: #000000;
	border-color: #000000;
}

/************************************
	Selectmenu
*************************************/
.ui-menu-item-wrapper.ui-state-active{
	background: #000000;
}

/************************************
	Icons
*************************************/
:checked ~ label .icon{
	color: #000000 !important;
}

/************************************
	.text-list
*************************************/
.text-container ul li:before,
.text-list li:before{
	background: #000000 !important;
}





/************************************
	Background
*************************************/
.gt-background-main
{
	background: #FFFFFF !important;
}
.gt-background-second
{
	background: #000000 !important;
}
.gt-background-third
{
	background: #FFFFFF !important;
}
.gt-background-fourth
{
	background: #f2f2f2 !important;
}


/************************************
	Border-color
*************************************/
.gt-border-color-main
{
	border-color: #FFFFFF !important;
}
.gt-border-color-second
{
	border-color: #000000 !important;
}
.gt-border-color-third
{
	border-color: #000000 !important;
}
.gt-border-color-fourth
{
	border-color: #f2f2f2 !important;
}


/************************************
	Border-radius
*************************************/
.gt-border-radius{
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
	   		border-radius: 0 !important;
}

/************************************
	Font Family
*************************************/
.gt-font-family{
	font-family: "Monument Grotesk Regular" !important;
	font-weight: 400;
	line-height: 26px;
}
.gt-font-family-second{
	font-family: "Monument Grotesk Regular" !important;
	font-weight: 400;
}

/************************************
	Font Color
*************************************/
.gt-font-color-main
{
	color: #242422 !important;
}
.gt-font-color-second
{
	color: #000000 !important;
}
.gt-font-color-third
{
	color: #242422 !important;
}
.text-container a
{
	color: #000000;
}
.gt-font-color-fourth
{
	color: #000000 !important;
}
.gt-font-color-fifth
{
	color: #000000 !important;
}

/************************************
	Font size
*************************************/
.gt-font-size
{
	font-size: 18px !important;
}
.gt-font-size-second
{
	font-size: 18px !important;
}


/************************************
	Custom
*************************************/
*{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#thankyou-section a{
	text-decoration: underline;
}

/************************************
	#custom-header
*************************************/
#custom-header{
	position: relative;
	height: 45px;
	padding: 0 10px;
	margin: 0 0 20px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
	z-index: 2;
}
#open-main-nav{
	position: absolute;
	top: 50%;
	left: 10px;
	padding: 0;
	border: 0;
	margin: -12px 0 0;
	background: none;
	font-size: 24px;
	line-height: 1;
}
#open-main-nav .close{
	display: none;
}
.open-custom-nav #open-main-nav .open{
	display: none;
}
.open-custom-nav #open-main-nav .close{
	display: inline;
}
@media screen and (min-width: 1200px){
	#custom-header{
		height: 76px;
	}
	#open-main-nav{
		display: none;
	}
}

/***** #custom-main-nav *****/
#custom-main-nav{
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	padding: 0 0 25px;
	background: #FFFFFF;
}
.open-custom-nav #custom-main-nav{
	display: block;
}
#custom-main-nav a{
	display: block;
	padding: 0 0 0 20px;
	color: #000000;
	font-size: 32px;
	line-height: 55px;
	text-transform: lowercase;
}
#custom-main-nav a:hover{
	color: #e42313;
}
@media screen and (min-width: 1200px){
	#custom-main-nav{
		display: block;
		float: left;
		position: static;
		width: auto;
		padding: 0 0 0 40px;
	}
	#custom-main-nav li{
		float: left;
	}
	#custom-main-nav a{
		padding: 0 35px 0 0;
		font-size: 18px;
		line-height: 76px;
	}
}

/***** #custom-logo-container *****/
#custom-logo-container{
	position: absolute;
	top: 0;
	left: 50%;
	width: 200px;
	margin: 0 0 0 -100px;
	text-align: center;
}
#custom-logo-container .custom-font{
	color: #e42313;
	font-size: 27px;
	line-height: 45px;
}
@media screen and (min-width: 1200px){
	#custom-logo-container .custom-font{
		font-size: 45px;
		line-height: 76px;
	}
}

/************************************
	.has-titles
*************************************/
.has-titles .ui-datepicker td span,
.has-titles .ui-datepicker td a{
	padding-top: 5px;
	padding-bottom: 25px;
}
.has-titles .ui-datepicker td:after{
	margin-bottom: 5px;
	font-size: 10px;
}
@media screen and (min-width: 650px){
	.has-titles .ui-datepicker td:after{
		font-size: 14px;
	}
}

/************************************
	.custom-discount
*************************************/
.custom-discount:after{
	font-weight: 700;
}