p
{
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}



img
{
	border: 0px;
}
a
{
	text-decoration:inherit;
	color:inherit;
	border:0;
}

option
{
	color:#000;
}

body
{
	-webkit-text-size-adjust: 100%;
	font-family: 'equitan_sanssemibold';
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	font-size:18px;
	background:#fff;
	color:#000;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

input
{
	border-radius:0px;
}

.bold{font-family: 'equitan_sansbold';}
.light{font-family: 'equitan_sansthin';}
.green{color: #488a32;}
.small{font-size:12px;}


#logo
{
	position:absolute;
	left:40px;
	top:12px;
	z-index:100;
	font-size:17px;
}

.logo
{
	position:absolute;
	left:40px;
	top:12px;
	z-index:100;
	font-size:17px;
	display:none;
}

#viewport
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 100;
	
}

.tutorial_box
{
	width:200px;
	padding:10px;
	font-size:14px;
	border:2px solid black;
	background:#fff;
	color:#000;
	position:absolute;
	z-index:11000;
	text-align:center;
	display:none;
}

	.box_bottom_popup
	{
		position: absolute;
	    bottom: -27px;
	    left: 60px;
	    width:39px;
	    
	}
	
	.box_top_popup
	{
		position: absolute;
	    top: -22px;
	    left: 70px;
	    width: 31px;
	  
	}
	
#overlay, #info_overlay{

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y:scroll;
	z-index: 100000;
	display: none;
	background-color: rgba(255, 255, 255, 0.95);

}

#share_overlay, #shared_overlay{

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y:scroll;
	z-index: 100000000;
	display: none;
	background-color: rgba(255, 255, 255, 0.95);

}

#sharing_stations {
	height: 60%;
	width: 80%;
	margin: 0 auto;
	margin-top: 10%;
}

#share_overlay .other_station {
	text-align: center;
	font-size: 1em;
	width: 22.5%;
	height: 50%;
	border: 2px solid black;
	display: inline-block;
	padding: 0;
	margin: 1%;
}

.current {
	opacity: .5;
	background-color: grey;
}

.current p {
	opacity: 0;
}

.other_station p {
	margin-top: 50px;
}

.other_station span {
	display: block;
	line-height: 0;
	font-size: 5em;
	margin-top: 30%;
}

#share_circle {
	display: none !important;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 2px solid black;
	background-color: white;
	box-shadow: 0 3px 20px rgba(0,0,0,0.5);
	
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99999999;
}

#share_circle p {
	text-align: center;
	margin-top: 35%;
}

	#send_share{

		width: 120px;
		border: 1px solid #000;
	    z-index: 1000;
	    background: #fff;
		color: #000;
		cursor: pointer;
		padding: 5px 10px;
		margin:20px auto;
		cursor: pointer;
		line-height: 24px;
		font-family: 'equitan_sanssemibold';
		font-size: 18px;
		text-align:center;
	
	}

	#share_number
	{
		width:140px;
		padding:5px;
		line-height:24px;
		border:0px;
		border-bottom:1px solid black;
		margin-left:5px;
		background:none;	
	}
	
#setup_station_overlay{

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y:scroll;
	z-index: 100001;
	display:none;
	background-color: rgba(255, 255, 255, 0.95);

}
	#setup_station_overlay label{
		font-size:24px;
	}
	#setup_number
	{
		width:150px;
		height:32px;
		
	}
	
	#setup_submit{

		width: 100px;
		border: 1px solid #000;
	    z-index: 1000;
	    background: #fff;
		color: #000;
		cursor: pointer;
		padding: 5px 10px;
		margin:10px auto;
		cursor: pointer;
		line-height: 32px;
		font-family: 'equitan_sanssemibold';
		font-size: 18px;
		text-align:center;
	
	}
	
	
#upload_btn
{
	width:160px;
	height:32px;
	line-height:34px;
	border:2px solid #000;
	text-align: right;
	padding:0px 20px 0px 0px;
	color:#000;
	font-size:16px;
	position:fixed;
	right:40px;
	bottom:40px;
	z-index: 1010;
	background:#fff;
	cursor:pointer;
	display:none;
}

	#upload_btn::before
	{
		content: url('../img/foto.svg');
		position:relative;
		left:-13px;
		top:2px;
	}
	
	#upload_error
	{
		display:none;
		margin-bottom:20px;
	}
	
	#upload_success
	{
		margin-top: 35px;
		text-align: center;
		display:none;
	}
	
#canvas
{
	position: relative;
	cursor:url('../img/cursor.png'), auto;
}

	.chapter
	{
		position: absolute;
		z-index: 100;
		width: 300px;
		height: 300px;
		cursor:initial;
	}
		.chapter_title
		{
			text-align:center;
			font-size:24px;
			position:absolute;
			top:-22px;
			left:0px;
			width:100%;
			z-index:100;
		}
		
		.chapter_close
		{
			position:absolute;
			left:50px;
			top:75px;
			cursor:pointer;
			display:none;
			z-index: 1000;
			font-size:22px;
		}
		
			.chapter_close img
			{
				width:30px;
				margin-right:20px;
			}
		
		.chapter_item
		{
			z-index:1;
			position:absolute;
			max-width:100px;
			max-height:100px;
		}

		
		
		.mail_share
		{
			cursor:pointer;
			margin-top:5px;
			display:none;
		}
		
		
		
		
#center
	{
		position: fixed;
		z-index: 1000000000;
		text-align: center;
		width: 100%;
		height: 100%;
		background:#fff;
		display:none;0
	}	

		#center_logo
		{
			position: relative;
			width: 150px;
			margin: 50% auto 0px auto;
			
		}


.dragging
{
	z-index:1000000;
	-webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.48);
	-moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.48);
	box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.48);
}

#top10_holder
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;
	z-index:1010;
	display:none;
	overflow: scroll;
}
	
	#top10_inner, #shared_inner
	{
		width:84%;
		height:88%;
		margin:10px 8%;
		
	}
	
	.top10_item
	{
		position:absolute;
		width:24%;
		z-index:1;
		
		text-align: center;
		cursor: pointer;
	}
	
		.top10_title
		{
			width:100%;
			text-align:center;
			font-family: 'equitan_sansthin';
			margin-top:5px;
			display:none;
			
		}
		
		.top10_image
		{
			max-width:100%;
			max-height:100%;
			text-align: center;
			vertical-align: middle;
		}
	
	
	.overlay_title
	{
		font-size:36px;
		text-align: center;
		margin:20px auto;
		position:relative;
		z-index:1000;
	}
	
	.overlay_inner
	{
		width:40%;
		margin:20px auto;
		font-family: 'equitan_sansthin';
	}
	
	#popup_close
	{
		width:100px;
		height:32px;
		line-height:34px;
		border:2px solid #000;
		text-align: center;
		color:#000;
		font-size:16px;
		margin:30px auto;
		z-index: 1050;
		background:#fff;
		cursor:pointer;

	}

#vote_popup_holder
{
	width:200px;
	padding:10px;
	font-size:14px;
	border:2px solid black;
	background:#fff;
	color:#000;
	position:absolute;
	z-index:110000;
	text-align:center;
	display:none;
}

#image_upload_overlay
{
	overflow:scroll;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1000000;
	background: rgba(0,0,0,0.9);
	color:#fff;
	display:none;
}
	
	.overlay_close, .upload_overlay_close
	{
		position:absolute;
		right: 10px;
		top:10px;
		cursor:pointer;
	}
	
	.form_holder
	{
		width:450px;
		margin:80px auto 0px auto;
		position:relative;
		padding-bottom:150px;
	}
		
		#image_holder
		{
			width:100%;
		}
		
			#image_holder img
			{
				width:100%;
			}
	
		#image_input_dummy
		{
			width:446px;
			height:302px;
			text-align: center;
			line-height: 302px;
			border: 2px dashed #fff;
			margin-bottom:50px;
			cursor:pointer;
		}
		
		select[name='image_chapter']
		{
			background:none;
			color:#fff;
			width: 100%;
			border:0px;
			border-bottom: 1px solid #fff;
			margin:15px 0px;
			font-size:20px;
			border-radius:0px;

		}
		
		#weiter_image_btn
		{
			text-align:center;
			font-size: 16px;
			width:148px;
			height:32px;
			line-height: 32px;
			border:2px solid #fff;
			position: absolute;
			right:0px;
			cursor:pointer;
		}
		
		#save_image_btn
		{
			text-align:center;
			font-size: 16px;
			width:148px;
			height:32px;
			line-height: 32px;
			border:2px solid #fff;
			position: absolute;
			right:0px;
			cursor:pointer;
		}
		
		#cancel_image_btn
		{
			text-align:center;
			font-size: 16px;
			width:148px;
			height:32px;
			line-height: 32px;
			border:2px solid #fff;
			position: absolute;
			left:0px;
			cursor:pointer;
		}
		
		#upload_step_2
		{
			display:none;
			width: 450px;
   		 	margin: 80px auto 0px auto;
    		position: relative;
    		padding-bottom: 150px;
		}
		
		.overlay_input
		{
			background:none;
			color:#fff;
			width: 100%;
			border:0px;
			border-bottom: 1px solid #fff;
			margin:15px 0px;
			font-size:20px;
		}
			
			.no_overflow
			{
				overflow: hidden;				
			}
			
			input[name='year']
			{
				width:150px;
				float:left;
	
			}
			
			input[name='place']
			{
				width:250px;
				float:right;
	
			}
			
			textarea.overlay_input
			{
				border:1px solid #fff; 
				resize:none;
				height:160px;
				margin:50px 0px;
				width:438px;
				padding:5px 0px 5px 5px;
			}
			
			
			::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			    color: #fff;
			    opacity: 1; /* Firefox */
			    font-family: 'equitan_sansthin_italic';
			}
			
			:-ms-input-placeholder { /* Internet Explorer 10-11 */
			    color: #fff;
			    font-family: 'equitan_sansthin_italic';
			}
			
			::-ms-input-placeholder { /* Microsoft Edge */
			    color: #fff;
			    font-family: 'equitan_sansthin_italic';
			}
					

#preload
{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10000000;
	background:#fff;
}

	#preload_text
	{
		width:100%;
		text-align:center;
		margin:20% auto;
		font-size:24px;
	}
.content_column
{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}


	#content_column_left .module
	{
		width: 800px;
	}
		
		
		.module
		{
			position: relative;
			line-height: 18px;
			font-weight:100;
			margin-bottom: 15px;
			margin-left:0px;
	
		}
		
			.module a
			{
			/*	color: #004eff;
				text-decoration: none;*/
			}
		
			.module_text
			{
				font-size: 18px;
				color: #000;	
				z-index: 1000;
				line-height: 1.35;
			}
			
			.module_image
			{
				z-index: 100;
				width: auto !important;
    			max-width: 800px;
    			margin:50px auto;
			}
						
				.module_image img
				{
					vertical-align: middle;
					max-width: 100%;
				}
				
				.module_image input
				{
					display: none;
				}
				
				.item_description
				{
					color:#000;
					font-family: 'apercuregular';
					margin-top:5px;
					font-size:16px;
				}

			.module_bulletpoint
			{
				overflow: hidden;
				font-size: 18px;
				z-index: 1000;
			}
			
				.enum_head
				{
					float: left;	
					width: 150px;
					font-weight:bold;
				}
				
					.enum_head span
					{
						float: left;		
					}
				
				.enum_body
				{
					float: left;
					width: 500px;
					padding-top: 0px;
					margin-left: 10px;
					font-size:18px;
					font-weight:300;
				}

				
			.module_video
			{
	
			}	
			
				.module_video_iframe
				{
					width: 437px;
					height: 246px;
					z-index: 100;
					vertical-align: middle;
				}
				
				#col_right .module_video_iframe
				{
					width: 438px;
				}
				
				.module_video_overlay
				{
					position: absolute;
					width: 437px;
					height: 246px;
					z-index: 1000;
				}
				
				#col_right .module_video_overlay
				{
					width: 438px;
				}
				
			.module_html
			{
	
			}
			
				.module_html_overlay
				{
					position: absolute;
					width: 437px;
					height: 100%;
					z-index: 1000;
				}
				
				#col_right .module_html_overlay
				{
					width: 438px;
				}
				
				.module_html_content
				{
					z-index: 100;
				}

				.module_html_content:empty:not(:focus):before
				{
				    content: attr(data-text);
					color: #cecece;
					font-weight: bold;
				}
				
				
			#module_html_container
			{
				display: none;
			}	
				
			.module_headline
			{
				font-size: 18px;
				font-weight:bold;	
				
			}	
				
				.module_headline span
				{
					position: relative;
					
				}

			.module_download 
			{
	
			}

				.module_download a 
				{
					color: inherit;
					text-decoration: none;
				}
				
				.module_download_field
				{
					position: relative;
					padding: 2px 6px;
					background-color: #000000;
					color: #ffffff;
					display: inline;
					font-size: 12px;
					text-transform: uppercase;
				}



.cont_detail{
	top: 150px;
	left: 10%;
	position: absolute;
	width: 80%;
	height: 80%;

}		

	#img_con{

		width: 60%;
		height:92%;
		text-align: center;
		vertical-align: middle;
		float: left;
	}
	
		#detail_img
		{
			max-width:100%;
			max-height:100%;

		}



#detail_con{

	width: 35%;
	float: right;
}

	.detail_title
	{
		font-size:13px;
		font-family: 'equitan_sansbold';
		margin-top:20px;
	}
	
	.detail_content
	{
		font-size:20px;
		margin:10px 0px;

		font-family: 'equitan_sansthin';
	}
	
	#kk_content
	{
		font-family: 'equitan_sansthin_italic';
	}
	
#info_content{
	top: 170px;
	width: 70%;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

#first{

	margin-top: 0;
}


.overlay_close, .overlay_close2, .overlay_close_detail, .overlay_close_shared
{

	font-size:22px;
	float: right;
	position: absolute;
	top: 75px;
    left: 50px;
    width:120px;
	z-index:1000;
}

.overlay_close img , .upload_overlay_close img , .overlay_close2 img,  .overlay_close_detail img, .overlay_close_shared img, .chapter_close img
{

		width: 20px; 
		height: 20px;
		margin-top: 3px; 
		margin-bottom: -3px;
		margin-right: 20px;
	
}


.circle-icon {
	padding-top: 10px;
    background: black;
    width: 46px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    color: white;
	margin-right: 10px;
    
}

.icons{
	cursor: pointer;
	float: right;
	padding-right: 0%;
	padding-top: 2%;
}
.icons img{

	margin: 3px;
	width: 36px;
}

.fa-heart{
	border: 2px solid black;
	background-color: rgba(255, 255, 255, 0.8);
	color: black;
}.fa-heart:hover{
	background-color: black;
	color: red;

}

.fa-twitter:hover{
	background-color: rgba(255, 255, 255, 0.6);
	color: #1ea1f2;

}
.fa-facebook-f:hover{
	background-color: rgba(255, 255, 255, 0.6);
	color: #4766aa;
}

.infobtn, .dropbtn{
	    background-color: rgba(255,255,255,0);
    color: black;
    font-size: 18px;
    border: none;
    cursor: pointer;
   
    
}

.dropbtn:hover, .dropbtn.active {
 border-bottom: 3px solid black;
}
.infobtn:hover, .infobtn.active {
 border-bottom: 3px solid black;
}
.dropdown {
       display: inline-block;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-left: 50px;
    cursor: pointer;
    right: 126px;
    position: relative;
    top: -35px;
}

.info {
       float: right;
    margin-left: 50px;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    overflow: auto;
    z-index: 1000;
    padding:15px;
    font-family: 'equitan_sansthin';
}

.dropdown-content .menu_item {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    cursor:pointer;
    line-height: 18px;
}

.dropdown .menu_item:hover 
{
	font-family: 'equitan_sanssemibold';
}

.show {display:block;}

.header_nav{

	width: 100%;
    height: 70px;
    float: left;
    position: absolute;
    z-index: 1000;
    background-color: rgba(255,255,255,0.8);
}

	#workstation
	{
		width:200px;
		text-align:center;
		margin: 10px auto;
		font-size: 32px;
	}
	
	#language_holder
	{
		position:absolute;
		right:15px;
		top: 20px;
		overflow:hidden;
		z-index: 2;
	}
		
	.lang_item
	{
		float:left;
		margin-left:10px;
		cursor:pointer;
		line-height:30px;
	}
	
	.lang_item.active
	{
		border-bottom: 3px solid black;
	}
	
	#shared_holder
	{
		position:absolute;
		top: 20px;
    	right: 450px;
	    font-size: 24px;
	    cursor:pointer;
	    
	}
	
	#shared_number
	{
		color: #fff;
	    background: #eb5b47;
	    width: 25px;
	    height:25px;
	    line-height:24px;
	    position: absolute;
	    right: 0px;
	    top: -8px;
	    font-size: 14px;
	    -webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		text-align:center;
		display:none;
	}
	
.hidden_image
{
	display:none;
}

.icons1{

	position: absolute;
	z-index: 10;
	top: 8px;
	right: 8px;

}

.icons1 img{
	cursor:pointer;
	width: 30px;
	height: 30px;
	display: none;
	margin-top: 5px;
}

.icons1 img:hover{

	opacity: 0.8;
}
.icons img:hover{

	opacity: 0.8;
}

.one_img{

	max-width: 100%;
	max-height:100%;
	cursor:pointer;
}







.ui-selectmenu-button span.ui-selectmenu-text{

	padding: 10px;
	font-family: 'equitan_sanssemibold';
	font-size: 25px;
}

.ui-menu .ui-menu-item{

	    font-family: 'equitan_sanssemibold';
	    font-size: 20px;
}

.ui-selectmenu-button .ui-widget .ui-state-default .ui-corner-all{

	width: 100px;
}

.ui-selectmenu-button span.ui-icon {

	right: 0.1em;
}



/* RESPONSIVE */

@media only screen and (max-width: 1100px) {
	
	
	
}	

@media only screen and (max-width: 600px) {
	
	.chapter_close {	   
	    left: 10px;
	    top: 10px;
	}
	
	.chapter_item {	   
	    max-width:33% !important;
	    max-height:33% !important;
	    height:auto !important;
	    width:auto !important;
	}
	
	#preload_text
	{
		margin-top:45%;
	}
}	


@media only screen and (max-width: 400px) {
	
	.top10_item
	{
		width:98%;
		height:auto;
	}
	#overlay
	{
		overflow:scroll;
	}
		
		.icons
		{
			padding-right:0px;
		}
		
		#img_con
		{
			width:100%;
			height:auto;
		}
		
		
		#detail_con
		{
			width:100%;
			float:left;
		}
		
	.dropdown
	{
		right:5%;
		left:auto;
		top: 9px;	
	}
	
	.info
	{
		top:-30px;
		
	}
		
		.dropdown-content
		{
			width:100%;
			position:fixed;
			left:0px;
			overflow: scroll;
			max-height: 85%;
		}
		
			.menu_item
			{
				font-size:20px !important;
				margin:15px;
			}
			
	.icons1 img
	{
		width:15px;
		height:15px;
	}
	
	#upload_step_1
	{
		width:96%;
		margin:0px 2%;
	}
	
		.form_holder
		{
			width:100%;
		}
		
			.overlay_input
			{
				width:98% !important;
			}
			
			input[name='place']
			{
				float:left;
			}
			
			select[name='image_chapter']
			{
				width:98%;
			}
			
	#upload_step_2
	{
		width:96%;
	}
	
}