html,body { height:100%; }

body {
	margin:0px;
	font-family:opensans,open-sans,open sans,ubuntu,arial,sans-serif;
	background-color:#F2F2F2;
	background-color:#FAFAFA;
	font-size:12pt;
	}
.calibri {
	font-family:calibri,opensans,open-sans,open sans,ubuntu,arial,sans-serif;
	}

input, textarea, select {
	-webkit-appearance:none;
	margin:0px;
	background-color:white;
	border-radius:0px;
	padding:10px;
	font-family:opensans,open-sans,open sans,ubuntu,arial,sans-serif;
	border:0px;
	line-height:20px;
	font-size:12pt;
	}
input.big, textarea.big, select.big {
	font-size:18pt;
	padding:15px;
	}
input.med, textarea.med, select.med {
	font-size:15pt;
	padding:12px;
	}
input.plain,input.plain:hover,input.plain:focus {
	border:0px;
	background-color:white;
	border-radius:0px;
	}

select {
	border:2px solid #c0c0c0;
	border-radius:3px;
	padding:10px;
	padding-right:20px;
	cursor:pointer;
	-moz-appearance:none;
	appearance:none;
	background:url(../img/entypo/chevron-down.svg) 96% / 15% no-repeat white;
	}
select:focus,select:active,select:visited { outline:0; }

a, a.norma {
	text-decoration:none;
	color:#55ACEE;
	cursor:pointer;
	outline:0;
	}
.tdn { text-decoration:none!important; }
.leaflet-control-attribution a {
	color:#55ACEE !important;
	}
a.not {
	text-decoration:none!important;
	color:auto;
	cursor:pointer;
	}
a.grey {
	color:#808080;
	}
a:hover { text-decoration:underline; }
a:active { border:0px; }

h1, h2, h3, h4 { margin:0px; }

hr {
	background-color:#e0e0e0;
	border:0px;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	}

.bold { font-weight:bold; }
.emoji { height:1.15em; }
.block {
	background-color:white;
	padding:10px;
	/*box-shadow:0px 0px 10px -7px black;*/
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	margin:10px;
	border-radius:3px;
	overflow:hidden;
	color:black;
	}
.block.morepadding {
	padding:20px;
	}
.blockpadding { padding:10px; margin:10px; }
.box {
	margin:10px;
	border-radius:3px;
	overflow:hidden;
	}
.vitem {
	padding:10px;
	background-color:white;
	transition:background-color;
	transition-duration:0.3s;
	}
.vitem:hover {
	background-color:#eaeaea;
	}
.blockshadow { box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); }
.biggerblockshadow { box-shadow:0px 0px 13px -6px black; }
.half {
	display:inline-block;
	max-width:320px;
	}
/*.floating {
	display:inline-block;
	width:86%;
	max-width:300px;
	}*/
.floating { display: inline-block; width:25%; vertical-align:top; }
.floatinghalf { display:inline-block; width:50%; vertical-align:top; }
.floating .map { height:200px; }
/*@media (min-width:799px) { .floating { width:33%; } }*/
@media (max-width:1200px) { .floating { width:33.33333333333333%; } }
@media (max-width:800px) { .floating { width:50%; } }
@media (max-width:500px) { .floating, .floatinghalf { width:100%; } }
.nmx {
	margin-left:0px;
	margin-right:0px;
	}
.circleblock {
	background-color:white;
	padding:10px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	margin:10px;
	border-radius:100%;
	overflow:hidden;
	}
.hoverable {
	transition:box-shadow;
	transition-duration:0.3s;
	}
.hoverable:hover, input.hoverable:focus {
	/*box-shadow:0px 0px 13px -6px black;*/	
	/*box-shadow:0 1px 10px rgba(0, 0, 0, 0.2);*/
	box-shadow:0 1.5px 5px rgba(0, 0, 0, 0.29);
	}

.img_ds {
	margin:-10px;
	margin-bottom:10px;
	height:200px;
	background-position:center,center;
	background-size:cover;
	}
.img_ds_br {
	position:absolute;
	top:180px;
	right:20px;
	text-align:right;
	}
.img_ds_filled .img_ds_br { color:white; }
.img_ds_filled .img_ds_br a { color:white!important; }
.img_ds_desc {
	background-color:white;
	color:#303030;
	text-align:justify;
	width:100%;
	position:absolute;
	display:none;
	}
.img_pp {
	max-height:250px;
	max-width:92%;
	}
.img_popup {
	position:fixed;
	max-width:85%;
	max-height:85%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:10003;
	}

.tac { text-align:center; }
.taj { text-align:justify; }
.tal { text-align:left; }
.tar { text-align:right; }

.input_button {
	padding:10px;
	color:white;
	background-color:#55ACEE;
	display:inline;
	/*display:inline-block;	/* NEEDED FOR WAVES */
	/*height:20px; /* NEEDED FOR WAVES */
	cursor:pointer;
	text-decoration:none!important;
	white-space: nowrap;
	}
.input_button.block.inline {
	/*margin-top:-10px;		/* NEEDED FOR WAVES */
	/*margin-bottom:-14px;	/* NEEDED FOR WAVES */
	}
.input_button:hover { text-decoration:none!important; }
.input_button.checked {
	}
.input_button.unchecked {
	transform:scale(0.8,0.8);
	background-color:#e0e0e0;
	color:#303030;
	}

@keyframes collapse {
	from {
		transform:scale(1,1);
		opacity:1;
		}
	to {
		transform:scale(0,0);
		opacity:0;
		}
	}
.collapse {
	animation-name:collapse;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	}

.normal { font-weight:normal; }

.pt40 { font-size:40pt; }

.indent10 { margin-left:10px;margin-right:10px; }
.indent20 { margin-left:20px;margin-right:20px; }
.undent10 { margin-left:-10px;margin-right:-10px; }
.undent20 { margin-left:-20px;margin-right:-20px; }

.padding0 { padding:0px; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.vpadding10 { padding-top:10px;padding-bottom:10px; }
.margin_n10 { margin:-10px; }
.margin0 { margin:0px; }
.margin10 { margin:10px; }
.bmargin10 { margin-bottom:10px!important; }
.vmargin10 { margin-top:10px;margin-bottom:10px; }

.width500 { max-width:500px; }
.width100pc { width:100%; }

.bgwhite {
	color:#505050;
	background-color:white;
	}
.bgblue {
	color:white;
	background-color:#55ACEE;
	}
.bgblue a:not(.norma) {
	color:white;
	text-decoration:underline;
	}
.bgred {
	color:white;
	background-color:#DE6057!important;
	}
.bgdarkblue {
	color:white;
	background-color:#5B99CD;
	}
.bggrey {
	color:white;
	background-color:#808080;
	}
.bgblack {
	color:white;
	background-color:#101010;
	}
.bgfacebook {
	color:white;
	background-color:#4862A3;
	}
.bgtwitter {
	color:white;
	background-color:#55ACEE;
	}
.bggoogleplus {
	color:white;
	background-color:#DD4E41;
	}
.tcblack { color:#303030; }
.tcgrey { color:#808080; }
.tcblue { color:#55ACEE; }
.tcred { color:red; }
.tcwhite { color:white; }
.htcblue { transition:color;transition-duration:0.3s; }
.htcblue:hover { color:#55ACEE; }
.bg {
	color:white;
	background-color:#FF6154;
	}

.inlineblock,.iblock { display:inline-block; }
.dblock { display:block; }

.light {
	color:#808080;
	}

.popup_back {
	background-color:black;
	opacity:0.5;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10002;
	cursor:pointer;
	}
.popup {
	position:fixed;
	
	/*max-width:85%;*/
	margin:0px;
	width:85%;
	max-width:490px;
	max-height:85%;
	overflow:auto;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:10003;
	}
.popup.vertical {
	max-width:320px;
	/*text-align:justify;*/
	}


@keyframes fadeout {
	0% {
		opacity:1;
		transform:scale(1,1);
		}
	100% {
		opacity:0;
		transform:scale(0.8,0.8);
		}
	}
.fadeout {
	animation-name:fadeout;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	}
@keyframes slidein {
	0% {
		opacity:0;
		transform:translate(0px,50px);
		}
	100% {
		opacity:1;
		transform:translate(0px,0px);
		}
	}
.slidein {
	animation-name:slidein;
	animation-duration:0.7s;
	animation-fill-mode:forwards;
	}

#sidebar {
	/*float:left;*/float:right;
	height:100%;
	overflow:auto;
	width:250px;
	width:270px;
	margin:0px;
	/*margin-right:20px;*/
	border-radius:0px;
	position:fixed;
	top:0px;
	/*left:0px;*/right:0px;
	z-index:1004!important;
	padding:0px;
	/*transition:left;*/transition:right;
	transition-duration:0.5s;
	}
#sidebarbackground {
	background-color:black;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1003;
	opacity:0;
	display:none;
	transition:opacity;
	transition-duration:0.5s;

	cursor:pointer;
	}
#sidebarbackground.visible {
	display:block;
	opacity:0.3;
	}
#sidebarlocation {
	margin:5px;
	border:2px solid #c0c0c0;
	border-radius:5px;
	padding:10px;
	padding-left:32px;
	background-color:white;
	background-image:url(../img/entypo-custom/location-pin-sidebarlocation.png);
	background-position:7px center;
	background-size:20px;
	background-repeat:no-repeat;
	display:inline-block;
	transition:background-color;
	transition-duration:0.3s;
	}
#sidebarlocation:hover {
	background-color:#eaeaea;
	}
#sidemaparea {
	position:absolute;
	left:10px;
	bottom:10px;
	width:250px;
	}
#sidemap {
	width:250px;
	height:250px;
	margin-left:0px;
	transition:width,height,margin-left;
	transition-duration:0.3s;
	}
#sidemap:hover {
	width:270px;
	margin-left:-10px;
	height:350px;
	}
/*@media (max-width:1150px) {*/
	#sidebar {
		/*left:-280px;*/right:-280px;
		z-index:20;
		}
	#sidebar.visible {
		/*left:0px;*/right:0px;
		}
/*	}*/

#logotext {
	line-height:50px;
	font-size:25px;
	font-weight:bold;
	}
#logoarea {
	text-align:center;
	margin:-10px;
	padding:10px;
	}
#logoarea img {
	height:46px;
	margin:2px;
	}

#content {
	/*float:left;*/
	padding:10px;
	margin-left:270px;
	height:100%;
	}
/*@media (max-width:1150px) {*/
	#content { margin-left:0px; }
/*	}*/
#pagecontent {
	margin-top:20px;
	min-height:70%;
	}

#header {
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	background-color:white;
	margin:-10px;
	margin-bottom:0px;
	}
@media (min-width:950px) {
	#header { padding-right:0px; }
	}
#header .ar {
	padding:10px;
	display:inline-block;
	height:40px;
	line-height:37px;
	vertical-align:middle;
	transition:background-color;
	transition-duration:0.3s;
	}
#header .ar.ch:hover {
	background-color:#eaeaea;
	}
#header .ar * {
	vertical-align:middle;
	}
/*#header img {
	height:28px;
	padding:6px;
	margin:0px;
	}*/
#titlebar {
	margin-left:-10px;
	margin-right:-10px;
	font-weight:bold;
	opacity:0;
	max-height:0px;
	padding:0px;
	transition:opacity,max-height,padding;
	transition-duration:0.5s;
	}
#titlebar.visible {
	display:block;
	opacity:1;
	max-height:50px;
	padding:10px;
	}

#titletabs {
	margin-left:-10px;
	margin-right:-10px;
	opacity:0;
	max-height:0px;
	padding:0px;
	background-color:#eaeaea;
	/*padding:10px;*/
	transition:opacity,max-height,padding;
	transition-duration:0.5s;
	}
#titletabs.visible {
	display:block;
	opacity:1;
	max-height:50px;
	}
#titletabs>a {
	color:#303030;
	text-decoration:none;
	padding:10px;
	/*margin-top:-10px;
	margin-bottom:-10px;*/
	transition:background-color;
	transition-duration:0.3s;
	}
#titletabs>a:hover {
	color:#303030;
	text-decoration:none;
	background-color:#dadada;
	}
#titletabs>a.sel {
	background-color:#55ACEE;
	color:white;
	}

#searchbar {
	padding:0px;
	margin:0px;
	display:inline-block;
	}
#searchbar input { width:600px; }
#searchbar .input_button {
	margin-bottom:-14.4px;
	width:50px;
	display:inline-block;
	background-image: url("../img/entypo-white/magnifying-glass.svg");
	background-position: center center;
	background-size: 25px auto;
	background-repeat: no-repeat;
	height:20px;
	}
@media (max-width:950px) {
	#searchbar { float:right; }
	}
@media (max-width:775px) {
	#searchbar input { width:400px; }
	}

@media (max-width:625px) {
	#searchbar input { width:300px; }
	#searchbar .input_button { width:35px; }
	}
@media (max-width:475px) {
	#searchbar input { width:175px; }
	}

#userops {
	float:right;
	padding-right:0px!important;
	}
#userops a:not(.input_button) { color:#303030; }
#userops .input_button {
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
	margin-left:20px;
	margin-right:0px;
	}
/*@media (max-width:950px) {
	#userops { display:none; }
	}*/

#headlinks {
	float:left;
	}

#headbar {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	border-radius:0px;
	}

@keyframes formloadback {
	0% { opacity:0; }
	100% { opacity:1; }
	}
#formloadback {
	opacity:0;
	background-color:#fafafa;
	position:fixed;
	z-index:100000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	animation-name:formloadback;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	}
@keyframes formloadback_loading {
	0% { opacity:0; }
	100% { opacity:1; }
	}
#formloadback .loading {
	opacity:0;
	color:#808080;
	font-weight:bold;
	position:fixed;
	bottom:20px;
	left:50%;
	transform:translate(-50%,0px);
	animation-name:formloadback_loading;
	animation-delay:0.5s;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	}
@keyframes pawprintl {
	5% {
		opacity:0;
		transform:translate(-50%,-75px) rotate(-7deg);
		}
	6% {
		opacity:1;
		}
	65% {
		opacity:1;
		}
	95% {
		opacity:0;
		transform:translate(-50%,75px) rotate(-7deg);
		}
	}
.pawprintl {
	opacity:0;
	width:50px;
	margin-left:20px;
	margin-right:20px;
	animation-name:pawprintl;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
	}
@keyframes pawprintr {
	5% {
		opacity:0;
		transform:translate(-50%,-75px) rotate(7deg);
		}
	6% {
		opacity:1;
		}
	65% {
		opacity:1;
		}
	95% {
		opacity:0;
		transform:translate(-50%,75px) rotate(7deg);
		}
	}
.pawprintr {
	opacity:0;
	width:50px;
	margin-left:20px;
	margin-right:20px;
	animation-name:pawprintr;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
	animation-delay:1s;
	}

@keyframes topalert {
	0% {
		max-height:50px;
		opacity:1;
		padding:15px;
		}
	100% {
		padding:0px;
		max-height:0px;
		opacity:0;
		}
	}

.topalert {
	padding:15px;
	background-color:#55ACEE;
	color:white;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	text-align:center;
	animation-name:topalert;
	animation-duration:0.5s;
	animation-delay:8s;
	animation-fill-mode:forwards;
	overflow:hidden;
	}

.cursor_pointer { cursor:pointer; }

.social_icon {
	width:35px;
	margin:5px;
	opacity:0.65;
	transition:opacity;
	transition-duration:0.3s;
	}
.social_icon:hover {
	opacity:0.85;
	}

.headlink {
	background:none;
	padding:10px;
	color:#303030;
	border-radius:3px;
	transition:background,color;
	transition-duration:0.3s;
	color:#55ACEE;
	}
.headlink:hover {
	background:#e0e0e0;
	text-decoration:none;
	color:#303030;
	}

.stepdot {
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:8px;
	margin:10px;
	background-color:#808080;
	}
.stepdot.on { background-color:#55ACEE; }
.stepdot.done { background-color:#55EE6C; }

@keyframes catemoji_popup {
	0% { opacity:0; }
	100% { opacity:1; }
	}
@keyframes catemoji_content {
	0% {
		opacity:0;
		transform:scale(0.5,0.5);
		}
	100% {
		opacity:1;
		transform:scale(1,1);
		}
	}
@keyframes catemoji_image {
	0% {
		transform:rotate(0deg);
		}
	2% {
		transform:rotate(-20deg);
		}
	4% {
		transform:rotate(20deg);
		}
	6% {
		transform:rotate(-20deg);
		}
	8% {
		transform:rotate(20deg);
		}
	10% {
		transform:rotate(0deg);
		}
	}

#catemoji_popup {
	background-color:#55ACEE;
	color:white;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
	z-index:9999999;
	overflow:auto;
	animation-name:catemoji_popup;
	animation-duration:0.3s;
	}
#catemoji_popup>div {
	opacity:0;
	padding:20px;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	animation-name:catemoji_content;
	animation-delay:0.3s;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	}
#catemoji_popup>div>img {
	height:100px;
	animation-name:catemoji_image;
	animation-delay:0.8s;
	animation-duration:7s;
	animation-iteration-count:infinite;
	}
#catemoji_popup p { font-size:125%; }
#catemoji_popup a {
	text-decoration:underline;
	color:white;
	}

#homemap {
	height:250px;
	background-color:#55ACEE;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-20px;
	transition:height;
	transition-duration:0.5s;
	}
#homemap_up {
	margin-top:-250px;
	height:250px;
	transition:height;
	transition-duration:0.5s;
	}
#homemap_over {
	position:absolute;
	z-index:1001;
	left:50%;
	transform:translate(-50%,0%);
	width:100%;
	max-width:700px;
	/*max-height:250px;*/
	overflow:auto;
	}
#hovermap_over .block {
	margin:0px;
	margin-top:10px;
	}

/*@media (max-width:500px) {
	#homemap,#homemap_up { height:200px; }
	#homemap_up { margin-top:-200px; }
	}*/


/*@media (max-width:350px) {
	#homemap,#homemap_up,#homemap_over { height:150px; }
	#homemap_up { margin-top:-150px; }
	}*/


.cb { clear:both; }



#betabutton {
	position:fixed;
	z-index:100;
	bottom:0px;
	right:0px;
	}



@media (min-width:1150px) { .max1150 { display:none!important; } }
@media (min-width:950px) { .max950 { display:none!important; } }
@media (min-width:700px) { .max700 { display:none!important; } }
@media (min-width:450px) { .max450 { display:none!important; } }

@media (max-width:1149px) { .min1150 { display:none!important; } }
@media (max-width:949px) { .min950 { display:none!important; } }
@media (max-width:699px) { .min700 { display:none!important; } }
@media (max-width:449px) { .min450 { display:none!important; } }