body{
	background:#ff0;
}

.links {
	display: none;
}
/*
footer.mobilenavigation{
	display: none!important;
}
*/
.place a{
	text-align: left!important;
}

.destinations-background{
    width: 100%;
    height: 100vh;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: linear-gradient(to top,rgba(12	,12,	10,1) 0%,rgba(12,12,	10,0) 75%);

    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgb(238,238,238);
    position: absolute;
    	left:0;
			right:0;
			bottom:0;
			top:0;
	
			z-index: 10;	
}

 .destinations-background-image{
			position: absolute;
			left:0;
			right:0;
			bottom:0;
			top:0;
			opacity: 0.9;
			z-index: 10;	 
 }
 
 .destinations-background-image{
	 background-image:url('/assets/img/destinations/destination4.jpg');
 }
 
 #content{
	 min-height: calc(100vh - 90px);
	
 }
.destinations-background-image{
	background-size: cover;
	background-position: center center;
	transition: 2000ms all ease-in;
}

.destinations-background-image.loading{
-webkit-filter:blur(10px);
	/*transform:scale(1.2);*/
	transition: 2000ms all ease-in;
}

footer{
	 z-index: 9999;
	 position: absolute;
	 bottom:0;
}

[data-country-id]:hover a{
	font-weight:900;

}

[data-country-id]:active a{
		font-weight:900;
	
	
}

[data-country-id]:hover + [data-country-list-id],[data-country-list-id]:hover{
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
  transition: 2000ms all ease-in;
    z-index: 999;
}
header{
	    z-index: 99999;
}


.country-list li {
    width: 100%;
    z-index: 100;
    cursor: pointer;
}


.sheet.show-sheet li:hover{
	font-weight: bold;
}

.sheet{
	border-top: 1px solid transparent;
	position: absolute;
	left:350px;
    -webkit-filter:blur(5px);
    top: 0px;
    bottom: 0px;
  pointer-events: none;
  transition: all 1.4s cubic-bezier(.87,.41,.19,1);
   opacity: 0;
}


.sheet.show-sheet{
	pointer-events: all;
    -webkit-filter:blur(0px);
	transition: all 1.4s cubic-bezier(.87,0,.19,1);
    left: 240px;
    display: inline-block;
    opacity: 1;
    top: 0px;
}

.country-list{
	font-family: dense;
	letter-spacing: 6px;
	font-size: 40px;
	display: flex;
	flex-direction: column;
	position: relative;
	text-transform: uppercase;
	align-items: flex-start;

	list-style: none;
	margin-left: 40px;

	width:230px;
}
.country-list li{
	position: relative;
	width:100%;
}
.sheet li {
    min-width: 300px;
	    height: 50px;
}


.country a {
	color:rgba(255,255,255,0.5);
	transition: all 1.4s cubic-bezier(.87,0,.19,1);
    width: 100%;
    cursor: pointer;
    display: block;
    text-align: right;
    padding: 5px;

	
}
.selected a{
	font-weight:900;
	color: #fff;
		transition: all 1.4s cubic-bezier(.87,0,.19,1);
}

.country a:hover{
    cursor: pointer;
    display: block;
    font-weight: bold;
	
}



[data-country-list-id]{
list-style: none;
    padding: 0;
    margin: 0;
	text-transform: none;
    padding-left: 20px;
        display: flex;
    flex-direction: column;
    /* flex-wrap: wrap;*/
    height: 300px;


}

.destinations-background{
	padding-top: 200px;
	z-index: 50;
}


.country-selector{
    display: flex;
    top: 200px;
    left: 18px;
}

.region-details-sheet{
	height: 100%;
	width: 100%;
	position: absolute;
	left:350px;
	right: 0;
    top: 0px;
    bottom: 0px; 
  transition: all 1.4s cubic-bezier(.87,.41,.19,1);
   opacity: 1;
   display: none;
}

@media screen and (max-height: 800px){
	
	
}


@media screen and (max-height: 720px){

	
	.country a{
		    font-size: 30px;
	}
	
	.sheet li{
		    min-width: 300px;
    height: 40px;
	}

}


@media screen and (max-height: 630px){
	.primary-footer{
		display: none;
	}
	
}