body {position:absolute;float:none;width:100%;height:100%;margin:0;padding:0;font-family:'Maven Pro', Arial;font-size:1.1rem;line-height:1.5;letter-spacing:0;}
#mobileContainer {padding:0px;margin-left:auto;margin-right:auto;}
#header {background-color:#fff;height:65px;width:100%;position:fixed;top:0;z-index:1;border-bottom: 0px solid #f00;opacity:0.99;box-shadow: 0px 1px 1px #eee;margin-left:auto;margin-right:auto;}
#content {margin-top:75px;margin-bottom:20px;}
.header-logo{margin-left:45px;margin-top:10px;}
.header-phone-home {position:fixed;right:10px;top:10px;}
.header-phone {position:fixed;right:70px;top:10px;}

.book_button_header {
	float:right;
    background-color: #4CAF50; /* Green */
	border: 1px solid #4CAF50; /* Green */
    color: white;
padding:10px 0px 10px 0px;
	width:60px;
	border-radius:10px;
    text-align: center;
    text-decoration: none;
position:fixed;right:5px;top:7px;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.1em;
	font-weight:bold;
	cursor: pointer; cursor: hand;
 }
 
.book_button_header:hover {
	background-color: #eee;
	color: #00f;
	border: 1px solid #c7c7c7; /* Gray */
 }

#footer {padding:0em 0em 3em 0em;background-color:#008;border-top: 2px solid #00008B;border-bottom: 2px solid #00008B;}
.h-nav {padding:0.5em;text-align:center;}
.smbar {width:320px;margin-left:auto;margin-right:auto;}
.sml {margin-left:5px;margin-right:5px;}
p.footer {font-family: 'Baloo Chettan', cursive;font-size:1em;color:#fff;text-align:center;}

.head-top {width:100%;height:0.25em;margin-top:0;background-color:#F00;color:#FFF;font-weight:bold;font-size:medium;text-align:center;}

.photo-page-sm {padding:5px;}

p.eight {font-size:1em;}
p.half {font-size:0.7em;}

.head-events {text-align:center;background-color:#00F;padding:0.5em;font-size:1.3rem;color:#FFF;font-weight:bold;}
.list-events {margin: 1em 1em 2em 1em;}
.list-events a {color:#0066CC;text-decoration:none;}
.eventbox {width:100%;border:0px solid #FFFFFF;padding:0px;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:20px;text-align:center;}
.eventbox-r {width:95%;border:1px solid #FFFFFF;padding:0px;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:20px;text-align:center;}
.hpimg {margin-bottom:-60px;}
.HLightBx {border:0px solid #DCDCDC;padding:5px;margin:0px 0px 15px 0px;text-align:center;font-weight:bold;color:#000000;background-color:#ADFF2F;}
.AlertBx {padding:10px;margin:0px 0px 15px 0px;text-align:center;font-weight:bold;color:#FF0000;background-color:#FFFFFF;border:1pt solid #FF0000;}
.hlighto {border-left: 10px solid #4CAF50;background-color:#ddffdd;padding:2%;margin-left:auto;margin-right:auto;margin-bottom:15px;text-align:left;word-wrap: break-word;}
.hlightg {border:1px solid #32CD32;background-color:#ADFF2F;padding:10px;margin-bottom:15px;text-align:center;}
.tourbox {border:1px solid #DCDCDC;padding:15px 10px 15px 10px;margin:5px;}
.contentbox {border:1px solid #DCDCDC;padding:10px;}
.footline {position:relative;float:none;text-align:center;background-color:#f00;padding:0.2em;color:#FFF;font-weight:bold;font-size:medium;}
.foot {padding:5px;margin:5px;}
.imgbrdwhite {border:6px solid #fff;}

.ticklist {list-style:none;padding-top:7px;padding-left:2px;margin-top:-5px;}
.ticklist li.gt {background: url('../images/green-tick-n.gif') no-repeat 0px 5px;padding-left:25px;}
.ticklist li.rc {background: url('../images/red-cross-n.gif') no-repeat 0px 5px;padding-left:25px;}

.tntspbox {border:1px solid #DCDCDC;background-color:#FFFFFF;padding:5px 10px 15px 10px;margin-bottom:10px;box-shadow: 0px 3px 10px #696969;}
.PicR15 {float:right;margin: 0px 0px 0px 15px;}
.PicL15 {float:left;margin: 0px 15px 0px 0px;}

.vwrap {position: relative; padding-bottom: 56.25%; padding-top: 25px;height: 0;}
.vwrap iframe {position: absolute;top: 0;left: 0;width: 95%;height: 100%;padding-left: 2%;}

h1 {text-align:left;font-size:1.5rem;line-height:115%;color:#000;font-family:'Baloo Chettan', cursive;}
h2 {text-align:left;font-size:1.3rem;line-height:115%;color:#F00;font-family:'Baloo Chettan', cursive;}
h2.ctr {text-align:center;font-size:1.3rem;line-height:115%;color:#F00;font-family:'Baloo Chettan', cursive;}
h3 {text-align:left;font-size:1.2rem;color:#F00;font-weight:bold;font-family:'Baloo Chettan', cursive;}

.clear {clear:both;margin-bottom:0}

input {padding: 8px 8px;font-size:1.2em}
select {padding: 8px 8px;}
label{font-weight:bold;}
span{display: block;overflow: hidden;padding-left: 0px;}
span > input {width:95%;}
span > textarea {width: 95%;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

.hidden {display:none;}
.unhidden {display:block;}

.book_button {
    background-color: #4CAF50; /* Green */
	border: 1px solid #006600; /* Dark Green */
    color: white;
    padding: 7px 32px;
	margin: 10px 0px;
	width:90%;
	border-radius:10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.1em;
	font-weight:bold;
	cursor: pointer; cursor: hand;
 }
 
.book_button:hover {
	background-color: #eee;
	color: #00f;
	border: 1px solid #c7c7c7; /* Gray */
 }

A.hdphone:link {font-size:1.2em;color:#00f;text-align:center;font-family: 'Baloo Chettan', cursive;text-decoration:none;float:right;margin-right:5px;margin-top:3px;line-height:90%;}
A.hdphone:hover {text-decoration:underline;}

A.eventhp:link {color:#fff;font-size:1.5em;font-family: 'Baloo Chettan', cursive;font-weight:normal;text-decoration:none;}
A.eventhp:visited {color:#fff;text-decoration:none;}
A.eventhp:hover {color:#fff;text-decoration:none;}
A.eventhp:active {color:#f00;text-decoration:none;}

A.event:link {color:#00f;font-size:1.3em;font-family: 'Baloo Chettan', cursive;font-weight:normal;text-decoration:none;}
A.event:visited {color:#00f;text-decoration:none;}
A.event:hover {color:#f00;text-decoration:none;}
A.event:active {color:#f00;text-decoration:none;}

A.flink:link {color:#fff;font-size:1em;font-family: 'Baloo Chettan', cursive;font-weight:normal;text-decoration:none;}
A.flink:visited {color:#fff;text-decoration:none;}
A.flink:hover {color:#fff;text-decoration:underline;}
A.flink:active {color:#fff;text-decoration:none;}

A.head:link {color:#fff;font-size:1.2em;font-family: 'Baloo Chettan', cursive;font-weight:normal;text-decoration:none;}
A.head:visited {color:#fff;text-decoration:none;}
A.head:hover {color:#00f;text-decoration:none;}
A.head:active {color:#0f0;text-decoration:none;}

/* S New Collapsible 08-03-2018 */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-bottom:10px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  transition: max-height 0.2s ease-out;
}

/* E New Collapsible 08-03-2018 */

/* Start Navigation */

.hamburger-icon {
    margin: 0;
    padding: 17px 8px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
	cursor: pointer; cursor: hand;
}
.hamburger-icon span {
    width: 30px;
    background-color: #000;
    height: 5px;
    display: block;
    margin-bottom: 7px;
}
.hamburger-icon span:last-child {
    margin-bottom:0px;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0; /* Change to right for other side */
	background-color: #353131;
    overflow-x: hidden; /* Disable horizontal scroll */
	overflow-y: scroll; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	-ms-overflow-style: none;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 12px 8px 15px;
    text-decoration: none;
    font-size: 1.2em;
	font-weight: bold;
    color: #fff;
    display: block;
    transition: 0.3s;
	border-bottom: solid 1px #000;
	border-left: 10px solid #4CAF50;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	background-color: #fff;
    color: #000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    margin-left: 50px;
	border: none;
}

/* None Events */
.sidenav .orange {
	background-color: #6a6262;
	border-left: 10px solid #ff9933;
}

/* No bottom border for social links */
.sidenav .sml {
	border: none;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* Finnish Navigatio

/* Blog Start */

.blog-head {background-color:#fff;border-bottom: #000 1px solid;}
.blog-contain {margin: 1em 1em 2em 1em;}
p.blogtag {color:#999;font-size:13pt;}
.blog-navr {float:right;
			display:inline;
			width:180px;
			background-color:#f00;
			font-family: "Tahoma", "Arial" ,"Helvetica";
			font-size:13px;
			color:#000000;
			font-weight:normal;
			text-align:right;}
.blog-tours-box {border:2pt solid #DCDCDC;background-color:#fff;padding:10px;margin:20px 0px 20px 0px;font-size:15pt;line-height:135%;}
.blog-box {border: #000 1px solid;padding:10px;margin:5px 0px 5px 0px;}
A.LinkHead:link {font-family:'Baloo Chettan', cursive;font-size:20px;color:blue;font-weight:bold;text-decoration:none;}
A.LinkHead:visited {text-decoration:none;}
A.LinkHead:hover {color:blue;text-decoration:underline;}
A.LinkHead:active {color:gray;text-decoration:underline;}
.blog-event-link {
    background-color: #00f;
	border: 1px solid #00008B; /* Dark Blue */
	width:100%;
    color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	border-radius:0px 0px 0px 0px;
    font-size: 20px;
	font-weight:bold;
	margin-right:5px;
	font-family:'Baloo Chettan', cursive;
 }
.blog-event-link:hover {
	background-color: #eee;
	color: #00f;
	border: 1px solid #c7c7c7; /* Gray */
 }
 
 /* Blog Finish */
 
/* desk and mobile css */

@media only screen and (min-width: 1280px) {
.fcbox {width:24%;float:left;background-color:#fff;margin:0px 5px 10px 5px;}
p.p-fcbox {font-size:1.3em;margin:1px 10px 1px 10px;}
.page-offer-link-box {width:23%;float:left;background-color:#fff;margin:0px 5px 10px 5px;}
}

@media only screen and (max-width: 1280px) {
.fcbox {width:48%;float:left;background-color:#fff;margin:0px 5px 10px 5px;}
p.p-fcbox {font-size:1.3em;margin:1px 10px 1px 10px;}
.page-offer-link-box {width:48%;float:left;background-color:#fff;margin:0px 5px 10px 5px;}
}

@media only screen and (max-width: 1059px) {
.fcbox {width:100%;background-color:#fff;margin-bottom:15px;padding:0px;margin-left:auto;margin-right:auto;}
.page-offer-link-box {width:100%;background-color:#fff;margin-bottom:15px;padding:0px;margin-left:auto;margin-right:auto;}
}

@media only screen and (max-width: 600px) {
.fcbox {width:100%;background-color:#fff;margin-bottom:10px;padding:0px;margin-left:auto;margin-right:auto;}
p.p-fcbox {font-size:1em;margin:1px 10px 1px 10px;}
.page-offer-link-box {width:100%;background-color:#fff;margin-bottom:10px;padding:0px;margin-left:auto;margin-right:auto;}
}

.h2-fcbutton {
	height:5%;
	background-color:#f00;
    border: none;
	width: 100%;
    color: #fff;
    padding: 8px;
	margin-bottom:5px;
	border-radius:10px 10px 0px 0px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.4em;
	font-weight:bold;
}
	
.info-fcbutton {
	background-color:#75acff;
    border: none;
	width: 100%;
    color: #fff;
    padding: 8px;
	margin-top:5px;
	margin-bottom:1px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.3em;
	font-weight:bold;
}

.book-fcbutton {
    background-color: #0077FF; /* OR Blue */
    border: none;
	width: 100%;
    color: #fff;
	margin-top:0px;
    padding: 8px;
	border-radius:0px 0px 10px 10px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.4em;
	font-weight:bold;
	margin-right:0px;
}

.page-offer-link-button {
	height:5%;
	background-color:#00b300;
    border: 1px solid #c7c7c7;
	width: 100%;
    color: #fff;
    padding: 8px;
	margin-bottom:5px;
	border-radius:5px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1.2em;
	font-weight:normal;
}

.page-offer-link-button:hover {
	background-color:#fff;
    border: 1px solid #c7c7c7;
    color: #000;
}

.copy-to-clip {
	background-color:#3366ff;
    border: none;
    color: #fff;
    padding: 8px;
	border-radius:1px;
    text-align: center;
    text-decoration: none;
	cursor: pointer; cursor: hand;
    display: inline-block;
	font-family:'Baloo Chettan', cursive;
    font-size: 1em;
	font-weight:normal;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* OLD */
.menu-button {font-family:'Baloo Chettan', cursive;font-size:3em;display: block;text-align: left;color:#000;font-weight:bold;text-decoration: none;margin-left:5px;margin-top:-10px;cursor: pointer; cursor: hand;}
.menu-button:hover {color:#000;text-decoration: none;}
#navigation {padding: 14px;margin-bottom: 0px;background-color: #f00;color: #fff;font-family: 'Baloo Chettan', cursive;font-size:1.3em;text-align: center;}
#navigation ul {display: none;list-style: none;margin-left: 0;padding-left: 0;margin-bottom: 0;}
#navigation ul.expanded {display: block;}
#navigation li a {display: block;padding: 10px 0;border-top: 1px solid #000;font-size: 1.2em;color: #FFF;text-decoration: none;}
#navigation li a:hover {color: #FFF;text-decoration: none;}
.h-nav-addthis {width:100%;padding:1em;text-align:center;margin-left:auto;margin-right:auto;}