/*	################################################################################
	CSS TEMPLATE FILE - "STYLE.CSS"
	################################################################################ */
	/*	################################################################################
		CSS VARIABLES
		################################################################################ */
	:root {
		/*	================================================================================ */
		--backgroundColor: #fff;
		--tintShade1: #465448;
		--tintShade2: #536255;
		--tintShade3: #617063;
		--tintShade4: #6f7f71;
		--tintShade5: #7d8d80;
		--tintShade6: #8c9b8e;
		--tintShade7: #9ba99d;
		--tintShade8: #abb8ad;
		--tintShade9: #bbc6bd;
		--tintShade10: #cbd4cd;
		--tintShade11: #dce3dd;
		--tintShade12: #edf1ee;
		--foregroundColor: #000;
		/*	OFF-WHITE  */
		/*	================================================================================ */
		--textColor: #465448;
		--ctaButton: #465448;
		--offWhite: #e3e8e4;
		--start: left;
		--end: right;
		--maxWidth: 1320px;
		/*	================================================================================ */
		
		/*	================================================================================ */
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			transform: translateY(20px)
		}
		100% {
			opacity: 1;
			transform: translateY(0)
		}
	}


	/*	################################################################################
		MOBILE - MEDIA QUERIES
		################################################################################ */
	@media only screen and (max-width: 800px) {
		/*	================================================================================
			MOBILE - HEADER 1
			================================================================================ */
		#header1 {
			inset-block-start: 66px;
		}

		#header1BlockBackground,
		iframe#player,
		.overcast {
			height: 56.25vw; /* THE HD HEIGHT ASPECT RATIO IN RESPECT TO WIDTH (1080 / 1920) */
		}
		#header1 .header1Table {
			padding-inline: 20px;
		}
		#header1SpaceRetainer {
			min-height: 56.25vw; /* THE HD HEIGHT ASPECT RATIO IN RESPECT TO WIDTH (1080 / 1920) */
		}
		/*	================================================================================
			MOBILE - BREADCRUMBS
			================================================================================ */
		#breadcrumbs {
			display: none;
		}
		/*	================================================================================
			MOBILE - SITEMAP
			================================================================================ */
    	.sitemap .jmapcolumn {
    		flex-direction: column;
    		justify-content: flex-start;
    		align-items: stretch;
    	}
    	#jmap_sitemap div.jmapcolumn>ul {
    		width: 100%;
    		margin-inline: 0;
    		padding-inline: 20px;
    		box-sizing: border-box;
    	}
		/*	================================================================================
			MOBILE - FOOTER
			================================================================================ */
		#footer1_block1 {
			margin-inline: 0;
			padding-block: 20px;
			padding-inline: 20px;
			flex-direction: column;
			justify-content: flex-start;
		}
		#footer1_block1 >div {
			width: 100%;
		    border-block-end: 1px solid var(--tintShade5);
			padding-block: 10px;
		}
		.footerMenu {
			column-count: 2;
		}
		.footerMenu >li:nth-child(1) {
/*			column-span: all; */
			margin-block-end: 30px;
		}
		#footer1_block2 {
			padding-inline: 20px;
			box-sizing:border-box;
		}
		#footer2 {
			height: 100px;
		}
		/*	================================================================================
			MOBILE - WHATSAPP
			================================================================================ */
		.whatsappchat.is-bottom_right, .whatsappchat.is-bottom_left {
			inset-block-end: 5px !important;
			inset-inline-end: 15px !important;
		}
		.whatsappchat .popup-section .popup .help-you-btn {
			padding: 5px;
		}
		.whatsappchat .popup-section .popup .help-you-btn >img {
			height: 55px;
			vertical-align: top;
		}
		.whatsappchat .popup-section .popup .popuptext .popup-box .response {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
		}
		.whatsappchat .popup-section .popup .popuptext .popup-box .response input {
			box-sizing: border-box;
			padding-block: 20px;
			padding-inline: 20px 60px !important;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		DESKTOP - MEDIA QUERIES
		################################################################################ */
	@media only screen and (min-width: 800px) {
		/*	================================================================================
			DESKTOP - HEADER 1
			================================================================================ */
		#header1 {
			inset-block-start: 71px;
		}
		#header1 .header1Table {
			padding-inline: 40px;
		}
		/* MAKE ALL FLEX ITEMS OF THE SAME WIDTH */
		#header1Table >div {
			width: 240px;
		}
		#header1SpaceRetainer {
			height: 100vh;
		}
		/*	================================================================================
			MOBILE - BREADCRUMBS
			================================================================================ */
		#breadcrumbs {
			width: 100%;
			max-width: var(--maxWidth);
			margin-inline: auto;
			padding-inline-start: 240px;
			box-sizing: border-box;
			font-size: 0;
		}
		#breadcrumbs::before {
			content: '';
			width: 90px;
			display: inline-block;
			border-block-end: 1px solid var(--tintShade10);
			float: var(--start);
			margin-inline-start: -120px;
			margin-inline-end: 5px;
			height: 10px;
		}
		.breadcrumbs {
			display: block;
			width: 100%;
			max-width: var(--maxWidth);
			list-style: none;
			margin-block: 10px 20px;
			margin-inline: auto;
		}
		.breadcrumbs ul, .breadcrumbs ol {
			margin: 0;
			padding: 0;
		}
		.breadcrumbs li, .breadcrumbs li a {
			display: inline-block;
			font-size: 16px;
			text-decoration: none;
			color: var(--tintShade5);
			vertical-align: middle;
		}
		.breadcrumb-item::after {
       	    content: '';
    		display: inline-block;
    		background-image: url("../images/icons/svg/caretRight-Dark.svg");
			background-size:cover;
    		width: 8px;
    		height: 8px;
    		margin-inline: 8px;
			vertical-align: middle;
    	}
		.breadcrumb-item.active::after {
    		display: none;
		}
		/*	================================================================================
			DESKTOP - SITEMAP
			================================================================================ */
    	.sitemap .jmapcolumn {
    		flex-direction: row;
    		justify-content: center;
    		align-items: flex-start;
    	}
		/*	================================================================================
			DESKTOP - FOOTER
			================================================================================ */
		#footer1_block1 {
			max-width: var(--maxWidth);
			margin-inline: auto;
			padding-block: 40px;
			padding-inline: 0px;
			flex-direction: row;
			justify-content: space-between;
		}
		#footer1_block1 >div {
			width: 33%;
			max-width: 270px;
			margin-inline: min(3%, 30px)
		}
		#footer2 {
			height: 50px;
		}
		/*	================================================================================
			MOBILE - WHATSAPP
			================================================================================ */
		.whatsappchat.is-bottom_right, .whatsappchat.is-bottom_left {
			inset-block-end: 5px !important;
			inset-inline-end: 15px !important;
		}
		.whatsappchat .popup-section .popup .help-you-btn {
			padding: 5px;
		}
		.whatsappchat .popup-section .popup .help-you-btn >img {
			height: 55px;
			vertical-align: top;
		}
		.whatsappchat .popup-section .popup .popuptext .popup-box .response {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
		}
		.whatsappchat .popup-section .popup .popuptext .popup-box .response input {
			box-sizing: border-box;
			padding-block: 20px;
			padding-inline: 20px 60px !important;
		}
		/*	================================================================================ */
	}



	/*	################################################################################
		NON RESPONSIVE
		################################################################################ */
	html,
	body {
		font-family: 'YsabeauInfant', 'sans-serif';
		font-size: 16px;
		line-height: 1.5;
		background-color: var(--backgroundColor);
		color: var(--textColor);
		margin: 0;
		padding: 0;
		scroll-behavior: smooth;
		height: 100%;
	}
	body a, 
	body a:active, 
	body a:focus, 
	body a:visited {
		display: inline-block;
		color: var(--textColor);
		text-decoration: none;
		border-block-end: 1px dotted transparent;
	}
	body a:hover {
		border-block-end: 1px dotted var(--tintShade5);
	}
	.disabled {
		cursor: not-allowed;
		pointer-events: none; /* DISABLE LINK */
	}
	/*	================================================================================
		HEADER 1
		================================================================================ */
	#header1 {
		position: relative;
		z-index: 10;
		background-color: transparent;
	}
	/* THE CONTAINER OF THE IMAGE SLIDER / VIDEO */
	#header1BlockBackground,
	iframe#player,
	.overcast,
	#header1SpaceRetainer {
		position: absolute;
		inset-block-start: 0;
		inset-inline-start: 0;
		width: 100vw;
		vertical-align: top;
		overflow: hidden;
		z-index: 0;
	}
	.overcast {
		background-color: rgba(0, 0, 0, 0.0);
	}
	.imageSliderLogoContainer {
		position: absolute;
		width: 50vw;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		transform: translate(-50%, -50%);
	}
	.imageSliderLogo {
		display: inline-block;
	}
	/* THE CONTAINER OF THE HEADER ELEMENTS "MENU", "LOGO" AND THE CONTAINER OF "LANGUAGE SELECTOR" AND "BOOK NOW" BUTTON */
	#header1OuterTable {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	/* CONTAINER OF THE HEADER ELEMENTS "MENU", "LOGO" AND THE CONTAINER OF "LANGUAGE SELECTOR" AND "BOOK NOW" BUTTON */
	#header1Table {
		width: 100%;
		padding-block: 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	/* CONTAINER OF THE "LANGUAGE SELECTOR" AND THE "BOOK NOW" BUTTON */
	#position130 {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	/* SPACER TO SET THE STARTING POINT OF THE NEXT ELEMENTS FROM WHERE THE IMAGE SLIDER / VIDEO ENDS */
	#header1SpaceRetainer {
		position: relative;
	}
	/*	================================================================================
  	  	TOP MENU
  		================================================================================ */
	.topMenu {
		position: fixed;
		inset-block-start: 0;
		inset-inline-start: 0;
		width: 80vw;
		height: 100%;
		margin: 0;
		padding: 25px 40px;
		box-sizing: border-box;
		background-color: white;
		z-index: 100;
		list-style-type: none;
	}
	/*	################################################################################
		SITEMAP
		################################################################################ */
	.sitemap {
		width: 100%;
		max-width: var(--maxWidth);
		margin-block: 0 50px;
		margin-inline: auto;
	}
	.page-header h1 {
		width: 100%;
		text-align: center;
		letter-spacing: 0.5px;
		line-height: 1.2;
		max-width: var(--maxWidth);
		margin-block: 20px;
		padding-inline: min(8.33vw, 120px);
		box-sizing: border-box;
		font-size: 36px;
	}
	.sitemap .jmapcolumn {
		display: flex;
		flex-wrap: wrap;
	}
	#jmap_sitemap.sitemap div.jmapcolumn>ul {
    	font-size: 16px;
    }
	/*	################################################################################
		FOOTER
		################################################################################ */
	#footer1 {
		background-color: var(--tintShade1);
	}
	#footer1_block1 {
		width: 100%;
		margin-block: 0px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	.footerMenu {
		color: white;
		list-style-type: none;
		margin-block: 0;
		padding-inline: 0;
	}
	.footerMenu a,
	.footerMenu a:active,
	.footerMenu a:focus,
	.footerMenu a:hover,
	.footerMenu a:visited {
		color: white;
		line-height: 1.7;
		text-transform: capitalize;
		font-size: 18px;
	}
	#pos340,
	#pos350 {
		display: none;
	}
	#footer2 {
		display: block;
		background-color: var(--tintShade1);
	}
	/*	################################################################################
		WHATSAPP
		################################################################################ */
	.whatsappchat {
		z-index: 10001 !important;
	}
	.whatsappchat .popup-section .popup .popuptext .popup-box .response .send_btn {
		inset-inline-end: 20px !important;
	}
	/*	################################################################################
		COOKIE CONSENT SCRIPT - EU COOKIE LAW
		################################################################################ */
	.cc-window.cc-banner.cc-bottom,
	.cc-window.cc-floating.cc-bottom {
		inset-block-end: 75px;
	}
	/*	################################################################################
		PRINT
		################################################################################ */
	@media print {
		.whatsappchat,
		.messengerchat {
			display: none;
		}
	}
	/*	################################################################################ */