*{
	margin: 0;
	padding: 0;
}

body{
	font-family: sans-serif;
	background-color: grey;
  -webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
}

/* Fonts / Typefaces */
.ridley-semibold{
	font-family: 'RidleyGroteskSemiBold';
	font-style: 'Normal';
	font-stretch: 'Normal';
}

.ridley-thin{
	font-family: 'RidleyGroteskThin';
	font-style: 'Normal';
	font-stretch: 'Normal';
}

.ridley-light{
	font-family: 'RidleyGroteskLight';
	font-style: 'Normal';
	font-stretch: 'Normal';
}


.avenir-ultralight{
	font-family: 'AvenirNextUltraLight';
	font-style: 'Normal';
	font-stretch: 'Normal';

}
.avenir-boldcond{
	font-family: 'AvenirNextCondensedBold';
	font-style: 'Normal';
	font-stretch: 'Normal';
}

.avenir{
	font-family: 'AvenirNextRegular';
	font-style: 'Normal';
	font-stretch: 'Normal';
}


.ramilla{
	font-family: 'TTRamillasRegular';
	font-style: 'Normal';
	font-stretch: 'Normal';
}
.ramilla-medium{
	font-family: 'TTRamillasMedium';
	font-style: 'Normal';
	font-stretch: 'Normal';
}

.ramilla-medium-i{
	font-family: 'TTRamillasMediumItalic';
	font-style: 'Italic';
	font-stretch: 'Normal';
}

.explore-more, .fab, .fas{
 cursor: pointer;
}
/* Preload
############################ */
#d13-preload-container {  
  width:100%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0px;
  left:0px;
  z-index:9999;
  background: #000 url(../images/logo.png) center center no-repeat;
  background-size: 50%;
}
#d13-preload-container.hidden {
  display:none;
}
#d13-preload-progress {
  position: absolute;
  top:60%;
  left:45.5%;
  width:9.37%;
  height:2.77%;
  color: #fff;
  text-align:center;
}

.d13-video-btn{
	position: absolute;
	color:white;
	cursor: pointer;
}

#d13-btn-video-2{
	top: 93%;
  	left: 7.5%;
}

#d13-btn-video-3{
	top: 88%;
	right: 7.5%;
}

#d13-btn-video-4{
	top: 135%;
  	left: 0%;
}

#d13-btn-video-5{
	top: 165%;
  	left: 0%;
}

/*Containers*/
#d13-dune-exhibit-container {
	position:relative;
	width:100%;
	/* If you want to implement it in very old browser-versions */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari */ 
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* The rule below is not implemented in browsers yet */
	-o-user-select: none;
	/* The rule below is implemented in most browsers by now */
	user-select: none;
}
#d13-dune-exhibit-container.d13-preload {
	overflow:hidden;
}
#d13-dune-exhibit-container.fullscreen #d13-container{
	max-width: none;
	max-height: none;
	padding:0px;
	margin:0px;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#d13-fullscreen-btn {
	position: absolute;
	right: 6%;
	bottom:3%;
	cursor: pointer;
	color:#fff;
}
#d13-soundIcon{
	position: absolute;
	right: 2%;
	bottom:3%;
	cursor: pointer;
	color:#fff;
}

#d13-container{
	position: relative;
	/*background-position: center;
  	background-repeat: no-repeat;
 	background-size: cover;
	background-image: url("../images/Houses-screen.jpg");
	background-image: url("../images/sand.jpg");
	min-height: 100%;*/
	
	text-align: center;
	/*padding-top: 100px;*/
	max-height: 720px;
	max-width: 1280px;
	overflow: hidden;
   	margin: auto;
   	
 }

#d13-player{
	position: relative;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: black;
	overflow: hidden;
	display: none;
}


.d13-slides{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	/*top: 0px;
	left: 0px;*/
}


.d13-imglayers{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*z-index: 0;*/
}

#d13-logo-container{
	margin: auto;
	width: 100%;
	height: auto;
	position: absolute;
  	top: 5%;
	font-size: 34px;
	color: #ffffff;
	letter-spacing: .25em;
}

#d13-logo{
	/*margin-top: 10px;
	margin-left: -50px;
	*/
	margin-top: 1%;
	margin-left:-3%;
	position: relative;
	max-width: 75%;
	height: auto;
}
.d13-text-container{
	position: absolute;
	
}

#d13-slide0{
/*	background-image: url("../images/enterBG.jpg");
	background-position: center top;
  background-repeat: no-repeat;
 	background-size: cover;*/
 	min-height: 100%;
}

#d13-slide52{
background-image: url("../images/credits.jpg");
	background-position: center top;
  background-repeat: no-repeat;
 	background-size: cover;
 	min-height: 100%;
}

#d13-slide1-text{
	/*margin: 160px 550px auto;*/
	position: absolute;
  top: 20%;
  left: 45%;
	width: 48.82%;
	height:100%;
	font-size: 19px;
	color: #000;
	text-align: left;	
}
#d13-slide1-denis-text{
	color:#ffffff;
}
#d13-slide1-text #d13-logo{
	margin-left: -7%;
	max-width: 100%;
}

.d13-credit-holder{
	position: absolute;
	font-size: 18px;
	color: white;
	text-align: left;
}

#d13-slide1 .d13-credit-holder{
	bottom: 20px;
	left: 40px;
}

#d13-slide2 .d13-credit-holder{
	bottom: 8%;
	right: 10%;
	font-size: 20px;
	color: #fff;
	text-align: right;
}

#d13-slide2-text{
	position: absolute;
  top: 35%;
  left: 2%;
	width: 42.96%;
	height:100%;
	font-size: 24px;
	color: #fff;
	text-align: right;
}

#d13-slide2-text-p1{
	font-size: 24px;
	margin-bottom: 20px;
}
#d13-slide2-text-p2{
	font-size: 20px;
}


#d13-slide3-text{
	position: absolute;
  top: 5%;
	width: 100%;
	height:auto;
	font-size: 24px;
	color: #fff;
	text-align: center;	
}

#d13-slide3b-text{
	position: absolute;
  top: 68%;
  left: 7%;
  width: 85%;
	height:auto;
	font-size: 19px;
	color: #ffffff;
	text-align: left;
}

#d13-slide4-text{
	position: absolute;
  bottom: 2.5%;
  left: 2%;
	font-size: 24px;
	color: #ffffff;
	text-align: left;
}

#d13-slide5-text{
	position: absolute;
  	bottom: 5.5%;
  	left: 3%;
	color: #ffffff;
	text-align: left;
}

/*
#d13-slide5-text .d13-prod-credit1{
	font-size: 26px;
	line-height: 30px;
}
*/


#d13-slide6-text, #d13-slide29-text, #d13-slide36-text, #d13-slide41-text, #d13-slide47-text, #d13-slide50-text{
	position: absolute;
  top: 15%;
  left: 50%;
	color: #ffffff;
	text-align: left;
}

 #d13-slide36-text{
	position: absolute;
  top: 15%;
  left: 50%;
	color: #ffffff;
	text-align: left;
}

.d13-prod-credit-grieg{
	position: absolute;
	top: 10%;
	width: 500px;
}

#d13-slide36-text .d13-prod-credit1{
	position: absolute;
  	top: 75%;
  	width: 500px;
} 

#d13-slide7-text, #d13-slide30-text, #d13-slide37-text, #d13-slide39-text, #d13-slide43-text{
	position: absolute;
  top: 15%;
  left: 10%;
  width: 40%;
	color: #ffffff;
	text-align: left;
}

#d13-slide8-text{
	/*margin: 470px 95px;*/
	position: absolute;
  top: 67%;
  left: 7.5%;
	width: 85%;
	/*height:120px;*/
	font-size: 24px;
	color: #ffffff;
	text-align: left;	
}

#d13-slide8b-text{
	/*margin: 570px 95px;
	width: 1100;
	height:120px;
	*/
	position: absolute;
  top: 76%;
  left: 7.5%;
  width: 85%;
	font-size: 19px;
	color: #ffffff;
	text-align: left;	
}

.d13-credit-bottom-right{
	bottom: 8%;
	left: 5%;
	color: #ffffff;
	text-align: left;
}


/*
.d13-credit-bottom-right .d13-prod-credit1{
	font-size: 26px;
	line-height: 30px;
}
*/

#d13-slide10-text{
	/*
	margin: 470px 95px;
	width: 100%;
	height:120px;
	*/
	position: absolute;
  top: 69%;
  left: 7.5%;
	width: 85%;
	/*font-size: 24px;*/
	color: #ffffff;
	text-align: left;
	/*top: 0px;*/
}

#d13-slide10b-text{
	/*
	margin: 570px 95px;
	width: 1100;
	height:120px;
	*/
	position: absolute;
  top: 82%;
  left: 7.5%;
  width: 85%;
	font-size: 19px;
	color: #ffffff;
	text-align: left;
	/*top: 0px;*/
}

#d13-slide12-text{
	top: 15%;
	left: 51%;
	color: #ffffff;
	text-align: left;
}

#d13-slide16-text{
	top: 43%;
	left: 50%;
	color: #ffffff;
	text-align: right;
	width: 43%;
	font-size: 20px;
	text-justify: inter-word !important;
}
#d13-slide16-text .d13-quote-attr1{
	margin-top:15px;
	position: relative;
	text-align:right;
	width: 100%;
}

#d13-slide16b-text{
	top: 3%;
	left: 3%;
	color: #ffffff;
	text-align: left;
	font-size: 20px;
}


#d13-slide16-text .d13-quote-attr2{
	
	position: relative;
	text-align:right;
	width: 100%;
}

#d13-slide20-text{
	/*
	margin: 520px 95px;
	width: 100%;
	height:120px;
	*/
	position: absolute;
  top: 77.5%;
  left: 7.5%;
  width: 85%;
	font-size: 24px;
	color: #ffffff;
	text-align: left;	
}

#d13-slide20b-text{
	/*
	margin: 570px 95px;
	width: 1100;
	height:120px;
	*/
	position: absolute;
  top: 82%;
  left: 7.5%;
	width: 85%;
	font-size: 19px;
	color: #ffffff;
	text-align: left;
}

#d13-slide23-readme, #d13-slide28-readme, #d13-slide35-readme{
	margin-top: 10px;
	color: #ffffff;
	font-size: 19px;
	cursor: pointer;
}

#d13-slide23-readme, #d13-slide28-readme:hover, #d13-slide35-readme:hover{
color: white;
}

.d13-info-header{
	font-size: 26px;
	color: #ffffff;
	margin-top: 20px;
}

.d13-info-body{
	margin-top: 5px;
	width: 100%;
	font-size: 22px;
	color: #ffffff;
}

.d13-prod-credit1{
	color: #ffffff;
	/*font-size: 20px;*/
}

.d13-prod-credit2{
	color: #ffffff;
	font-size: 28px;
}

.d13-prod-credit3{
	color: #ffffff;
	font-size: 28px;
	margin-top: -1%;
	
}

/*init elements*/
#d13-video-holder, #d13-slide1, #d13-slide2, #d13-slide3, #d13-slide4, #d13-slide5, #d13-slide6, #d13-slide7{
	display: none;
}

/* Nav elements
#d13-soundIcon{
	position: absolute;
	right: 2%;
	bottom:2%;
	cursor: pointer;
	width:3.28%;
	height:4.58%;
}*/
#d13-soundIcon img{
	max-width:100%;
	height:auto;
	display:block;
}

#d13-enter{	
	width: 15%;
	height: 4.5%;
	background-color: #9f8666;
	font-size: 30px;
	color: #fbcb9d;
	padding: 0.6%;
	position: absolute;
 	top: 88%; 
	left: 41%;
  /*transform: translate(50%,-50%);*/
	cursor: pointer;
}

#d13-enter:hover{
	color: #fff;
}

.d13-arrows{
	position: absolute;
	top:50%;
	transform: translate(0%,-50%);
	width: 50px;
	height: 100px;
	cursor: pointer;

}

.d13-arrows img{
	opacity: .5;
	max-width:100%;
	fill: grey;
}

.d13-arrows img:hover{
	opacity: 1;
}

#d13-arrow-right{
	right:0px;
}

#d13-arrow-left{
	left:0px;
	/*display: none;*/

}

#d13-arrow-left img{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.d13-explore-more{
	position: relative;
	cursor: pointer;
}

.d13-explore-more:hover{
	transform: scale(1.2, 1.2);
}



#d13-slide1-text .d13-explore-more{
	text-align: right;
	margin-left: 20px;
}
#d13-explore-container{
	position: absolute;
	right: 10%;
}

.d13-photo-credit{
	color: #ffffff;
}
#d13-quote-attr{
	color: #fff;
	font-size: .8em;
	text-align: right;
	margin-right: 60px;
	margin-top: 10px;
}

#d13-btn-explore-slide1, #d13-btn-explore-slide1b{
	text-align: right;
	margin: auto;
	color: #fff;
}

#d13-btn-explore-slide1{

	margin-top: 10px;
}


#d13-btn-explore-slide1:hover, #d13-btn-explore-slide1b:hover{
	color: #fbcb9d;
}

#d13-btn-explore-slide3{
margin-top: 10px;
font-size: 22px;
}

#d13-btn-explore-slide3:hover{
	color: #fbcb9d;
}

/* Video */
#d13-myVideo{
	position: absolute;
	width: 1280px;
	height:720px;
	top: 0px;
	left: 0px;
}

/*script*/
#d13-script-holder, #d13-concept-art-holder, #d13-concept-art-holder2, #d13-rabban-holder{
	position: absolute;
	width: 1280px;
	height:720px;
	top: 0px;
	left: 0px;
	background-color: white;
	background-image: url("../images/sandBG.jpg");
	/*background-color: rgba(255, 255, 255, 0.7);*/
	text-align: center;
	margin: auto;
	overflow-y: scroll;
}

#d13-concept-art-holder, #d13-concept-art-holder2, #d13-rabban-holder{
	text-align: left;
}

#d13-script-holder div p, #d13-concept-art-holder p, #d13-concept-art-holder2 p, #d13-rabban-holder p{
	margin-bottom: 20px; 
}

#d13-script-holder div, #d13-concept-art-holder div, #d13-concept-art-holder2 div, #d13-rabban-holder div{
	color: #fbcb9d;
	font-size: 22px;
	width: 70%;
	margin: auto;
	padding-top: 20px;
}

.d13-text-scroller::-webkit-scrollbar {
    width: 1em;
}
 
.d13-text-scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.d13-text-scroller::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

#d13-close-script-btn{
	position:absolute; 
	top:10px;
	right:30px;
	color: #fff;
	cursor: pointer;
}

#d13-close-script-btn:hover{
	color:#9f8666;
}



#d13-close-video-btn{
	position:absolute; 
	top:10px;
	right:10px;
	color: #fff;
	cursor: pointer;
}

#d13-close-video-btn:hover{
	color:#9f8666;
}

/*loader*/
#d13-loader{
	display: none;
}

@media (max-width: 768px) {
	.d13-arrows {
		width:25px;
		height:50px;
	}
	#d13-slide1-text .d13-explore-more{		
		margin-left: 10px;
	}
}