@font-face {

    font-family: MyriadPro-Bold;

    src: url(../fonts/MyriadPro-Bold.otf);

}



@font-face {

    font-family: MyriadPro;

    src: url(../fonts/MyriadPro.ttf);

}





html, body {

	height: 100%;

	width: 100%;

	margin: 0;

	padding: 0;

}



h1, h2, p, a, ul, li {

	margin: 0;

	padding: 0;

	font-family: 'Montserrat', sans-serif;

	font-weight: 300;

	color: white;

}



.start, .end {

	/*display: none;*/

}



select:disabled {

	background-color: rgb(200,200,200);

}





a {

	cursor: pointer;

}



li {

	list-style: none;

}

#certificate {
	height: 40vh;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(100,100,100);
}

#certificate>div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mainContainer {

	/*overflow: overlay;*/

}



.mainMenu {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 5;

}



.mainMenuLogoContainer {

	background-color: rgba(53,71,140,0.7);

	z-index: 1;

}



.mainMenuLinksHeadContainer {

	z-index: -1;

	background-color: rgba(53,71,140,0.7);

}

.menuLinkList {	

	cursor: pointer;

}



.menuLinkList:hover, .mainMenuInfoList:hover {

	background-color: rgba(255,255,255,0.4);

}



.mainMenuInfoListContainer {

	width: 50%;

	height: 100%;

}



.mainMenuInfoList {

	width: 49%;

	display: inline-block;

	height: 100%;

	position: relative;

}



.menuArrow {

	transition: transform 0.5s;

}



.logo.menu {

	max-height: 90%;

	max-width: 90%;

	margin-top: 5%;

	margin-left: 5%;

}



.logo.menu:hover {

	max-height: 95%;

	max-width: 95%;

	margin-top: 2.5%;

	margin-left: 2.5%; /* IE 9 */ /* Chrome, Safari, Opera */

 transform: rotate(-7deg);

}



.bgImgContainer {

	height: 100%;

	width: 100%;

	overflow: hidden;

	z-index: -1;

}



.welcomeTextHeadContainer {

	background-color: rgba(22,25,59,0.6);

}



.mobileLanguageContainer  {
	visibility: hidden;
}



.smallItemContainer>li>i, .longItemContainer>i {

	font-size: 7.5vh;

	color: rgb(173, 213, 247);

}



.longItemContainer {

	text-align: center;

}



.smallItemContainer>li>p, .longItemContainer>p {

	font-family: MyriadPro;

	font-size: 4vh;

}



.longItemContainer>ul {

	margin-left: 2.5vh;

	text-align: left;

	font-size: 2.5vh;

}



.longItemContainer>ul>li {

	list-style-type: disc;

}







.bgImgContainer.darken {

	background-color: rgba(0,0,0,1);

}



.bgImgContainer.darken>img {

	opacity: 0.3;

	filter: alpha(opacity=30); /* For IE8 and earlier */

}



.benefitsTitle {

	text-align: center;

	width: 100%;

}



.benefitsTitle>p {

	color: rgb(127,178,240);

	font-weight: 300;

	font-size: 2.5vh;

	font-family: 'MyriadPro', sans-serif;

}



.benefitsTitle>h2 {

	color: white;

	font-family: 'MyriadPro-Bold', sans-serif;

	font-size: 5vh;

	margin: 2.5vh 0 0;

}



.routeMainContainer {

	/*background-color: rgb(242,242,242);*/

}



.priceHeadContainer {

	background-color: #6C79AA;

	box-shadow: 0.5vw 0.5vw 18px rgba(0,0,0,0.5);

	z-index: 2;

}



.priceInputHeadContainer {

	width: 100%;

	height: 60%;

	overflow: overlay;

}



.priceInputContainer {

	height: calc(100% - 30px);

	width: calc(100% - 60px);

	margin: auto;

	margin-top: 30px;

}



.priceInputBoxContainer {

	width: 100%;

	height: calc(100% / 2);

	position: relative;

}



.pickUpOption {

	width: calc(50% - 4px);

	height: 100%;

	display: inline-block;

	cursor: pointer;

	position: relative;



	background-color: rgb(242,242,242);



}



.pickUpOption>p {

	color: black;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	white-space: nowrap;

}



.optionOne {

	border-right-color: rgb(127,178,240);

	border-right-style: solid;

	border-right-width: 1px; 



	border-left-style: solid;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;

	border-left-color: rgb(242,242,242);

}



.optionTwo {

	border-left-color: rgb(127,178,240);

	border-left-style: solid;

	border-left-width: 1px; 





	border-right-style: solid;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	border-right-color: rgb(242,242,242);

}



.optionOne.active {

	background-color: rgb(200,200,200);

	border-left-color: rgb(200,200,200);

	width: calc(48% - 4px);

	margin-left: 2%;

	height: 90%;

}



.optionTwo.active {

	background-color: rgb(200,200,200);

	border-right-color: rgb(200,200,200);

	width: calc(48% - 4px);

	margin-right: 2%;

	height: 90%;

}





.priceInputBoxContainer>p {

	font-size: 2.5vh;

	position: absolute;

	bottom: 70%;

}



.priceInputBoxContainer>select, .pickUpSelect {

	width: 100%;

	height: 50%;

	position: absolute;

	bottom: 10%;



	font-family: 'MyriadPro', sans-serif;

	font-size: 2vh;

}



.priceShowHeadContainer {

	background-color: rgb(242,242,242);

	height: calc(40% - 60px);

	width: calc(100% - 60px);

	margin: auto;

	margin-top: 30px;

	white-space: nowrap;

	box-shadow: 0.5vw 0.5vw 18px rgba(0,0,0,0.5);

}



.priceContainer {

	height: 100%;

	width: 50%;

	display: inline-block;

	position: relative;

}



.firstPrice {

	background-color: rgb(242,242,242);

	opacity: 0;

	transition: opacity 1s;

}



.secondPrice {

	background-color: rgb(127,178,240);

	opacity: 0;

	transition: opacity 1s;

}



.firstPrice.active, .secondPrice.active {

	opacity: 1;

}



.firstPrice>p, .secondPrice>p {

	width: 75%;

	white-space: initial;

	margin-left: 12.5%;

	font-family: MyriadPro;

	font-size: 1.8vh;

	line-height: 1.2;



	position: absolute;

	top: 50%;

	transform: translateY(-50%);



	text-align: center;

}



.firstPrice>p>span:not(.standard), .secondPrice>p>span:not(.standard) {

	font-size: 5vh;

}



.firstPrice>p, .noRide {

	color: rgb(127,178,240);

}



.noRide {

	font-family: MyriadPro;

	font-size:  3vh;

	word-wrap: initial;

	white-space: normal;

	width: 90%;

	margin-left: 5%;

	text-align: center;



	position: relative;

	top: 50%;

	transform: translateY(-50%);

	opacity: 0;

	transition: opacity 1s;

}



.noRide.active {

	opacity: 1;

}



.noRide:not(.active) {

	display: none;

}



.mapsContainer {	

	background-color: transparent;

	box-shadow: 0vw 0vw 0px rgba(0,0,0,0);

	opacity: 0.5;

	z-index: 1;

	transition: height 1s, margin-top 1s, width 1s, margin-left 1s, box-shadow 1s, opacity 1s;

}



.mapsContainer.active {

	opacity: 1;

	box-shadow: 0.5vw 0.5vw 18px rgba(0,0,0,0.5);	

}



.googleContainer {

	width: 100%;

	height: 100%;

}



.tripInfo {

	background-color: white;

}



.tripInfo.active {	

	transition: left 1s, box-shadow 1s, opacity 1s;

}



.tripInfo>p {

	color: rgb(127, 178, 240);

	width: 90%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.routeTitle {

	font-family: MyriadPro;

	font-weight: 400;

	color: rgb(127,178,240);

}



.routeMainContainer>.bgIMgContainer {

	position: absolute;

}



.contactInfoContainer {

		background-color: rgba(0,0,0,0.4);

	}



.contactContainer {

	position: relative;

	display: inline-block;



	text-align: center;

	overflow: overlay;



}



.contactInfo {

	color: rgb(127,178,240);

	font-family: MyriadPro;



	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.contactInfo>i {

	color: rgb(173,213,247);

}



.languageOptionsContainer {

	width: 100%;

	position: absolute;

	top: -450%;

	background-color: rgba(22,25,59,0.6);

	transition: top 0.7s;

}







.languageOption {

	display: block;	

	width: 100%;

	height: 5vh;

	position: relative;



	border-bottom-style: solid;

	border-color: rgba(255,255,255,0.5);

	border-width: 1px;

}



.languageOption:last-child {

	border-width: 0;

}



.languageOption:hover {

	background-color: rgba(255,255,255,0.5);

	transform: scale(1.05, 1.05);

}







.languageOption>p {

	font-size: 1vw;

	position: absolute;

	top: 50%;

	left: calc(4vw + 2px);

	transform: translateY(-50%);

}



.flagContainer {

	display: inline-block;

	background-color: red;

	height: 2vw;

	width: 3.2vw;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	margin-left: 5px;

	overflow: hidden;

}



.flagContainer>img {

	height: 100%;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

}



.languageArrow {

		position: absolute;

		right: 10%;

		transition: transform 0.5s;

}



.mainMenu {

	pointer-events: none;

}



.mainMenu * {

	pointer-events: all;

}



@media screen and (min-aspect-ratio: 2/3) {



	.mainMenu {

		width: 100%;

		height: 20vh;

	}



	.mainMenuLogoContainer {

		width: 20vh;

		height: 100%;

		display: inline-block;

	}



	.mainMenuLinksHeadContainer {

		display: inline-block;

		width: calc(100% - 20vh);

		height: auto;		

		position: absolute;

		min-height: 33%;

	}



	.mainMenuLinksContainer {

		position: absolute;

		height: 100%;

		width: 50%;

	}



	.menuLinkList {	

		display: inline-block;

		height: 100%;

		width: calc(25% - 1px);



		position: relative;

		top:50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);



		border-right-color: rgba(255,255,255,0.2);

		border-width: 1px;

		border-right-style: solid;

	}



	.mainMenuInfoListContainer {

		position: absolute;

		left: 50%;

		height: 100%;

		width: 50%;

	}



	.mobileMenuButton {

		display: none;

	}



	.menuLink, .mainMenuInfo {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);



		width: 100%;

		text-align: center;

	}



	.mobile {

		display: none;

	}



	.mainContainer {

		height: 100%;

		width: 100%;

		position: relative;

	}



	.bgImgContainer>img {

		min-width: 100%;

		height: 100%;

	}







	.welcomeTextHeadContainer {

		width: calc(50% - 7.5vh);

		height: 70vh;

		margin-top: 25vh;

		margin-left: 5vh;



		position: absolute;

		top: 0;

	}



	.welcomeTextContainer {

		width: calc(100% - 10vh);

		max-height: calc(100% - 10vh);

		position: absolute;

		top: 50%;

		left: 50%;		

		transform: translate(-50%,-50%);

		-webkit-transform: translate(-50%,-50%);



	}



	.welcomeTextContainer>h1 {

		font-weight: 400;

		font-size: 3.5vw;

	}



	.welcomeTextContainer>p {

		font-weight: 400;

		font-size: 1.3vw;

		line-height: 3vw;

	}



	.welcomeLogoContainer {

		width: calc(50% - 7.5vh);

		height: 70vh;

		margin-top: 25vh;



		position: absolute;

		top: 0;

		right: 5vh;



	}



	.welcomeLogoContainer>img {

		max-width: 100%;

		max-height: 100%;



		position: absolute;

		top: 50%;

		left: 50%;



		transform: translate(-50%,-50%);

		-webkit-transform: translate(-50%,-50%);

	}







	.iconMainContainer {

		position: absolute;

		width: calc(100% - 10vh);

		height: 50%;

		bottom: 0;

		margin-bottom: 5vh;

		margin-left: 5vh;

	}



	.smallItemContainer {

		vertical-align: top;

		display: inline-block;

		height: 100%;

		width: 80%;

	}



	.smallItemContainer>li {

		vertical-align: bottom;

		height: 50%;

		width: 25%;

		display: inline-block;

		text-align: center;

	}



	.longItemContainer {

		display: inline-block;

		height: 100%;

		width: 20%;

	}



	.longItemContainer>ul {

		display: inline-block;

		margin-left: 0;

	}



	.benefitsTitle {

		position: absolute;

		top: 16vh;

		left: 50%;

		transform: translateX(-50%);

		-webkit-transform: translateX(-50%);

	}



	.routeMainContainer>.bgImgContainer {

		position: absolute;

	}



	.routeTitle {

		position: absolute;

		text-align: center;

		width: 100%;

		top: 12vh;

		font-size: 6vh;		

	}
	
	.routeSubTitle {
		font-size: 4.5vh;
	}



	.priceHeadContainer {		

		height: calc(100% - 20vh - 200px);

		top: calc(20vh + 100px);

		margin-left: 100px;

		width: 35vw;

		position: relative;

	}

	#lateNightPrice {
		color: white;
		font-size: 1em;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		width: calc(100% - 60px);
		margin: auto;
		margin-top: 35px;
	}


	.mapsContainer {

		width: 30vw;

		height: calc(100% - 20vh - 200px);

		margin-top: calc(20vh + 100px);

		position: absolute;

		top: 0;

		margin-left: 100px;

		width: 30vw;

	}



	.mapsContainer.active {

		width: 35vw;

		margin-left: calc(30vw + 200px);	

	}



	.tripInfo.active {	

		left: 100%;

		transition: left 1s, box-shadow 1s, opacity 1s;

	}



	.tripInfo {

		position: absolute;

		left: 0;

		height: 25%;

		width: calc(35vw - 300px);

		bottom: 0;

		background-color: white;

	}





	.contactInfoContainer {



		width: calc(100% - 125px);

		height: calc(100% - 50vh);

		position: absolute;

		top: 35vh;

		left: 62px;


	}



	.contactContainer {
		display: block;
		height: 50%;
		width: 50%;
	}

	#info2Mail {
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		height: auto;
		transform: translateY(-50%);
		font-size: 2.5vh;
	}
	
	#info2Mail>ul>li {
		line-height: 4vh;
	}
	
	#info2MailHeader {
		font-family: MyriadPro;
		font-size: 4vh;
	}


	.contactInfo {

		font-size: 1.5vw;

	}



	.contactInfo>i {

		font-size: 10vh;

		margin-bottom: 20px;

	}



	.menuLinkList.languageContainer:hover .languageOptionsContainer {

		top: 100%;

	}



	.menuLinkList.languageContainer:hover .languageArrow {

		transform: rotate(90deg);

	}





	@media screen and (max-width: 1200px) {

		.desktop {

			font-size: 90%;

		}



		.welcomeTextContainer>h1 {

			font-size: 4.3vw;

		}



		.priceInputBoxContainer>p {

			font-size: 1.5vh;

		}



		.pickUpOption>p {

			font-size: 1.7vh;

		}



		.firstPrice>p, .secondPrice>p {

			font-size: 1.5vh;

		}



		.tripInfo {

			height: 40%;

		}



		.mainMenuInfoListContainer {

			border-bottom-style: solid;

			border-bottom-width: 1px;

			border-bottom-color: rgba(255,255,255,0.2);

		}



		.firstPrice>p>span:not(.standard), .secondPrice>p>span:not(.standard) {

			font-size: 3vw;

		}



		.mapsContainer.active {

		    width: 35vw;

		    margin-left: calc(35vw + 100px);

		}



		.tripInfo.active {

		    width: 15vw

		}

	}



	@media screen and (max-width: 985px) {

		.welcomeTextContainer>p {

			font-size: 3vh;

		}

		br.desktop {
			display: none;
		}

		.mainMenuLinksContainer, .mainMenuInfoListContainer {

			width: 100%;

			height: 50%;

			top: 50%;

		}



		.mainMenuLinksContainer {

			border-bottom-width: 1px;

			border-bottom-style: solid;

			border-bottom-color: white;

		}



		.mainMenuInfoListContainer {

			left: 0;

			top: 0%;

		}



		.mainMenuLinksHeadContainer {

			height: 66%;

			min-width: initial;

		}



		.smallItemContainer>li>p {

			font-size: 3vh;

		}

		.benefitsTitle>p {
			font-size: 4vh;
		}
		
		.benefitsTitle>h2 {
			font-size: 6vh;
		}
		
		.iconMainContainer{
			margin-bottom: 11vh;
		}

		.smallItemContainer>li>i, .longItemContainer>i {
			font-size: 17vh;
		}
		


		.longItemContainer>ul {

			margin-left: 5%;

			text-align: left;

			font-size: 3vh;

		}
		
		.priceHeadContainer {
			height: 60vh;
			top: 30vh;
			width: 50vw;
		}
		
		#lateNightPrice {
			color: white;
			font-size: 1em;
			font-family: 'Montserrat', sans-serif;
			font-weight: 300;
			margin: 0;
			margin-left: 52vw;
			width: 30vw;
			top: 10vh;
			position: absolute;
		}

		.priceInputContainer {
			margin-top: 2vh;
			height: 32vh;
		}
		
		.contactInfoContainer {
			height: 42vh;
		}
		
		.certificado {
			max-height: 20vh;
			width: auto;
		}

		
		.priceInputBoxContainer>p {
			font-size: 4vh;
		}

		.priceShowHeadContainer {
			height: 22vh;
			margin-top: 0;
		}
		
		.firstPrice>p, .secondPrice>p {
			font-size: 3.5vh;
		}
		
		.priceInputBoxContainer>select, .pickUpSelect {
			font-size: 3.5vh;
		}
		
		.pickUpOption>p>span {

			display: none;			

		}



		.pickUpOption>p {

			font-size: 3vh;

		}



		.languageOption>p {

			font-size:1.5vh;

		}

	}

}







@media screen and (max-aspect-ratio: 2/3) {



	.mainMenu {

		width: 33vw;

		height: 100%;

	}



	.mainMenuLogoContainer {

		width: 33vw;

		height: 33vw;	

		display: block;

	}



	.menuLink.menuButton {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);



		width: 100%;

		text-align: center;

	}



	.mobileMenuButton, .mobileLanguageContainer {

		background-color: rgba(53,71,140,0.7);

		position: absolute;

		top: 0;

		left: 100%;

		width: 33vw;

		height: 11vw;

		transition: background 0.5s, font 0.5s;

		font-size: 4vw;

	

		border-left-width: 2px;

		border-left-style: solid;

		border-left-color: white;

	}
	
	.mobileLanguageContainer {
		
		left: 200%;
		visibility: visible;

	}
	
	.languageArrow {
		right: initial;
		position: initial;
	}


	.mobileMenuButton:hover {

		background-color: rgba(53,71,140,0.4);

		font-size: 5vw;

	}



	.mainMenuLinksHeadContainer {

		display: block;
		width: calc(100%);
		height: initial;
		position: relative;
		top: -60%;
		transition: top 1.5s;
		-webkit-transition: top 1.5s;
		transition-timing-function: ease-in-out;
		-webkit-transition-timing-function: ease-in-out;
	}



	.mainMenuLinksContainer, .mainMenuInfoList {

		display: block;
		width: 100%;
		height: auto;

	}	



	.menuLinkList, .mainMenuInfoList {

		display: block;
		width: 100%;
		height: auto;
		padding: 2vw 20px;
		font-size: 4vw;
	}

	.languageContainer {
		position: relative;
		top: 25%;
		left: 50%;
		transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
		
	}
	
	.mainMenuLinksContainer > .languageContainer {
		display: none;
	}

	.mainMenuInfoList {

		margin: 4vw 0;
		font-size: 3.5vw;
		width: 3.5vw;

	}



	.mainMenuInfoListContainer {

		width: 100%;

		height: auto;

		display: block;

		padding-bottom: 0.25em;

	}



	.mainMenuLinksHeadContainer.active {

		top: 0;

	}



	.desktop {

		display: none;

	}



	.mainContainer {

		position: relative;

	}



	.homeMainContainer {

		height: 100%;

	}



	.welcomeLogoContainer {

		display: none;

	}



	.bgImgContainer>img {

		min-height: 100%;

	}



	.welcomeTextHeadContainer {

		position: absolute;

		top: 0;



		margin-top: calc(33vw + 50px);

		width: 70%;

		margin-left: 15%;

		height: calc(100% - 33vw - 100px);



	}



	.welcomeTextContainer {

		position: absolute;

		width: 85%;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

	}



	.welcomeTextContainer>h1 {

		font-size: 4vh;

		margin-bottom: 3vh;

	}



	.welcomeTextContainer>p {

		font-size: 4vw;

		margin-top: 3vh;

		max-width: 100%

	}



	.iconMainContainer {

		width: 75vw;

		margin-left: 12.5vw;

		padding-bottom: 100px;

	}



	.bgImgContainer {

		position: absolute;

	}



	.smallItemContainer {

		width: 100%;

	}



	.smallItemContainer>li {

		width: 37.5vw;

		height: 27.5vw;

		display: inline-block;

		text-align: center;

		white-space: nowrap;

	}



	.benefitsMainContainer {

		/*height: calc(225vw + 200px);*/

	}



	.longItemContainer {

		margin-left: 0;

		display: inline-block;

		position: relative;

		left: 50%;

		transform: translateX(-50%);

		-webkit-transform: translateX(-50%);



	}



	.benefitsTitle {

		padding-top: 50vw;

		padding-bottom: 12.5vw;

	}



	.smallItemContainer>li>p, .longItemContainer>p {

		font-size: 2vh;

		white-space: normal;
		margin-top: 1vh;
	}



	.routeTitle {

		font-size: 5vh;

		text-align: center;

		padding: 50vw 0 12.5vw;

	}
	
	.routeSubTitle {
		font-size: 3.5vh;
	}



	.priceHeadContainer {

		width: 90vw;

		height: 100vw;

		position: relative;

		left: 50%;

		transform: translateX(-50%);

	}

	#lateNightPrice {
		color: white;
		font-size: 1em;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		width: calc(100% - 60px);
		margin: auto;
		margin-top: 35px;
	}


	.priceInputBoxContainer>p, .pickUpSelect, .tripInfo>p {

		font-size: 3.9vw;

	}



	.priceInputBoxContainer>select {

		font-size: 5.5vw;

	}



	option {

		min-height: 0;

		padding: 0;

		white-space: normal;

		font-weight: 300;

	}



	.mapsContainer {

		width: 80vw;

		height: 100vw;

		transform: translateX(-50%);

		left: 50%;

		position: relative;

		margin-top: -100%;

		padding-bottom: 12.5vw;

	}



	.mapsContainer.active {		

		height: 60vh;

		margin-top:0;

		



	}



	.googleContainer {

		

	}



	.tripInfo {

		/*position: relative;*/

		margin-top: -100%;

		/*left: 0;*/

		height: 20%;

		width: 100%;

		/*bottom: 0;*/

	}



	.tripInfo.active {

		margin: 0;

		position: relative;

		top: -20%;

	}



	.contactInfoContainer {

		height: 140vh;

		width: 80vw;

		margin-left: 10vw;

	}



	.contactContainer {

		height: 30vh;

		width: 100%;

		font-size: 3.5vh;

		/*white-space: nowrap;*/

	}
	
	#info2Mail {
		height: 80vh;
	}



	.contactContainer>a>i {

		font-size: 10vh;

		margin-bottom: 50px;

	}



	.paddingExtra {

		padding-bottom: 12.5vw;

	}



	.flagContainer {

		height: 3vh;

		width: 6vh;

	}



	.languageOption>p {

		left: calc(6vh + 1.5vh);

		font-size: 1.5vh;

	}



	.languageOptionsContainer {

		background-color: rgba(22,25,59,0.9);

		width: 100%;

		left: -25%;

		top: -1000%;

	}



	.mainMenuLinksHeadContainer, .mainMenuLogoContainer, .mobileMenuButton, .mobileLanguageContainer {

		background-color: rgba(53,71,140,0.9);

	}



	



	.languageOptionsContainer.active {

		top: 175%;

	}



	.menuArrow.active, .languageArrow.active {

		transform: rotate(90deg);

	}



}