﻿ul.bullet {
list-style-type:disc;
margin-left:20px;
}
.home-splash p {
text-align:center;
font-size:1.6em;
margin:1.4em 0 0.6em 0;
font-weight:400;
}
.wrap.home-teasers  {
background-color:#ffffff;
clear:left;
margin-top:20px;
}
.home-teasers p {
text-align:center;
margin-left:auto;margin-right:auto;
}
.home-teasers .teaser h2 {
background-color:#cecdcc;
color:#4b5c66;
font-family: 'Open Sans', serif;
font-size:1.26em;
text-align:center;
padding:5px 8px;
margin:0;
}
.home-teasers .teaser h2 a {
background:none;
color:#4b5c66;
}

.home-teasers .teaser  {
border: 0px;
height:280px;
width:230px;
border-radius:10px;
margin:0 8px 0 0;
background-size:cover;
}
.home-teasers .teaser.rightmost {
margin-right:0;
}
.home-teasers .teaser-inner {
padding:4px 8px;
position:relative;
background-color:#cecdcc;
overflow:hidden;
height:110px;
width:215px;
}

.home-teasers .teaser-inner p {
  position: relative;
font-size:0.86em;
padding-bottom:12px;
color:#fff;
}

.learn-more {
clear:left;
display:block;
text-transform:uppercase;
text-align:center;
width:218px;
font-size:0.86em;
color:#4b5c66;
position:absolute;
bottom:3px;
}

.home-teasers .teaser-img {
height:126px;
}

.testimonial {
text-align:center;
font-style:italic;
font-size:1.2em;
margin:20px 0;
}
.testimonial .GuestName {
font-style:normal;
font-weight:400;
padding-left:10px;
}

section.signup {
margin:20px 0 0 0;
padding:12px 0;
background: #425969;
}
section.signup .innerText h3 {
color:#fff;
background:none;
padding-left:0;
}
section.signup .innerText p {
color:#fff;
font-size:0.86em;
}
section.signup form {
}

/* Hides */
.hide {clear:both;margin:0 0 14px 0;position:relative;}
.hide-img { float:left; margin-right:20px;padding-top:16px}
.hide-inner, .hide-title {
margin-left:260px
}
.wrap .hide-title h2 {
margin-top:0px;
}

/* Tours */
.filters {
clear:left;
color:#4b5c66;
margin:14px 0 14px 0;
}

.toursummary {
clear:left;
margin:0 0 20px 0;
border-bottom:1px solid #ddd;
padding:8px 0 12px 0;
font-size:0.9em;
}

.toursummary-img {
float:left;
width:210px;
padding-top:7px;
}

.toursummary-title {
float:left;
width:420px;
margin-right:20px;
}
.innerText .toursummary-title h2 {
margin:0 0 6px 0;
padding-top:0;
color:#4b5c66;
}
.innerText .toursummary-title a h2 {
color:#4b5c66;
}
.toursummary-inner {
float:left;
width:290px;
}

#tourHeader {
width:100%;
display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  overflow: hidden;
}
#tourMainImage{
width:66%;
height:auto;
min-height:400px;
float:left;
position:relative;
padding:0;
margin:0;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.tour-title {
position:absolute;
top:8px;
left:16px;
text-align:left;
}
.wrap.list-tours h1, .wrap.list-tours h2 {
text-align:left;
margin:0 0 10px 0;
color:#4b5c66;
}
.innerText .tour-title h1 {
text-transform:uppercase;
text-align:left;
font-size:1.6em;
color:#ffffff;
font-weight:400;
line-height:100%;
text-shadow:0 0 10px rgba(0, 0, 0, 0.55);
}
.innerText .tour-title h2 {
font-size:1.2em;
padding:0;
text-align:left;
max-width:340px;
color:#ffffff;
font-weight:400;
line-height:100%;
text-shadow:0 0 10px rgba(0, 0, 0, 0.65);
}

#tourHighlights {
float:left;
color:#4b5c66;
background-color:#cecdcc;
width:32%;
height:auto;
padding:14px 14px 10px 14px;
position:relative;
padding-bottom:60px;
min-width:240px;
}
#tourHighlights h2, .tour-details h2 {
margin:-4px 0 10px 10px;
color:#fff;
text-transform:uppercase;
font-size:1.5em;
}
#tourHighlights ul {
font-size:0.86em;
list-style-type:disc;
margin-left:12px;
}

#tour-booking {
position:absolute;
bottom:8px;
width:91%;
}

#tourImages {
margin:14px 20px 10px 20px;
clear:left;
text-align:center;
}
.gallerycontainer {
position:relative;
display:inline-block;
width:15.7%;
height:auto;
margin:12px 0.4% 2px 0px;
vertical-align:top;
border:0px;
padding:0;
overflow:hidden;
}
#tourImages> :nth-child(6n+6) { 
margin-right: 0;
}

.gallerycontainer .gallery-img {
overflow:hidden;
}
.gallery-img img {
width:100%;
height:auto;
width:auto;
max-width:149px;
}

p.reducedmargin {
margin:0;
}

hr.separator {
width:auto;
display:block;
clear:left;
height: 3px;
    overflow: visible;
    border: medium none;
background:-webkit-radial-gradient(ellipse at 50% -50% , #a0a0a0 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background:-moz-radial-gradient(ellipse at 50% -50% , #a0a0a0 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background:-o-radial-gradient(ellipse at 50% -50% , #a0a0a0 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background:radial-gradient(ellipse at 50% -50% , #a0a0a0 0px, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);

margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:6px;
}

.wrap.list-tours .tourbox h2 {
color:#4b5c66;
margin:2px 0;
padding-top:2px;
}
/*
.tour-details p {
font-size:0.86em;
margin:2px 0 8px 0;
}*/

#tourBoxes .tourbox p {
font-size:0.9em;
}

.brochure-button {
float:right;
width:120px;
margin-left:20px;
}
a.bookbutton, a.gallerybutton, .brochure-button a {
background-color:#4b5c66;
color:#fff;
padding:8px 20px;
display:block;
font-weight:600;
font-size:1.3em;
text-align:center;
border-radius:20px;
margin:0;
}
a.bookbutton.fulltext {
font-size:0.9em;
}
a.gallerybutton, .brochure-button a {
padding:3px 10px;
display:inline-block;
font-size:0.9em;
border-radius:7px;
font-weight:300;
width:38%;
margin:2px 1% 4px 1%;
}
.brochure-button a {
width:100px;
}

a.smallText {
color:#4b5c66;
padding:3px;
display:block;
font-weight:600;
font-size:0.86em;
text-align:center;
margin:0;
}

.innerText p.dark {
background-color:#cecdcc;
color:#4b5c66;
border-radius:8px;
padding:8px;
}

.tour-guides {
clear:both;
border-top:1px solid #ddd;
margin-top:20px;
}
.tourGuide {
clear:left;
margin:8px 0 18px 0;
}
.tourGuideImg {float:left;width:130px;vertical-align:top;margin-top:6px;}
.tourGuideAbout {margin-left:130px;}
.tourGuideUrl {
margin:-6px 0 0 0;
}


.details {
font-weight:600;
text-transform:uppercase;
}

#sidebar {
float:right;
width:34.8%;
margin-left:1.5%;
}
.rightcol {
background:#d3d3d3;
margin:0 0 2.5% 0;
padding:2.5% 3% 2% 5%;
}
.rightcol.noback {
        background:#fff;
}
.rightcol p {
font-size:0.9em;
}


#tourBoxes {
    clear: both;
}
#tourBoxes .tourbox {
                margin:0 0 1.5% 0;
padding:0 1.5% 0.5% 0;
float:left;
width:62.2%;
}

#tourBoxes  .rightcol h2 {
      margin-bottom:14px;          
}

div#map,div#map div{ overflow:visible;}
#map {
height:440px;
width:100%;
}

.giving-back .wrap .innerText h2 {
clear:left;
margin:24px 0 6px 0;
}
.giving-back img {
float:right;
vertical-align:top;
margin: 4px 0 1em 1em;
}

/* accommodation */
.bungalow li {
padding:0 0 5px 0;
line-height:135%;
min-height:auto;
}
.bungalow #tourMainImage {
background-position: center center;
}

.bungalow #tourBoxes .fullwidth {
width:100%;
}

/* booking form */
#bookingForm {

}
.booking-important {
background-color:#cecdcc;
color:#4b5c66;
padding:4px 10px;
border-radius:8px;
font-size:0.9em;
}
.booking-float {
float:right;
width:205px;
margin-left:35px;
}
.booking-info {
margin-right:240px;
}
.frm_personal {
border:1px solid #cecdcc;
margin: 20px 0 10px 0;
border-radius:8px;
padding:4px 10px;
}
.frm_personal p {
font-size:0.9em;
}
.tandc {
background-color:#cecdcc;
color:#4b5c66;
padding:4px 10px;
border-radius:8px;
/* height:240px;
overflow-y:scroll;*/
}
#bookingForm  h2 {
font-size:1.4em;
padding:0;
margin:20px 0 14px 0;
}
.tandc ol li {
color:#4b5c66;
margin:0 0 10px 0;
font-size:0.9em;
}

#bookingForm h3 {
font-size:1.1em;
font-weight:400;
}
#bookingForm label {
width:12em;
font-size:0.86em;
font-weight:400;}

#bookingForm label.lbl-area,
.checkout label.lbl-area
 {
width:auto;
display:block;
}
#bookingForm label.lbl-radio {
display:block;
float:left;
margin:0 0 12px 0;
width:90%;
}
#bookingForm label.lbl-check2 {
display:block;
float:left;
margin:12px 0 12px 0;
width:86%;
}
.reqd:before {
 font-family: FontAwesome;
 content : '\f00c';
 color: darkgreen;
 color:#2DB23A;
 position: absolute;
font-size:1em;
position: relative;
left: -18px;
}
[required]:invalid ~ .reqd:before {
 content:'\f00d';
 /* content:'\f057; */
 font-size:1em;
position: relative;
left: -18px;
 font-family: FontAwesome;
 color:#cc3300;
 color:#E8744D;
}

.field-validation-error {
color:#E8744D;
}

#bookingForm input:focus, #bookingForm textarea:focus {
    box-shadow: 0 0px 8px #999; 
}
#bookingForm input[type=checkbox].check2 {
display:block;
float:left;
width:10%;
margin:18px 2% 0 2%;
}
#bookingForm input[type=submit].check2 {
display:block;
float:left;
width:10%;
margin:8px 2% 0 2%;
}
#bookingForm input[type=radio] {
display:block;
float:left;
width:10%;
margin:6px 0 0 0;
}
#bookingForm input[type=text],
#bookingForm input[type=email],
#bookingForm input[type=tel] {
width:14em;
padding-right:22px;
}
#bookingForm textarea {
width:96%;
max-width:26em;
display:block;
}
#bookingForm input[type=checkbox] {
margin:0 1em 0 0;
width:auto;
}
.helper {
font-size:0.9em;
margin-left:12em;
display:inline-block;
display:block;
color:#5397A1;
width:auto;
margin-bottom:10px;
}

#person1, #person2 {
width:46.5%;
display:inline-block;
vertical-align:top;
}
#person1{
margin-right:1%;
}

.checkout ol {
        padding: 0;
        list-style: none;
    }

.checkout ol li {
margin-bottom:8px;
            padding-bottom: 5px;
        }



@media screen and (max-width:816px) {
#person1, #person2 {
width:96%;
}
}

@media screen and (max-width:640px) {
.innerText {
width:95%;
}
#tourHeader { display:block; }
#tourMainImage {
float:none;
width:100%;
}
#tourHighlights {
float:none;
width:98%;
width:auto;
clear:left;
}
#tourHighlights ul {
margin-left:8px;
}
#tourHighlights li {
padding-left:12px;
padding-right:10px;
min-height:10px;
}

.hide-img {
float:none;
width:100%;
text-align:center;
margin-top:60px;
position:relative;
}
.hide-inner, .hide-title {
margin-left:0;
}
.hide-title {
position:absolute;
top:2px;
width:100%;
display:block;
text-align:center;
margin-top:-55px;
}
.hide-title h2 {
width:100%;
text-align:center;
}

.rightcol {
overflow:visible;
width:auto;
clear:left;
float:none;}

#sidebar {display:none;}
#tourBoxes .tourbox {
width:100%;
float:none;
clear:left;}

#tourBoxes {
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flexy {
-webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
margin-bottom:8px;
margin-top:6px;
}
#tourDescription {order:1;}
#tour-details-button{order:2; text-align:center;width:90%;}
#tour-type{order:3;}
#tour-details{order:4;}
#tour-guides{order:5;}
#tour-essentials{order:6;}
#tour-giving{order:7;}

.helper {
margin-left:0;
}
}

@media screen and (max-width:600px) {
/*booking form */
section #bookingForm ol li {
padding-left:6px;
}
.booking-float {
float:none;
margin-left:0;
width:100%;
}
.booking-info{
margin-right:0;
}
#bookingForm input.check2[type="submit"] {
width:auto;
}

}

@media screen and (max-width:540px) {
#tourMainImage{
min-height:280px;
width:auto;
}

#tour-booking {
width:88%;
}
}

@media screen and (max-width:415px) {
#tourMainImage{
min-height:200px;
width:auto;
}
}