/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
html{
	height: 100%;
	margin: 0; padding: 0;
	font: 14px/1.4 helvetica, verdana, sans-serif;
	background: #FFF;
	color: #666;
}
body {
	min-height: 100%;
	margin: 0; padding: 0;
}
h1, h2, h3{
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin: 35px 0 10px;
	color: black;
	line-height: 1;
	clear: both;
}
h1{
	font-weight: 700;
	font-size: 26px;
}
h1:first-of-type{
	margin-top: 0;
}
h2{
	font-weight: 400;
}
p{
	text-align: justify;
}
a{
	color: #666;
	text-decoration: none;
}
a:hover{
	color: black;
}
input, button, textarea{
	padding: 5px 10px; 
	border-radius: 5px; 
	color: black;
	background: rgba(255,255,255,.8);
	border: none;
	min-height: 25px;
	margin-bottom: 5px;
}
input[type="text"], input[type="password"]{
	width: 100%;
}
textarea{
	width: 100%;
	height: auto;
}
button{
	width: auto;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
hr{
	clear: both;
	width: 100%;
	border: none;
	height: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
#Header{
	position: fixed;
	width: 100%;
	min-height: 50px;
	background: rgba(0,0,0,.6);
	z-index: 9999;
}
#LoginForm{
	float: right;
	padding: 5px 10px;
	margin-right: 20px;
	width: 25vw; 
}
#LoginForm input {
	width: 35%;
}
#LoginForm button {
	width: 25%;
	float: right;
}
#LoginForm p{
	margin: 0;
	width: 100%;
	color: white;
	text-align: right;
}
#Header ::-webkit-input-placeholder {
   color: #333;
}
#Header :-moz-placeholder { /* Firefox 18- */
   color: #333;  
}
#Header ::-moz-placeholder {  /* Firefox 19+ */
   color: #333;  
}
#Header :-ms-input-placeholder {  
   color: #333;  
}
#Header a{
	color: white;
}
#PageOver{
	width: 100vw;
	height: 100vh;
	z-index: 99998;
	position: fixed;
	display: none;
	background-position: 50% 50%;
	cursor: -webkit-zoom-out;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,.75);
}
#PageOverContent{
	z-index: 99999;
	position: fixed;
	left: 50%;
	display: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 76%;
	max-width: 600px;
	margin: 100px 0 0 -300px;
	background: white;
	padding: 20px 2%;
}
#PageMessage{
	width: 90vw;
	background: rgba(0, 0, 0, .75);
	padding: 20px 50px;
	position: fixed;
	left: 50%;
	top: 100px;
	color: white;
	z-index: 99999;
	margin-left: -45vw;
	text-align: center;
	font: 20px/1.4 'Oswald';
}
#PageMessage a{
	color: white;
	display: inline-block;
}
#PageMessage .close{
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	background: white;
	margin-top: -10px;
	margin-right: -40px;
	background:  url(/layout/closemessage.png) no-repeat 50% 50%;
	cursor: pointer;
}
#Header #Logo {
	width: 270px;
	height: 50px;
	color: white;
	font-size: 25px;
	line-height: 40px;
	text-transform: uppercase;
	float: left;
	margin: 0 10px 0 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	background: url(/layout/greenmount-travel-logo.svg) no-repeat 0 40%;
	padding-left: 27px;
	background-size: auto 60%;
	position: relative;
}
#Header #Logo small{
	font: 15px/1 helvetica, verdana, sans-serif;
	text-transform: none;
	position: absolute;
	top:33px;
	left: 29px;
	font-weight: bold;
}
.container{
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}
#Menu{
	float: left;
}
#Menu ul{
	padding: 0;margin: 0;
	list-style: none;	
}
#Menu li{
	display: inline-block;
	padding: 0; margin: 0 5px;
}
#Menu li a{
	display: block;
	padding: 0 5px;
	text-transform: uppercase;
	color: white;
	font-size: 14px;
	line-height: 50px;
	-webkit-transition: all .5s;
    transition: all .5s;
}
#Menu li.current a{
	background: white;
	color: black;
}
#Menu li a:hover{
	background: rgba(255,255,255,.3);
}
#ProfileLinks{
	position: absolute;
	top:10px;
	right: 20px;
	width: 250px;
	text-align: right;
	
}
#ProfileLinks a{
	color: white;
} 
#ProfileLinks .admin{
	margin: 5px 20px;
	text-transform: uppercase;
	background: black url('/layout/account.png') no-repeat 5px 50% ;
	background-size: 20px auto;
	-webkit-transition: all .5s;
    transition: all .5s;
    padding: 5px 15px 5px 30px;
    border-radius:5px ;
    color: white;
}
#ProfileLinks .admin:hover{
	background-color: rgba(255,255,255,.3);
}
form#AdminEdit{
	background: none;
	padding: 0;
}
#Main{
	padding-bottom: 100px;
}
.clearHeader{
	height: 100px;
	display: block;
}
#HeaderImage{
	width: 100%;
	height: 35vh;
	max-height: 500px;
	background: #999 url(/tours/3/hero.jpg) no-repeat 50% 70%;
	background-size: cover;
	margin-bottom: 40px;
	position: relative;
}
#HeaderImage h1{
	position: absolute;
	bottom: 10px;
	color: white;
	font-size: 36px;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	text-shadow: 0 0 3px #000000;
	z-index: 3;
}
#HeaderImage h1 small{
	font-size: 20px;
	text-transform: none;
	line-height: 22px;
}
#HeaderImage .rotateImage{
	position: absolute;
	top:0 ;left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
#HeaderImage .rotateImage{
	position: absolute;
    z-index: 0;
}
#HeaderImage .previous {
    z-index: 1;
}
#HeaderImage .current {
    z-index: 2;
}
#Page{
	position: relative;
	min-height: 400px;
	display: block;
	background: rgba(255, 255, 255, .92);
	padding: 0;
}
#HomeSlider{
	position: relative;
	height: 100vh;
	max-height: 1000px;
	width: 100%;
	background: #CCC;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 80px;
}
 #Slide{
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	max-height: 1000px;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
#SliderButtons{
	z-index: 999;
	position: absolute;
	right: 20px;
	top: 0;
	height: 100%;
	width: 25vw;
	padding: 90px 10px 0;
	background: rgba(0,0,0,.8);
}
#SliderButtons a.check{
	background: #A4CE39;
	color: black;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}
#SliderButtons .large{
	font-size: 16px;
	text-align: center;
	color: white;
}
#SliderButtons .email{
	margin-bottom: 20px;
}
#SliderButtons .Tour{
	width: 100%;
	/*
	height: 10vh;
	max-height: 140px;
	*/
	margin: 0;
	margin-bottom: 5px;
	border: 2px solid #444;
}
#SliderButtons .active{
	border-color:white
}
#SliderButtons h1 {
	color: white;
	font-size: 20px;
	text-align: center;
	padding-top: 15px;
}
#SliderButtons h1:first-of-type{
	margin-top: 100px;
}
#SliderButtons .Tour h2{
	background: rgba(0,0,0,.5);
	width: 100%;
	padding: 10px 5px 5px;
	left: 0;
	bottom: 0;
	margin: 0;
}
#SliderButtons .Tour h2 small, #SlideText h1 small{
	padding-left: 22px;
	background: url(/layout/dates.png) no-repeat 0 50%;
	background-size: auto 65%;
	font-weight: 300;
}
#SlideText h1 small{
	padding-left: 25px;
	margin-left: 5px;
}
#SlideText h2{
	margin-top: 10px;
	color: white;
}
#SlideText{
	position: absolute;
	left: 20px;
	bottom: 50px;
	z-index: 999;
	padding: 20px;
	background: rgba(0,0,0,.5);
	color: white;
	margin-right: 28vw;
	font-size: 16px;
}
#SlideText h1{
	color: white;
}
#Description{
	width: 65%;
	float: left;
}
#Description h2:first-of-type{
	margin-top: 0;
}
#Actions{
	padding: 5px 1.5%;
	width: 30%;
	float: right;
	background: rgba(0,0,0,.04);
}
#Actions p{
	text-align: left;
}
#PhotoGallery div{
    width:20%;
    height:180px;
    display: block;
    float: left;
    margin:0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
#PhotoGallery div span{
	width: 100%;
	background: rgba(0,0,0,.7);
	text-align: center;
	padding: 2px 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}
#PhotoGallery div:hover span{
	display: block;
}
form{
	padding: 20px;
	background: rgba(0,0,0,.04);
}
.BookingForm td{
	padding:0 0 15px;
}
.BookingForm h2, .Edit h2{
	margin: 0;
	margin-right: 20px;
}
.Edit h2{
	 line-height: 30px;
}
.BookingForm button, .Edit button{
	background: #AAA;
	padding: 10px 30px;
	color: white;
	font-size: 130%;
	margin: 0 auto;
	display: block;
	height: auto;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
.BookingForm #loginPage{
	padding: 0;
	display: inline-block;
	float: right;
}
.BookingForm a{
	color: black;
	text-decoration: underline;
}
.BookingForm hr{
	height: 10px;
}
.bookinglogin{
	background: #d5d5d5;
}
button:disabled{
	opacity: .2;
}
.FFOther{
	display: none;
}
.missing{
	color: red;
}
label.error {
	color: red;
	font-style: italic
}
div.error { display: none; }
input.error { border: 1px dotted red; }

.ExistingUser{
	padding-left: 30px;
	background: url(/layout/existing_user.png) no-repeat;
}
.NewUser{
	padding-left: 30px;
	background: url(/layout/user.png) no-repeat;
}
.clone{
	margin-bottom:4px;
	padding:5px 8px;
	font-size:11px;
	color: white;
	background: #d5d5d5;
	position: relative;
	border-radius: 5px;
}
a.deleteClone{
	position: absolute;
	top:5px;
	right: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #999;
	line-height: 20px;
	text-align: center;
	color: white;
	font-size: 16px;
	text-decoration: none;
}
#FamilyTabs{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#FamilyTabs li{
	display: inline-block;
	margin: 0;
	padding: 10px 20px 10px 38px;
	background: url(/layout/user.png) no-repeat 10px 50%;
	font-size: 20px;
	color:black;
}
#FamilyTabs li.current{
	background-color: rgba(0, 0, 0, .04);
}
#FamilyTabs li.family{
	background-image:  url(/layout/add_user.png);	
}
#FamilyTabs li#FamilyAdd{
	background: none;
	padding: 0;
	font: 14px/1.4 helvetica, verdana, sans-serif;
}
#FamilyTabs li#AddFamily a.book{
	background-image: url(/layout/add_user.jpg);
}
.Edit button.delete{
	background: #666 url(/admin/images/del_button.png) no-repeat 50% 50%;
	float: right;
	padding: 5px;
	height: 46px;
	width: 46px;
}
.Edit input[type="text"], .Edit input[type="file"], .Edit textarea, .Edit select{
	width: 150px;
}
.Edit table{
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: left;
}
.Edit table h2{
	padding: 10px;
	padding-left: 35px;

}
.CustomerRow{
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 20px;
	color: black;
}
.checkAccount, .checkPassport, .checkInsurance{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(/layout/checkAccount.png) no-repeat;
	background-position: 0 -20px;
	background-size: 20px auto;
	margin-right: 5px;
}
.checkPassport{ background-image: url(/layout/checkPassport.png)}
.checkInsurance{ background-image: url(/layout/checkInsurance.png)}
.checkAccount.approved, .checkPassport.approved, .checkInsurance.approved{
	
	background-position: 0 0;
}
.Customer{	background: url(/layout/user.png) no-repeat 10px 50%;}
.AddCustomer{	background: url(/layout/add_user.png) no-repeat 10px 50%;}
.Pass{ background: url(/layout/pass.png) no-repeat 10px 50%; }
.Edit table th{
	text-align: right;
	color: black;
	padding: 0 10px 0 10px;
	vertical-align: top;
	line-height: 25px;
}
.Edit table td{
	line-height: 25px;
	padding-right: 10px;
}
.tab{
	display: none;
}
.tab.current{
	display: block;
}
.HidePostal, .InsuranceHide {
	display: none;
}
.MainTraveler{
	padding-left: 38px;
	background: url(/layout/user.png) no-repeat 10px 50%;
}
.TravelerCheck{
	opacity: .2;
	cursor: pointer;
	padding-left: 38px;
	background: url(/layout/add_user.png) no-repeat 10px 50%;
}
.TravelerCheck.checked{
	opacity: 1;
}
.ProfileLeft{
	width:60%;
}
.ProfileRight{
	width:35%;
	margin-left: 5%; 
	background: rgba(0,0,0,.03);
}
#Page.Gallery #Description{
	padding-right: 380px;
	width: 100%;
}	
#Page.Gallery #Actions{
	position: absolute;
	top: 0; right: 0;
	width: 350px;
	padding: 0;
	background: none;
}
.experience{
	margin-top: 40px;
	width: 100%;
	background:  #CCC url(/layout/Globe.jpg) no-repeat 50% 50%;
	background-size: 75% auto;
	padding: 60px 0 45px;
	text-align: center;
}
.experience p{
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
	font-size: 130%;
}
.div{
	width: 200px;
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
	margin: 15px auto;
	display: block;
}
.book, .interest, .download, .print, .share{
	padding: 5px;
	text-transform: uppercase;
	color: white;
	background: #AAA;
	display: block;
	margin-top: 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 35px;
}

.book:hover, .interest:hover, .download:hover, .print:hover, .share:hover{
	color: black;
}
.activated{
	background-color: #6cab60;
}
.book{
	background-image: url(/layout/book.jpg);
}
.interest{
	background-image: url(/layout/interest.jpg);
}
.slideform{
	cursor: pointer;
}
.interestForm, .existingInterestForm{
	padding: 10px;
	background: #AAA;
	display: none;
}
.existingInterestForm{
	display: block;
	padding: 0;
}
.existingInterestForm button{
	border-radius: 0;
	margin: 0;
	font-size: 14px;
}
.download, .print, .share{
	background-image: url(/layout/download.jpg);
	float: right;
	margin: 7px 1.5%;
}
.print{
	background-image: url(/layout/print.jpg);
}
.share{
	background-image: url(/layout/email.jpg);
}
.inactive{
	opacity: .3;
}
.Dates{
	background: url(/layout/calendar.png) no-repeat;
	background-size: contain;
	padding: 7px 0 0 43px;
}
.itinerary{
	background: url(/layout/itinerary.png) no-repeat;
	background-size: contain;
	padding: 10px 0 0 43px;
	display: inline-block;
}
.ItineraryHeader{
	display: none;
}
.ItineraryRow{
	position: relative;
	min-height: 120px;
}
.logout{
	background: rgba(0,0,0,.2);
	float: right;
	padding: 2px 10px;
	color: white;
	border-radius: 4px;
}
.RowPhoto{
	position: absolute;
	top:0;
	left: 0;
	width: 15%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
span.day{
	display: block;
	padding-left: 10px;
}
.Activity, .Overnight{
	float: left;
	padding: 10px 0;
}
.RowDate{
	width: 15%;
	height: 100%;
	position: absolute;
}
.RowDate h2{
	padding-top: 10px;
	padding-left: 10px;
}
.hasPhoto{
	color: white;
	background: rgba(0,0,0,.5);
}
.hasPhoto h2, .hasPhoto span.day{
	color: white;
}
.hasPhoto:hover{
	background: url(/layout/photo.png) no-repeat 50% 50%;
	opacity: .75;
	cursor: pointer;
}
.hasPhoto:hover h2, .hasPhoto:hover span.day, .hasPhoto:hover .Meals{
	display: none;
}
.Activity {
	padding-left: 16%;
	width: 75%
}
.Overnight{
	padding-left: 1%;
	width: 24%;
	text-align: right;
}
#Itinerary p{
	margin: 0;
}
#Itinerary .ItineraryRow:nth-child(odd){
}
#Itinerary .ItineraryRow:nth-child(even){
	background-color: rgba(0,0,0,.04);
}
#Itinerary h2{
	margin: 0;
}
#Itinerary a{
	display: block;
}
.Meals{
	padding-left: 10px;
	display: block;
}
.breakfast, .lunch, .dinner{
	width: 25px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	text-indent: -999px;
	background-position: 50% 50%;
}
.breakfast{
	background-image: url(/layout/breakfast.png);
}
.lunch{
	background-image: url(/layout/lunch.png);
}
.dinner{
	background-image: url(/layout/dinner.png);
}
#Actions .spacer{
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.05);
	margin: 5px 0;
}
.phone, .fax, .address, .website, .email, .facebook, .mobile{
	display: block;
}
.phone span, .fax span, .address span, .website span, .email span, .facebook span, .mobile span{
	width: 20px; height: 20px;
	display: inline-block;
	margin-bottom: -2px;
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}
.phone span{
	background-image: url(/layout/phone.png);
}
.mobile span{
	background-image: url(/layout/mobile.png);
}
.fax span{
	background-image: url(/layout/fax.png);
}
.address span{
	background-image: url(/layout/address.png);
}
.website span{
	background-image: url(/layout/website.png);
}
.email span{
	background-image: url(/layout/email.png);
}
.facebook span{
	background-image: url(/layout/facebook.png);
}
.YearsTours{
	clear: both;
	display: block;
}
.UpcomingTour{
	background: white;
	margin-bottom: 30px;
	min-height: 122px;
	display: block;
	padding: 10px 0 0;
	border: 1px solid #CCC;
}
.UpcomingTour:hover{
	border-color: #AAA;
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.UpcomingTour h2{
	display: inline-block;
	margin: 0;
}
.UpcomingTour h2 .Dates{
	background-size: auto 50%;
	background-position: 0 70%;
	padding-left: 23px;
	opacity: .5;
}
.UpcomingTour .TourImg{
	width: 250px;
	height: 120px;
	margin-top: -10px;
	float: left;
	display: block;
	margin-right: 20px;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.Tour{
	 width: 32%;
	 margin-right: 2%;
	 height: 120px;
	 background-color: #999;
	 background-position: 50% 50%;
	 background-size: cover;
	 float:left;
	 margin-bottom: 15px;
	 position: relative;
}
.Tour:nth-child(3n+3){
	 margin-right: 0;
}
.Tour h2, .TourImg h2{
	position: absolute;
	left: 10px;
	bottom: 0px;
	color: white;
	text-shadow: 0 0 3px #000000;
}
.TourImg h2{
	bottom: 5px;
}
.TourPrice{
	padding-top: 10px;
	text-align: right;
	margin-bottom: 20px
}
.TourPrice sup{
	font-size: 60%;
}
.clone h2{
	display: inline-block;
	float: right;
	margin-right: 25px;
}
.TourPrice small{
	font-size: 16px;
	text-transform: lowercase;
	font-weight: 300;
}
#map{
	height: 350px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
#TourPhotoList{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}

#TourPhotoList li{
	background-size: cover;
	background-position: 50% 0%;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 300px;
	float: left;
	position: relative;
}
#TourPhotoList li p{
	position: absolute;
	top:0px;
	right: 12px;
	padding: 5px 10px;
	background: rgba(0,0,0,.5);
	color: white;
	text-transform: uppercase;
}	
.next, .last{
	margin-top: 30px;
	font-size: 26px;
	line-height: 20px;
	float: left;
	width: 50%;
}
.next:hover, .last:hover{
	color: black;
}
.next{
	float: right;
	text-align: right;	
}
.next small, .last small{
	font-size: 50%;
	padding: 0 25px;
}
.clear{
	clear: both;
}
#AdminEdit{
	float: right;
}
#AdminEdit button{
	float: right;
	background: maroon;
	border: none;
	padding: 10px 20px;
	color: white;
}
#GreenmountPress{
	margin-top: 60px;
	background: black;
	min-height: 400px;
	margin-bottom: -70px;
	text-align: center;
	color: #999;
	padding: 40px 0 100px;
}
#GreenmountPress h2{
	color: white;
}
#GreenmountPress p{
	text-align: center;
}
.MagLink{
	cursor: pointer;
	margin-top: 20px;
	display: inline-block;
	width: 25%;
	max-width: 200px;
	color: #999;
}
.MagLink:hover{
	color: white;
}
.MagLink img{
	width: 80%;
	max-width: 250px;
} 
#Footer{
	background: #EEE;
	color: #777;
	position: fixed;
	bottom:0;
	left: 0;
	min-height: 40px;
	padding: 10px 0;
	width: 100%;
	letter-spacing: 1px;
	font-size: 11px;
	z-index: 999;
}
#Footer ul{
	margin: 0;
	padding: 0;
	float: left;
}
#Footer li{
	display: inline-block;
	padding: 0 12px 0 0;
	margin: 0;
}
#Footer a{
	color: #444;
	-webkit-transition: all .5s;
    transition: all .5s;
}
#Footer a:hover{
	color: black;
}
#Footer p{
	margin: 5px 0;
}
#FootPages{
	padding-top: 5px;
	text-align: left;
}
#FootPages, #FootContact{
	width: 50%;
	padding-right: 1%;
	float: left;	
}
#FootContact{
	text-align: right;
}
#FootContact a{	
	display: inline-block;
	margin-left: 10px;
}
#Footer a#shd{
	color: #000;
	opacity: .3;
	font-size: 11px;
	/*background: url(http://www.stevenharris.com.au/shd.png) no-repeat 0% 50%;*/
	padding-left: 25px;
	height: 20px;
}
#Footer a#shd:hover{
	opacity: .8;
}
.clear{
	clear: both;
}
@media only screen and (max-width: 1000px) {	
	
	#Menu{
		margin: 0 auto;
		float: none;
		clear: both;
		text-align: center;
	}
	#ProfileLinks{
		top:10;
		right: auto;
		width: inherit;
		height: auto;
		overflow: hidden;
	}
	#ProfileLinks .admin{
		width: 0px;
		height: 50px;
		margin: 0;
		padding-left: 60px;
		background-color: rgba(0,0,0,0);
		background-size: 50% auto;
		display: block;
	}
	.ProfileLeft{
		width: 100%;
	}
	.ProfileRight{
		width: 100%;
		margin-left: 0;
	}
	#ProfileLinks .logout{
		display: none;
	}
	#HeaderImage h1{
		left: 20px;
		width: auto;
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	
	h2{
	}
	#Header #Logo{
		font-size: 20px;
		width: 220px;
	}
	#Header #Logo small{
		font-size: 12px;
	}
	#LoginForm{
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		background: black;
		margin-right: 0;
	}
	#LoginForm input{
		width: 42%;
	}
	#LoginForm p{
		display: none;
	}
	#LoginForm button{
		width: 14%;
	}
	#Menu{
		clear: none;
		margin-left: 0;
		float: right;
	}
	#Menu ul{
		margin-top: 0px;
		background: white;
		height: 100vh;
		width: 200px;
		position: fixed;
		padding-top: 10px;
		right: -200px;
	    transition: all .5s;
	}
	#Menu ul.visable{
		right: 0;
	}
	#Menu li{
		display: block;
	}
	#Menu li a{
		color: black;
		font-size: 16px;
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
	}
	#HeaderImage{
		height: 25vh;
	}
	#Menu #menuButton{
		display: block;
		background: url(/layout/menu.png) no-repeat 50% 50%;
		width: 50px;
		height: 50px;
		background-size: contain;
		margin-right: 15px;
		cursor: pointer;
	}
	#PageMenu{
		width: 100%;
		min-height: 0px;
		margin: 0;
		float: none;
		display: none;
	}
	#PageMenu .clearProducts{
		height: 10px;
	}
	#Page{
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
	}
	#HomeSlider{
		height: auto;	
	}
	#HomeSlider #Slide, #HomeSlider #SlideText{
		display: none;
		height: 0;
	} 
	#SliderButtons{
		position: inherit;
		width: 100%;
		right: auto;
		top: auto;
		background: white;
		padding: 0 0 60px;
	}
	#SliderButtons h1:first-of-type{
		margin-top: 0;
		height: 100px;
	}
	/*
	#SliderButtons .Tour{
		height: 200px;
		border: none;
	}
	*/
	#SliderButtons .phone, #SliderButtons .fax, #SliderButtons .mobile, #SliderButtons .email{
		display: none;
	}
	#SliderButtons .spacer{
		display: block;
		height: 100px;
	}
	#Description{
		width: 100%;
		float: none;
	}
	#Actions{
		padding: 15px 1.5%;
		width: 97%;
		float: none;
		background: rgba(0,0,0,.04);
	}
	#Page.Gallery #Description{
		padding-right: 0;
	}	
	#Page.Gallery #Actions{
		position:inherit;
		width: 100%;
		text-align: center;
	}
	.Tour{
		margin: 0;
		width: 100%;
		margin-bottom: 5px;
	}
	.Tour h2{
		font-size: 30px;
	}
	.RowDate{
		padding-left: 1%;
		width: 65%;
		margin-bottom: 5px;
	}
	.RowDate h2{
		display: inline-block;
	}
	.Meals{
		float: right;
	}
	.Activity {
		padding-left: 1%;
		width: 65%;
	}
	#PhotoGallery div{
	    width:33%;
	}
	.Overnight{
		padding-left: 1%;
		width:34%;
		text-align: right;
		margin-top: -35px;
	}
	.phone span, .address span, .website span, .email span, .mobile span, .facebook span{
		background: none;
	}
	.phone, .address, .website, .email, .mobile, .facebook{
		width:30px;
		height: 30px;
		background-size: contain;
		float: none;
		margin-left: 5px;
		margin-bottom: 5px;
		overflow: hidden;
		color: rgba(0,0,0,0);
	}
	.contact .phone, .contact .address, .contact .website, .contact .email, .contact .mobile, .contact .facebook{
		width: 100%;
		background-repeat: no-repeat;
		background-color: #AAA;
		color: white;
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		padding: 5px 15px;
		text-transform: uppercase;
	}
	.contact span{
		display: inline-block;
	}
	.phone:hover, .address:hover, .website:hover, .email:hover, .mobile:hover, .facebook:hover{
		color: rgba(0,0,0,0);
	}
	.contact span.fax{
		display: none;
	}
	.email{
		background-image: url(/layout/email.jpg);
	}
	.phone{
		background-image: url(/layout/phone.jpg);
	}
	.mobile{
		background-image: url(/layout/mobile.jpg);
	}
	.address{
		background-image: url(/layout/address.jpg);
	}
	.website{
		background-image: url(/layout/website.jpg);
	}
	.facebook{
		background-image: url(/layout/facebook.jpg);
	}
	.spacer{
		display: none;
	}
	#Itinerary a{
		display: inline-block;
	}
	.RowPhoto{
		display: none;
	}
	.RowDate{
		position: inherit;
	}
	.hasPhoto span.day{
		display: inline-block;
		color: black;
	}
	.hasPhoto{
		background: none;	
	}
	.hasPhoto h2{
		color: black;
	}
	.RowDate h2, .RowDate span.day, .RowDate .Meals{
		display: inline-block;
	}
	.hasPhoto:hover h2, .hasPhoto:hover span.day, .hasPhoto:hover .Meals{
		display: inline-block;
	}
	.download, .print{
		width: auto;
	}
	#BookingForm h2{
		margin-right: 5px;
	}
	#Footer{
		padding-top: 10px;
		position: inherit;
	}
	#Footer ul{
		text-align: center;
		width: 100%;
	}
	#Footer li{
		text-align: center;
		padding: 4px 10px;
	}
	#disclaimer{
		width: 100%;
		text-align: center;
		padding: 10px 0 15px;
	}
	#FootPages, #FootContact{
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
	}
	#FootContact{
		padding-top: 20px;
	}
	#FootContact span{
		height: 30px;	
	}
	.UpcomingTour{
		border: none;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.UpcomingTour .TourImg{
		width: 100%;
		height: 200px;
		margin-bottom: 10px;
	}
	.UpcomingTour h2 .Dates{
		display: block;
		margin: 5px 0 10px;
	}
}
@media  print{
	#Header{
		position: inherit;
		background: white;
	}
	#Header #Logo{
		color: black;
		text-shadow: none;
	}
	#HeaderImage h1{
		bottom: -80px;
		color: black;
		font-size: 36px;
		left: 0px;
		width: 960px;
		margin-left: 20px;
		text-shadow: none;
	}
	#HeaderImage {
		margin-bottom: 100px;
	}
	#Footer, .print, .download, #Actions, #AdminEdit, .last, .next, .admin, #Menu, #LoginForm{
		display: none;
	}
	#Page.Gallery #Description{
		padding: 0;
	}
	#HeaderImage {
		height: 300px !important; 
	}
	.ItineraryRow{
		page-break-inside: avoid;
	}
	#TourPhotoList{
		display: block;
	}
	#TourPhotoList li{
		page-break-inside: avoid;
	}
	.RowPhoto{
		display: none;
	}
	.hasPhoto{
		color: black;
		background: none;
	}
	.hasPhoto h2, .hasPhoto span.day{
		color: black;
	}
	
} 



















/*------------------------------------------------------------------------------------------*/

/* Defaults & Reset of specific styles across browsers */

/*------------------------------------------------------------------------------------------*/

*, *:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td {

    margin: 0;

    padding: 0;

    direction: ltr;

}

body {

    margin: 0;

    padding: 0;

    -webkit-font-smoothing: antialiased;

    overflow-x: hidden;

}

p {

    line-height: 25px;

}

.row img {

    height: auto;

    max-width: 100%;

	margin-bottom: 32px;

}

a {

    text-decoration: none;

    line-height: inherit;

    -webkit-transition: opacity 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out;

    transition: opacity 0.3s ease-out;

	    outline: none !important;

}

a:focus {

    outline: none !important;

}

iframe {

    border: 0 !important;

}

/*------------------------------------------------------------------------------------------*/

/* Layout Elements */

/*------------------------------------------------------------------------------------------*/

.container {

    max-width: none; 

    padding: 0 20px;

    margin: 0 auto;

}

/* Rows and Columns */

.row {

    max-width: 1245px;

    margin: 0 auto;

    /* padding: 48px 16px; */

	padding: 16px;

    position: relative;

}

.no-padding-bottom .row, .no-padding-bottom div, .no-padding-bottom.row {

    padding-bottom: 0;

}

.no-padding-top.row, .no-padding-top div {

    padding-top: 0;

}

.big-padding-top {

    padding-top: 75px !important;

}

.big-padding-bottom {

    padding-bottom: 85px !important;

}

/* Targets all elements */

[class*='col-'] {

    float: left;

    padding: 20px;

}

/* Clearfix */

.clearfix:after {

    content: "";

    display: table;

    clear: both;

}

/* Main Widths */

.col-1 {

    width: 100%;

}

.col-2 {

    width: 50%;

}

.col-3 {

    width: 33.33%;

}

.col-4 {

    width: 25%;

}

.col-5 {

    width: 20%;

}

.col-6 {

    width: 16.6666666667%;

}

.col-7 {

    width: 14.2857142857%;

}

.col-8 {

    width: 12.5%;

}

.col-9 {

    width: 11.1111111111%;

}

.col-10 {

    width: 10%;

}

.col-11 {

    width: 9.09090909091%;

}

.col-12 {

    width: 8.33%;

}

.col-2-3 {

    width: 66.66%;

}

.col-3-4 {

    width: 75%;

}

.col-9-10 {

    width: 90%;

}

/* Golden Ratio */

.col-61 {

    width: 61.8%;

}

.col-38 {

    width: 38.2%;

}

/* ----- Forms ----- */ 

form {

	margin: auto;

} 

label {

	display: block; 

	font-weight: 600; 

	margin-bottom: 16px; 

	color: #ffffff;

} 

input, textarea {

	display: inline-block; 

	width: 100%; 

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

	background-color: #f5f5f5; 

	border: none; 

	outline: none;

	resize:vertical; 

	padding-left: 8px;

}

input {

    height: 50px;

    margin: 20px 0;

    line-height: normal;

    font-size: 16px;

	margin-right: 16px;

}

input[type=submit] {

	 margin: auto; 

	text-align: center; 

	margin-top: 16px; 

	cursor: pointer; 

}

.radio-block {

	display: inline-block; 

	margin-right: 16px;

}

.radio input[type="radio"] {

	position:relative; 

	top:0; 

	left:0; 

	opacity:0; 

	width:40px; 

	height:40px;

}

input[type="radio"] {

	width:40px; 

	height:40px; 

	color: #2a3241; 

	margin-top: 10px;

}

label.radio-label {

	display: inline-block; 

	font-size: 14px; 

	vertical-align: middle; 

	margin-bottom: 0px;

}

.checkbox {

	display: inline-block; 

	/*width: 19%; */

	text-align: center;

}

input[type="checkbox"] {

	display: block; 

	width:40px; 

	height:40px; 

	background-color: #f5f5f5; 

	border: none; 

	outline: none;

	resize:vertical; 

	padding-left: 8px;

	-webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

}

input[type="checkbox"] {

} 

@media all and (max-width: 620px) { 

	

.checkbox label.radio-label {

	margin-top: 8px;

	}

.checkbox {width: 49%; 

	margin-bottom: 8px;

	}

	

}

/* --------- Buttons ---------- */

button {

    font-size: 16px;

	margin-top: 16px;

    margin-right: 16px;

	padding: 16px 24px;

    height: 50px;

	min-width: 140px;

    text-align: center;

	text-transform: none;

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-weight:600;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    display: inline-block;

	color: #2a3241;

    background: #A4CE39;

	border-radius: 30px; 

	cursor: pointer;

	opacity: 1;

}

button:hover {

    background: #A4CE39;

		opacity: 0.8;

}

.button {

    font-size: 16px;

	margin-top: 16px;

    margin-right: 16px;

	padding: 16px 24px;

    height: 50px;

	min-width: 140px;

    text-align: center;

	text-transform: none;

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-weight:600;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    display: inline-block;

	color: #2a3241;

    background: #A4CE39;

	border-radius: 30px; 

	cursor: pointer;

	opacity: 1;

}

.button:hover { 

    background: #A4CE39;

	opacity: 0.8;

}

/* Ghost Button - dark */ 

.ghost-dark {

	color: #2a3241; 

	background: transparent; 

	border: 2px solid #2a3241; 

}

.ghost-dark:hover {

	background: #c1c1c1; 

	color: #2a3241; 

	/* border: 2px solid transparent;  */

}

/* Ghost Button - light */ 

.ghost-light {

	color: #ffffff; 

	background: transparent; 

	border: 1.6px solid #ffffff; 

}

.ghost-light:hover {

	background: #1ca5f9; 

	color: #ffffff; 

	border: 1.6px solid transparent; 

}

/* --------- Images ---------- */

/*Alignment*/

img {

    vertical-align: top;

}

.image-center {

    display: block;

    margin: 0 auto;

}

a img {

    border: none;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    -webkit-backface-visibility: hidden;

}

a img:hover {

    opacity: 0.7;

}

/*------------------------------------------------------------------------------------------*/

/* Fonts */

/*------------------------------------------------------------------------------------------*/ 

h1 {

    padding: 20px 0;

}

h2 {

    padding: 14px 0 28px 0;

}

h3 {

    padding: 10px 0;

}

h4 {

    padding: 7px 0;

}

h5 {

    padding: 7px 0;

}

h6 {

    padding: 7px 0;

}

/* Text Alignment */

.text-left {

    text-align: left;

}

.text-center {

    text-align: center;

}

.text-right {

    text-align: right;

}

/* Section Headings */

.section-heading {

    padding: 0 0 8px 0;

}

.section-subtitle {

    font-size: 18px;

    padding-top: 0;

}

.section-heading p {

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 21px; 

    font-weight:600;

    color:#2b2421; 

	line-height: 1.6; 

}

/*------------------------------------------------------------------------------------------*/

/* Typography */

/*------------------------------------------------------------------------------------------*/

body {

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size:16px;

    font-weight:normal;

    color:#111; 

}

/* Standard Headings h1-h6 */

h1 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 60px;

    line-height: 64px;

    font-weight: 600;

    color:#2b2421;

}

h2 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 36px;

    font-weight: 600;

    color: #2b2421;

}

h3 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 30px; 

    font-weight:700;

    color:#2b2421;

}

h4 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 18px; 

    font-weight:600;

    color:#2b2421; 

	line-height: 1.6; 

}

h5 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px; 

    font-weight:400;

    color:#2b2421;

}

h6 {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 14px; 

    font-weight:400;

    color:#2b2421;

}

p   {

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px;

    font-weight: normal;

    color: #111; 

}

/* Section Title and Subtitle */

.section-title {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 38px; 

    font-weight: 800;

    color: #111;

}

@media all and (max-width: 1024px) {

.section-title {

    padding: 16px;

}

}

.section-subtitle {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px;

    font-weight:300;

    color:#9c9c9c;

}

.big-text {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 60px;

    line-height: 64px;

    font-weight: 600;

    color:#2b2421;

}

.big-text-small {

    font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 36px;

    line-height: 36px;

    font-weight:800;

    color:#2b2421;

	margin-bottom: 16px;

}

.sub-heading  {

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

	font-size: 16px;

    font-weight:600;

    color:#2b2421; 

	line-height: 1.8; 

}

.Dates {

    background: url(layout/calendar.png) no-repeat;

    background-size: contain;

    background-size: 30px;

    background-position-y: center;

    padding: 0 0 0 50px;

}

/* ----- List ----- */ 

.row li {margin-bottom: 16px;}

/* ----- Drawer ----- */ 

/* close */ 

.close-container {

  position: relative;

  margin: auto;

  width: 50px;

  height: 50px;

  cursor: pointer;

}

.leftright {

  height: 4px;

  width: 50px;

  position: absolute;

  margin-top: 24px;

  background-color: #A4CE39;

  border-radius: 2px;

  transform: rotate(45deg);

  transition: all .3s ease-in;

}

.rightleft {

  height: 4px;

  width: 50px;

  position: absolute;

  margin-top: 24px;

  background-color: #A4CE39;

  border-radius: 2px;

  transform: rotate(-45deg);

  transition: all .3s ease-in;

}

.close-container:hover .leftright {

  transform: rotate(-45deg);

  background-color: #f96d2b;

}

.close-container:hover .rightleft {

  transform: rotate(45deg);

  background-color: #f96d2b;

}

.close-container:hover label {

  opacity: 1;

}

/* --- slide out panels --- */ 

.panel {

  padding: 20px;

}

.panel-content {

  position: relative;

  background: #ffffff;

  padding: 16px;

  height: 100%;

  overflow: scroll;

  overflow-x: hidden; 

  min-width: 300px;

}

.panel-content::-webkit-scrollbar {

  width: 0px; 

  background: transparent; 

}

/* panel close */ 

.panel-content .close {

    position: absolute;

	right: 16px;

}

.panel-content .close:before {

    position: absolute; 

	right: 60px;

	top: 60px;

}

/* panels */ 

.panel-right {

  z-index: 999999;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  background: #eeeeee;

  position: fixed;

  display: block;

  bottom: 0;

  top: 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  right: -110%;

  width: auto;

  height: 100%;

}

.panel-right.expanded {

  right: 0;

}

.panel-right-contact {

  z-index: 999999;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  background: #eeeeee;

  position: fixed;

  display: block;

  bottom: 0;

  top: 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  right: -110%;

  width: auto;

  height: 100%;

}

.panel-right-contact.expanded {

  right: 0;

}

.reveal-left {

  float: left;

}

.reveal-right {

  float: right;

} 

.reveal-right-contact {

  float: right;

} 

@media (max-width: 960px) {

	.panel-left, .panel-right {width: 100%;}

}

	

/* --------------------------------------- 

     Overrides & specific additions 

-----------------------------------------*/ 

#Header {

	height: 70px;

	color: #fff;

}

#Header #Logo {

    margin: 6px 10px 0 20px;

}

	

	

	

/* header actions */ 

.header-action {

	display: inline-block;

	float: right;

}

.header-action img {

	vertical-align: middle;

	margin-left: 8px;

	margin-right: 16px;

}

.header-item {

	display: inline-block;

	float: right;

	height: 100%;

    padding: 10px 16px;

    text-transform: none; 

    color: #fff;

    font-size: 16px;

    line-height: 50px;

    -webkit-transition: all .5s;

    transition: all .5s;

	cursor: pointer;

}

.header-item:hover {

    background: rgba(255,255,255,.3);

}

.header-item img {

	vertical-align: middle;

	margin-left: 8px;

}

.header-items {}

.header-items-main {}

/* ----- login form ----- */ 

#LoginForm {

    padding: 16px;

	width: 100%;

    max-width: 400px;

}

form#LoginForm  {

	background: none;

}

#LoginForm p {

    margin: auto;

	margin-top: 16px;

    width: 100%;

    color: #111; 

    text-align: left;

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px;

    font-weight: 600;

} 

#LoginForm a {

	display: block;

	margin: 0;

	margin-left: 0px;

	margin-top: 24px;

    width: 100%;

    text-align: left;

    font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px;

    font-weight: 600;

	color: #A4CE39; 

}

#LoginForm input {

    width: 100%;

	margin: 16px;

	margin-left: 0;

}

#LoginForm button {

    width: auto; 

	margin: 16px;

	margin-left: 0;

	float: none;

}

/* ----- Contact drawer ----- */ 

.contact-item {

    display: block;

    margin-top: 16px;

    margin-bottom: 16px;

}

.contact a.email {color: #a4ce39; font-weight: 600;}

/* menu */ 

#Menu li {

    margin: 0;

}

#Menu li a {

    display: block;

    padding: 10px 16px;

    text-transform: none; 

    color: #fff;

    font-size: 16px;

    line-height: 50px;

    -webkit-transition: all .5s;

    transition: all .5s;

}

@media only screen and (max-width: 767px) {

	

#Menu li a {

    color: #111111;

    font-size: 16px;

    font-family:  'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

    font-weight: 700;

	line-height: 1.4;

	padding-top: 20px;

	padding-bottom: 20px; 

}

#Menu #menuButton {

    display: block;

    background: url('layout/menu.png') no-repeat 50% 50%;

    width: 50px;

    height: 50px;

    background-size: contain;

    margin-right: 15px;

    cursor: pointer;

}

	

}

/* Internal Pages */ 

#HeaderImage {

    width: 100%;

    height: 40vh;

    max-height: 620px;  

    background: none;

    background-size: cover;

	background-position-y: center;

    margin-bottom: 0;

    position: relative;

    overflow: hidden;

}

#HeaderImage h1 {

	font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 60px;

    line-height: 64px;

    /* font-weight: 800; */

    color: #ffffff;

    position: absolute;

    bottom: 16px;

    left: 10%;

    width: 100%;

	padding: 30px;

    margin-left: 16px;

    text-shadow: none; 

    z-index: 3;

}

h1:first-of-type {

    margin-top: 0;

}

#HeaderImage h1 {

    background: rgba(0,0,0,.5);

	width: auto;

}

/* Cover page */ 

#HomeSlider {

    position: relative;

	height: 100vh;

    width: 100%;

    background: #CCC;

    background-size: cover;

    background-position: 50% 50%;

    margin-bottom: 0px;

    overflow: hidden;

}

#HomeSlider #SlideText h1 {

	font-size: 48px;

	padding-bottom: 4px;

}

#SlideText h1 small {

    padding-left: 50px;

    margin-left: 5px;

}

#HomeSlider #SlideText {

	max-width: 1020px; 

}





/* Tourlist coverpage RHS */ 


/* 

#SliderButtons {

    z-index: 999;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 25vw;

    padding: 100px 20px 0;

    background: rgba(0,0,0,.8);

}

#SliderButtons .big-text-small.Dates {

    background: none;

    padding: 0;

    margin-top: 8px;

    color: #a4ce39;

}

.slider-tours {
	overflow-y: auto;	
}

.slider-tours::-webkit-scrollbar-track {

	border-radius: 10px;

	background-color: #F5F5F5;

}

	

#HomeSlider #SliderButtons .active {

    border-color: none;

}

 
/*
#SliderButtons .Tour {

    width: 100%;

    height: 100px;

    max-height: 140px;

    margin: 0;

    margin-bottom: 16px; 

    border: none;

	-webkit-box-shadow: 4px 4px 4px 0px rgba(207,207,207,0.28);

    -moz-box-shadow: 4px 4px 4px 0px rgba(207,207,207,0.28);

    box-shadow: 4px 4px 4px 0px rgba(207,207,207,0.28);

}
*/ 

/* 

#SliderButtons .Tour h2 {

    background: rgba(0,0,0,.3); 

    width: 100%;

    height: 100%;

    padding: 16px;

    left: 0;

    bottom: 0;

    margin: 0;

    text-shadow: none; 

}

	#HomeSlider #SliderButtons .Tour h2 {

		font-size: 22px;

}

	#HomeSlider #SliderButtons {

        padding: 70px 20px 0;

}

	

#SliderButtons .big-text-small {

	color: #ffffff;

	font-size: 22px;

}

@media only screen and (max-width: 1540px) {

	#HomeSlider #SliderButtons .Tour h2 {

		font-size: 22px;

	}

	

}

	

	

@media only screen and (max-width: 1120px) {

	#HomeSlider #SliderButtons {

        width: 30vw;

	}

	

	#HomeSlider #SlideText {

        margin-right: 30vw;

	}

	

	#HomeSlider #SliderButtons .big-text-small .Dates {

        margin-top: 0 !important;

	}

	#HomeSlider #SliderButtons .Tour h2 {

		font-size: 18px;

	}

	

}



/*

@media all and (max-width: 767px) {


	#HomeSlider {

      height: 70vh;

	}

	

	#HomeSlider #SliderButtons {

        width: 100%;

	}

	

	

	#SliderButtons {

    position: inherit;

    width: 100%;

    right: auto;

    top: auto;

    background: #000000;

    padding: 0 0 60px;

    }

	

    .slider-tours {

	    max-height: 400px;

	    overflow-y: visible;	

    }

	

	#SliderButtons .Tour {

        width: 100%;

        height: 300px;

        max-height: none;

	}

	

	#HomeSlider #SliderButtons .Tour {

        margin-top: 125px;

	}

	

	

	#HomeSlider #SliderButtons .big-text-small.Dates {

		display: none; 

	}

		

	#HomeSlider #SliderButtons .slider-tours span.spacer {

        display: none;

    }

	

	#HomeSlider #SliderButtons .Tour h2 {

		font-size: 30px !important;

	}

	

}

*/



/* Description - content */ 

#Description {

    width: 100%; 

    float: none;

}

#Description-images {

    width: 100%; 

    float: none;

}

#Description h1 {

	font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 36px;

    font-weight: 600;

    color: #2b2421;

}

.experience {

    padding: 60px 16px 45px 16px;

}

.experience {

    margin-top: 40px;

    width: 100%;

    background: none;

	background-color: #ccc;

    background-size: 75% auto;

    padding: 60px 0 45px;

    text-align: center;

}

@media (max-width: 480px) {

	

    .exoerience h1 {

        line-height: 1.2;

    }

		

    .experience p {

        font-size: 100%;

    }

}

/* tour list - pages - past - upcoming - current */ 

#upcoming-tours-page h1.Dates {

	margin-top: 16px;

	font-size: 48px;

}

.YearsTours {

    margin: 16px;

}

.Tour {

    margin-bottom: 20px;

}

.YearsTours .UpcomingTour {	

	padding: 0;

}

.UpcomingTour .TourImg {

    width: 30%;

    height: auto;

    min-height: 200px;

    margin-top: 0;

    float: left;

    display: inline-block; 

    margin-right: 0;

    background-size: cover;

    background-position: center;

    position: relative;

}

.UpcomingTour .tour-details {

	display: inline-block;

    width: 70%;

    min-height: 200px;

	padding: 16px;

	padding-top: 8px;

}

.UpcomingTour .tour-details h2 {

	padding-bottom: 8px;

}

@media all and (max-width: 767px) {

	

.UpcomingTour .TourImg {

    width: 100%;

    display: inline-block; 

}

.UpcomingTour .tour-details {

	display: inline-block;

    width: 100%;

}

	

}

#past-tours-page h1.Dates {

	margin-top: 16px;

	font-size: 48px;

}

#past-tours-page .Tour h2, .TourImg h2 {

    text-shadow: none;

    font-size: 18px;

    line-height: 1.4;

	color: #ffffff;

    position: relative; 

    left: 0; 

    bottom: 0; 

}

#past-tours-page .Tour h2 {

	background: rgba(0,0,0,.3); 

    width: 100%;

    height: 100%;

	padding: 16px;

}

/* ----- Tour Page ----- */ 

#tours-page #HeaderImage {

    width: 100%;

    height: 620px !important;

    max-height: 620px;  

}

@media (max-width: 1020px) {

	

#tours-page #HeaderImage {

    height: 420px !important;

}

	

#tours-page .row {

    padding: 16px;

}

	

	

}

	

@media (max-width: 560px) {

#tours-page #HeaderImage {

    height: 100vh !important;

}

	

#tours-page #Description h1 {

    font-size: 36px;

}

	

}

@media (max-width: 320px) {

	

#tours-page #Description h1 {

    font-size: 24px;

}

	

}

	

#Actions {

    padding: 16px;

    width: 100%; 

}

#tours-page #Description h1 {

	font-size: 48px;

}

#tours-page #Actions h1 {

	font-size: 48px;

}

#tours-page #Actions h1.TourPrice {

	text-align: left;

	margin-bottom: 5px;

}

.TourPrice small {

	display: block;

    font-size: 14px;

    text-transform: lowercase;

    font-weight: 300;

	line-height: 1.6;

	text-align: left;

}

#tours-page #Actions h1.TourPrice br {

	display: none;

}

.book, .interest, .download, .print, .share {

    padding: 15px;

    text-transform: none;

    color: black;

    background-color: #a4ce39;

    display: block;

    margin-top: 16px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    border-radius: 25px;

	background-size: contain;

    background-size: 50px;

    background-position-y: center;

    padding-left: 60px;

}

.interestForm, .existingInterestForm {

    padding: 10px;

    background: #fff;

    margin-top: 16px;

}

#tours-page #Actions .contact {

	margin-top: 24px;

}

#tours-page #Actions .contact h2 {

	font-size: 24px;

	padding-bottom: 8px;

}

#tours-page #Actions .contact .phone, .fax, .address, .website, .email, .facebook, .mobile {

    display: block;

    /* font-size: 16px; */

    margin-top: 16px;

    margin-bottom: 16px;

}

h1.itinerary {

    margin-bottom: 24px;

}

.itinerary {

    background-size: 30px;

    background-position-y: center;

}

.ItineraryRow {

    margin-bottom: 16px;

    padding: 16px;

}

.next, .last {

    line-height: 1.4;

}

#tours-page .fax  {

    background-image: url(/layout/fax.png);

	background-size: 15px;

	background-repeat: no-repeat;

    float: none;

    overflow: hidden;

}

@media all and (max-width: 767px) {

#tours-page .col-3 {

    width: 100%;

}

#tours-page #Description h1 {

    font-size: 36px;

	line-height: 1.4;

}

	

#tours-page #Actions .phone, #tours-page #Actions .fax, #tours-page #Actions .address, #tours-page #Actions .website, #tours-page #Actions .email, #tours-page #Actions .facebook, #tours-page #Actions .mobile {

    display: block;

    font-size: 16px;

    margin-top: 16px;

    margin-bottom: 16px;

    width: 100%;

    background-repeat: no-repeat;

    background-color: #cccccc;

    color: #300305;

    font-family: 'Montserrat', sans-serif; 

    font-weight: 700;

    padding: 14px 15px;

	padding-left: 60px;

    text-transform: none; 

    height: auto;

    border-radius: 25px;

}

	

	#tours-page .print {float: none; clear: both;}

	

	#tours-page .fax span {

        background: none;

}

		

}

@media (max-width: 360px) {

	

#tours-page .book, #tours-page .interest, #tours-page .download, #tours-page .print, #tours-page .share {

    background-image: none;

    padding-left: 0;

	text-align: center;

}

#tours-page #Actions .phone, #tours-page #Actions .fax, #tours-page #Actions .address, #tours-page #Actions .website, #tours-page #Actions .email, #tours-page #Actions .facebook, #tours-page #Actions .mobile {

    padding-left: 15px;

	text-align: center;

}

		

#tours-page .contact .phone span, #tours-page .contact .address span, #tours-page .contact .website span, #tours-page .contact .email span, #tours-page .contact .mobile span, #tours-page .contact .facebook span {

   display: none;

}

	

.ItineraryRow .Activity {

    padding-left: 1%;

    width: 100%;

}

	

.Overnight {

    padding-left: 1%;

    width: 100%;

    text-align: left;

    margin-top: 0;

}

	

.Overnight h2 {

	font-size: 24px;

	text-align: left !important;

	margin-bottom: 0 !important;

}

	

}

/* ----- whats included page ----- */ 

#whats-included-page #HeaderImage {

	background-image: url(/images/hero-booking-policies.jpg) !important;

}

/* ----- footer ----- */ 

#GreenmountPress {

    background: #2f2f2f;

}

#GreenmountPress p {

    color: #ffffff;

}

#FootContact .contact .phone, #FootContact .fax, #FootContact .address, #FootContact .website, #FootContact .email, #FootContact .facebook, #FootContact .mobile {

    display: inline-block;

    font-size: 11px; 

    margin-top: 0;

    margin-bottom: 0; 

}

@media all and (max-width: 520px) {

	

	#GreenmountPress a {

		font-size: 14px;

	}

}

@media all and (max-width: 360px) {

	

	#GreenmountPress a {

		font-size: 12px;

	}

		

	.MagLink {

        width: 30%;

	}

}

/*------------------------------------------------------------------------------------------*/

/* Responsive Elements */

/*------------------------------------------------------------------------------------------*/

@media all and (max-width: 1590px) {

	

		

	.header-item img {

        display: none;

		margin-left: 0;

    }

	

}

@media all and (max-width: 1420px) {

	

	

	.header-item {

        padding: 10px 10px 10px 10px;

	}

	

	

	.header-item img {

        display: inline-block;

    }

	

	.header-item span {

        display: none;

		padding-right: 8px;

    } 

		

}

@media only screen and (max-width: 1310px) {

	

	.header-item span {

        display: inline-block;

    } 

	

	.header-items {

        text-align: right;

		position: absolute;

        right: 70px;

    }

	

	#Menu {

		clear: none;

		margin-left: 0;

		float: right;

		position: absolute;

        right: 0;

        padding-top: 12px;

	}

	

	#Menu ul {

		margin-top: 0px;

		background: white;

		height: 100vh;

		width: 200px;

		position: fixed;

		padding-top: 10px;

		right: -200px;

	    transition: all .5s;

	}

	

	#Menu ul.visable {

		right: 0;

	}

	

	#Menu li {

		display: block;

	}

	

	#Menu li a {

		color: black;

		font-size: 16px;

		font-weight: 700;

		font-family: 'Poppins', 'Open Sans', sans-serif, Arial, Helvetica;

        line-height: 1.4;

        padding-top: 20px;

        padding-bottom: 20px;

		text-align: left;

	}

	

	

	#Menu #menuButton {

		display: block;

		background: url(/layout/menu.png) no-repeat 50% 50%;

		width: 50px;

		height: 50px;

		background-size: contain;

		margin-right: 15px;

		cursor: pointer;

	}	

	

}

@media all and (max-width: 1024px) { 

	

	/* BIG padding adjustment */ 	

	

	.big-padding-bottom {

    padding-bottom: 32px !important;

    }

    .big-padding-top {

    padding-top: 32px !important;

    }

		

}

	

	

@media all and (max-width: 767px) { 

/* BIG padding adjustment */ 

	

    .big-padding-bottom {

        padding-bottom: 16px !important;

    }

    .big-padding-top {

        padding-top: 16px !important;

    }

	

	

	

	#Header {

        height: auto; 

    }	

		

    #Header #Logo {

        margin: 0 10px 5px 20px;

    }

	

	

	#Menu{

		margin-left: 0;

		float: right;

		position: relative;

        right: 0;

        padding-top: 0;

	}

	

	

	.header-items {

		position: relative;

        right: 0;

    }

	

	.header-item {

        padding: 5px 5px 5px 0;

	}

	

	.header-item img {

        display: none;

    }

	

	.header-item span {

        display: inline-block;

    } 

		

	.header-item {

        margin: auto;

		float: none;

        padding: 0 16px;

    }

	

	#HeaderImage h1 {

		left: 0;

	}

	

}

	

@media all and (max-width: 560px) { 

    .header-items {

        text-align: center;

    } 

	

    .header-item span {

        padding-right: 0;

    }

	

	#HeaderImage h1 {

        font-size: 28px;

    line-height: 36px;

    top: 100px;

		margin: 0;

		bottom: 0;

	}

}

/* Landscape mobile & down

===============================*/ 

@media (max-width: 480px) {

    .row {

        padding: 16px !important;

    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38, .row {

        width: 100%;

    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38 {

        padding-right: 0;

        padding-left: 0;

    }

	

    h1 {

        font-size: 36px;

		line-height: 1.2;

	}

	

	#Header {

        height: auto; 

    }

	

	

	.header-item {

        margin: auto;

		float: none;

        padding: 0 16px;

    }

	

		

}

/* Mobile to Tablet Portrait

===============================*/

@media (min-width: 480px) and (max-width: 767px) {

	

    .col-1, .col-2, .col-5, .col-7, .col-9, .col-11, .col-2-3, .col-3-4, .col-61, .col-38, .row {

        width: 100%;

    }

    .col-3, .col-4, .col-6, .col-8, .col-10, .col-12 {

        width: 50%;

    }

	

}

/* Landscape Tablet to Desktop

===============================*/ 

@media (min-width: 768px) and (max-width: 1024px) {

    .big-padding-top {

        padding-top: 45px !important;

    }

}

/*------------------------------------------------------------------------------------------*/

/* Print styles - Itinerary */

/*------------------------------------------------------------------------------------------*/

@media all {

	#tours-page .page-break	{display: none; }

}

@media print {

	

	

#tours-page p {

    text-align: left; 

    }	

	

#tours-page .page-break	{

	display: block; 

	page-break-before: always;

	}	

	

#tours-page #Header {

    width: 1080px;

    margin: auto;

	margin-top: 30px;

	margin-bottom: 30px;

}

	

#tours-page .header-items {

		display: none;

	}

	

#tours-page #Main {

    padding-bottom: 100px;

	max-width: 1020px;

    margin: auto;

	margin-bottom: 16px;

}

	

#tours-page #HeaderImage {

	background-image: none !important;

    height: 80px !important;

    margin-bottom: 0px; 

    width: 100%; 

    margin: auto;

}

	

	#tours-page #HeaderImage h1 {

        font-family: 'Montserrat', 'Open Sans', sans-serif, Arial, Helvetica;

        font-size: 48px;

        line-height: 64px;

        font-weight: 800;

        color: #111;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        padding: 16px;

        margin-left: 0;

    }

    #tours-page .col-2-3 {

        width: 100%;

    }

	

	#tours-page a.print {

		display: none;

	}

	

	#tours-page #Description {

        width: 70%; 

        float: left;

    }

	#tours-page #Description h1 {

		font-size: 36px;

	}

	

	#tours-page #Description p {

		font-size: 16px;

		color: #111;

	}

	

    #tours-page #Description h1.Dates {

        background: url(/layout/calendar.png) no-repeat;

        background-size: contain;

        padding: 7px 0 16px 43px;

    }

	

	#tours-page #Description ul {

		margin-top: 30px; 

		margin-bottom: 30px;

	}

			

	

	#tours-page #Description li {

		margin-top: 30px; 

		margin-bottom: 30px; 

		font-weight: 800; 

		max-width: 520px;

		font-size: 18px;

		color: #111;

	}

	

	#tours-page h1.itinerary {

        font-size: 36px;

        color: #111;

        width: 100%;

        padding: 16px;

		padding-left: 0;

		margin-top: 16px;

		margin-bottom: 16px;

	}

	

	#tours-page #Itinerary h2 {

		color: #111;

		font-weight: 800;

	}

	

	#tours-page #Itinerary p {

		font-size: 16px;

		color: #111;

	}

	

	

	#tours-page .ItineraryRow {

	    page-break-inside: avoid;

        position: relative;

        min-height: 120px;

		margin-bottom: 30px;

    }

	

	#tours-page span.day {

		margin-top: 8px;

		color: #111;

    }

	

	#tours-page .Overnight {

		color: #111;

	}

	#tours-page h1.map {

		display: none;

	}

	

	#tours-page .tour-map {

		display: none !important;

	}

	

	.tour-map {

		display: none !important;

	}

	

	/* remove filepath from footer  

    #tours-page #Footer {

		display: none !important;

    }

	*/

	

}