/*
*************************************************

XPLORE BRITAIN
Screen Styles

3cc0c2 - light blue
102429 - dark blue
*************************************************
*/

@import url('/css/global.css');

/*  GENERAL SELECTORS ============================================================================= */

body                 { font: normal 15px/1.4 'Hind', 'Helvetica Neue', Arial, Helvetica, sans-serif;  color:#484c58; overflow-x:hidden;  background:#fff url(/images/body-bg.jpg) repeat-x top center fixed; background-size:1600px; }
@media screen and (min-width: 1601px) { body { background-size:100%; } }

h1, h2, h3, h4, h5     	{   font-size:1.3em; margin:0; font-weight:bold; padding:0;color:#102429; line-height: 1.3; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-family:'Hind','Helvetica Neue', Arial, Helvetica, sans-serif;
}
input[type="submit"] { font-family:'Hind','Helvetica Neue', Arial, Helvetica, sans-serif; }
select { width:auto; }
h1 a, h2 a, h3 a, h4 a, h5 a { color:#484c58; }

p.smallprint {font-size: 0.85em;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align:center;
	text-decoration: none;
	margin: 0;
	background: #3cc0c2;
background: -moz-linear-gradient(top,  #3cc0c2 0%, #319fa1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cc0c2), color-stop(100%,#319fa1));
background: -webkit-linear-gradient(top,  #3cc0c2 0%,#319fa1 100%);
background: -o-linear-gradient(top,  #3cc0c2 0%,#319fa1 100%);
background: -ms-linear-gradient(top,  #3cc0c2 0%,#319fa1 100%);
background: linear-gradient(to bottom,  #3cc0c2 0%,#319fa1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc0c2', endColorstr='#319fa1',GradientType=0 );
 
	color:#fff;
	border:0;
	padding: 1em 1.25em;
	font-size:1em;
	font-weight:normal;
	border-radius:6px;
}				
.button:hover {
	position: relative;
	text-decoration: none;
	background-color:#3cc0c2;
	color:#fff;
}
.button:active {
	color: #fff;
	
}

.textlink { padding:1em 0 0 0; display:inline-block; }
	.textlink i, .textlink:hover { color: #333;  }
		


.msg-thanks { background:#fe9d2f; padding:1em; color:#fff; display:block; margin:1em 0; font-weight:normal; }
.msg-error { background:#f9dcdc; padding:1em; color:#102429; display:block; margin:1em 0; font-weight:normal; }


/*  TEMPLATE ============================================================================= */
#skiptomain 	{ display: none; }
.wrap			{ float:left; width:100%; }
.inner			{ width:96%; max-width: 1024px; margin:0 auto; }
.centred		{ text-align: center; }

#top-navigation { background:#868873; background:rgba(0,0,0,0.125); }
	#top-navigation .inner { position:relative; }
	#top-navigation ul { float:left; border-left:1px rgba(0,0,0,0.1) solid; }
	#top-navigation li { float:left; border-right:1px rgba(0,0,0,0.1) solid; position:relative; }
	#top-navigation li a { color:#fff; color:rgba(255,255,255,0.6); display:block; padding:.75em 1.25em; font-size:0.9em; text-shadow:1px 1px 0px rgba(0,0,0,.3); font-weight:300;}
		#top-navigation a:hover { color:#fff; }

#top-navigation .navgroup { display:none; }
#top-navigation ul li:hover .navgroup {display:block; position:absolute; top:0; left:0; top:44px; left:auto; z-index:9; width:220px; }
#top-navigation ul li ul {  background:#102429; background:rgba(80,80,69,0.95); margin-top:1em; }
#top-navigation ul li ul:after { top: -5px; left: 4em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(80,80,69,0.95); border-width: 10px; margin-left: -10px; }
	#top-navigation ul li ul { padding:1em 0; }
	#top-navigation ul li ul li { width:100%; border:0; }
	#top-navigation ul li ul li a { padding:0.25em 1em; }

.header-search{ float:right; width:268px; position:relative; font-size:0.9em; margin-top:3px; margin-right:1em;}
.header-search input[type=text]{width:100%;background:#fff url(/images/icon-search.png) no-repeat 8px 8px; background-size:20px;padding:.5em 1em;padding-left:2.2em; border:0; box-shadow:none;  color:#666;  font-weight:300;  }
.header-search input[type=text]:focus { box-shadow:none !important; border-bottom-color:#39A5CC;  }
.header-search input[type=submit]{ position:absolute; top:2px; right:2px; padding:5px 10px;  }
	.header-search input[type=submit]:hover {  }

.social-icons { float:right;   }			
.social-icons i.fa-twitter  { background:#55acee;}
.social-icons i.fa-facebook  { background:#3b5998;}
.social-icons a { float:left;  color:#fff;  }	
.social-icons i {  color:#fff; padding:.1em 0; width:40px;  display:inline-block;  text-align:center; font-size:1.3em; line-height:1.8; }

		
a#logo { float:left; margin-top:.5em; }

.header {  padding:1.5em 0 0 0; /* ios6 - on top parent for nav */ position:relative; z-index:99999;}

.book-msg { float:right; width:260px; border:3px rgba(255,255,255,0.2) double; margin-top:.5em; padding:1em 0; text-align:center;  }
.book-msg .col { margin-top:-0.5em; padding-top:0; margin-bottom:0; padding-bottom:0; width:100%; }
.book-today { margin-top:-14px;}
.book-msg h3 { color:#fff; background:#ef3d6f; margin-top:-20px; display:inline-block; padding:6px; }	
	.book-msg em { font-style:normal; font-weight:300; color:#fff; display:block; font-size:1.1em; padding-top:.25em; }
	.book-msg a { color:#fff;  font-size:1.1em;   font-weight:normal;}
	.book-msg a:hover { text-decoration:underline; }
.book-callus, .book-email { }	
	
#main { padding:0; }
.box { float:left; width:100%; background:#fff;  padding:.75em 1.25em 3em 1.25em;  }

.image-box {  position:relative; text-align:center; }
	.image-box h1.page-title { background:#3cc0c2; color:#fff; display:inline-block; padding:.5em .5em .3em .5em; margin:.25em 0 .75em 0; }
			
.map-icon { margin-top:-60px; margin-bottom:0.5em; text-align:center; }
	.map-icon a, .map-icon a span { position:relative; display:inline-block; border:4px #fff solid; background:#fff; border-radius:100px; width:80px; height:80px; padding:6px; padding-top:6px; }
	.map-icon a { overflow:hidden;  }
	.map-icon a span { display:none;position:absolute; bottom:-88px; left:-8px; border-color:#3cc0c2; background:#3cc0c2; color:#fff; border:0; padding-top:22px; font-size:2.2em; border-radius:0;
	-webkit-transition: all 0.1s ease; 
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; width:88px; height:88px; }
	.map-icon a:hover span { bottom:0;  }
	
footer { background:#102429 url(/images/footer-bg.gif); color:#fff; padding:1em 0; text-align:center;  }			
footer .inner { max-width:700px; }
footer h5 { color:#fff; font-size:1em; padding:0 0 1em 0; }
footer a {  color:#fff;  }
	footer a:hover { color:rgba(255,255,255,0.7); text-decoration:underline; }
footer p { margin-top:1em; font-size:.9em; }

.footer-social  {width: 50%; margin: 0.5em auto;}
.fb-like {padding: 0.25em 0;}
.footer-tweet  {padding: 0.25em 0;}
	
/* TOP  NAV ============================================================================= */
#nav-toggle { display:none;  }

#topnav { float:right; width:66%; position:relative; margin:0em 0 1.25em 0; }
#topnav ul { float:right; margin:0;   }
#topnav li { display:inline-block; margin:0; padding:1.25em 0; position:relative;}
#topnav a { display:block;  color:#fff; color:rgba(255,255,255,0.7); padding:.8em 1.25em; border-radius:6px;  margin-left:.25em;  }
#topnav li:hover a.toplevel { background: #102429;
 color:#fff; border-radius:6px 6px 0 0;}
#topnav a.toplevel { font-weight:300;   font-size:1.2em; background:rgba(0,0,0,.1);  box-shadow:0px 6px 6px rgba(0,0,0,.1) inset; text-shadow:1px 1px 0px rgba(0,0,0,.3);  }
	#topnav a.toplevel:hover { border-bottom-color:#fff;}
	#topnav li:hover  a.toplevel { border-bottom-color:#fff;}
#topnav a.active, #topnav a.active:hover {  border-color:#fff; color:#fff;  }

@keyframes fadein {
    from { opacity: 0; top:44px; }
    to   { opacity: 1; top:50px; }
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; top:44px; }
    to   { opacity: 1; top:50px; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; top:44px; }
    to   { opacity: 1; top:50px; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* dropdown */
#topnav .navgroup { display:none; }
#topnav ul li:hover .navgroup {display:block; position:absolute; right:0; top:50px;  z-index:9; width:240px; -webkit-animation: fadein .2s;  -moz-animation: fadein .2s;     -ms-animation: fadein .2s;    -o-animation: fadein .2s;    animation: fadein .2s; box-shadow:6px 20px 8px rgba(0,0,0,0.3); z-index:999999; }
#topnav .navgroup .wrap {  background:#102429;   margin-top:1.1em; border-radius:4px; }
#topnav .navgroup h5 { float:left;  font-size:0.8em; text-transform:uppercase; }
#topnav .navgroup h5 a { color:#ee8917;  padding:1em 1em 0 1em; margin:0 0 -.5em 0; }
#topnav .navgroup h5 a:hover { color:#aebd5f; }
	#topnav ul li ul { padding:1em 0; }
	#topnav ul li ul li { width:100%; border:0; text-align:left; padding:0; border:0;}
	#topnav ul li ul li a { padding:0.25em 1em; font-size:.9em; background:none; font-family:'Hind','Helvetica Neue', Arial, Helvetica, sans-serif;  }
	#topnav ul li ul li a:hover { color:#fff; }
	

	
/*  HOMEPAGE ============================================================================= */
.circle-arrow { width:40px; height:40px; display:inline-block; border-radius:60px; border:2px #fff solid; color:#fff; font-size:26px;text-align:center; padding-top:2px; font-weight:bold; }

#welcome { position:relative; }
.flex-caption { position:absolute; background:#102429;  z-index:9999; color:#fff;  font-size:1.9em; padding:.8em 1em .5em 1em; bottom:1px; left:0; width:62.5%; font-weight:bold; }
.flex-caption h1 { font-size:12px; color:#fff; color:rgba(255,255,255,0.6); letter-spacing:2px; text-transform:uppercase; font-weight:300; }

#welcome img { float:left; width:100%; border-bottom:1px #fff solid;  }
.welcome-panel 	{ float:left; width:62.5%;background:#3cc0c2; height:160px; padding:1.5em 1.75em; color:#fff; border-right:1px #fff solid; }
.welcome-link 	{ float:left; width:37.5%;background:#ee8917; height:80px; padding:1.25em; color:#fff; font-weight:bold;   font-size:1.4em; border-bottom:1px #fff solid;}
	.welcome-link:hover { background:#fe9d2f; color:#fff; }
.welcome-about-link { background-color:#ef3d6f; border-bottom:0; font-weight:bold;}
	.welcome-about-link:hover { background-color:#fc2763; }
.welcome-link .circle-arrow { float:right; margin-top:-6px; }	
h2.welcome-tagline { color:#fff;   font-size:1.9em; padding:0 0 .2em 0; margin:0;}
.welcome-text { padding:0; margin:0; font-size:1.4em; color:#fff; color:rgba(255,255,255,.9); line-height:1.35;}
	.welcome-text a { color:#fff; font-weight:bold; }
		.welcome-text a:hover { text-decoration:underline; }
		
.h-portals { margin-top:1em; }
.h-p-england 		{ background:#3cc0c2 url(/images/h-portal-england.jpg) no-repeat; }
	.h-p-england:hover .circle-arrow { background-color:#3cc0c2; }
.h-p-scotland 		{ background:#102429 url(/images/h-portal-scotland.jpg) no-repeat; }
	.h-p-scotland:hover .circle-arrow { background-color:#102429; }
.h-p-wales 			{ background:#ee8917 url(/images/h-portal-wales.jpg) no-repeat; }
	.h-p-wales:hover .circle-arrow { background-color:#ee8917; }
.h-p-ireland 		{ background:#ef3d6f url(/images/h-portal-ireland.jpg) no-repeat; }
	.h-p-ireland:hover .circle-arrow { background-color:#ef3d6f; }
.h-p-ideas 		{ background:#3cc0c2 url(/images/h-portal-ideas.jpg) no-repeat; }
.h-portal 			{ background-size:260px 180px; text-align:center;  }
	.h-portal h4 { color:#fff; color:rgba(255,255,255,0.7); font-size:1em; font-weight:300; padding-top:1em; }
	.h-portal h3 { color:#fff; font-size:2em;  padding-bottom:.75em; }
	.h-portal a { display:block; padding-top:160px; }
.h-p-lastminute 	{ background:#3cc0c2 url(/images/h-portal-lastminute.jpg) no-repeat; }
 .h-p-sightseeing 	{ background:#3cc0c2 url(/images/h-portal-sightseeing.jpg) no-repeat; }
	
.h-inspiration	{ margin-top:1em;padding:1em 1.5em 4em 1.5em; background:#fff; }	
.h-inspiration-text h3 { color:#3cc0c2; font-size:1.8em; }
.h-inspiration-text p { font-size:1.3em; padding:.5em 0 0 0; color:#666; }
.h-inspiration-text a.button {font-size:1.1em; }
.h-inspiration-links li {  padding-bottom:.6em; }
	.h-inspiration-links li a:hover { text-decoration:underline; }
			
/*  GENERAL ============================================================================= */
.landing-page-header { background-size:265px; padding:1.5em; padding-left:300px; color:#fff; color:rgba(255,255,255,0.8); margin:0 0 1em 0; text-align:center; border:10px rgba(255,255,255,0.1) solid; }
	.landing-page-header h1 { color:#fff; font-size:1.9em; padding:0 0 0.4em 0; }
		.landing-page-header h1 span { text-transform:capitalize; }
	.landing-page-header p:last-child { margin:0; padding:0; }
	.landing-page-header a {color: #fff;}

.capitalize {text-transform:capitalize;}

.line { background:#fff; background:rgba(255,255,255,.4); height:4px; width:60px; display:inline-block; margin-bottom:.75em; }
.blog-abstract, .page-intro { color:#102429;   font-weight:800; font-size:1.2em; }
	
.filters { background:#f0f6f7; border:1px #d6e5e7 solid; }
	.filters h3 { text-transform:uppercase;  font-size:1em;  padding:1em; margin:0;   }
	.filters h4 {font-size:.9em;  padding:1em 1em .5em 1em; margin:0; color:#71929a;  text-transform:uppercase; }
		.filters h4 a { float:right; color:#18373f; color:rgba(0,0,0,0.4);}
	.filters ul { float:left; width:100%; padding:0 1em 1em 1em; }
	.filters li { float:left; width:100%; border-bottom:1px #fff solid; padding:.5em 0; font-size:.9em; }
	.filters input[type=checkbox] { float:left; }
	/* make the checkboxes nicer */
	.filters input[type=checkbox], .filters input[type=radio] { display:none; }
	.filters input[type=checkbox]:checked + label,
	.filters input[type=radio]:checked + label,
	.filters label.active  { background:url(/images/icon-tick-disabled.png) left center no-repeat; background-size:16px; padding:4px 4px 4px 20px; font-weight:bold; }
	.filters label.active {background-image:url(/images/icon-tick.png) !important;  }
	
	.filters input:not(:checked) + label { padding:0 !important; background:none !important; font-weight:normal !important; }
	
	.filters label { padding:.5em 0; cursor:pointer; }
		.filters label:hover { color:#102429; }
		
.filters input.button {  border-radius:8px;  box-shadow:2px 2px 0px rgba(0,0,0,0.3); width:90%; margin:1em 5% .75em 5%; background: #102429; }
	.filters input.button:hover { background:#18373f; }

.filter-toggle, .filter-filters { float:right; background:#102429; cursor:pointer; color:#fff; width:26px; height:26px; text-align:center; border-radius:6px; margin-top:-4px; padding-top:.25em; }
	.filter-toggle:hover, .filter-filters:hover { background:#18373f; }
.filter-filters { display:none;  }
.filter-filters-list { border-top:1px #d6e5e7 solid; }
	.filter-toggle-list { display:none; }
	
.sort-by { float:right; }			
.tour-listings-wrap h2 { font-size:1.3em !important; margin:0; padding:0.25em 0 .75em 0; font-size:1.5em; border-bottom:1px #3cc0c2 dotted; color:#3cc0c2; font-weight:300; }
.tour-listings-wrap h2 b { text-transform:capitalize; font-weight:normal;  }
.tour-listing { float:left; width:100%; border-bottom:1px #3cc0c2 dotted; padding:1em 0;}
	.tour-listing:last-child { border:0; }
.tour-listing h3 { font-size:1.4em; margin-bottom:.5em; }
.tour-listing h5{  font-size:.8em; text-transform:uppercase; font-weight:300;  }
.tour-listing h3, .tour-listing h3 a, .tour-listing h5 { color:#3cc0c2; }	
.tour-listing h3 a:hover { color:#102429; }
	.tour-listing .tour-nights, .tour-listing .grade { text-align:center;  }
	.tour-listing .tour-nights h5, .tour-listing .grade h5 { color:#3cc0c2; }
	.tour-listing .tour-nights b, .tour-listing .grade b { background:#3cc0c2; color:#fff; border-radius:4px;  padding:2px 6px;display:inline-block; text-align:center; margin-top:.25em; }
.tour-listing-image {  display:block; margin-bottom:.75em; }
	.tour-listing-image img { border:1px #3cc0c2 solid; padding:4px; }
	.tour-listing-image img:hover { border-color:#102429; }
.tour-listing a.button { margin-top:1em; }
	.tour-listing a.button:hover { background:#3cc0c2;}
	
.tour-listing h4{  font-size:.9em;  font-weight:300; background:#fff; color:#3cc0c2; padding:.75em; margin-bottom:1em; text-transform:uppercase; letter-spacing:1px; }
.tour-listing .suggested-details { border:1px #d6e5e7 solid; background:#f0f6f7; color:rgba(0,0,0,0.5); }
.tour-listing .suggested-details .pad { padding:0 .75em; }

.page-content h3, .page-content h4 { margin-bottom:.5em; }
.page-content b, .page-sidebar b { color:#111; }
.page-content a, .page-sidebar a { text-decoration:underline; }

.page-sidebar h3, .page-sidebar h4, .page-sidebar h5 { margin-bottom:1em; text-transform:uppercase; font-size:1em; }

/*  TOUR PAGE ============================================================================= */
.train-ticket-box { height:260px; overflow:hidden; }

.offers-nav { /*border:1px solid #3cc0c2;*/ border:1px #d6e5e7 solid; border-bottom:0; background:#f0f6f7; }
	.offers-nav h3 { background:#d6e5e7; color:#3cc0c2; padding:1em; margin:0; }
	.offers-nav ul { float:left; width:100%; }
	.offers-nav li { float:left; width:100%;  }
	.offers-nav li img { display:none; }
		.offers-nav li a { display:block; text-decoration:none; padding:.75em 1em; border-bottom:1px #fff solid; }
			.offers-nav li a:hover { color:#3cc0c2; }
			.offers-nav li a.active { color:#102429; font-weight:bold; }

.traveloffers-content iframe, .carhire-iframe { width:100%; }
.carhire-iframe { height:420px; }
.nexpress-iframe { height:200px; }

.travel-offers { margin-top:.5em; }
.travel-offers li { float:left; width:48.75%; margin:0 0 1em 2.5%;    font-size:1.2em; background: #f0f6f7;
background: -moz-linear-gradient(top,  #f0f6f7 0%, #d2e7ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f6f7), color-stop(100%,#d2e7ef));
background: -webkit-linear-gradient(top,  #f0f6f7 0%,#d2e7ef 100%);
background: -o-linear-gradient(top,  #f0f6f7 0%,#d2e7ef 100%);
background: -ms-linear-gradient(top,  #f0f6f7 0%,#d2e7ef 100%);
background: linear-gradient(to bottom,  #f0f6f7 0%,#d2e7ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6f7', endColorstr='#d2e7ef',GradientType=0 );
 }
.travel-offers img {  float:left; width:100px; margin:0 1em 1em 0; }
.travel-offers li:nth-child(odd)  {   margin-left:0; clear:both; }
.travel-offers a { display:block; padding:1em; width:100%; height:100%;}
.travel-offers li:hover { background:#f0f6f7; color:#fff; }

#jsBookingForm, .jsBookingForm { margin-bottom:1em; }


			
/*  CONTACT ============================================================================= */
	
#gmap { width: 100%; height: 338px; border: 8px solid #eee; margin:0 0 1em 0;}

.genForm { float:left; width:100%; margin:1em 0; }
.genForm h4 { margin-bottom:0.5em; }
.genForm label 	{ float:left; width:30%; margin-right:6%; }
.genForm label.error { width:auto; padding:0px !important; margin:0 !important; background:#fff; color:#F00; }
.genForm li input, .genForm li textarea 	{ float:left; width:57%; }
.genForm li input.smallField { width:140px; }
.genForm li input[type=checkbox] { width:auto; }
.genForm li		{ float:left; width:100%; clear:both; margin:0 0 0.8em 0; }
.genForm li.url { display:none; }
.genForm select { width:auto; }
.genForm input.button { float:left; display:block; clear:both; font-size:1.3em; margin:0.5em 0 1em 0; font-family: 'Hind', 'Helvetica Neue', Arial, Helvetica, sans-serif; background:#3cc0c2;}
.genForm input.button:hover { background:#3dd7d9; }
.genForm li small { float:left; margin-left:33%; }
.required { color:#F00; }

.no-border { border:0 !important; }

/*  TOUR PAGE ============================================================================= */
.breadcrumb { padding:.75em 0 1em 0; }
	.breadcrumb a:hover { text-decoration:underline; }

h1.page-title { font-size:2em; padding-bottom:.25em; color:#102429;  }

.currency { float:right; margin:0em 0 1em 0; }
.currency b { float:left; padding:.8em .5em; font-size:.8em; font-family:'Arbutus Slab', Georgia, "Times New Roman", Times, serif; font-weight:normal; text-transform:uppercase; color:#ccc; letter-spacing:1px; }
.currency form { float:left; }
.currency a, .currency button { float:left; padding:.5em; font-size:.9em; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9; border:1px #eee solid; margin-left:1px; }
	.currency a:hover, .currency button:hover { background:#f0f0f0; }
	.currency a.active, .currency a.active:hover,
	.currency button.active, .currency button.active:hover { background:#fff; font-weight:bold; color:#000; }

.share-category { float:left; width:auto; margin:.4em 0 1em 0;  }
.share-category h5 { float:left; background:#eee;  text-transform:uppercase; font-size:.8em; color:#3cc0c2; padding:4px; margin-right:1em; }
.share-category .simplesocialbutton { float:left; margin-top:2px; width:70px; }
.share-category  .ssb-button-fblike {  width:90px; }

.tour-code { text-transform:uppercase; margin:0.5em 0 0 0; color:#999; }

.tour-box {border:1px #d6e5e7 solid;   }
	.tour-box p:last-child { margin:0; padding:0; }
	.tour-box h3 { color:#3cc0c2; }

.tour-listing-header { background:#3cc0c2; color:#fff;  }
.enquire-header { background:#fe9d2f; }
.tour-intro-image { float:left; width:31%; border-right:2px #fff solid; min-height:216px; height:216px; overflow:hidden; }	
	.tour-intro-image img { min-height:216px; width:100%; }
.tour-intro-box { float:left; width:69%; font-size:1em;}
h1.tour-name {  color:#fff; padding:.75em 1em; font-size:1.8em; text-align:center;} 
.book-now-button { text-align:right; font-size:1.2em; margin-top:1em; }	
.tour-intro { border-top:2px #fff solid; padding:0.5em 1em; color:#fff; text-align:center; }
.tour-intro h3 { font-size:1em; color:#fff; color:rgba(255,255,255,0.7); text-transform:uppercase; padding:.25em 0 .25em 0; }
.tour-intro .price { font-size:1.5em; }
p.tour-period { font-size:1.1em; }
.tour-intro p { margin:0; padding:0; }



.tour-steps {margin:1em 0 3em 0;padding:0;  }
.tour-steps li{float:left;width:25%}
.tour-steps b{float:left;background:#dedbd2;color:#fff;display:inline-block;font-size:1.5em;border-radius:50%;width:30px;height:30px;text-align:center; line-height:1.4}
.tour-steps b.active{background:#fe9d2f;color:#fff;font-weight:normal}
.tour-steps em{float:left;padding:0em 0 0 0.75em;font-size:1.4em;font-style:normal;font-weight:normal;display:block;color:#dedbd2}
.tour-steps em.active, .tour-steps em.active a{color:#fe9d2f;font-weight:normal}
.tour-steps em a{color:#dedbd2;border-bottom:1px #dedbd2 dashed}
.tour-steps em a:hover{border-bottom:1px #fe9d2f solid;color:#fe9d2f}

.tour-tabs { background:#3cc0c2; border-top:2px #fff solid; border-bottom:8px #3b424e solid; }
.tour-tabs li a, .tour-tabs a { color:#fff; font-size:1.2em; padding:1.1em 1.5em 1em 1.5em;   text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-right:1px rgba(255,255,255,0.2) solid;}
.tour-tabs li a { float:left; }
	.tour-tabs li a:hover { background:#313741; }
	.tour-tabs li a.active { background:#3b424e; }
		.tour-tabs li a.active.enquire-now { background:#b3c261; }
.tour-tabs li a.enquire-now { float:right; width:24%; box-shadow:0px 10px 10px rgba(255,255,255,0.1) inset; 
background: #ee8917;
background: -moz-linear-gradient(top,  #fe9d2f 0%, #ee8917 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9d2f), color-stop(100%,#ee8917));
background: -webkit-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: -o-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: -ms-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: linear-gradient(to bottom,  #fe9d2f 0%,#ee8917 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9d2f', endColorstr='#ee8917',GradientType=0 );
 }
	.tour-tabs li a.enquire-now:hover { background:#b3c261; }

.tour-tab-box { border:1px #d6e5e7/*3b424e*/ solid; padding:1.25em; margin-bottom:-2em;}
	
.tour-tab-box h3 { background:#102429; color:#fff; padding:.75em 0; margin-bottom:1em; text-indent:.75em;  }
.tour-tab-box h4 {  font-size:1em; text-transform:uppercase;  color:#3cc0c2; padding:0 0 .5em 0; }
.tour-tab-box h5 {  font-size:1em; text-transform:uppercase;  color:#3cc0c2; }
	
.enquire-button {   box-shadow:0px 10px 10px rgba(255,255,255,0.1) inset;  text-shadow:1px 1px 1px rgba(0,0,0,0.2); font-size:1.2em; margin-bottom:1em;
background: #ee8917; }
.enquire-button:hover { background: #fe9d2f; }

.enquire-fixed-header {   position:fixed; top:-100px; left:0; float:left; width:100%; padding:0; color:#fff; box-shadow:0px 4px 4px rgba(0,0,0,0.2);background: #102429; z-index:99999;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
	.enquire-fixed-header p { float:left; margin:0; padding:.5em 0 1em 0 ; }
		.enquire-fixed-header p b {  text-transform:uppercase; font-weight:300; color:#fff; color:rgba(255,255,255,.7); font-size:.7em; letter-spacing:1px; }
	.enquire-fixed-header .enquire-button { float:right; width:auto; margin:.75em 0; font-size:1em; padding:.8em 1em .75em 1em;  }
.show-fixed-header { top:0; }

.book-instructions { margin:0 0 1em 0; text-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:1.25em; color:#fff; background: #3cc0c2; }
.book-instructions h2 { color:#fff; margin:0; padding:0 0 .5em 0; }
.book-instructions a { color:#fff; }
.book-instructions p { font-size:.9em; }
.book-instructions p:last-child { margin:0; padding:0; }

.why-book-with-us { margin:1em 0 0 0; text-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:1.25em 1.5em; color:#fff; background: #ee8917;
 }
.why-book-with-us h2 { color:#fff; margin:0; padding:0 0 .5em 0; }
.why-book-with-us ul { margin:0; padding:0 0 0 0;}
	.why-book-with-us ul li { padding:0 0 .3em 0; }
	.why-book-with-us ul i {padding-right:.4em; }
.why-book-with-us a { color:#fff; }
.why-book-with-us a.button { border:2px rgba(255,255,255,.7) solid; }
	
.long-desc-box { border:1px #d6e5e7 solid; background:#f0f6f7; padding:1.5em; padding-top:0; font-size:.9em; color:rgba(0,0,0,0.5); }
	.long-desc-box h5 { margin:1.5em 0 .5em 0; padding-bottom:.5em; border-bottom:1px #d6e5e7 solid; color:#323942; }
	
.advert-box { text-align:center; margin-top:1em; border:1px #e0e0e0 solid; padding:1em 0; }
	.advert-box h5 { text-transform:uppercase; color:#ccc; font-size:.6em; letter-spacing:2px; margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px #e0e0e0 solid; }
	.advert-box b { font-size:.7em; display:block; font-weight:normal; padding:0 1em; }
				
.tour-image { background:#fff; text-align:center; padding:1em; margin-bottom:1em; }

.google-location { border-color:rgba(255,255,255,0.5); margin-bottom:1em; }
	.google-location iframe { width:100% !important;  pointer-events:none; }
	
#book-tour { background:#3cc0c2; padding:1em 0 3em 0; color:#fff;  }

#booktour-form h2 {  color:#ee8917; padding:0 0 .5em 0; margin:0 0 .75em 0; border-bottom:1px #e9edd6 solid; font-size:1.7em;  }
#booktour-form { padding:0; margin:0;  }
	.schedule-remind {  padding:.25em 0 .5em 0; margin:0;  }
	#booktour-form li { float:left; width:47%; margin-right:3%; clear:none; }
	#booktour-form li textarea { width:100%; }
	#booktour-form label { padding:0 0 .25em 0;  }
	#booktour-form select { width:57%; }
	#booktour-form .required {  color:#F00;display:inline-block; }
.booking-note { font-size:1em; text-align:center; border:1px #fe9d2f dashed; padding:1.25em; margin-top:1em; }
	#booktour-form input.button { border-radius:8px;  box-shadow:2px 2px 0px rgba(0,0,0,0.3); float:left; margin:1em 0;  background: #ee8917;
background: -moz-linear-gradient(top,  #fe9d2f 0%, #ee8917 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9d2f), color-stop(100%,#ee8917));
background: -webkit-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: -o-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: -ms-linear-gradient(top,  #fe9d2f 0%,#ee8917 100%);
background: linear-gradient(to bottom,  #fe9d2f 0%,#ee8917 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9d2f', endColorstr='#ee8917',GradientType=0 ); }	
	#booktour-form input.button:hover { background:#ee8917; }
	
#show-extra-details { float:left; width:100%; display:block; background:#fe9d2f; color:#fff; padding:1em; cursor:pointer; font-weight:normal;    text-transform:uppercase; font-size:.9em; letter-spacing:1px; margin:1em 0 0 0; }	
	#show-extra-details:hover { background:#ee8917; }
.terms-conditions {  font-size:.9em; margin-top:1em; }
	.terms-conditions input[type=checkbox] { float:left; margin-right:6px; }
	.terms-conditions a {  text-decoration:underline;}
		.terms-conditions a:hover { text-decoration:none; }
.extra-details { display:none; border:1px #fe9d2f solid; padding:.5em .75em; }

.empty-field { border:1px solid #F00; padding:1em; }
.errors-box { background:#F00; color:#fff; padding:1em; margin-bottom:1em; text-align:center; }

.quote-thanks {   background:#fe9d2f; padding:1.5em; margin-bottom:2em; text-align:center; font-size:1.5em; color:#fff; }

.testimonial { text-align:center; padding:1em 0 2em 0; background:#fff;  }
.testimonial .inner { max-width:820px; }
.t-text {   font-size:1em; font-weight:300 !important; }
	.t-text a:hover { text-decoration:underline; }
.t-name { text-transform:uppercase; color:#102429; padding-top:1em; }
.t-location { text-transform:uppercase; color:#3cc0c2; }
.open-quote { float:left; padding-right:.5em; }
.close-quote { float:right; padding-left:.5em; }

/*  BLOG ============================================================================= */
.news-item { margin:0 0 1em 0; }
	.news-item h4 a { color:#3cc0c2; }
		.news-item h4 a:hover { color:#3cc0c2; }

.news-aside h5 { font-size:0.8em; text-transform:uppercase; margin:0 0 .25em 0;}
.news-aside .news-item { border:1px #3cc0c2 solid; padding:1em; margin-top:1em; }
.news-aside .news-item h4 { font-size:1em; }

.share_list { margin:1em 0; }
	.share_list li { margin:0 0 .5em 0; }
h1.blog-title { font-size:1.6em; line-height:1.3; padding:0 0 .25em 0; }
.blog-date, .news-date { text-transform:uppercase; letter-spacing:1px; color:rgba(0,0,0,0.4); }

/*  CONTACT ============================================================================= */

.map-address h3 { margin-bottom:1em; }
.map-address i { width:24px; }
					
/*  MEDIA QUERIES ============================================================================= */
@media all and (max-width: 1024px) 
{ 
	#nav li {  padding:1.25em .75em;}
	
	a#logo img { width:290px; }
	
	.flex-caption, h2.welcome-tagline { font-size:1.8em; }
	.h-inspiration-text h3 {font-size:1.7em; }
}

@media all and (max-width: 1020px) 
{ 
	#topnav a.toplevel { font-size:1em; }
	#topnav ul li:hover .navgroup { -webkit-animation:none; -moz-animation:none; -ms-animation:none;  -o-animation:none; top:3em; }

}



@media all and (max-width: 980px) 
{ 
	#nav a.toplevel span { display:none; }
	
	.tour-intro-image { border:0; min-height:1px; height:auto; }
	.tour-intro-image img { min-height:1px; height:auto; }
	
	a#logo {  text-align:center;  }
	#top-navigation ul { width:100%; }
	#top-navigation li { float:left;width:25%; }
	#top-navigation li.home-link { display:none; }
	#topnav { margin:0; }
	#topnav, #topnav ul { float:left; width:100%; } 
	#topnav ul li { float:left; width:18%; margin:0 1%;  }
	#topnav .navgroup { left:0;  }
	#topnav .ng-5 { left:auto; right:0; }
	
	
	.social-icons { display:none; }
	
	h2.welcome-tagline { font-size:1.4em; }
	
}

@media all and (max-width: 940px) 
{ 
	.landing-page-header { padding-left:1.5em; background-image:none !important; }
}

@media all and (max-width: 820px) 
{ 
	/* google elements in tour listings */ .cse-branding-bottom, #mapsearch { overflow:hidden; width:100% !important; margin:10px 0 !important; padding:0 !important;  }
}


@media all and (max-width: 780px) 
{ 
	body { background-attachment:scroll; }
	.inner { width:89%; }
	
	.span_1_of_2,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10  {
	width: 100%; margin:0 0 1em 0;
	}
	
	#top-navigation { display:none; }
	#top-navigation li { width:50%; }
	
	a#logo { float:left; margin:0 0 1em 0; width:auto; }
		a#logo img { width:180px; }
	.book-today { display:none; }
	.book-msg { float:left; width:80%; margin:1em 10% 1em 10%; padding:.75em 0;  }
		.book-msg em { font-size:0.9em; }
		.book-msg a { font-size:0.7em; }
	
	header .inner { position:relative; }	
	#nav-toggle {
	display:block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 50px;
	height: 50px;
	float: right;
	overflow: hidden;
	background:#102429;
	color:#fff;
	position:absolute; top:-.2em; right:0em;
	font-size:2.2em;
	line-height:1.75;
	text-align:center;
	border-radius:6px;
	}
	
	#nav {  display:none; float:left; width:100%; margin:0; border-radius:6px; }
	#nav .inner { width:100%; }
	#nav li { float:left; width:100%; padding:1em 0; }
	#nav a.toplevel { width:100%;  }
	
	#nav a.toplevel span { display:inline; }
	#nav .navgroup, #nav ul li:hover .navgroup { top:auto; left:auto; position:relative; display:block; width:100% !important; }
	#nav .navgroup .wrap { margin:0;background:none; border-radius:0; }
	#nav ul li:hover .navgroup { -webkit-animation:none;  -moz-animation:none;     -ms-animation:none;    -o-animation:none;    animation:none; }
	
	#topnav {  display:none; float:left; width:100%; margin:0; border-radius:6px; }
	#topnav .inner { width:100%; }
	#topnav ul li { float:left; width:100%; padding:1em 0; }
	#topnav a.toplevel { width:100%; background: #3cc0c2; margin:0; border-radius:0;}
	#topnav a.toplevel span { display:inline; }
	#topnav a.toplevel i { display:none; }
	#topnav .navgroup, #topnav ul li:hover .navgroup { top:auto; left:auto; position:relative; display:block; width:100% !important; margin:0; }
	#topnav .navgroup .wrap { margin:0; border-radius:0; }
	#topnav ul li:hover .navgroup { -webkit-animation:none;  -moz-animation:none;     -ms-animation:none;    -o-animation:none;    animation:none; }
	
	.h-portal { width:48%; margin:0 1% .75em 1% !important; }
	
	footer p { font-size:.7em; }
	.footer-logo { width:100%; }
		.footer-logo img { width:160px; }
		
	.flex-direction-nav { display:none; }
	.flex-caption { width:100%; font-size:1.3em;  }
	#welcome img { border:0; }
	.welcome-panel, .welcome-link { float:left; width:100%; border:0; border-bottom:1px #fff solid; height:auto; }
	
	.welcome-text { font-size:1em; }
	.welcome-link { font-size:1.4em;  }

	.h-portal 			{ background-size:360px 240px; background-position:center -60px; }
	
	.h-inspiration { text-align:center; padding:0 0 4em 0; }
	.h-inspiration-text h3 {font-size:1.4em; }
	.h-inspiration-text p { font-size:1em; }
	.h-inspiration a.button { margin-bottom:2em; }
	
	.landing-page-header { font-size:.9em; }
	.landing-page-header h1 { font-size:1.5em; }
	
	.filter-filters { display:block; }
	.filter-filters-list { display:none; }
	.filters li {width:50%; border:0; }
	.advert-box { display:none; }
	
	.enquire-fixed-header, .show-fixed-header { display:none; top:-99999em; }
	
	.tour-listing .tour-nights, .tour-listing .grade { text-align:left;  }
	
	.tour-intro-image { width:100%; text-align:center;padding-top:1em; }
	.tour-intro-image img { width:400px; }
	.tour-intro-box { width:100%; text-align:center; }
	h1.tour-name { font-size:1.4em; }
	.currency b { width:100%; }
	
	/* enquiry form */
	.tour-steps {padding:0;}
	.tour-steps li { width:100%; padding:0 0 .75em 0; }
	.tour-steps em { font-size:1.25em;}
	.genForm li label, .genForm li input, .genForm li textarea { width:100%; }
	#booktour-form li {  width:100%; margin-right:0%; clear:both; }
	
	.footer-social  {width: 100%;}
	
	.tour-listings-wrap h2 { border:0; }
	.tour-listing { border:1px rgba(136,170,187,.4) solid; box-shadow:0px 0px 18px rgba(0,0,0,0.1) inset; padding:1em 1em 0 1em; margin:1em 0; }
	.tour-listing h3 { font-size:1.2em; }
}

@media screen and (max-width: 750px)
{
	.travel-offers li { width:100%; margin:0 0 1em 0; }
}
	
@media screen and (max-width: 520px)
{
	.h-portal { width:100%; margin:0 0 1em 0 !important; }	
	.welcome-link { font-size:1.2em;  }
	
	.flex-caption h1 { font-size:10px; padding-bottom:.5em; display:none; }
	.flex-caption {  background:#3cc0c2; background:rgba(87,96,109,.7);font-size:1.1em; padding:.8em 1em; bottom:0;  }
	h2.welcome-tagline { font-size:1.1em; }
	.welcome-text { font-size:.9em; color:#fff; color:rgba(255,255,255,.7); }
	
	.box {  padding:.75em .75em 3em .75em;  }
	.tour-tab-box { border:0; padding:0; }
	
	h1.blog-title { font-size:1.3em; }
	
	.travel-offers li {  font-size:1em; }
	.travel-offers img { width:40px;  }
	
	h1.page-title { font-size:1.4em; }
	.tour-listings-wrap h2 { font-size:1em !important; }

}
@media screen and (max-width: 480px)
{
	.tour-intro-image {padding-top:0; }
}

@media screen and (max-width: 450px)
{
	.filters li { width:100%;}
}
	
@media screen and (min-width: 781px)
{	
	#top-navigation, #nav { display:block !important; }
}