.touch {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: none;
}
/* .touch * { cursor: none !important } */

header, nav, section, article, aside, footer, hgroup, figure, figcaption{
	display: block;
}

*{
	margin: 0;
	padding: 0;
}

@font-face{
	font-family:"P22UndergroundPro-Light";
	src:url(fonts/P22UndergroundPro-Light.otf);			
}

@font-face{
	font-family:"P22UndergroundPro-Light";
	src:url(fonts/P22UndergroundPro-Thin.otf);
	font-weight: 100;
}

.expository{
	width: 143px;
	height: 35px;
	background: url(images/expository.png) bottom no-repeat;
	display: block;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
	.expository{
		background: url(images/expository_big.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: 3px;
	}
}

.observatory{
	width: 162px;
	height: 27px;
	background: url(images/observatory.png) bottom no-repeat;
	display: block;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
	.observatory{
		background: url(images/observatory_big.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: 3px;
	}
}

.depository{
	width: 144px;
	height: 29px;
	background: url(images/depository.png) bottom no-repeat;
	display: block;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
	.depository{
		background: url(images/depository_big.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: 3px;
	}
}

.afk_logo{	
	background: url(images/afk.png) left no-repeat;	
	background-size: contain;
	margin-top: 10px;	
	margin-right: 20px;
	width: 111px;
	height: 33px;
	display: inline-block;	
	vertical-align: top;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
	.afk_logo{
		background: url(images/afk-big1.png);
		background-size: 100% auto;
		background-repeat: no-repeat;		
	}
}



.steenbergen{
	background: url(images/steenbergen1.png) left no-repeat;	
	background-size: contain;
	margin-top: 2px;
	width: 200px;
	height: 45px;
	display: inline-block;	
	vertical-align: top;
}

html{
	min-height: 100%;
	height: auto;
	width: 100%;
	min-width: 1020px;
	position: relative;	
}

body{
	background: #18191a;
	color: #fff;
	font-family:"P22UndergroundPro-Light";
	font-size: 14px;
	min-height: 100%;
	height: auto;
	width: 100%;	
}

a{
	color: #fff;
	text-decoration: none;
	outline: none;
}

.clear{
	clear: both;
}

.none{
	display: none;
}

.px250{
	font-size: 250px;
	text-transform: uppercase;
	font-weight: 100;
	float: right;
	line-height: 0.95;	
	overflow: hidden;
}

.px60{
	font-size: 60px;
	line-height: normal;
}

.px70{
	font-size: 70px;
	line-height: normal;
}

.px36{
	font-size: 36px;
}

.px24{
	font-size: 24px;
}

.px22{
	font-size: 22px;
}

.pt120{
	padding-top: 120px;
}

.pt50{
	padding-top: 50px;
}

.pb0{
	padding-bottom: 0 !important;
}

.pb60{
	padding-bottom: 60px;
}

.pb100{
	padding-bottom: 100px;
}

.pt10{
	padding-top: 10px;
}

.mb60{
	margin-bottom: 60px;
}

.mb10{
	margin-bottom: 10px;
}

.mr40{
	margin-right: 40px;
}

.mr20{
	margin-right: 20px;
}

.mt-27{
	margin-top: -27px;
}

.lh40{
	line-height: 40px;
}

.opacity05{
	opacity: .5;
}

.up{
	text-transform: uppercase;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.z2{
	position: relative;
	z-index: 2;
}

.w700a{
	width: 700px;
	padding: 0px 120px 50px 120px;
	text-align: justify;
	line-height: 20px;
}

.w700{
	width: 700px;
	padding: 50px 120px;
	text-align: justify;
	line-height: 20px;
}

.w60{
	width: 60%;
}

.w50{
	width: 50%;
}

.center{
	text-align: center;
}

.clear{
	clear: both;
}

.two_column{
	padding-top: 60px;
	-moz-column-count: 2;
    -moz-column-width: 400px;
    -moz-column-gap: 160px;
    -webkit-column-count: 2;
    -webkit-column-width: 400px;
    -webkit-column-gap: 160px;
    column-count: 2;
    column-width: 400px;
    column-gap: 160px;;
    text-align: left;
    line-height: 20px;
}

.wrapper{
	width: 960px;
	margin: 0 auto;			
}

.logo{
	position: relative;
	z-index: 3;
	margin-top: 10px;
	display: none;
}

.home-link {
	position: relative;
	z-index: 3;
	float: left;
	padding-top: 26px;
	/*display: none;*/
}
	.home-link a {
		background: url(images/home-link-circle.png) no-repeat;
		width: 24px;
		height: 24px;
		float: left;
	}
	
	@media 
		(-webkit-min-device-pixel-ratio: 2), 
		(min-resolution: 192dpi){ 
			.home-link a {
				background: url(images/home-link-circle-big.png) no-repeat;
				background-size: 24px auto;
				background-repeat: no-repeat;
			}
		}
		
		
.audio-mute-button {
	position: relative;
	z-index: 3;
	float: right;
	padding-top: 28px;
}
.main_header_index .audio-mute-button {
	margin-left: -24px;
}
	.audio-mute-button a {
		background: url(images/volume-on.png) no-repeat scroll center center transparent;
		width: 24px;
		height: 24px;
		float: right;
	}
	.audio-mute-button a.muted {
		background: url(images/volume-off.png) no-repeat scroll center center transparent;
		opacity: 0.3;
	}
	.audio-mute-button a.muted:hover {
		opacity: 1;
	}
	
	@media 
		(-webkit-min-device-pixel-ratio: 2), 
		(min-resolution: 192dpi){ 
			.audio-mute-button a {
				background: url(images/volume-on-big.png) no-repeat scroll center center transparent;
				background-size: 16px auto;
			}
			.audio-mute-button a.muted {
				background: url(images/volume-off-big.png) no-repeat scroll center center transparent;
				background-size: 16px auto;
			}
		}
/*main_header*/

.main_header{
	padding: 20px 0 30px/*  85px */;
	position: relative;
	z-index: 2;
	text-align: center;
}

	.main_nav ul li{
		display: inline-block;
		padding-right: 30px;
		padding-left: 30px;
		vertical-align: top;
	}

	.main_nav ul li a{
		border-top: 1px solid transparent;
	}
	
	.main_nav ul li a:hover{
		border-top: 1px solid #fff;
	}
	
	.main_nav ul li a.active{
		border-top: 1px solid #fff;
	}
	
	.main_nav li a.passive{
		opacity: .5;
	}
	
.inside_header{
/* 	margin-left: 295px; */
}

.main_header_inside{
	/*width: 100%;*/
	width: 960px;
	/*background: #18191A;*/
	position: fixed;
	z-index: 10;
}
	
/*main_text*/

.main_text{
/* 	float: right; */
	width: 600px;
/* 	margin-bottom: 90px;		 */
	margin: 0 auto 90px;
	text-align: center;
}
	
	.main_text header{
		overflow: hidden;
		margin-bottom: 5px;			
	}
	
	.text{
		clear: both;
		left: 220px;
		position: relative;
		width: 350px;
		z-index: 20000;		
	}
	
	.text p{
		padding-bottom: 30px;
	}
	
	.text p:last-child{
		padding-bottom: 0;
	}	
	
.left_content{
	background: #040201;
	float: left;
}

.right_content{
	background: #18191a;
	width: 420px;
	float: right;
}
	
/*footer*/

a.border-top{
	border-top: 1px solid white;
	padding-top: 2px;
}

a.border-top:hover{
	border-top: 1px solid transparent;	
	opacity: .5;
}

a.border-bottom{
	border-bottom: 1px solid white;
	padding-bottom: 0px;
}

a.border-bottom:hover{
	border-bottom: 1px solid transparent;	
	opacity: .5;
}

.main_footer{
	clear: both;	
	padding-bottom: 40px;
	z-index: 2;
	position: fixed;
	bottom: 0;
	width: 960px;
}	

	.main_footer a{
		vertical-align: top;		
	}
	
	.main_footer_left_block{
		float: left;
		width: 400px;
		margin-top: -6px;
	}	
	
	.main_footer_right_block{
		float: right;
		width: 500px;
	}	
	
		.main_footer_right_block p{			
			margin-right: 50px;
		}

.inside_footer{
	position: relative !important;
	padding-top: 25px;
}
			
.facebook, .twitter{
	margin-right: 40px;
	padding: 6px 0 2px 25px;	
	float: left;
}

.facebook{
	background: url(images/facebook.png) left no-repeat;
}

.twitter{
	background: url(images/twitter_ico.png) left no-repeat;
}

.rss{	
	padding: 6px 0 0 25px;
	background: url(images/rss.png) left center no-repeat;
	float: left;
}	

.perevorot{
	background: url(images/logo-perevorot.png) no-repeat;
	width: 39px;
	height: 29px;
	display: block;
	margin-left: 50px;
	position: fixed;
	right: 0;
	bottom: 31px;
	z-index: 100000;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi){ 
	.perevorot{
		background: url(images/logo-perevorot_retina.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position-y: 3px;
	}
}
	
.mail{
	background: url(images/mail.png) right 40% no-repeat;
	float: right;
	padding-right: 25px;	
}	

input.donate{
	background: #faf039;
	border: none; 
	padding: 8px 20px;
	font-size: 14px;
	cursor: pointer;
}

input.donate:hover{
	background: #fdc82d;
}

input.email{
	clear: both;
	left: 220px;
	position: relative;
	width: 200px;
	z-index: 20000;
	background: black;
	border: 1px solid #313234;
	height: 25px;
	outline: none;
	color: white;
	padding-left: 10px;
	bottom: -20px;
}

input.button{
	position: relative;
	right: -230px;
	top: 20px;
	cursor: pointer;
	background: black;
	border: none;
	height: 25px;
	color: white;
	padding: 0 5px;
	border: 1px solid #313234;
}

input.button:hover{
	background: #3089AD;
	border: 1px solid #3089AD;
}
	
/*general_half_left*/

.general_half_left, .general_half_left_inside{
	position: absolute;
	height: 90%;
	width: 100%;
	top: 5%;	
}

	.general_half_left a{
		float: left;		
		position: relative;
		display: block;
		width: 60px;
		height: 100%;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;	
	}
	
	.general_half_left a.active img{
		opacity: 0.5;
	}
	
	.general_half_left a.active div.none{
		display: block !important;		
	}

	.general_half_left a div.none{
		display: none;
		position: absolute;		
		top: 45%;
		width: 60px;
		text-align: center;
	}

.general_half_left_inside a{
	float: left;		
	position: relative;
	display: block;
	width: 390px;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 20px;	
}

.panel_day_inside{
	position: absolute;
	right: 50%;
	top: 60%;
	width: 60px;
	height: 80px;
	background: #000;
	text-align: center;
	padding: 10px 20px;
	margin: -60px -60px 0 0;	
}

.panel_day_inside:hover{
	background-color: #3089AD;
}

/*prev*/

.prev{
	position: absolute;
	top:45%;
	left: 0;
	width: 85px;
	height: 136px;
	background: url(images/prev.png) no-repeat;
	z-index: 5;
}


/*next*/

.next{
	position: absolute;
	top:45%;
	right: 0;
	width: 85px;
	height: 136px;
	background: url(images/next.png) no-repeat;
	z-index: 5;
}

/*SLIDER*/

#day_scroller div.scrollableArea p{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.scrollableArea a.active div.opacity{
	opacity: 0.5;
	background: black;
}

div.opacity{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
}

#last-day{
	cursor: default;
}

.hidden{
	opacity: 0;
	position: relative;
	z-index: -1;	
}


div.scrollingHotSpotLeft
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(images/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 20000;
	left: 0;
}


div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 20000;
	right: 0;
}

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/*DAY*/

.panel{
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -228px;
	width: 80px;	
	background: #000;
	z-index: 100;	
}

.panel-touch1{
	position: fixed;
	left: 0;
	top: 30%;
	margin-top: -164px;
	width: 80px;	
	background: #000;
	z-index: 100;	
}
.touch .leaflet-marker-icon-wrapper img{
	border: 30px solid rgba(0, 0, 0, 0.0);
	-webkit-background-clip: padding-box;
    background-clip: padding-box;
    left:-15px;
    top:-15px;
}

.panel-touch2{
	position: fixed;
	left: 0;
	top: 70%;
	margin-top: -120px;
	width: 80px;	
	background: #000;
	z-index: 100;	
}

.panel_day{
	padding: 10px;
	text-align: center;
}

.panel_day_right{
	font-size: 9px;
	text-transform: uppercase;
	padding-top: 2px;
} 

.date_prev{
	width: 13px;
	height: 25px;
	background: url(images/date_prev.png) left no-repeat;
	display: block;
}

.date_next{
	width: 13px;
	height: 25px;
	background: url(images/date_next.png) left no-repeat;
	display: block;
}

.date_next:hover{
	background: url(images/date_next_hover.png) left no-repeat;
}

.date_prev:hover{
	background: url(images/date_prev_hover.png) left no-repeat;
}

.grey{
 	color: #555556;
}

.slider_nav{
	padding: 0 100px !important;
	margin: -25px 0 20px 0 !important;
	z-index: 2;
	position: relative;
	text-align: center;
}

.panel_day_nav{
	overflow: hidden;
	clear: both;
	padding: 10px 5px 10px 5px;
}

.panel_block{
	width: 80px;
	height: 80px;	
	text-align: center;	
	line-height: 90px;
}

.panel_block:hover{
	/* background-color: #3089ad; */
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    background-color: #3089ad;
    /* -webkit-animation-iteration-count: infinite; */
}

@-webkit-keyframes blinker {  
    0% { background-color: transparent }
    50% { background-color: rgba(49,139,174,0.65) }
    100% { background-color: transparent }
}

.panel_block a{
	display: block;
	height: 80px;
}

.panel_cal{	
	background: url(images/calendar.png) center center no-repeat;		
}
#calendar{
	z-index: 100;
	position:fixed;
	top:0px;
	left:-1000px;
}
.panel_cal.active{	
	background-color: #3089ad;		
}

.panel_day.active{	
	background-color: #3089ad;		
}

.plus{
	background: url(images/plus.png) center center no-repeat;
}

.minus{
	background: url(images/minus.png) center center no-repeat;
}
.tags.active{
	background: url(images/tags-off.png) center center no-repeat;
}
.tags{
	background: url(images/tags-on.png) center center no-repeat;
}

.close_day{
	background: url(images/cross.png) center center no-repeat;
}

.next_day{
	background: url(images/date_next.png) center center no-repeat;
}
.prev_day{
	background: url(images/date_prev.png) center center no-repeat;
}

.zoom{
	background: url(images/zoom.png) center center no-repeat;
}

.boats{
	position: fixed;
	right: 240px;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(images/boats.png) center center no-repeat, #000;
	visibility: hidden;
	z-index: 10000;
}

.boats_href{
	width: 50px;
	height: 50px;
	display: block;
}

.boats_box{
	background: #000;
	width: 200px;
	position:fixed;
	top:0px;
	right:0px;
	padding: 20px 20px 10px 20px;
	z-index: 100;
}

.marker{
	width: 14px;
	height: 18px;
	display: block;
	margin-right: 7px;
	margin-top:-2px;
}

.marker_box{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.marker_box li{
	list-style: none;
	text-transform: none;	
}

.marker_box li a{
	padding-left: 22px;
	font-size: 11px;
	display: block;
	margin-top: 5px;
}
	
.blue_box .marker{	
	background: url(images/marker.png) -21px 0 no-repeat;
	margin-top: 0px;			 
}

.blue_box .marker:hover{	
	background: url(images/marker.png) -21px -21px no-repeat;			 
}

.blue_box .marker.passive:hover{	
	background: url(images/marker.png) -21px -42px no-repeat;			 
}

.green_box .marker{	
	background: url(images/marker.png) -42px 0 no-repeat;	
	margin-top: 0px;	 
}

.green_box .marker:hover{	
	background: url(images/marker.png) -42px -21px no-repeat;		 
}

.green_box .marker.passive:hover{	
	background: url(images/marker.png) -42px -42px no-repeat;		 
}

.red_box .marker{	
	background: url(images/marker.png) 0 0 no-repeat;	
	margin-top: 0px;	 
}

.red_box .marker:hover{
	background: url(images/marker.png) 0 -21px no-repeat;	
}

.red_box .marker.passive:hover{
	background: url(images/marker.png) 0 -42px no-repeat;
}

.boat_title, .observatory_title {
	cursor: pointer;	
}

.href_white{
	border-bottom: 2px solid #fff;
	text-transform: uppercase;
	color: #fff;
}

.href_blue{
	border-bottom: 2px solid #3089AD;
	text-transform: uppercase;
	color: #3089ad;
}

.href_green{
	border-bottom: 2px solid #99e59b;
	text-transform: uppercase;
}

.href_red{
	border-bottom: 2px solid #e05141;
	text-transform: uppercase;
}

.blue, .blue_box li a:hover, .blue_box li.passive a{
	color: #3089ad;
}

.green, .green_box li a:hover, .green_box li.passive a{
	color: #99e59b;
}

.red, .red_box li a:hover, .red_box li.passive a{
	color: #e05141;
}

.blue_box li.passive a, .blue_box li a:hover{
	background: url(images/plus_blue.png) left top no-repeat;
}

.green_box li.passive a, .green_box li a:hover{
	background: url(images/plus_green.png) left top no-repeat;
}

.red_box li.passive a, .red_box li a:hover{
	background: url(images/plus_red.png) left top no-repeat;
}

.blue_box li.passive a:hover{
	background: url(images/minus_blue.png) left top no-repeat;
	color: #fff;
}

.green_box li.passive a:hover{
	background: url(images/minus_green.png) left top no-repeat;
	color: #fff;
}

.red_box li.passive a:hover{
	background: url(images/minus_red.png) left top no-repeat;
	color: #fff;
}

/*BOATS*/

.all_boats{
	margin-bottom: 50px;
	clear: both;
	overflow: hidden;
}

.one_boat{
	width: 400px;
	text-align: left;
	line-height: 20px;
	margin: 50px 140px 0 0;
	float: left;
	vertical-align: top;
}
	
	.one_boat:first-child{
		margin-top: 45px;
	}
	
	.one_boat:nth-child(2){
		margin-top: 185px;
	}
	
	.one_boat:nth-child(even){
		margin-right: 0;
		float: right;
	}

	.one_boat header{
		padding-bottom: 15px;
	}





.tag-type{
	font-family: helvetica;
	font-size:11px;
}
.tag-type a, .tag-type a:visited{
	text-decoration: none;
	border-bottom: 1px dashed #000;
	color: #000;
}
.tag-type a:hover{
	border-bottom: transparent;
}

/*MAIN SEARCH*/

#search-results{
	text-align: center;
	width: 230px;
	font-size: 22px;
	padding-top: 10px;
}

.search_nav{
	margin-top: 10px;
	padding: 0 35px;
	text-align: center;
	font-size: 22px;
}

.main_search{
	position: absolute;
	top: 110px;
	left: 50%;
	z-index: 10;
	margin-left: -110px;
}

input.search_btn{
	width: 940px;
	height: 70px;
	border: 1px solid #313234;
	background: url(images/plus_white.png) 20px no-repeat, #18191A;
	-webkit-appearance: none;	
	outline: none;
	color: #fff;
	padding-left: 40px;	
}

.search_container{
	margin: 30px 0 0 -350px;
	
}

.slider .images{
	width:400px;
	height:225px;
	position:relative;
}
.slider .images img{
	position: absolute;
	top:0px;
	left:0px;
}

.expo_container{
	padding: 60px 0 200px 0;	
}

.leaflet-day-label {
	background-color: #FE57A1;
	background-color: rgba(0, 0, 0, 0.8);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	margin-left: 13px;
	margin-top: -27px;
	border-radius: 0px;
	font-size: 10px;
}

.leaflet-day-label-touch {
	background-color: #FE57A1;
	background-color: rgba(0, 0, 0, 0.8);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	margin-left: -17px;
	margin-top: -57px;
	border-radius: 0px;
	font-size: 10px;
	border: 30px solid rgba(0, 0, 0, 0.0);
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

/*CALENDAR*/

.calendar_inside .ui-widget-content{
	border: none;
	background: none;
}
.calendar_inside{
	/* width:400px; */
	height:500px;
	display:block;
	position:static!important;
	/* float:left; */
/* 	margin: 0 auto; */
}

.calendar_inside .ui-datepicker-group{
	margin-right: 20px;
	width: 30% !important;
}

.calendar_inside .ui-datepicker.ui-datepicker-multi{
	width: auto !important;
}

.calendar_inside .ui-datepicker .ui-datepicker-prev{
	left: 0;
}

.calendar_inside .ui-datepicker .ui-datepicker-prev-hover
{
	left: 0;
}

.caledar_text{
	padding-top: 65px;
	width:500px;
	text-align:left;
}

#clear-selection{
	opacity: .5;
	background: url(images/close.png) 40px 15px no-repeat, #242527;
	margin: 20px -20px -10px -20px;	
	display: block;
	padding: 13px 20px 10px 60px;	
	text-transform: uppercase;
}

.tags_group{
	float:left;
	margin-bottom: 20px;
	margin-right: 20px;
}
	.tags_group.blue{
		width:250px;
	}

	.tags_group.green{
		width:140px;
	}

	.tags_group.red{
		width:280px;
	}

	.tags_group a:hover{
		opacity: .5;
	}
	
	/*.nowrap{
		white-space: nowrap;
	}*/