/************************************
	Mauritshuis
*************************************/
@font-face {
	font-family: 'relative-medium';
	src: url("../fonts/relative-medium-webfont.eot");
	src: url("../fonts/relative-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/relative-medium-webfont.woff") format("woff"), url("../fonts/relative-medium-webfont.ttf") format("truetype"), url("../fonts/relative-medium-webfont.svg#relative_medium") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'relative-medium';
	src: url("../fonts/relative-medium-webfont.eot");
	src: url("../fonts/relative-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/relative-medium-webfont.woff") format("woff"), url("../fonts/relative-medium-webfont.ttf") format("truetype"), url("../fonts/relative-medium-webfont.svg#relative_medium") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'tiempos';
	src: url("../fonts/TiemposTextWeb-Regular.eot");
	src: url("../fonts/TiemposTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-Regular.woff") format("woff"), url("../fonts/TiemposTextWeb-Regular.ttf") format("truetype"), url("../fonts/TiemposTextWeb-Regular.svg#tiempos_regular") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'tiempos';
	src: url("../fonts/TiemposTextWeb-RegularItalic.eot");
	src: url("../fonts/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-RegularItalic.woff") format("woff"), url("../fonts/TiemposTextWeb-RegularItalic.ttf") format("truetype"), url("../fonts/TiemposTextWeb-RegularItalic.svg#tiempos_regular_italic") format("svg");
	font-weight: normal;
	font-style: italic
}
@font-face {
	font-family: 'tiempos';
	src: url("../fonts/TiemposTextWeb-Semibold.eot");
	src: url("../fonts/TiemposTextWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-Semibold.woff") format("woff"), url("../fonts/TiemposTextWeb-Semibold.ttf") format("truetype"), url("../fonts/TiemposTextWeb-Semibold.svg#tiempos_semibold") format("svg");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'tiempos';
	src: url("../fonts/TiemposTextWeb-SemiboldItalic.eot");
	src: url("../fonts/TiemposTextWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-SemiboldItalic.woff") format("woff"), url("../fonts/TiemposTextWeb-SemiboldItalic.ttf") format("truetype"), url("../fonts/TiemposTextWeb-SemiboldItalic.svg#tiempos_semibold_italic") format("svg");
	font-weight: 700;
	font-style: italic
}


/************************************
	Header
*************************************/
header{
	padding: 0;
}
header .logo-container .wrap{

}
header .logo-container img{
	width: auto;
	height: 100px;
}
header .banner{
	background-image: url(../images/background/banner_20210705.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: #ff6c0e;
	color: #ff6c0e;
}

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

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

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

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





/************************************
	Background
*************************************/
.gt-background-main{
	background: #FFFFFF !important;
}
.gt-background-second{
	background: #ff6c0e !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: #ff6c0e !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: "tiempos",Arial,Helvetica,sans-serif !important;
	font-weight: 400;
}
.gt-font-family-second{
	font-family: 'relative-medium',Arial,Helvetica,sans-serif !important;
}

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

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

/************************************
	Custom
*************************************/


/************************************
	#custom-header
*************************************/
#custom-header{
	border-bottom: 1px solid #ff6c0e;
}
#custom-header:after{
	content: "";
	display: block;
	clear: both;
}
#custom-logo-container{
	float: left;
}
#custom-logo-container a{
	display: block;
	padding: 10px;
}
#custom-logo-container img{
	height: 21px;
}
@media screen and (min-width: 650px){
  #custom-logo-container img{
    height: 80px;
  }
}
@media screen and (min-width: 1000px){
	.page-body{
		padding-top: 100px;
	}
	#custom-header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #FFFFFF;
		z-index: 2;
	}
	#custom-logo-container a{
		display: block;
		padding: 10px 20px;
	}
	#custom-logo-container img{
		height: 80px;
	}
}

/************************************
	#custom-footer
*************************************/
#custom-footer {
  padding: 20px;
  background: #ff6c0e;
  text-align: center;
}
#custom-footer img {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}