*{
	box-sizing:border-box;
	font-family: 'Helvetica';

} 
 
body
{
	width:100vw;
	height:100vh;
	margin:0;
	
}
 
a
{
	color:white;
	text-decoration: none;
	z-index:200;
}

a:hover
{
	color:dodgerblue;
}

.cookie-message-container
{
	position:fixed;
	
	width:100%;
	min-height:40px;
	bottom:0px;
	left:0px;
	
	padding-left:20px;
	padding-right:20px;
	
	background-color:#333333;
	z-index:10000;
}
 
.cookie-message
{
	position:relative;
	
	top:0%;
	left:0%;
	width:80%;
	
	color:white;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;

}
 
.cookie-button
{
	position:absolute;
	
	top:15%;
	left:80%;
	width:10%;
	height:70%;
	
	color:white;
	text-align:center;
	padding-top:5px;
	font-size:16px;
	
	border-radius:5px;
	border:1px solid white;
	background-color:#333333;
	box-shadow: 0 0 5px black;
	
	cursor: -webkit-pointer;
	cursor: pointer;
}

.cookie-button:hover
{
	color:dodgerblue;
	border:1px solid dodgerblue;
}

.term-span
{
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	color:white;
	
	cursor: -webkit-pointer;
	cursor: pointer;
}
 
.term-span:hover
{
	color:dodgerblue;
}

.loading-container
{
	position:absolute;
	
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	background-color:#262626;
	z-index:10001;
}

.loading-animation
{
	position:absolute;
	
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	margin-left:-100px;
	margin-top:-100px;
	
	background-image:url('../img/icons/new_loading.svg');
	background-size:auto auto;
	background-repeat:no-repeat;
	background-position:center;
	
	z-index:10002;
}
.application-frame
{
	position:absolute;
	
	left:0%;
	width:100%;
	height:100%;
	 
}



@media only screen and (max-width: 768px)
{
	
	/* Mobile */
	
	.application-content-container
	{
		position:absolute;
/*		overflow-y:scroll;*/

		top:130px;
		left:0%;
		width:100%;



		background-color:white;



	}
	
    .line-container
	{
		position:relative;
		left:0;
		width:100%;
		
	}
	
	.images-button
	{
		position:absolute;
		
		top:5px;
		right:10px;
		width:32px;
		height:32px;
		
		
		
		background-image:url('../img/icons/image.png');
		background-repeat:no-repeat;
		background-size: 32px 32px;
		background-position:center;
		
	}
	
	.photo-swiper
	{
		position:relative;
		
		left:50%;
		width:180px;
		margin-left:-90px;
		height:300px;
		
		margin-top:10px;
		
		
		
		
		
	}
	
}


/*	MOBILE	*/
@media only screen and (min-width: 769px)
{
	.application-content-container
	{
		position:absolute;
		

		top:400px;
		left:0%;
		width:100%;



		background-color:black;



	}
	
	
	#design-line-container
	{
		background-color:black;
	}
	
	#new-vehicle-line-container
	{
		background-color:#333333;
	}
	
	#used-vehicle-line-container
	{
		background-color:black;
	}
	
	#history-line-container
	{
		background-color:black;
	}
	
	#compare-line-container
	{
		background-color: #333333;
	}
	
	#contact-line-container
	{
		background-color:#333333;
	}
}









/* -------------------- */

@font-face
{
	font-family: 'dosis';
	src: url('../fonts/Dosis-Regular.ttf')  format('truetype');
}