/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/********************************************************** Begin visiting css ************************************************************/
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
.footerOfferSelect > div{
	width: calc(100% / 4) !important;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.offer i{
	font-size:1.8em !important;
}

.datePickerClass {
	letter-spacing: normal !important;
}
@media only screen and (max-width: 749px) {
	.footerOfferSelect{
		width: 100% !important;
	}
}
.footerOfferSelect > div span{
	display: inline-block !important;
}

span.selectconvertid_offerFilter_what{
	text-transform: capitalize;
}

.travelDescription a,
.travelDescription a:visited {
	color: #2870ad !important;
}
#website-body .ep-p_text{
	display: inline-block !important;
}

a:visited {
	color: #2971ae;
/* 	text-decoration: underline; */
}
.permanentOfferList a:hover {
	color: #326aab;
	text-decoration: underline;
}


@media only screen and (max-width: 1019px) and (min-width: 300px) {
	.contactCharacter div.ep-m_product:after {
		display: none !important;
	}

	#website-body .contactCharacter .ep_gridrow[class*="ep-o_"]:after,
	#website-body .contactCharacter .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content:after {
		display: none !important;
	}
}

.noUnderscore:before {
	border-top: 0px !important;
}

#OpenLayers_Layer_OSM_48 {
	z-index: 18 !important;
}

.lsn{
	letter-spacing: normal !important;
}
#OpenLayers_Map_33_OpenLayers_Container {
	z-index: 18 !important;
}

.addressCard {
	overflow-y: scroll !important;
}
.frame td, .frame td input{
	cursor: pointer;
}

.externalIcon {
	display: inline-block !important;
	width: 0.8em !important;
	margin-left: 6px !important;
	height: 0.8em;
	content: " ";
	background-image: url(../img/external.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container {
	z-index: 1600 !important;
}

.offerService div:after {
	height: 5px !important;
}

/* ---------------------- MAP MODAL -------------------- */
.olLayerDiv {
	z-index: 18 !important;
}

.olMap>div,
.olMap>div>div {
	z-index: 18 !important;
}

#myBtnModal {
	height: 30px;
	width: 30px;
	padding: 5px;
	background-color: white;
	border: 1px solid #dadada;
	border-radius: 5px;
	position: absolute;
	z-index: 750;
	bottom: 3px;
	right: 3px;
	cursor: pointer;
}
#myBtnModal > span {
	height: 95%;
	width: 95%;
	display: inline-block;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 3001;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
	letter-spacing: normal;
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* MINIFY SPOTLIGHT */
@media only screen and (min-width: 750px) {
	#spotlightMinifyButton {
		padding-top: 25px;
	}

	#minifySpotlightToShowHide {
		height: 80px;
	}
}

@media only screen and (max-width: 749px) {
	.buttonMini {
		margin-bottom: 10px !important;
		margin-left: 0px !important;
	}

	/* 	.buttonMini a { */
	/* 		width: 100% !important; */
	/* 	} */

	.ep-layout_calltoaction {
		display: inline-grid !important;
	}

	#minifySpotlightToShowHide {
		height: 160px;
	}
}

#minifySpotlightToShowHide {
	top: 40px;
	position: fixed;
	z-index: 19;
	background-size: cover;
	margin-bottom: 30px;
	overflow: hidden;
	align-content: center;
	font-family: Georgia, Garamond, serif, Palatino;
}

.BeforeScroll {
	height: 100px;
	width: 100%;
	display: none;
}

.AfterScroll {
	height: 100px;
	width: 100%;
	display: flex;
}

.olAlphaImg {
	cursor: pointer;
}

.olAlphaImg:hover {
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
}

/* remove the white border under the blue navigation bar */
#website #website-header .ep_toolbar.ep_bottom:after,
#website #website-header:after {
	border-bottom: none !important;
}

/*--------------------------------- SLIDER -------------------------*/
#visitingSlider {
	height: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

#visitingSlider .noUi-connect {
	background: rgb(73, 200, 241);
}

#visitingSlider.noUi-background {
	background: grey;
	box-shadow: none;
}

#visitingSlider .noUi-handle-lower,
#visitingSlider .noUi-handle-upper {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	left: -7px;
}

#visitingSlider .noUi-handle-lower:before,
#visitingSlider .noUi-handle-lower:after,
#visitingSlider .noUi-handle-upper:before,
#visitingSlider .noUi-handle-upper:after {
	content: none;
}

#visitingSlider .noUi-marker-horizontal.noUi-marker-large {
	height: 5px !important;
}

#visitingSlider .noUi-pips.noUi-pips-horizontal {
	top: -20px;
}

#visitingSlider .noUi-marker-horizontal.noUi-marker {
	height: 0px;
}

#visitingSlider .noUi-value-horizontal {
	top: -12px;
	font-size: 1.2em;
}

/* ----------- font ------------- */
.sansSerif {
	font-family: Helvetica, Arial, sans-serif !important;
}

.serif {
	font-family: Georgia, Garamond, serif !important;
}

.visitingButton>a {
	border-radius: 0 !important;
	font-weight: 600 !important;
	color: #2971ae !important;
	padding: 14px !important;
}

.iconBox.imported>svg {
	height: 40px;
	width: 40px;
	transform: scale(1.2);
}

/* ----------- Offer creation -----------------------*/
.toggleButton {
	display: inline-block;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	border-radius: 4px;
	padding: 5px;
	background-image: linear-gradient(#367cbf, #3466a2);
	color: white;
	border: 1px solid transparent;
	margin: 3px;
}

.toggleButton:hover {
	background-color: white;
	background-image: none;
	border: 1px solid #b3b4b7;
	color: #2971ae;
}

/* 	----------------- Practical information ------------------------- */
.practicalGeneric a,
.practicalGeneric a:visited {
	color: #2971af;
}

/* -----------MINIFY SEARCH --------------*/
#minifySearch {
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-size: cover;
	z-index: 3000;
	display: none;
	padding-top: 20px;
}

#minifySearch input {
	padding-left: 30px !important;
}

#minifySearch .noIcon input {
	padding-left: 0px !important;
}

#website-body #minifyButton [class*="ep-a_loadmore"]:after {
	height: 0 !important;
}

#minifyButton {
	width: 100%;
	bottom: 0px;
	position: fixed;
	text-align: center;
	color: rgb(59, 128, 185);
	z-index: 2500;
}
#computerDatepickerdatePickerInput{
	width: inherit;
}

/* ------------ Spotlight ---------------- */
#computerSpotlightContent .white.offerFooter i {
	font-size: 1.3em !important;
}

#spotlight.withDoc {
	height: auto !important;
}

.heightSpacer {
	height: 65px !important;
}

#spotlight.withDoc>div>div.ep_gridrow-content {
	height: auto !important;
}

#minifySpotlightToShowHide.toHide {
	display: none !important;
}

/* ----------- Carousel ------------------ */
#website-body .carousel-control-prev-icon,
#website-body .carousel-control-next-icon {
	outline: black;
	background-size: 100%, 100%;
	border-radius: 50%;
}

#website-body .carouselContainer .ep_title {
	font-family: Helvetica, Arial, sans-serif !important;
}

#website-body .carouselItem {
	z-index: 2;
}

#website-body .carouselItem>div {
	position: relative;
}

@media only screen and (max-width: 1019px) and (min-width: 7509px) {
	#website-body .carouselItem>div.ep_gridcolumn-content {
		padding: 0 !important;
	}

	#website-body .carouselItem+.carouselItem>div.ep_gridcolumn-content {
		padding: 0 0 0 20px !important;
	}
}

@media only screen and (max-width: 749px) {
	#website-body .carouselItem>div.ep_gridcolumn-content {
		padding: 0 !important;
	}

	#website-body .carouselItem+.carouselItem>div.ep_gridcolumn-content {
		padding: 20px 0 0 0 !important;
	}
}


/* ---------------- Line and Links ---------------- */
#website-body .underline {
	border-bottom: 1px;
	border-style: solid;
	border-color: lightgrey;
}

#website-body .underline_dotted {
	border-bottom: 1px;
	border-style: dotted;
	border-color: lightgrey;
}

#website-body .activeLink {
	color: black !important;
	font-weight: bolder;
	border-bottom: 4px;
	border-color: lightgrey;
	border-style: solid;
}

/*  -------------------------  O P P E N  L A Y E R -------------------------- */
#website-body div.olMap,
#OpenLayers_Map_2_OpenLayers_ViewPort {
	z-index: 18 !important;
}

#website-body div.olMap,
#OpenLayers_Map_2_OpenLayers_ViewPort {
	z-index: 18 !important;
}

#OpenLayers_Control_Zoom_5,
.olControlZoom {
	display: none;
}

#website-body .hoverScroll {
	min-height: 390px;
	max-height: 390px;
	height: 390px;
}

/*  ------------------------------  O F F E R S ------------------------------- */
#computerSpotlightContent{
	letter-spacing: normal !important;
}
.genericOffer {
	cursor: pointer;
}

/* range icon */
.rangeIcon,.ageIcon{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.rangeIcon > div{
	display: flex;
	flex-direction: row;
	height: 20px;
	width: 42px;
	justify-content: space-around;
	align-items: center;
}

.Spotlight .rangeIcon> div > .ageBegin,
.Spotlight .rangeIcon> div > .ageEnd {
	font-size: 0.9em;
}

.rangeIcon > div >.ageBegin,
.rangeIcon > div > .ageEnd {
	color: white;
	font-weight: 400;
}

#website-body .offer .background.switched button.reverse {
	background-color: white;
	padding: 15px 30px;
	letter-spacing: normal;
	margin-top: 6%;
	margin-bottom: 6%;
	width: fit-content;
	white-space: initial;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: 600;
}

#website-body .cityBox {
	background-color: black;
	padding: 5px;
	color: white;
	letter-spacing: normal;
	width: fit-content;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif !important;
}

#website-body .locationBox {
	background-color: white;
	padding: 5px;
	letter-spacing: normal;
	width: fit-content;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif !important;
}

#website-body .offerFooter {
	background-color: black;
	padding: 3% 10px 3% 10px;
	width: -webkit-fill-available;
}

#website-body .fullOfferFooter {
	box-sizing: border-box;
	font-size: 1.2em;
}

#website-body .fullOfferFooter > div i {
	font-size: 1.3em;
}
#website-body .fullOfferFooter > div {
	display: flex;
}
#website-body .bookingButton {
	padding: 2% 0% 2% 0%;
	float: right;
	color: white;
	text-align: center;
	background-color: rgb(59, 128, 185);
	cursor: pointer;
	padding-top: 12px;
}

#website-body .bookingButton:hover {
	opacity: 0.9;
}

#website-body .contactButton {
	padding: 5%;
	float: right;
	color: white;
	text-align: center;
	background-color: rgb(46, 112, 176);
	cursor: pointer;
	font-size: 1.6em;
}

#website-body .whiteButton {
	padding: 5%;
	float: right;
	color: rgb(46, 112, 176);
	text-align: center;
	background-color: white;
	cursor: pointer;
	font-size: 1.6em;
	border: 1px solid #dadada;
}

#website-body .whiteButton a:visited {
	color: rgb(46, 112, 176);
}

#website-body .contactButton:hover {
	opacity: 0.9;
}

#website-body .EventList .event {
	padding-bottom: 20px;
}

#website-body .permanentOfferList .event {
	padding: 0 10px;
}

#website-body .permanentOfferList .ep-a_heading+.ep-a_text {
	padding-left: 20px;
}

.offerInfoAndButton>.fullOfferFooter>div {
	display: flex;
	flex-direction: row;
}

.offerInfoAndButton>.fullOfferFooter span {
	margin-bottom: 3px;
}

.event .picture {
	background-position: center;
}

/*  ------------------------------ P R A C T I C A L ------------------------------- */
/*  ---------------------------- I N F O R M A T I O N ----------------------------- */
.iconList {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding: 0 10px;
	width: 100%;
}

.iconList>div {
	width: 25px;
	height: 25px;
}

/********* Maps 		**********/
#website-body #map div {}

/********* Font police 	**********/
#website-body .white {
	color: white !important;
}

#website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text.white {
	color: white !important;
}

/********* Flag ****************/
.flagBox {
	position: absolute;
	background-color: black;
	padding: 12px;
	color: white;
	letter-spacing: normal;
	width: fit-content;
	font-size: 1.5em;
	white-space: initial;
	margin-top: -6px;
}

/*********** Offer type (PE Units) **********/
#website-body .background {
	background-color: gray;
}

#website-body .visitingEventBackground {
	background-color: #d7dbdb;
	height: 100%;
}

#website-body .background.DG1 {
	background-color: #4eb16f;
}

#website-body .background.DG2 {
	background-color: #7b698b;
}

#website-body .background.DG3 {
	background-color: #ceb81e;
}

#website-body .background.DG4 {
	background-color: #9c2dd9;
}

#website-body .reverse {
	color: grey;
}

#website-body .reverse.DG1 {
	color: #4eb16f;
}

#website-body .reverse.DG2 {
	color: #7b698b;
}

#website-body .reverse.DG3 {
	color: #ceb81e;
}

#website-body .reverse.DG4 {
	color: #9c2dd9;
}

/* -- visiting search -- */
#website-body .visitSearch {
	height: 420px;
	margin-bottom: 50px;
	background-size: cover;
	font-family: Georgia, Garamond, serif;
}

#website-body .visitingSearch .languageBubble>i {
	font-size: 4em;
}

#website-body .visitingSearch .languageBubble>.bubbleContent {
	font-size: 2.2em;
	color: black;
	position: absolute;
	z-index: 2;
	margin-left: 8px;
	margin-top: 4px;
}

#website-body .visitingSearch .languageBubble>span {
	font-size: 2.2em;
	margin-bottom: 8px;
}

#website-body .visitingSearch .ep_select input#selectconvertid_offerFilter_location-valuetext,
#website-body .visitingSearch .ep_select input#selectconvertid_offerFilter_locationNormal-valuetext,
#website-body .visitingSearch .ep_select input#selectconvertid_offerFilter_what-valuetext,
#website-body .visitingSearch .ep_select input#selectconvertid_offerFilter_type-valuetext,
#website-body .visitingSearch .ep_select input#selectconvertid_offerFilter_typeNormal-valuetext {
	margin-left: 30px !important;
	width: calc(100% - 60px) !important;
	color: black !important;
}

.visitingSearch #datepickerdatePickerInput {
	margin-left: 20px !important;
	width: 100%;
}

.visitingSearch #formVisitingSearch i {
	font-size: 1.1em;
/* 	transform: translateY(4px); */
/* 	-webkit-transform: translateY(4px); */
}

#minifySearch .ep-a_field,
.visitingSearch .ep-a_field {
	font-size: 1.3em !important;
	color: black;
	font-family: Georgia, Garamond, serif !important;
}

.visitingSearch #tabletDatepickerTitle>div,
.visitingSearch #computerDatepickerTitle>div {
	font-size: 1.23em !important;
}

#minifyDatepickerGenericTitle>div,
.visitingSearch #datepickerTitle>div {
	font-size: 1.3em !important;
}

@media only screen and (max-width: 750px) {
	#minifySearch .ep_gridcolumn-content .epjs_button{
	    padding-right: 35px !important;
	}
}	

#minifyDatepickerGenericTitle {
	max-height: 45px;
	box-sizing: border-box;
	font-family: Georgia, Garamond, serif !important;
	font-size: 1.4em;
	color: black !important;
	padding: 11px 14px 15px 16px !important;
}

.visitingSearch #tabletDatepickerTitle,
.visitingSearch #computerDatepickerTitle,
.visitingSearch #datepickerTitle {
	max-height: 55px;
	font-family: Georgia, Garamond, serif !important;
	font-size: 1.4em;
	color: black !important;
}

#minifySearch #minifyDatepickerGenericdateChevron,
.visitingSearch #tabletDatepickerdateChevron,
.visitingSearch #computerDatepickerdateChevron,
.visitingSearch #datepickerdateChevron {
	margin-right: 25px;
	display: none;
}

#minifySearch #minifyDatepickerGenericTitle>div::after {
	position: static;
	display: inline-block;
	overflow: hidden;
	float: right;
	margin: 0 0;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	content: " ";
	text-indent: 80px;
	background-image: url(../img/arrowDownBlue.svg) !important;
	background-position: unset !important;
	width: 22px !important;
	height: 15px !important;
	transform: translateY(-18px) !important;
	-webkit-transform: translateY(-18px) !important;
}

.visitingSearch #tabletDatepickerTitle>div>div::after,
.visitingSearch #computerDatepickerTitle>div>div::after {
	position: static;
	display: inline-block;
	overflow: hidden;
	float: right;
	margin: 0 5px;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	content: " ";
	text-indent: 80px;
	background-image: url(../img/arrowDownBlue.svg) !important;
	background-position: unset !important;
	width: 30px !important;
	height: 15px !important;
	transform: translateY(1px) !important;
	-webkit-transform: translateY(1px) !important;
}

.visitingSearch #datepickerTitle>div>div::after {
	position: static;
	display: inline-block;
	overflow: hidden;
	float: right;
	margin: 0 15px;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	content: " ";
	text-indent: 80px;
	background-image: url(../img/arrowDownBlue.svg) !important;
	background-position: unset !important;
	width: 22px !important;
	height: 15px !important;
	transform: translateY(6px) !important;
	-webkit-transform: translateY(6px) !important;
}

#website-body .button_validation {
	background-color: #66a91e;
	border-color: #66a91e;
	background: -webkit-linear-gradient(top, #83cb2c, #66a91e);
	background: -moz-linear-gradient(top, #83cb2c, #66a91e);
	background: -ms-linear-gradient(top, #83cb2c, #66a91e);
	background: linear-gradient(top, #83cb2c, #66a91e);
	color: #fff;
	padding: 19px;
	width: calc(100% - 20px);
	font-size: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	white-space: initial;
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width: 1026px) and (min-width: 750px) {

	.buttonMini {
		margin-bottom: 10px !important;
		margin-left: 0px !important;
	}

	/* 	.buttonMini a { */
	/* 		width: 100% !important; */
	/* 	} */

	.ep-layout_calltoaction {
		display: inline-grid !important;
	}

	#minifyButton {
		display: none !important;
	}

	#minifySearch {
		display: none !important;
	}

	#website-body .visitSearch #searchLanguage {
		display: none;
	}

	#website-body .visitSearch #computerSearchTitle {
		display: none;
	}

	#website-body .visitSearch #tabletSearchTitle {
		display: block;
	}

	#website-body .visitSearch #phoneSearchTitle {
		display: none;
	}

	#website-body .phoneCarouselTemplate {
		display: none;
	}

	#website-body .visitSearch #visitingSearchTitle {
		padding-left: 0%;
	}

	#website-body .computerCarouselTemplate {
		display: none !important;
	}

	#website-body .tabletCarouselTemplate {
		display: block !important;
	}

	#website-body .tabletContainerLoadMore {
		display: block;
	}

	#website-body #computerSpotlightContent {
		display: block;
	}

	#website-body #phoneSpotlightContent {
		display: none;
	}

	#website-body .visitSearch {
		height: 370px !important;
	}

	#website-body .visitSearch #formVisitingSearch {
		padding-right: 20px;
	}

	#website-body .visitSearch #formVisitingSearch {
		padding: 0px;
		margin: 0 20px 0 20px;
	}

	#website-body .visitSearch .button_validation {
		width: 100%;
	}
}

@media only screen and (min-width: 1026px) {
	#minifyButton {
		display: none !important;
	}

	#minifySearch {
		display: none !important;
	}

	#website-body .visitSearch #formVisitingSearch {
		padding-right: 10px;
	}

	#website-body .visitSearch {
		height: 420px !important;
	}

	#website-body .visitSearch #computerSearchTitle {
		display: block;
	}

	#website-body .visitSearch #tabletSearchTitle {
		display: none;
	}

	#website-body .visitSearch #phoneSearchTitle {
		display: none;
	}

	#website-body .visitSearch #visitingSearchTitle {
		padding-left: 10%;
	}

	#website-body .tabletCarouselTemplate {
		display: none !important;
	}

	#website-body .computerCarouselTemplate {
		display: block !important;
	}

	#website-body .phoneCarouselTemplate {
		display: none;
	}

	#website-body .visitSearch .searchInputs {
		padding-top: 118px !important;
	}

	#website-body .tabletContainerLoadMore {
		display: none;
	}

	#website-body #computerSpotlightContent {
		display: flex;
	}

	#website-body #phoneSpotlightContent {
		display: none;
	}
}

@media only screen and (max-width: 749px) {
	#website-body .visitSearch #formVisitingSearch {
		padding: 0px;
		margin: 0 10px 0 10px;
		padding-bottom: 60px;
	}

	#visitSearchGeneric {
		display: none !important;
	}

	#visitSearchSchool {
		display: none !important;
	}

	#website-body .visitSearch #searchLanguage {
		display: none;
	}

	#website-body .visitSearch #computerSearchTitle {
		display: none;
	}

	#website-body .visitSearch #tabletSearchTitle {
		display: none;
	}

	#website-body .visitSearch #phoneSearchTitle {
		display: block;
	}

	#website-body .visitSearch {
		height: 580px !important;
	}

	#website-body .visitSearch .searchInputs {
		padding-top: 0 !important;
	}

	#website-body .phoneCarouselTemplate {
		display: block;
	}

	#website-body .tabletCarouselTemplate {
		display: none;
	}

	#website-body .computerCarouselTemplate {
		display: none;
	}

	#website-body #computerSpotlightContent {
		display: none;
	}

	#website-body #phoneSpotlightContent {
		display: block;
	}

	#website-body .visitSearch .button_validation {
		width: 100%;
	}
}

.datepickerHeader button{
	cursor: pointer !important;
}

.epjs_calendar button.epjs_switch{
	position: relative !important;
	z-index: 5;
	background-color: transparent !important;
	cursor: pointer;
}
/* VISIT SEARCH SELECT */
body[data-jsactive] #website-body .visitSearch .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button {
	padding: 16px !important;
}

#website-body .visitSearch .ep-a_field.ep-layout_calendar .ep-p_textfield>div input.ep_field {
	padding: 24px !important;
}

.epjs_size.selectconvertid_offerFilter_location {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_what {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_type {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_locationNormal {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_typeNormal {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_age,
.epjs_size.selectconvertid_offerFilter_age2 {
	opacity: 100 !important;
}

.epjs_size.selectconvertid_offerFilter_location:before,
.epjs_size.selectconvertid_offerFilter_locationNormal:before {
	position: static;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3c5";
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: 80px;
	color: rgb(82, 161, 217);
	font-size: 1.4em;
}

.epjs_size.selectconvertid_offerFilter_what:before {
	position: static;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f46d";
	margin: 0;
	padding: 0;
	font-size: 18px;
	box-sizing: border-box;
	box-shadow: none;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: 80px;
	color: rgb(82, 161, 217);
}

.epjs_size.selectconvertid_offerFilter_type:before,
.epjs_size.selectconvertid_offerFilter_typeNormal:before {
	position: static;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c0";
	width: 11px;
	height: 8px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: 80px;
	color: rgb(82, 161, 217);
}

.epjs_size.selectconvertid_offerFilter_age:before,
.epjs_size.selectconvertid_offerFilter_age2:before {
	position: static;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1fd";
	width: 11px;
	height: 8px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	box-shadow: none;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	background-color: transparent;
	background-position: inherit;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	text-indent: 80px;
	color: rgb(73, 200, 241);
}

span.whiteAndRound {
	background-color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: black;
	font-weight: 900;
	text-align: center;
	display: inline-block;
	padding: 2px 1px 0 1px;
	margin: 0;
	margin-top: -10px;
}

span.whiteAndRound>span {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
}

/* LinkBox */
.linkBoxLink {
	color: #fff;
	line-height: normal;
	font-family: Georgia, Garamond, serif;
}

#website-body .ep-p_text a.linkBoxLink .ep_name:hover {
	color: #fff !important;
}

.linkBoxItem>div {
	padding: 0 40px 40px 0 !important;
	color: #fff !important;
}

#website-body .ep_gridrow.ep-o_calltoactionbanner.linkBox:after {
	display: none !important;
}

@media screen and (max-width: 1199px) {
	.linkBoxItem>div {
		padding: 0 0 40px 10px !important;
	}

	.linkBoxItem {
		padding: 0 10px 0 0 !important;
	}
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
	#website-body .linkBox .linkBoxItemContainer {
		padding: 30px 100px 0 100px !important;
	}

	#website-body .linkBox .layoutTop .ep_gridrow-content>div {
		margin-left: 30px;
	}
}

@media screen and (min-width: 750px) {
	#website-body .linkBox .linkBoxItemContainer {
		padding: 30px 100px 0 100px !important;
	}

	.linkBoxLink {
		font-size: 3em !important;
	}
}

@media screen and (max-width: 749px) {
	.linkBoxItem.rightItem {
		text-align: right;
	}

	#website-body .linkBox .linkBoxItemContainer {
		padding: 30px 0 0 0 !important;
	}

	.linkBoxLink {
		font-size: 2em !important;
	}

	#website-body .linkBox .layoutTop .ep_gridrow-content>div {
		margin-left: 10px;
	}
}

/* ----------------------------------------------------- Visiting contact ------------------------------------------------------------------ */
.padOnly {
	display: none;
}

#website-body .visitingContact .contactBox {
	background-color: #eaeaea;
	padding: 30px 0;
	color: #000;
	min-height: 100px;
}

#website-body .visitingContact .contactBox .contactBoxTitle {
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 5px;
}

#website-body .visitingContact .contactBox .iconBox {
	width: 30%;
	text-align: center;
	font-size: 4em;
}

#website-body .visitingContact .contactBox .mainBox .button {
	margin-top: 25px;
}

#website-body .visitingContact .contactBox .topbox {
	display: flex;
}

#website-body .visitingContact .contactBox .mainBox {
	width: 70%;
	font-size: 1.5em;
}

#website-body .visitingContact .contactBox input {
	vertical-align: middle;
	font-size: 1.4em;
	height: 12px;
	padding: 11px;
	width: 49%;
	border: 1px solid #a9a9a9;
}

#website-body .visitingContact .contactBox .contentBox input+.button {
	margin-left: 3px;
}

#website-body .visitingContact .contactBox .contentBox .button {
	font-size: 1.4em;
	vertical-align: middle;
	text-align: center;
}

#website-body .visitingContact .contactBox .button {
	display: inline-block;
	line-height: 1.2em;
	white-space: nowrap;
	box-sizing: border-box;
}

#website-body .visitingContact .contactBox .button>a {
	color: white;
	background-color: #4289C3;
	padding: 10px 20px;
}

#website-body .visitingContact .contactBox .button>a:hover {
	color: #4289C3;
	background-color: white;
	border: 1px solid #4289C3;
}

#website-body .visitingContact .contactBox .contentBox {
	text-align: center;
	margin-top: 20px;
}

.visitingContact .ep-a_share {
	border-top: none !important;
}

.visitingContact li {
	display: inline-block;
}

.visitingContact .custom-layout {
	margin: 0 5px;
}
.visitingContact .custom-layout > a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.visitingContact .custom-layout > a > span {
    display: inline-block;
}

.visitingContact .custom-layout>a>span.ep_name {
	display: none !important;
}

.visitingContact .custom-layout>a>i {
	padding-top: 4px;
}

.visitingContact .custom-layout>a {
	color: #000 !important;
	font-size: 2.2em;
	width: 30px;
	height: 30px;
	border: 1px solid #000 !important;
	border-radius: 50%;
	opacity: 0.4;
	transition: opacity 0.2s;
	transition: transform 0.2s;
}

.visitingContact .custom-layout>a:hover {
	opacity: 1;
	transform: scale(1.1)
}

.visitingContact .custom-layout .layout_facebook:before {
	content: "\f39e";
}

.visitingContact .custom-layout .layout_twitter:before {
	content: "\f099";
}

.visitingContact .custom-layout .layout_linkedin:before {
	content: "\f0e1";
}

.visitingContact .custom-layout .layout_flickr:before {
	content: "\f16e";
}

.visitingContact .custom-layout .layout_instagram:before {
	content: "\f16d";
}

.visitingContact .custom-layout .layout_pinterest:before {
	content: "\f0d2";
}

.visitingContact .custom-layout .layout_youtube:before {
	content: "\f167";
}

.visitingContact .custom-layout .layout_reddit:before {
	content: "\f281";
}

.visitingContact .custom-layout .layout_snapchat:before {
	content: "\f2ac";
}

.visitingContact .custom-layout .layout_googleplus:before {
	content: "\f0d5";
}

.visitingContact .custom-layout .layout_vimeo:before {
	content: "\f27d";
}

/* social sharing short */

#website-body .socialshareShort {
	border-top: 1px solid #d1d1d1;
	margin-bottom: -20px;
}

#website-body .socialshareShort .ep-a_share {
	border-top: 0;
}

#website #minifySearch .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon:before,
#website .visitingSearch .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon:before {
	background-image: url("../img/arrowDownBlue.svg") !important;
	background-position: center !important;
	width: 22px !important;
	height: 15px !important;
	transform: translateY(-4px) !important;
	-webkit-transform: translateY(-4px) !important;
}

/* ----------------------------------------- Open layer Map ----------------------------------------------- */
.copyLink>a {
	font-size: 1.6em;
	color: #2c70af;
}

.copyLink>a:visited {
	color: #2c70af;
}

.copyLink>a::after {
	background-image: url(../img/copy.svg);
	background-repeat: no-repeat;
	display: inline-block !important;
	content: "";
	height: 16px;
	margin: -2px 5px;
	width: 11px;
}

#birthPicker {
	margin: 0 10px;
	position: relative;
}

#birthPicker .frame {
	right: 0;
}

/* -------------------------------------------------------------------------------------------------------- */
/******************************************* Media queries **************************************************/
/* -------------------------------------------------------------------------------------------------------- */

/*  For laptop only */
@media screen and (max-width: 1199px) and (min-width: 1020px) {

	/* ---- Visiting contact ---- */
	.visitingContact .custom-layout>a {
		font-size: 1.8em;
		width: 25px;
		height: 25px;
	}

	.visitingContact .custom-layout>a>i {
		padding-top: 3px;
	}

	.disclaimerPicture .ep-layout_calltoaction {
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
	}

	.disclaimerPicture .ep-a_button .ep-p_button.buttonMini>a {
		float: left;
	}

	#website-body .disclaimerPicture .ep-a_button.ep-layout_calltoaction .ep-p_button+.ep-p_button {
		margin: 3px 0 !important;
	}
}

/*  For Pc only (fix and laptop) */
@media screen and (min-width: 1020px) {

	/* ---------------------- Open layer Map --------------------------- */
	.practicalMap {
		height: 500px;
		width: 100%;
		margin-top: 4%;
	}

	#practicalSpecific {
		margin-top: -500px !important;
		margin-bottom: 500px !important;
	}

	.offerDetailMap {
		display: none !important;
	}

	.mapLocation {}

	/* ----------------- Offer ------------------------*/
	#website-body .genericOfferList>div>div>div.ep_gridcolumn-content {
		margin-top: 30px !important;
		padding-left: 0px !important;
	}

	#website-body .genericOfferList>div>div.EventList>div.ep_gridcolumn-content {
		margin-top: 30px !important;
		padding: 0px !important;
	}

	#website-body .genericOffer .locationContainer+.locationContainer {
		padding-left: 10px;
	}

	.externalRangeIcon {
		margin-top: -2px;
	}

	#website-body .verticalArea {
		position: relative;
	}
	#website-body .verticalBar {
	    border-right: 1px solid #b3b4b7;
	    height: calc(100% - 35px);
	    margin-right: 20px;
	    margin-bottom: 35px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}

	#website-body .verticalHeader {
		color: #b3b4b7;
	    position: relative;
	    font-size: 8em;
	    writing-mode: bt-rl; /* IE */
	    writing-mode: vertical-rl; /* Mozilla */
	    -webkit-writing-mode: vertical-rl; /* Chrome */
	    transform: rotate(180deg);
	    letter-spacing: normal;
	    background-color: #fff;
	
	}

	#website-body .bookingButton {
		font-size: 1.3em;
	}

	/* 	----------- Events ------------ */
	.event .picture {
		height: 300px !important;
	}

	.notForPC {
		display: none !important;
	}
}

/* For tablet only */
@media screen and (max-width: 1019px) and (min-width: 750px) {
	#website-body .newsList .ep_gridcolumn {
		position: relative;
	}

	/* ----------- Pickers ------------ */
	.newsList .frame {
		right: 10px !important;
	}

	.visitingSearch #datepicker .frame {
		right: 0;
	}

	/* --------------------- Disclaimer picture ------------------------ */
	.disclaimerPicture .ep-layout_calltoaction {
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
	}

	.disclaimerPicture .ep-a_button .ep-p_button.buttonMini>a {
		float: left;
	}

	#website-body .disclaimerPicture .ep-a_button.ep-layout_calltoaction .ep-p_button+.ep-p_button {
		margin: 3px 0 !important;
	}

	/* --------------------- Offer description ------------------------- */
	.offerDescription .bookingButtonDiv {
		padding-left: 20px;
	}

	/* ---------------------- Open layer Map --------------------------- */
	.practicalMap {
		height: 500px;
		width: 100%;
		margin-top: 4%;
	}

	#practicalSpecific {
		margin-top: -500px !important;
		margin-bottom: 500px !important;
	}

	/* ---- Visiting contact ---- */
	.padOnly {
		display: block;
	}

	.noOnPad {
		display: none !important;
	}

	#website-body .visitingContact .contactBox {
		min-height: 0;
	}

	#website-body .ep_gridrow.visitingContact>.ep_gridrow-content>.ep_gridcolumn>.ep_gridcolumn-content {
		padding: 0;
	}

	#website-body .ep_gridrow.visitingContact>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn {
		margin: 10px 0 0 0;
	}

	#website-body .visitingContact .contactBox input {
		width: 70%;
		height: 20px;
	}

	#website-body .visitingContact .contactBox .sideOnShort .button {
		box-sizing: border-box;
		height: max-content;
	}

	#website-body .visitingContact .contactBox .topbox {
		width: 50%;
	}

	#website-body .visitingContact .contactBox .iconBox {
		width: 25%;
	}

	#website-body .visitingContact .contactBox .mainBox {
		width: 75%;
	}

	#website-body .visitingContact .contactBox .contentBox {
		text-align: initial;
		margin: 20px 20px 0 20px;
		display: flex;
		justify-content: space-between;
	}

	#website-body .visitingContact .contactBox .contentBox .listsocialmedia {
		text-align: center;
	}

	#website-body .visitingContact .contactBox .sideOnShort {
		width: 50%;
		box-sizing: border-box;
		margin: 0 0px;
		padding: 0 20px;
	}

	#website-body .visitingContact .contactBox.sideOnShort {
		display: flex;
	}

	#website-body .visitingContact .contactBox .button>a {
		display: block;
		width: 125px;
		padding: 14px 20px;
	}

	#website-body #schoolSearchContainer {
		padding: 0 15px;
	}

	#website-body #documentToDownload {
		padding: 0 25px;
	}

	/* ------ Spotlight --------- */
	.spotlightButton {
		font-size: 0.9em !important;
		width: 75%;
	}

	#computerSpotlightContent {
		height: 100% !important;
		position: relative !important;
/* 		padding-right: 15px !important; */
	}

	#computerSpotlightContent .white.offerFooter {
		position: absolute;
		bottom: 0;
		margin-right: 15px;
	}

	.Spotlight>.ep_gridrow>.ep_gridrow-content {
		padding: 0 25px !important;
	}

	/* ----------------- Offer ------------------------*/
	.permanentOfferList>div>div>div.ep_gridcolumn-content {
		font-size: 0.9em !important;
	}

	.genericOfferList>div>div>div>div.ep-a_heading>h2.ep_title>div.ep-p_text>span {
		font-size: 0.9em !important;
	}

	#website-body .genericOfferList>div>div.EventList>div.ep_gridcolumn-content {
		margin-top: 30px !important;
		padding: 0px !important;
	}

	#website-body .verticalBar {
		border-top: 1px solid #b3b4b7;
		height: 100%;
		margin-bottom: 45px;
		text-align: center;

	}

	#website-body .verticalHeader {
		font-size: 6em;
		color: #b3b4b7;
		margin-bottom: -14px;
		z-index: 1;
	}

	#website-body .verticalHeader>span {
		background-color: white;
		padding: 0 5px;
		z-index: 1;
	}

	#website-body #visitSchoolList {
		padding-top: 40px;
	}

	/* 	----------- Events ------------ */
	.event .picture {
		height: 170px !important;
	}

	#website-body .fullOfferFooter {
		/* 		padding: 3% 2% 5% 2%; */
	}

	#website-body .bookingButton {
		padding: 4% 0% 4% 0%;
/* 		width: 60% !important; */
		font-size: 1.2em !important;
	}

	/* ------------------------	Carousel -------------------------- */
	.phoneCarouselTemplate>div>h2 {
		font-size: 0.9em !important;
	}

	.tabletCarouselTemplate .carouselItem {
		margin-bottom: 10px !important;
	}

	#spotlightCarousel .tabletCarouselTemplate .carouselItem>.ep_gridcolumn-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	#spotlightCarousel .tabletCarouselTemplate>div>div>div.ep_gridrow-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	#visitSearchGeneric .ep_gridrow-content {
		padding: 0 25px;
	}
}

/* For phone only */
@media screen and (max-width: 749px) and (min-width: 320px) {

	/* ----------- Pickers ------------ */
	.newsList .frame {
		right: 10px !important;
	}

	#birthPicker .frame {
		right: -10px;
	}

	#firstChoicePicker .frame,
	#secondChoicePicker .frame,
	#thirdChoicePicker .frame {
		left: 10px;
	}

	#minifyDatepickerGeneric .frame {
		left: 10px;
		bottom: 0;
		top: unset !important;
	}

	.disclaimerPicture .ep-a_button.ep-layout_calltoaction {
		padding: 0 60px !important;
		box-sizing: border-box;
	}

	.disclaimerPicture .ep-a_button .ep-p_button.buttonMini a {
		line-height: normal;
		padding: 15px 12px;
	}

	/* ---------------------- Video --------------------------- */
	.internalVideo {
		padding-left: 10px;
		box-sizing: border-box;
	}

	.externalVideo {
		margin-left: 10px !important;
	}

	/* ---------------------- Open layer Map --------------------------- */
	.practicalMap {
		height: 400px;
		width: 100%;
		margin-top: 4%;
	}

	#practicalSpecific {
		margin-top: -400px !important;
		margin-bottom: 400px !important;
	}

	.mapLocation {
		padding: 10px !important;
		box-sizing: border-box;
		position: absolute !important;
		bottom: 0px !important;
		margin-bottom: -590px !important;
	}

	.mapLocation>div {
		height: 320px !important;
	}

	/* -------- Display --------- */
	.notForPhone {
		display: none !important;
	}

	.phoneOnly {}

	/* ------- Time Table ------- */
	.timeTableList {
		padding-left: 10px !important;
	}

	.underlined {
		border-bottom: 1px solid #d1d3d4;
	}

	.firstColumn {
		display: flex;
		justify-content: space-between;
		padding-bottom: 20px;
		margin-bottom: 16px;
		margin-top: 20px;
	}

	/* ------ Spotlight --------- */
	#spotlight.Spotlight.withButton,
	#spotlight.Spotlight.withFooter {
		padding-bottom: 45px !important;
	}

	#spotlight.Spotlight.withButton.withFooter {
		padding-bottom: 90px !important;
	}

	#spotlight.Spotlight.withButton #phoneSpotlightContent,
	#spotlight.Spotlight.withFooter #phoneSpotlightContent {
		height: 100%;
	}

	/* ---- Visiting contact ---- */
	#website-body .ep_gridrow.visitingContact>.ep_gridrow-content>.ep_gridcolumn>.ep_gridcolumn-content {
		padding: 0 !important;
	}

	#website-body .ep_gridrow.visitingContact>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn {
		margin: 10px 0 0 0;
	}

	#website-body .visitingContact .contactBox {
		text-align: center;
		padding: 10px 0 0 0;
	}

	#website-body .visitingContact>.ep_gridrow-content {
		padding: 0 10px;
	}

	#website-body .visitingContact .ep_gridcolumn+.ep_gridcolumn {
		padding-top: 20px;
	}

	#website-body .visitingContact .contactBox .topbox {
		display: flex;
		flex-direction: column;
	}

	#website-body .visitingContact .contactBox .mainBox {
		width: 100%;
	}

	#website-body .visitingContact .contactBox .iconBox {
		width: 100%;
	}

	#website-body .visitingContact .contactBox .button {
		width: 100% !important;
		display: block;
		margin: 0;
	}

	#website-body .visitingContact .contactBox .button a {
		width: 100% !important;
		display: block;
		text-align: center;
		padding: 15px 0;
		font-weight: 600;
	}

	#website-body .visitingContact .contactBox .contentBox input {
		width: -moz-available;
		/* WebKit-based browsers will ignore this. */
		width: -webkit-fill-available;
		/* Mozilla-based browsers will ignore this. */
		width: fill-available;
		margin: 0 20px;
	}

	#website-body .visitingContact .contactBox .contentBox input+.button {
		margin: 10px 0 0 0px;

	}

	#website-body .visitingContact .contactBox .contentBox .listsocialmedia {
		padding: 0 50px 30px 50px;
		text-align: center;
	}

	#website-body .visitingContact .contactBox .contentBox .listsocialmedia li {
		margin: 8px 0 0 0;
	}

	/* social sharing short */

	#website-body .socialshareShort {
		border-top: 0;
	}

	#website-body .socialshareShort .ep-a_share .ep_share .ep_title:before {
		background-color: transparent;
	}

	#website-body .socialshareShort .ep-a_share {
		font-size: 1.2em;
		padding-top: 10px;
	}

	#website-body .socialshareShort .ep-a_share ul {
		transform: scale(1.3);
		padding-bottom: 14px;
	}

	/* ------------------------	Offers -------------------------- */
	#website-body .genericOffer .genericOfferPicture {
		height: 300px;
		width: 100%;
		background-size: cover;
		background-position: center;
	}

	#website-body .genericOfferList>div>div.EventList>div.ep_gridcolumn-content {
		margin-top: 30px !important;
		padding: 0px !important;
	}

	.genericOfferList>div>div>div>div.ep-a_heading>h2.ep_title>div.ep-p_text>span {
		font-size: 0.7em !important;
	}

	.permanentOfferList>div>div>div.ep_gridcolumn-content {
		font-size: 0.7em !important;
	}

	.offerInfoAndButton {
		display: block !important;
		border-top: 1px solid #c6cbcb;
	}

	.offerInfoAndButton>.fullOfferFooter {
		padding: 10px 0 !important;
		box-shadow: none !important;
	}

	.offerInfoAndButton>.fullOfferFooter span {
		font-size: 1.2em;
	}

	.offerInfoAndButton>.bookingButton {
		width: 100% !important;
		padding: 10px 0 !important;
	}

	.genericOffer>div>div.ep_gridrow-content {
		border: 1px solid #c6cbcb !important;
	}

	.genericOffer .genericOfferContentDetail {
		box-shadow: none !important;
		border-top: 1px solid #c6cbcb !important;
		padding: 15px 10px !important;
	}

	#website-body .verticalBar {
		border-top: 1px solid #b3b4b7;
		margin: 0 10px 20px 10px;
		height: 100%;
		text-align: center;

	}

	#website-body .verticalHeader {
		font-size: 4em;
		color: #b3b4b7;
		margin-bottom: -10px;
		z-index: 1;
	}

	#website-body .verticalHeader>span {
		background-color: white;
		padding: 0 5px;
		z-index: 1;
	}

	#website-body #visitSchoolList {
		padding-top: 40px;
	}

	/* 	----------- Events ------------ */
	.event .picture {
		height: 150px !important;
	}

	.event .visitingEventBackground {
		height: auto !important;
		padding-bottom: 30px;
	}

	/* ------------------------	Carousel -------------------------- */
	.phoneCarouselTemplate>div>h2 {
		font-size: 0.7em !important;
	}

	.phoneCarouselTemplate {
		padding: 0 10px !important;
		margin-top: 20px !important;
	}

	/* 	----------------- Practical information ------------------------- */
	.practicalGeneric .labelTop {
		padding-left: 0 !important;
	}

	.practicalGeneric .labelTop>div>div {
		width: 100% !important;
	}

	.practicalSpecific .addressCard {
		position: relative;
	}

	.howToGoLayer {
		position: absolute !important;
		left: 0;
		width: 100% !important;
		height: 320px !important;
	}

	.howToGoLayer>div {
		background: white !important;
		padding: 0 10px !important;
		background-clip: content-box !important;
	}

	.locationAddressContainer {
		height: 100%;
	}

	.locationAddressContainer>div.ep_gridrow-content>div.ep_gridcolumn {
		height: 85%;
		font-size: 0.9em !important;
	}

	.contactButton {
		margin-bottom: 5px !important;
	}

	#collapseButton {
		position: absolute !important;
		top: 30px;
		left: 20px;
	}

	/* 	----------------- Offer description ------------------------- */
	.offerDescription {
		padding-left: 10px !important;
	}

	.offerDescription .content {
		padding-top: 10px !important;
		padding-left: 0px !important;
	}

	.offerDescription .ep-a_links {
		padding-left: 0px !important;
	}

	/* 	----------------- Offer Service ------------------------- */
	.offerService {
		padding-left: 10px !important;
	}

	.offerService .content {
		padding-top: 10px !important;
		margin-left: 0px !important;
	}
}

/*  not for Pc */
@media screen and (max-width: 1019px) {
	.pcOnly {
		display: none !important;
	}

	#website-body .locationContainer {
		width: 100%;
	}

	#website-body .Spotlight.withDoc {
		display: none;
	}

	#website-body .locationContainer {
		width: 100%
	}

	#website-body .verticalArea {
		text-align: center
	}
}

/*  not for phone */
@media screen and (min-width: 750px) and (max-width: 1020px) {
	#website-body .offerInfoAndButton .fullOfferFooter {
/* 		width: 70% !important; */
	}
}
@media screen and (min-width: 750px) {
	#website-body .ep-layout_tag>span.ep_name+span.ep_name {
		margin-left: 3px !important;
	}
	.rangeIcon > span {
		position: relative !important;
	}

	/* -------- Display --------- */
	.notForPhone {}

	.phoneOnly {
		display: none !important;
	}

	/* ------------------------	Offers -------------------------- */
	#website-body .genericOffer {
		height: 250px !important;
	}

	.rangeIcon>.ageBegin,
	.rangeIcon>.ageEnd {
		font-size: 1.2em;
	}

	#website-body .genericOffer .genericOfferPicture {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		margin-top: -1px;
		margin-bottom: 1px;
	}

	#website-body .genericOfferContentDetail .fullOfferFooter {
		
	}
	#website-body .fullOfferFooter>div {
		margin-left: 10px;
/* 		margin-right: 10px; */
	}

	.genericOffer .genericOfferContentDetail {
		padding-left: 20px !important;
		padding-top: 10px !important;		
	}
}
 .lessPadding::after{
 	height: 5px !important;
 }
 .copyLink{
 	font-size: 0.9em !important;
 }
 .copyLink:hover{
 	text-decoration: underline !important;
 }
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/************************************************************ End visiting css ************************************************************/
/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */

.uppercase {
	text-transform: uppercase;
}

.dropLink,
.dropLink:visited,
.dropLink:hover,
.dropLink:active {
	color: rgb(80, 81, 84);
}

.inheritContent>p>div {
	display: inline;
}


#website-body .noLine.ep-a_loadmore:before {
	border-bottom: none;
}

#website-body .organisationHome .listLinkOrganisation .ep_gridcolumn.ep-m_product {
	padding: 10px 0;
}

#website-body .organisationHome .listLinkOrganisation .ep_gridcolumn.ep-m_product+.ep_gridcolumn.ep-m_product {
	border-top: 1px solid #d1d3d4;
}

#website-body .organisationHome .listLinkOrganisation [class*="ep-a_"]:after {
	height: 0;
}

#website-body .activities article.articleTinyPicture+article>.ep_gridcolumn-content:before {
	border-top: none;
}

.containerMediaTitle,
.mediaTitle {
	font-family: Helvetica, Arial, sans-serif !important;
}

@media screen and (min-width: 1200px) {
	#website-body .activities .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] {
		margin-bottom: 30px;
		margin-top: -31px;
	}

	#website-body .activities article[class*="ep-a_"]:after {
		height: 30px;
	}

	#website-body .activities article {
		padding-bottom: 10px;
	}

	#website-body .activities article.articleTinyPicture {
		margin-bottom: 10px !important;
	}

	#website-body .activities article.articleTinyPicture+article>.ep_gridcolumn-content:before {
		border-top: none !important;
		margin-top: 10px;
	}

	#website-body .activities article .ep_tag {
		margin-top: 10px;
	}
	#website-body .ep_tag > div > .ep_name {
		overflow: inherit !important;
	}
}

/* Document : remove the last separator */
#website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item:last-child:after {
	border-top: none !important;
}

#website-body .ep_gridcolumn.ep-m_billboard.documentList:after {
	height: 0 !important;
}

/* Catalog */
#website-body .presidentCatalog .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:before,
#website-body .presidentCatalog .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:after {
	background: none;
}

#website-body .presidentCatalog .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content {
	border: none;
	background: none;
}

#website-body .presidentCatalog .ep_subtitle .ep-p_button {
	border: 1px solid #d2d3d4;
	background-color: white;
	margin: 5px;
	font-size: 1.3em;
	padding: 5px 9px;
	border-radius: 3px;
}

#website-body>.presidentCatalog h2.centered {
	text-align: center;
}

/* Contact form */

#website-body>div.contactForm form.ep-m_form div.largeButton,
#website-body>div.contactForm form.ep-m_form div.largeButton>button {
	width: 100%;
}

#website-body>div.contactForm form.ep-m_form #contactForm_message {
	min-height: 300px;
	overflow: auto;
}

/* ThePresident */
#website-body .thePresident>div>.ep_gridcolumn.ep-layout_text {
	padding-top: 20px !important;
	padding-bottom: 0 !important;
}

#website-body .thePresident .ep-a_share {
	padding-top: 4px;
	border-top: 1px dotted #d1d3d4;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text {
	overflow: hidden;
	width: 40px;
	height: 40px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text .ep_icon {
	border: 1px solid rgb(60, 119, 189);
	width: 40px;
	height: 40px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text .ep_icon:before {
	width: 0;
	height: 38px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text .ep_icon:after {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	background-position-x: -108px !important;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook .ep_icon:after {
	background-position: -171px -42px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter .ep_icon:after {
	background-position: -171px -142px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin .ep_icon:after {
	background-position: -171px -102px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_flickr .ep_icon:after {
	background-position: -171px -82px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_instagram .ep_icon:after {
	background-position: -171px -162px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest .ep_icon:after {
	background-position: -171px -182px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_youtube .ep_icon:after {
	background-position: -171px -122px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_reddit .ep_icon:after {
	background-position: -171px -62px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_snapchat .ep_icon:after {
	background-position: -171px -202px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus .ep_icon:after {
	background-position: -171px -222px;
}

#website-body .thePresident .ep-a_share .ep_share li .ep-p_text.ep-layout_vimeo .ep_icon:after {
	background-position: -171px -262px;
}

/* disclaimer picture */
#website-body .disclaimerPicture,
#website-body .disclaimerPicture .ep_title .ep-p_text {
	color: white !important;
}

#website-body .disclaimerPicture .ep-a_button.ep-layout_calltoaction .ep-p_button+.ep-p_button {
	margin-left: 15px;
}

#website-body .visitCard .ep-a_contacts .ep_card>.ep_name:after {
	display: none;
}

/* visit Card */
#website-body .visitcard.ep-layout_greygradient:before {
	display: none !important;
}

#website-body .visitCard .ep-a_contacts .ep_card .function .ep_text:after,
#website-body .visitCard .ep-a_contacts .ep_card .content .ep_text:after {
	position: static;
	display: block;
	width: 20px;
	height: 15px;
	margin-top: -5px;
	background-color: purple;
	opacity: 0;
	content: "";
}
#website-body .visitCard .ep_card .ep_icon::before{
	position: absolute !important;
}
@media screen and (min-width: 1020px) {
	#website-body .visitCard li.aside{
	    width: calc(100% * 2/3) !important;
	}
}
@media screen and (max-width: 749px) {
	#website-body .visitCard li.aside{
	    margin-top: 20px;
	}
}
@media screen and (max-width: 639px) and (min-width: 320px) {
	#website-body .visitCard .ep-a_contacts .ep_card .function .ep_text:after{
	    display: none !important
	}
	#website-body .visitCard .ep-a_contacts .ep_card .function .ep_text{
	    line-height: 3em !important;
	}
	#website-body .visitCard .ep-a_contacts .ep_card::after{
		position: static;
		display: block;
		width: 50%;
		content: "";
		border-bottom: 1px dotted #c0c0c0;
		margin-bottom: 10px;
	}
}

/* contact Link */
#website-body [class*="ep-a_"] .contactLink [class*="ep-a_"] {
	display: block !important;
	letter-spacing: normal;
}

/* news */
#website-body .newsHomeOnePicture div.center {
	margin: auto;
}

@media (min-width: 1020px) {
	#website-body .newsList form>div>div {
		border-top: 2px dotted #d1d3d4;
		border-bottom: 2px dotted #d1d3d4;
		padding: 20px 0 10px 0;
	}
}

#website-body .newsList form>div>div:first-child {
	border: none;
}

#website-body .newsList form>div {
	margin-top: -10px;
	margin-bottom: 25px;
}

#langSwitch a {
	color: rgb(80, 81, 84);
}

#langSwitch a:link {
	color: rgb(80, 81, 84);
}

#langSwitch a:visited {
	color: rgb(80, 81, 84);
}

#backgroundVideo {
	position: absolute;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------- Revised components ------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
.bioLinks {
	color: white;
}

.bioLinks a:visited {
	color: white !important;
}

.bioLinks a {
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	color: white !important;
}

.bioLinks>li {
	border: none;
	width: auto;
	display: inline-block;
	margin-right: 15px;
	padding: 0 !important;
}

.bioLinks>li>div>a:hover {
	transform: translateY(5px) !important;
	-webkit-transform: translateY(-5px) !important;
	transition: transform 0.2s ease-out;
}

.bioLinks>li>div:before {
	content: "\003009";
}

.thePresidentBanner::after {
	display: none !important;
}

.offerDetailPage .frameVideo>iframe {
	width: 100%;
	left: 0 !important;
}

@media screen and (max-width: 1199px) and (min-width: 1020px) {
	.ep_gridrow.padded {
		padding-left: 30px !important;
	}
}

@media screen and (max-width: 1019px) and (min-width: 750px) {
	.ep_gridrow.padded {
		padding-left: 15px !important;
	}
}

@media screen and (max-width: 749px) and (min-width: 320px) {
	.contentContainer {
		text-align: center;
		justify-content: center !important;
	}
}

.lightSocialBox .custom-layout>a {
	opacity: 1 !important;
}

/* .lightSocialBox .custom-layout>a>span { */
/* 	padding-top: 4px; */
/* } */
@media screen and (max-width: 749px) and (min-width: 640px) {
	#website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card {
	    padding: 20px 20px 5px 20px !important;
	    border: 1px solid #d1d3d4 !important;
	    border-radius: 5px;
	    letter-spacing: normal;
	}
}

@media screen and (max-width: 479px) and (min-width: 320px) {
	.bioLinks {
		width: 100%;
		justify-content: center !important;
		padding: 20px 0;
	}

	.bioLinks>li {
		display: block;
	}

	.bioLinks>li+li {
		margin-top: 15px;
	}

	.bioLinks>li>div {
		display: block;
		text-align: center;
	}

	.ep-layout_tag>.ep_name+.ep_name {
		margin: 0 !important;
		margin-top: 2px !important;
	}

	.ep-layout_tag>.ep_name {
		display: block !important;
		width: fit-content;
	}
}
.withoutMarginTop{
	margin-top: 0 !important;
}
.withoutBefore::before{
	display: none !important;
}

#minifyDatepickerGeneric.datePickerClass .ep_title > .ep-p_text{
	display: inline-block !important;	
}
.datePickerClass .ep_title > .ep-p_text{
	display: flex !important;
	justify-content: space-between;
}
#website #contactForm .epjs_selectconvert .ep_select.epjs_converted select.ep_field{
	display: block !important;
	height: 1px !important;
	bottom: 1px !important;
	top: auto !important;
}
/* ----------------------------------------- I C O N S ----------------------------------------- */
.iconContainer{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.cust-arrowLeft{
	background-image: url(../img/arrowLeft.svg);
}
.cust-arrowRight{
	background-image: url(../img/arrowRight.svg);
}
.cust-ageRange{
	background-image: url(../img/ageRange.svg);
}
.cust-arrowLeftBlue{
	background-image: url(../img/arrowLeftBlue.svg);
}
.cust-screensquare{
	background-image: url(../img/screensquare.svg);
}
.cust-wifi{
	background-image: url(../img/wifi.svg);
}
.cust-weelchair{
	background-image: url(../img/weelchair.svg);
}
.cust-blind{
	background-image: url(../img/blind.svg);
}
.cust-deaf{
	background-image: url(../img/deaf.svg);
}
.cust-fork{
	background-image: url(../img/fork.svg);
}
.cust-cup{
	background-image: url(../img/cup.svg);
}
.cust-handbag{
	background-image: url(../img/handbag.svg);
}
.cust-social{
	background-image: url(../img/social.svg);
}