@charset "UTF-8";

@import "//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic";

/*
	Inside Japan Tours
	Core CSS

	November 2013


	COLOURS
	- GREY:				#4d4d4f (main body & footer background)
	- LIGHT GREY:		#dbdbdb (dividing lines)
	- LIGHTEST GREY:	#efefef (hover/highlight state for boxes)

	- GREEN:			#a6a847 (brand colour)
	- PINK:				#ef74ad (Inside Vietnam brand colour)

	- PLUM:				#945a6f (Group tours)
	- BLUE:				#0094c6 (Private tours)
	- ORANGE:			#b87628 (Self-guided tours)

	- White (80%):		rgba(255, 255, 255, 0.8)

	FONTS
	Noto Sans:	400 (regular)
				700 (bold)

	RESPONSIVE BREAKS
	- Developed at default and then enhanced up for
	large desktop, down for smaller devices.

		Large desktop:
		@media screen and (min-width: 1200px) {}

		Portrait tablet to landscape and desktop:
		@media screen and (min-width: 768px) and (max-width: 979px) {}

		Landscape phone to portrait tablet:
		@media screen and (max-width: 767px) {}

		Landscape phones and down:
		@media screen and (max-width: 425px) {}

		Portrait phone:
		@media screen and (max-width: 320px) {}

		Retina displays:
		@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2) {}

		Header break to small-mobile - also break for themes grid
		@media screen and (max-width: 425px) {}

	SHADOWS
		-webkit-box-shadow:-1px 4px 5px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:-1px 4px 5px rgba(0, 0, 0, 0.25);
		box-shadow:-1px 4px 5px rgba(0, 0, 0, 0.25);

*/
/* Google font import
----------------------------------------------------------*/
/* Set-up
----------------------------------------------------------*/
html {
    -webkit-text-size-adjust:none;
    zoom:1;
    height:100%
}

body {
    font:400 13px/1.5 'Noto Sans',Tahoma,Geneva,sans-serif;
    color:#4d4d4f;
    height:100%;
    min-width:250px;
    overflow-x: hidden
}

::selection {
    background:#e7f5fa;
    background:rgba(231,245,250,0.6)
}

::-moz-selection {
    background:#e7f5fa;
    background:rgba(231,245,250,0.6)
}

.hide {
    display:none
}

a {
    color:#a6a847
}

a:hover,a:focus {
    color:#4d4d4f
}

a,a:link,a:visited,a:hover,a:active {
    text-decoration:none
}

/* container width: removes large liquid width */
.container {
    z-index:2
}

@media screen and (max-width: 767px) {
.container {
    max-width:425px
}
}

.grey {
	color: #4d4d4f;
}


/* Typography
----------------------------------------------------------*/
bold,strong {
    font-weight:700
}

h1,h2,h3,h4,h5 {
    font-weight:700
}

h3 {
    font-size:22px
}

p,a,h1,h2,h3,h4,h5 {
    -webkit-font-smoothing:antialiased
}

hr {
    border: 1px solid #ddd;
}

.mod-self-guided h2 {
    color:#b87628
}

.mod-self-guided a {
    color:#b87628
}

.mod-group h1,.mod-group h2 {
    color:#945a6f
}

.mod-group a {
    color:#945a6f;
    z-index: 2;
}

.mod-private h1,.mod-private h2 {
    color:#0094c6
}

.mod-private a {
    color:#0094c6
}

.theme-specific {
  color: #a6a847 !important;
  font-size: 1.3em !important;
  line-height: 1.4 !important;
}

/* Bootstrap overwrites
----------------------------------------------------------*/
/* structure */
.container {
    position: relative;
}

/*@media screen and (max-width: 767px) {
    .news > .container:first-of-type,
    .themes-category > .container:first-of-type {
        padding-top: 60px;
    }
}
*/
.row-fluid {
    position:relative
}

.row-fluid [class*="span"] {
    min-height:1px
}

.close {
    opacity:1;
    filter:alpha(opacity=100)
}

/* buttons */
.btn,.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
    color:#fff;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    filter:none;
    border:none;
    background:#a6a847;
    text-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:none;
    padding-top:6px;
    padding-bottom:6px;
    margin-top:6px;
    margin-bottom:6px;
    text-align:center;
    height:auto
}

.btn-full {
    width: 100%;
}

.btn:hover,.btn:focus,.btn:active,.btn.active {
    background:#4d4d4f;
    color:#fff
}

.btn.book {
    background-color:#945a6f
}

.btn.book-private {
    background-color:#0094c6
}

.btn.book:hover,.btn.book:focus,.btn.book:active,.btn.book.active {
    background:#4d4d4f;
    color:#fff
}

/* form inputs */
form {
}

form input,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form textarea {
    display:block;
    width:100%;
    height:25px;
    font:13px/1 'Noto Sans',Georgia,Times,"Times New Roman",serif;
    vertical-align:bottom;
    background:#fff;
    background:rgba(255,255,255,0.6);
    padding:0 10px;
    color:#4d4d4f;
    border:0 none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}

form textarea {
    resize:none;
    height:90px;
    line-height:1.2;
    padding-top:8px;
    padding-bottom:8px
}

form select,form button {
    font:13px/1 'Noto Sans',Georgia,Times,"Times New Roman",serif;
    color:#4D4D4F;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}

form input:-moz-placeholder,form textarea:-moz-placeholder {
    color:#4d4d4f;
    opacity:1;
    font-size:13px;
    position:relative;
    z-index:1
}

form input::-moz-placeholder,form textarea::-moz-placeholder {
    color:#4d4d4f;
    opacity:1;
    font-size:13px;
    position:relative;
    z-index:1
}

form input:-ms-input-placeholder,form textarea:-ms-input-placeholder {
    color:#4d4d4f;
    opacity:1;
    font-size:13px;
    position:relative;
    z-index:1
}

form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder {
    color:#4d4d4f;
    opacity:1;
    font-size:13px;
    position:relative;
    z-index:1;
    padding-top:3px
}

/* input focused styles */
form input:focus,form input[type="text"]:focus,form input[type="password"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="date"]:focus,form input[type="month"]:focus,form input[type="time"]:focus,form input[type="week"]:focus,form input[type="number"]:focus,form input[type="email"]:focus,form input[type="url"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="color"]:focus,form textarea:focus {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:none!important;
    border:0 none
}

form input:focus:-moz-placeholder,form textarea:focus:-moz-placeholder {
    opacity:0
}

form input:focus::-moz-placeholder,form textarea:focus::-moz-placeholder {
    opacity:0
}

form input:focus:-ms-input-placeholder,form textarea:focus:-ms-input-placeholder {
    opacity:0
}

form input:focus::-webkit-input-placeholder,form textarea:focus::-webkit-input-placeholder {
    opacity:0
}

/* Icons
----------------------------------------------------------*/
.icon {
    display:block;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden
/*width: 28px;
		height: 28px;
		background: url('../img/site/sprite_icons.png') no-repeat;*/
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.icon {
/*-webkit-background-size: 252px 84px;
			-moz-background-size: 252px 84px;
			-o-background-size: 252px 84px;
			background-size: 252px 84px;
			background-image: url('../img/site/sprite_icons@2x.png');*/
}
}

/* iframes */
iframe {
    border:0 none
}

/* blockquote */
blockquote {
    border:0 none;
    padding:0;
    margin:0
}

blockquote:before,blockquote:after {
    display:inline
}

blockquote.quotes:before {
    content:open-quote
}

blockquote.quotes:after {
    content:close-quote
}

blockquote p {
    display:inline;
    font-size:13px;
    line-height:1.5;
    font-weight:400
}

/* breadcrumb */
.breadcrumb {
    padding:0 0 15px;
    margin:0;
    background:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}

/*	.first {
		margin-left: 0 !important;
	}*/
@media screen and (max-width: 767px) {
.breadcrumb {
    display:none
}
}

.breadcrumb > li {
    text-shadow:none;
    margin:0 10px 0 0;
    font-size:12px
}

.breadcrumb a {
    color:#4d4d4f
}

.breadcrumb a:hover {
    color:#a6a847
}

.breadcrumb > .active {
    color:#999
}

.breadcrumb > .active a {
    color:#a6a847
}

.share-btns {
    float:right
}

.internal-top .span4 {
    float:right
}

.print-icon {
    background:url(../img/site/icon_print.png) 50% 50% no-repeat;
    text-indent:-9999em;
    height:22px;
    width:22px;
    float:left
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.print-icon {
    -webkit-background-size:22px 22px;
    -moz-background-size:22px 22px;
    -o-background-size:22px 22px;
    background-size:22px 22px;
    background-image:url(../img/site/icon_print@2x.png)
}
}

.social-icons {
    float:right;
    width:220px;
    margin-right:-13px;
    max-width:none;
    margin-left:10px;
    padding-left:12px;
    border-left:solid 1px grey
}

.social-icons li {
    float:left;
    list-style:none;
    display:inline-block;
    margin-right:10px
}

@media screen and (max-width: 767px) {
.social-icons,.print-icon {
    display:none
}
}

.top-social {
    display:none
}

@media screen and (max-width: 767px) {
.top-social {
    display:block;
    position:absolute;
    top:0;
    right: 0;
/*    margin-left:262px;
    margin-right:- 50px*/
}
}

@media screen and (max-width: 425px) {
.top-social {
    display:none
}
}

.top-social li {
    list-style:none;
    float:left;
    display:none;
    margin-left:10px
}

.top-social li.facebook,.top-social li.twitter {
    display:list-item
}

.social-icon-container {
    overflow:hidden;
    width:100%
}

ul.bot-social {
    display:none;
    margin-bottom:0
}

@media screen and (max-width: 425px) {
.mobile-nav-panel ul.bot-social {
    display:block;
    position:relative;
    float:right;
    margin-top:0;
    margin-bottom:0
}
}

@media screen and (max-width: 425px) {
#dates-booking-content.mobile-nav-panel .bot-social {
    display:none
}
}

@media screen and (max-width: 425px) {
.gallery-panel.mobile-nav-panel .bot-social {
    margin-top:0;
    margin-bottom:10px
}
}

@media screen and (max-width: 425px) {
.mobile-nav-panel .bot-social li {
    float:left;
    list-style:none;
    display:none;
    margin-right:0;
    margin-left:10px
}
}

@media screen and (max-width: 425px) {
.bot-social li.facebook,.bot-social li.twitter {
    display:list-item;
    top:0;
    margin-top:0
}
}

.lead {
    font-size:inherit;
    margin-bottom:20px;
    position:relative
}

@media screen and (max-width: 425px) {
.lead {
    margin-bottom:0
}
}

@media screen and (max-width: 767px) {
.news-archives .lead {
    margin-bottom:100px
}
}

.lead.text-img {
    overflow:hidden
}

.lead.page-lead {
    padding-bottom:5px;
    *zoom:1
}

.lead.page-lead:before,.lead.page-lead:after {
    display:table;
    line-height:0;
    content:""
}

.lead.page-lead:after {
    clear:both
}

.lead.page-lead .brochure-panel {
    float:left;
    min-height:170px;
    display:block;
    margin-top:40px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.lead.page-lead .brochure-panel {
    -webkit-background-size:118px 168px;
    -moz-background-size:118px 168px;
    -o-background-size:118px 168px;
    background-size:118px 168px
}
}

@media screen and (max-width: 767px) {
.lead.page-lead .brochure-panel {
    display:none
}
}

.lead.page-lead .brochure-panel .btns {
    margin-left:20px
}

@media screen and (max-width: 767px) {
.page-lead p.explain {
    display:inline-block
}

.page-lead p.intro {
    display:inline-block;
    margin-bottom:10px
}
}

@media screen and (max-width: 480px) {
.step1 p.intro,.step2 p.intro,.step3 p.intro,.step4 p.intro {
    margin-top:30px
}
}

@media screen and (max-width: 425px) {
.railpass .page-lead p.intro {
    margin-top:30px
}
}

.lead h1 {
    font-size:22px;
    line-height:1.4;
    margin-top:0;
    margin-bottom:3px
}

.railpass.firstpage .lead h1 {
    margin-bottom:25px
}

@media screen and (max-width: 767px) {
.railpass.firstpage .lead h1 {
    margin-bottom:15px
}
}

@media screen and (max-width: 425px) {
.railpass.firstpage .lead h1 {
    margin-bottom:25px
}
}

@media screen and (max-width: 767px) {
.lead h1 {
    font-size:22px
}
}

.lead h1.large {
    font-size:22px
}

.lead h1.large span {
    font-size:24px;
    color:#a6a847;
    margin-left:10px
}

@media screen and (max-width: 767px) {
.lead h1.large span {
    margin-left:0
}
}

.lead h2 {
    font-size:20px;
    line-height:1.4;
    margin-top:0;
    margin-bottom:3px
}

.railpass.firstpage .lead h2 {
    margin-bottom:25px
}

@media screen and (max-width: 767px) {
.railpass.firstpage .lead h2 {
    margin-bottom:15px
}
}

@media screen and (max-width: 425px) {
.railpass.firstpage .lead h2 {
    margin-bottom:25px
}
}

@media screen and (max-width: 767px) {
.lead h2 {
    font-size:20px
}
}

.lead h2.large {
    font-size:20px
}

.lead h2.large span {
    font-size:22px;
    color:#a6a847;
    margin-left:10px
}

@media screen and (max-width: 767px) {
.lead h2.large span {
    margin-left:0
}
}

.lead h3 {
    font-size:20px;
    line-height:1.4;
    margin-top:0
}

.railpass .lead h3,.railpass .formrow h3 {
    font-size:16px;
    font-weight:400;
    color:#a6a847
}

.railpass.step3 .lead h3,.railpass.step4 .lead h3,.railpass.step5 .lead h3 {
    margin-top:45px;
    font-size:20px
}

.mobile-nav-panel h3 {
    font-size:18px;
    margin-top:0
}

.lead h4 {
    font-size:16px;
    line-height:1.4;
    margin-top:0
}

.lead h4 span {
    color:#a6a847;
    font-size:14px;
    margin-left:15px
}

.step5 .lead h4 {
    clear:left;
    margin-top:30px
}

@media screen and (max-width: 767px) {
.lead h4 span {
    margin-left:0;
    margin-top:10px;
    display:block
}
}

.lead p {
    font-size:14px;
    line-height:1.6
}

.lead p.largeMgn {
    margin-bottom:25px
}

.lead .highlight {
    color:#a6a847
}

.lead .intro p {
    font-size:16px;
    line-height:1.5
}

@media screen and (max-width: 979px) {
.step4 .lead p.intro {
    margin-bottom:100px
}
}

@media screen and (max-width: 767px) {
.step4 .lead p.intro {
    margin-bottom:10px
}
}

.lead p.intro.highlight {
    margin-bottom:25px
}

@media screen and (max-width: 979px) {
.lead p.intro.highlight {
    margin-bottom:0
}
}

.lead .mobile-reveal {
    display:none
}

.lead .mobile-reveal.all-devices {
    display:inline
}

.lead .mobile-price-reveal {
    display:block;
    margin-top:5px
}

@media screen and (max-width: 767px) {
.lead .mobile-reveal.more {
    display:inline
}
}

.tel-info {
    display:inline-block;
    font-size:16px;
    color:#a6a847
}

.lead a.email-info {
    color:#4d4d4f;
    font-size:14px;
    line-height:1;
    margin:0;
    font-weight:700;
    display:inline-block
}

.lead a.email-info:hover {
    color:#a6a847
}

.lead a.btn {
    margin:5px 0;
    color:#fff
}

@media screen and (max-width: 767px) {
.lead a.btn {
    display:block;
    margin-top:0
}
}

@media screen and (max-width: 767px) {
.lead a.email-info {
    display:block;
    margin-top:10px
}
}

.lead.secondary {
    margin-top:30px
}

.carousel .lead.secondary {
    margin-top:0
}

@media screen and (max-width: 767px) {
.lead.secondary {
    margin-bottom:10px
}
}

.lead.secondary h2 {
    font-size:25px;
    line-height:1.2;
    margin-bottom:5px
}

@media screen and (max-width: 425px) {
.lead.secondary {
    margin:20px 0 35px
}
}

@media screen and (max-width: 425px) {
.lead.secondary.alt {
    background:#efefef;
    padding:20px;
    margin:0 -20px
}
}

@media screen and (max-width: 767px) {
.lead.secondary p {
    display:inline-block
}

.lead.secondary p.intro {
    display:inline-block
}
}

.lead.secondary p.more {
    display:none;
    font-size:12px;
    font-weight:700
}

@media screen and (max-width: 425px) {
.lead.secondary p {
    display:inline-block;
    margin:0
}

.lead.secondary p.more {
    display:inline-block
}

.lead.secondary p.intro {
    display:inline-block
}
}

/* Page element - Large text block
----------------------------------------------------------*/
.large-text p {
    font-size:14px;
    line-height:1.6;
    margin-bottom:25px
}

.large-text p.enquiries-area {
    margin-bottom:20px
}

/* Page element - Info panels
----------------------------------------------------------*/
.info-panels {
    overflow:hidden
}

.info-panels h4 {
    font-size:14px;
    margin-bottom:5px
}

.info-panels p {
    font-size:14px;
    line-height:1.75
}

.info-panels a.more {
    display:block;
    font-weight:700;
    font-size:12px
}

/* Page element - Fullwidth introduction
----------------------------------------------------------*/
.fullwidth-intro {
    margin-bottom:40px
}

@media screen and (max-width: 767px) {
.fullwidth-intro {
    margin-top:20px;
    margin-bottom:25px
}
}

.fullwidth-intro h1,.fullwidth-intro h2 {
    font-size:22px;
    line-height:1.3
}

.fullwidth-intro h1 span,.fullwidth-intro h2 span {
    color:#a6a847
}

.fullwidth-intro p {
    font-size:14px
}

.fullwidth-intro p.intro {
    font-size:16px
}

/* Info element
----------------------------------------------------------*/
.info {
}

@media screen and (max-width: 425px) {
.info {
    float:left;
    clear:both
}

.info .break {
    float:none;
    clear:both;
    display:block
}
}

.info .btn {
    float:left;
    margin-right:10px
}

.info p {
    float:left;
    font-size:14px;
    margin-bottom:35px
}

@media screen and (max-width: 767px) {
.info p {
    float:left;
    clear:both;
    margin-top:20px
}

.info .break {
    float:none;
    clear:both;
    display:block
}
}

@media screen and (max-width: 425px) {
.info p {
    margin-bottom:10px
}
}

/* variation - Info box within accordion */
.carousel .info {
    border-bottom:solid 1px #ccc;
    overflow:hidden;
    margin-bottom:20px;
    padding-bottom:15px
}

/* Enquiry element
----------------------------------------------------------*/
.enquiry-box {
    overflow:hidden
}

.enquiry-box .btn {
    float:left;
    margin-right:10px
}

.enquiry-box p {
    float:left;
    font-size:14px;
    margin-bottom:35px
}

@media screen and (max-width: 767px) {
.enquiry-box {
    margin-bottom:30px;
    display:block
}

.enquiry-box p {
    float:left;
    clear:both;
    margin-top:20px
}

.enquiry-box .break {
    float:none;
    clear:both;
    display:block
}
}

@media screen and (max-width: 425px) {
.enquiry-box {
    float:left;
    clear:both;
    margin-bottom:40px
}

.enquiry-box .break {
    float:none;
    clear:both;
    display:block
}
}

/* variation - Info box within accordion */
.carousel .enquiry-box {
    border-bottom:solid 1px #ccc;
    overflow:hidden;
    margin-bottom:20px;
    padding-bottom:15px
}

/* Links under breadcrumb
----------------------------------------------------------*/
.back-search {
    margin:5px 0 15px -5px;
    font-weight:700;
    font-size:14px;
    color:#4d4d4f;
    background:url(../img/site/left-arrow.png) no-repeat left 0;
    padding-left:20px;
    display:inline-block!important
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.back-search {
    -webkit-background-size:9px 19px;
    -moz-background-size:9px 19px;
    -o-background-size:9px 19px;
    background-size:9px 19px;
    background-image:url(../img/site/left-arrow@2x.png)
}
}

.steps-links {
    float:right;
    margin:4px 0 -100px;
    position:relative;
    z-index:2
}

@media screen and (max-width: 480px) {
.steps-links {
    float:left;
    clear:left;
    margin:33px 0 -100px
}
}

@media screen and (max-width: 480px) {
.steps-links a.start {
    margin:0
}
}

.steps a.termslink {
    margin-left:0;
    font-size:14px;
    font-weight:400;
    color:#a6a847
}

.steps a.termslink:hover,.steps a.termslink.current {
    color:#000
}

.steps-links a {
    margin-left:12px;
    font-size:16px;
    font-weight:700;
    color:#d7d8a0
}

@media screen and (max-width: 767px) {
.steps-links a {
    font-size:12px
}
}

.steps-links a:hover,.steps-links a.current {
    color:#a6a847
}

.subs {
    font-size:10px;
    line-height:1.4;
    margin:0 0 10px;
    display:block;
    clear:left
}

.step4 .whatsthis {
    float:left;
    margin:2px 7px
}

.step4 .dates {
    clear:left
}

.step4 .dates select {
    width:97px
}

.step4 .dates select + select {
    margin-right:0
}

.action-buttons {
    float:right;
    margin:30px 0 -100px;
    position:relative
}

.railpass .action-buttons {
    float:right;
    margin:0;
    width:200px
}

@media screen and (max-width: 425px) {
.railpass .action-buttons {
    width:200px;
    float:left;
    clear:left;
    margin:0
}
}

.mobile-nav-panel .action-buttons {
    margin-bottom:20px;
    display:none
}

@media screen and (max-width: 767px) {
.tour-page .lead .action-buttons {
/*margin-bottom: 55px;*/
    display:none
}
}

@media screen and (max-width: 425px) {
.tour-page .lead .action-buttons {
    height:25px;
    margin-bottom:15px
}
}

@media screen and (max-width: 767px) {
.tour-page .mobile-nav-panel .action-buttons {
    display:block
/*margin: 0 0 55px;*/
}
}

@media screen and (max-width: 767px) {
.tour-page .mobile-nav-panel#dates-booking-content .action-buttons {
    display:none
}
}

@media screen and (max-width: 425px) {
.tour-page .mobile-nav-panel .action-buttons {
    height:25px;
    margin:50px 0
}
}

@media screen and (max-width: 425px) {
.tour-page .mobile-nav-panel .action-buttons {
    height:25px;
    margin:30px 0 20px
}
}

.mobile-nav-panel .action-buttons .back-search {
    display:none!important
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.action-buttons {
    width:100%;
    position:relative;
    margin:0 0 15px;
    float:right;
    text-align:right
}
}

@media screen and (min-width: 768px) {
.action-buttons {
    z-index:999
}
}

@media screen and (max-width: 767px) {
.action-buttons {
    float:none;
    margin:0;
    width:100%;
    position:relative;
    padding-top:30px;
}
}

@media screen and (max-width: 425px) {
.action-buttons {
    float:left;
    margin:30px 0 0;
    width:100%;
    position:relative
}
}

.action-buttons a.download {
    position:absolute;
    right:0;
    font-size:16px;
    font-weight:700;
    top:-35px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.action-buttons a.download {
    top:4px;
    right:auto;
    left:220px
}
}

@media screen and (max-width: 767px) {
.action-buttons a.download {
    margin-left:0;
    right:auto;
    width:110px;
    font-size:15px;
    line-height:1.1;
    top:0
}
}

@media screen and (max-width: 425px) {
.action-buttons a.download {
    margin-left:0;
    margin-top:-24px;
    right:auto;
    top:0;
    width:auto
}
}

.action-buttons a.btn {
    font-size:13px;
    float:right
}

.action-buttons a.btn.buy {
    display:block;
    position:static;
    width:135px;
    height:99px;
    padding:26px 10px;
    border:7px #a6a847 solid;
    background:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#4d4d4f;
    text-align:center;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    -moz-transform:rotate(4deg);
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
}

@media screen and (max-width: 767px) {
.action-buttons a.btn.buy {
    width:70px;
    height:70px;
    padding:10px;
    font-size:13px
}
}

@media screen and (max-width: 320px) {
.action-buttons a.btn.buy {
    width:60px;
    height:60px;
    padding:8px;
    font-size:12px;
    border-width:5px
}
}

.action-buttons a.btn.buy span {
    font-size:23px;
    display:block;
    font-weight:400
}

@media screen and (max-width: 767px) {
.action-buttons a.btn.buy span {
    font-size:14px;
    display:inline
}
}

@media screen and (max-width: 320px) {
.action-buttons a.btn.buy span {
    font-size:12px
}
}

.action-buttons a.btn.buy:hover {
    color:#fff;
    background:#a6a847
}

.action-buttons a.btn.enq {
    width:105px;
    margin-right:5px
}

.carousel-block	.action-buttons {
    float:none
}

@media screen and (max-width: 767px) {
.destinations-page .carousel-block .action-buttons {
    float:none;
    width:auto
}
}

.carousel-block	.action-buttons a.btn.enq.info {
    width:auto;
    float:none
}

@media screen and (max-width: 767px) {
.action-buttons a.btn {
/*position: absolute;*/
/*right: 0;*/
    margin-right:0;
    float:right;
    margin-left:12px
}

.action-buttons a.btn.enq {
/*position: absolute;*/
/*right: 95px;	*/
}

.destinations-page .action-buttons a.btn.enq {
    right:0
}
}

.action-buttons a.btn.book {
/*width: 59px; */
/* Is this needed ? */
}

.tour-page .lead .action-buttons a.back-search {
    display:none!important
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.tour-page .lead .action-buttons a.back-search {
    display:block!important;
    position:absolute;
    margin-left:0
}
}

.adventures-page .lead .action-buttons a.back-search {
    display:none!important
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.adventures-page .lead .action-buttons a.back-search {
    display:block!important;
    position:absolute;
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.action-buttons a.btn {
    position:absolute;
    right:0;
    margin-right:0;
    width:42%
}

.action-buttons a.btn.enq {
    left:0;
    margin-left:0;
    position:absolute;
    right:auto
}
}

@media screen and (max-width: 425px) {
.tour-page .action-buttons a.btn {
    width:48%!important;
    padding-left:0!important;
    padding-right:0!important
}
}

/* Small tours - Search Results elements: Filter and Sort by Menus
----------------------------------------------------------*/
.search-menus {
    position:relative;
    z-index:49
}

@media screen and (max-width: 425px) {
.search-menus {
    height:110px
}
}

.search-menus .filter-menu {
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu {
    float:left;
    width:50%;
    z-index:501
}
}

.search-menus .filter-menu {
}

@media screen and (max-width: 425px) {
.search-menus .filter-menu {
    float:none;
    width:100%;
    position:relative
}
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu {
    float:left;
    width:50%;
    z-index:500
}
}

@media screen and (max-width: 425px) {
.search-menus .sort-menu {
    float:none;
    position:relative;
    top:50px;
    width:100%;
    margin-left:0
}
}

.info.btn {
    background-image:url(../img/site/info.png);
    background-repeat:no-repeat;
    background-position:6px 2px;
    text-indent:-9999em;
    margin:-7px 0 0 10px;
    padding:2px 10px 0 12px
}

.info.btn.with-text {
	background-image: url(../img/site/info.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	margin: 0;
	padding: 6px 12px 6px 30px;
	text-indent: 0;
	display: inline-block;
}

.info.with-text.padded {
    line-height: 2em;
    background-position: 10px 10px;
}

@media screen and (max-width: 767px) {
.info.btn.with-text {
    margin-top: 10px;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.info.btn {
    -webkit-background-size:11px 18px;
    -moz-background-size:11px 18px;
    -o-background-size:11px 18px;
    background-size:11px 18px;
    background-image:url(../img/site/info@2x.png)
}
}

.search-menus .filter-menu .info {
    display:none
}

.search-menus .filter-menu .action-buttons .info {
    display:block;
    width:0
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu .action-buttons .info {
    display:none
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu li.info .info.btn {
    display:inline-block;
    text-indent:0;
    background:none;
    position:relative;
    padding:7px 0;
    padding-right:55px;
    margin:0 20px;
    background:url(../img/site/info-green.png) no-repeat right 6px
}
}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),(max-width: 767px) and (max--moz-device-pixel-ratio: 2),(max-width: 767px) and (min-device-pixel-ratio: 2) {
.search-menus .filter-menu li.info .info.btn {
    -webkit-background-size:22px 22px;
    -moz-background-size:22px 22px;
    -o-background-size:22px 22px;
    background-size:22px 22px;
    background-image:url(../img/site/info-green@2x.png)
}
}

.search-menus .filter-menu h3 {
    float:left;
    margin-top:0;
    padding-top:0;
    line-height:1;
    font-size:16px;
    font-weight:400
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu h3 {
    display:none
}
}

.search-menus .filter-menu h3 span {
    color:#945a6f
}

.search-menus .filter-menu ul {
    position:absolute;
    width:100%;
    top:40px;
    margin:0;
    clear:left
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul {
    top:0
}
}

@media screen and (min-width: 768px) {
.search-menus .filter-menu ul .drop {
    display:block!important
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul .drop {
    margin:0;
    position:absolute;
    top:40px;
    background:#d0d08c;
    width:100%;
    display:none;
    padding:10px 0 25px;
    background:#fff;
    border-bottom:4px solid #a6a847
}
}

.search-menus .filter-menu ul li {
    float:left;
    list-style:none;
    font-size:14px;
    margin-right:12.4%
}

@media screen and (min-width: 1200px) {
.search-menus .filter-menu ul li {
    float:left;
    list-style:none;
    font-size:14px;
    margin-right:14.9%
}
}

@media screen and (max-width: 979px) {
.search-menus .filter-menu ul li {
    margin-right:12%
}
}

.search-menus .filter-menu ul li.last {
    margin-right:0;
    float:right
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li.last {
    float:none
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li {
    list-style:none;
    overflow:visible;
    width:199px;
    font-size:16px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2000
}
}

@media screen and (max-width: 425px) {
.search-menus .filter-menu ul li {
    width:100%
}
}

.search-menus .filter-menu ul li a {
    color:#4d4d4f;
    font-weight:700
}

.search-menus .filter-menu ul li a:hover {
    color:#945a6f
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li a:hover {
    color:#a6a847
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li a {
    font-weight:400
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu .drop li {
    float:none;
    width:auto!important;
    cursor:pointer;
    background:#d0d08c;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    margin:0;
    color:#fff;
    display:block;
    background:none repeat scroll 0 0 #FFF;
    border-color:-moz-use-text-color -moz-use-text-color #EFEFEF;
    border-image:none;
    border-style:none none solid;
    border-width:medium medium 1px;
    float:none;
    font-size:15px;
    list-style:none outside none;
    padding:0
}
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu .drop li a {
    color:#404042;
    display:block;
    margin:0 20px;
    padding:7px 0
}
}

.search-menus .filter-menu ul li a.trigger {
    display:none
}

.search-menus .filter-menu ul li a.trigger:active {
    display:block
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li a.trigger {
    display:block;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}
}

.search-menus .filter-menu ul li a.trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.search-menus .filter-menu ul li a.current {
    color:#a6a847;
    border-bottom: 4px solid #a6a847;
}

@media screen and (max-width: 767px) {
.search-menus .filter-menu ul li a.current {
    font-weight:700
}
}

/* Self guided variant */
.search-menus.mod-self .filter-menu h3 span {
    color:#b87628
}

.search-menus.mod-self .sort-menu ul li a.current {
    color:#a6a847
}

.search-menus .sort-menu {
    float:right
}

.search-menus .sort-menu h3 {
    float:left;
    margin-top:0;
    padding-top:0;
    line-height:1;
    font-size:16px;
    font-weight:400
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu h3 {
    display:none
}
}

.search-menus .sort-menu ul {
    float:left;
    display:inline-block;
    margin:0 0 0 15px
}

@media screen and (max-width: 425px) {
.search-menus .sort-menu ul {
    margin:0;
    width:100%
}
}

.search-menus .sort-menu ul li {
    float:left;
    list-style:none;
    margin-top:0;
    padding-top:0;
    line-height:1;
    font-size:16px;
    font-weight:400;
    margin-right:30px;
    cursor:pointer;
    padding:0;
    border:none
}

.search-menus .sort-menu ul li:last-child {
    margin-right:0
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu ul li {
    list-style:none;
    overflow:visible;
    width:197px;
    font-size:15px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2000
}
}

@media screen and (max-width: 425px) {
.search-menus .sort-menu ul li {
    width:100%
}
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu ul .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none
}
}

.search-menus .sort-menu ul li a {
    color:#4d4d4f
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu ul li li a {
    font-weight:400;
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    border-bottom:solid 1px #efefef;
    display:block
}

.search-menus .sort-menu ul li li a:hover {
    color:#a6a847
}
}

.search-menus .sort-menu ul li a.current {
    color:#a6a847
}

.search-menus .sort-menu ul li a.trigger {
    display:none
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu ul li a.trigger {
    display:block;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}
}

.search-menus .sort-menu .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.search-menus .action-buttons {
    float:none;
    margin:0;
    position:absolute
}

/* Small tours - Search Results elements: Self-Guided search Filter menu
----------------------------------------------------------*/
.search-menus {
    position:relative;
    z-index:49
}

.search-menus .self-guide-filter {
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter {
    float:left;
    width:50%;
    z-index:501
}
}

.search-menus .self-guide-filter {
}

@media screen and (max-width: 425px) {
.search-menus .self-guide-filter {
    float:none;
    width:100%;
    position:relative
}
}

@media screen and (max-width: 767px) {
.search-menus .sort-menu {
    float:left;
    width:50%;
    z-index:500
}
}

@media screen and (max-width: 425px) {
.search-menus .sort-menu {
    float:none;
    position:relative;
    top:50px;
    width:100%;
    margin-left:0
}
}

.search-menus .self-guide-filter .info {
    display:none
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter .info {
    display:block
}
}

.search-menus .self-guide-filter .action-buttons .info {
    display:block;
    width:0
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter .action-buttons .info {
    display:none
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter li.info .info.btn {
    display:inline-block;
    text-indent:0;
    background:green;
    position:relative;
    padding:7px 0;
    padding-right:55px;
    margin:0 20px;
    background:url(../img/site/info-green.png) no-repeat right 6px!important
}
}

.search-menus .self-guide-filter h3 {
    float:left;
    margin-top:0;
    padding-top:0;
    line-height:1;
    font-size:16px;
    font-weight:400
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter h3 {
    display:none
}
}

.search-menus .self-guide-filter h3 span {
    color:#945a6f
}

.search-menus .self-guide-filter ul {
    position:absolute;
    width:100%;
    top:40px;
    margin:0;
    clear:left
}

.tour-page .search-menus .self-guide-filter ul {
	position: relative;
	top:0;
	margin: 2em 0;
}

.tour-page .search-menus .self-guide-filter > ul > li {
	width: 100%;
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul {
    top:0
}
.tour-page .search-menus .self-guide-filter ul {
	margin: 0;
	margin-bottom: 1em;
}
}

.search-menus .self-guide-filter ul .drop {
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#d0d08c;
    width:100%;
    display:none
}
}

.search-menus .self-guide-filter ul li {
    float:left;
    list-style:none;
    font-size:14px;
    margin-right:10%
}

.search-menus .self-guide-filter ul li span {
    display:block
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li span {
    display:inline-block
}
}

@media screen and (min-width: 1200px) {
.search-menus .self-guide-filter ul li {
    float:left;
    list-style:none;
    font-size:14px;
    margin-right:12%
}
}

@media screen and (max-width: 979px) {
.search-menus .self-guide-filter ul li {
    margin-right:8%
}
}

.search-menus .self-guide-filter ul li.last {
    margin-right:0;
    float:right
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li.last {
    float:none
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li {
    list-style:none;
    overflow:visible;
    width:199px;
    font-size:16px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2000
}
}

@media screen and (max-width: 425px) {
.search-menus .self-guide-filter ul li {
    width:100%
}
}

.search-menus .self-guide-filter ul li a {
    color:#4d4d4f;
    font-weight:700;
    /*background:url(../img/site/stamp-small-grey-sga.png) no-repeat;*/
    height:35px;
    display:block;
    /*padding-left:45px;*/
    line-height:1.3
}

.search-menus .self-guide-filter ul li.info {
	display: block;
}

.search-menus .self-guide-filter ul li.info a {
	padding-left: 0;
	background: none;
	margin-left: 0;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	line-height: 2.4em;
	color: #a6a847
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li.info a {
	margin-left: 20px;
	display: block;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.search-menus .self-guide-filter ul li a {
    /*background:url(../img/site/stamp-small-sga@2x.png) no-repeat*/
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li li a {
    background-image:none!important;
    padding-bottom:0;
    height:auto
}
}

.search-menus .self-guide-filter ul li a:hover {
    color:#b87628;
    /*background:url(../img/site/stamp-small-sga.png) no-repeat*/
}

.search-menus .self-guide-filter ul li.info a:hover {
	background: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.search-menus .self-guide-filter ul li a:hover {
    /*background:url(../img/site/stamp-small-sga@2x.png) no-repeat*/
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li a:hover {
    color:#fff
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li a {
    font-weight:400
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul .drop {
    padding:10px 0 25px;
    background:#fff
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter .drop li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none
}
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter .drop li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block;
    border-bottom:solid 1px #efefef
}

.search-menus .self-guide-filter .drop li a:hover {
    color:#a6a847
}
}

.search-menus .self-guide-filter ul li a.trigger {
    display:none
}

.search-menus .self-guide-filter ul li a.trigger:active {
    display:block
}

@media screen and (max-width: 767px) {
.search-menus .self-guide-filter ul li a.trigger {
    display:block;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}
}

.search-menus .self-guide-filter ul li a.trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.search-menus .self-guide-filter ul li a.current {
    color:#a6a847;
    border-bottom: 4px solid #a6a847;
    /*background:url(../img/site/stamp-small-sga.png) no-repeat*/
}
@media screen and (max-width: 767px) {
	.tour-page .search-menus .self-guide-filter ul li a.current {
		display: none;
	}
}

.tour-page .search-menus .self-guide-filter ul li a.current {
	color: #4d4d4f;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.search-menus .self-guide-filter ul li a.current {
    /*background:url(../img/site/stamp-small-sga@2x.png) no-repeat*/
}
}

/* Self guided variant */
.search-menus.mod-self .self-guide-filter h3 span {
    color:#b87628
}

/* Small tours - Small Tours search
----------------------------------------------------------*/
.tour-search-results {
    margin-top:80px
}

@media screen and (max-width: 767px) {
.tour-search-results {
    margin-top:15px
}
}

@media screen and (max-width: 425px) {
.tour-search-results {
    margin-top:0
}
}

.tour-search-results .search-results {
    border-bottom:solid 1px #dbdbdb;
    overflow:hidden;
    padding-bottom:15px;
    margin-top:15px
}

@media screen and (max-width: 767px) {
.tour-search-results .search-results .img-wrap a {
    overflow:hidden;
    max-height:195px;
    display:block
}

.tour-search-results .search-results .img-wrap a img {
    margin-top:-10%
}
}

.tour-search-results .description {
}

.search-results .description .title-area {
    color:#4d4d4f;
    padding-top:3px;
    font-weight:700;
    /*background:url(../img/site/stamp-small-sga.png) no-repeat;*/
    height:33px;
    display:block;
    line-height:1.3;
    /*padding-left:45px*/
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.search-results .description .title-area {
    /*background:url(../img/site/stamp-small-sga@2x.png) no-repeat*/
}
}

@media screen and (max-width: 767px) {
.search-results .description .title-area {
    margin-top:15px
}
}

.tour-search-results .description h3 {
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    margin:15px 0 0
}

.tour-search-results .description h3 span {
    display:inline-block;
    margin-left:10px
}

.tour-search-results .description h3 span {
    color:#a6a847
}

.tour-search-results .mod-group .description h3 a {
    color:#945a6f
}

.tour-search-results .mod-private .description h3 a {
    color:#0094c6
}

.tour-search-results .description h2 {
    font-size:16px;
    font-weight:700;
    line-height:1.7;
    margin:0
}

.tour-search-results .description h2 a {
    color:#4d4d4f
}

.tour-search-results .description p {
    font-size:13px;
    line-height:1.25
}

.tour-search-results .description p.price {
    display:inline-block;
    font-weight:700;
    margin-right:10px
}

@media screen and (max-width: 425px) {
.tour-search-results .description p.price {
    margin-top:5px
}
}

.tour-search-results .description p.trip-code {
    display:inline-block;
    font-weight:700;
    color:#a6a847;
    font-weight:14px
}

@media screen and (max-width: 425px) {
.tour-search-results .description p.trip-code,.tour-search-results .description p.trip-code:last-child {
    margin-bottom:10px;
    color:#a6a847
}
}

.tour-search-results .description p:last-child {
    margin-bottom:0
}

.tour-search-results .description a.more {
    font-weight:700;
    margin-top:5px;
    display:inline-block;
    clear:left
}

@media screen and (max-width: 425px) {
.tour-search-results .description a.more {
    display:block
}
}

.tour-search-results .mod-group {
}

.tour-search-results .mod-group .description a {
    color:#945a6f
}

.tour-search-results .mod-group .description h2 a {
    color:#4d4d4f
}

.tour-search-results .mod-private .description a.more {
    color:#0094c6
}

.tour-search-results ul.places li {
    display:inline;
    font-size:14px;
    line-height:1.6
}

.tour-search-results ul.places li + li {
}

.tour-search-results ul.places li + li:before {
    content:'-';
    display:inline;
    margin:0 3px
}

.tour-search-results ul.date-list {
    display:inline-block;
    float:left
}

.tour-search-results ul.date-list li {
    display:inline;
    font-size:12px;
    margin:0 5px;
    line-height:1
}

@media screen and (max-width: 767px) {
.tour-search-results ul.date-list li {
    margin:0 3px
}
}

@media screen and (max-width: 425px) {
.tour-search-results ul.date-list li {
    margin-bottom:5px;
    width:30px
}
}

@media screen and (max-width: 425px) {
.tour-search-results ul.date-list li:nth-last-child(6) {
    clear:left
}
}

.tour-search-results ul.date-list li.available {
    color:#a6a847
}

.tour-search-results h4.date-list-title {
    margin-left:0;
    float:left;
    clear:left;
    font-size:12px;
    font-weight:400;
    margin:0;
    line-height:1
}

@media screen and (max-width: 425px) {
.tour-search-results h4.date-list-title {
    margin-right:10px
}
}

/* Self-guided variant */
.tour-search-results .mod-self .description h3 a {
    color:#b87628
}

.tour-search-results .mod-self .more {
    color:#b87628;
    font-weight:700
}

@media screen and (max-width: 767px) {
.tour-search-results .mod-self .more {
    margin-top:5px;
    display:block
}
}

/* Private escorted adventure variant */
.pea-search-results {
    margin-top:0
}

.pea-search-results .search-results {
}

.pea-search-results .search-results:first-child {
    margin-top:0
}

/* Modal Enquiry Form
----------------------------------------------------------*/
.modal {
    /*padding:10px 20px 0;*/
    z-index:9999;
    border-radius:0;
    display:none;
    /*position:absolute*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin: 0;
    width: auto;
    background-color: transparent !important;
}


body.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.fade.in {
    top: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  background-color: #fff !important;
  padding: 20px;
}

@media screen and (min-width: 768px) {
.modal-dialog {
  width: 600px;
  margin: 30px auto;
}
}

form .row-fluid {
    margin:.2em 0
}

.modal p.intro {
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    width:90%;
    margin-bottom:5px;
    display:block
}

.modal p.intro .highlight {
    color:#A6A847
}

.modal p.required {
    color:#a6a847;
    font-size:14px
}

.modal h2 {
    color:#a6a847;
    font-size:18px;
    margin-top:0
}

.modal .phone-numbers {
    font-size:14px;
    padding:1em 0
}

.modal .phone-numbers img {
    margin:0 10px 0 0;
    height:20px
}

.js .modal .address-details {
    display:none
}

.modal h3 {
    color:#a6a847;
    font-size:14px
}

.modal h4 {
    color:#a6a847;
    font-size:13px;
    font-weight:400;
    margin-bottom:20px
}

.modal .left-form {
    padding:0 5px 20px 0;
    margin-left:0
}

.modal .right-form {
    /*padding:0 0 20px 5px*/
    padding-bottom: 20px;
}

.modal textarea {
    border:solid 1px #a6a847!important
}

.modal .note {
    color:#a6a847;
    font-size:12px;
    line-height:1.5
}

.modal input[type="text"],
.modal select {
    border:solid 1px #a6a847!important;
    float:left;
    height:35px;
    width:100%
}

.modal input[type="checkbox"].inline-input {
    display:inline-block;
    margin:0 0 0 10px;
    padding:0;
    line-height:1;
    height:15px;
    border:none;
    background:url(assets/img/site/checkbox.png) no-repeat
}

.modal input[type="submit"].btn {
    width:130px;
    float:right;
    font-weight:400;
    display:block;
    position:relative;
    height:35px
}

.modal input#captcha-enter {
    width:130px;
    float:right;
    margin-bottom:30px
}

.modal label {
    font-size:13px;
    float:left;
    clear:both;
    margin-bottom:10px
}

form label {
    font-size:13px;
    margin-bottom:10px
}

.modal label[for="captcha-enter"] {
    width:180px;
    padding-top:5px;
    margin-bottom:80px
}

.modal label[for="hear-about"] {
    padding-top:5px
}

.modal label span {
    color:#a6a847
}

.modal label[for="subject"] {
    margin-top:5px
}

.modal label[for="message"] {
    margin-top:5px
}

.modal .reload {
    clear:both;
    height:56px;
    width:auto;
    float:right;
    padding-left:35px;
    padding-top:5px;
    margin-top:7px;
    display:block;
    background:url(../img/site/reload.jpg) no-repeat top left
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.modal .reload {
    -webkit-background-size:28px 33px;
    -moz-background-size:28px 33px;
    -o-background-size:28px 33px;
    background-size:28px 33px;
    background-image:url(../img/site/reload@2x.jpg)
}
}

.modal .select-wrap {
    width:100%
}

.modal .select-wrap label {
    width:100%
}

.modal .select-wrap select {
    width:100%
}

.modal .mail-foot label {
    width:96px
}

.modal .mail-foot input[type="text"] {
    width:220px;
    float:right
}

.modal .mail-foot input[type="text"].fullwidth {
    width:100%;
    float:none;
    clear:left
}

.modal .mail-foot label.small {
    font-size:10px;
    width:100%;
    float:none;
    clear:left;
    display:inline-block
}

.modal .mail-foot label.newsletter {
    font-size:10px;
    width:200px!important;
    float:none;
    clear:left;
    display:inline;
    line-height:1
}

.modal .travellers label {
    width:100%
}

.modal .travellers input[type="text"] {
    width:35px;
    clear:left
}

@media screen and (max-width: 767px) {
.modal .travellers {
    overflow:hidden;
    float:right;
    width:45%
}
}

@media screen and (max-width: 767px) {
.modal .travellers {
    clear:left;
    float:none
}
}

@media screen and (max-width: 7676px) {
.modal .travellers input[type="text"] {
    clear:none
}
}

.modal .date-travel {
    margin-left:0
}

.modal .date-travel label {
    width:100%
}

.modal .date-travel input[type="text"] {
    width:85px
}

.modal .details input[type="text"] {
    width:234px
}

.modal .details .title {
    width:100px
}

.modal .details .dob {
    margin-right:-10px
}

.modal .details .dob select {
    width:70px;
    margin-right:10px
}

.modal .address input[type="text"],.modal .address select {
    width:210px;
    float:right
}

.modal .address label {
    width:110px
}

.modal .close {
    position:absolute;
    right:10px;
    top:10px;
    background:#a6a847 url(../img/site/quit.png) 11px 12px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block
}

.modal .modal-header,.modal .modal-body {
    padding:0;
    max-height:none;
    border:none;
    overflow-x:hidden
}

.modal-foot {
    border-top:solid 1px #ccc;
    padding-top:25px
}

.modal-foot .right-form {
    padding-top:10px
}

.modal-backdrop,.modal-backdrop.fade.in {
    z-index:9998
}

.modal .currency-select {
    text-align:right
}

.modal .currency-select label {
    width:160px;
    height:35px;
    line-height:35px;
    display:inline-block;
    font-weight:700
}

.modal .currency-select select {
    width:60px;
    float:none;
    display:inline-block
}

.modal .currency-select input {
    width:120px;
    height:35px;
    float:none;
    display:inline-block
}

/* Generic modal style
---------------------------------------------------------*/
.js-modal-trigger {
    cursor: help;
}

.generic-modal {

}

.generic-modal.modal .modal-body {
    padding-bottom: 10px;
}

.generic-modal.modal h4 {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
}


.generic-modal li {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #a6a847
}

.generic-modal li span {
    color: #4d4d4f
}

.generic-modal .print-icon {
    position: absolute;
    right: 0px;
    top: 15px;
}

/* Small Tours Styles Modal Enquiry Form
----------------------------------------------------------*/
#tour-styles-modal {
/*    width:708px;
    display:none;
    border:none;
    border-radius:0;
    padding:10px 20px 30px;
    height:auto;
    position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom:solid 5px #a6a847*/
}

@media screen and (max-width: 979px) {
#tour-styles-modal {
    /*width:685px;*/
/*    margin-left:-340px*/
}
}

@media screen and (min-width: 1200px) {
#tour-styles-modal {
    /*width:890px;*/
/*    margin-left:-455px*/
}
}

@media screen and (max-width: 767px) {
#tour-styles-modal {
    /*width:385px;*/
/*    margin-left:-260px*/
}
}

@media screen and (max-width: 425px) {
#tour-styles-modal {
    /*width:305px*/
}
}


#tour-styles-modal p.intro {
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    width:90%;
    margin-bottom:10px;
    display:block
}

#tour-styles-modal p.small {
    font-size:11px;
    line-height:1.6;
    margin-top:10px
}

@media screen and (max-width: 767px) {
#tour-styles-modal p.small {
    display:none
}
}

#tour-styles-modal p.required {
    color:#a6a847;
    font-size:14px
}

#tour-styles-modal .modal-header {
    border:none;
    margin-bottom:5px
}

#tour-styles-modal .modal-body {
    padding-top:0
}

#tour-styles-modal h2 {
    color:#945a6f;
    font-size:16px;
    margin-top:5px;
    line-height:1;
    height: auto;
}

#tour-styles-modal h3 {
    color:#945a6f;
    font-size:14px;
    margin-top:25px;
    margin-bottom:5px
}

.railpass #tour-styles-modal h3 {
    color:#a6a847
}

#tour-styles-modal h4 {
    font-size:14px;
    margin-top:0;
    line-height:1.3;
    font-weight:700;
    margin-bottom:20px
}

#tour-styles-modal .close {
    position:absolute;
    right:20px;
    top:20px;
    background:#a6a847 url(../img/site/quit.png) 11px 12px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block
}

#tour-styles-modal .modal-left {
    float:left;
    width:47%;
    margin:0
}

@media screen and (max-width: 767px) {
#tour-styles-modal .modal-left {
    float:none;
    width:100%;
    margin:0
}
}

#tour-styles-modal .modal-right {
    float:left;
    width:47%
}

@media screen and (max-width: 767px) {
#tour-styles-modal .modal-right {
    float:none;
    width:100%;
    margin:0
}
}

#tour-styles-modal .modal-right li,
#tour-styles-modal .modal-left li {
    font-size:12px;
    line-height:1.5;
    margin-bottom:5px;
    color:#a6a847
}

#tour-styles-modal .modal-right li span,
#tour-styles-modal .modal-left li span {
    color:#4d4d4f
}

/*Self guided variant */
#tour-styles-modal.self-guided h2 {
}

/* Modal Enquiry Form
----------------------------------------------------------*/
.enquiry-modal {
    /*height:auto;*/
    /*overflow:hidden;*/
    /*margin-left:-350px;*/
    /*width:690px;*/
    /*display:none;*/
/*background: #fff url(../img/site/bg_modal.jpg) no-repeat top right;*/
    /*border-bottom:solid 5px #a6a847*/
}

#sga-enquire-modal {
    background-image:none
}


@media screen and (min-width: 768px) {
.enquiry-modal .modal-dialog {
    width:685px;
    /*margin-left:-340px*/
}
}

@media screen and (min-width: 1200px) {
.enquiry-modal .modal-dialog {
    width:890px;
    /*margin-left:-450px*/
}
}

@media screen and (max-width: 767px) {
.enquiry-modal {
    /*left:50%;*/
    /*margin-left:-213px;*/
    /*width:385px;*/
    /*background-position:left 10px*/
}
}

@media screen and (max-width: 425px) {
.enquiry-modal {
    /*width:auto;*/
    /*margin-left:0;*/
    /*left:auto*/
}
}

.enquiry-modal p.intro {
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    width:90%;
    margin-bottom:5px;
    display:block
}

.enquiry-modal p.required {
    color:#a6a847;
    font-size:14px
}

.enquiry-modal h2 {
    color:#a6a847;
    font-size:18px;
/*height: 130px;*/
    margin-top:0
/*background: url(../img/site/bg_modal_logo.jpg) no-repeat left 45px;*/
}

@media screen and (max-width: 767px) {
.enquiry-modal h2 {
    background-position:left 67px;
    /*height:142px*/
}
}

.enquiry-modal h3 {
    color:#a6a847;
    font-size:14px
}

.enquiry-modal h4 {
    font-size:13px;
    font-weight:400;
    margin-bottom:20px
}

.enquiry-modal .left-form {
    padding:0 5px 20px 0;
    margin-left:0
}

.enquiry-modal .right-form {
    padding:0 0 20px 5px
}

@media screen and (max-width: 425px) {
.enquiry-modal .right-form {
    padding-right:0
}
}

.enquiry-modal textarea {
    border:solid 1px #a6a847!important
}

.enquiry-modal .note {
    color:#a6a847;
    font-size:12px;
    line-height:1.5
}

.enquiry-modal input[type="text"] {
    border:solid 1px #a6a847!important;
    float:left;
    height:35px
}

.enquiry-modal input[type="checkbox"].inline-input {
    display:inline-block;
    margin:0 0 0 10px;
    padding:0;
    line-height:1;
    height:15px;
    border:none;
    background:url(assets/img/site/checkbox.png) no-repeat
}

.enquiry-modal input[type="submit"].btn {
    width:130px;
    float:right;
    font-weight:400;
    display:block;
    position:relative;
    height:35px
}

@media screen and (max-width: 425px) {
.enquiry-modal input[type="submit"].btn {
    float:none;
    clear:both
}
}

.enquiry-modal input#captcha-enter {
    width:130px;
    float:right;
    margin-bottom:30px
}

@media screen and (max-width: 425px) {
.enquiry-modal input#captcha-enter {
    float:left;
    clear:both
}
}

.enquiry-modal label {
    width:96px;
    font-size:13px;
    float:left;
    clear:both;
    margin-bottom:10px
}

@media screen and (min-width: 1200px) {
.enquiry-modal label {
    width:134px
}
}

@media screen and (max-width: 767px) {
.enquiry-modal label {
    width:146px
}
}

@media screen and (max-width: 425px) {
.enquiry-modal label {
    width:100%
}
}

.enquiry-modal label[for="captcha-enter"] {
    width:170px;
    padding-top:5px;
    margin-bottom:80px
}

@media screen and (max-width: 425px) {
.enquiry-modal label[for="captcha-enter"] {
    margin-bottom:20px
}
}

.enquiry-modal label[for="hear-about"] {
    padding-top:5px
}

.enquiry-modal label span {
    color:#a6a847
}

.enquiry-modal label[for="subject"] {
    margin-top:5px
}

.enquiry-modal label[for="message"] {
    margin-top:5px
}

.enquiry-modal .reload {
    clear:both;
    height:56px;
    width:auto;
    float:right;
    padding-left:35px;
    padding-top:5px;
    margin-top:7px;
    display:block;
    background:url(../img/site/reload.jpg) no-repeat top left
}

@media screen and (max-width: 425px) {
.enquiry-modal .reload {
    float:none;
    margin:10px 0 0
}
}

.enquiry-modal .find-address {
    float:right;
    color:#a6a847;
    font-weight:700;
    margin-bottom:10px;
    display:block;
    padding:0 5px 0 0;
    clear:both;
    position:relative
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.enquiry-modal .find-address {
    float:left;
    margin-left: 250px;
}
}

@media screen and (max-width: 425px) {
.enquiry-modal .find-address {
    float:left
}
}

.enquiry-modal .mail-foot label {
    width:96px
}

.enquiry-modal .mail-foot input[type="text"] {
    width:220px;
    float:right
}

@media screen and (max-width: 767px) {
.enquiry-modal .mail-foot input[type="text"] {
}
}

@media screen and (max-width: 425px) {
.enquiry-modal .mail-foot input[type="text"] {
    float:left
}
}

.enquiry-modal .mail-foot input[type="text"].fullwidth {
    width:100%;
    float:none;
    clear:left
}

.enquiry-modal .mail-foot label.small {
    font-size:10px;
    width:100%;
    float:none;
    clear:left;
    display:inline-block
}

.enquiry-modal .mail-foot label.newsletter {
    font-size:10px;
    width:200px!important;
    float:none;
    clear:left;
    display:inline;
    line-height:1
}

.enquiry-modal .travellers label {
    width:100%
}

.enquiry-modal .travellers input[type="text"] {
    width:35px;
    clear:left
}

.enquiry-modal .date-travel {
    margin-left:0
}

.enquiry-modal .date-travel label {
    width:100%
}

.enquiry-modal .date-travel input[type="text"] {
    width:85px
}

.enquiry-modal .details input[type="text"],.enquiry-modal .details select {
    width:232px
}

@media screen and (min-width: 1200px) {
.enquiry-modal .details input[type="text"] {
    width:292px
}
}

.enquiry-modal .details input[type="text"].title {
    width:100px
}

.enquiry-modal .details .dob {
    margin-right:-10px
}

.enquiry-modal .details .dob input {
    width:70px;
    margin-right:11px;
    text-align:center
}

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

}

.enquiry-modal .address input[type="text"],
.enquiry-modal .address select {
    width:208px;
    float:left;
    margin-left:8px
}

@media screen and (min-width: 1200px) {
.enquiry-modal .address input[type="text"],
.enquiry-modal .address select {
    width:269px;
    margin-left:47px
}
}

@media screen and (max-width: 767px) {
.enquiry-modal .address input[type="text"],
.enquiry-modal .address select {
    width:232px
}
}

@media screen and (max-width: 425px) {
.enquiry-modal .address input[type="text"],
.enquiry-modal .address select {
    float:left;
    margin-left:0
}
}

.enquiry-modal .address label {
    width:110px
}

@media screen and (max-width: 767px) {
.enquiry-modal .address label {
    width:138px
}
}

.enquiry-modal .close {
    position:absolute;
    right:10px;
    top:10px;
    background:#a6a847 url(../img/site/quit.png) 11px 12px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block
}

.enquiry-modal .enquiry-modal-header,.enquiry-modal .enquiry-modal-body {
    padding:0;
    max-height:none;
    border:none
}

.enquiry-modal-foot {
    border-top:solid 1px #ccc;
    padding-top:25px
}

.enquiry-modal-foot .right-form {
    padding-top:10px
}

.black_overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5000px;
    background-color:#000;
    z-index:1001;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0)
}

/* How to Book Modal
----------------------------------------------------------*/
.how-to-book-modal {
}

.how-to-book-modal h2 {
    background:none;
    height:auto
}

.how-to-book-modal .modal-body {
    padding-bottom:2em!important
}

.how-to-book-modal .modal-body h3,.how-to-book-modal .modal-body h4 {
    line-height:1.2;
    color:#a6a847;
    margin:2em 0 0
}

.how-to-book-modal .modal-body h4 {
    margin-top:1em
}

/* Booking Form modal
----------------------------------------------------------*/
.booking-modal {
}

.booking-modal .step2,.booking-modal .step3,.booking-modal .step4 {
    display:none
}

.booking-modal .modal-foot {
}

.booking-modal .modal-foot .left-form,.booking-modal .modal-foot .right-form {
    padding-top:10px
}

.booking-modal .passengers {
    padding:0 0 2em
}

.booking-modal .passengers .adults {
}

.booking-modal .passengers .children {
}

.booking-modal .passenger-wrap {
    clear:both;
    padding:0 0 1em
}

.booking-modal .passenger-wrap:before,.booking-modal .passenger-wrap:after {
    display:table;
    line-height:0;
    content:""
}

.booking-modal .passenger-wrap:after {
    clear:both
}

.booking-modal .referral {
    padding:2em 0 0
}

.booking-modal .referral label {
    width:100%
}

.booking-modal .referral select {
    width:100%
}

.booking-modal label.newsletter {
    width:200px!important;
    float:none;
    clear:left;
    display:inline;
    line-height:1
}

.booking-modal .accept-tcs {
    display:block;
    width:100%
}

.booking-modal .short {
    width:85px!important
}

.booking-modal .note {
    clear:both
}

.booking-modal .note span {
    font-weight:700;
    color:#333
}

.booking-modal .confirm-details {
}

.booking-modal .confirm-details .note {
    margin-bottom:2em
}

.booking-modal .confirm-details h4 {
    margin-bottom:0
}

.booking-modal .confirm-details dl {
    font-size:13px;
    margin-top:0
}

.booking-modal .confirm-details dl:before,.booking-modal .confirm-details dl:after {
    display:table;
    line-height:0;
    content:""
}

.booking-modal .confirm-details dl:after {
    clear:both
}

.booking-modal .confirm-details dt,.booking-modal .confirm-details dd {
    float:left;
    font-weight:400
}

.booking-modal .confirm-details dt {
    clear:left;
    width:110px;
    font-weight:700
}

.booking-modal .confirm-details dd {
}

/* Modal Video
----------------------------------------------------------*/
.video-modal {
    padding:6px 6px 0!important
}

/* Text block
----------------------------------------------------------*/
.text-block {
    margin:30px 0 10px;
    padding-bottom:0;
    position:relative
}

.text-block h2 {
    font-size:20px;
    line-height:1;
    margin-top:0
}

.text-block p {
    font-size:14px;
    line-height:1.7
}

.text-block p.intro {
    font-size:16px;
    line-height:1.5
}

.text-block a.viewmore {
    position:absolute;
    right:0;
    top:0;
    display:block;
    font-size:15px
}

/* Shared Elements
----------------------------------------------------------*/
/* logo */
.logo,.logo a {
    display:block;
    width:150px;
    height:84px;
    z-index:999
}

.logo {
    margin:0;
    padding:0
}

.logo a {
    overflow:hidden;
    text-indent:-999em;
    white-space:nowrap;
    background:url(../img/site/logo.png) 0 0 no-repeat
}

.logo img {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.logo a {
    -webkit-background-size:150px 72px;
    -moz-background-size:150px 72px;
    -o-background-size:150px 72px;
    background-size:150px 72px;
    background-image:url(../img/site/logo@2x.png)
}
}

/* horizontal list */
ul.horizontal {
    list-style:none;
    padding:0;
    margin:0;
    *zoom:1
}

ul.horizontal:before,ul.horizontal:after {
    display:table;
    line-height:0;
    content:""
}

ul.horizontal:after {
    clear:both
}

ul.horizontal li {
    float:left
}

ul.horizontal .legend {
    float:none
}

/* outset - use in conjunction with Bootstrap's row-fluid */
.outset {
    margin-left:-15px;
    margin-right:-15px;
    width:auto
}

@media screen and (max-width: 767px) {
.outset {
    margin-left:0;
    margin-right:0
}
}

/* star ratings */
.star-rating {
    background-position:0 50%;
    background-repeat:no-repeat;
    padding-left:70px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.star-rating {
    -webkit-background-size:64px 13px;
    -moz-background-size:64px 13px;
    -o-background-size:64px 13px;
    background-size:64px 13px
}
}

.rating-5-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-5.png)
}

.rating-4-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-4.png)
}

.rating-3-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-3.png)
}

.rating-2-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-2.png)
}

.rating-1-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-1.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.rating-5-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-5@2x.png)
}

.rating-4-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-4@2x.png)
}

.rating-3-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-3@2x.png)
}

.rating-2-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-2@2x.png)
}

.rating-1-stars {
    background-image:url(../img/star-rating/green/bg_star-rating-1@2x.png)
}
}

/* group tours variants */
.mod-group.rating-5-stars,.mod-group .rating-5-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-5.png)
}

.mod-group.rating-4-stars,.mod-group .rating-4-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-4.png)
}

.mod-group.rating-3-stars,.mod-group .rating-3-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-3.png)
}

.mod-group.rating-2-stars,.mod-group .rating-2-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-2.png)
}

.mod-group.rating-1-stars,.mod-group .rating-1-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-1.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.mod-group.rating-5-stars,.mod-group .rating-5-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-5@2x.png)
}

.mod-group.rating-4-stars,.mod-group .rating-4-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-4@2x.png)
}

.mod-group.rating-3-stars,.mod-group .rating-3-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-3@2x.png)
}

.mod-group.rating-2-stars,.mod-group .rating-2-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-2@2x.png)
}

.mod-group.rating-1-stars,.mod-group .rating-1-stars {
    background-image:url(../img/star-rating/plum/bg_star-rating-1@2x.png)
}
}

/* private tours variants */
.mod-private.rating-5-stars,.mod-private .rating-5-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-5.png)
}

.mod-private.rating-4-stars,.mod-private .rating-4-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-4.png)
}

.mod-private.rating-3-stars,.mod-private .rating-3-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-3.png)
}

.mod-private.rating-2-stars,.mod-private .rating-2-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-2.png)
}

.mod-private.rating-1-stars,.mod-private .rating-1-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-1.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.mod-private.rating-5-stars,.mod-private .rating-5-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-5@2x.png)
}

.mod-private.rating-4-stars,.mod-private .rating-4-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-4@2x.png)
}

.mod-private.rating-3-stars,.mod-private .rating-3-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-3@2x.png)
}

.mod-private.rating-2-stars,.mod-private .rating-2-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-2@2x.png)
}

.mod-private.rating-1-stars,.mod-private .rating-1-stars {
    background-image:url(../img/star-rating/blue/bg_star-rating-1@2x.png)
}
}

/* self-guided tours variants */
.mod-self-guided.rating-5-stars,.mod-self-guided .rating-5-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-5.png)
}

.mod-self-guided.rating-4-stars,.mod-self-guided .rating-4-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-4.png)
}

.mod-self-guided.rating-3-stars,.mod-self-guided .rating-3-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-3.png)
}

.mod-self-guided.rating-2-stars,.mod-self-guided .rating-2-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-2.png)
}

.mod-self-guided.rating-1-stars,.mod-self-guided .rating-1-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-1.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.mod-self-guided.rating-5-stars,.mod-self-guided .rating-5-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-5@2x.png)
}

.mod-self-guided.rating-4-stars,.mod-self-guided .rating-4-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-4@2x.png)
}

.mod-self-guided.rating-3-stars,.mod-self-guided .rating-3-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-3@2x.png)
}

.mod-self-guided.rating-2-stars,.mod-self-guided .rating-2-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-2@2x.png)
}

.mod-self-guided.rating-1-stars,.mod-self-guided .rating-1-stars {
    background-image:url(../img/star-rating/orange/bg_star-rating-1@2x.png)
}
}

/* Video Button */
.video-btn {
    display:block;
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    width:102px;
    height:102px;
    background:url(../img/site/sprite_video-btn.png) 0 0 no-repeat
}

.video-btn:hover {
    background-position:0 -102px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.video-btn {
    -webkit-background-size:102px 204px;
    -moz-background-size:102px 204px;
    -o-background-size:102px 204px;
    background-size:102px 204px;
    background-image:url(../img/site/sprite_video-btn@2x.png)
}
}

/* Shared element: five-column variant (inherits from .row-fluid in Bootstrap)
----------------------------------------------------------*/
/* gutter is:
		margin-left: 2.127659574468085%;
		*margin-left:2.074468085106383%;
	*/
.row-fivecol > .span2 {
    width:18.297872340426%;
    *width:18.223404255319%
}

.row-fivecol > .span4 {
    width:38.723404255319%;
    *width:38.521276595745%
}

.row-fivecol > .span6 {
    width:59.148936170213%;
    *width:58.81914893617%
}

.row-fivecol > .span8 {
    width:79.574468085106%;
    *width:79.117021276596%
}

.row-fivecol > .span10 {
    width:100%;
    *width:99.414893617021%
}

@media screen and (min-width: 1200px) {
/* gutter is:
			margin-left:2.564102564102564%;
			*margin-left:2.5109110747408616%;
		*/
.row-fivecol > .span2 {
    width:17.948717948718%;
    *width:17.874249863612%
}

.row-fivecol > .span4 {
    width:38.461538461538%;
    *width:38.259410801964%
}

.row-fivecol > .span6 {
    width:58.974358974359%;
    *width:58.644571740316%
}

.row-fivecol > .span8 {
    width:79.487179487179%;
    *width:79.029732678669%
}

.row-fivecol > .span10 {
    width:100%;
    *width:99.414893617021%
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
/* gutter is:
			margin-left:2.7624309392265194%;
			*margin-left:2.709239449864817%;
		*/
.row-fivecol > .span2 {
    width:17.790055248619%;
    *width:17.715587163512%
}

.row-fivecol > .span4 {
    width:38.342541436464%;
    *width:38.14041377689%
}

.row-fivecol > .span6 {
    width:58.895027624309%;
    *width:58.565240390267%
}

.row-fivecol > .span8 {
    width:79.447513812155%;
    *width:78.990067003644%
}

.row-fivecol > .span10 {
    width:100%;
    *width:99.414893617021%
}
}

/* flipped variant (puts first element right instead of left */
.row-fivecol-flip {
}

.row-fivecol-flip > [class*="span"]:first-child {
    float:right;
    margin:0
}

.row-fivecol-flip > [class*="span"]:nth-child(2) {
    margin-left:0
}

/* fluid widths reset */
@media screen and (max-width: 767px) {
.row-fivecol > .span2,.row-fivecol > .span4,.row-fivecol > .span6,.row-fivecol > .span8,.row-fivecol > .span10 {
    float:none;
    clear:both;
    width:100%;
    margin-left:0;
    margin-right:0
}
}

/* fluid widths reset */
@media screen and (max-width: 979px) {
.row-fivecol.internal-page > .span2,.row-fivecol.internal-page > .span4,.row-fivecol.internal-page > .span6,.row-fivecol.internal-page > .span8,.row-fivecol.internal-page > .span10 {
    float:none;
    clear:both;
    width:100%;
    margin-left:0;
    margin-right:0
}
}

/* Page element: Header
----------------------------------------------------------*/
/* z-index for menu overlap correctly */
header {
    *zoom:1;
    position:relative
}

header:before,header:after {
    display:table;
    line-height:0;
    content:""
}

header:after {
    clear:both
}

@media screen and (max-width: 767px) {
header {
    margin:0 -20px;
    position:relative
}

.tour-page header {
    overflow:visible!important
}
}

@media screen and (max-width: 767px) {
.adventures-page header {
    overflow:visible!important
}
}

@media screen and (max-width: 425px) {
header {
    padding:0 20px
}
}

@media screen and (max-width: 425px) {
.home header {
    padding:0
}
}

header .container {
    position:relative;
    z-index:4999
}

header nav.container {
    z-index:2
}

header .logo {
    padding:17px 35px;
    background:#fff;
    float:left;
    margin:0 0 0 -15px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .logo {
    padding:10px 15px;
    height:74px
}
}

@media screen and (max-width: 767px) {
header .logo {
    padding:8px 20px 10px;
    width:100px;
    height:56px;
    margin:0;
    float:none;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-119px
}
}

@media screen and (max-width: 767px) {
.home header .logo {
    padding:8px 20px 10px;
    width:100px;
    height:56px;
    margin:0;
    float:none;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-119px
}
}

header .logo a {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .logo a {
    margin:0 9px;
    width:132px;
    height:63px;
    -webkit-background-size:132px 63px;
    -moz-background-size:132px 63px;
    -o-background-size:132px 63px;
    background-size:132px 63px
}
}

@media screen and (max-width: 767px) {
header .logo a {
    width:100px;
    height:48px;
    -webkit-background-size:100px 48px;
    -moz-background-size:100px 48px;
    -o-background-size:100px 48px;
    background-size:100px 48px
}
}

@media screen and (max-width: 425px) {
header .logo {
    display:block;
    padding:2px 0 10px;
    margin-left:-87px
}

.home header .logo {
    position:relative;
    width:auto;
    left:0;
    margin:0 20px;
    padding:5px 0
}

.home header .logo a {
    width:93px;
    height:45px;
    margin:0 auto;
    -webkit-background-size:93px 45px;
    -moz-background-size:93px 45px;
    -o-background-size:93px 45px;
    background-size:93px 45px
}
}

header .top {
    float:right;
    margin:0 -15px 0 0;
    display:block;
    width:692px;
    height:88px;
    padding:15px 25px;
    background:#fff;
    background:rgba(255,255,255,0.8)
}

@media screen and (min-width: 1200px) {
header .top {
    width:922px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top {
    width:528px;
    height:64px;
    padding:15px 20px
}
}

@media screen and (max-width: 767px) {
header .top {
    margin:13px 0 0;
    width:auto;
    float:none;
    padding:13px 15px;
    height:21px
}
}

@media screen and (max-width: 425px) {
header .top {
    margin:6px 0;
    padding:13px 0;
    position:relative
}
}

@media screen and (max-width: 425px) {
.home header .top {
    margin:6px 20px;
    padding:13px 15px;
    position:relative
}
}

header .top .horizontal {
    clear:left;
    height:44px
}

header .top .horizontal li {
    line-height:44px
}

header .top .contact {
    position:relative
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .contact {
    height:auto;
    width:100%
}
}

@media screen and (max-width: 767px) {
header .top .contact {
    height:21px;
    float:right;
    clear:none;
    display:block;
    max-width:48%;
    position:relative
}
}

@media screen and (max-width: 425px) {
header .top .contact {
    position:static
}
}

header .top .contact li {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .contact li {
    line-height:20px
}
}

header .top .btn {
    position:relative;
    top:-2px;
    font-size:13px
}

@media screen and (max-width: 979px) {
header .top .btn {
    font-size:12px;
    width:105px
}
}

header .top .email,header .top .tel {
    font-size:13px
}

@media screen and (max-width: 979px) {
header .top .email,header .top .tel {
    display:block;
    width:25px;
    height:21px;
    position:absolute;
    top:21px
}
}

@media screen and (max-width: 767px) {
header .top .email,header .top .tel {
    top:0
}
}

header .top .email a,header .top .tel a {
    font-size:16px;
    font-weight:700;
    color:#4d4d4f
}

@media screen and (max-width: 979px) {
header .top .email a,header .top .tel a {
    display:block;
    width:25px;
    height:21px;
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    background:url(../img/site/sprite_mobile-nav-icons.png)
}
}

@media screen and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2),(max-width: 979px) and (max--moz-device-pixel-ratio: 2),(max-width: 979px) and (min-device-pixel-ratio: 2) {
header .top .email a,header .top .tel a {
    -webkit-background-size:25px 147px;
    -moz-background-size:25px 147px;
    -o-background-size:25px 147px;
    background-size:25px 147px;
    background-image:url(../img/site/sprite_mobile-nav-icons@2x.png)
}
}

header .top .email a:hover,header .top .tel a:hover {
    color:#a6a847
}

header .top .email {
}

@media screen and (max-width: 979px) {
header .top .email {
    right:37px
}
}

@media screen and (max-width: 767px) {
header .top .email {
    right:37px
}
}

@media screen and (max-width: 425px) {
header .top .email {
    right:50px;
    top:15px
}
}

header .top .email a {
}

@media screen and (max-width: 979px) {
header .top .email a {
    background-position:0 -42px
}
}

header .top .tel {
    margin:0 15px 0 10px
}

@media screen and (min-width: 1200px) {
header .top .tel {
    margin:0 180px 0 35px
}
}

@media screen and (max-width: 979px) {
header .top .tel {
    margin:0;
    right:74px
}
}

@media screen and (max-width: 767px) {
header .top .tel {
    right:74px
}
}

@media screen and (max-width: 425px) {
header .top .tel {
    right:89px;
    top:15px
}
}

header .top .tel span {
}

@media screen and (max-width: 979px) {
header .top .tel span {
    display:none
}
}

header .top .tel a {
}

@media screen and (max-width: 979px) {
header .top .tel a {
    background-position:0 -21px
}
}

header .top .mobile-book-btn {
    display:none;
    position:absolute;
    top:21px;
    right:115px;
    padding-right:20px;
    border-right:1px solid #4d4d4f
}

@media screen and (max-width: 979px) {
header .top .mobile-book-btn {
    display:block;
    right:115px
}
}

@media screen and (max-width: 767px) {
header .top .mobile-book-btn {
    top:0;
    right:115px
}
}

@media screen and (max-width: 425px) {
header .top .mobile-book-btn {
    top:15px;
    right:131px;
    padding-right:0;
    display:none;
    border:0
}
}

header .top .mobile-book-btn a {
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    display:block;
    width:25px;
    height:21px;
    background:url(../img/site/sprite_mobile-nav-icons.png) 0 -105px;
    padding:0;
    outline:none;
    border:0 none
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
header .top .mobile-book-btn a {
    -webkit-background-size:25px 147px;
    -moz-background-size:25px 147px;
    -o-background-size:25px 147px;
    background-size:25px 147px;
    background-image:url(../img/site/sprite_mobile-nav-icons@2x.png)
}
}

header .top .search {
    float:right
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .search {
    float:none;
    position:absolute;
    top:9px;
    right:0
}
}

@media screen and (max-width: 767px) {
header .top .search {
    position:absolute;
    right:0;
    top:-6px
}
}

@media screen and (max-width: 425px) {
header .top .search {
    right:15px;
    top:8px
}
}

header .top .search form {
    margin:6px 0 0
}

@media screen and (max-width: 767px) {
header .top .search form {
    margin-top:0
}
}

header .top .search .term {
    border:4px solid #fff;
    background:#fff;
    background:rgba(255,255,255,0.95);
    height:32px;
    width:115px;
    margin:0;
    position:absolute;
    z-index:10;
    right:0
}

@media screen and (max-width: 768px) {
header .top .search .term {
    border: 2px solid #dbdbdb;
    bottom: -2.4em;
    width: 160px;
}
}

@media screen and (min-width: 1200px) {
header .top .search .term {
    width:140px
}
}

@media screen and (min-width: 980px) {
header .top .search .term {
    display:block!important
}
}

@media screen and (max-width: 979px) {
header .top .search .term {
    display:none
}
}

@media screen and (max-width: 320px) {
header .top .search .term {
    width:150px
}
}

header .top .search .search-btn {
    overflow:hidden;
    position:relative;
    z-index:20;
    text-indent:110%;
    white-space:nowrap;
    display:block;
    width:19px;
    height:19px;
    background:url(../img/site/sprite_search-btn.png) 0 0 no-repeat;
    padding:0;
    outline:none;
    border:0 none;
    margin:7px;
    float:left
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
header .top .search .search-btn {
    -webkit-background-size:19px 38px;
    -moz-background-size:19px 38px;
    -o-background-size:19px 38px;
    background-size:19px 38px;
    background-image:url(../img/site/sprite_search-btn@2x.png)
}
}

header .top .search .search-btn:hover {
    background-position:0 -19px
}

header .top .enquire {
    margin-right:10px
}

@media screen and (min-width: 1200px) {
header .top .enquire {
    margin-right:25px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .enquire {
    position:absolute;
    top:16px;
    left:5px
}
}

@media screen and (max-width: 767px) {
header .top .enquire {
    position:absolute;
    top:34px;
    right:-15px;
    margin-right:0;
    display:none
}
}

@media screen and (max-width: 767px) {
.home header .top .enquire {
    display:block
}
}

@media screen and (max-width: 425px) {
header .top .enquire {
    width:130px;
/*margin-left: -65px;*/
    left:0;
    top:207px
}
}

header .top .search-for-trip {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .search-for-trip {
    position:absolute;
    top:16px;
    left:145px
}
}

@media screen and (max-width: 767px) {
header .top .search-for-trip {
    position:absolute;
    top:72px;
    right:-15px;
    display:none
}
}

@media screen and (max-width: 767px) {
.home header .top .search-for-trip {
    display:block
}
}

@media screen and (max-width: 425px) {
header .top .search-for-trip {
    width:130px;
/*margin-left: -65px;*/
    left:0;
    top:245px
}
}

header .top .tours {
    font-size:15px;
    height:22px;
    padding:11px 0
}

@media screen and (max-width: 979px) {
header .top .tours {
    display:none
}
}

header .top .tours li {
    line-height:22px
}

header .top .tours a {
    color:#fff;
    padding:6px 8px;
    display:block;
    font-weight:700;
    font-size:14px
}

@media screen and (min-width: 1200px) {
header .top .tours a {
    font-size:15px
}
}

header .top .tours li + li {
    margin-left:12px
}

@media screen and (min-width: 1200px) {
header .top .tours li + li {
    margin-left:25px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .tours li + li {
    margin-left:15px
}
}

header .top .tours .group {
}

header .top .tours .group a {
    background:rgba(148,90,111,0.5)
}

header .top .tours .group a:hover {
    background:rgba(148,90,111,1)
}

header .top .tours .group a.current {
    background:rgba(148,90,111,1)
}

header .top .tours .self-guided {
}

header .top .tours .self-guided a {
    background:rgba(184,118,40,0.5)
}

header .top .tours .self-guided a:hover,header .top .tours .self-guided a.current {
    background:rgba(184,118,40,1)
}

header .top .tours .private {
}

header .top .tours .private a {
    background:rgba(0,148,198,0.5)
}

header .top .tours .private a:hover,header .top .tours .private a.current {
    background:rgba(0,148,198,1)
}

header .top .tours .theme {
    float:right;
    margin-left:0
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header .top .tours .theme {
    padding-left:0;
    border-left:0;
    float:none
}
}

header .top .tours .theme a {
    background:url(../img/site/sprite_themes-btn.png) 100% 0 no-repeat;
    padding:0 14px 0 0;
    height:22px;
    margin-top:6px;
    color:#a6a847
}

header .top .tours .theme a:hover {
    background-position:100% -22px;
    color:#4d4d4f
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
header .top .tours .theme a {
    -webkit-background-size:9px 44px;
    -moz-background-size:9px 44px;
    -o-background-size:9px 44px;
    background-size:9px 44px;
    background-image:url(../img/site/sprite_themes-btn@2x.png)
}
}

header nav {
    clear:left
}

header nav .main {
    display:block;
    height:35px;
    font-size:14px;
    margin:8px -15px;
    padding:0 15px;
    background:#fff;
    background:rgba(255,255,255,0.8)
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main {
    height:33px;
    font-size:12px;
    margin-top:6px
}
}

header nav .main li {
    height:35px;
    line-height:35px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li {
    height:33px;
    line-height:33px;
    display:none
}
}

header nav .main li + li {
    margin:0 0 0 9px
}

@media screen and (min-width: 1200px) {
header nav .main li + li {
    margin:0 0 0 30px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li + li {
    margin:0 0 0 17px
}
}

header nav .main a {
    color:#4d4d4f
}

header nav .main a:hover {
    color:#a6a847
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li.tour {
    height:auto;
    display:block;
    margin-left:5px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li.tour.theme {
    margin-left:15px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main .drop li.tour.theme {
    margin-left:0
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li.tour a {
    padding:3px 13px;
    color:#fff
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li.tour.theme a {
    padding:3px 12px 0 0;
    color:#a6a847
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main li.tour.theme a:hover {
    color:#4d4d4f
}
}

header nav .main .current {
    position:relative;
    top:-4px;
    border-bottom:8px solid #a6a847
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main a.current {
    border-bottom-width:4px;
    height:29px;
    display:block
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main .tour a.current {
    display:inline
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main .current {
    top:0
}
}

header nav .main .current a {
    position:relative;
    bottom:-4px
}

header nav .main .tour {
    display:none
}

header nav .main .has-drop {
    position:relative
}

header nav .main .drop {
    display:none;
    width:200px;
    position:absolute;
    top:35px;
    left:0;
    background:#fff;
    border-bottom:4px solid #a6a847;
    list-style:none;
    margin:0;
    padding:20px 0
}

header nav .main .drop li {
    float:none;
    margin:0;
    padding:0 20px
}

header nav .main .drop a {
    line-height:1;
    padding:10px 0;
    border-bottom:1px solid #a6a847;
    display:block
}

header nav .main .drop li:last-child {
}

header nav .main .drop li:last-child a {
    border-bottom:0
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .main .tour {
    display:block;
    font-weight:700;
    margin-left:15px
}
}

header nav .main .group {
}

header nav .main .group a {
    background:rgba(148,90,111,0.5)
}

header nav .main .group a:hover,header nav .main .group a.current {
    background:rgba(148,90,111,1)
}

header nav .main .private {
}

header nav .main .private a {
    background:rgba(0,148,198,0.5)
}

header nav .main .private a:hover,header nav .main .private a.current {
    background:rgba(0,148,198,1)
}

header nav .main .self-guided {
}

header nav .main .self-guided a {
    background:rgba(184,118,40,0.5)
}

header nav .main .self-guided a:hover,header nav .main .self-guided a.current {
    background:rgba(184,118,40,1)
}

header nav .main .theme {
}

header nav .main .theme a {
    color:#a6a847;
    background:url(../img/site/bg_themes-btn-narrow.png) 100% 50% no-repeat;
    padding-right:12px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
header nav .main .theme a {
    -webkit-background-size:8px 15px;
    -moz-background-size:8px 15px;
    -o-background-size:8px 15px;
    background-size:8px 15px;
    background-image:url(../img/site/bg_themes-btn-narrow@2x.png)
}
}

/* empty variant */
header nav .empty {
    background:none
}

/* mobile nav */
header nav .mobile-nav {
    width:90px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .mobile-nav {
    display:block
}
}

header nav .mobile-nav li {
    float:none
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .mobile-nav li {
    display:block
}
}

header nav .mobile-nav li + li {
    margin-left:0
}

header nav .mobile-nav > li {
    background:#a6a847;
    margin-left:-15px;
    padding-left:15px;
    width:80px
}

header nav .mobile-nav .drop .search-for-trip,
header .top .mobile-nav .search-for-trip {
	padding-bottom: 1.4em !important;
	display: block !important;
	position: static;
}

header nav .mobile-nav .drop .search-for-trip a,
header .top .mobile-nav .search-for-trip a {
	text-align: left;
	margin: 0;
	padding-left: 10px;
	padding-right: 0;
	background-color: transparent;
	border: 1px solid #a6a847;
	color: #a6a847;
	font-weight: 700;
	width: calc(100% - 10px);
}

header nav .mobile-nav .current {
    border:0 none;
    top:0
}

header nav .mobile-nav .current a {
    bottom:0
}

header nav .mobile-nav .trigger,header nav .mobile-nav .trigger:hover {
    color:#fff;
    background-position:0 -126px;
    position:relative;
    top:6px
}

header nav .mobile-nav .drop {
    top:33px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
header nav .mobile-nav .drop li {
    border:0
}
}

header nav .mobile-nav .tour {
    margin-left:0
}

header .container {
    position:relative
}

header nav.container {
}

@media screen and (max-width: 767px) {
header nav.container {
    display:none
}
}

/* no hero variant */
.no-hero {
    margin-bottom:15px
}

.no-hero nav {
    border-bottom:1px solid #a6a847
}

@media screen and (max-width: 979px) {
.no-hero nav {
    border:0 none
}
}

/* has hero variants */
.has-hero {
    /*overflow:hidden;*/
    margin:0 0 20px;
    /*height:707px;*/
    z-index:4;
    /*margin-bottom:-170px;*/
}

.has-hero * {
    position: relative;
}

.has-hero > .container:first-of-type {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
.has-hero {
    height:auto;
    overflow:visible
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero {
    display:block;
    top:0;
    position:relative;
    /*overflow:hidden;*/
    /*height:680px;*/
    /*margin-bottom:-330px*/
}
}

@media screen and (min-width: 1200px) {
.has-hero {
    /*height:825px*/
}
}

@media screen and (max-width: 520px) {
.has-hero {
    margin-left:-20px;
    margin-right:-20px;
    width:auto
}
}

.has-hero .hero .container.second {
    display: none;
}

.has-hero .hero {
    width:100%;
    position:relative;
    /*top:-170px;*/
    /*margin:0 0 -170px;*/
    text-align:center;
    /*overflow:hidden;*/
    z-index:1;
    /*margin-top: -170px;*/
    min-height:170px;
}

.has-hero .hero .first {
    margin-left:auto!important
}

@media screen and (max-width: 767px) {
.has-hero .hero {
    /*top:-100px;*/
    /*margin:0 0 -100px*/
    min-height: 100px;
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.hero {
    display:block;
    top:0;
    position:relative;
    overflow:visible;
    min-height: 145px;
}
}

@media screen and (max-width: 425px) {
.has-hero .hero {
    /*top:-140px;*/
    /*margin:0 0 -140px*/
}
}

.has-hero .hero .slide {
    list-style:none;
    margin:0
}

.has-hero .hero .slider-viewport,.has-hero .hero > img {
    width:1080px!important;
    left:-540px;
    margin:0 0 0 50%
}

.has-hero .hero > img {
    margin:0 auto
}

@media screen and (min-width: 1200px) {
.has-hero .hero .slider-viewport,.has-hero .hero > img {
    width:1260px!important;
    left:-630px
}
}

@media screen and (max-width: 767px) {
.has-hero .hero .slider-viewport,.has-hero .hero > img {
    width:480px!important;
    left:-240px
}
}

@media screen and (max-width: 425px) {
.has-hero .hero .slider-viewport,.has-hero .hero > img {
    width:580px!important;
    left:-290px
}
}

.has-hero .hero > img {
    width:1080px!important;
    left:auto;
    margin:0 auto;
}

@media screen and (min-width: 1200px) {.has-hero .hero > img {
    width:1260px!important;
    left:auto
}
}

@media screen and (max-width: 767px) {.has-hero .hero > img {
    width:480px!important;
    left:auto
}
}

@media screen and (max-width: 425px) {.has-hero .hero > img {
    width:580px!important;
    left:auto
}
}

.has-hero .hero .slider-controls .slider-close {
    display:none
}

.home .has-hero .hero {
    z-index:1
}

/* hero panels (usually combined with slider above) */
.has-hero .hero {
    /*max-height:500px*/
}

@media screen and (min-width: 1200px) {
.has-hero .hero {
    /*max-height:580px*/
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .hero {
    /*max-height:500px*/
}
}

.has-hero .hero .container {
    position:relative;
    display:block;
    /*height:0;*/
    overflow:visible
}

@media screen and (max-width: 767px) {
.has-hero .hero .container {
    height:auto
}
}

.has-hero .hero .panel {
    position:absolute;
    bottom:70px;
    left:-15px;
    display:block;
    width:365px;
    background:#a6a847;
    background:rgba(166,168,71,0.7);
    color:#fff;
    padding:25px;
    text-align:left
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .hero .panel {
    width:300px;
    padding:15px;
    bottom:95px
}
}

@media screen and (max-width: 767px) {
.has-hero .hero .panel {
    display:none
}
}

.has-hero .hero .panel h2 {
    font-size:30px;
    line-height:1.2;
    margin:0 0 5px
}

.railpass .has-hero .hero .panel h2 {
    margin:0
}

@media screen and (max-width: 767px) {
.railpass .has-hero > .container:first-of-type {
    position: relative;
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .hero .panel h2 {
    font-size:24px
}
}

.has-hero .hero .panel p {
    font-size:14px;
    line-height:1.6
}

.railpass .has-hero .hero .panel p {
    font-size:23px;
    line-height:1.4
}

.has-hero .hero .panel p a {
    font-weight:700;
    color:#fff
}

.has-hero .hero .panel p a:hover {
    color:#efefef
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .hero .panel p {
    font-size:12px
}
}

.has-hero .hero .panel p:last-child {
    margin-bottom:0
}

/* alternate for to-bottom info panel*/
.has-hero .info-to-bottom .panel {
    bottom:35px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .info-to-bottom .panel {
    bottom:60px
}
}

/* slider controls */
.has-hero .slider-controls {
    /*display:none;*/
    /*height:0;*/
    overflow:visible;
    *zoom:1;
    /*margin-bottom: -40px;*/
    position: absolute;
    left:0;
    right:0;
    bottom: 20px;
}

.has-hero.one-hero .slider-controls {
    margin-bottom: 0;
}

.has-hero .slider-controls:before,.has-hero .slider-controls:after {
    display:table;
    line-height:0;
    content:""
}

.has-hero .slider-controls:after {
    clear:both
}

.has-hero.one-hero .slider-controls {
    /*display:none*/
}

@media screen and (max-width: 767px) {
.has-hero .slider-controls {
    /*display: none;*/
    /*bottom: 30px;*/
}
}

.has-hero .slider-controls-direction {
    left:-15px;
    /*top:-64px;*/
    /*bottom: 65px;*/
    *zoom:1
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .slider-controls {
    /*display: none;*/
    bottom: 50px;
}
.has-hero .slider-controls-direction {
    /*top:-95px;*/
    left:-165px;
    /*bottom: 0;*/
}
.has-hero.feature-hero .slider-controls-direction {
    /*top:-80px;*/
    left:-165px
}
}

@media screen and (min-width: 426px) and (max-width: 979px) {
.has-hero .slider-controls {
    max-width:425px;
    margin:0 auto;
    /*margin-bottom: -40px;*/
    /*bottom: 65px;*/
}

.has-hero .slider-controls-direction {
}
}

@media screen and (max-width: 767px) {
.has-hero .slider-controls-direction {
/*display: none;*/
    display:inline-block;
    float:right
}
}

.has-hero .slider-controls-direction:before,.has-hero .slider-controls-direction:after {
    display:table;
    line-height:0;
    content:""
}

.has-hero .slider-controls-direction:after {
    clear:both
}

.has-hero .slider-controls-direction a {
    display:block;
    width:40px;
    height:40px;
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    background:url(../img/site/sprite_slide-arrows.png) no-repeat;
    background-color:#a6a847;
    background-color:rgba(166,168,71,0.7);
    float:left
}



/*======







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






.has-hero .slider-controls-direction a:hover {
    background-color:rgba(255,255,255,0.8)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.has-hero .slider-controls-direction a {
    -webkit-background-size:80px 80px;
    -moz-background-size:80px 80px;
    -o-background-size:80px 80px;
    background-size:80px 80px;
    background-image:url(../img/site/sprite_slide-arrows@2x.png)
}
}

.has-hero .slider-controls-direction .slider-prev {
    background-position:0 0;
/*margin: 0 0 0 300px;*/
    margin:0
}

.has-hero .slider-controls-direction .slider-prev:hover {
    background-position:-40px 0
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .slider-controls-direction .slider-prev {
/*margin-left: 244px;*/
}
}

.has-hero .slider-controls-direction .slider-next {
    background-position:0 -40px;
    margin:0 0 0 6px
}

.has-hero .slider-controls-direction .slider-next:hover {
    background-position:-40px -40px
}

/* fixed panel wrap */

/* fixed wrap outside of header */
.fixed-wrap {
    z-index: 3;
    top: -15px;
    position: relative;
    /*margin-bottom: -40px;*/
}

.has-hero .fixed-wrap {
    top:0;
    display:block;
    /*height:0;*/
    overflow:visible
}

@media screen and (max-width: 767px) {
.has-hero .fixed-wrap {
    padding:0 20px;
    height:auto;
    display:block
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.fixed-wrap {
    z-index: 4;
}
}

.has-hero .fixed-wrap .hero-panel {
    display:none;
    padding:20px 0 10px
}

@media screen and (max-width: 767px) {
.has-hero .fixed-wrap .hero-panel {
    display:block
}
}

.has-hero .fixed-wrap .hero-panel .panel {
    display:block;
    position:relative;
    bottom:auto;
    left:auto;
    width:auto;
    padding:0;
    color:#4D4D4F;
    background:none
}

.has-hero .fixed-wrap .hero-panel h2,.has-hero .fixed-wrap .hero-panel h3 {
    font-size:20px;
    line-height:1;
    margin:0 0 10px
}

.has-hero .fixed-wrap .hero-panel p {
    font-size:13px;
    line-height:1.3
}

/* fixed panel */
.has-hero .fixed {
    position:absolute;
    bottom:20px;
    right:-15px;
    list-style:none;
    margin:0;
    text-align:left
}

@media screen and (max-width: 979px) {
.tour-page .has-hero .fixed {
    bottom:65px
}
}

@media screen and (max-width: 979px) {
.has-hero .fixed {
    bottom:17px
}
}

@media screen and (max-width: 767px) {
.has-hero .fixed {
    position:relative;
    bottom:auto;
    right:auto;
    margin:10px 0 5px;
    padding-bottom:20px;
    border-bottom:1px solid #dbdbdb
}
}

.has-hero .fixed .box {
    display:block;
    width:280px;
    height:115px;
    font-size:12px;
    line-height:1.25;
    padding:5px;
    margin:0 0 5px;
    background:#fff;
    background:rgba(255,255,255,0.85)
}

.box--split {
    width:49%; 
    max-width:130px; 
    display:inline-block;
}
.box--split--right {
    position:absolute; 
    right:.5em;
}

.has-hero .fixed .box:hover {
    background:rgba(255,255,255,1)
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .fixed .box {
    height:90px;
    width:210px
}
}

@media screen and (max-width: 767px) {
.has-hero .fixed .box {
    width:auto;
    height:105px;
    background:none;
    padding:5px 0
}

.has-hero .fixed .box:hover {
    background:none
}
}

.has-hero .fixed .box h3 {
    font-size:14px;
    line-height:1.3;
    margin:5px 0 10px
}

.has-hero .fixed .box p {
    color: #111;
}

@media screen and (max-width: 767px) {
.has-hero .fixed .box h3 {
    font-size:13px
}
}

@media screen and (max-width: 320px) {
.has-hero .fixed .box h3 {
    font-size:15px
}
}

.has-hero .fixed .box p {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .fixed .box p {
    display:none
}
}

@media screen and (max-width: 767px) {
.has-hero .fixed .box p {
    font-size:12px
}
}

@media screen and (max-width: 320px) {
.has-hero .fixed .box p {
    display:none
}
}

.has-hero .fixed .box img {
    max-height:100%;
    float:left;
    margin:0 10px 0 0
}

.has-hero .fixed .box h3 a {
}

/* panel theme modifiers */
.has-hero .fixed .box.mod-group {
}

.has-hero .fixed .box.mod-group a {
    color:#945a6f
}

.has-hero .fixed .box.mod-group a:hover {
    color:#4d4d4f
}

.has-hero .fixed .box.mod-private {
}

.has-hero .fixed .box.mod-private a {
    color:#0094c6
}

.has-hero .fixed .box.mod-private a:hover {
    color:#4d4d4f
}

.has-hero .fixed .box.mod-self-guided {
}

header .hero .fixed .box.mod-self-guided a {
    color:#b87628
}

.has-hero .fixed .box.mod-self-guided a:hover {
    color:#4d4d4f
}

/* fixed panel - variant with 'recently viewed' overlayed*/
.has-hero .drop-child {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero .drop-child {
    padding-bottom:45px
}
}

/* always-has-recently-viewed variant */
.has-recently-viewed-always {
}

.has-recently-viewed-always .fixed {
    bottom:61px
}

.has-recently-viewed-always .recent-viewed-subnav {
    display:block;
    width:290px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-recently-viewed-always .recent-viewed-subnav {
    width:220px
}
}

/* feature hero variation */
.feature-hero {
}

.feature-hero .hero {
    /*max-height:710px*/
}

@media screen and (min-width: 1200px) {
.feature-hero .hero {
    max-height:826px
}
}

/* internal hero variation */
.internal-hero {
/*z-index: 10;*/
}

@media screen and (max-width: 767px) {
.internal-hero {
    padding-left:0;
    padding-right:0
}
}

.internal-hero .logo {
}

@media screen and (max-width: 450px) {
.internal-hero .logo {
    margin-left:-135px
}
}

.internal-hero .logo {
}

@media screen and (max-width: 425px) {
.internal-hero .logo {
    margin-left:-95px
}
}

@media screen and (max-width: 320px) {
.internal-hero .logo {
    margin-left:-92px
}
}

.internal-hero .top {
}

@media screen and (max-width: 450px) {
.internal-hero .top {
    margin-left:20px;
    margin-right:20px
}
}

.internal-hero .mobile-nav {
}

.internal-hero .mobile-nav .trigger {
}

@media screen and (max-width: 450px) {
.internal-hero .mobile-nav .trigger {
    text-indent:-999px
}
}

.internal-hero .hero {
    height: auto !important;
}

@media screen and (max-width: 767px) {
.internal-hero .hero {
    top:0;
    margin:75px 0 -5px;
    /*height:147px;*/
    min-height:0
}
}

@media screen and (max-width: 767px) {
.railpass .internal-hero .hero {
    margin:20px 0 -5px
}
}

@media screen and (max-width: 767px) {
.step1 .internal-hero .hero,.step2 .internal-hero .hero,.step3 .internal-hero .hero,.step4 .internal-hero .hero,.step5 .internal-hero .hero {
    margin-top:20px
}
}

@media screen and (max-width: 767px) {
.tour-page .internal-hero .hero {
    margin:29px 0 -5px;
    /*height:147px;*/
    min-height:0
}
}

@media screen and (max-width: 425px) {
.internal-hero .hero {
    margin:70px 0 -15px;
    /*height:165px*/
}
}

@media screen and (max-width: 425px) {
.tour-page .internal-hero .hero {
    margin:30px 0 -15px;
    /*height:165px*/
}
}

.internal-hero .hero .fixed-wrap {
}

@media screen and (max-width: 767px) {
.internal-hero .hero .fixed-wrap {
    display:none
}
}

.internal-hero .hero .slider-viewport {
}

@media screen and (max-width: 767px) {
.internal-hero .hero .slider-viewport {
    width:425px!important;
    left:-212px;
    position:relative;
    /*top:-50px*/
}
}

@media screen and (max-width: 425px) {
.internal-hero .hero .slider-viewport {
    /*top:-30px*/
}
}

/* open nav alternative */
header.nav-open {
    z-index:100
}

.controls-only.has-hero {
    /*height:499px*/
}

@media screen and (min-width: 1200px) {
.controls-only.has-hero {
    /*height:580px*/
}
}

@media screen and (max-width: 979px) {
.controls-only.has-hero {
    /*height:470px*/
}
}

@media screen and (max-width: 767px) {
.controls-only.has-hero {
    /*height:270px*/
}
}

@media screen and (max-width: 425px) {
.controls-only.has-hero {
    /*height:280px*/
}
}

.controls-only.has-hero .slider-controls-direction {
    /*top:-62px*/
}

@media screen and (min-width: 1200px) {
.controls-only.has-hero .slider-controls-direction {
    /*top:-63px*/
}
}

@media screen and (max-width: 979px) {
.controls-only.has-hero .slider-controls-direction {
    /*top:-88px*/
}
}

@media screen and (max-width: 767px) {
.controls-only.has-hero .slider-controls-direction {
    /*top:-62px*/
}
}

/* short hero variation */
.short-hero {
    /*height:500px*/
}

@media screen and (min-width: 1200px) {
.short-hero {
    /*height:582px*/
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.short-hero {
    /*height:471px;*/
    margin-bottom:20px
}
}

@media screen and (max-width: 767px) {
.short-hero {
    height:auto
}
}

.has-hero.short-hero .hero {
    /*margin-bottom: -210px;*/
}

.has-hero.short-hero .slider-controls {
    display:block;
    margin:-10px 0 10px 60px;
    max-width:9999em
}

@media screen and (max-width: 767px) {
.has-hero.short-hero .hero {
    /*height:147px*/
    margin-bottom: 0;
}

.has-hero.short-hero .slider-controls {
    max-width:425px;
    margin:0 auto;
    margin-top:-40px
}
}

@media screen and (max-width: 425px) {
.short-hero .hero {
    /*height:165px*/
}
}

@media screen and (max-width: 767px) {
.has-hero.short-hero .slider-controls {
    display:none
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.has-hero.short-hero .slider-controls-direction {
    margin:0 auto;
    left:-15px
}
}

.short-hero .slider-controls-direction {
    text-align:right
}

.short-hero .slider-controls-direction .slider-prev {
    margin-left:0
}

.short-hero .slider-controls-direction a {
    display:inline-block;
    float:none
}

/* one hero variation */
.one-hero {
    /*height:500px*/
}

@media screen and (min-width: 1200px) {
.one-hero {
    /*height:582px*/
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.one-hero {
    /*height:471px;*/
    margin-bottom:20px
}
}

@media screen and (max-width: 767px) {
.one-hero {
    height:auto
}
}

.one-hero .hero {
    height: auto !important;
}

@media screen and (max-width: 767px) {
.one-hero .hero {
    /*height:147px*/
}
}

@media screen and (max-width: 425px) {
.one-hero .hero {
    /*height:165px*/
}
}

.one-hero .slider-controls-direction {
    text-align:right
}

.one-hero .slider-controls-direction .slider-prev {
    margin-left:0
}

.one-hero .slider-controls-direction a {
    display:inline-block;
    float:none
}

/* short hero variation */
.switch-hero {
    /*height:500px*/
}

@media screen and (min-width: 1200px) {
.switch-hero {
    /*height:582px*/
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.switch-hero {
    /*height:500px;*/
    margin-bottom:0
}
}

@media screen and (max-width: 767px) {
.switch-hero {
    height:auto
}
}

.switch-hero .hero {
}

@media screen and (max-width: 979px) {
.switch-hero .hero {
    /*height:500px*/
}
}

@media screen and (max-width: 767px) {
.switch-hero .hero {
    /*height:147px;*/
    margin-top:240px
}
}

@media screen and (max-width: 425px) {
.switch-hero .hero {
    /*height:116px;*/
    margin-top:322px
}
}

@media screen and (max-width: 425px) {
.switch-hero .hero img {
    margin-top:-10%
}
}

.switch-hero .slider-controls-direction {
    text-align:right;
    top:-195px
}

.switch-hero .slider-controls-direction .slider-prev {
    margin-left:0
}

.switch-hero .slider-controls-direction a {
    display:inline-block;
    float:none
}

/* static hero image */
.has-hero .static-hero {
    list-style:none;
    margin:0
}

.has-hero .static-hero img {
    max-width:none;
    position:relative;
    width:1080px;
    left:-540px;
    margin:0 0 0 50%
}

@media screen and (min-width: 1200px) {
.has-hero .static-hero img {
    width:1260px;
    left:-630px
}
}

@media screen and (max-width: 767px) {
.has-hero .static-hero img {
    width:425px;
    left:-212px;
    top:-50px
}
}

@media screen and (max-width: 425px) {
.has-hero .static-hero img {
}
}

/* Page-specific: Rail passes
----------------------------------------------------------*/
.railpass {
}

.railpass .rail-intro {
}

.railpass .rail-intro .action-buttons {
    float:right;
    clear:none;
    display:block;
    width:auto
}

.railpass .rail-intro p.intro {
    display:block
}

.railpass .container form {
    margin-bottom:0;
    z-index:999;
    position:/*overflow: hidden*/
relative
}

.railpass .lead {
    margin-bottom:0;
    overflow:hidden
}

.railpass.step1 .lead form {
    padding-bottom:10px;
    margin-bottom:30px
}

.railpass .whats-this {
    font-size:16px;
    display:block;
    float:left;
    line-height:20px
}

.railpass .ic-card {
    font-size:16px;
    display:block;
    float:left;
    font-weight:400
}

.railpass .pass-summary {
    background:url(../img/site/tablebg.png) bottom left repeat-x;
    overflow:hidden;
    padding:0 15px;
    margin-bottom:40px
}

.railpass.step2 .pass-summary,.railpass.step3 .pass-summary,.railpass.step4 .pass-summary {
    margin-top:40px
}

.railpass.step5 .pass-summary {
    margin-top:40px;
    margin-bottom:70px
}

.railpass .pass-summary table {
    color:#fff;
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
    margin-top:0
}

.railpass .pass-summary thead th {
    border-bottom:solid 1px #fff;
    padding:15px 0 3px;
    font-weight:400;
    text-align:left;
    font-size:16px
}

.railpass .pass-summary tbody td {
    padding:0 0 6px;
    line-height:1;
    font-size:16px
}

.railpass .pass-summary tbody .passengers td {
    padding-top:10px
}

.railpass .pass-summary tbody .children td {
    padding-bottom:10px
}

.railpass .pass-summary tbody .last td {
    border-bottom:solid 1px #fff;
    margin-bottom:10px
}

.railpass .pass-summary tfoot {
    border-top:solid 1px #fff;
    color:#a6a847
}

.railpass .pass-summary tfoot td {
    padding:20px 0 10px;
    color:#a6a847;
    font-size:20px
}

.railpass .more-info {
    margin-top:30px;
    margin-bottom:20px
}

.railpass .btn.info {
    float:right
}

@media screen and (max-width: 767px) {
.railpass .btn.info {
    float:none;
    display:inline-block;
    width:2px
}
}

.proceed-back {
    position:absolute;
    bottom:10px;
    right:0
}

.lead .proceed-back a.btn {
    margin-top:0
}

@media screen and (max-width: 979px) {
.row-fluid .span3.proceed-back {
    width:auto;
    margin:0
}

.delivery {
    height:410px
}
}

@media screen and (max-width: 767px) {
.row-fluid .span3.proceed-back {
    position:relative;
    bottom:auto;
    right:auto;
    width:auto;
    clear:left;
    margin:0
}

.step3 .row-fluid .span3.proceed-back {
    margin-top:10px;
    float:right
}

.step4 .row-fluid .span3.summary {
    float:left
}

.delivery {
    height:auto
}
}

.railpass .btn.proceed {
    float:right;
    background:#cece88;
    margin-top:20px
}

.railpass .proceed-back .btn.proceed {
    margin-top:0
}

.railpass .btn.proceed:hover {
    float:right;
    background:#a6a847
}

.pass-options {
    position:relative
}

.step1 .pass-options .clearfix {
    margin-bottom:10px
}

.step1 .pass-options .clearfix.delivery-options {
    margin-bottom:40px
}

.step3 .pass-options.span9 {
    margin-top:25px!important;
    clear:left;
    overflow:visible;
    margin-bottom:50px!important
}

.step4 .pass-options.span9 {
    margin-top:10px!important;
    clear:left;
    overflow:hidden
}

@media screen and (max-width:767px) {
.step4 .pass-options.span9 {
    float:left
}
}

@media screen and (min-width:767px) and (max-width:979px) {
.step3 .pass-options {
    margin-bottom:70px!important
}
}

@media screen and (max-width:767px) {
.step3 .pass-options {
    margin-top:20px;
    margin-bottom:30px!important;
    float:left
}
}

.pass-options .delivery-options {
    margin-bottom:30px
}

.pass-options label {
    width:47.5%;
    float:left;
    font-size:16px;
    margin:7px 10px 10px 0
}

@media screen and (max-width:979px) {
.pass-options .label-pass-reason {
    margin:0 10px 0 0
}
}

@media screen and (max-width: 767px) {
.pass-options label {
    width:100%;
    padding:0 10px 10px 0;
    margin:0
}
}

@media screen and (max-width: 767px) {
.step1 .pass-options .styled-select {
    clear:left;
    position:relative;
    right:auto
}
}

.pass-options .styled-select {
    width:42%;
    right:20px;
    position:absolute
}

.step3 .pass-options .styled-select {
    float:left;
    width:225px;
    position:absolute;
    left:115px
}

@media screen and (max-width: 480px) {
.step3 .pass-options .styled-select {
    float:left;
    width:225px;
    position:relative;
    left:0
}
}

.step4 .pass-options .styled-select {
    float:left;
    width:225px;
    position:relative;
    right:auto
}

@media screen and (min-width: 1200px) {
.pass-options label {
    width:260px
}

.step1 .pass-options label {
    width:400px
}
}

@media screen and (max-width: 767px) {
.step3 .pass-options .styled-select,.step4 .pass-options .styled-select {
    width:310px
}

.step1 .pass-options .styled-select {
    width:100%;
    margin-bottom:10px
}
}

@media screen and (max-width: 480px) {
.step3 .pass-options .styled-select,.step4 .pass-options .styled-select {
    width:100%
}
}

.step3 .pass-options label,.step4 .pass-options label {
    width:105px
}

.step3 .pass-options.span9,.step4 .pass-options.span9 {
    margin:0
}

@media screen and (max-width: 480px) {
.step3 .pass-options .styled-select {
    width:100%
}
}

.pass-options .select-box {
    padding:7px 15px;
    font-size:14px;
    border:solid 1px #a6a847;
    margin:0;
    background:url(../img/site/dropdown-arrow.png) right 8px no-repeat;
    cursor:pointer
}

.pass-options .drop-down {
    list-style:none;
    margin:0;
    z-index:100;
    cursor:pointer;
    border:solid 1px #a6a847;
    .//self-guided-adventurehtmlborder-top-width:0;
    padding:10px 13px;
    background:#fff;
    border-bottom:4px solid #a6a847;
    position:relative;
    -webkit-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    box-shadow:-1px 4px 5px rgba(0,0,0,0.25)
}

.secure {
    margin-bottom:25px;
    clear:left;
    float:left
}

@media screen and (max-width: 979px) {
.secure {
    margin-top:-240px
}
}

@media screen and (max-width: 767px) {
.secure {
    margin-top:20px;
    margin-bottom:0
}
}

@media screen and (max-width: 480px) {
.secure {
}
}

input[type="checkbox"].ic-card-check {
    display:block;
    float:left;
    margin:0 20px 0 10px
}

@media screen and (max-width: 767px) {
input[type="checkbox"].ic-card-check {
    margin:0 20px 0 0
}
}

.railpass .ic-card span,.railpass .ic-card a {
    color:#a6a847;
    font-weight:400
}

.railpass .passes {
    text-align:center;
    margin:0 0 50px;
    font-size:16px;
    line-height:30px;
    width:100%
}

@media screen and (max-width: 979px) {
.railpass .passes {
    font-size:14px
}
}

.railpass .passes + .clearfix {
    border-bottom:1px solid #EBECCF;
    padding-bottom:10px;
    margin-bottom:30px
}

.railpass .passes .info.btn {
    margin-top:3px
}

.railpass .passes .mobile-only {
    display:none
}

@media screen and (max-width: 767px) {
.railpass .passes .hd {
    display:none
}

.railpass .passes .hd.mobile-only {
    display:table-row;
    border-bottom:0
}
}

.railpass .passes .styled-select {
    position:relative;
    display:inline-block
}

.railpass .passes .select-box {
    border:solid 1px #a6a847;
    padding:4px 31px 4px 4px;
    margin-left:5px;
    font-weight:700;
    font-size:14px;
    line-height:1;
    background:#fff url(../img/site/dropdown.png) no-repeat 30px 2px;
    cursor:pointer
}

@media screen and (max-width: 425px) {
.railpass .passes .select-box {
    font-size:12px
}
}

.railpass .passes tr {
    border-bottom:solid 1px #ebeccf
/*position: relative; */
}

.railpass .passes th {
    color:#a6a847;
    font-weight:400;
    display:table-cell;
    width:25%
}

@media screen and (max-width: 767px) {
.railpass .passes th {
    width:40%;
    text-align:left
}

.railpass .passes th.last {
    width:20%
}
}

.railpass .passes td {
    padding:5px 0;
    width:25%
/*position: absolute;
				top:0;		 */
}

.railpass .passes tr.passes-headers,.railpass .passes tr.passes-headers td {
    text-align:left;
    border-bottom:0
}

.railpass .passes tr.passes-headers td {
    display:none
}

@media screen and (max-width: 767px) {
.railpass .passes tr.passes-headers td {
    display:table-cell;
    padding-top:10px
}
}

@media screen and (max-width: 767px) {
.railpass .passes td {
    font-size:14px
}
}

.railpass .passes td.cost {
    width:11%;
    text-align:right;
    position:relative
}

@media screen and (min-width: 1200px) {
.railpass .passes td.cost {
    width:12%;
    text-align:right;
    position:relative
}
}

@media screen and (max-width: 979px) {
.railpass .passes td.cost {
    width:12%;
    text-align:right;
    position:relative
}
}

@media screen and (max-width: 767px) {
.railpass .passes td.cost {
    width:9%;
    text-align:left;
    padding-bottom:10px
}
}

.railpass .passes td.cost span,.railpass .passes td.select-people span {
    margin-right:5px;
    right:0;
    float:right;
    text-align:center;
    display:block;
    width:39%
}

@media screen and (max-width: 767px) {
.railpass .passes td.cost span {
    width:100%;
    float:none;
    margin:0;
    display:inline
}
}

@media screen and (max-width: 425px) {
.railpass .passes td.cost span {
    font-size:12px
}
}

.railpass .passes td.select-people {
    width:12%;
    text-align:left
}

@media screen and (min-width: 1200px) {
.railpass .passes td.select-people {
    width:14%;
    text-align:left;
    position:relative
}
}

@media screen and (max-width: 979px) {
.railpass .passes td.select-people {
    width:13%
}
}

@media screen and (max-width: 767px) {
.railpass .passes td.select-people {
    width:31%;
    padding-bottom:15px
}
}

@media screen and (max-width: 767px) {
.railpass .passes td.select-people.last {
    width:11%
}
}

.railpass .passes .pass-type {
    text-align:left;
    width:19%;
    position:relative
}

@media screen and (min-width: 1200px) {
.railpass .passes .pass-type {
    width:18%
}
}

@media screen and (max-width: 979px) {
.railpass .passes .pass-type {
    width:25%
}
}

@media screen and (max-width: 767px) {
.railpass .passes .pass-type {
    width:0;
    padding:0;
    margin:0
}

.railpass .passes .pass-type {
    display:none
}
}

@media screen and (max-width: 767px) {
.railpass .passes .pass-type span {
    position:absolute;
    top:0;
    left:0;
    width:230px;
    text-align:left
}
}

.railpass .passes td ul {
    margin:0;
    position:absolute;
    top:0;
    background:#fff
}

.railpass .passes td ul li {
    list-style:none;
    padding:4px;
    font-weight:700;
    height:10px;
    font-size:14px;
    line-height:1
}

.railpass .passes td ul.drop-down {
    padding:4px 31px 4px 4px;
    border:solid 1px #a6a847;
    background:#fff;
    cursor:pointer;
    margin-left:5px
}

.railpass .passes td ul.drop-down li {
    list-style:none;
    padding:0;
    font-weight:700;
    height:20px;
    font-size:14px;
    line-height:1
}


.railpass.big-savings {

}

.railpass.big-savings .prices {
    background-color: rgba(230,230,235,0.1);
    padding: 10px;
    width: 80%;
}

.railpass.big-savings table {
    width: 100%;
}

.railpass.big-savings tr {
    border-bottom: 1px solid #ececca;
}

.railpass.big-savings tfoot td:first-child {
    padding-top: 10px;
}

.railpass.big-savings tr:first-child {
    border-bottom: 0 none;
}


.railpass.big-savings td {
    vertical-align: middle;
    text-align: center;
    height: 25px;
}

.railpass.big-savings td:first-child,
.railpass.big-savings th:first-child {
    text-align: left;
}

.railpass.big-savings td[colspan="2"] {
    text-align: right;
}

.railpass.big-savings .route-color-code{
    display: inline-block;
    height: 2px;
    width: 80%;
}

.railpass.big-savings .map {
    zoom: 1;
    margin-top: -200px;
    text-align: right;
}

.railpass.big-savings .map-footer {
    margin-top: 10px;
}

.railpass.big-savings .prices.mobile-prices {
    display: none;
}

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

.railpass.big-savings .prices {
    display: none;
}

.railpass.big-savings .prices.mobile-prices {
    display: block;
    background-color: transparent;
    padding: 0;
    width: 100%;
}

.railpass.big-savings .map {
    margin-top: 0;
}

.railpass.big-savings td {
    padding: 0 10px;
}


.railpass.big-savings td[colspan="2"] {
    text-align: left;
}

.railpass.big-savings tbody {
    padding: 0 10px;
}

.railpass.big-savings tbody:before,
.railpass.big-savings tbody:after,
.railpass.big-savings tfoot:before,
.railpass.big-savings tfoot:after,
.railpass.big-savings tfoot td[colspan="3"]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 95%;
    margin: 0 auto;
    border-top: 1px solid #ececca;
}

.railpass.big-savings tbody:nth-child(odd) {
    background-color: rgba(230,230,235,0.1);
}

.railpass.big-savings tr {
    border: 0 none;
}

.railpass.big-savings tfoot {
    background-color: rgba(230,230,235,0.4);
    font-weight: 700;
}

.railpass.big-savings tfoot td[colspan="3"] {
    position: relative;
}

.railpass.big-savings tfoot td[colspan="3"]:before {
    top: 5px;
}

}

#ic-card-modal {
    padding:10px 20px 30px
}

.steps table {
    margin-top:35px
}

.step3 .steps table {
    margin-top:0;
    width:100%
}

.step3 .steps table td {
    padding-right:20px;
    vertical-align:top
}

.step3 .steps .lead table tr.pass-header {
    font-size:16px;
    font-weight:400!important
}

.step3 .steps .lead table tr.pass-header td {
    padding-top:30px
}

.step3 .steps .lead table tr.pass-footer {
    border-bottom:solid 1px #ebeccf
}

.step3 .steps .lead table tr.pass-total td {
    padding:20px 0 0
}

.pass-info {
    font-size:16px;
    color:#a6a847;
    width:80%;
    font-weight:400
}

.pass-name {
    font-weight:700;
    font-size:16px;
    padding-bottom:5px
}

.pass-number {
    width:20px
}

.step3 .steps table td.pass-price {
    padding-right:0;
    text-align:right;
    padding-right:0;
    font-weight:400;
    font-size:18px;
    color:#a6a847
}

.main-contact {
    padding:0;
    margin:0 0 30px
}

.main-contact span {
    color:#a6a847
}

form.steps input[type="text"].issue-number,form.steps input[type="text"].security-code,form.steps input[type="text"].start-month,form.steps input[type="text"].expiry-month {
    width:70px!important
}

form.steps input[type="text"].start-year,form.steps input[type="text"].expiry-year {
    width:120px!important;
    float:left!important;
    margin-left:10px;
    clear:none!important
}

@media screen and (max-width: 480px) {
.start-year,.expiry-year {
    clear:none;
    float:left;
    width:120px!important;
    margin-left:10px
}
}

@media screen and (max-width: 979px) {
.main-contact {
    margin-bottom:0
}

.main-contact.phone-arrival {
    margin-bottom:30px
}
}

@media screen and (max-width: 979px) {
.step4 .rtform {
    position:absolute;
    right:0;
    margin-top:45px
}

.step4 .rtform .main-contact {
    margin-bottom:40px
}
}

@media screen and (max-width: 767px) {
.step4 .rtform {
    position:relative;
    right:auto;
    margin-top:45px
}

.main-contact {
    margin:0
}

.main-contact.phone-arrival {
    margin-bottom:30px
}
}

.main-contact li {
    border-bottom:1px solid #ebeccf;
    list-style:none;
    padding:12px 0;
    font-size:16px;
    font-weight:700;
    margin:0
}

.main-contact li.main-name {
    border-color:#fff
}

.delivery-contact-details td {
    border-spacing:0 600px
}

.steps label {
    display:inline-block;
    float:left;
    font-size:12px;
    padding-top:5px
}

.steps label.title-label {
    width:39px;
    margin-right:0
}

.step2 .steps label.title-label {
    clear:left
}

.steps label.firstname-label,.steps label.lastname-label {
    width:80px;
    margin-right:0
}

.steps label.phone-label {
    width:50px;
    margin-right:0
}

.steps label.email-label {
    width:50px;
    margin-right:0
}

.steps label.arrival-label {
    width:130px;
    margin-right:0
}

@media screen and (max-width: 979px) {
.steps label {
    clear:left
}
}

.steps h3 {
    clear:left;
    font-weight:700!important
}

.step3 .steps h3 {
    color:#a6a847;
    line-height:1
}

.steps h3 span.count {
    color:#000;
    margin-right:20px;
    font-weight:400!important
}

form.steps input[type="text"],form.steps select {
    border:solid 1px #a6a847;
    margin-right:25px;
    float:left;
    height:35px
}

form.steps input[type="text"].title {
    width:91px;
    float:left
}

form.steps input[type="text"].postcode {
    width:60px
}

form.steps input[type="text"].firstname,form input[type="text"].lastname {
    width:180px
}

form.steps input[type="text"].phone,form input[type="text"].email {
    width:150px
}

form.steps input[type="text"].datebox {
    width:120px;
    margin:0;
    cursor:pointer;
    background-image:url(../img/site/bg_calendar-picker.png);
    background-position:98% 50%;
    background-repeat:no-repeat
}

@media screen and (min-width: 1200px) {
form.steps input[type="text"].firstname,form input[type="text"].lastname {
    width:255px
}

form.steps input[type="text"].phone,form input[type="text"].email {
    width:235px
}

form.steps input[type="text"].title {
    width:110px
}

form.steps input[type="text"].datebox {
    width:119px
}
}

form.steps input[type="text"].lastname {
    margin:0
}

form.steps input[type="text"].standard {
    width:90px
}

form.steps input[type="text"].startdate {
    margin:0 0 10px
}

.steps .formrow {
    border-bottom:solid 1px #ebeccf;
    padding-bottom:15px;
    margin-bottom:15px;
    overflow:hidden
}

.steps .formrow.last {
    border-bottom:none;
    clear:left;
    padding-top:15px;
    margin-bottom:-5px
}

.step2 .formrow h3 span {
    float:left;
    width:87%;
    padding-bottom:20px
}

.step2 .formrow h3 span.count {
    float:left;
    width:5%
}

.steps .formrow .warn {
    font-size:13px;
    color:#a6a847
}

.step3 .steps .formrow {
    margin-bottom:45px
}

.step3 .steps .card-highlight {
    font-size:16px;
    font-weight:700;
    color:#a6a847;
    margin:0 0 15px
}

@media screen and (max-width: 979px) {
.steps .formrow label {
    width:83px
}

.steps .formrow input[type="text"].firstname,.steps .formrow input[type="text"].phone {
    clear:none;
    width:173px
}

.steps .formrow input[type="text"].lastname,.steps .formrow input[type="text"].email {
    clear:none;
    width:174px;
    margin-right:0
}

.steps .formrow label.lastname-label,.steps .formrow label.email-label {
    clear:none
}

.steps .formrow label.arrival-label {
    width:136px
}

.steps .formrow.last {
    padding-top:0
}

.step3 .steps label.title-label,.step3 .steps label.firstname-label,.step3 .steps label.lastname-label {
    width:115px
}

.step3 .steps input[type="text"].lastname {
    width:225px
}

.step3 .steps input[type="text"].firstname {
    width:225px;
    margin-right:44px
}
}

@media screen and (max-width: 767px) {
.steps .formrow label {
    width:100px
}

.steps .formrow label.lastname-label {
    clear:left
}

.steps .formrow input[type="text"].firstname,.steps .formrow input[type="text"].lastname {
    width:325px;
    margin-right:0
}

.steps .formrow.last {
    padding-top:10px
}

.steps .formrow label.email-label {
    clear:left
}

.steps .formrow input[type="text"].email,.steps .formrow input[type="text"].phone {
    width:156px
}

.step3 .steps input[type="text"].firstname,.step3 .steps input[type="text"].lastname {
    width:310px
}

.step3 .steps .formrow label {
    width:115px
}

.step3 .steps .ltform {
    width:100%
}
}

@media screen and (max-width: 480px) {
form.steps input[type="text"] {
    width:100%!important;
    clear:left
}

form.steps input[type="text"].title {
    width:91px!important;
    float:left
}

form.steps input[type="text"].datebox,form.steps .rtform input[type="text"].delivery-postcode {
    width:120px!important
}
}

.steps .asterisk {
    color:#a6a847
}

.steps p.small {
    font-size:13px
}

.steps .btn.back {
    background:#929292;
    float:right
}

.steps .btn.proceed {
    margin-left:10px
}

.addlabel,.addcity {
    clear:left
}

.steps .ltform {
    float:left;
    width:340px
}

@media screen and (min-width: 1200px) {
.steps .ltform {
    width:424px
}
}

@media screen and (max-width: 979px) {
.step3 .ltform {
    width:384px
}

.step4 .ltform {
    width:340px;
    height:490px
}

.step5 .ltform {
    margin-bottom:30px
}
}

@media screen and (max-width: 767px) {
.steps .ltform {
    width:100%
}

.step4 .ltform {
    width:340px;
    height:auto
}
}

@media screen and (max-width: 767px) {
.step5 .steps .ltform {
    margin-bottom:30px
}
}

.steps .rtform {
    float:left;
    width:340px;
    margin-left:20px
}

@media screen and (min-width: 1200px) {
.steps .rtform {
    width:425px
}
}

@media screen and (max-width: 979px) {
.steps .rtform {
    margin-left:0
}

.step3 .steps .rtform,.step4 .steps .rtform {
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.steps .rtform {
    width:100%
}

.step3 .steps .rtform {
    margin-left:0;
    height:auto
}
}

.steps .ltform label,.steps .rtform label {
    width:115px;
    clear:left
}

@media screen and (max-width: 767px) {
.steps .rtform {
    margin:0;
    float:left
}
}

form.steps .ltform input[type="text"] {
    width:225px;
    margin-right:0
}

form.steps .rtform input[type="text"],form.steps .span6 input[type="text"],form.steps .rtform .address-select {
    width:225px;
    margin-right:0
}

@media screen and (min-width: 1200px) {
form.steps .ltform input[type="text"] {
    width:308px
}

form.steps .rtform input[type="text"],form.steps .span6 input[type="text"],form.steps .rtform .address-select {
    width:310px
}
}

@media screen and (max-width: 767px) {
form.steps .ltform input[type="text"],form.steps .rtform input[type="text"],form.steps .span6 input[type="text"] {
    width:310px
}
}

@media screen and (max-width: 480px) {
form.steps .ltform input[type="text"],form.steps .rtform input[type="text"],form.steps .span6 input[type="text"],form.steps .rtform .address-select {
    margin-right:0;
    clear:left
}
}

form.steps .rtform input[type="text"].delivery-postcode {
    width:105px;
    margin-right:10px
}

@media screen and (min-width: 1200px) {
form.steps .rtform input[type="text"].delivery-postcode {
    width:190px
}
}

.rtform {
    float:right
}

form.steps .rtform a.btn {
    float:left;
    width:110px;
    padding:8px 0 0;
    height:27px;
    font-size:12px
}

form.steps .ltform input[type="text"].issue-number,form.steps .ltform input[type="text"].security-code {
    width:60px
}

input[type="checkbox"].terms {
    display:inline-block;
    margin-right:5px
}

.delivery-address {
    line-height:1.4;
    font-size:12px
}

.delivery-contacts {
    line-height:1.4;
    font-size:12px;
    margin-bottom:10px
}

.requirements {
    margin:20px 0 40px;
    display:block
}

form.steps .address-lookup {
}

@media screen and (min-width: 1200px) {
form.steps .address-lookup .rtform {
    padding-top:0
}
}

form.steps .address-lookup select {
    margin-right:0
}

form.steps .address-lookup p {
    clear:both
}

form.steps .address-select {
    padding:15px 0
}

form.steps .address-select label {
    margin-right:20px
}

form.steps .address-manual {
    padding:15px 0
}

/* Page-specific: Reviews
----------------------------------------------------------*/
.reviews-index {
}

.reviews-index .lead {
}

.reviews-index .lead .overview {
    padding-top:26px
}

.reviews-index .lead .overview h3 {
    color:#a6a847
}

.reviews-index .lead .overview h3 span {
    display:block;
    font-weight:400;
    color:#4d4d4f;
    font-size:16px
}

.reviews-index .lead .overview .note {
    font-size:11px;
    margin:25px 0 0
}

.reviews-index .lead .overview .badge {
    display:block;
    width:100px;
    height:100px;
    padding:10px;
    border:7px #a6a847 solid;
    background:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#4d4d4f;
    text-align:center;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    -moz-transform:rotate(4deg);
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg);
    float:right
}

.reviews-index .lead .overview .star-rating {
    margin:25px 0;
    padding:20px 0 0;
    background-position:50% 0;
    font-size:20px;
    line-height:1;
    text-align:center
}

.reviews-index .reviews-filter {
    border-bottom:1px solid #dbdbdb
}

.reviewButtons {
    clear:both;
    float:right;
    margin:10px 0;
    text-align:right;
    width:100%
}

.reviewButtons .back {
    color:#a6a847;
    font-weight:700;
    line-height:16px;
    vertical-align:middle;
    margin-right:10px
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-filter {
    display:none
}

.reviewButtons .back {
    font-size:80%
}
}

.reviews-index .reviews-filter .gallery {
}

.reviews-index .reviews-filter .gallery a {
    color:#4d4d4f
}

.reviews-index .reviews-filter fieldset {
}

.reviews-index .reviews-filter fieldset + fieldset {
    padding-top:30px
}

.reviews-index .reviews-filter fieldset h3 {
    font-size:18px;
    line-height:30px;
    margin:0;
    color:#a6a847
}

.reviews-index .reviews-filter fieldset label {
    margin-bottom:0
}

.reviews-index .reviews-filter fieldset .submit {
    padding:19px 0 0
}

.reviews-index .reviews-filter fieldset .submit .btn {
    padding-left:20px;
    padding-right:20px
}

.reviews-index .reviews-filter-bar {
    padding:0 20px
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-filter-bar {
    display:none
}
}

.reviews-index .reviews-filter-bar .row-fluid {
    clear:both
}

.reviews-index .reviews-filter-bar .sort {
    float:right;
    margin:10px 0
}

.reviews-index .reviews-filter-bar .sort .group {
    color:#945a6f
}

.reviews-index .reviews-filter-bar .sort .tailored {
    color:#a6a847
}

.reviews-index .reviews-filter-bar .sort li {
}

.reviews-index .reviews-filter-bar .sort li + li {
    margin-left:20px
}

.reviews-index .reviews-filter-bar .showing {
    clear:both
}

.reviews-index .reviews-filter-bar .filter {
    float:right
}

.reviews-index .reviews-filter-bar .filter li {
}

.reviews-index .reviews-filter-bar .filter li + li {
    margin-left:15px
}

.reviews-index .reviews-panels {
    padding-bottom:20px
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-panels.trip-reviews {
    display:block
}
}

.reviews-index .reviews-panels .panel {
    padding:15px;
    margin-top:20px
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-panels .panel {
    padding:0 0 15px;
    margin-top:15px;
    border-bottom:1px solid #dbdbdb
}
}

.reviews-index .reviews-panels .panel .read-more {
    margin-bottom:0
}

.reviews-index .reviews-panels .double-panel {
    background:#dbdbdb
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-panels .double-panel {
    background:none
}
}

.reviews-index .reviews-panels .double-panel img {
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-panels .double-panel img {
    display:none
}
}

.reviews-index .reviews-panels .double-panel .title,.reviews-index .reviews-panels .double-panel blockquote,.reviews-index .reviews-panels .double-panel .star-rating,.reviews-index .reviews-panels .double-panel .read-more {
    margin-left:20px
}

@media screen and (max-width: 767px) {
.reviews-index .reviews-panels .double-panel .title,.reviews-index .reviews-panels .double-panel blockquote,.reviews-index .reviews-panels .double-panel .star-rating,.reviews-index .reviews-panels .double-panel .read-more {
    margin-left:0
}
}

.reviews-index .trip-review {
}

.reviews-index .trip-review h3 {
}

.reviews-index .trip-review .star-rating {
    color:#a6a847
}

.reviews-index .trip-review.mod-group .star-rating {
    color:#945a6f
}

.reviews-index .trip-review .questions {
    list-style:none;
    margin:20px 0
}

.reviews-index .trip-review .questions li {
    border-bottom:1px solid #dbdbdb;
    margin:0 0 20px;
    padding:10px 0 20px
}

.reviews-index .trip-review .questions li:last-child {
    border:0 none
}

.reviews-index .trip-review h3 {
    font-size:16px;
    color:#a6a847
}

.reviews-index .trip-review.mod-group h3 {
    color:#945a6f
}

.reviews-index .trip-review h4 {
    font-weight:400;
    font-size:16px
}

.reviews-index .trip-review .no-answer {
    color:#a6a847
}

.reviews-index .trip-review.mod-group .no-answer {
    color:#945a6f
}

.reviews-index .trip-review blockquote {
    max-width:80%;
    margin-bottom:10px
}

@media screen and (max-width: 767px) {
.reviews-index .trip-review blockquote {
    max-width:100%
}
}

.reviews-index .trip-review .meta {
    margin:40px 0;
    font-size:12px
}

.reviews-index .trip-review .meta span {
    margin:0 20px
}

.reviews-index .trip-review .forward {
    font-style:oblique;
    margin:.5em;
    background-color:#efefef;
    padding:1em;
    font-size:120%
}

.reviews-index .trip-review .forward span {
    font-style:normal;
    color:#a6a847;
    font-weight:400
}

/* Page-specific: Culture - religion
----------------------------------------------------------*/
.info-text {
    width:61%;
    float:left
}

@media screen and (max-width: 767px) {
.info-text {
    width:100%;
    float:none
}
}

.info-img {
    width:35%;
    float:right
}

@media screen and (min-width: 1200px) {
.info-img img {
    margin-bottom:-50%
}
}

@media screen and (max-width: 767px) {
.info-img {
    width:100%;
    float:none;
    overflow:hidden;
    height:230px;
    margin-top:10px
}

.info-img img {
    margin-top:-13%
}
}

@media screen and (max-width: 425px) {
.info-img {
    margin-bottom:20px
}
}

.trips.btn {
    white-space:nowrap;
    display:inline-block;
    width:150px;
    text-align:left;
    font-weight:400;
    font-size:16px;
    line-height:1;
    background:url(../img/site/sprite_slide-arrows.png) no-repeat 165px -40px;
    background-color:#a6a847;
    background-color:rgba(166,168,71,1);
    padding:12px 40px 12px 12px;
    margin:20px 0;
    clear:left;
    float:none;
    position:relative
}

.styles-help {
	display: inline-block;
	margin-left: 2em;
}

  .styles-help .info {
  	float: none;
  	clear: none;
  }

@media screen and (max-width: 767px) {
.styles-help {
	margin-left: 0;
}
}

/* Page-specific: Themes category
----------------------------------------------------------*/
.themes-category {
}

.themes-category .tour-acccommodation {
}

.themes-category .tour-acccommodation .slider-controls-direction {
    top:0
}

/* Page-specific: Search results page
----------------------------------------------------------*/
.search-page {
}

.search-page .search-trigger {
    display:none
}

@media screen and (max-width: 767px) {
.search-page .search-trigger {
    display:block;
    width:220px;
    text-align:left;
    text-indent:10px;
    font-size:16px;
    line-height:41px;
    padding:0
}
}

@media screen and (max-width: 425px) {
.search-page .search-trigger {
    width:100%
}
}

/* News search
----------------------------------------------------------*/
.lead .search-news {
    position:relative;
    z-index:1;
    margin-bottom:0;
    display:inline-block
}

@media screen and (max-width: 767px) {
.lead .search-news {
    float:left;
    margin-bottom:20px
}
}

@media screen and (max-width: 480px) {
.news-story .lead .search-news {
    margin-top:10px
}
}

.lead .search-news .term {
    border:1px solid #a6a847;
    border-image-source:initial;
    border-image-slice:initial;
    border-image-width:initial;
    border-image-outset:initial;
    border-image-repeat:initial;
    background:rgba(255,255,255,0.952941);
    height:32px;
    width:175px;
    margin:0;
    position:absolute;
    z-index:10
}

@media screen and (max-width: 767px) {
.news-archives .lead .search-news input[type="text"].term {
    height:40px;
    width:207px
}
}

@media screen and (max-width: 767px) {
.news-home .lead .search-news input[type="text"].term,.news-story .lead .search-news input[type="text"].term {
    height:40px;
    width:210px
}
}

@media screen and (max-width: 480px) {
.news-home .lead .search-news input[type="text"].term,.news-story .lead .search-news input[type="text"].term {
    width:225px
}
}

@media screen and (max-width: 480px) {
.news-archives .lead .search-news input[type="text"].term {
    width:225px
}
}

@media screen and (max-width: 480px) {
.lead .search-news input[type="text"].term {
    height:40px;
    width:225px
}
}

.lead .search-news .search-btn {
    overflow:hidden;
    position:relative;
    z-index:20;
    text-indent:110%;
    white-space:nowrap;
    display:block;
    width:19px;
    height:19px;
    background:url(../img/site/sprite_search-btn.png) 0 0 no-repeat;
    padding:0;
    outline:none;
    border:0 none;
    border-image-source:initial;
    border-image-slice:initial;
    border-image-width:initial;
    border-image-outset:initial;
    border-image-repeat:initial;
    margin:7px 0 0 140px;
    float:left
}

@media screen and (max-width: 767px) {
.news-home .lead .search-news .search-btn,.news-story .lead .search-news .search-btn {
    margin-left:180px;
    margin-top:10px
}
}

@media screen and (max-width: 480px) {
.news-home .lead .search-news .search-btn,.news-story .lead .search-news .search-btn {
    margin-left:195px;
    margin-top:10px
}
}

@media screen and (max-width: 767px) {
.news-archives .lead .search-news .search-btn {
    margin-left:175px;
    margin-top:10px
}
}

@media screen and (max-width: 480px) {
.news-archives .lead .search-news .search-btn {
    margin-left:190px
}
}

@media screen and (max-width: 480px) {
.lead .search-news .search-btn {
    margin-left:170px
}
}

.news-nav {
    list-style:none;
    overflow:visible;
    width:250px;
    font-size:12px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2;
    float:right
}

@media screen and (max-width: 767px) {
.news-nav {
    clear:left;
    float:none;
    margin-top:0;
    float:left;
    width:207px
}
}

@media screen and (max-width: 767px) {
.news-home .news-nav {
    clear:none;
    float:right
}
}

@media screen and (max-width: 480px) {
.news-nav {
    width:225px
}
}

.news-navigate {
    z-index:3
}

@media screen and (max-width: 767px) {
.news-navigate {
    clear:left
}

.news-story .news-navigate {
    clear:none;
    float:right
}
}

@media screen and (max-width: 480px) {
.news-story .news-navigate {
    width:225px;
    float:left;
    margin-top:5px
}
}

@media screen and (max-width: 480px) {
.news-home .news-navigate {
    width:225px;
    clear:left;
    float:left;
    margin-top:5px
}
}

.news-nav.archives {
    clear:left;
    float:none;
    margin:20px 0 30px
}

@media screen and (max-width: 767px) {
.news-nav.archives {
    float:right;
    clear:none;
    margin-top:0
}
}

.news-nav ul ul {
    display:none
}

@media screen and (max-width: 480px) {
.news-nav.archives {
    clear:left;
    float:left;
    margin-top:10px
}

.lead .news-nav {
    margin-right:0
}
}

.news-nav .trigger {
    display:block;
    outline:none;
    height:40px;
    font-size:14px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

@media screen and (max-width: 767px) {
.news-nav .trigger {
    font-size:12px
}
}

@media screen and (max-width: 480px) {
.news-nav .trigger {
    font-size:12px
}
}

.news-nav .trigger.open-trigger {
    background-image:url(../img/site/bg_arrow-up.png)
}

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

}

.news-nav .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.news-nav .drop li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:12px;
    list-style:none
}

.news-nav .drop li a {
    padding:7px 0 2px;
    margin:0 20px;
    color:#404042;
    display:block;
    border-bottom:solid 1px #efefef
}

.news-nav .drop li.subtitle a {
    color:#a6a847
}

.news-nav .drop .break {
    color:#4d4d4f;
    height:20px;
    border:0 none;
    margin:40px 0 0;
    padding:0 0 0 20px
}

.news-nav .drop .breaker {
}

.news-nav .drop .breaker a {
    border-color:#edecd3;
    padding-bottom:20px;
    margin-bottom:10px
}

.news-nav .drop .view {
    margin-bottom:30px
}

.news-nav .drop .view a {
    color:#a6a847
}

.news-nav .drop li a:hover,.news-nav .drop li a:focus,.news-nav .drop li.current a {
    color:#a6a847
}

.news-nav .drop li a.title {
    font-weight:700;
    margin-top:30px
}

.news-nav .drop li a.first.title {
    margin-top:0
}

.news-nav .drop li a.view-self {
    color:#b87628;
    font-weight:700;
    padding-top:0
}

.news-nav .drop li a.view-private {
    color:#0094c6;
    font-weight:700;
    padding-top:0
}

.news-nav .drop li a.view-small {
    color:#945a6f;
    font-weight:700;
    padding-top:0
}

.news-nav .drop li.view-types {
    border:none;
    margin:0;
    padding-bottom:0;
    line-height:1.2
}

.news-nav .drop li.view-types a {
    margin-top:0;
    border:none;
    padding:7px 0
}

.news-nav .drop li.view-types a.view-small {
    margin-top:20px
}

.container.fix {
    display:none
}

/* Page element: Mobile Navigation
----------------------------------------------------------*/
.mobile-nav {
    display:none;
    font-size:12px;
    list-style:none;
    margin:0;
    position:relative;
    width:200px;
    max-width:48%;
    float:left;
    z-index:1000
}

@media screen and (max-width: 767px) {
.mobile-nav {
    display:block
}
}

.mobile-nav a {
    color:#4d4d4f;
    outline:none
}

/* trigger */
.mobile-nav .trigger {
    display:block;
    font-weight:700;
    background:url(../img/site/sprite_mobile-nav-icons.png) 0 0 no-repeat;
    height:21px;
    line-height:21px;
    padding-left:28px;
    outline:none
}

@media screen and (max-width: 425px) {
.mobile-nav .trigger {
    text-indent:-9999em
}

.home .mobile-nav .trigger {
    text-indent:0
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.mobile-nav .trigger {
    -webkit-background-size:25px 147px;
    -moz-background-size:25px 147px;
    -o-background-size:25px 147px;
    background-size:25px 147px;
    background-image:url(../img/site/sprite_mobile-nav-icons@2x.png)
}
}

@media screen and (max-width: 425px) {
.mobile-nav .trigger {
    text-indent:-999em
}
}

.mobile-nav .open-trigger {
    color:#a6a847;
    background-position:0 -84px
}

/* drop */
.mobile-nav .drop {
    position:absolute;
    left:-15px;
    top:34px;
    list-style:none;
    margin:0;
    display:none;
    min-width:170px;
    padding:10px 20px;
    background:#fff;
    border-bottom:4px solid #a6a847;
    z-index:1000
}

.mobile-nav .drop li {
    height:30px;
    line-height:30px
}

.mobile-nav .drop .tour {
    margin:0
}

.mobile-nav .drop li + li {
    border-top:1px solid #dbdbdb
}

.mobile-nav .drop .tour {
    font-weight:700
}

.mobile-nav .drop .tour a,.mobile-nav .drop .theme.tour a {
    background:none!important;
    padding:10px 0;
    margin:0
}

.mobile-nav .drop .group {
}

.mobile-nav .drop .group a {
    color:#945a6f
}

.mobile-nav .drop .self-guided {
}

.mobile-nav .drop .self-guided a {
    color:#b87628
}

.mobile-nav .drop .private {
}

.mobile-nav .drop .private a {
    color:#0094c6
}

.mobile-nav .drop .theme {
}

.mobile-nav .drop .theme a {
    color:#a6a847
}

/* Page element: Mobile side Navigation
	(appears within the hero, built via JS)
----------------------------------------------------------*/
.mobile-nav-wrap {
    display:none;
    height:0;
    overflow:hidden
}

@media screen and (max-width: 979px) {
.mobile-nav-wrap {
    height:40px;
    overflow:visible;
    margin-top:3px;
    margin-bottom:26px
}
}

@media screen and (max-width: 767px) {
.mobile-nav-wrap {
    top:0;
    display:block;
    position:relative;
    z-index:99
}
}

@media screen and (max-width: 767px) {
.tour-page .mobile-nav-wrap {
    /*top:188px;*/
    top: 0;
    position:relative
}
}

@media screen and (max-width: 767px) {
.adventures-page.mobile-nav-wrap {
    /*top:295px;*/
    top: 0;
    position:relative
}
}

@media screen and (max-width: 767px) {
.destinations-page .mobile-nav-wrap {
    /*top:285px;*/
    top: 0;
    position:relative
}
}

@media screen and (max-width: 425px) {
.mobile-nav-wrap {
    /*top:75px;*/
    top: 0;
    width:100%
}
}

@media screen and (max-width: 425px) {
.destinations-page .mobile-nav-wrap {
    /*top:305px;*/
    top:0;
    width:100%
}
}

.mobile-page-nav {
    list-style:none;
    overflow:visible;
    width:220px;
    font-size:16px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2
}

.mobile-page-nav ul ul {
    display:none
}

@media screen and (max-width: 425px) {
.mobile-page-nav {
    min-width:250px
}

.lead .mobile-page-nav {
    margin-right:0
}
}

.mobile-page-nav .trigger {
    display:block;
    outline:none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    background-color:#a6a847;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.mobile-page-nav .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

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

}

.mobile-page-nav .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.mobile-page-nav .drop li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef
}

.mobile-page-nav .drop li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block
}

.mobile-page-nav .drop li.subtitle a {
    color:#a6a847
}

.mobile-page-nav .drop .break {
    color:#4d4d4f;
    height:20px;
    border:0 none;
    margin:40px 0 0;
    padding:0 0 0 20px
}

@media screen and (max-width: 767px) {
.mobile-page-nav .drop .break {
    height:auto;
    border:0 none;
    margin-top:10px;
    padding:0;
}
}

.mobile-page-nav .drop .view {
    margin-bottom:30px
}

.mobile-page-nav .drop .view a {
    color:#a6a847
}

.mobile-page-nav .drop li a:hover,.mobile-page-nav .drop li a:focus,.mobile-page-nav .drop li.current a {
    color:#a6a847
}

.mobile-page-nav .drop li a.title {
    font-weight:700;
    margin-top:30px
}

.mobile-page-nav .drop li a.first.title {
    margin-top:0
}

.mobile-page-nav .drop li a.view-self {
    color:#b87628;
    font-weight:700;
    padding-top:0
}

.mobile-page-nav .drop li a.view-private {
    color:#0094c6;
    font-weight:700;
    padding-top:0
}

.mobile-page-nav .drop li a.view-small {
    color:#945a6f;
    font-weight:700;
    padding-top:0
}

.mobile-page-nav .drop li.view-types {
    border:none;
    margin:0;
    padding-bottom:0;
    line-height:1.2
}

.mobile-page-nav .drop li.view-types a {
    margin-top:0;
    border:none;
    padding:7px 0
}

.mobile-page-nav .drop li.view-types a.view-small {
    margin-top:20px
}

.container.fix {
    display:none
}

/* Page element: tour side Navigation
	(appears within the hero, built via JS)
----------------------------------------------------------*/
.tour-nav-wrap {
    display:block;
    height:0;
    overflow:hidden
}

@media screen and (max-width: 979px) {
.tour-nav-wrap {
    height:40px;
    overflow:visible;
    margin-top:4px;
    margin-bottom:26px;
    display:none
}
}

@media screen and (max-width: 767px) {
.tour-nav-wrap {
    top:235px;
    position:absolute;
    display:block
}
}

@media screen and (max-width: 425px) {
.tour-nav-wrap {
    top:322px;
    width:100%
}
}

.tour-page-nav {
    list-style:none;
    overflow:visible;
    width:220px;
    font-size:16px;
    color:#fff;
    margin:0;
    display:block;
    position:relative;
    z-index:2000
}

.tour-page-nav ul ul {
    display:none
}

@media screen and (max-width: 425px) {
.tour-page-nav {
    margin-right:40px;
    width:auto;
    min-width:250px
}
}

.tour-page-nav .trigger {
    display:block;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.tour-page-nav .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

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

}

.tour-page-nav .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#d0d08c;
    width:100%;
    display:none
}

.tour-page-nav .drop li.span4 {
    float:none;
    width:auto!important;
    cursor:pointer;
    background:#d0d08c;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef;
    padding:7px 0;
    margin:0 20px;
    color:#fff;
    display:block
}

.tour-page-nav .drop li.subtitle {
    color:#a6a847
}

.tour-page-nav .drop .view {
    margin-bottom:30px;
    color:#a6a847
}

.tour-page-nav .drop li {
    color:#a6a847
}

.container.fix {
    display:none
}

/* Page element: Recent viewed Navigation
	(positioned into the hero, built via JS)
----------------------------------------------------------*/
.recent-viewed-wrap {
    position:relative;
    display:block;
    width:100%;
    height:0;
    overflow:visible
}

.recent-viewed-subnav {
    list-style:none;
    overflow:visible;
    width:220px;
    font-size:16px;
    color:#fff;
    margin:0;
    float:right;
    position:absolute;
    right:-15px;
    top:-61px;
    display:none;
    z-index:1000;
    text-align:left
}

.tour-page .recent-viewed-subnav {
    position:relative
}

.one-hero .recent-viewed-subnav {
    top:-50px
}

.short-hero .recent-viewed-subnav {
    top:-50px
}

@media screen and (max-width: 979px) {
.recent-viewed-subnav {
    display:block
}
}

.recent-viewed-subnav .trigger {
    display:block;
    outline:none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.recent-viewed-subnav .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.recent-viewed-subnav .drop {
    margin:0;
    position:absolute;
    top:40px;
    background:#efefef;
    width:100%;
    display:none
}

.recent-viewed-subnav li {
    list-style:none;
    margin:0;
    padding:0;
    background:#efefef;
    position:relative;
    height:40px
}

.recent-viewed-subnav li.alt {
    background:#fff
}

.recent-viewed-subnav li .info-wrap {
    padding:7px 10px 10px
}

.recent-viewed-subnav h4 {
    padding:10px 20px;
    font-weight:400;
    margin:0;
    color:#fff;
    background:#a6a847
}

.recent-viewed-subnav li li {
    height:84px;
    padding:0;
    clear:left
}

.recent-viewed-subnav li li:nth-child(even) {
    background:#fff
}

.recent-viewed-subnav li h5 {
    margin:0 0 5px;
    line-height:1.1
}

.recent-viewed-subnav li h5 a {
    color:#4d4d4f;
    font-size:12px
}

.recent-viewed-subnav li .img-wrap {
    width:75px;
    float:left;
    margin:0 10px 0 0
}

.recent-viewed-subnav li .more {
    font-weight:400;
    font-size:11px;
    display:inline-block;
    float:left;
    font-weight:700
}

.recent-viewed-subnav li .close {
    display:none
}

.recent-viewed-subnav li .close a {
    color:#a6a847
}

@media screen and (max-width: 767px) {
.recent-viewed-subnav {
    display:none
}
}

/* Page element: Header menu container
----------------------------------------------------------*/
.header-menu-container {
    margin-bottom:45px;
    clear:both
}

@media screen and (max-width: 979px) {
.header-menu-container {
    margin-bottom:30px;
    clear:both
}

.header-menu-container h3 {
    margin-bottom:20px
}
}

@media screen and (max-width: 767px) {
.header-menu-container {
    margin-bottom:50px;
    clear:both
}
}

/* Page element: Themes menu page Navigation
----------------------------------------------------------*/
.themes-page-menu {
    list-style:none;
    overflow:visible;
    font-size:16px;
    color:#fff;
    margin:0;
    float:right;
    z-index:1000;
    text-align:left;
    display:inline;
    position:absolute;
    right:0
}

@media screen and (max-width: 767px) {
.themes-page-menu.span4 {
    clear:left;
    float:none;
    position:absolute;
    float:none;
    right:auto;
    width:220px;
    margin:0!important
}
}

.themes-page-menu ul {
    padding-top:10px;
    padding-bottom:20px;
    background:#d0d08c
}

.themes-page-menu .trigger {
    display:block;
    outline:0 none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.themes-page-menu .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.themes-page-menu .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.themes-page-menu li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef
}

.themes-page-menu li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block
}

/* Shared element: aside panels
----------------------------------------------------------*/
aside {
}

@media screen and (max-width: 979px) {
aside {
    display:none!important
}
}

aside .panel {
    position:relative;
    margin:0 0 35px
}

aside .panel.recent {
    margin-left:-20px
}

@media screen and (max-width: 979px) {
aside .panel.recent {
    display:none
}
}

aside .recent ul {
    margin:0
}

aside .recent li {
    list-style:none;
    margin:0;
    padding:0;
    background:#efefef;
    overflow:hidden;
    position:relative;
    height:94px
}

aside .recent li.alt {
    background:none
}

aside .recent li .info-wrap {
    float:right;
    width:96px;
    padding:7px 10px 10px;
    height:100%
}

@media screen and (min-width: 1200px) {
aside .recent li .info-wrap {
    width:124px
}
}

aside .recent h4 {
    padding:10px 20px;
    font-weight:400;
    margin:0;
    color:#fff;
    background:#a6a847
}

aside .recent li h5 {
    margin:0 0 5px;
    line-height:1.1
}

aside .recent li h5 a {
    color:#4d4d4f;
    font-size:11px
}

aside .recent li a {
    display:block;
    display:block;
    display:block;
    font-size:85%;
    line-height:12px;
    font-weight:700
}

aside .recent li a.group {
    color:rgba(148,90,111,1)
}

aside .recent li a.self-guided {
    color:rgba(184,118,40,1)
}

aside .recent li a.private {
    color:rgba(0,148,198,1)
}

@media screen and (min-width: 1200px) {
aside .recent li h5 {
    line-height:1.3;
    margin:5px 0
}

aside .recent li h5 a {
    font-size:12px
}
}

aside .recent li .img-wrap {
    width:75px;
    float:left
}

@media screen and (min-width: 1200px) {
aside .recent li .img-wrap {
    width:85px
}
}

aside .recent li .more {
    font-weight:700;
    font-size:11px;
    display:inline-block;
    float:left
}

aside .recent li .close {
    position:absolute;
    bottom:5px;
    right:5px;
    float:right;
    display:inline-block;
    font-size:11px;
    height:18px;
    width:12px;
    margin-top:-4px;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1
}

aside .recent li .close a {
    color:#a6a847;
    background:url(../img/site/x.png) no-repeat left 6px;
    height:18px;
    width:12px;
    text-indent:-9999em;
    display:block;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1
}

aside .recent li .close a:hover {
    color:#a6a847;
    background:url(../img/site/x.png) no-repeat left 6px;
    height:18px;
    width:12px;
    text-indent:-9999em;
    display:block;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    -khtml-opacity:.5;
    opacity:.5
}

@media screen and (min-width: 1200px) {
aside .recent li .more,aside .recent li .close {
    font-size:12px;
    line-height:1.3
}
}

/* event panel */
aside .event.panel {
    margin:20px 0 20px -20px
}

aside .event .img-wrap span {
    width:100%;
    height:35px;
    line-height:36px;
    text-align:left;
    text-indent:10px;
    font-size:14px;
    font-weight:700;
    background:rgba(255,255,255,0.8);
    position:absolute;
    top:0;
    left:0
}

aside .event p {
    font-size:16px;
    margin-top:12px;
    margin-bottom:0
}

aside .event p.more {
    margin-top:0;
    font-size:12px;
    font-weight:700
}

/* navigation */
aside nav {
}

aside nav ul {
    list-style:none;
    margin:0
}

aside nav ul ul {
    list-style:none;
    margin:7px 0 0
}

aside nav ul ul a {
    padding:0 20px
}

aside nav ul.submenu li {
    padding-left:20px
}

aside nav li {
    font-size:15px;
    line-height:1.6;
    padding:7px 0;
    border-top:solid 1px #efefef
}

aside nav li a {
    color:#404042
}

aside nav li a:hover,aside nav li a:focus,aside nav .current a {
    color:#a6a847
}

aside nav li.title {
    font-size:15px;
    font-weight:700;
    margin-bottom:0;
    color:#404042;
    border:none
}

aside nav li.title a {
    color:#a6a847;
    font-weight:700
}

aside nav a.view-small {
    color:#945a6f;
    margin-top:10px;
    font-weight:700;
    display:block
}

aside nav a.view-self {
    color:#b87628;
    margin-top:10px;
    font-weight:700;
    display:block
}

aside nav a.view-private {
    color:#0094c6;
    margin-top:10px;
    font-weight:700;
    display:block
}

aside nav .view-types {
    border:none;
    margin:0;
    padding-bottom:0;
    line-height:1.2
}

aside nav .view-types a {
    margin-top:0
}

aside nav .view-types a.view-small {
    margin-top:20px
}

aside nav li.subhead {
    padding-top:45px
}

aside nav li.subtitle a {
    color:#a6a847;
    display:inline-block
}

aside nav li.subtitle.break {
    margin-top:20px
}

aside nav li.subtitle.break a {
    margin-top:10px;
    font-weight:700
}

aside nav .current {
    color:#a6a847
}

aside nav .back {
    margin-bottom:5px;
    font-size:14px;
    font-weight:700
}

aside nav .view {
    font-size:15px;
    line-height:1.2
}

aside nav .view a {
    color:#a6a847
}

aside nav .title span {
    display:block
}

aside nav .break-after {
    padding-bottom:25px;
    border-bottom:none
}

.brochure {
    margin-right:-5px;
    margin-left:-1px
}

.brochure h4 {
    margin-top:0
}

@media screen and (min-width: 1200px) {
.brochure {
    margin-left:-1px;
    margin-right:-10px
}
}

@media screen and (max-width: 979px) {
.brochure {
    display:none
}
}

.brochure h4.title {
    font-size:16px;
    margin-bottom:2px
}

.brochure p {
    font-size:12px;
    line-height:1.25
}

.brochure .btns {
    overflow:hidden;
    background:url(../img/site/bg_brochure.png) left 5px no-repeat;
/*
				-webkit-background-size: 50%;
				-moz-background-size: 50%;
				-o-background-size: 50%;
				background-size: 50%;
				*/
    min-height:150px;
    padding-top:60px;
    color:#fff;
    display:block;
    text-align:right;
    list-style:none;
    margin-left:-5px
}

.brochure .btns .btn {
    font-size:12px;
    text-align:center;
    min-width:145px;
    margin:0 0 10px;
    padding:6px 0
}

aside .infographic {
    margin-left:-20px
}

@media screen and (max-width: 979px) {
aside .infographic {
    display:none
}
}

aside .infographic h4 {
    color:#a6a847;
    padding-left:20px
}

/* Page element: Panel grid
----------------------------------------------------------*/
.panel-grid {
}

@media screen and (max-width: 767px) {
.panel-grid {
    padding-bottom:20px
}
}

.panel-grid .intro {
    font-size:15px;
    line-height:20px;
    padding-left:20px
}

@media screen and (max-width: 979px) {
.panel-grid .intro {
    padding-left:0
}
}

@media screen and (max-width: 767px) {
.panel-grid .intro {
    font-size:14px;
    padding-bottom:15px
}
}

.panel-grid .intro strong {
    font-size:16px
}

.panel-grid ul {
    list-style:none;
    margin:20px 0 0;
    display:block;
    width:100%;
    *zoom:1
}

.panel-grid ul:before,.panel-grid ul:after {
    display:table;
    line-height:0;
    content:""
}

.panel-grid ul:after {
    clear:both
}

.panel-grid .panel {
    position:relative;
    display:block;
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.panel-grid .panel {
    height:105px;
    overflow:hidden
}
}

@media screen and (max-width: 425px) {
.panel-grid .panel {
    width:100%;
    margin-left:0;
    margin-bottom:10px;
    height:125px;
    overflow:hidden
}
}

.panel-grid .panel:nth-child(odd) {
    margin-left:0
}

.panel-grid .panel img {
    width:100%
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.panel-grid .panel img {
    width:auto;
    max-width:none;
    height:100%
}
}

.panel-grid .panel a {
}

.panel-grid .panel a span {
    display:block;
    width:100%;
    height:35px;
    line-height:36px;
    text-align:left;
    text-indent:10px;
    font-size:14px;
    font-weight:700;
    background:#fff;
    background:rgba(255,255,255,0.8);
    position:absolute;
    top:8px;
    left:0
}

@media screen and (max-width: 979px) {
.panel-grid .panel a span {
    top:0;
    text-align:center
}
}

.panel-grid .panel a:hover span {
    color:#fff;
    background:#a6a847;
    background:rgba(166,168,71,0.7)
}

/* Tabs
----------------------------------------------------------*/
.horizontal-tabs {
    display:block;
    width:100%;
    margin:20px 0 0
}

@media screen and (max-width: 767px) {
.horizontal-tabs h3 {
    display:none
}
}

ul.tabs-list {
    margin:0;
    padding:0;
    display:inline-block;
    width:100%
}

.tabs-list li {
    font-size:14px;
    color:#fff;
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none;
    cursor:pointer;
    float:left;
    background-color:#c8c978;
    width:33.3333%
}

.tabs-list li.span4 {
    font-size:14px;
    color:#fff;
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none;
    cursor:pointer;
    float:left;
    background-color:#c8c978;
    width:20%;
    text-align:center
}

.tabs-list li.span4.mobile-only {
    display:none
}

@media screen and (max-width: 767px) {
.tabs-list li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.tabs-list li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.tabs-list li.span4.mobile-only {
    display:block
}
}

@media screen and (max-width: 425px) {
.tabs-list li.span4 {
    float:none;
    width:100%;
    margin:0 auto 10px
}
}

.tabs-list a {
    display:block;
    width:100%;
    color:#fff;
    outline:none;
    background-color:#c8c978;
    padding:13px 0;
    text-align:center
}

.tabs-list .current a,.tabs-list .current a:hover,.tabs-list a:hover {
    background-color:#a6a847
}

.tab-panels-container {
    padding:5px 0 30px;
    background-color:#fff;
    clear:left;
    border-bottom:solid 1px #dbdbdb
}

@media screen and (max-width: 767px) {
.tab-panels-container {
    padding:0!important
}
}

@media screen and (max-width: 767px) {
.tab-panels-container {
    border:none
}
}

h2.resp-accordion {
    cursor:pointer;
    padding:5px;
    display:none
}

.resp-tab-content {
    display:none
}

.resp-tab-content h4 {
    margin-bottom:15px;
    font-size:18px
}

.resp-content-active,.resp-accordion-active {
    display:block
}

h2.resp-accordion {
    font-size:13px;
    border:1px solid #c1c1c1;
    border-top:0 solid #c1c1c1;
    margin:0;
    padding:10px 15px
}

h2.resp-tab-active {
    border-bottom:0 solid #c1c1c1!important;
    margin-bottom:0!important;
    padding:10px 15px!important
}

h2.resp-tab-title:last-child {
    border-bottom:12px solid #c1c1c1!important
}

/* Page element: Staff Grid
----------------------------------------------------------*/
.staff-grid {
    clear:both
}

.staff-grid h3 {
}

.staff-grid .panel {
    font-size:13px
}

.staff-grid .panel ul {
    list-style:none;
    padding:20px 0
}

@media screen and (max-width: 767px) {
.staff-grid .panel ul {
    padding:0
}
}

.staff-grid .panel img {
    width:100%
}

.staff-grid .panel .name {
    font-size:16px;
    color:#a6a847
}

@media screen and (max-width: 767px) {
.staff-grid .panel .name {
    font-size:15px
}
}

.staff-grid .panel .title {
}

.staff-grid .panel .email {
}

.staff-grid .panel .email a {
}

.staff-grid .panel .call {
}

.staff-grid .panel .call a,.staff-grid .panel .call span {
    font-size:15px
}

@media screen and (max-width: 767px) {
.staff-grid .panel .call span {
    font-size:13px
}
}

.staff-grid .panel .location {
    color:#a6a847
}

.staff-grid .panel .more {
}

/* Page element: Inner Staff Grid (uses .staff-grid from above)
----------------------------------------------------------*/
.inner-staff-grid {
    border-top:1px solid #a6a847;
    padding-top:25px
}

.inner-staff-grid .panel {
    opacity:.5;
    transition:opacity .2s ease-in-out;
    -moz-transition:opacity .2s ease-in-out;
    -webkit-transition:opacity .2s ease-in-out
}

.inner-staff-grid .panel:hover,.inner-staff-grid .panel.current {
    opacity:1
}

/* Page element: Staff Menu
----------------------------------------------------------*/
.staff-menu {
    list-style:none;
    overflow:visible;
    font-size:16px;
    color:#fff;
    margin:0 0 20px;
    float:none;
    z-index:1000;
    text-align:left;
    display:block;
    width:290px;
    max-width:100%;
    position:relative
}

.staff-menu ul {
    padding-top:10px;
    padding-bottom:20px;
    background:#d0d08c
}

.staff-menu .trigger {
    display:block;
    outline:0 none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.staff-menu .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.staff-menu .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.staff-menu li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef
}

.staff-menu li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block
}

/* Page element: Staff Bio
----------------------------------------------------------*/
.staff-bio {
    margin-top:40px
}

.staff-bio .info-wrap {
}

.staff-bio .info-wrap ul {
    list-style:none;
    margin:0
}

.staff-bio .img-wrap {
}

.staff-bio .img-wrap img {
    width:100%
}

@media screen and (max-width: 767px) {
.staff-bio .img-wrap img {
    margin:0 0 20px
}
}

.staff-bio .info-wrap .name {
    font-size:16px;
    color:#a6a847
}

@media screen and (max-width: 767px) {
.staff-bio .info-wrap .name {
    font-size:15px
}
}

.staff-bio .info-wrap .title {
}

.staff-bio .info-wrap .email {
}

.staff-bio .info-wrap .email a {
}

.staff-bio .info-wrap .call {
}

.staff-bio .info-wrap .call a,.staff-bio .info-wrap .call span {
    font-size:15px
}

@media screen and (max-width: 767px) {
.staff-bio .info-wrap .call span {
    font-size:13px
}
}

.staff-bio .info-wrap .location {
    color:#a6a847
}

.staff-bio .details {
    margin:30px 0
}

.staff-bio .details h3 {
    color:#a6a847;
    font-size:16px;
    line-height:1.2;
    font-weight:400;
    margin:2em 0 0
}

.staff-bio blockquote,.staff-bio blockquote p {
    font-size:18px;
    line-height:1.3;
    margin:0 0 1em;
    color:#a6a847
}

.staff-bio .sidebar {
    background:#efeeee
}

@media screen and (max-width: 767px) {
.staff-bio .sidebar {
    margin-top:15px
}
}

.staff-bio .sidebar .content {
    padding:15px
}

.staff-bio .sidebar h3 {
    margin-top:0
}

.staff-bio .sidebar .panels {
    list-style:none;
    margin:0
}

.staff-bio .sidebar .panels li {
    border-bottom:1px solid #dbdbdb;
    padding:25px 0 15px
}

@media screen and (min-width: 321px) and (max-width: 767px) {
.staff-bio .sidebar .panels li {
    display:block;
    float:left;
    width:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.staff-bio .sidebar .panels li:nth-child(odd) {
    padding-right:10px
}

.staff-bio .sidebar .panels li:nth-child(even) {
    padding-left:10px
}
}

.staff-bio .sidebar .panels h4 {
    font-weight:400;
    font-size:16px
}

.staff-bio .sidebar .panels img {
    width:100%;
    margin:0 0 10px
}

/* Page element: FAQs Menu
----------------------------------------------------------*/
.faqs-menu {
    list-style:none;
    overflow:visible;
    font-size:16px;
    color:#fff;
    margin:0 0 20px;
    float:none;
    z-index:1000;
    text-align:left;
    display:block;
    width:290px;
    max-width:100%;
    position:relative
}

.faqs-menu ul {
    padding-top:10px;
    padding-bottom:20px;
    background:#d0d08c
}

.faqs-menu .trigger {
    display:block;
    outline:0 none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.faqs-menu .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.faqs-menu .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.faqs-menu li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef
}

.faqs-menu li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block
}

/* Page element: FAQs Page
----------------------------------------------------------*/
.faqs {
}

.faqs h3 {
    font-weight:400;
    margin:0 0 .5em;
    color:#a6a847;
    font-size:16px
}

.faqs .questions {
    list-style:none;
    margin:1em 0
}

.faqs .questions li {
    border-bottom:1px solid #EFEFEF
}

.faqs .questions h4 {
    font-weight:400;
    font-size:15px;
    line-height:1.6
}

.faqs .questions h4 a {
    color:#4d4d4f;
    padding-left:20px;
    background:url(../img/site/bg_faqs-h4.png) 0 50% no-repeat;
    outline:0 none;
    display:block
}

.faqs .questions h4.open a {
    background-image:url(../img/site/bg_faqs-h4-down.png);
    padding-left:28px;
    color:#a6a847
}

/* Page element: Travel Tips
----------------------------------------------------------*/
.trav-tips h4 {
    margin-bottom:15px;
    font-size:18px
}

.trav-tips h4.highlight {
    color:#a6a847
}

.trav-tips p.intro {
    font-size:16px;
    margin-top:0
}

.trav-tips ul {
    margin:0
}

.trav-tips li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.trav-tips li.on {
    background:#ebebeb
}

@media screen and (min-width: 768px) {
.row-fluid .trav-tips li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.trav-tips li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.trav-tips li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.trav-tips li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.trav-tips li:nth-child(odd) {
    margin-left:0
}
}

.trav-tips li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.trav-tips li.span4 .img-wrap {
    float:left;
    width:70px
}

.trav-tips li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.trav-tips li.span4 .img-wrap {
    width:95px
}
}

.trav-tips li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 979px) {
.trav-tips li .info-wrap {
    padding-top:5px
}
}

@media screen and (max-width: 767px) {
.trav-tips li .info-wrap {
    float:left;
    width:110px;
    padding-left:8px;
    padding-top:2px
}
}

@media screen and (max-width: 425px) {
.trav-tips li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.trav-tips li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (max-width: 979px) {
.trav-tips li h5 {
    line-height:1
}
}

@media screen and (max-width: 767px) {
.trav-tips li h5 {
    margin-bottom:2px
}
}

.trav-tips li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

.trav-tips li p.more {
    font-size:12px;
    margin-bottom:0
}

@media screen and (max-width: 979px) {
.trav-tips li h5 a {
    font-size:12px
}

.trav-tips li p.more {
    font-size:12px;
    margin-bottom:0
}
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.trav-tips li h5 a {
    font-size:12px
}
}

.trav-tips li h5 a span {
    color:#a6a847;
    margin-top:7px;
    display:block
}

.trav-tips li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left;
    clear:left
}

@media screen and (max-width: 767px) {
.trav-tips li h5 a {
    font-size:11px;
    margin-bottom:0
}

.trav-tips li h5 span {
    font-size:11px;
    margin-top:1px
}
}

@media screen and (max-width: 425px) {
.trav-tips li h5 a {
    margin-bottom:10px;
    font-size:12px;
    line-height:1.3;
    line-height:1
}

.trav-tips li h5 a span {
    margin-top:10px;
    font-size:12px
}
}

@media screen and (max-width: 767px) {
.destinations-page .trav-tips li p.more {
    font-size:11px;
    margin-bottom:0;
    margin-top:0
}
}

@media screen and (max-width: 425px) {
.trav-tips li p.more {
    font-size:12px;
    margin-bottom:0;
    margin-top:10px
}
}

.trav-tips li .grade {
    font-size:13px;
    display:inline-block;
    float:left;
    margin:0;
    color:#a6a847;
    font-weight:700
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.trav-tips li .more,.trav-tips li .grade {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

#travel-tips-slider {
}

#travel-tips-slider .img-wrap {
    margin:0 0 15px
}

#travel-tips-slider .slider-controls-direction.first {
    top:10px
}

#travel-tips-slider .slider-controls-direction.second {
    bottom:10px
}

/* Page element: Travel Tips Infographic
----------------------------------------------------------*/
.infographic-wrap {
    text-align:center
}

/* Page element: About Us
----------------------------------------------------------*/
.about-us {
}

.about-us .image-wrap {
}

.about-us .image-wrap img {
    width:100%
}

.about-us blockquote,.about-us blockquote p {
    font-size:18px;
    line-height:1.3;
    margin:0 0 1em;
    color:#a6a847
}

@media screen and (max-width: 767px) {
.about-us blockquote {
    margin-top:1em
}
}

.about-us .feature-panel {
    background:#EFEFEF;
    padding:15px;
    font-size:15px;
    margin-top:20px;
    margin-bottom:20px
}

.about-us .feature-panel h3 {
    font-weight:400;
    margin:0 0 .5em;
    color:#a6a847;
    font-size:20px
}

.about-us .why-us {
}

.about-us .why-us h3 {
    font-weight:400;
    color:#a6a847;
    font-size:16px;
    margin:0
}

.about-us .section-panels {
    margin-top:20px
}

.about-us .section-panels .panel {
    border-bottom:1px solid #dbdbdb;
    padding-bottom:20px;
    margin-bottom:20px
}

.about-us .section-panels h3 {
    font-weight:400;
    color:#a6a847;
    font-size:16px;
    margin:0
}

.about-us .section-panels img {
    width:100%
}

/* Page element: Contact Columns
----------------------------------------------------------*/
.contact-columns {
}

.contact-columns .span6 {
}

.contact-columns .span6 + .span6 {
    border-left:1px solid #a6a847
}

@media screen and (max-width: 767px) {
.contact-columns .span6 + .span6 {
    border-left:0 none;
    border-top:1px solid #dbdbdb;
    margin-top:30px;
    padding-top:20px
}
}

.contact-columns .span6 + .span6 h3,.contact-columns .span6 + .span6 dl {
    padding-left:15px
}

@media screen and (max-width: 767px) {
.contact-columns .span6 + .span6 h3,.contact-columns .span6 + .span6 dl {
    padding-left:0
}
}

.contact-columns h3 {
    font-weight:400;
    margin:0 0 .5em;
    color:#a6a847;
    font-size:16px
}

.contact-columns dl {
}

.contact-columns dt {
    font-weight:400
}

.contact-columns dd,.contact-columns .note {
    margin:0 0 1em
}

.contact-columns address {
    color:#a6a847
}

/* Page element: Request Brochure modal
----------------------------------------------------------*/
.request-brochure {
    background:#fff
}

.request-brochure .btn {
    font-size: 13px;
    margin-right: .3rem;
}

.request-brochure form {
}

.request-brochure form h3 {
    color:#a6a847;
    font-size:14px
}

.request-brochure form h4 {
    font-size:13px;
    font-weight:400;
    margin-bottom:20px
}

.request-brochure form .left-form {
    padding:0 5px 20px 0;
    margin-left:0
}

.request-brochure form .right-form {
    padding:0 0 20px 5px
}

.request-brochure form textarea {
    border:solid 1px #a6a847!important
}

.request-brochure form .note {
    color:#a6a847;
    font-size:12px;
    line-height:1.5
}

.request-brochure form input[type="text"] {
    border:solid 1px #a6a847!important;
    float:left;
    height:35px
}

.request-brochure form input[type="checkbox"].inline-input {
    display:inline-block;
    margin:0 0 0 10px;
    padding:0;
    line-height:1;
    height:15px;
    border:none;
    background:url(assets/img/site/checkbox.png) no-repeat
}

.request-brochure form input[type="submit"].btn {
    width:130px;
    float:right;
    font-weight:400;
    display:block;
    position:relative;
    height:35px
}

.request-brochure form input#captcha-enter {
    width:130px;
    float:right;
    margin-bottom:30px
}

.request-brochure form label {
    width:96px;
    font-size:13px;
    float:left;
    clear:both;
    margin-bottom:10px
}

.request-brochure form label[for="captcha-enter"] {
    width:180px;
    padding-top:5px;
    margin-bottom:80px
}

.request-brochure form label[for="hear-about"] {
    padding-top:5px
}

.request-brochure form label span {
    color:#a6a847
}

.request-brochure form label[for="subject"] {
    margin-top:5px
}

.request-brochure form label[for="message"] {
    margin-top:5px
}

.request-brochure form .reload {
    clear:both;
    height:56px;
    width:auto;
    float:right;
    padding-left:35px;
    padding-top:5px;
    margin-top:7px;
    display:block;
    background:url(../img/site/reload.jpg) no-repeat top left
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.request-brochure form .reload {
    -webkit-background-size:28px 33px;
    -moz-background-size:28px 33px;
    -o-background-size:28px 33px;
    background-size:28px 33px;
    background-image:url(../img/site/reload@2x.jpg)
}
}

.request-brochure form .select-wrap {
}

.request-brochure form .select-wrap label {
    width:100%
}

.request-brochure form .details {
}

.request-brochure form .details input[type="text"] {
    width:234px
}

.request-brochure form .details input[type="text"].title {
    width:100px
}

.request-brochure form .details .dob {
    margin-right:-10px;
    float:left
}

.request-brochure form .details .dob select {
    width:71px;
    margin-right:10px;
    text-align:center;
    border-color:#a6a847;
    text-align:left
}

.request-brochure .brochure-panel {
    display:block;
    min-height:140px;
    background-position:20% 50%
}

.request-brochure .brochure-panel .btns {
    margin:0;
    padding:20px 0 0 115px
}

.request-brochure .brochure-panel .btns li {
    text-align:left
}

.request-brochure .brochure-panel .btns .btn {
    width:145px
}

.request-brochure .details {
}

.request-brochure .details .span6 + .span6 {
    margin-top:45px
}

.request-brochure .address {
    padding-bottom:20px
}

.request-brochure .address label {
    width:110px
}

.request-brochure .address input[type="text"],.request-brochure .address .find-address,.request-brochure .address select {
    width:210px;
    float:left!important;
    margin-left:47px
}

.request-brochure .address select {
    border-color:#a6a847
}

.request-brochure .address .find-address {
    margin-top:70px;
    float:right;
    color:#a6a847;
    font-weight:700;
    margin-bottom:10px;
    display:block;
    padding:0 5px 0 0;
    clear:both;
    position:relative
}

@media screen and (max-width: 767px) {
.request-brochure .address .find-address {
    margin-top:0;
    margin-left:130px
}
}

@media screen and (max-width: 425px) {
.request-brochure .address .find-address {
    float:left
}
}

.request-brochure .mail-foot {
}

.request-brochure .mail-foot input[type="text"] {
    width:220px;
    float:right
}

.request-brochure .mail-foot input[type="text"].fullwidth {
    width:100%;
    float:none;
    clear:left
}

.request-brochure .mail-foot label.small {
    font-size:10px;
    width:100%;
    float:none;
    clear:left;
    display:inline-block
}

.request-brochure .mail-foot label.newsletter {
    font-size:10px;
    width:200px!important;
    float:none;
    clear:left;
    display:inline;
    line-height:1
}

.request-brochure .captcha-wrap {
    margin-top:50px
}

@media screen and (max-width: 767px) {
.request-brochure .captcha-wrap {
    margin-top:10px
}
}

.request-brochure .submit-btns {
    padding:0 0 20px
}

.request-brochure .submit-btns .btn {
    float:right;
    margin:0 0 20px 10px
}

.request-brochure .submit-btns .btn + .btn {
    margin-left:0
}

/* Search Results page
----------------------------------------------------------*/
.search-count {
    font-size:16px
}

.search-results-list {
}

.search-results-list ul {
    list-style:none;
    margin:0 0 10px
}

.search-results-list li {
    *zoom:1;
    border-bottom:1px solid #dbdbdb;
    padding:24px 0
}

.search-results-list li:first-child {
    padding-top:0
}

.search-results-list li:last-child {
    border-bottom:0 none
}

.search-results-list li:before,.search-results-list li:after {
    display:table;
    line-height:0;
    content:""
}

.search-results-list li:after {
    clear:both
}

.search-results-list .img-wrap {
    float:left;
    margin:0 20px 0 0
}

@media screen and (max-width: 767px) {
.search-results-list .img-wrap {
    float:none;
    margin:0 0 20px;
    width:10)%
}
}

.search-results-list .img-wrap img {
    width:100%
}

.search-results-list .content {
}

@media screen and (max-width: 767px) {
.search-results-list .content {
    float:none;
    width:100%
}
}

.search-results-list .content h3 {
    font-weight:400;
    color:#a6a847;
    font-size:16px;
    line-height:1.1;
    margin:0 0 .75em
}

.search-results-list .content p:last-child {
    margin-bottom:0
}

/* Search Results Menu
----------------------------------------------------------*/
.search-nav {
    list-style:none;
    overflow:visible;
    width:150px;
    font-size:12px;
    color:#fff;
    margin:10px 0 0;
    display:block;
    position:relative;
    z-index:2;
    float:right
}

@media screen and (max-width: 767px) {
.search-nav {
    clear:left;
    float:none;
    margin-top:0;
    float:left;
    width:207px
}
}

@media screen and (max-width: 767px) {
.news-home .search-nav {
    clear:none;
    float:right
}
}

@media screen and (max-width: 480px) {
.search-nav {
    width:225px
}
}

.search-navigate {
    z-index:3
}

@media screen and (max-width: 767px) {
.search-navigate {
    clear:left
}

.news-story .search-navigate {
    clear:none;
    float:right
}
}

@media screen and (max-width: 480px) {
.news-story .search-navigate {
    width:225px;
    float:left;
    margin-top:5px
}
}

@media screen and (max-width: 480px) {
.news-home .search-navigate {
    width:225px;
    clear:left;
    float:left;
    margin-top:5px
}
}

.search-nav.archives {
    clear:left;
    float:none;
    margin:20px 0 30px
}

@media screen and (max-width: 767px) {
.search-nav.archives {
    float:right;
    clear:none;
    margin-top:0
}
}

.search-nav ul ul {
    display:none
}

@media screen and (max-width: 480px) {
.search-nav.archives {
    clear:left;
    float:left;
    margin-top:10px
}

.lead .search-nav {
    margin-right:0
}
}

.search-nav .trigger {
    display:block;
    outline:none;
    height:40px;
    font-size:14px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

@media screen and (max-width: 767px) {
.search-nav .trigger {
    font-size:12px
}
}

@media screen and (max-width: 480px) {
.search-nav .trigger {
    font-size:12px
}
}

.search-nav .trigger.open-trigger {
    background-image:url(../img/site/bg_arrow-up.png)
}

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

}

.search-nav .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:10px 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.search-nav .drop li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:12px;
    list-style:none
}

.search-nav .drop li a {
    padding:7px 0 2px;
    margin:0 20px;
    color:#404042;
    display:block;
    border-bottom:solid 1px #efefef
}

.search-nav .drop li.subtitle a {
    color:#a6a847
}

.search-nav .drop .break {
    color:#4d4d4f;
    height:20px;
    border:0 none;
    margin:40px 0 0;
    padding:0 0 0 20px
}

.search-nav .drop .breaker {
}

.search-nav .drop .breaker a {
    border-color:#edecd3;
    padding-bottom:20px;
    margin-bottom:10px
}

.search-nav .drop .view {
    margin-bottom:30px
}

.search-nav .drop .view a {
    color:#a6a847
}

.search-nav .drop li a:hover,.search-nav .drop li a:focus,.search-nav .drop li.current a {
    color:#a6a847
}

.search-nav .drop li a.title {
    font-weight:700;
    margin-top:30px
}

.search-nav .drop li a.first.title {
    margin-top:0
}

.search-nav .drop li a.view-self {
    color:#b87628;
    font-weight:700;
    padding-top:0
}

.search-nav .drop li a.view-private {
    color:#0094c6;
    font-weight:700;
    padding-top:0
}

.search-nav .drop li a.view-small {
    color:#945a6f;
    font-weight:700;
    padding-top:0
}

.search-nav .drop li.view-types {
    border:none;
    margin:0;
    padding-bottom:0;
    line-height:1.2
}

.search-nav .drop li.view-types a {
    margin-top:0;
    border:none;
    padding:7px 0
}

.search-nav .drop li.view-types a.view-small {
    margin-top:20px
}

/* Replacement menu for tabs at lower screen sizes
----------------------------------------------------------*/
.device-tabs {
    display:none;
    margin:0;
    padding:0
}

@media screen and (max-width: 767px) {
.device-tabs {
    display:block
}
}

@media screen and (max-width: 425px) {
.device-tabs {
    margin:0 auto;
    width:90%;
    display:block
}
}

@media screen and (max-width: 767px) {
.device-tabs li {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%;
    font-size:16px;
    color:#fff;
    display:inline-block;
    padding:13px 0;
    list-style:none;
    cursor:pointer;
    float:left;
    background-color:#c8c978;
    font-weight:400;
    text-align:center
}
}

.device-tabs li:nth-child(odd) {
    margin-left:0
}

@media screen and (max-width: 425px) {
.device-tabs li {
    float:none;
    width:100%;
    margin:0 auto 10px
}
}


/* Payment Form
---------------------------------------------------------*/
.payment-form {
    margin-top: 50px;
}

.payment-form .row-fluid.with-tick {
  padding-right: 20px;
  box-sizing: border-box;
}

.payment-form form .row-fluid {
    margin:.2em 0
}

.payment-form form p.intro {
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    width:90%;
    margin-bottom:5px;
    display:block
}

.payment-form form p.intro .highlight {
    color:#A6A847
}

.payment-form form p.required {
    color:#a6a847;
    font-size:14px
}

.payment-form form h2 {
    color:#a6a847;
    font-size:18px;
    margin-top:0
}

.payment-form form .phone-numbers {
    font-size:14px;
    padding:1em 0
}

.payment-form form .phone-numbers img {
    margin:0 10px 0 0;
    height:20px
}

.payment-form form h3 {
    color:#a6a847;
    font-size:14px
}

.payment-form form h4 {
    color:#a6a847;
    font-size:13px;
    font-weight:400;
    margin-bottom:20px
}

.payment-form form .left-form {
    padding:0 5px 20px 0;
    margin-left:0
}

.payment-form form .right-form {
    padding:0 0 20px 5px
}

.payment-form form textarea {
    border:solid 1px #a6a847!important
}

.payment-form form .note {
    color:#a6a847;
    font-size:12px;
    line-height:1.5
}

.payment-form form input[type="text"],
.payment-form form select {
    border:solid 1px #a6a847!important;
    float:left;
    height:35px;
    width:100%
}

.payment-form form input[type="checkbox"].inline-input {
    display:inline-block;
    margin:0 0 0 10px;
    padding:0;
    line-height:1;
    height:15px;
    border:none;
    background:url(assets/img/site/checkbox.png) no-repeat
}

.payment-form form input[type="button"].btn,
.payment-form form input[type="submit"].btn {
    width:130px;
    font-weight:400;
    display:block;
    position:relative;
    height:35px;
    margin-right: 20px;
}

.form-details {
    margin-bottom: 10px;
}

.payment-form form label {
    font-size:13px;
    margin-bottom:10px
}

.payment-form form label span {
    color:#a6a847
}

.payment-form form .select-wrap select {
    width:100%
}

.payment-form form .mail-foot label {
    width:96px
}

.payment-form form .mail-foot input[type="text"] {
    width:220px;
    float:right
}

.payment-form hr {
    width: calc(100% - 20px);
}

form .formTick {
    position: absolute;
    top: 5px;
    right: 0;
}

@media screen and (max-width: 767px) {
.payment-form .row-fluid.with-tick {
  padding-right: 0;
}

form .formTick {
    position: absolute;
    top: 5px;
    right: -20px;
}
.payment-form form input[type="submit"].btn {
    margin-right: 0;
}
}


.prevlink,
.nextlink {
    display: inline-block;
}

.nextlink {
    float: right;
}

/* Modal: Contact us;
----------------------------------------------------------*/

.contact-modal .modal-dialog {
    background-color: #333 !important;
}

.contact-modal,
.contact-modal h2,
.contact-modal h3,
.contact-modal a {
    color: #fff;
}

.contact-modal ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    padding-bottom: 20px;
}

.contact-modal img {
    width: 30px;
    height: auto;
}

.contact-modal .tel {
    font-size: 200%;
}

/* Page element: Mobile Revealed Content
----------------------------------------------------------*/
.further-reading {
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:solid 1px #d4d4df
}

@media screen and (max-width: 767px) {
.further-reading {
    border:none
}
}

.further-reading .slider-close {
    font-size:16px;
    display:block;
    margin:20px 0
}

.mobile-nav-panel .more-info {
    display:none
}

.mobile-nav-panel#highlights-content .more-info {
    display:inline
}

@media screen and (max-width: 767px) {
.mobile-nav-panel .more-info:first-child {
    display:block;
    margin-top:10px
}
}

@media screen and (max-width: 767px) {
.mobile-nav-panel#highlights-content .more-info {
    display:none
}
}

@media screen and (max-width: 767px) {
.further-reading .more-info {
    display:none
}
}

.further {
    cursor:pointer
}

.further.block {
    display:block;
    margin-top:10px
}

.further-content {
    display:none
}

.generic-modal .at-a-glance {
    display:block;
}

.generic-modal .at-a-glance ul {
    list-style:none;
    margin:0
}

.generic-modal .at-a-glance h1 {
    font-size: 180%;
}

.generic-modal .at-a-glance h3 {
    margin:1em 0
}

.generic-modal .at-a-glance h4 {
    margin:10px 0;
    color: #333;
}

.generic-modal .at-a-glance .departures {
    margin-bottom:1em
}

.generic-modal .at-a-glance .carousel-block {
    float:right
}

.generic-modal .at-a-glance .lead.secondary {
    margin:0
}

.generic-modal .at-a-glance .details {
    margin:10px 0
}

.generic-modal .at-a-glance .info-wrap p,.generic-modal .at-a-glance .details p {
    font-size:95%;
    color: #333;
}

.generic-modal .at-a-glance strong {
    color:#a6a847
}

.generic-modal .at-a-glance .accommodation {
    margin-bottom:0
}

.generic-modal .at-a-glance .accommodation a {
    color: #333;
}

@media screen and (max-width: 767px) {
.generic-modal .at-a-glance .departures time,.generic-modal .at-a-glance .departures .price {
    display:inline-block;
    width:50%;
    float:left
}
}

.whats-included {
    display:none
}

.whats-included li {
    font-size:16px;
    color:#a6a847;
    line-height:1.5
}

.whats-included li span {
    color:#4d4d4f
}

.whats-included h3 {
    color:#a6a847;
    font-size:22px;
    margin-top:25px
}

.whats-included h4 {
    color:#a6a847;
    font-size:16px;
    margin-top:30px;
    margin-bottom:30px;
    font-weight:400
}

.further-content {
    margin-top:35px;
    display:none
}

.further-content h3 {
    color:#a6a847;
    font-size:22px;
    margin-top:25px
}

.further-content h4 {
    color:#a6a847;
    font-size:16px;
    margin-top:30px;
    margin-bottom:30px;
    font-weight:400
}

.further-content p {
    font-size:16px;
    line-height:1.5;
    margin-bottom:20px
}

.further-content p span {
    color:#a6a847
}

.further-content .more-info {
    margin-top:50px
}

@media screen and (max-width: 767px) {
.tour-page .tour-highlights .more-info {
    display:none
}
}

.mobile-close {
    font-size:16px
}

/* Page element: Mobile Price Content
----------------------------------------------------------*/
.full-price-info {
    margin-top:20px;
    display:none
}

.full-price-info div {
    margin-bottom:40px
}

.full-price-info ul {
    padding:0;
    margin:0
}

.full-price-info li {
    font-size:14px;
    line-height:1.4;
    list-style:none;
    margin-bottom:10px
}

.full-price-info span {
    margin-left:20px;
    color:#a6a847
}

@media screen and (max-width: 425px) {
.full-price-info span.long-info {
    margin-left:0;
    display:block
}
}

.full-price-info h3 {
    font-size:22px;
    color:#a6a847
}

.full-price-info h4 {
    font-size:18px;
    color:#a6a847
}

.mobile-price-close {
    font-size:16px;
    margin-bottom:25px;
    display:inline-block
}

/* Page element: Tour list
----------------------------------------------------------*/
.tour-list {
    overflow:hidden;
    margin-bottom:15px
}

.tour-list ul {
    margin:0!important;
    padding:0;
    float:left
}

.tour-list ul li {
    margin:0 0 10px 20px!important;
    line-height:1.5;
    margin-bottom:15px;
    display:list-item;
    padding:0 10px 0 0;
    font-size:15px;
    list-style:disc;
    color:#a6a847
}

.tour-list ul li span {
    color:#4d4d4f
}

p.more-info {
    font-size:14px;
    margin:15px 0 5px
}

strong.tel {
    font-size:16px;
    color:#a6a847
}

/* Page element: Destinations
----------------------------------------------------------*/
.destinations h4 {
    margin-top:30px;
    margin-bottom:20px;
    font-size:18px
}

.destinations ul {
    margin:0
}

.destinations li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.destinations li.on {
    background:#ebebeb
}

@media screen and (min-width: 768px) {
.row-fluid .destinations li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.destinations li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.destinations li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.destinations li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.destinations li:nth-child(odd) {
    margin-left:0
}
}

.destinations li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.destinations li.span4 .img-wrap {
    float:left;
    width:70px
}

.destinations li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.destinations li.span4 .img-wrap {
    width:95px
}
}

.destinations li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.destinations li .info-wrap {
    width:110px;
    float:left;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.destinations li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.destinations li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.destinations li h5 {
    margin-bottom:3px;
    line-height:1
}
}

.destinations li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.destinations li h5 a {
    font-size:12px
}
}

.destinations li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.destinations li .more {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

/* Page element: Experiences in Destination , sub Destinations on SGA
----------------------------------------------------------*/
.exp-at-destination-content h4 {
    margin-top:30px;
    margin-bottom:20px;
    font-size:18px
}

.exp-at-destination-content ul {
    margin:0
}

.exp-at-destination-content li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.exp-at-destination-content li.on {
    background:#ebebeb
}

@media screen and (min-width: 768px) {
.row-fluid .exp-at-destination-content li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.exp-at-destination-content li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.exp-at-destination-content li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.exp-at-destination-content li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.exp-at-destination-content li:nth-child(odd) {
    margin-left:0
}
}

.exp-at-destination-content li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.exp-at-destination-content li.span4 .img-wrap {
    float:left;
    width:70px
}

.exp-at-destination-content li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.exp-at-destination-content li.span4 .img-wrap {
    width:95px
}
}

.exp-at-destination-content li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.exp-at-destination-content li .info-wrap {
    width:110px;
    float:left;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.exp-at-destination-content li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.exp-at-destination-content li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.exp-at-destination-content li h5 {
    margin-bottom:3px;
    line-height:1
}
}

.exp-at-destination-content li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.exp-at-destination-content li h5 a {
    font-size:12px
}
}

.exp-at-destination-content li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.exp-at-destination-content li .more {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

/* Page element: Accommodation layout
----------------------------------------------------------*/
.accom h4 {
    margin-bottom:15px;
    font-size:18px
}

.accom h4.highlight,.accom h5.highlight {
    color:#a6a847
}

.accom p.intro {
    font-size:16px;
    margin-top:0
}

.accom ul {
    margin:0
}

.accom li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.accom li.on {
    background:#ebebeb
}

@media screen and (min-width: 768px) {
.row-fluid .accom li.first.span4 {
    margin:0;
    clear:left
}
}

@media screen and (max-width: 767px) {
.accom li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.accom li:nth-child(odd) {
    margin-left:0;
    clear:left
}
}

@media screen and (max-width: 425px) {
.accom li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.accom li:nth-child(odd) {
    margin-left:0
}
}

.accom li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.accom li.span4 .img-wrap {
    float:left;
    width:70px
}

.accom li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.accom li.span4 .img-wrap {
    width:95px
}
}

.accom li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:5px 10px 0 2px
}

.destinations-page li .info-wrap {
    padding-top:5px
}

@media screen and (max-width: 979px) {
.destinations-page li .info-wrap {
    padding-top:5px
}
}

@media screen and (max-width: 767px) {
.accom li .info-wrap {
    float:left;
    width:110px;
    padding-left:8px;
    padding-top:2px
}
}

@media screen and (max-width: 425px) {
.accom li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.destinations-page .carousel-block h3 {
    margin-bottom:0
}

#accommodation .carousel-block h3 {
    margin-bottom:0
}

#accommodation .carousel-block h4 {
    color:#a6a847;
    margin-top:0;
    margin-bottom:20px
}

#accommodation a h4 {
    color:#4d4d4f;
    font-size:115%;
    margin-bottom:0
}

#accommodation a h5 {
    font-size:100%;
    margin-top:0
}

@media screen and (max-width: 767px) {
.destinations-page .carousel-block h3 {
    margin-top:60px
}
}

.destinations-page .carousel-block h4 {
    margin-top:5px;
    display:inline-block;
    width:100%
}

.accom li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (max-width: 979px) {
.destinations-page .accom li h5 {
    line-height:1
}
}

@media screen and (max-width: 767px) {
.destinations-page .accom li h5 {
    margin-bottom:2px
}
}

.accom li a h5 {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

.accom li h5.highlight a {
    color:#a6a847
}

.destinations-page .accom li p.more {
    font-size:12px;
    margin-bottom:0
}

@media screen and (max-width: 979px) {
.destinations-page .accom li h5 a {
    font-size:12px
}

.destinations-page .accom li p.more {
    font-size:12px;
    margin-bottom:0
}
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.accom li h5 a {
    font-size:12px
}
}

.accom li h5 a span {
    color:#a6a847;
    margin-bottom:7px;
    display:block
}

.accom li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left;
    clear:left
}

@media screen and (max-width: 767px) {
.destinations-page .accom li h5 a {
    font-size:11px;
    margin-bottom:0
}

.destinations-page .accom li h5 span {
    font-size:11px;
    margin-top:1px
}
}

@media screen and (max-width: 425px) {
.destinations-page .accom li h5 a {
    margin-bottom:10px;
    font-size:12px;
    line-height:1.3;
    line-height:1
}

.destinations-page .accom li h5 a span {
    margin-top:10px;
    font-size:12px
}
}

@media screen and (max-width: 767px) {
.destinations-page .accom li p.more {
    font-size:11px;
    margin-bottom:0;
    margin-top:0
}
}

@media screen and (max-width: 425px) {
.destinations-page .accom li p.more {
    font-size:12px;
    margin-bottom:0;
    margin-top:10px
}
}

.accom li .grade {
    font-size:13px;
    display:inline-block;
    float:left;
    margin:0;
    color:#a6a847;
    font-weight:700
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.accom li .more,.accom li .grade {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

/* Page element: Family layout
----------------------------------------------------------*/
.family h4 {
    margin-bottom:15px;
    font-size:18px
}

.family h4.highlight {
    color:#a6a847
}

.family p.intro {
    font-size:16px;
    margin-top:0
}

.family ul {
    margin:0
}

.family li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

@media screen and (min-width: 768px) {
.row-fluid .family li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.family li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.family li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.family li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.family li:nth-child(odd) {
    margin-left:0
}
}

.family li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.family li.span4 .img-wrap {
    float:left;
    width:70px
}

.family li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.family li.span4 .img-wrap {
    width:95px
}
}

.family li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.family li .info-wrap {
    width:136px;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.family li .info-wrap {
    width:60%;
    float:left;
    padding-left:8px
}
}

.family li h5 {
    margin:0 0 5px;
    line-height:1.1
}

.family li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

.family li h5 a span {
    color:#a6a847;
    margin-top:7px;
    display:block
}

.family li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

/* Page element: Experiences layout
----------------------------------------------------------*/
.experiences h4 {
    margin-bottom:15px;
    font-size:18px
}

.experiences h4.highlight {
    color:#a6a847
}

.experiences p.intro {
    font-size:16px;
    margin-top:0
}

.experiences ul {
    margin:0
}

.experiences li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.experiences li.on {
    background:#ebebeb
}

@media screen and (min-width: 768px) {
.row-fluid .experiences li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.experiences li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.experiences li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.experiences li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.experiences li:nth-child(odd) {
    margin-left:0
}
}

.experiences li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.experiences li.span4 .img-wrap {
    float:left;
    width:70px
}

.experiences li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.experiences li.span4 .img-wrap {
    width:95px
}
}

.experiences li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.experiences li .info-wrap {
    width:110px;
    float:left;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.experiences li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.experiences li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.experiences li h5 {
    margin-bottom:3px;
    line-height:1
}
}

.experiences li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.experiences li h5 a {
    font-size:12px
}
}

.experiences li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.experiences li .more {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

/* Page element: Weather layout
----------------------------------------------------------*/
.eather {
}

.weather h4 {
    margin-bottom:15px;
    font-size:18px
}

.weather h4.highlight {
    color:#a6a847
}

.weather p.intro {
    font-size:16px;
    margin-top:0
}

.weather ul {
    margin:0
}

.weather li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

@media screen and (min-width: 768px) {
.row-fluid .weather li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.weather li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.weather li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.weather li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.weather li:nth-child(odd) {
    margin-left:0
}
}

.weather li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.weather li.span4 .img-wrap {
    float:left;
    width:70px
}

.weather li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.weather li.span4 .img-wrap {
    width:95px
}
}

.weather li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.weather li .info-wrap {
    width:136px;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.weather li .info-wrap {
    width:60%;
    float:left;
    padding-left:8px
}
}

.weather li h5 {
    margin:0 0 5px;
    line-height:1.1
}

.weather li h5 a {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

.weather li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

/* Page element: Booking layout
----------------------------------------------------------*/
.booking h4 {
    margin-bottom:20px;
    font-size:18px
}

.booking ul {
    margin:0
}

.booking li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    height:96px;
    width:285px;
    float:left
}

@media screen and (min-width: 768px) {
.row-fluid .booking li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.booking li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.booking li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.booking li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.booking li:nth-child(odd) {
    margin-left:0
}
}

.booking li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.booking li.span4 .img-wrap {
    float:left;
    width:70px
}

.booking li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.booking li.span4 .img-wrap {
    width:95px
}
}

.booking li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 10px 2px
}

@media screen and (max-width: 767px) {
.booking li .info-wrap {
    width:110px;
    float:left;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.booking li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.booking li h5 {
    margin:0 0 10px;
    line-height:1.3
}

.booking li h5 a {
    font-size:13px;
    line-height:1.3;
    margin-bottom:10px;
    color:#a6a847
}

.booking .supplement {
    font-size:16px;
    display:block;
    padding:20px 0 0;
    line-height:1.3;
    color:#a6a847;
    clear:left
}

@media screen and (max-width: 767px) {
.booking .supplement {
    font-size:14px;
    padding:0
}
}

.booking li .price {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f;
    font-weight:700
}

.booking li .now-booking {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f;
    font-weight:700
}

.booking li .ask-us {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f;
    font-weight:700
}

.booking li .sold-out {
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f;
    font-weight:700
}

.booking li .few-places {
    font-size:13px;
    line-height:1.3;
    color:#9b5f75;
    font-weight:700
}

.booking li .more {
    font-weight:700;
    font-size:13px;
    display:inline-block;
    float:left
}

/* Page widget: Destination map
----------------------------------------------------------*/
.destination-map {
    margin-bottom:40px
}

.destination-map p {
    font-size:18px;
    line-height:1.3
}

@media screen and (max-width: 767px) {
.destination-map p {
    margin-top:30px
}
}

.destination-map p.intro {
    color:#a6a847
}

/* Page widget: Region map
----------------------------------------------------------*/
.region-map {
}

.region-map .map {
    position:relative
}

.region-map .map img {
}

.region-map .map .marked-map {
    display:none
}

@media screen and (max-width: 494px) {
.region-map .map .marked-map {
    display:block
}
}

.region-map .map .clear-map {
    min-width:493px
}

@media screen and (max-width: 494px) {
.region-map .map .clear-map {
    display:none
}
}

.region-map .map .links {
    list-style:none
}

@media screen and (max-width: 494px) {
.region-map .map .links {
    display:none
}
}

.region-map .map .links li {
    font-size:13px;
    position:absolute
}

.region-map .map .links li a {
    white-space:nowrap;
    outline:0 none;
    color:#4d4d4f;
    height:16px;
    line-height:16px;
    padding-left:12px;
    background:url(../img/site/bg_region-map-bullet.png) 0 50% no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.region-map .map .links li a {
    background-image:url(../img/site/bg_region-map-bullet@2x.png);
    -webkit-background-size:7px 7px;
    -moz-background-size:7px 7px;
    -o-background-size:7px 7px;
    background-size:7px 7px
}
}

.region-map .map .links li .airport {
    background-image:url(../img/site/bg_region-map-airport.png);
    padding-left:20px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.region-map .map .links li .airport {
    background-image:url(../img/site/bg_region-map-airport@2x.png);
    -webkit-background-size:16px 16px;
    -moz-background-size:16px 16px;
    -o-background-size:16px 16px;
    background-size:16px 16px
}
}

.region-map .map .links li .snow {
    background-image:url(../img/site/bg_region-map-snow.png);
    padding-left:20px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.region-map .map .links li .snow {
    background-image:url(../img/site/bg_region-map-snow@2x.png);
    -webkit-background-size:16px 16px;
    -moz-background-size:16px 16px;
    -o-background-size:16px 16px;
    background-size:16px 16px
}
}

.region-map .map .links li .mountain {
    background-image:url(../img/site/bg_region-map-mountain.png);
    padding-left:12px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.region-map .map .links li .mountain {
    background-image:url(../img/site/bg_region-map-mountain@2x.png);
    -webkit-background-size:7px 7px;
    -moz-background-size:7px 7px;
    -o-background-size:7px 7px;
    background-size:7px 7px
}
}

.region-map .map .links li .main {
    font-size:20px;
    background-image:url(../img/site/bg_region-map-bullet-main.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.region-map .map .links li .main {
    background-image:url(../img/site/bg_region-map-bullet-main@2x.png);
    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    -o-background-size:10px 10px;
    background-size:10px 10px
}
}

.region-map .map .links .flip-right,.region-map .map .links .snow.flip-right,.region-map .map .links .mountain.flip-right,.region-map .map .links .airport.flip-right {
    background-position:100% 50%;
    padding-left:0;
    padding-right:12px
}

.region-map .map .links .snow.flip-right,.region-map .map .links .airport.flip-right {
    padding-right:20px
}

.region-map .map .links .flip-top,.region-map .map .links .snow.flip-top {
    background-position:50% 0;
    padding-left:0;
    padding-right:0;
    padding-top:12px
}

.region-map .map .links .flip-bottom,.region-map .map .links .snow.flip-bottom {
    background-position:50% 100%;
    padding-left:0;
    padding-right:0;
    padding-bottom:12px
}

.region-map .map .links .no-mark {
    background:none!important;
    padding:0!important
}

.region-map .map .links .marker {
    text-indent:-9999px;
    overflow:hidden;
    display:block
}

.region-map .map .links .current {
    opacity:1!important;
    color:#ad2221
}

.region-map .info {
}

@media screen and (max-width: 767px) {
.region-map .info {
    margin:15px 0 0
}
}

.region-map .info blockquote {
    color:#a6a847;
    font-size:18px;
    line-height:23px;
    margin:0 0 30px
}

.region-map .info small {
    font-size:16px
}

.region-map .info .panels {
    list-style:none;
    margin:0
}

.region-map .info .panels li {
    display:none
}

.region-map .info .panels .default {
    display:block
}

.region-map .info .panels h3 {
    font-size:16px;
    font-weight:400;
    margin:0
}

.region-map .info .panels p {
    font-size:14px;
    margin:0 0 10px;
    float:none
}

.region-map .info .panels .img-wrap {
    margin:20px 0 0;
    padding:20px 0 0;
    border-top:1px solid #dbdbdb
}

@media screen and (max-width: 979px) {
.region-map .info .panels .img-wrap {
    display:none
}
}

.region-map .info .panels .img-wrap img {
    width:100%
}

/* region map: Chubu */
.region-map .chubu {
}

.region-map .chubu .links {
}

.region-map .chubu .links .nagano {
    top:129px;
    left:301px
}

.region-map .chubu .links .kanazawa {
    top:160px;
    left:89px
}

.region-map .chubu .links .matsumoto {
    top:201px;
    left:324px
}

.region-map .chubu .links .toyota {
    top:295px;
    left:213px
}

.region-map .chubu .links .shirakawago {
    top:158px;
    left:220px
}

.region-map .chubu .links .takayama {
    top:180px;
    left:132px
}

.region-map .chubu .links .hakone {
    top:320px;
    left:371px
}

.region-map .chubu .links .kamikochi {
    top:185px;
    left:308px
}

.region-map .chubu .links .norikura {
    top:203px;
    left:238px
}

.region-map .chubu .links .tsumago {
    top:235px;
    left:268px
}

.region-map .chubu .links .niigata {
    top:44px;
    left:400px
}

.region-map .chubu .links .sado-island {
    top:25px;
    left:271px
}

.region-map .chubu .links .noto-peninsula {
    top:77px;
    left:128px
}

.region-map .chubu .links .centrair {
    top:311px;
    left:187px
}

.region-map .chubu .links .naeba {
    top:102px;
    left:379px
}

.region-map .chubu .links .yudanaka {
    top:140px;
    left:364px
}

.region-map .chubu .links .shimoda {
    top:364px;
    left:355px
}

.region-map .chubu .links .nagoya {
    top:297px;
    left:120px
}

/*.region-map .chubu .links .mt-fuji {*/
.region-map .chubu .links .mount-fuji {
    top:280px;
    left:312px
}

.region-map .chubu .links .shiga-kogen {
    top:121px;
    left:371px
}

.region-map .chubu .links .hakuba {
    top:143px;
    left:269px
}

.region-map .chubu .links .magome {
    top:248px;
    left:197px
}

.region-map .chubu .links .gero-onsen {
    top:228px;
    left:156px
}

.region-map .chubu .links .echigo-yuzawa {
    top:87px;
    left:389px
}

.region-map .chubu .links .obuse {
    top:150px;
    left:343px
}

.region-map .chubu .links .lake-kawaguchi {
    top:259px;
    left:271px
}

.region-map .chubu .links .shizuoka {
    top:316px;
    left:276px
}

.region-map .chubu .links .shuzenji {
    top:337px;
    left:372px
}

.region-map .chubu .links .toyohashi {
    top:337px;
    left:228px
}

.region-map .chubu .links .fukui {
    top:213px;
    left:110px
}

.region-map .chubu .links .toyama {
    top:143px;
    left:184px;
}

@media screen and (min-width: 1200px) {
.region-map .chubu .links .nagano {
    top:160px;
    left:386px
}

.region-map .chubu .links .kanazawa {
    top:198px;
    left:134px
}

.region-map .chubu .links .matsumoto {
    top:254px;
    left:402px
}

.region-map .chubu .links .toyota {
    top:369px;
    left:265px
}

.region-map .chubu .links .shirakawago {
    top:199px;
    left:272px
}

.region-map .chubu .links .takayama {
    top:227px;
    left:187px
}

.region-map .chubu .links .hakone {
    top:403px;
    left:459px
}

.region-map .chubu .links .kamikochi {
    top:233px;
    left:382px
}

.region-map .chubu .links .norikura {
    top:254px;
    left:310px
}

.region-map .chubu .links .tsumago {
    top:296px;
    left:333px
}

.region-map .chubu .links .niigata {
    top:55px;
    left:496px
}

.region-map .chubu .links .sado-island {
    top:34px;
    left:356px
}

.region-map .chubu .links .noto-peninsula {
    top:98px;
    left:184px
}

.region-map .chubu .links .centrair {
    top:385px;
    left:234px
}

.region-map .chubu .links .naeba {
    top:130px;
    left:471px
}

.region-map .chubu .links .yudanaka {
    top:176px;
    left:452px
}

.region-map .chubu .links .shimoda {
    top:456px;
    left:441px
}

.region-map .chubu .links .nagoya {
    top:370px;
    left:168px
}

.region-map .chubu .links .mt-fuji {
    top:350px;
    left:413px
}

.region-map .chubu .links .shiga-kogen {
    top:153px;
    left:463px
}

.region-map .chubu .links .hakuba {
    top:177px;
    left:350px
}

.region-map .chubu .links .magome {
    top:310px;
    left:258px
}

.region-map .chubu .links .gero-onsen {
    top:285px;
    left:212px
}

.region-map .chubu .links .echigo-yuzawa {
    top:110px;
    left:482px
}

.region-map .chubu .links .obuse {
    top:187px;
    left:420px
}

.region-map .chubu .links .lake-kawaguchi {
    top:323px;
    left:361px
}

.region-map .chubu .links .shizuoka {
    top:396px;
    left:358px
}

.region-map .chubu .links .shuzenji {
    top:422px;
    left:462px
}

.region-map .chubu .links .toyohashi {
    top:420px;
    left:284px
}

.region-map .chubu .links .fukui {
    top:267px;
    left:148px
}

.region-map .chubu .links .toyama {
    top:181px;
    left:239px
}
}

/* region map: Chugoku */
.region-map .chugoku {
}

.region-map .chugoku .links {
}

.region-map .chugoku .links .hiroshima {
    top:149px;
    left:171px
}

.region-map .chugoku .links .matsue {
    top:45px;
    left:243px
}

.region-map .chugoku .links .hagi {
    top:130px;
    left:31px
}

.region-map .chugoku .links .tsuwano {
    top:128px;
    left:99px
}

.region-map .chugoku .links .kurashiki {
    top:160px;
    left:275px
}

.region-map .chugoku .links .okayama {
    top:152px;
    left:296px
}

.region-map .chugoku .links .miyajima {
    top:167px;
    left:108px
}

.region-map .chugoku .links .yamaguchi {
    top:147px;
    left:19px
}

.region-map .chugoku .links .oki-islands {
    top:3px;
    left:281px
}

.region-map .chugoku .links .tottori {
    top:56px;
    left:310px
}

.region-map .chugoku .links .tomonoura {
    top:184px;
    left:209px
}

.region-map .chugoku .links .izumo {
    top:57px;
    left:163px
}

.region-map .chugoku .links .iwakuni {
    top:187px;
    left:77px
}

@media screen and (min-width: 1200px) {
.region-map .chugoku .links .hiroshima {
    top:187px;
    left:216px
}

.region-map .chugoku .links .matsue {
    top:60px;
    left:302px
}

.region-map .chugoku .links .hagi {
    top:163px;
    left:47px
}

.region-map .chugoku .links .tsuwano {
    top:166px;
    left:167px
}

.region-map .chugoku .links .kurashiki {
    top:201px;
    left:341px
}

.region-map .chugoku .links .okayama {
    top:192px;
    left:366px
}

.region-map .chugoku .links .miyajima {
    top:209px;
    left:150px
}

.region-map .chugoku .links .yamaguchi {
    top:190px;
    left:31px
}

.region-map .chugoku .links .oki-islands {
    top:5px;
    left:350px
}

.region-map .chugoku .links .tottori {
    top:72px;
    left:384px
}

.region-map .chugoku .links .tomonoura {
    top:225px;
    left:269px
}

.region-map .chugoku .links .izumo {
    top:71px;
    left:214px
}

.region-map .chugoku .links .iwakuni {
    top:234px;
    left:108px
}
}

/* region map: Hokkaido */
.region-map .hokkaido {
}

.region-map .hokkaido .links {
}

.region-map .hokkaido .links .asahikawa {
    top:146px;
    left:118px
}

.region-map .hokkaido .links .abashiri {
    top:134px;
    left:270px
}

.region-map .hokkaido .links .rausu {
    top:147px;
    left:389px
}

.region-map .hokkaido .links .lake-shikotsu {
    top:223px;
    left:132px
}

.region-map .hokkaido .links .noboribetsu {
    top:265px;
    left:115px
}

.region-map .hokkaido .links .hakodate {
    top:317px;
    left:85px
}

.region-map .hokkaido .links .wakkanai {
    top:10px;
    left:170px
}

.region-map .hokkaido .links .toya-onsen {
    top:250px;
    left:19px
}

.region-map .hokkaido .links .kawayu-onsen {
    top:166px;
    left:235px
}

.region-map .hokkaido .links .niseko {
    top:230px;
    left:66px
}

.region-map .hokkaido .links .sapporo {
    top:205px;
    left:60px
}

.region-map .hokkaido .links .mt-asahi-dake {
    top:185px;
    left:241px
}

.region-map .hokkaido .links .tsurui {
    top:214px;
    left:342px
}

.region-map .hokkaido .links .biei {
    top:172px;
    left:156px
}

.region-map .hokkaido .links .kushiro {
    top:235px;
    left:298px
}

.region-map .hokkaido .links .furano {
    top:200px;
    left:184px
}

@media screen and (min-width: 1200px) {
.region-map .hokkaido .links .asahikawa {
    top:183px;
    left:163px
}

.region-map .hokkaido .links .abashiri {
    top:169px;
    left:351px
}

.region-map .hokkaido .links .rausu {
    top:183px;
    left:483px
}

.region-map .hokkaido .links .lake-shikotsu {
    top:280px;
    left:164px
}

.region-map .hokkaido .links .noboribetsu {
    top:333px;
    left:142px
}

.region-map .hokkaido .links .hakodate {
    top:395px;
    left:106px
}

.region-map .hokkaido .links .wakkanai {
    top:15px;
    left:213px
}

.region-map .hokkaido .links .toya-onsen {
    top:312px;
    left:44px
}

.region-map .hokkaido .links .kawayu-onsen {
    top:211px;
    left:317px
}

.region-map .hokkaido .links .niseko {
    top:282px;
    left:89px
}

.region-map .hokkaido .links .sapporo {
    top:258px;
    left:97px
}

.region-map .hokkaido .links .mt-asahi-dake {
    top:233px;
    left:300px
}

.region-map .hokkaido .links .tsurui {
    top:270px;
    left:424px
}

.region-map .hokkaido .links .biei {
    top:215px;
    left:201px
}

.region-map .hokkaido .links .kushiro {
    top:295px;
    left:384px
}

.region-map .hokkaido .links .furano {
    top:249px;
    left:233px
}
}

/* region map: Kanto */
.region-map .kanto {
}

.region-map .kanto .links {
}

.region-map .kanto .links .kusatsu {
    top:55px;
    left:197px
}

.region-map .kanto .links .karuizawa {
    top:85px;
    left:174px
}

.region-map .kanto .links .nikko {
    top:75px;
    left:280px
}

.region-map .kanto .links .mashiko {
    top:105px;
    left:345px
}

.region-map .kanto .links .mito {
    top:129px;
    left:358px
}

.region-map .kanto .links .narita {
    top:150px;
    left:339px
}

.region-map .kanto .links .tokyo {
    top:177px;
    left:308px
}

.region-map .kanto .links .omiya {
    top:135px;
    left:247px
}

/*.region-map .kanto .links .mt-takao {*/
.region-map .kanto .links .mount-takao {
    top:155px;
    left:230px
}

.region-map .kanto .links .yokohama {
    top:180px;
    left:198px
}

.region-map .kanto .links .odawara {
    top:214px;
    left:165px
}

.region-map .kanto .links .kamakura {
    top:212px;
    left:266px
}

@media screen and (min-width: 1200px) {
.region-map .kanto .links .kusatsu {
    top:70px;
    left:245px
}

.region-map .kanto .links .karuizawa {
    top:108px;
    left:217px
}

.region-map .kanto .links .nikko {
    top:95px;
    left:350px
}

.region-map .kanto .links .mashiko {
    top:130px;
    left:430px
}

.region-map .kanto .links .mito {
    top:161px;
    left:442px
}

.region-map .kanto .links .narita {
    top:185px;
    left:425px
}

.region-map .kanto .links .tokyo {
    top:220px;
    left:380px
}

.region-map .kanto .links .omiya {
    top:169px;
    left:319px
}

.region-map .kanto .links .mt-takao {
    top:195px;
    left:301px
}

.region-map .kanto .links .yokohama {
    top:224px;
    left:288px
}

.region-map .kanto .links .odawara {
    top:268px;
    left:219px
}

.region-map .kanto .links .kamakura {
    top:265px;
    left:330px
}
}

/* region map: Kinki */
.region-map .kinki {
}

.region-map .kinki .links {
}

.region-map .kinki .links .kyoto {
    top:74px;
    left:276px
}

.region-map .kinki .links .osaka {
    top:131px;
    left:285px
}

.region-map .kinki .links .kinosaki-onsen {
    top:23px;
    left:169px
}

.region-map .kinki .links .himeji {
    top:111px;
    left:174px
}

.region-map .kinki .links .amanohashidate {
    top:32px;
    left:285px
}

.region-map .kinki .links .nara {
    top:164px;
    left:327px
}

/*.region-map .kinki .links .mt-koya {*/
.region-map .kinki .links .mount-koya {
    top:181px;
    left:243px
}

.region-map .kinki .links .hikone {
    top:66px;
    left:355px
}

.region-map .kinki .links .shirahama {
    top:223px;
    left:208px
}

.region-map .kinki .links .kobe {
    top:126px;
    left:226px
}

.region-map .kinki .links .kansai-airport {
    top:146px;
    left:279px
}

.region-map .kinki .links .arima-onsen {
    top:92px;
    left:191px
}

.region-map .kinki .links .ise {
    top:159px;
    left:406px
}

.region-map .kinki .links .yunomine-onsen {
    top:220px;
    left:314px
}

.region-map .kinki .links .uji {
    top:96px;
    left:339px
}

.region-map .kinki .links .kashikojima {
    top:182px;
    left:405px
}

/*.region-map .kinki .links .kii-katsura {*/
.region-map .kinki .links .kii-katsuura {
    top:237px;
    left:323px
}

@media screen and (min-width: 1200px) {
.region-map .kinki .links .kyoto {
    top:90px;
    left:360px
}

.region-map .kinki .links .osaka {
    top:163px;
    left:353px
}

.region-map .kinki .links .kinosaki-onsen {
    top:32px;
    left:234px
}

.region-map .kinki .links .himeji {
    top:141px;
    left:227px
}

.region-map .kinki .links .amanohashidate {
    top:42px;
    left:355px
}

.region-map .kinki .links .nara {
    top:204px;
    left:406px
}

/*.region-map .kinki .links .mt-koya {*/
.region-map .kinki .links .mount-koya {
    top:226px;
    left:316px
}

.region-map .kinki .links .hikone {
    top:84px;
    left:440px
}

.region-map .kinki .links .shirahama {
    top:278px;
    left:274px
}

.region-map .kinki .links .kobe {
    top:157px;
    left:289px
}

.region-map .kinki .links .kansai-airport {
    top:186px;
    left:351px
}

.region-map .kinki .links .arima-onsen {
    top:116px;
    left:258px
}

.region-map .kinki .links .ise {
    top:200px;
    left:504px
}

.region-map .kinki .links .yunomine-onsen {
    top:275px;
    left:391px
}

.region-map .kinki .links .uji {
    top:122px;
    left:421px
}

.region-map .kinki .links .kashikojima {
    top:228px;
    left:502px
}

.region-map .kinki .links .kii-katsura {
    top:298px;
    left:401px
}
}

/* region map: Kyushu */
.region-map .kyushu {
}

.region-map .kyushu .links {
}

.region-map .kyushu .links .kagoshima {
    top:233px;
    left:234px
}

.region-map .kyushu .links .fukuoka {
    top:56px;
    left:329px
}

.region-map .kyushu .links .nagasaki {
    top:115px;
    left:203px
}

.region-map .kyushu .links .hirado {
    top:72px;
    left:164px
}

.region-map .kyushu .links .unzen {
    top:139px;
    left:252px
}

.region-map .kyushu .links .beppu {
    top:97px;
    left:405px
}

.region-map .kyushu .links .miyazaki {
    top:237px;
    left:379px
}

.region-map .kyushu .links .yakushima {
    top:363px;
    left:201px
}

/*.region-map .kyushu .links .mt-aso {*/
.region-map .kyushu .links .mount-aso {
    top:150px;
    left:349px
}

.region-map .kyushu .links .kumamoto {
    top:121px;
    left:303px
}

.region-map .kyushu .links .yufuin {
    top:90px;
    left:345px
}

.region-map .kyushu .links .takachino {
    top:184px;
    left:321px
}

.region-map .kyushu .links .ibusuki {
    top:276px;
    left:246px
}

@media screen and (min-width: 1200px) {
.region-map .kyushu .links .kagoshima {
    top:291px;
    left:309px
}

.region-map .kyushu .links .fukuoka {
    top:73px;
    left:410px
}

.region-map .kyushu .links .nagasaki {
    top:146px;
    left:265px
}

.region-map .kyushu .links .hirado {
    top:92px;
    left:225px
}

.region-map .kyushu .links .unzen {
    top:176px;
    left:324px
}

.region-map .kyushu .links .beppu {
    top:123px;
    left:503px
}

.region-map .kyushu .links .miyazaki {
    top:298px;
    left:471px
}

.region-map .kyushu .links .yakushima {
    top:452px;
    left:268px
}

/*.region-map .kyushu .links .mt-aso {*/
.region-map .kyushu .links .mount-aso {
    top:185px;
    left:439px
}

.region-map .kyushu .links .kumamoto {
    top:156px;
    left:384px
}

.region-map .kyushu .links .yufuin {
    top:112px;
    left:441px
}

.region-map .kyushu .links .takachino {
    top:229px;
    left:416px
}

.region-map .kyushu .links .ibusuki {
    top:346px;
    left:318px
}
}

/* region map: Okinawa */
.region-map .okinawa {
}

.region-map .okinawa .links {
}

.region-map .okinawa .links .okinawa-island {
    top:24px;
    left:265px
}

.region-map .okinawa .links .kerama-islands {
    top:92px;
    left:275px
}

.region-map .okinawa .links .kerama-islands-additional {
    top:74px;
    left:333px
}

.region-map .okinawa .links .naha {
    top:102px;
    left:405px
}

.region-map .okinawa .links .iriomote {
    top:216px;
    left:24px
}

.region-map .okinawa .links .ishigaki {
    top:246px;
    left:102px
}

.region-map .okinawa .links .taketomi {
    top:257px;
    left:89px
}

@media screen and (min-width: 1200px) {
.region-map .okinawa .links .okinawa-island {
    top:36px;
    left:356px
}

.region-map .okinawa .links .kerama-islands {
    top:116px;
    left:366px
}

.region-map .okinawa .links .kerama-islands-additional {
    top:92px;
    left:416px
}

.region-map .okinawa .links .naha {
    top:127px;
    left:503px
}

.region-map .okinawa .links .iriomote {
    top:275px;
    left:40px
}

.region-map .okinawa .links .ishigaki {
    top:306px;
    left:132px
}

.region-map .okinawa .links .taketomi {
    top:321px;
    left:111px
}
}

/* region map: Shikoku */
.region-map .shikoku {
}

.region-map .shikoku .links {
}

.region-map .shikoku .links .matsuyama {
    top:173px;
    left:101px
}

.region-map .shikoku .links .iya-valley {
    top:179px;
    left:249px
}

.region-map .shikoku .links .kochi {
    top:219px;
    left:264px
}

.region-map .shikoku .links .kotohira {
    top:144px;
    left:255px
}

.region-map .shikoku .links .tokushima {
    top:163px;
    left:306px
}

.region-map .shikoku .links .uwajima {
    top:213px;
    left:120px
}

.region-map .shikoku .links .takamatsu {
    top:136px;
    left:328px
}

.region-map .shikoku .links .nakamura {
    top:266px;
    left:145px
}

.region-map .shikoku .links .naoshima {
    top:119px;
    left:286px
}

@media screen and (min-width: 1200px) {
.region-map .shikoku .links .matsuyama {
    top:215px;
    left:153px
}

.region-map .shikoku .links .iya-valley {
    top:223px;
    left:325px
}

.region-map .shikoku .links .kochi {
    top:274px;
    left:337px
}

.region-map .shikoku .links .kotohira {
    top:181px;
    left:329px
}

.region-map .shikoku .links .tokushima {
    top:206px;
    left:396px
}

.region-map .shikoku .links .uwajima {
    top:268px;
    left:164px
}

.region-map .shikoku .links .takamatsu {
    top:170px;
    left:407px
}

.region-map .shikoku .links .nakamura {
    top:334px;
    left:198px
}

.region-map .shikoku .links .naoshima {
    top:153px;
    left:372px
}
}

/* region map: Tohoku */
.region-map .tohoku {
}

.region-map .tohoku .links {
}

.region-map .tohoku .links .sendai {
    top:313px;
    left:340px
}

.region-map .tohoku .links .aomori {
    top:73px;
    left:359px
}

.region-map .tohoku .links .hiraizumi {
    top:220px;
    left:340px
}

.region-map .tohoku .links .akita {
    top:170px;
    left:310px
}

.region-map .tohoku .links .yamagata {
    top:270px;
    left:256px
}

/*.region-map .tohoku .links .mt-haguro {*/
.region-map .tohoku .links .mount-haguro {
    top:86px;
    left:375px
}

.region-map .tohoku .links .lake-tazawa {
    top:183px;
    left:363px
}

.region-map .tohoku .links .yamadera {
    top:273px;
    left:350px
}

.region-map .tohoku .links .kakunodate {
    top:195px;
    left:322px
}

.region-map .tohoku .links .lake-towada {
    top:102px;
    left:371px
}

.region-map .tohoku .links .nyuto-onsen {
    top:171px;
    left:372px
}

.region-map .tohoku .links .matsushima {
    top:286px;
    left:386px
}

.region-map .tohoku .links .hirosaki {
    top:83px;
    left:279px
}

.region-map .tohoku .links .naruko {
    top:240px;
    left:375px
}

.region-map .tohoku .links .mt-haguro {
    top:250px;
    left:233px
}

.region-map .tohoku .links .kinkazan {
    top:296px;
    left:402px
}

.region-map .tohoku .links .zao-onsen {
    top:288px;
    left:257px
}

.region-map .tohoku .links .fukushima {
    top:320px;
    left:257px
}

.region-map .tohoku .links .yuzawa {
    top:374px;
    left:224px
}

@media screen and (min-width: 1200px) {
.region-map .tohoku .links .sendai {
    top:384px;
    left:429px
}

.region-map .tohoku .links .aomori {
    top:94px;
    left:446px
}

.region-map .tohoku .links .hiraizumi {
    top:277px;
    left:437px
}

.region-map .tohoku .links .akita {
    top:214px;
    left:385px
}

.region-map .tohoku .links .yamagata {
    top:337px;
    left:334px
}

.region-map .tohoku .links .mt-haguro {
    top:86px;
    left:375px
}

.region-map .tohoku .links .lake-tazawa {
    top:232px;
    left:451px
}

.region-map .tohoku .links .yamadera {
    top:340px;
    left:435px
}

.region-map .tohoku .links .kakunodate {
    top:247px;
    left:400px
}

.region-map .tohoku .links .lake-towada {
    top:130px;
    left:460px
}

.region-map .tohoku .links .nyuto-onsen {
    top:213px;
    left:462px
}

.region-map .tohoku .links .matsushima {
    top:356px;
    left:480px
}

.region-map .tohoku .links .hirosaki {
    top:105px;
    left:373px
}

.region-map .tohoku .links .naruko {
    top:300px;
    left:466px
}

.region-map .tohoku .links .mt-haguro {
    top:312px;
    left:311px
}

.region-map .tohoku .links .kinkazan {
    top:367px;
    left:499px
}

.region-map .tohoku .links .zao-onsen {
    top:358px;
    left:338px
}

.region-map .tohoku .links .fukushima {
    top:400px;
    left:337px
}

.region-map .tohoku .links .yuzawa {
    top:468px;
    left:281px
}
}

/* Page widget: Yearly weather table
----------------------------------------------------------*/
.yearly-weather {
    text-align:center;
    font-size:12px;
    padding:30px 0;
    margin-top:30px;
    margin-bottom:30px;
    border-bottom:solid 5px #a6a847;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    display:block;
    overflow:hidden
}

@media screen and (max-width: 767px) {
.yearly-weather {
    padding-right:10px
}
}

@media screen and (max-width: 425px) {
.yearly-weather {
    -webkit-box-shadow:0 0 0 rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 0 rgba(0,0,0,0.3);
    box-shadow:0 0 0 rgba(0,0,0,0.3);
    margin-left:-20px;
    padding-right:0;
    padding-top:0;
    margin-top:10px
}
}

.yearly-weather table {
    margin:0 auto;
    position:relative
}

.yearly-weather tr.foot {
    display:none
}

@media screen and (max-width: 425px) {
.yearly-weather tr {
    padding-top:20px;
    display:block
}

.yearly-weather tr.head {
    margin-top:0
}

.yearly-weather tr.foot {
    display:inline;
    margin-top:20px
}
}

.yearly-weather td {
    min-width:23px;
    padding-top:12px;
    vertical-align:top
}

.yearly-weather th {
    font-weight:400;
    border-bottom:solid 1px #ccc;
    text-align:center;
    font-size:10px
}

.yearly-weather th.empty {
    border-bottom:none;
    width:0
}

@media screen and (max-width: 767px) {
.yearly-weather th.empty {
    position:absolute
}
}

.yearly-weather .daylight {
    color:#e38d1d
}

.yearly-weather .sunshine {
}

.yearly-weather .sunshine td {
    background:url(../img/site/sunshine.png) no-repeat center 9px
}

.yearly-weather .daily-rainfall {
}

.yearly-weather .daily-rainfall td {
    background:url(../img/site/rainfall.png) no-repeat center 6px;
    color:#fff;
    font-size:12px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.yearly-weather .daily-rainfall td {
    background:url(../img/site/rainfall@2x.png) no-repeat center 6px;
    -webkit-background-size:16px 23px;
    -moz-background-size:16px 23px;
    -o-background-size:16px 23px;
    background-size:16px 23px
}
}

@media screen and (max-width: 425px) {
.yearly-weather .daily-rainfall td {
    background:none;
    color:#4d4d4f!important
}
}

@media screen and (max-width: 425px) {
.yearly-weather .sunshine td,.yearly-weather td,.yearly-weather th {
    font-size:9px!important;
    width:18px;
    min-width:18px!important;
    background:none;
    padding-top:0
}
}

.yearly-weather td.title {
    text-align:left;
    color:#4d4d4f;
    font-size:13px;
    background:none;
    text-indent:0;
    width:220px;
    padding:10px 10px 0 0
}

@media screen and (max-width: 767px) {
.yearly-weather td.title {
    width:auto;
    font-size:11px;
    padding-left:10px;
    padding-right:5px
}
}

@media screen and (max-width: 425px) {
.yearly-weather td.title {
    position:absolute;
    left:0;
    padding-left:0;
    margin-top:-25px
}
}

.yearly-weather .blue {
    color:#8ecff4
}

.yearly-weather .ltgreen {
    color:#55b471
}

.yearly-weather .dkgreen {
    color:#1b733d
}

.yearly-weather .yellow {
    color:#f9d13e
}

.yearly-weather .brown {
    color:#cd9e21
}

.yearly-weather .orange-red {
    color:#c24a24
}

.yearly-weather .dkred {
    color:#b50c23
}

.yearly-weather .ltred {
    color:#da001f
}

.heat-humidity {
}

.heat-humidity td {
    background-repeat:no-repeat;
    background-position:center 6px;
    text-indent:-9999em
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td {
    -webkit-background-size:8px 23px;
    -moz-background-size:8px 23px;
    -o-background-size:8px 23px;
    background-size:8px 23px
}
}

@media screen and (max-width: 425px) {
.heat-humidity td {
    height:30px
}
}

.heat-humidity td.ltgreen-temp {
    background-image:url(../img/site/ltgreentemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.ltgreen-temp {
    background-image:url(../img/site/ltgreentemp@2x.png)
}
}

.heat-humidity td.dkgreen-temp {
    background-image:url(../img/site/dkgreentemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.dkgreen-temp {
    background-image:url(../img/site/dkgreentemp@2x.png)
}
}

.heat-humidity td.brown-temp {
    background-image:url(../img/site/browntemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.brown-temp {
    background-image:url(../img/site/browntemp@2x.png)
}
}

.heat-humidity td.orange-red-temp {
    background-image:url(../img/site/orange-redtemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.orange-red-temp {
    background-image:url(../img/site/orange-redtemp@2x.png)
}
}

.heat-humidity td.med-red-temp {
    background-image:url(../img/site/med-redtemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.med-red-temp {
    background-image:url(../img/site/med-redtemp@2x.png)
}
}

.heat-humidity td.dkred-temp {
    background-image:url(../img/site/dkredtemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.dkred-temp {
    background-image:url(../img/site/dkredtemp@2x.png)
}
}

.heat-humidity td.ltred-temp {
    background-image:url(../img/site/ltredtemp.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.heat-humidity td.ltred-temp {
    background-image:url(../img/site/ltredtemp@2x.png)
}
}

/* Page element: Region list
----------------------------------------------------------*/
.regions {
}

@media screen and (max-width: 767px) {
.regions {
    display:none
}
}

ul.region-list {
    margin:0 55px 40px 0;
    padding:0;
    width:95px;
    float:left;
    display:inline-block
}

@media screen and (min-width: 1200px) {
ul.region-list {
    width:142px
}
}

ul.region-list.last {
    margin-right:0
}

ul.region-list a {
    color:#4d4d4f
}

ul.region-list a:hover {
    color:#a6a847
}

ul.region-list li {
    list-style:none;
    font-size:12px;
    line-height:1.3
}

ul.region-list li.title {
    margin-top:10px
}

ul.region-list li.title a {
    color:#a6a847
}

ul.region-list li.title a:hover {
    color:#4d4d4f
}

ul.region-list li.title.start {
    margin-top:0
}

/* Page widget: Gallery grid
----------------------------------------------------------*/
.gallery ul {
    padding:0;
    margin:0;
    list-style:none
}

.gallery li {
}

.gallery li.first.span4 {
    margin:0
}

@media screen and (max-width: 767px) {
.gallery li.span4,.gallery li.span4.first {
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%;
    float:left
}

.gallery li:nth-child(odd).first,.gallery li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.gallery li.span4,.gallery li.span4.first {
    width:100%;
    *width:48.565593041025%;
    margin-left:0
}
}

.gallery li a {
    display:block;
    margin-bottom:20px;
    outline:none
}

@media screen and (max-width: 425px) {
.gallery li a {
    margin-bottom:0
}
}

.gallery li .lazy-load {
    display:block;
    width:100%;
    height:250px
}

.gallery li .slide-panel {
}

.gallery li .slide-panel h3,.gallery li .slide-panel p {
    font-size:11px;
    padding:9px 22px 9px 10px
}

.gallery li .slide-panel p {
    padding-bottom:11px
}

@media screen and (max-width: 767px) {
.gallery li .slide-panel {
}

.gallery li .slide-panel h3,.gallery li .slide-panel p {
    font-size:10px;
    padding:5px 3px
}

.gallery li .slide-panel p {
    font-size:9px
}

.gallery li .slide-panel p .icon {
    display:none
}
}

/* modal styles */
.image-modals {
}

.modal-panel {
    background:#fff;
    border-bottom:5px solid #A6A847;
    padding:25px;
    position:fixed
}

@media screen and (min-width: 1200px) {
.modal-panel {
    left:50%;
    margin-left:-345px;
    z-index:1002;
    position:fixed;
    top:50%;
    margin-top:-334px;
    width:880px
}
}

@media screen and (max-width: 979px) {
.modal-panel {
    width:674px;
    left:50%;
    margin-left:-362px
}
}

@media screen and (max-width: 480px) {
.modal-panel {
    display:none!important
}
}

.modal-panel .close-btn {
    display:block;
    position:absolute;
    top:23px;
    right:23px;
    width:40px;
    height:40px;
    font-size:1px;
    line-height:1;
    overflow:hidden;
    text-indent:-999px;
    background:#a6a847 url(../img/site/quit.png) 11px 12px no-repeat;
    text-indent:-9999em;
    cursor:pointer
}

.modal-panel h3 {
    font-size:18px;
    line-height:1;
    font-weight:300;
    margin:15px 0;
    color:#000
}

.modal-panel h3 span {
    color:#58585a;
    font-size:16px
}

@media screen and (max-width: 480px) {
.modal-panel h3 span {
    display:block;
    margin-top:4px
}
}

.modal-panel h4 {
    color:#000;
    font-size:16px;
    line-height:1;
    font-weight:300;
    margin:20px 0 0
}

/* Page element: daybyday
----------------------------------------------------------*/
.daybyday {
}

.daybyday h4 {
    margin-bottom:20px;
    font-size:18px
}

.daybyday ul {
    margin:0
}

.daybyday li {
    list-style:none;
    margin:0 0 10px;
    padding:0;
    overflow:hidden;
    position:relative;
    width:285px;
    float:left
}

.daybyday li.on {
    background:#ebebeb
}

.daybyday .viewmore {
    text-align:left;
    width:100%;
    margin:10px 0 0
}

.daybyday .viewmore .view.btn,.daybyday .viewmore .closeall.btn {
    padding:10px 30px
}

@media screen and (min-width: 768px) {
.row-fluid .daybyday li.first.span4 {
    margin:0
}
}

@media screen and (max-width: 767px) {
.daybyday li.span4 {
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%;
    margin-bottom:2.7624309392265%
}

.daybyday li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.daybyday li.span4 {
    float:none;
    width:100%;
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.daybyday li:nth-child(odd) {
    margin-left:0
}
}

.daybyday li .img-wrap {
    float:left;
    margin:0
}

@media screen and (max-width: 767px) {
.daybyday li.span4 .img-wrap {
    float:left;
    width:70px
}

.daybyday li:nth-child(odd) {
    margin-left:0
}
}

@media screen and (max-width: 425px) {
.daybyday li.span4 .img-wrap {
    width:95px
}
}

.daybyday li .info-wrap {
    float:right;
    height:100%;
    margin:0;
    padding:10px 10px 0 2px
}

@media screen and (max-width: 767px) {
.daybyday li .info-wrap {
    width:110px;
    float:left;
    padding-left:8px
}
}

@media screen and (max-width: 425px) {
.daybyday li .info-wrap {
    width:60%;
    padding-left:8px
}
}

.daybyday li h5 {
    margin:0 0 5px;
    line-height:1.1
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.daybyday li h5 {
    margin-bottom:3px;
    line-height:1
}
}

.daybyday li h5 a {
    font-size:14px;
    line-height:1.3;
    color:#a6a847
}

.daybyday li h5 a span {
    display:block;
    font-size:13px;
    line-height:1.3;
    color:#4d4d4f
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.daybyday li h5 a {
    font-size:12px
}
}

.daybyday li .more {
    font-weight:700;
    font-size:13px;
    line-height:1;
    margin-bottom:0;
    display:inline-block;
    float:left
}

@media screen and (min-width: 426px) and (max-width: 767px) {
.daybyday li .more {
    margin-bottom:0;
    line-height:1;
    font-size:12px
}
}

/* Page element: Tour Highlights
----------------------------------------------------------*/
#highlights-content {
    width:100%
}

@media screen and (max-width: 767px) {
#highlights-content {
    overflow:hidden
}
}

/* Page element: Blog posts
----------------------------------------------------------*/
.blog-posts {
}

@media screen and (max-width: 767px) {
.blog-posts {
    display:none!important
}
}

.blog-posts ul {
    margin:0
}

.blog-posts li {
    list-style:none;
    margin:0!important;
    padding:0;
    background:#efefef;
    overflow:hidden;
    position:relative;
    height:105px
}

@media screen and (min-width: 1200px) {
.blog-posts li {
    height:116px
}
}

.blog-posts li.alt {
    background:none
}

.blog-posts li .img-wrap {
    float:left;
    width:94px
}

@media screen and (min-width: 1200px) {
.blog-posts li .img-wrap {
    width:116px
}
}

.blog-posts li .info-wrap {
    float:right;
    height:100%;
    width:130px;
    padding:7px
}

@media screen and (min-width: 1200px) {
.blog-posts li .info-wrap {
    width:160px
}
}

.blog-posts h4 {
    padding:10px 20px;
    font-weight:400;
    margin:0;
    color:#fff;
    background:#a6a847
}

.blog-posts li h5 {
    margin:0 0 5px;
    line-height:1.1
}

.blog-posts li h5 a {
    color:#4d4d4f;
    font-size:11px
}

@media screen and (min-width: 1200px) {
.blog-posts li h5 {
    line-height:1.3;
    margin:5px 0
}

.blog-posts li h5 a {
    font-size:12px
}
}

/* Page element: Trip reviews block
----------------------------------------------------------*/
.internal-page .trip-reviews ul {
    margin:0!important
}

.internal-page .trip-reviews ul li {
    padding:20px
}

@media screen and (max-width: 768px) {
.internal-page .trip-reviews {
    display:none
}
}

/* Page element: Other tours
----------------------------------------------------------*/
.other-tours {
    border-top:solid 1px #dbdbdb;
    margin-top:30px;
    padding-top:20px
}

.other-tours h4 {
    font-size:20px;
    margin-bottom:20px
}

/* Page element: Featured trips
----------------------------------------------------------*/
.featured-trips {
    border-top:solid 1px #dbdbdb;
    margin-top:0;
    padding-top:25px
}

.news .featured-trips {
    border:0
}

.railpass .featured-trips {
    border-top:none;
    margin-top:50px
}

.featured-trips h4 {
    font-size:16px;
    margin-bottom:30px;
    color:#a6a847
}

/* Page element: Internal twitter block
----------------------------------------------------------*/
.internal-twitter {
    background:url(../img/site/bg_twitter.png) right bottom no-repeat
}

@media screen and (max-width: 767px) {
.internal-twitter {
    display:none!important
}
}

.internal-twitter h3 {
    padding:10px 20px;
    font-weight:400;
    margin:0;
    font-size:18px;
    line-height:1;
    color:#fff;
    background:#a6a847
}

.internal-twitter blockquote {
    padding:20px 20px 10px
}

.internal-twitter p.follow-retweet {
    padding:0 20px
}

.internal-twitter p.follow-retweet a {
    display:inline-block;
    margin-right:10px
}

.internal-twitter .twitter-btn {
    margin:30px 20px 0;
    display:block
}

.tweet-count {
    position:relative;
    display:block;
    top:20px
}

.tweet-count img {
    width:60px
}

/* Page element: Gallery
----------------------------------------------------------*/
.gallery-grid {
    margin:25px 0 10px;
    overflow:hidden
}

@media screen and (max-width: 767px) {
.gallery-grid {
    display:none!important
}
}

.gallery-grid .panel {
    position:relative
}

.gallery-grid a {
    font-weight:700;
    color:#4d4d4f;
    font-size:14px;
    margin-bottom:15px;
    display:block
}

.gallery-grid a.video-btn {
    position:absolute;
    bottom:3px;
    left:50%;
    margin-left:-51px
}

@media screen and (min-width: 1200px) {
.gallery-grid a.video-btn {
    bottom:18px
}
}

/* Page element: Image Panels
----------------------------------------------------------*/
.img-panels {
}

.internal-page .img-panels {
    margin-bottom:70px;
    overflow:hidden
}

.img-panels ul {
    list-style:none;
    margin:0
}

.img-panels .panel {
    *zoom:1
}

.img-panels .panel:before,.img-panels .panel:after {
    display:table;
    line-height:0;
    content:""
}

.img-panels .panel:after {
    clear:both
}

.img-panels .panel + .panel {
    margin:15px 0 0;
    padding:15px 0 0;
    border-top:1px solid #dbdbdb
}

.img-panels li .side {
    float:left;
    display:block;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%
}

@media screen and (max-width: 425px) {
.img-panels li .side {
    float:none;
    width:100%;
    margin:0 0 10px
}
}

.img-panels li .side:first-child {
    margin-left:0
}

.img-panels .img-wrap {
    display:block
}

.internal-page .img-panels .img-wrap {
    margin-bottom:20px
}

@media screen and (max-width: 767px) {
.internal-page .img-panels {
    display:none
}
}

@media screen and (min-width: 1200px) {
.img-panels .img-wrap {
    height:185px;
    overflow:hidden
}
}

@media screen and (min-width: 1200px) {
.tour-page .img-panels .img-wrap {
    height:270px;
    overflow:hidden
}
}

@media screen and (max-width: 425px) {
.img-panels .img-wrap {
    height:125px;
    overflow:hidden
}
}

.img-panels .img-wrap img {
    width:100%
}

@media screen and (max-width: 425px) {
.img-panels .img-wrap img {
    position:relative;
    top:-100px
}
}

.img-panels .description {
}

.img-panels .description h3 {
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    margin:0
}

.img-panels .description h3 span {
    display:block
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.img-panels .description h3 span {
    line-height:1.1
}
}

.img-panels .description h3 span a {
    color:#4d4d4f
}

.img-panels .description h2 {
    font-size:13px;
    font-weight:700;
    line-height:1.5;
    margin:5px 0
}

.img-panels .description h2 a {
    color:#4d4d4f
}

.img-panels .description h2 a.trigger {
    color:inherit;
}

.img-panels .description p {
    font-size:12px;
    line-height:1.25
}

.img-panels .description p:last-child {
    margin-bottom:0
}

.img-panels .description .desc {
}

@media screen and (max-width: 979px) {
.img-panels .description .desc {
    display:none
}
}

.img-panels .price {
    font-weight:700;
    margin-bottom:2px
}

.img-panels .price a {
    margin-left:10px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.img-panels .price a {
    margin-left:0
}
}

.img-panels .route {
    list-style:none;
    margin-bottom:5px
}

.img-panels .route li {
    display:inline;
    font-size:12px;
    line-height:1.6
}

.img-panels .route li + li {
}

.img-panels .route li + li:before {
    content:'-';
    display:inline;
    margin:0 4px
}

.img-panels .more {
    font-weight:700
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.img-panels .more {
    display:block
}
}

/* flipped variant */
.img-panels .mod-flipped {
}

.img-panels .mod-flipped .side {
    float:right;
    margin:0 0 0 2.7624309392265%!important
}

.img-panels .mod-flipped .side:last-child {
    margin-left:0!important
}

@media screen and (max-width: 767px) {
.img-panels .mod-flipped .side,.img-panels .mod-flipped .side:last-child {
    margin:0 0 10px!important
}
}

/* brand colour mods */
.img-panels .mod-group {
}

.img-panels .mod-group a {
    color:#945a6f
}

.img-panels .mod-group a:hover {
    color:#4d4d4f
}

.img-panels .mod-group .description h2 a:hover,.img-panels .mod-group .description h3 span a:hover {
    color:#945a6f
}

.img-panels .mod-private {
}

.img-panels .mod-private a {
    color:#0094c6
}

.img-panels .mod-private a:hover {
    color:#4d4d4f
}

.img-panels .mod-private .description h2 a:hover,.img-panels .mod-private .description h3 span a:hover {
    color:#0094c6
}

.img-panels .mod-self-guided {
}

.img-panels .mod-self-guided a {
    color:#b87628
}

.img-panels .mod-self-guided a:hover {
    color:#4d4d4f
}

.img-panels .mod-self-guided .description h2 a:hover,.img-panels .mod-self-guided .description h3 span a:hover {
    color:#b87628
}

/* Page element: Trip Reviews
----------------------------------------------------------*/
.trip-reviews {
    margin-top:10px
}

.internal-page .trip-reviews {
    margin:0
}

.internal-page .trip-reviews ul {
    margin:19px 0 0 25px
}

.trip-reviews ul {
    list-style:none;
    margin:0;
    *zoom:1
}

.trip-reviews ul:before,.trip-reviews ul:after {
    display:table;
    line-height:0;
    content:""
}

.trip-reviews ul:after {
    clear:both
}

.trip-reviews li {
    float:left;
    display:block
}

.internal-page .trip-reviews h3 {
    padding:10px 20px;
    font-weight:400;
    margin:0;
    font-size:18px;
    line-height:1;
    color:#fff;
    background:#a6a847
}

.trip-reviews .title {
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    color:#a6a847
}

.trip-reviews .title span {
    display:block
}

.trip-reviews .title span a {
    color:#4d4d4f
}

.trip-reviews .star-rating {
}

.trip-reviews blockquote {
    border:0;
    padding:0;
    margin:0
}

.trip-reviews blockquote p {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.trip-reviews blockquote p {
    font-size:12px
}
}

.trip-reviews .more {
    display:block;
    margin:3px 0;
    font-weight:700
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.trip-reviews .more {
    font-size:12px
}
}

@media screen and (max-width: 425px) {
.trip-reviews .more {
    display:none
}
}

.trip-reviews .read-more {
    margin:5px 0 20px
}

.trip-reviews .links {
}

.trip-reviews .links li {
    clear:left
}

/* brand colour mods */
.trip-reviews .mod-group {
}

.trip-reviews .mod-group .title {
    color:#945a6f
}

.trip-reviews .mod-group a {
    color:#945a6f
}

.trip-reviews .mod-group a:hover {
    color:#4d4d4f
}

.trip-reviews .mod-private {
}

.trip-reviews .mod-private .title {
    color:#0094c6
}

.trip-reviews .mod-private a {
    color:#0094c6
}

.trip-reviews .mod-private a:hover {
    color:#4d4d4f
}

.trip-reviews .mod-self-guided {
}

.trip-reviews .mod-self-guided .title {
    color:#b87628
}

.trip-reviews .mod-self-guided a {
    color:#b87628
}

.trip-reviews .mod-self-guided a:hover {
    color:#4d4d4f
}

/* Page element: Trip Search
----------------------------------------------------------*/
.trip-search {
    display:block;
    padding:10px 20px;
    height:343px;
    margin:15px 0 0;
    background:url(../img/site/bg_trip-search.jpg) 50% 50% no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

@media screen and (min-width: 1200px) {
.trip-search {
    height:400px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.trip-search {
    height:343px
}
}

@media screen and (max-width: 767px) {
.trip-search {
    display:none
}
}

article .trip-search form {
    position:relative;
    z-index:40
}

.trip-search h3 {
    font-size:16px;
    font-weight:400;
    color:#fff;
    margin:0;
    padding:0 0 10px 10px
}

.trip-search form {
    width:245px;
    max-width:100%
}

.trip-search form fieldset {
    clear:left;
    display:none
}

.trip-search form fieldset:first-child {
    display:block
}

.trip-search form label {
    font-size:11px;
    color:#fff
}

.trip-search form input {
    border:3px solid #fff;
    background:#fff;
    background:rgba(255,255,255,0.8);
    height:35px;
    margin:0
}

aside .styled-select,aside .control-group input {
    font-size:10px!important
}

.trip-search form select {
    width:100%;
    margin:0
}

.trip-search form input:focus {
    border:3px solid #fff
}

.trip-search form .search-btn {
    font-weight:700;
    color:#4d4d4f;
    font-size:13px;
    width:100%;
    height:35px;
    background:#fff;
    margin-top:0;
    margin-bottom:0
}

.trip-search form .search-btn:hover {
    color:#fff;
    background:#4d4d4f
}

.trip-search form .hasDatepicker {
    cursor:pointer;
    background-image:url(../img/site/bg_calendar-picker.png);
    background-position:98% 50%;
    background-repeat:no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.trip-search form .hasDatepicker {
    -webkit-background-size:20px 19px;
    -moz-background-size:20px 19px;
    -o-background-size:20px 19px;
    background-size:20px 19px;
    background-image:url(../img/site/bg_calendar-picker@2x.png)
}
}

/* styled select box */
.trip-search .styled-select {
    display:block;
    height:29px;
    border:3px solid #fff;
    background:#fff;
    background:rgba(255,255,255,0.8);
    cursor:pointer
}

.trip-search .styled-select .select-box {
    display:block;
    padding:0 10px;
    height:29px;
    line-height:29px;
    background:url(../img/site/sprite_styled-select-arrows.png) 94% 0 no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.trip-search .styled-select .select-box {
    -webkit-background-size:19px 58px;
    -moz-background-size:19px 58px;
    -o-background-size:19px 58px;
    background-size:19px 58px;
    background-image:url(../img/site/sprite_styled-select-arrows@2x.png)
}
}

.trip-search .styled-select .select-opened {
    background-position:94% 100%
}

.trip-search .styled-select .drop-down {
    list-style:none;
    margin:0;
    padding:10px 13px;
    background:#fff;
    border-bottom:4px solid #a6a847;
    position:relative;
    margin:0 -3px;
    -webkit-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    z-index:51
}

.trip-search .styled-select .drop-down li {
    height:30px;
    line-height:30px
}

.trip-search .styled-select .drop-down li + li {
    border-top:1px solid #DBDBDB
}

.trip-search .styled-select .drop-down li:hover {
    color:#a6a847
}

/* form block elements */
.trip-search .control-group {
    width:48%;
    float:left;
    padding:1% 1% 3px;
    margin:0;
    position:relative
}

.trip-search .control-group.full-width {
    width:98%
}

.trip-search .destination-wrap {
    margin:0 0 6px
}

.trip-search .search-wrap {
    margin:0 0 6px
}

.trip-search .destination-wrap label,
.trip-search .style-wrap label {
    display:none
}

.trip-search .type-wrap {
    width:240px;
    max-width:100%;
    padding:0;
    margin:0 0 10px 3px;
    z-index:100
}

.trip-search .type-wrap label {
    display:none
}

.trip-search .type-wrap .styled-select {
}

.trip-search .type-wrap .styled-select .select-box {
    background-position:97% 0
}

.trip-search .type-wrap .styled-select .select-opened {
    background-position:97% 100%
}

.trip-search .theme-wrap {
    width:240px;
    max-width:100%;
    padding:0;
    margin:0 0 6px;
    z-index:50
}

.trip-search .theme-wrap label {
    display:none
}

.trip-search .theme-wrap .styled-select {
}

.trip-search .theme-wrap .styled-select .select-box {
    background-position:97% 0
}

.trip-search .theme-wrap .styled-select .select-opened {
    background-position:97% 100%
}

.trip-search .date-wrap {
    z-index:50
}

.trip-search .price-wrap {
    z-index:25
}

.trip-search .price-wrap label {
    display:none
}

.trip-search .price-wrap .styled-select {
}

.trip-search .price-wrap .styled-select .drop-down {
    min-width:120px
}

.trip-search .price-wrap {
    margin-bottom:7px
}

.trip-search .duration-wrap {
    z-index:25
}

.trip-search .duration-wrap {
    margin-bottom:7px
}

.trip-search .duration-wrap label {
    display:none
}

.trip-search .duration-wrap .styled-select {
}

.trip-search .duration-wrap .styled-select .drop-down {
    min-width:120px
}

.trip-search .theme-wrap {
    width:240px;
    padding:1% 1% 3px;
    z-index:50
}

.trip-search .theme-wrap label {
    display:none
}

.trip-search .theme-wrap .styled-select {
}

.trip-search .theme-wrap .styled-select .select-box {
    background-position:97% 0
}

.trip-search .theme-wrap .styled-select .select-opened {
    background-position:97% 100%
}

.trip-search .trip-code-wrap {
    z-index:1
}

.trip-search .submit-wrap {
    z-index:1
}

.trip-search fieldset[data-type="pej"] .submit-wrap {
    z-index:1;
    width: 98%;
}

/* mobile variant */
.trip-search-mobile {
    display:block;
    margin-top:40px
}

@media screen and (max-width: 420px) {
.trip-search-mobile {
    padding:10px
}
}

/* mobile version modal */
.trip-search-modal {
    display:none;
    width:380px;
    padding:20px 30px 30px;
    background:#fff;
    background:rgba(255,255,255,0.9);
    z-index:5000;
    position:absolute;
    top:105px;
    left:50%;
    margin-left:-190px;
    -webkit-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

@media screen and (max-width: 420px) {
.trip-search-modal {
    width:100%;
    margin:0;
    left:0;
    padding:20px
}
}

.trip-search-modal .close-btn {
    height:30px;
    line-height:30px;
    font-size:12px;
    padding:0 40px 0 0;
    background:url(../img/site/bg_search-mobile-close-btn.png) 100% 50% no-repeat;
    font-weight:700;
    color:#a6a847;
    float:right
}

/* Page element: Side trip search
----------------------------------------------------------*/
aside .trip-search {
    margin:0 0 10px -20px;
    padding:5px;
    background:url(../img/site/bg_side-trip.jpg) 50% 50% no-repeat
}

aside .trip-search form {
}

aside .trip-search form label {
    font-size:10px
}

aside .trip-search form input[type="text"] {
    font-size:10px!important;
    padding:0 9px
}

aside .trip-search h3 {
    margin:0;
    margin-top: 10px;
    padding:5px 5px 10px;
    line-height:1
}

aside .trip-search .type-wrap {
    font-size:11px
}

aside .trip-search .type-wrap .styled-select {
    margin-right:6px
}

aside .trip-search .theme-wrap {
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

/* Page element: Wide panel
----------------------------------------------------------*/
.wide-panel {
    margin-top:25px
}

@media screen and (max-width: 767px) {
.wide-panel {
    margin:15px 0 20px
}
}

.wide-panel.smaller-text .info-wrap h3 {
    line-height:1.4;
    font-size:22px
}

.wide-panel.smaller-text .info-wrap p {
    line-height:1.6;
    font-size:14px
}

@media screen and (max-width: 425px) {
.wide-panel.alt {
    background:#efefef;
    padding:20px 20px 0;
    margin:0 -20px 20px
}
}

@media screen and (max-width: 425px) {
.wide-panel.alt .panel {
    margin-bottom:0
}
}

.wide-panel ul {
    margin:0 0 20px
}

@media screen and (max-width: 425px) {
.wide-panel ul {
    margin:0
}
}

.wide-panel .panel {
    list-style:none;
    clear:both;
    overflow:hidden;
    border-bottom:solid 1px #efefef;
    margin-bottom:20px
}

.wide-panel .panel p.highlight {
    margin-bottom:25px;
    font-size:16px;
    line-height:1.5;
    color:#a6a847
}

@media screen and (max-width: 767px) {
.wide-panel .panel {
    border:none
}
}

@media screen and (max-width: 425px) {
.wide-panel h2 {
    margin-top:0
}
}

.wide-panel h2 {
    font-size:20px;
    line-height:1.25;
    margin-bottom:5px
}

.wide-panel h2 a {
    color:#a6a847
}

.wide-panel .img-wrap {
    float:right;
    margin-bottom:20px
}

@media screen and (max-width: 767px) {
.wide-panel .img-wrap {
    width:100%;
    max-height:235px
}
}

.wide-panel .info-wrap {
    float:left;
    margin-bottom:25px;
    padding-bottom:15px
}

@media screen and (max-width: 767px) {
.wide-panel .info-wrap {
    width:100%;
    float:left;
    border:none;
    margin-bottom:10px
}
}

.wide-panel .info-wrap p {
    line-height:1.4;
    font-size:16px
}

.wide-panel .info-wrap p.more {
    display:block;
    font-size:13px;
    margin:0
}

.wide-panel .info-wrap p.show {
    display:block;
    font-size:13px;
    margin:0;
    margin-top: 5px;
}

.wide-panel .info-wrap p.show.mod-private a {
    color:#0094c6
}

.wide-panel .info-wrap p.show.mod-group a {
    color:#945a6f
}

@media screen and (max-width: 425px) {
.wide-panel .info-wrap p.show {
    display:block;
    float:left;
    clear:left;
    margin-top:5px
}
}

.wide-panel .info-wrap p.more a {
    font-weight:700
}

.wide-panel .info-wrap p.show a {
    color:#b87628;
    font-weight:700
}

.wide-panel .info-wrap h3 {
    line-height:1.2;
    margin:2px 0 5px
}

@media screen and (max-width: 767px) {
.wide-panel .info-wrap h3 {
    margin-top:10px
}
}

@media screen and (max-width: 767px) {
.wide-panel h3 {
    font-size:18px
}
}

.wide-panel .info-wrap h3 a {
    /*color:#4d4d4f*/
    font-size: 18px;
}

/* Page element: Two-Aside
----------------------------------------------------------*/
.two-aside {
    margin:10px 0 0
}

/* panel */
.two-aside .panel {
    font-size:12px;
    min-height:280px;
    display:block;
    float:left;
    width:48.618784530387%;
    *width:48.565593041025%;
    margin-left:2.7624309392265%
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.two-aside .panel {
    min-height:238px
}
}

.two-aside .panel:nth-child(odd) {
    margin-left:0
}

@media screen and (max-width: 425px) {
.two-aside .panel,.two-aside .panel:nth-child(odd) {
    width:100%;
    margin:0 0 30px;
    min-height:0
}
}

.two-aside .panel h3 {
    font-size:16px;
    line-height:1.25
}

@media screen and (max-width: 767px) {
.two-aside .panel .mobile-hide span {
    display:none
}
}

@media screen and (max-width: 425px) {
.two-aside .panel .mobile-hide {
    display:none
}
}

.two-aside .panel .mobile-show {
    display:none
}

@media screen and (max-width: 767px) {
.two-aside .panel .mobile-show {
    display:inline
}
}

/* Map module */
.two-aside .map-module {
    background:url(../img/site/bg_map-module.png) 100% 100% no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.two-aside .map-module {
    -webkit-background-size:218px 198px;
    -moz-background-size:218px 198px;
    -o-background-size:218px 198px;
    background-size:218px 198px;
    background-image:url(../img/site/bg_map-module@2x.png)
}
}

@media screen and (max-width: 979px) {
.two-aside .map-module {
    -webkit-background-size:140px 127px;
    -moz-background-size:140px 127px;
    -o-background-size:140px 127px;
    background-size:140px 127px
}
}

@media screen and (max-width: 767px) {
.two-aside .map-module {
    margin-bottom:10px;
    padding-bottom:20px;
    -webkit-background-size:165px 150px;
    -moz-background-size:165px 150px;
    -o-background-size:165px 150px;
    background-size:165px 150px
}
}

@media screen and (max-width: 425px) {
.two-aside .map-module {
    -webkit-background-size:140px 127px;
    -moz-background-size:140px 127px;
    -o-background-size:140px 127px;
    background-size:140px 127px
}
}

.two-aside .map-module a {
    color:#4d4d4f
}

.two-aside .map-module a:hover {
    color:#a6a847
}

.two-aside .map-module ul {
    list-style:none;
    margin:10px 0 0
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.two-aside .map-module ul {
    margin-top:15px
}
}

.two-aside .map-module ul li {
    display:block;
    width:45%;
    float:left
}

.two-aside .map-module ul .current {
}

.two-aside .map-module ul .current a {
    color:#a6a847
}

/* map graphic */
.map-graphic {
    background:url(../img/site/bg_map-graphic.png) 100% 100% no-repeat;
    height:245px
}

@media screen and (max-width: 767px) {
.row-fluid [class*="span"] .map-graphic {
    background-position:0 80%;
    display:block
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.map-graphic {
    -webkit-background-size:218px 198px;
    -moz-background-size:218px 198px;
    -o-background-size:218px 198px;
    background-size:218px 198px;
    background-image:url(../img/site/bg_map-graphic@2x.png)
}
}

.map-graphic h3 {
    line-height:1.2;
    font-size:16px;
    margin:0 0 20px
}

.map-graphic p {
    width:130px;
    margin-bottom:5px
}

.map-graphic a {
    color:#4d4d4f
}

.map-graphic a:hover {
    color:#a6a847
}

.map-graphic a.more {
    color:#a6a847;
    font-weight:700;
    font-size:12px
}

.map-graphic a.more:hover {
    color:#4d4d4f
}

.map-graphic ul {
    list-style:none;
    margin:10px 0 0
}

/* home page variant */
.two-aside.home-feature {
    margin:10px 0 0;
    padding:0 0 20px;
    border-bottom:1px solid #dbdbdb
}

/* hoem page footer variant*/
.two-aside.home-base {
}

.two-aside.home-base .panel {
    margin-top:0
}

/* news */
.two-aside .news {
}

.two-aside .news ul {
    list-style:none;
    margin:0
}

.two-aside .news li {
    /*padding:15px;*/
    min-height:
}

.two-aside .news li:hover {
    background:#efefef
}

.two-aside .news .title {
    font-weight:700
}

.two-aside .news .title a {
    color:#4d4d4f;
    margin:0 0 5px
}

.two-aside .news .date {
    margin-bottom:0
}

.two-aside .news .more {
    font-weight:700
}

/* twitter */
.two-aside .twitter {
    min-height:220px;
    background:url(../img/site/bg_twitter.png) 100% 100% no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.two-aside .twitter {
    -webkit-background-size:157px 106px;
    -moz-background-size:157px 106px;
    -o-background-size:157px 106px;
    background-size:157px 106px;
    background-image:url(../img/site/bg_twitter@2x.png)
}
}

.two-aside .twitter blockquote {
    padding:0 15px;
    margin-bottom:20px
}

.two-aside .twitter p {
}

.two-aside .twitter p a {
    margin:0 0 0 15px
}

.two-aside.themes-grid ul {
    margin:0
}

.two-aside.themes-grid .panel {
    border-bottom:solid 1px #ccc;
    padding-bottom:15px;
    margin-bottom:30px;
    overflow:hidden
}

@media screen and (max-width: 767px) {
.two-aside.themes-grid .panel {
    margin-bottom:25px
}
}

@media screen and (max-width: 425px) {
.two-aside.themes-grid .panel {
    margin-bottom:10px;
    border:none
}
}

.two-aside.themes-grid .img-wrap {
    position:relative;
    display:block;
    margin-bottom:20px
}

@media screen and (max-width: 767px) {
.two-aside.themes-grid .info-wrap {
    float:left;
    padding:0;
    max-width:200px
}
}

@media screen and (max-width: 425px) {
.two-aside.themes-grid .img-wrap {
    max-width:none;
    margin-bottom:15px;
    max-height:125px;
    overflow:hidden
}

.two-aside.themes-grid .info-wrap {
    padding:0;
    width:auto;
    max-width:none
}
}

.two-aside.themes-grid .img-wrap span {
    font-size:16px;
    font-weight:700;
    display:block;
    margin:0 0 10px
}

@media screen and (max-width: 767px) {
.two-aside.themes-grid .img-wrap span {
    width:100%;
    padding-left:10px;
    height:35px;
    line-height:36px;
    text-align:left;
    text-indent:10px;
    font-size:14px;
    font-weight:700;
    background:#fff;
    background:rgba(255,255,255,0.8);
    position:absolute;
    top:0;
    left:0
}
}

@media screen and (max-width: 425px) {
.two-aside.themes-grid .img-wrap span {
    font-size:17px
}
}

.two-aside.themes-grid p {
    font-size:14px;
    line-height:1.4
}

.two-aside.themes-grid p.more {
    width:100%;
    float:left;
    font-size:13px;
    font-weight:700;
    margin:0
}

@media screen and (max-width: 425px) {
.two-aside.themes-grid p.more {
    padding-bottom:13px
}
}

/* interactive map panel */
.interactive-map-panel {
    height:300px;
    position:relative;
    border-bottom:1px solid #dbdbdb
}

@media screen and (max-width: 767px) {
.interactive-map-panel {
    height:auto;
    padding-bottom:15px
}
}

.interactive-map-panel .content {
    position:relative;
    z-index:39;
    display:block;
    width:70%
}

@media screen and (max-width: 320px) {
.interactive-map-panel .content {
    width:100%
}
}

.interactive-map-panel h3 {
    font-size:16px;
    line-height:1;
    padding:12px 0;
    margin:0 0 15px
}

@media screen and (max-width: 767px) {
.interactive-map-panel h3 {
    margin-bottom:0
}
}

.interactive-map-panel a {
    color:#4d4d4f;
    margin:0
}

.interactive-map-panel a:hover,.interactive-map-panel a:active,.interactive-map-panel a.current,.interactive-map-panel a.current:hover,.interactive-map-panel a.current:active {
    color:#a6a847
}

.interactive-map-panel ul {
    list-style:none;
    margin:18px 0 0;
    display:block
}

@media screen and (max-width: 767px) {
.interactive-map-panel ul {
    marign-top:10px
}
}

.interactive-map-panel ul li {
    display:block;
    float:left;
    width:33%;
    margin-bottom:5px
}

@media screen and (max-width: 320px) {
.interactive-map-panel ul li {
    width:49%
}
}

.interactive-map-panel .map {
    position:absolute;
    display:block;
    width:450px;
    height:274px;
    bottom:0;
    right:0;
    z-index:10;
    background:url(../img/site/sprite_homepage-map.png) 0 0 no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.interactive-map-panel .map {
    background-image:url(../img/site/sprite_homepage-map@2x.png);
    -webkit-background-size:4500px 274px;
    -moz-background-size:4500px 274px;
    -o-background-size:4500px 274px;
    background-size:4500px 274px
}
}

/* hover states */
.interactive-map-panel .map.chubu {
    background-position:-450px 0
}

.interactive-map-panel .map.hokkaido {
    background-position:-900px 0
}

.interactive-map-panel .map.chugoku {
    background-position:-1350px 0
}

.interactive-map-panel .map.kanto {
    background-position:-1800px 0
}

.interactive-map-panel .map.kinki {
    background-position:-2250px 0
}

.interactive-map-panel .map.kyushu {
    background-position:-2700px 0
}

.interactive-map-panel .map.shikoku {
    background-position:-3150px 0
}

.interactive-map-panel .map.tohoku {
    background-position:-3600px 0
}

.interactive-map-panel .map.okinawa {
    background-position:-4050px 0
}

/* yellow overrides */
@media screen and (min-width: 768px) and (max-width: 979px) {
.interactive-map-panel .map {
    width:360px;
    height:219px;
    -webkit-background-size:3600px 219px;
    -moz-background-size:3600px 219px;
    -o-background-size:3600px 219px;
    background-size:3600px 219px
}

.interactive-map-panel .map.chubu {
    background-position:-360px 0
}

.interactive-map-panel .map.hokkaido {
    background-position:-720px 0
}

.interactive-map-panel .map.chugoku {
    background-position:-1080px 0
}

.interactive-map-panel .map.kanto {
    background-position:-1440px 0
}

.interactive-map-panel .map.kinki {
    background-position:-1800px 0
}

.interactive-map-panel .map.kyushu {
    background-position:-2160px 0
}

.interactive-map-panel .map.shikoku {
    background-position:-2520px 0
}

.interactive-map-panel .map.tohoku {
    background-position:-2880px 0
}

.interactive-map-panel .map.okinawa {
    background-position:-3240px 0
}
}

@media screen and (max-width: 767px) {
.interactive-map-panel .map {
    position:relative;
    margin:-15% 0 0;
    max-width:100%;
    height:auto;
    background:url(../img/site/bg_homepage-map@2x.png) 50% 50%;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
}
}

@media screen and (max-width: 450px) {
.interactive-map-panel .map {
    margin-top:-20px;
    margin-bottom:-20px
}
}

@media screen and (max-width: 320px) {
.interactive-map-panel .map {
    position:relative;
    top:-60px;
    margin-top:0;
    margin-bottom:-60px
}
}

.interactive-map-panel map {
}

@media screen and (max-width: 979px) {
.interactive-map-panel map {
    display:none
}

.interactive-map-panel map area {
    cursor:default
}
}

/* full map (variant on above) */
.interactive-map-panel.full-map {
    height:760px
}

@media screen and (max-width: 767px) {
.interactive-map-panel.full-map {
    height:auto
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.interactive-map-panel.full-map {
    overflow-x:hidden
}
}

.interactive-map-panel.full-map h3 {
    font-size:22px;
    font-weight:700;
    color:#A6A847;
    padding-top:60px
}

@media screen and (max-width: 767px) {
.interactive-map-panel.full-map h3 {
    padding-top:0
}
}

.interactive-map-panel.full-map .links {
    font-size:17px
}

@media screen and (max-width: 767px) {
.interactive-map-panel.full-map .links {
    font-size:14px
}
}

.interactive-map-panel.full-map .map {
    width:740px;
    height:747px;
    background:url(../img/site/sprite_full-map.png) 0 0 no-repeat
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.interactive-map-panel.full-map .map {
    max-width:none
}
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.interactive-map-panel.full-map .map {
    background-image:url(../img/site/sprite_full-map@2x.png);
    -webkit-background-size:7400px 747px;
    -moz-background-size:7400px 747px;
    -o-background-size:7400px 747px;
    background-size:7400px 747px
}
}

@media screen and (max-width: 767px) {
.interactive-map-panel.full-map .map {
    background:url(../img/site/bg_full-map@2x.png) 50% 50% no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    height:auto;
    max-width:100%;
    margin:-5% 0 0
}
}

@media screen and (max-width: 320px) {
.interactive-map-panel.full-map .map {
    margin:0
}
}

/* hover states */
.interactive-map-panel.full-map .map.chubu {
    background-position:-740px 0
}

.interactive-map-panel.full-map .map.hokkaido {
    background-position:-1480px 0
}

.interactive-map-panel.full-map .map.chugoku {
    background-position:-2220px 0
}

.interactive-map-panel.full-map .map.kanto {
    background-position:-2960px 0
}

.interactive-map-panel.full-map .map.kinki {
    background-position:-3700px 0
}

.interactive-map-panel.full-map .map.kyushu {
    background-position:-4440px 0
}

.interactive-map-panel.full-map .map.shikoku {
    background-position:-5180px 0
}

.interactive-map-panel.full-map .map.tohoku {
    background-position:-5920px 0
}

.interactive-map-panel.full-map .map.okinawa {
    background-position:-6660px 0
}

.interactive-map-panel.full-map map {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.interactive-map-panel.full-map map {
    display:block;
    cursor:pointer
}
}

/* brochure */
.brochure-panel {
    background:url(../img/site/bg_brochure.png) 0 100% no-repeat
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.brochure-panel {
    -webkit-background-size:84px 120px;
    -moz-background-size:84px 120px;
    -o-background-size:84px 120px;
    background-size:84px 120px
}
}

.brochure-panel h3 {
    font-size:16px;
    line-height:1.25
}

.brochure-panel .btns {
    text-align:right;
    list-style:none;
    margin:80px 20px 0 0
}

@media screen and (min-width: 1200px) {
.brochure-panel .btns {
    margin-top:90px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.brochure-panel .btns {
    margin-right:10px;
    margin-top:60px
}
}

@media screen and (max-width: 767px) {
.brochure-panel .btns {
    margin-top:90px
}
}

.brochure-panel .btns .btn {
    font-size:12px;
    text-align:center;
    min-width:145px;
    margin:0 0 10px;
    padding:6px 0
}

@media screen and (min-width: 768px) and (max-width: 979px) {
brochure-panel .btns .btn {
    font-size:11px;
    min-width:130px
}
}

.brochure-request .request-brochure img {
    border:1px solid #a6a847
}

/* Page element: Themes Carousel
----------------------------------------------------------*/
.carousel {
    position:relative;
    margin-bottom:0;
    padding-bottom:50px
}

.carousel .more-btn {
    margin:25px 0 0
}

@media screen and (max-width: 767px) {
.carousel .more-btn {
    margin-bottom:50px;
    float:right
}
}

.carousel .more-btn .btn {
    padding-top:10px;
    padding-bottom:10px
}

.carousel-slide {
    margin:0
}

.carousel-block {
    overflow:hidden;
    position:relative;
    margin-bottom:20px
}

.carousel-block h3 {
    margin-top:20px;
    margin-bottom:20px
}

@media screen and (max-width: 767px) {
.carousel-block h3 {
    margin-top:70px
}
}

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

}

.carousel-block img.span8 {
    margin:0!important
}

@media screen and (max-width: 767px) {
.carousel-block img.span8 {
    width:65.8%;
    float:left;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
}

@media screen and (max-width: 425px) {
.carousel-block img.span8 {
    width:100%;
    float:left
}
}

.carousel-block .themes-carousel {
    list-style:none;
    margin-bottom:9px
}

@media screen and (max-width: 767px) {
.tour-page .carousel-block .themes-carousel.span4 {
    width:31%;
    float:right;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.destinations-page .carousel-block .themes-carousel.span4 {
    width:31%;
    float:right;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
}

@media screen and (max-width: 425px) {
.tour-page .carousel-block .themes-carousel.span4 {
    display:none
}

.destinations-page .carousel-block .themes-carousel.span4 {
    display:none
}
}

.carousel-block .themes-carousel li {
    margin-bottom:10px
}

@media screen and (max-width: 767px) {
.carousel-block .themes-carousel li {
    margin-bottom:10px
}
}

@media screen and (max-width: 425px) {
.carousel-block .themes-carousel li {
    margin-top:12px
}
}

@media screen and (min-width: 1200px) {
.carousel-block .themes-carousel li {
    margin-bottom:14px
}
}

.grid-slide3 li.panel {
    margin-bottom:12px;
    border:none
}

.grid-slide3 li.panel .panel {
    border-bottom:solid 1px #ccc
}

@media screen and (max-width: 767px) {
.grid-slide3 li.panel .panel {
    border-bottom:none
}
}

.themes-category .carousel.tour-acccommodation {
}

.carousel .slider-controls-direction {
    position:absolute;
    top:20px;
    display:block;
    width:150px!important;
    background:#fff;
    z-index:1;
    height:40px;
    right:0
}

.carousel .hero .slider-controls-direction {
    bottom: 0!important;
    top: auto;
    right: 0;
    background:transparent!important;
}

.carousel .hero .slider-controls .slider-next {
    right:0;
}
.carousel .hero .slider-controls .slider-prev {
    right:45px;
}

.carousel .slider-wrapper .slider-controls-direction.second {
    bottom:0;
    top:auto
}

@media screen and (max-width: 767px) {
.carousel .slider-controls {
    display:none
}
}

@media screen and (max-width: 767px) {
.carousel.tour-acccommodation .slider-controls {
    display:block
}
}

.carousel .slider-controls .slider-controls-direction.container {
    width:100%
}

.carousel .slider-controls .slider-prev {
    background:#a6a847 url(../img/site/left-arrow-white.png) 13px 10px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block;
    right:90px;
    position:absolute
}

.carousel .slider-controls .slider-next {
    position:absolute;
    right:45px;
    top:0;
    background:#a6a847 url(../img/site/right-arrow-white.png) 15px 10px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block;
    outline:none
}

.carousel .slider-close {
    position:absolute;
    right:0;
    top:0;
    background:#a6a847 url(../img/site/quit.png) 11px 12px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block;
    z-index:10
}

.carousel .mobile-page-nav {
    display:block!important
}

@media screen and (max-width: 767px) {
.carousel .mobile-page-nav {
    display:none!important
}
}

.carousel .sub-nav {
    position:absolute;
    bottom:0;
    left:0
}

.carousel .sub-nav .trigger {
    font-size:14px
}

.carousel .sub-nav .drop {
}

.carousel .sub-nav .drop li {
    margin-left:20px;
    padding-right:20px
}

.carousel .sub-nav .drop li:last-child {
    border-bottom:0 none
}

.carousel .sub-nav .drop a {
    font-size:12px;
    margin-left:0;
    margin-right:0
}

.carousel .sub-nav .breaker {
    border-bottom:2px solid #edecd3;
    padding-bottom:15px;
    margin-bottom:15px
}

.carousel .acccommodation-nav {
}

.carousel .acccommodation-nav .mobile-page-nav {
    width:240px
}

/* Small tours - destinations dropdowns */
.tour-map-destinations {
}

@media screen and (max-width: 767px) {
.tour-map-destinations {
    display:block
}
}

.tour-map-destinations .slider-wrapper {
    padding-bottom:35px
}

@media screen and (max-width: 767px) {
.tour-map-destinations .slider-wrapper {
    padding-bottom:0
}
}

@media screen and (max-width: 767px) {
.tour-map-destinations .lead.secondary p {
    display:inline-block
}
}

@media screen and (max-width: 767px) {
.tour-map-destinations .carousel-block {
    display:block
}
}

.tour-map-destinations .carousel-block h3 {
}

.tour-map-destinations .carousel-block h3 img {
    display:inline-block;
    max-height:100%
}

@media screen and (max-width: 767px) {
.tour-map-destinations .slider-controls {
    display:block
}
}

.tour-map-destinations .slider-controls-direction.second,.tour-acccommodation .slider-controls-direction.second {
/*bottom: 50px !important;*/
}

@media screen and (max-width: 767px) {
.tour-map-destinations .slider-controls-direction.second {
    display:none
}
}

/* Small tours - day by day dropdowns */
.tour-day-by-day {
    display:block
}

@media screen and (max-width: 767px) {
.tour-day-by-day {
    display:block
}
}

@media screen and (max-width: 767px) {
.tour-day-by-day .lead.secondary p {
    display:inline-block
}
}

@media screen and (max-width: 767px) {
.tour-day-by-day h3 {
    margin-top:60px;
    font-size:18px;
    margin-bottom:5px
}
}

.tour-day-by-day .view.btn {
    display:block;
    position:absolute;
    bottom:0;
    padding:10px 30px
}

.tour-day-by-day .closeall.btn {
    display:block;
    position:absolute;
    bottom:0;
    left:100px;
    padding:10px 30px
}

@media screen and (max-width: 425px) {
.tour-day-by-day .view.btn {
    padding:10px
}
}

.tour-day-by-day .carousel-block {
    float:right;
    width:31.9149%;
    margin-top:40px
}

.tour-day-by-day .carousel-block img {
    margin-bottom:30px
}

@media screen and (max-width: 767px) {
.tour-day-by-day .carousel-block img {
    margin-bottom:0
}
}

@media screen and (max-width: 767px) {
.tour-day-by-day .carousel-block {
    display:block;
    float:none;
    width:100%;
    margin-top:0
}
}

@media screen and (max-width: 767px) {
.tour-day-by-day .slider-controls {
    display:block
}
}

/* Small tours - day by day dropdowns */
.small-tours-experiences {
    display:block
}

@media screen and (max-width: 767px) {
.tour-experiences {
    display:block
}
}

.tour-experiences .map-graphic {
    margin-top:33px
}

@media screen and (min-width: 969px) {
.tour-experiences .lead.secondary {
    margin-left:0
}
}

@media screen and (max-width: 767px) {
.tour-experiences .lead.secondary p {
    display:inline-block
}
}

@media screen and (max-width: 767px) {
.tour-experiences h3 {
    margin-top:20px;
    font-size:18px;
    margin-bottom:20px
}
}

@media screen and (max-width: 425px) {
.tour-experiences h3 {
    margin-top:70px;
    margin-bottom:0
}
}

.tour-experiences .carousel-block,.tour-experiences-in-destination .carousel-block {
    float:none;
    width:100%;
    margin:35px 0 0
}

@media screen and (max-width: 767px) {
.tour-experiences .carousel-block,.tour-experiences-in-destination .carousel-block {
    float:right;
    width:31.9149%;
    margin-top:40px
}
}

@media screen and (max-width: 767px) {
.tour-experiences .carousel-block,.tour-experiences-in-destination .carousel-block {
    display:block;
    float:none;
    width:100%;
    margin-top:0
}
}

@media screen and (max-width: 767px) {
.tour-experiences .slider-controls {
    display:block
}
}

#tour-reviews-mobile {
    display:none
}

.tour-inspiration {
    margin:0 0 25px;
    border-bottom:1px solid #dbdbdb
}

.tour-inspiration .slider-controls-direction.first {
    top:10px
}

.tour-inspiration .slider-controls-direction.second {
    bottom:25px!important
}

.tour-inspiration .img-wrap {
    margin-bottom:15px
}

.tour-inspiration .intro {
    font-size:16px
}

.tour-inspiration .more-info {
    position:absolute;
    bottom:25px
}

@media screen and (max-width: 767px) {
.tour-inspiration .more-info {
    position:static;
    bottom:0
}
}

.overview-pane {
    padding:25px 0
}

@media screen and (max-width: 767px) {
.overview-pane {
    padding-top:20px
}
}

.overview-pane .sub-nav {
    float:right;
    margin-top:10px
}

@media screen and (max-width: 767px) {
.overview-pane .sub-nav {
    float:none;
    margin-bottom:10px
}
}

.overview-pane .sub-nav .mobile-page-nav {
    display:block
}

.overview-pane .sub-nav .trigger {
    font-size:14px
}

.overview-pane .sub-nav .drop {
}

.overview-pane .sub-nav .drop li {
    margin-left:20px;
    padding-right:20px
}

.overview-pane .sub-nav .drop li:last-child {
    border-bottom:0 none
}

.overview-pane .sub-nav .drop a {
    font-size:12px;
    margin-left:0;
    margin-right:0
}

.overview-pane .sub-nav .breaker {
    border-bottom:2px solid #edecd3;
    padding-bottom:15px;
    margin-bottom:15px
}

.overview-pane .acccommodation-nav {
}

.overview-pane .acccommodation-nav .mobile-page-nav {
    width:240px
}

.overview-pane h3.destination {
}

.overview-pane h3.destination img {
    display:inline-block;
    max-height:100%
}

.overview-pane img {
    margin:0 0 20px
}

.overview-pane .intro {
    font-size:15px
}

/* Tour day by day - view all section
----------------------------------------------------------*/
.tour-day-by-day-all {
    display:none
}

.tour-day-by-day-all .viewall {
    margin:0;
    list-style:none
}

.tour-day-by-day-all .carousel-block.span4 {
    float:right
}

.tour-day-by-day-all .panel {
    margin-bottom:40px
}

/* Page element:  Other Trips
----------------------------------------------------------*/
.other-trips {
    position:relative;
    overflow:hidden
}

.other-trips ul.slide {
    margin:20px 0 0
}

.other-trips-block {
    overflow:hidden;
    position:relative;
    margin-bottom:-20px
}

@media screen and (max-width: 767px) {
.other-trips-block {
    display:none!important
}
}

.other-trips-block h3 {
    margin-top:20px;
    margin-bottom:20px
}

.other-trips-block img.span8 {
    margin:0!important
}

.other-trips-block .themes-carousel {
    list-style:none;
    margin-bottom:9px
}

.other-trips-block .themes-carousel li {
    margin-bottom:12px
}

@media screen and (min-width: 1200px) {
.other-trips-block .themes-carousel li {
    margin-bottom:14px
}
}

.other-trips .slider-controls {
    position:absolute;
    top:0;
    display:block;
    width:100%;
    background:#fff;
    z-index:9999;
    height:40px;
    right:0;
    width:150px
}

@media screen and (max-width: 767px) {
.other-trips .slider-controls {
    display:none!important
}
}

.other-trips .slider-controls .slider-controls-direction.container {
    width:100%
}

.other-trips .slider-controls .slider-prev {
    background:#a6a847 url(../img/site/left-arrow-white.png) 13px 10px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block;
    right:45px;
    position:absolute
}

.other-trips .slider-controls .slider-next {
    position:absolute;
    right:0;
    top:0;
    background:#a6a847 url(../img/site/right-arrow-white.png) 15px 10px no-repeat;
    text-indent:-9999em;
    width:40px;
    height:40px;
    display:block
}

.other-trips .slider-controls .slider-close {
    display:none
}

#overview-content {
}

#overview-content .back-to-trip {
    background:url(../img/site/left-arrow.png) no-repeat 0 50%;
    height:20px;
    line-height:20px;
    font-size:16px;
    padding-left:15px
}

/* Page element: Panel slider
----------------------------------------------------------*/
.panel-slider {
    margin-bottom:20px;
    margin-top: 40px;
    position: relative;
}

.panel-slider .slider-viewport {
    /*top:30px*/
}

.news .panel-slider .slider-viewport {
    top:0
}

@media screen and (max-width: 425px) {
.panel-slider .slider-viewport {
    top:0
}
}

@media screen and (min-width: 768px) {
.panel-slider .slide,
.panel-slider .slide > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.panel-slider .slide > li > ul {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}
.panel-slider.news-stories .slide,
.panel-slider.news-stories .slide > li,
.panel-slider.news-stories .slide > li > ul {
    display: block;
}
.panel-slider.news-stories .slide > li > ul {
    width: 100%;
}
}


.panel-slider .slider-controls {
    position:absolute;
    top:-30px;
    display:block;
    width:100%
}

.panel-slider.news-stories .slider-controls {
    top:auto;
    bottom:0
}

.news-stories.panel-slider .slider-controls {
    margin-top:30px;
    display:block;
    position:relative
}

.panel-slider .slider-controls .slider-controls-direction.container {
    width:100%
}

.panel-slider .slider-controls .slider-prev {
    background:url(../img/site/left-arrow.png) no-repeat;
    text-indent:-9999em;
    width:10px;
    height:20px;
    display:block;
    outline:none
}

.news-stories.panel-slider .slider-controls .slider-prev {
    text-indent:0;
    padding-left:20px;
    width:auto;
    display:inline-block;
    color:#4d4d4f;
    margin-right:20px;
    font-size:16px
}

.panel-slider .slider-controls .slider-next {
    position:absolute;
    right:0;
    top:0;
    background:url(../img/site/right-arrow.png) no-repeat;
    text-indent:-9999em;
    width:10px;
    height:20px;
    display:block;
    outline:none
}

.news-stories.panel-slider .slider-controls .slider-next {
    text-indent:0;
    padding-right:20px;
    width:auto;
    background-position:top right;
    display:inline-block;
    float:left;
    right:auto;
    color:#4d4d4f;
    font-size:16px
}

.panel-slider .view {
    float:right;
    margin-top:20px;
    color:#a6a847;
    font-weight:700;
    font-size:16px;
    margin-bottom:10px
}

@media screen and (max-width: 767px) {
.panel-slider .view {
    margin-top:20px;
    float:left
}
}

.news-stories.panel-slider p {
    font-size:16px;
    line-height:1.5
}

.news-stories.panel-slider p.news-details {
    font-size:15px
}

.news-stories.panel-slider p.author {
    color:#a6a847;
    margin-bottom:20px
}

.news-stories .news-img {
    margin:10px 0 20px
}

/* Page element: Three-Aside
----------------------------------------------------------*/
.three-aside {
    margin-bottom:25px
}

@media screen and (max-width: 425px) {
.three-aside.alt {
    background:#efefef;
    padding:20px;
    margin:0 -20px
}
}

@media screen and (max-width: 425px) {
.three-aside.alt .panel {
    border:none
}

.three-aside.alt .panel:nth-last-child(1),.three-aside.alt .panel:nth-last-child(1) .info-wrap {
    margin:0;
    padding-bottom:0
}
}

.three-aside ul {
    margin:0
}

@media screen and (max-width: 767px) {
.three-aside {
    margin-bottom:0
}
}

.three-aside .panel {
    border-bottom:solid 1px #ccc;
    padding-bottom:0;
    overflow:hidden
}

@media screen and (max-width: 767px) {
.three-aside .panel {
    margin-bottom:10px;
    border:none
}
}

@media screen and (max-width: 767px) {
.three-aside .panel .img-wrap {
    max-width:none;
    padding:0 0 20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:50%;
    float:left
}
}

.three-aside .panel .info-wrap {
    float:left;
    padding:0 0 15px;
    width:100%
}

@media screen and (max-width: 767px) {
.three-aside .panel .info-wrap {
    float:left;
    padding:0 0 15px 20px;
    max-width:none;
    width:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
}

.news .three-aside .panel .info-wrap h3 {
    margin:0 0 10px;
    font-size:15px
}

.three-aside .panel.panel-head {
    border:none
}

@media screen and (max-width: 767px) {
.three-aside .panel.panel-head .info-wrap {
    padding-left:0;
    width:100%
}
}

@media screen and (max-width: 425px) {
.three-aside .panel .img-wrap {
    max-width:100%;
    width:100%;
    margin-bottom:15px;
    padding-bottom:0;
    max-height:225px;
    overflow:hidden
}

.three-aside .panel .info-wrap {
    padding:0 0 23px;
    width:100%;
    max-width:none
}
}

.three-aside .panel .img-wrap.span6 {
    width:100%;
    margin-right:0
}

.three-aside .panel .info-wrap.span6 {
    width:100%;
    margin-left:0
}

@media screen and (max-width: 767px) {
.three-aside .panel .img-wrap.span6 {
    width:50%
}

.three-aside .panel .info-wrap.span6 {
    width:50%
}
}

@media screen and (max-width: 767px) {
.news .three-aside .panel .info-wrap.span6 {
    width:100%;
    margin:0 0 20px;
    padding:0
}
}

@media screen and (max-width: 425px) {
.three-aside .panel .img-wrap.span6 {
    width:100%
}

.three-aside .panel .info-wrap.span6 {
    width:100%
}
}

@media screen and (max-width: 425px) {
.three-aside.split-col .panel .img-wrap.span6 {
    width:50%
}

.three-aside.split-col .panel .info-wrap.span6 {
    width:50%;
    padding:0 0 0 20px
}

.three-aside.split-col .panel-slider .view {
    float:left;
    margin-bottom:30px;
    margin-top:0
}
}

.three-aside h3 {
    line-height:1.1
}

.three-aside .news-stories h3 {
    color:#a6a847;
    font-size:18px;
    clear:left
}

@media screen and (max-width: 767px) {
.three-aside .news-stories h3 {
    padding-top:40px
}
}

.three-aside .panel .info-wrap h3 {
    font-size:16px;
    line-height:1.45;
    margin-bottom:5px
}

@media screen and (max-width: 767px) {
.three-aside .panel .info-wrap h3 {
    margin-top:0
}
}

.three-aside .panel p {
    font-size:14px;
    line-height:1.7;
    margin-bottom:5px
}

@media screen and (max-width: 767px) {
.three-aside .mobile-hide span {
    display:none
}
}

@media screen and (max-width: 425px) {
.three-aside .mobile-hide {
    display:none
}
.info-wrap .three-aside .mobile-hide {
	display: inline;
}
}

.three-aside .panel p.info-links {
    margin-bottom:5px;
    line-height:1.6
}

.three-aside .panel p.info-links a {
    display:block;
    color:#4d4d4f
}

.three-aside .panel p.info-links a:hover {
    color:#a6a847
}

.three-aside .panel p.more {
    display:inline;
    width:auto;
    float:left;
    font-size:13px;
    font-weight:700;
    margin:0 0 2px;
    line-height:1;
    color:#a6a847
}

.three-aside .panel p.show {
    display:inline;
    width:auto;
    float:right;
    font-size:13px;
    font-weight:700;
    color:#a6a847;
    margin:0
}

.three-aside .panel.panel-head h2,.three-aside .panel.panel-head h2 a {
    font-size:25px;
    line-height:1;
    color:#4d4d4f
}

.three-aside .panel.panel-head p {
    line-height:1.6;
    margin:0 0 10px
}

.three-aside .panel.panel-head p.intro {
    font-size:16px;
    line-height:1.5
}

.three-aside .panel.panel-head p.more {
    width:auto
}

@media screen and (max-width: 767px) {
.three-aside .slider-controls.slider-has-controls-direction {
    display:none
}
}

.three-aside .slider-controls .slider-close {
    display:none
}

@media screen and (max-width: 767px) {
.three-aside.text-block.alt {
    background:#efefef!important;
    margin:0 -20px;
    padding:20px
}
}

.three-aside.text-block h2 {
    font-size:20px;
    line-height:1;
    margin-bottom:20px;
    margin-top:0
}

.three-aside.text-block p {
    font-size:14px;
    line-height:1.7
}

.three-aside.text-block p.intro {
    font-size:16px;
    line-height:1.5
}

.three-aside.text-block a.viewmore {
    position:absolute;
    right:0;
    top:0;
    display:block;
    font-size:15px
}

@media screen and (max-width: 767px) {
.three-aside.text-block a.viewmore {
    clear:left;
    position:relative;
    display:none
}
}

.three-aside .slider-title {
    margin:20px 0 10px;
    position:relative;
    /*top:10px*/
}

@media screen and (max-width: 767px) {
.three-aside .slider-title {
    top:0;
    margin:10px 0 0
}
}

/* news archive variant */
.news-archives .three-aside {
    clear:left
}

/* Page element: Feature Panels - 2 sizes
----------------------------------------------------------*/
.two-sizes-aside {
    margin-bottom:25px
}

@media screen and (max-width: 425px) {
.two-sizes-aside.alt {
    background:#efefef;
    padding:20px;
    margin:0 -20px
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside.alt .panel {
    border:none
}

.two-sizes-aside.alt .panel:nth-last-child(1),.two-sizes-aside.alt .panel:nth-last-child(1) .info-wrap {
    margin:0;
    padding-bottom:0
}
}

.two-sizes-aside ul {
    margin:0
}

@media screen and (max-width: 767px) {
.two-sizes-aside {
    margin-bottom:0
}
}

.two-sizes-aside .panel {
    border-bottom:solid 1px #ccc;
    padding-bottom:0;
    overflow:hidden
}

@media screen and (max-width: 767px) {
.two-sizes-aside .panel {
    margin-bottom:10px;
    border:none
}
}

@media screen and (max-width: 767px) {
.two-sizes-aside .panel .img-wrap {
    max-width:none;
    padding:0 0 20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:50%;
    float:left
}
}

.two-sizes-aside .panel .info-wrap {
    float:left;
    padding:0 0 15px;
    width:100%
}

@media screen and (max-width: 767px) {
.two-sizes-aside .panel .info-wrap {
    float:left;
    padding:0 0 15px 20px;
    max-width:none;
    width:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .panel .img-wrap {
    max-width:100%;
    width:100%;
    margin-bottom:15px;
    padding-bottom:0;
    max-height:125px;
    overflow:hidden
}

.two-sizes-aside .panel .info-wrap {
    padding:0 0 23px;
    width:100%;
    max-width:none
}
}

.two-sizes-aside .panel .img-wrap.span6 {
    width:100%;
    margin-right:0
}

.two-sizes-aside .panel .info-wrap.span6 {
    width:100%;
    margin-left:0
}

@media screen and (max-width: 767px) {
.two-sizes-aside .panel .img-wrap.span6 {
    width:50%
}

.two-sizes-aside .panel .info-wrap.span6 {
    width:50%
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .panel .img-wrap.span6 {
    width:100%
}

.two-sizes-aside .panel .info-wrap.span6 {
    width:100%
}
}

.two-sizes-aside .panel .info-wrap h3 {
    font-size:16px;
    line-height:1.45;
    margin-bottom:5px
}

@media screen and (max-width: 767px) {
.two-sizes-aside .panel .info-wrap h3 {
    margin-top:0
}
}

.two-sizes-aside .panel p {
    font-size:14px;
    line-height:1.7;
    margin-bottom:5px
}

.two-sizes-aside .panel p.more {
    display:inline;
    width:auto;
    float:left;
    font-size:13px;
    font-weight:700;
    margin:0 0 2px;
    line-height:1;
    color:#a6a847
}

.two-sizes-aside .feature-panel {
    display:block;
    color:#fff;
    min-height:283px;
    padding:10px 20px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    position:relative
}

.two-sizes-aside .fuji-panel {
    background-image:url(../img/site/bg_fuji.jpg)
}

.two-sizes-aside .whale-panel {
    background-image:url(../img/site/bg_whale.jpg)
}

.two-sizes-aside .geisha-panel {
    background-image:url(../img/site/bg_geisha.jpg)
}

.two-sizes-aside .sapporo-panel {
    background-image:url(../img/site/bg_sapporo.jpg)
}

.two-sizes-aside .archery-panel {
    background-image:url(../img/site/bg_archery.jpg)
}

.two-sizes-aside .sapporo-panel .info-wrap {
    width:100%;
    position:absolute;
    bottom:20px
}

@media screen and (max-width: 425px) {
.two-sizes-aside .sapporo-panel .info-wrap {
    position:relative;
    bottom:auto
}
}

.two-sizes-aside .sapporo-panel .info-wrap p {
    width:70%
}

@media screen and (max-width: 767px) {
.two-sizes-aside .sapporo-panel .info-wrap p {
    width:100%
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .sapporo-panel .info-wrap a {
    color:#4d4d4f
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .feature-panel.fuji-panel h3 a,.two-sizes-aside .feature-panel.fuji-panel p a,.two-sizes-aside .feature-panel.sapporo-panel h3 a,.two-sizes-aside .feature-panel.sapporo-panel p a {
    color:#a6a847!important
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .feature-panel.fuji-panel p {
    color:#4d4d4f!important
}
}

@media screen and (min-width: 1200px) {
.two-sizes-aside .feature-panel {
    max-height:360px
}
}

@media screen and (max-width: 767px) {
.two-sizes-aside .feature-panel {
    max-height:270px;
    padding:10px 20px;
    margin-top:0;
    margin-bottom:35px
}
}

@media screen and (max-width: 425px) {
.two-sizes-aside .feature-panel {
    margin-bottom:35px;
    display:block;
    width:100%;
    margin-left:-20px!important;
    margin-right:-20px!important;
    width:auto;
    -webkit-background-size:91%;
    -moz-background-size:91%;
    -o-background-size:91%;
    background-size:91%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-position:center 10%;
    background-color:#efefef
}

.two-sizes-aside .feature-panel .info-wrap {
    padding-top:67%
}
}

.two-sizes-aside .feature-panel h3 {
    line-height:1;
    margin-bottom:5px;
    font-size:23px
}

.two-sizes-aside .feature-panel h3 a {
    color:#fff;
    line-height:1.1
}

.two-sizes-aside .feature-panel p {
    width:210px;
    font-size:14px;
    line-height:1.6;
    margin-bottom:5px
}

.two-sizes-aside .feature-panel p a {
    font-size:12px;
    font-weight:700
}

.two-sizes-aside .feature-panel p.more a {
    font-size:12px;
    font-weight:700
}

.two-sizes-aside .feature-panel p.more a:hover {
    color:#efefef
}

.two-sizes-aside .feature-panel.fuji-panel h3 a,.two-sizes-aside .feature-panel.fuji-panel p,.two-sizes-aside .feature-panel.fuji-panel p.more a {
    color:#000
}

.two-sizes-aside .feature-panel.fuji-panel p.more a:hover {
    color:#4d4d4f
}

@media screen and (max-width: 425px) {
.two-sizes-aside .feature-panel h3 a {
    color:#a6a847
}

.two-sizes-aside .feature-panel p {
    color:#4d4d4f;
    width:100%
}

.two-sizes-aside .feature-panel p.more a {
    color:#a6a847;
    font-weight:700
}
}

/* Page element: Diving Panel
----------------------------------------------------------*/
.diving-panel {
    text-align:right;
    color:#fff;
    display:block;
    min-height:211px;
    margin:15px 0 0!important;
    padding:10px 20px;
    background:url(../img/site/bg_diving.jpg) 50% 50% no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

.diving-panel.inner {
    margin: 0 0 15px !important;
}

@media screen and (min-width: 1200px) {
.diving-panel {
    min-height:167px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.diving-panel {
    min-height:158px
}
.diving-panel--compact {
    padding-left: 10px;
    padding-right: 10px;
}

}

@media screen and (max-width: 425px) {
.diving-panel {
    display:none
}
}

.diving-panel .video-btn {
    float:left;
    margin:45px 0 0 15px
}

@media screen and (min-width: 1200px) {
.diving-panel .video-btn {
    margin-top:35px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.diving-panel .video-btn {
    width:70px;
    height:70px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    margin-left:10px
}

.diving-panel .video-btn:hover {
    background-position:0 -70px
}
}

.diving-panel--compact .video-btn {
    margin: 20px 0 0;
    width: 60px;
    height: 60px;
    background-size: cover;
}

.diving-panel--compact .video-btn:hover {
    background-position: 0 -60px;
}

.diving-panel--no-play-button .video-btn {
    display: none;
}



.diving-panel .description {
    width:50%;
    float:right
}

.diving-panel--compact .description {
    width: 60%;
}

@media screen and (min-width: 1200px) {
.diving-panel .description {
    width:70%
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.diving-panel .description {
    width:70%
}
.diving-panel .description {
    width:60%
}
}

@media screen and (max-width: 767px) {
.diving-panel .description {
    width:60%
}
}

.diving-panel--no-play-button .description {
    width: 100%;
    text-align: left;
}

.diving-panel .description h3 {
    font-size:22px;
    margin-top:0
}

.diving-panel .description p {
    font-size:14px;
    line-height:1.6
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.diving-panel .description p {
    font-size:12px;
    line-height:1.4
}
}

.diving-panel .more {
    color:#fff;
    font-weight:700
}

.diving-panel .more:hover {
    color:#EFEFEF
}

/* Page element: Main Content
----------------------------------------------------------*/
/* On tour pages for tables drop menu overlap it  */
article {
    position:relative;
    z-index:1
}

article.container {
}

article.container section {
    margin:0 0 10px
}

article.container .row-title {
    padding:12px;
    background:#a6a847;
    clear:both;
    margin:0 0 15px;
    *zoom:1
}

article.container .row-title:before,article.container .row-title:after {
    display:table;
    line-height:0;
    content:""
}

article.container .row-title:after {
    clear:both
}

article.container .row-title h2,article.container .row-title h3 {
    color:#fff;
    font-weight:400;
    font-size:16px;
    line-height:1;
    margin:0;
    float:left
}

article.container .row-title .more {
    color:#fff;
    float:right;
    font-weight:700;
    margin:0;
    font-size:13px;
    line-height:16px
}

article.container .row-title .more:hover {
    color:#EFEFEF
}

fivecol.internal-page > .span8 {
    width:100%!important
}

/* Page element: Footer
----------------------------------------------------------*/
footer {
    z-index:1
}

footer .container {
    z-index: 1;
}

footer ul {
    list-style:none!important;
    margin:0
}

/* rebuild fluid-width at lower widths */
footer .row-fluid {
}

footer .row-fluid .span6 {
}

@media screen and (max-width: 767px) {
footer .row-fluid .span6 {
    width:48.618784530387%;
    *width:48.565593041025%;
    float:left
}
}

@media screen and (max-width: 425px) {
footer .row-fluid .span6 {
    width:100%;
    float:none
}
}

footer .accreditations {
}

footer .accreditations .outset {
    border-top:1px solid #dbdbdb;
    padding:25px 0
}

@media screen and (max-width: 979px) {
footer .accreditations .outset {
    border-top:none
}
}

footer .accreditations .horizontal {
    clear:none
}

footer .accreditations .horizontal li {
    height:100px;
    line-height:100px
}

footer .accreditations .awards {
    float:left
}

@media screen and (max-width: 979px) {
footer .accreditations .awards {
    float:none
}
}

footer .accreditations .awards li {
    margin:0 10px 0 0
}

@media screen and (max-width: 767px) {
footer .accreditations .awards li {
    max-width:30%;
    margin-right:3%
}
}

footer .accreditations .logos {
    float:right
}

@media screen and (max-width: 979px) {
footer .accreditations .logos {
    float:none
}
}

footer .accreditations .logos li {
    margin:0 0 0 10px
}

@media screen and (max-width: 979px) {
footer .accreditations .logos li:first-child {
    margin-left:0
}
}

@media screen and (max-width: 767px) {
footer .accreditations .logos li {
    height:60px;
    line-height:60px
}

footer .accreditations .logos li + li {
    margin:0 0 0 6px
}
}

footer .accreditations .logos img {
}

@media screen and (max-width: 767px) {
footer .accreditations .logos img {
    max-height:40px
}
}

footer .grey-out {
    background:#4d4d4f;
    color:#fff;
    padding:25px 0
}

@media screen and (max-width: 767px) {
footer .grey-out {
    margin:0 -20px;
    padding:25px 20px
}
}

footer .grey-out .links {
    list-style:none;
    margin:0;
/*font-size: 12px;*/
    font-weight:400
}

@media screen and (max-width: 767px) {
footer .grey-out .links {
    display:none
}
}

footer .grey-out .links a {
    color:#fff
}

footer .grey-out .links a:hover {
    color:#a6a847
}

footer form {
    margin-bottom:0
}

@media screen and (max-width: 767px) {
footer form {
    max-width:240px
}
}

footer form fieldset {
    position:relative
}

footer form legend {
    font-size:14px;
    line-height:16px;
    font-weight:700;
    color:#fff;
    border:0 none;
    padding:0 0 10px;
    margin:0
}

footer form input,footer form input[type="text"] {
    border:3px solid #fff;
    background:#fff;
    background:rgba(255,255,255,0.8);
    height:35px;
    margin:0
}

footer form input:focus,footer form input[type="text"]:focus {
    border:3px solid #fff
}

footer form input + input,footer form input[type="text"] + input[type="text"] {
    margin-top:6px
}

footer form .name {
}

footer form .email {
    width:188px
}

@media screen and (min-width: 1200px) {
footer form .email {
    width:238px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
footer form .email {
    width:135px
}
}

@media screen and (max-width: 767px) {
footer form .email {
    width:201px
}
}

footer form .submit {
    display:block;
    border:3px solid #fff;
    width:35px;
    height:35px;
    background:rgba(255,255,255,0.8) url(../img/site/bg_submit.png) 50% 50% no-repeat;
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    text-align:left;
    padding:0;
    position:absolute;
    right:0;
    bottom:0
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
footer form .submit {
    -webkit-background-size:10px 18px;
    -moz-background-size:10px 18px;
    -o-background-size:10px 18px;
    background-size:10px 18px;
    background-image:url(../img/site/bg_submit@2x.png)
}
}

footer .client-login {
    border-top:1px solid #dbdbdb;
    margin:15px 0 0;
    padding:15px 0 0
}

@media screen and (max-width: 767px) {
footer .client-login {
    margin-bottom:30px
}
}

footer .client-login .btn {
    font-size:13px;
    border:3px solid #fff;
    background:rgba(255,255,255,0.8);
    color:#4d4d4f;
    min-width:110px
}

footer .sign-me-up,footer .sign-me-up:active,footer .sign-me-up:focus {
    display:block;
    border:3px solid #fff;
    font-size:15px;
    font-weight:700;
    background:#a6a847
}

footer .sign-me-up:hover {
    border:3px solid #fff;
    background:#bfc159;
    color:#333
}

footer .bottom-half {
    padding:3em 0
}

@media screen and (max-width: 767px) {
footer .bottom-half {
    padding:0
}
}

footer .horizontal {
}

footer .horizontal .legend {
    font-size:11px;
    margin-left:0!important;
    margin-bottom:6px
}

@media screen and (max-width: 767px) {
footer .horizontal .legend {
    margin:10px 0 4px
}
}

footer .connect {
}

footer .connect li {
    margin-right:6px
}

footer .connect .facebook {
}

@media screen and (min-width: 768px) and (max-width: 979px) {
footer .connect .facebook {
    clear:left;
    margin-top:5px
}

footer .connect .twitter {
    margin-top:5px
}
}

footer .currency {
}

footer .currency li {
    margin-right:6px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
footer .currency li {
    margin-right:4px
}
}

footer .currency img {
    max-height:22px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
footer .currency img {
    max-height:20px
}
}

footer .iv-promo {
    background:#fff
}

@media screen and (min-width: 768px) and (max-width: 979px) {
footer .iv-promo {
    font-size:11px
}
}

@media screen and (max-width: 767px) {
footer .iv-promo {
    margin:25px 0;
    width:100%!important
}
}

footer .iv-promo .img-wrap {
    text-align:center;
    padding:17px
}

@media screen and (max-width: 979px) {
footer .iv-promo .img-wrap {
    padding:15px 10px
}
}

@media screen and (max-width: 767px) {
footer .iv-promo .img-wrap {
    padding:18px 15px
}
}

@media screen and (max-width: 425px) {
footer .iv-promo .img-wrap {
    text-align:left;
    padding:15px 10px 0
}
}

footer .iv-promo .text {
    color:#4d4d4f;
    padding:15px 15px 5px 0
}

@media screen and (max-width: 425px) {
footer .iv-promo .text {
    padding:15px 15px 0
}
}

footer .iv-promo .text a {
    color:#ef74ad
}

footer .base {
    padding:40px 0 0
}

footer .base p {
    font-size:11px;
    margin:0
}

/* white-out */
footer .white-out {
    padding:2em 0
}

@media screen and (max-width: 767px) {
/*footer .white-out {
    display:none
}*/
    .hidden-xs {
        display: none !important;
    }
}

footer .white-out .iat-logo {
    width:89px;
    height:139px;
    background-image:url(../img/site/logo_IAT.png)
}

@media screen and (max-width: 767px) {
    footer .white-out .iat-logo {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2) {
footer .white-out .iat-logo {
    background-image:url(../img/site/logo_IAT@2x.png);
    -webkit-background-size:89px 139px;
    -moz-background-size:89px 139px;
    -o-background-size:89px 139px;
    background-size:89px 139px
}
}

footer .white-out .links {
}

footer .white-out .links a {
    color:#4a4a49;
    text-decoration:none
}

footer .white-out .links a:hover,footer .white-out .links a:active,footer .white-out .links a:focus {
    color:#a6a847
}

/* IAT group */
footer .iat-group {
    padding:2em
}

footer .iat-group:before,footer .iat-group:after {
    display:table;
    line-height:0;
    content:""
}

footer .iat-group:after {
    clear:both
}

footer .iat-group .members {
    float:left;
    margin:1em 0 0
}

footer .iat-group .members li {
}

footer .iat-group .members li + li {
    margin-left:3em
}

@media screen and (max-width: 767px) {
footer .iat-group .members,
footer .iat-group .members li {
    width: 100%;
}
footer .iat-group .members li + li {
    margin-left:0
}
footer .iat-group .members .icon {
    margin: 0 auto;
}
footer .iat-group .members li:nth-child(odd) {
    margin-left:0;
    clear:left
}
}

@media screen and (max-width: 480px) {
footer .iat-group .members li,footer .iat-group .members li + li,footer .iat-group .members li:nth-child(odd) {
    clear:left;
    margin-left:0
}
}

footer .iat-group .members .icon {
    height:75px;
    background-image:url(../img/site/sprite_iatgroup-logos.png)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
footer .iat-group .members .icon {
    -webkit-background-size:135px 225px;
    -moz-background-size:135px 225px;
    -o-background-size:135px 225px;
    background-size:135px 225px;
    background-image:url(../img/site/sprite_iatgroup-logos@2x.png)
}
}

footer .iat-group .members .inside-japan {
    width:126px;
    background-position:0 -150px
}

footer .iat-group .members .inside-vietnam {
    width:132px;
    background-position:0 0
}

footer .iat-group .members .inside-burma {
    width:129px;
    background-position:0 -75px
}

footer .iat-group .awards {
    float:right
}

footer .iat-group .awards li {
    padding:.2em
}

@media screen and (max-width: 979px) {
footer .iat-group .awards {
    float:left;
    clear:left;
    margin-top:2em
}
}

/* copyright line */
footer .iat-group .copy {
    clear:both;
    padding:2em 0;
    font-size:.9em
}

footer .iat-group .copy span {
    margin-right:1.5em
}

@media screen and (max-width: 979px) {
footer .iat-group .copy span {
    display:block
}
}

footer .iat-group .copy span:last-child {
    display:block
}

/* Page-specific: home page
----------------------------------------------------------*/
.home-bottom {
    padding:10px 0
}

/* Page-specific: Tour page
----------------------------------------------------------*/
.tour-page {
}

.tour-page .hero {
}

@media screen and (max-width: 767px) {
.tour-page .hero {
    margin-top:0
}
}

.tour-page .hero {
}

@media screen and (max-width: 425px) {
.tour-page .hero {
    margin-top:13px
}
}

.tour-page .title-block {
}

@media screen and (max-width: 767px) {
.tour-page .title-block {
    display:none
}
}

.tour-page .page-lead {
}

.tour-page .page-lead .intro {
}

@media screen and (max-width: 767px) {
.tour-page .page-lead .intro {
    margin-top:0;
    padding-top:0
}
}

@media screen and (max-width: 425px) {
.tour-page .page-lead .intro {
    margin-top:10px;
    padding-top:0
}
}

.tour-page .mobile-title-block {
    display:none;
    padding:0 20px;
    z-index:999
}

@media screen and (max-width: 767px) {
.tour-page .mobile-title-block {
    display:block;
    margin-top:80px
}
}

.tour-page .mobile-title-block .title-block {
    display:block
}

.tour-page .mobile-title-block .back-search {
    height:19px;
    line-height:19px;
    margin-top:28px
}

.tour-page .mobile-page-nav {
    display:none
}

@media screen and (max-width: 767px) {
.tour-page .mobile-page-nav {
    display:block
}
}

.tour-page .mobile-nav-panel {
}

@media screen and (min-width: 1200px) {
.tour-page .mobile-nav-panel#map-destinations-content h4,.tour-page .mobile-nav-panel#map-destinations-content img#map {
    width:80%;
    margin-left:10%
}

.tour-page .mobile-nav-panel#map-destinations-content h4.title {
    margin-left:0
}
}

.tour-page .horizontal-tabs {
}

@media screen and (max-width: 767px) {
.tour-page .horizontal-tabs {
    display:none
}
}

.tour-page .horizontal-tabs.hidden {
    display:none
}

.tour-page .lead {
    margin-bottom:-5px
}

.tour-page .accordion {
    margin-bottom:0
}

.tour-page.internal-page {
    margin-bottom:10px;
    z-index:2
}

@media screen and (max-width: 767px) {
.tour-page.internal-page {
    margin-top: 30px;
}
}

/* Page-specific: Small Group Tour
----------------------------------------------------------*/
.sgt-color {
    color:#945a6f !important;
}

.small-group-tour .panel .intro {
    color:#945a6f;
    font-size:110%
}

/* Page-specific: Self guided adventure tour page
----------------------------------------------------------*/
/*	.adventure-page{}
		.adventure-page . h2{
			color: #b87628;
		}*/
/* Page-specific: Self Guided Adventures
----------------------------------------------------------*/
.self-guide-adv {
}

.sga-color {
    color:#b87628 !important;
}

.self-guide-adv .title-block h2 {
    color:#b87628
}

.self-guide-adv .title-area {
    color:#4d4d4f;
    padding-top:3px;
    font-weight:700;
    /*background:url(../img/site/stamp-small-sga.png) no-repeat;*/
    /*background-size:40px 40px;*/
    /*background-position:left top;*/
    height:33px;
    display:block;
    line-height:1.3;
    /*padding-left:45px;*/
    margin:10px 0
}

@media screen and (min-width: 768px) {
.self-guide-adv .title-area {
	display: none;
}
}

/*@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.self-guide-adv .title-area {
    background:url(../img/site/stamp-small-sga@2x.png) no-repeat;
    background-size:40px 40px
}
}*/

.self-guide-adv .panel .intro {
    color:#b87628;
    font-size:110%
}

/* Page-specific: Private Escorted Journeys
----------------------------------------------------------*/
.private-escorted-journey {
}

.pej-color {
    color:#0094c6 !important;
}

.private-escorted-journey .title-block h1,.private-escorted-journey .title-block h2 {
    color:#0094c6
}

.private-escorted-journey .title-area {
    color:#4d4d4f;
    padding-top:3px;
    font-weight:700;
    background:url(../img/site/stamp-small-pej.png) no-repeat;
    background-size:40px 40px;
    background-position:left top;
    height:33px;
    display:block;
    line-height:1.2;
    padding-left:40px;
    margin:10px 0
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.private-escorted-journey .title-area {
    background:url(../img/site/stamp-small-pej@2x.png) no-repeat;
    background-size:40px 40px
}
}

.private-escorted-journey .panel .intro {
    color:#0094c6;
    font-size:110%
}

/* Page-specific: Self guided adventures page
----------------------------------------------------------*/
.adventures-page {
}

.adventures-page .hero {
}

@media screen and (max-width: 767px) {
.adventures-page .hero {
    margin-top:0
}
}

.adventures-page .hero {
}

@media screen and (max-width: 425px) {
.adventures-page .hero {
    margin-top:13px
}
}

.adventures-page .title-block {
}

@media screen and (max-width: 767px) {
.adventures-page .title-block {
    display:none
}
}

.adventures-page .page-lead {
}

.adventures-page .page-lead .intro {
}

@media screen and (max-width: 767px) {
.adventures-page .page-lead .intro {
    margin-top:60px;
    padding-top:0
}
}

.adventures-page .mobile-title-block {
    display:none;
    padding:0 20px
}

@media screen and (max-width: 767px) {
.adventures-page .mobile-title-block {
    display:block
}
}

.adventures-page .mobile-title-block .title-block {
    display:block
}

.adventures-page .mobile-title-block .back-search {
    height:19px;
    line-height:19px;
    margin-top:23px
}

.adventures-page .mobile-page-nav {
    display:none
}

@media screen and (max-width: 767px) {
.adventures-page .mobile-page-nav {
    display:block
}
}

.adventures-page .mobile-nav-panel {
}

@media screen and (min-width: 1200px) {
.adventures-page .mobile-nav-panel#map-destinations-content h4,.adventures-page .mobile-nav-panel#map-destinations-content img#map {
    width:80%;
    margin-left:10%
}

.adventures-page .mobile-nav-panel#map-destinations-content h4.title {
    margin-left:0
}
}

.adventures-page .horizontal-tabs {
}

@media screen and (max-width: 767px) {
.adventures-page .horizontal-tabs {
    display:none
}
}

.adventures-page .lead {
    margin-bottom:-5px
}

.adventures-page .accordion {
    margin-bottom:0
}

.adventures-page.internal-page {
    margin-bottom:10px
}

/* Page-specific: Destinations page
----------------------------------------------------------*/
.destinations-page {
}

@media screen and (max-width: 767px) {
.destinations-page .hero {
    margin-top:-6px
}
}

@media screen and (max-width: 425px) {
.destinations-page .hero {
    margin-top:25px
}
}

.destinations-page .mobile-title-block {
    display:none;
    padding:0 20px
}

@media screen and (max-width: 767px) {
.destinations-page .mobile-title-block {
    display:block;
    z-index:1001;
    margin-top:60px;
}
}

@media screen and (max-width: 767px) {
.destinations-page .horizontal-tabs {
    display:none
}
}

.destinations-page .mobile-page-nav {
    display:none
}

@media screen and (max-width: 767px) {
.destinations-page .mobile-page-nav {
    display:block;
    width:245px
}
}

@media screen and (max-width: 767px) {
.destinations-page .internal-page {
    /*margin-top:70px*/
}

.destinations-landing-page .internal-page {
    margin-top:20px
}
}

/* two-aside nav alt */
.destinations-page .multi-drop {
    position:relative
}

.destinations-page .multi-drop .mobile-nav-wrap {
    top:0;
    width:49%;
    right:0
}

.destinations-page .multi-drop .local-drop {
    right:auto;
    left:0;
    z-index: 2;
}

@media screen and (max-width: 450px) {
.destinations-page .multi-drop .mobile-nav-wrap {
    /*top:55px;*/
    width:240px;
    left:auto;
    right:auto
}

.destinations-page .multi-drop .local-drop {
    position:relative;
    margin:0 0 15px;
    top:5px
}
}

.destinations-page .multi-drop .mobile-page-nav {
    width:100%
}

/* features set-up */
.honeymoons-feature,.family-feature,.skiing-feature,.diving-feature {
    display:none
}

/* Page-specific: Error page
----------------------------------------------------------*/
.error-page {
}

.error-page .internal-page {
    min-height:550px;
    background:url(../img/site/bg_error-page.png) 80% 30% no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.error-page .internal-page {
    background-image:url(../img/site/bg_error-page@2x.png);
    -webkit-background-size:417px 455px;
    -moz-background-size:417px 455px;
    -o-background-size:417px 455px;
    background-size:417px 455px
}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.error-page .internal-page {
    -webkit-background-size:50%;
    -moz-background-size:50%;
    -o-background-size:50%;
    background-size:50%;
    min-height:450px
}
}

@media screen and (max-width: 767px) {
.error-page .internal-page {
    -webkit-background-size:55%;
    -moz-background-size:55%;
    -o-background-size:55%;
    background-size:55%;
    background-position:100% 60%;
    min-height:360px
}
}

@media screen and (max-width: 320px) {
.error-page .internal-page {
    background-position:90% 100%
}
}

.error-page .internal-page .lead {
    display:block;
    width:280px;
    margin:60px 0 0 120px
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.error-page .internal-page .lead {
    width:280px;
    margin-left:20px
}
}

@media screen and (max-width: 767px) {
.error-page .internal-page .lead {
    width:50%;
    margin-left:0
}
}

@media screen and (max-width: 320px) {
.error-page .internal-page .lead {
    width:100%;
    margin-left:0
}
}

.error-page .internal-page .lead h2 {
    font-weight:400;
    color:#a6a847
}

@media screen and (max-width: 767px) {
.error-page .internal-page .lead h2 {
    font-size:16px
}
}

.error-page .internal-page .lead .more {
}

@media screen and (max-width: 320px) {
.error-page .internal-page .lead .more {
    display:block;
    width:60%
}
}

/* Page specific: Proxy page
---------------------------------------------------------*/

.proxy-page .read-more:after {
  content: ">";
  padding: 0 0 0 4px;
  position: relative;
  top: 1px;
  font-size: 1.1em;
}
.proxy-page .about-japan .read-more:after, .proxy-page .japan .read-more:after {
  color: #e33f3a;
}
.proxy-page .about-vietnam .read-more:after, .proxy-page .vietnam .read-more:after {
  color: #eb70a7;
}
.proxy-page .about-burma .read-more:after, .proxy-page .burma .read-more:after {
  color: #f3993a;
}

.proxy-page .destination-list {
    list-style: none;
    margin-left: 0;
}

.proxy-page .destination-list li {
  padding: 0;
  font-size: .8em;
  display: inline-block;
}
.proxy-page .destination-list li:after {
  content: " -";
}
.proxy-page .destination-list li:last-child:after {
  content: "";
}

.proxy-page .main-content {
    margin-top: 60px;
}

.proxy-page .main-content .about-site {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ebebeb;
}

.proxy-page .about-site img {
  display: block;
  margin: 0 auto 18px;
}
@media screen and (min-width: 768px) {
  .proxy-page .about-site img {
    display: inline;
  }
}
.proxy-page .about-site p {
  font-size: .9em;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  .proxy-page .about-site p {
    font-size: .8em;
  }
}
@media screen and (min-width: 992px) {
  .proxy-page .about-site p {
    font-size: 1em;
  }
}
@media screen and (min-width: 768px) {
  .proxy-page .about-site.about-vietnam .col-sm-4:first-of-type {
    float: right;
  }
}
.proxy-page .about-site.about-asia a {
  color: #e33f3a;
}
.proxy-page .about-site.about-vietnam a {
  color: #eb70a7;
}
.proxy-page .about-site.about-burma a {
  color: #f3993a;
}
.proxy-page .about-site.about-japan a {
  color: #a6a847;
}
.proxy-page .about-site a:hover, .about-site a:hover:after, .about-site .read-more:hover:after {
  color: #4a4a4a;
}

@media screen and (min-width: 992px) {
    .proxy-page .about-site:nth-of-type(even) .span6 {
        margin-left: 0;
    }
    .proxy-page .about-site:nth-of-type(even) .span6:first-of-type {
        float: right;
        margin-left: 2.127659574468085%;
    };
}
/*
@media screen and (min-width: 768px) {
  .proxy-page .featured-tours {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .proxy-page .about-asia .featured-tours {
    background-image: url(../img/_dev/proxy-page/blocks/bg-japan.jpg);
  }
  .proxy-page .about-vietnam .featured-tours {
    background-image: url(../img/_dev/proxy-page/blocks/bg-vietnam.jpg);
  }
  .proxy-page .about-burma .featured-tours {
    background-image: url(../img/_dev/proxy-page/blocks/bg-burma.jpg);
  }
}*/
.proxy-page .featured-tours h2 {
  padding: 10px 20px;
  margin: 0;
  font-size: 1.05em;
  font-weight: 400;
  color: #fff;
}
.proxy-page .about-japan .featured-tours h2 {
  background: #b3ae42;
}
.proxy-page .about-vietnam .featured-tours h2 {
  background: #eb70a7;
}
.proxy-page .about-burma .featured-tours h2 {
  background: #f3993a;
}
.proxy-page .featured-tours .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 768px) {
  .proxy-page .featured-tours .overlay {
    padding: 16px 20px;
    width: 50%;
    float: right;
  }
}
.proxy-page .featured-tours .overlay h3 {
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .proxy-page .featured-tours .overlay h3 {
    font-size: 1.1em;
  }
}
.proxy-page .featured-tours .nights {
  font-size: 13px;
  font-weight: 700;
  margin-right: 14px;
}

/*.proxy-page .featured-tours img {
  display: none;
}*/

@media screen and (max-width: 768px) {
    .proxy-page .featured-tours img {
      display: block;
      max-width: 100%;
    }
}

/* Tours mobile nav
----------------------------------------------------------*/
.tours-mobile-nav {
    margin-bottom:7px;
    position:relative;
    top:18px;
    display:block;
    z-index:1
}

@media screen and (max-width: 767px) {
.tours-mobile-nav {
}

.tour-page .tours-mobile-nav {
    top:0
}

.lead .tours-mobile-nav {
    display:block;
    margin-bottom:15px
}
}

@media screen and (max-width: 425px) {
.lead .tours-mobile-nav {
    width:100%;
    margin-bottom:5px;
    margin-right:0
}
}

/* Tours tab sub nav
----------------------------------------------------------*/
.tours-sub-nav {
    margin-bottom:7px;
    display:block
}

.tours-sub-nav .mobile-page-nav {
    display:block;
    width:271px
}

.tours-sub-nav .mobile-page-nav .drop {
    padding:1px 0 0
}

/* Contact definition list
----------------------------------------------------------*/
.contact-els {
    margin:0 0 .5em;
    color:#4D4D4F
}

.contact-els:before,.contact-els:after {
    display:table;
    content:" "
}

.contact-els:after {
    clear:both
}

.contact-els a {
    text-decoration:none;
    color:#a6a847
}

.contact-els dt,.contact-els dd {
    line-height:1.6
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.contact-els dt,.contact-els dd {
    line-height:1.2
}
}

.contact-els dt {
    font-weight:400;
    float:left;
    clear:none
}

.contact-els dd {
    float:left;
    color:#a6a847;
    font-size:120%;
    line-height:1.2
}

.contact-els dd + dd {
    clear:left
}

.contact-els dd + dt {
    margin-left:2em
}

@media screen and (max-width: 767px) {
.contact-els dd + dt {
    margin-left:0;
    clear:left
}
}

/* Shared: Tour Calender
----------------------------------------------------------*/
.tour-calendar {
    padding:30px 0 0
}

/* month panels */
.tour-calendar .calendar-panels {
    list-style:none;
    margin:0
}

.tour-calendar .calendar-panels h3 {
    color:#A6A847;
    font-size:18px;
    line-height:0;
    margin:0;
    padding:40px 0 0
}

/* filter */
.calendar-filter {
    list-style:none;
    overflow:visible;
    font-size:16px;
    color:#fff;
    margin:0 0 20px;
    float:none;
    z-index:1000;
    text-align:left;
    display:block;
    width:290px;
    max-width:100%;
    position:relative
}

@media screen and (max-width: 767px) {
.calendar-filter {
    margin-bottom:0
}
}

.calendar-filter ul {
    padding-top:10px;
    padding-bottom:20px;
    background:#d0d08c
}

.calendar-filter .trigger {
    display:block;
    outline:0 none;
    height:40px;
    font-size:16px;
    line-height:41px;
    cursor:pointer;
    padding:0;
    color:#fff;
    text-indent:10px;
    background:#a6a847 url(../img/site/bg_arrow-down.png) 93% 50% no-repeat;
    -webkit-background-size:19px 11px;
    -moz-background-size:19px 11px;
    -o-background-size:19px 11px;
    background-size:19px 11px
}

.calendar-filter .trigger.open {
    background-image:url(../img/site/bg_arrow-up.png)
}

.calendar-filter .drop {
    margin:0;
    position:absolute;
    top:40px;
    padding:0 0 25px;
    background:#fff;
    width:100%;
    display:none;
    border-bottom:solid 5px #a6a847
}

.calendar-filter li {
    float:none;
    background:#fff;
    padding:0;
    border:none;
    font-size:15px;
    list-style:none;
    border-bottom:solid 1px #efefef
}

.calendar-filter li a {
    padding:7px 0;
    margin:0 20px;
    color:#404042;
    display:block
}

.calendar-filter .drop .all {
    padding-top:17px
}

.calendar-filter .drop .parent {
    color:#A6A847;
    padding-top:12px;
    margin-left:0;
    margin-right:0;
    text-indent:20px;
    border-bottom:solid 1px #efefef;
    outline:0 none;
    font-weight:700
}

.calendar-filter .drop ul {
    margin:0;
    padding:0;
    display:none
}

.calendar-filter .drop ul li {
}

.calendar-filter .drop ul li:last-child {
    border:0 none;
    margin-bottom:10px
}

.calendar-filter .drop ul a {
}

.calendar-filter .drop ul .active {
    color:#A6A847
}

/* calendar grid */
.calendar-grid {
    margin-top:15px
}

@media screen and (max-width: 425px) {
.calendar-grid {
    margin-top:0
}
}

.calendar-grid .panel {
    border-bottom:solid 1px #dbdbdb;
    overflow:hidden;
    padding-bottom:15px;
    margin-top:15px
}

@media screen and (max-width: 767px) {
.calendar-grid .panel .img-wrap a {
    overflow:hidden;
    max-height:195px;
    display:block
}

.calendar-grid .panel .img-wrap a img {
    margin-top:-10%
}
}

.calendar-grid .dates {
    margin:0 0 .5em;
    color:#4D4D4F
}

.calendar-grid .dates:before,.calendar-grid .dates:after {
    display:table;
    content:" "
}

.calendar-grid .dates:after {
    clear:both
}

.calendar-grid .dates a {
    text-decoration:none;
    color:#a6a847
}

.calendar-grid .dates dt,.calendar-grid .dates dd {
    line-height:1.6
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.calendar-grid .dates dt,.calendar-grid .dates dd {
    line-height:1.2
}
}

.calendar-grid .dates dt {
    font-weight:400;
    float:left;
    clear:none
}

.calendar-grid .dates dd {
    float:left;
    color:#a6a847;
    font-size:120%;
    line-height:1.2
}

.calendar-grid .dates dd + dd {
    clear:left
}

.calendar-grid .dates dd + dt {
    margin-left:2em
}

@media screen and (max-width: 767px) {
.calendar-grid .dates dd + dt {
    margin-left:0;
    clear:left
}
}

.calendar-grid .description {
}

.panel .description .title-area {
    color:#4d4d4f;
    padding-top:3px;
    font-weight:700;
    /*background:url(../img/site/stamp-small-sga.png) no-repeat;*/
    /*background-size:40px 40px;*/
    height:33px;
    display:block;
    line-height:1.3;
    /*padding-left:45px*/
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
.panel .description .title-area {
    /*background:url(../img/site/stamp-small-sga@2x.png) no-repeat;*/
    /*background-size:40px 40px*/
}
}

@media screen and (max-width: 767px) {
.panel .description .title-area {
    margin-top:15px
}
}

.calendar-grid .description h3 {
    font-size:16px;
    line-height:1.4;
    font-weight:700;
    margin:15px 0 0;
    padding:0
}

.calendar-grid .description h3 span {
    display:inline-block;
    margin-left:10px
}

.calendar-grid .description h3 span {
    color:#a6a847
}

.calendar-grid .mod-group .description h3 a {
    color:#945a6f
}

.calendar-grid .mod-private .description h3 a {
    color:#0094c6
}

.calendar-grid .description h2 {
    font-size:16px;
    font-weight:700;
    line-height:1.7;
    margin:0
}

.calendar-grid .description h2 a {
    color:#4d4d4f
}

.calendar-grid .description p {
    font-size:13px;
    line-height:1.25
}

.calendar-grid .description p.price {
    display:inline-block;
    font-weight:700;
    margin-right:10px
}

@media screen and (max-width: 425px) {
.calendar-grid .description p.price {
    margin-top:5px
}
}

.calendar-grid .description p.trip-code {
    display:inline-block;
    font-weight:700;
    color:#a6a847;
    font-weight:14px
}

@media screen and (max-width: 425px) {
.calendar-grid .description p.trip-code,.calendar-grid .description p.trip-code:last-child {
    margin-bottom:10px;
    color:#a6a847
}
}

.calendar-grid .description p:last-child {
    margin-bottom:0
}

.calendar-grid .description a.more {
    font-weight:700;
    margin-top:5px;
    display:inline-block;
    clear:left
}

@media screen and (max-width: 425px) {
.calendar-grid .description a.more {
    display:block
}
}

.calendar-grid .description .btn {
    float:right;
    color:#fff!important;
    text-transform:uppercase;
    width:200px;
    text-align:center
}

@media screen and (max-width: 767px) {
.calendar-grid .description .btn {
    float:none;
    margin:15px 0 0;
    display:block
}
}

.calendar-grid .description .sold-out {
    opacity:.4
}

.calendar-grid .mod-group {
}

.calendar-grid .mod-group .description a {
    color:#945a6f
}

.calendar-grid .mod-group .description h2 a {
    color:#4d4d4f
}

.calendar-grid .mod-private .description a.more {
    color:#0094c6
}

.calendar-grid ul.places li {
    display:inline;
    font-size:14px;
    line-height:1.6
}

.calendar-grid ul.places li + li {
}

.calendar-grid ul.places li + li:before {
    content:'-';
    display:inline;
    margin:0 3px
}

.calendar-grid ul.date-list {
    display:inline-block;
    float:left
}

.calendar-grid ul.date-list li {
    display:inline;
    font-size:12px;
    margin:0 5px;
    line-height:1
}

@media screen and (max-width: 767px) {
.calendar-grid ul.date-list li {
    margin:0 3px
}
}

@media screen and (max-width: 425px) {
.calendar-grid ul.date-list li {
    margin-bottom:5px;
    width:30px
}
}

@media screen and (max-width: 425px) {
.calendar-grid ul.date-list li:nth-last-child(6) {
    clear:left
}
}

.calendar-grid ul.date-list li.available {
    color:#a6a847
}

.calendar-grid h4.date-list-title {
    margin-left:0;
    float:left;
    clear:left;
    font-size:12px;
    font-weight:400;
    margin:0;
    line-height:1
}

@media screen and (max-width: 425px) {
.calendar-grid h4.date-list-title {
    margin-right:10px
}
}

/* Self-guided variant */
.calendar-grid .mod-self .description h3 a {
    color:#b87628
}

.calendar-grid .mod-self .more {
    color:#b87628;
    font-weight:700
}

@media screen and (max-width: 767px) {
.calendar-grid .mod-self .more {
    margin-top:5px;
    display:block
}
}

/* Shared: Featured panel
----------------------------------------------------------*/
/* default is white text (aligned top-left), black background */
.feature-panel {
    background-color:#000;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    position:relative;
    padding:10px 20px;
    min-height:360px!important
}

@media screen and (max-width: 767px) {
.feature-panel {
    min-height:270px!important
}
}

.feature-panel .info-wrap {
    color:#fff;
    text-align:left;
    float:left;
    width:50%
}

@media screen and (max-width: 767px) {
.feature-panel .info-wrap {
    width:70%
}
}

.feature-panel .info-wrap h3 {
    line-height:1.1;
    margin:10px 0 5px;
    width:auto
}

.feature-panel .info-wrap a {
    color:#fff
}

.feature-panel .info-wrap .more {
    font-weight:700
}

.feature-panel .info-wrap p {
    font-size:14px;
    line-height:1.6;
    margin:0 0 5px;
    width:auto
}

.feature-panel.right {
}

.feature-panel.right .info-wrap {
    text-align:right;
    float:right
}

.feature-panel.bottom {
}

.feature-panel.bottom .info-wrap {
    float:none;
    position:absolute;
    bottom:10px;
    left:20px
}

.feature-panel.bottom.right {
}

.feature-panel.bottom.right .info-wrap {
    left:auto;
    right:20px
}

.feature-panel.negative {
    background-color:#fff;
    color:#4D4D4F
}

.feature-panel.negative .info-wrap {
    color:#4D4D4F
}

.feature-panel.negative .info-wrap a {
    color:#4D4D4F
}

/* Third-party: jQuery UI (used for datepicker)
----------------------------------------------------------*/
/*! jQuery UI - v1.10.3 - 2013-08-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
	----------------------------------*/
.ui-helper-hidden {
    display:none
}

.ui-helper-hidden-accessible {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}

.ui-helper-reset {
    margin:0;
    padding:0;
    border:0;
    outline:none;
    line-height:1.3;
    text-decoration:none;
    font-size:100%;
    list-style:none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content:"";
    display:table;
    border-collapse:collapse
}

.ui-helper-clearfix:after {
    clear:both
}

.ui-helper-clearfix {
    min-height:0
/* support: IE7 */
}

.ui-helper-zfix {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    filter:Alpha(Opacity=0)
}

.ui-front {
    z-index:100
}

/* Interaction Cues
	----------------------------------*/
.ui-state-disabled {
    cursor:default!important
}

.ui-state-disabled .ui-state-default {
    color:#c6c7c9
}

/* Misc visuals
	----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.ui-datepicker {
    width:250px;
    padding:0 15px;
    display:none
}

.ui-datepicker .ui-datepicker-header {
    position:relative;
    padding:.2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    width:9px;
    height:18px;
    position:absolute;
    top:9px;
    background:none!important;
    border:0 none!important
}

.ui-datepicker .ui-datepicker-prev {
    left:15px
}

.ui-datepicker .ui-datepicker-next {
    right:15px
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled,.ui-datepicker .ui-datepicker-next.ui-state-disabled {
    display:none
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    overflow:hidden;
    text-indent:110%;
    white-space:nowrap;
    text-align:left;
    display:block;
    width:9px;
    height:18px;
    background:url(../img/site/sprite_calendar-btns.png) no-repeat;
    cursor:pointer
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (max--moz-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    -webkit-background-size:18px 18px;
    -moz-background-size:18px 18px;
    -o-background-size:18px 18px;
    background-size:18px 18px;
    background-image:url(../img/site/sprite_calendar-btns@2x.png)
}
}

.ui-datepicker .ui-datepicker-prev span {
    background-position:0 0
}

.ui-datepicker .ui-datepicker-next span {
    background-position:-9px 0
}

.ui-datepicker .ui-datepicker-title {
    margin:0 2.3em;
    line-height:32px;
    text-align:center
}

.ui-datepicker .ui-datepicker-title select {
    font-size:1em;
    margin:1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width:100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width:49%
}

.ui-datepicker table {
    width:100%;
    font-size:10px;
    border-collapse:collapse;
    margin:15px 0
}

.ui-datepicker th {
    border-bottom:1px solid #dbdbdb;
    font-weight:400;
    padding-bottom:5px
}

.ui-datepicker td {
    border:0;
    padding:6px 1px 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display:block;
    padding:.2em;
    text-align:center;
    text-decoration:none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image:none;
    margin:.7em 0 0;
    padding:0 .2em;
    border-left:0;
    border-right:0;
    border-bottom:0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float:right;
    margin:.5em .2em .4em;
    cursor:pointer;
    padding:.2em .6em .3em;
    width:auto;
    overflow:visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float:left
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width:auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float:left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width:95%;
    margin:0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width:50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width:33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width:25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width:0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear:left
}

.ui-datepicker-row-break {
    clear:both;
    width:100%;
    font-size:0
}

/* RTL support */
.ui-datepicker-rtl {
    direction:rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right:2px;
    left:auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left:2px;
    right:auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right:1px;
    left:auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left:1px;
    right:auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear:right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float:left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float:right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width:0;
    border-left-width:1px
}

/* Component containers
	----------------------------------*/
.ui-widget-content {
    border-bottom:4px solid #a6a847;
    background:#fff;
    -webkit-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    box-shadow:-1px 4px 5px rgba(0,0,0,0.25);
    z-index:10000!important
}

.ui-widget-content a {
    color:#333
}

.ui-widget-header {
    background:#a6a847;
    color:#fff;
    font-weight:700;
    font-size:12px;
    margin:0 -15px;
    height:32px;
    padding:0
}

.ui-widget-header a {
    color:#fff
}

/* Interaction states
	----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border:0 none;
    background:none;
    font-weight:400
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color:#1c94c4;
    text-decoration:none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    color:#a6a847
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited {
    color:#a6a847;
    text-decoration:none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    font-weight:700;
    color:#a6a847
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color:#eb8f00;
    text-decoration:none
}

/* Interaction Cues
	----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border:1px solid #fed22f;
    background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color:#363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color:#363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border:1px solid #cd0a0a;
    background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color:#fff
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color:#fff
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color:#fff
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight:700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity:.7;
    filter:Alpha(Opacity=70);
    font-weight:400
}

/* Third-party: jQuery UI (used for datepicker)
----------------------------------------------------------*/
body:after {
/*content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);*/
    display:none
}

.lightboxOverlay {
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    background-color:#000;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:.8;
    display:none
}

.lightbox {
    position:absolute;
    display:none;
    left:0;
    width:100%;
    z-index:10000;
    text-align:center;
    line-height:0;
    font-weight:400
}

.lightbox .lb-image {
    display:block;
    max-width:inherit
}

@media screen and (max-width: 767px) {
.lightbox .lb-image {
    display:block
}
}

@media screen and (max-width: 425px) {
.lightbox .lb-image {
    display:block
}
}

.lightbox a img {
    border:none;
    max-width:none
}

.lb-outerContainer {
    position:relative;
    background-color:#fff;
    *zoom:1;
    margin:0 auto;
    border-bottom:5px solid #A6A847;
    padding:65px 10px 100px
}

.lb-outerContainer:after {
    content:"";
    display:table;
    clear:both
}

.lb-container {
    padding:4px;
    position:relative
}

.lb-loader {
    position:absolute;
    top:43%;
    left:0;
    height:25%;
    width:100%;
    text-align:center;
    line-height:0
}

.lb-cancel {
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
    background:url(../img/loading.gif) no-repeat
}

.lb-nav {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:10
}

.lb-container > .nav {
    left:0
}

.lb-nav a {
    outline:none
}

.lb-prev,.lb-next {
    width:49%;
    height:100%;
    top:4px;
    left:4px;
    cursor:pointer;
    display:block;
    position:relative
}

.lb-prev span,.lb-next span {
    width:40px;
    height:40px;
    cursor:pointer;
    display:block;
    background:#a6a847 url(../img/site/sprite_slide-arrows.png) no-repeat left top;
    background-color:rgba(166,168,71,0.7);
    position:absolute;
    top:50%;
    margin-top:-20px
}

.lb-prev {
    left:4px;
    float:left
}

.lb-prev:hover span {
    background-color:rgba(255,255,255,0.8);
    background-position:-40px 0
}

.lb-next {
    left:-4px;
    float:right
}

.lb-next span {
    left:auto;
    right:0;
    background-position:left -40px
}

.lb-next:hover span {
    background-color:rgba(255,255,255,0.8);
    background-position:-40px -40px
}

.lb-dataContainer {
    margin:0 auto;
    padding-top:5px;
    background:#fff;
    *zoom:1;
    padding:10px 0 0;
    width:100%
}

.lb-dataContainer:after {
    content:"";
    display:table;
    clear:both
}

.lb-data {
    padding:0 4px;
    color:#bbb
}

.lb-data .lb-details {
    width:85%;
    float:left;
    text-align:left;
    line-height:1.1em
}

.lb-data .lb-caption {
    font-size:16px;
    line-height:1;
    margin:0;
    color:#000
}

.lb-data .lb-number {
    display:block;
    clear:left;
    padding-bottom:1em;
    color:#000;
    font-size:12px;
    line-height:1;
    margin:15px 0 20px
}

.lb-data .lb-close {
    display:block;
    float:right;
    width:30px;
    height:30px;
    background:url(../img/close.png) top right no-repeat;
    text-align:right;
    outline:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity:.7
}

.lb-close {
    width:40px;
    height:40px;
    cursor:pointer;
    display:block;
    background:url(../img/site/quit.png) 11px 11px no-repeat rgba(166,168,71,0.701961);
    position:absolute;
    top:14px;
    right:14px;
    z-index:9999
}

.lb-data .lb-close:hover {
    cursor:pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}

/* Browser-specific: IE7
----------------------------------------------------------*/
.is-ie7 {
}

/* forms */
.is-ie7 form {
}

.is-ie7 form input,.is-ie7 form input[type="text"] {
    height:29px;
    line-height:29px
}

/* header */
.is-ie7 header {
}

.is-ie7 header .top,.is-ie7 header nav .main {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie7 header .top .search {
}

.is-ie7 header .top .search .term {
    width:84px;
    height:20px;
    line-height:20px;
    padding-top:2px;
    padding-bottom:2px
}

.is-ie7 header .top .tours {
}

.is-ie7 header .top .tours li {
    margin-right:5px;
    margin-left:0
}

.is-ie7 header .top .tours .theme {
}

.is-ie7 header .top .tours .theme a {
    width:135px;
    display:block
}

.is-ie7 header .hero {
}

.is-ie7 header .hero .fixed {
}

.is-ie7 header .hero .fixed .panel {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie7 header .slide {
}

.is-ie7 header .slide .panel {
    background:url(../img/opacities/a6a847-70.png) 0 0 repeat
}

.is-ie7 header .slider-controls-direction {
    margin-top:10px
}

.is-ie7 header .slider-controls-direction .slider-prev {
    background:url(../img/opacities/bg_slider-left.png) 0 0 no-repeat
}

.is-ie7 header .slider-controls-direction .slider-prev:hover {
    background:url(../img/opacities/bg_slider-left-hover.png) 0 0 no-repeat
}

.is-ie7 header .slider-controls-direction .slider-next {
    background:url(../img/opacities/bg_slider-right.png) 0 0 no-repeat
}

.is-ie7 header .slider-controls-direction .slider-next:hover {
    background:url(../img/opacities/bg_slider-right-hover.png) 0 0 no-repeat
}

/* footer */
.is-ie7 footer {
}

.is-ie7 footer form
.is-ie7 footer form input,.is-ie7 footer form input[type="text"] {
    width:201px
}

.is-ie7 footer .iv-promo {
}

.is-ie7 footer .iv-promo .img-wrap {
    margin-left:0;
    width:200px
}

.is-ie7 footer .iv-promo .text {
    width:210px
}

/* panel grid */
.is-ie7 .panel-grid {
    margin-left:-13px
}

.is-ie7 .panel-grid .panel {
    width:230px;
    margin:0 0 13px 13px
}

.is-ie7 .panel-grid .panel a {
}

.is-ie7 .panel-grid .panel a span {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie7 .panel-grid .panel a:hover span {
    background:url(../img/opacities/a6a847-70.png) 0 0 repeat
}

/* image panels */
.is-ie7 .img-panels {
}

.is-ie7 .img-panels li {
}

.is-ie7 .img-panels li .side {
    width:230px;
    margin:0 0 13px 13px
}

.is-ie7 .img-panels li .img-wrap {
    margin-left:0
}

/* flipped variant */
.is-ie7 .img-panels .mod-flipped {
}

.is-ie7 .img-panels .mod-flipped .side {
    float:left
}

.is-ie7 .img-panels .mod-flipped .img-wrap {
    margin-left:0!important
}

/* two aside panels */
.is-ie7 .two-aside {
    margin:0
}

.is-ie7 .two-aside .panel {
}

.is-ie7 .two-aside .panel:first-child {
    margin-left:0
}

/* trip search */
.is-ie7 .trip-search {
    height:285px
}

.is-ie7 .trip-search .styled-select {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie7 .trip-search form {
}

.is-ie7 .trip-search form input {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie7 .trip-search form .hasDatepicker {
    background:url(../img/opacities/bg_datepicker.png) 100% 50% no-repeat;
    width:92px
}

.is-ie7 .trip-search .trip-code-wrap {
}

.is-ie7 .trip-search .trip-code-wrap input {
    width:92px
}

/* tour reviews */
.is-ie7 .trip-reviews {
}

.is-ie7 .trip-reviews ul {
}

.is-ie7 .trip-reviews ul li {
}

.is-ie7 .trip-reviews ul li:first-child {
    margin-left:0
}

/* Browser-specific: IE8
----------------------------------------------------------*/
.is-ie8 {
}

/* forms */
.is-ie8 form {
}

.is-ie8 form input,.is-ie8 form input[type="text"] {
    height:35px;
    line-height:30px
}

/* header */
.is-ie8 header {
}

.is-ie8 header .top,.is-ie8 header nav .main {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie8 header .top .search {
}

.is-ie8 header .top .search .term {
    height:31px;
    padding-top:5px;
    line-height:1;
    padding-bottom:2px
}

.is-ie8 header .top .tours {
}

.is-ie8 header .top .tours li {
    margin-right:5px;
    margin-left:0
}

.is-ie8 header .hero {
}

.is-ie8 header .hero .fixed {
}

.is-ie8 header .hero .fixed .panel {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie8 header .slide {
}

.is-ie8 header .slide .panel {
    background:url(../img/opacities/a6a847-70.png) 0 0 repeat
}

.is-ie8 header .slide {
}

.is-ie8 header .slide .panel {
    background:url(../img/opacities/a6a847-70.png) 0 0 repeat
}

.is-ie8 header .slider-controls-direction {
    margin-top:10px
}

.is-ie8 header .slider-controls-direction .slider-prev {
    background:url(../img/opacities/bg_slider-left.png) 0 0 no-repeat
}

.is-ie8 header .slider-controls-direction .slider-prev:hover {
    background:url(../img/opacities/bg_slider-left-hover.png) 0 0 no-repeat
}

.is-ie8 header .slider-controls-direction .slider-next {
    background:url(../img/opacities/bg_slider-right.png) 0 0 no-repeat
}

.is-ie8 header .slider-controls-direction .slider-next:hover {
    background:url(../img/opacities/bg_slider-right-hover.png) 0 0 no-repeat
}

/* panel grid */
.is-ie8 .panel-grid {
    margin-left:-13px
}

.is-ie8 .panel-grid .panel {
    width:230px;
    margin:0 0 13px 13px
}

.is-ie8 .panel-grid .panel a {
}

.is-ie8 .panel-grid .panel a span {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie8 .panel-grid .panel a:hover span {
    background:url(../img/opacities/a6a847-70.png) 0 0 repeat
}

/* image panels */
.is-ie8 .img-panels {
}

.is-ie8 .img-panels li {
}

.is-ie8 .img-panels li .side {
    width:230px;
    margin:0 0 13px 13px
}

.is-ie8 .img-panels li .img-wrap {
    margin-left:0
}

/* flipped variant */
.is-ie8 .img-panels .mod-flipped {
}

.is-ie8 .img-panels .mod-flipped .side {
    float:left
}

.is-ie8 .img-panels .mod-flipped .img-wrap {
    margin-left:0!important
}

/* two aside panels */
.is-ie8 .two-aside {
    margin:0
}

.is-ie8 .two-aside .panel {
}

.is-ie8 .two-aside .panel:first-child {
    margin-left:0
}

/* trip search */
.is-ie8 .trip-search {
    height:285px
}

.is-ie8 .trip-search .styled-select {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie8 .trip-search form {
}

.is-ie8 .trip-search form input {
    background:url(../img/opacities/ffffff-80.png) 0 0 repeat
}

.is-ie8 .trip-search form .hasDatepicker {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAMAAAD0WI85AAAAG1BMVEX///+BgYKjo6TMzM2NjY/l5eZwcHFNTU9cXF6VEKgqAAAABnRSTlPV/fHk+dxG29NUAAAAv0lEQVR42u3TQW5DMQhFUcDAY/8rrvsnVTLLrET3yJjxlWUDAAAAAAAAAAAAAAD4/9ztEV22mmSP0bG1vDtmoq9ohffWV5GUM6mrW787j200Ul66Ojyk6d4aInc9+tnuO0My4p4/00tDyl711pBjKUVJbSOtDjmZpzLDIvM7QnJ5SMxEzaSNZveLRFRFnG/57LM8pMzqmdodojin6s69HrM0pKdfebat5O8hGlsp/E0eAwAAAAAAAAAAAAAAn/oB6eEFYZZ/KMsAAAAASUVORK5CYII=) 100% 50% no-repeat
}

/* tour reviews */
.is-ie8 .trip-reviews {
}

.is-ie8 .trip-reviews ul {
}

.is-ie8 .trip-reviews ul li {
}

.is-ie8 .trip-reviews ul li:first-child {
    margin-left:0
}

/* UTILITIES
----------------------------------------------------------*/

.palm--half { width: 50% !important; }

.mv0 { margin-top:0 !important; margin-bottom:0 !important;}
.mh0 { margin-left:0 !important; margin-right:0 !important;}
.mb0 { margin-bottom:0 !important;}
.mr { margin-right:1rem !important; }
.mv {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.m0 { margin:0 !important;}

.bg--white { background-color: #fff !important; }

.float--right { float: right !important; }

h2.line-height--tight { line-height: 32px !important; }
h3.line-height--tight { line-height: 24px !important; }

@media screen and (max-width: 767px) {
.devices-hide {
    display:none!important
}
}

.accom li .grade {
    font-size:13px;
    display:inline-block;
    float:left;
    margin:0;
    color:#a6a847;
    font-weight:700
}

.tabs-list .span2 {
    margin:0;
    width:16.66%
}

.padding-top {
    padding-top: 1em;
}

/* Autocomplete styles*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item  {
    cursor: pointer;
    padding: 2px 5px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/* Print styles reset
----------------------------------------------------------*/
@media print {
* {
    background:transparent!important;
    color:#000!important;
    box-shadow:none!important;
    text-shadow:none!important
}

@page {
    margin: 2cm 1cm 2cm 1cm;
}


a,a:visited {
    text-decoration:underline
}

a[href]:after {
    content:" (" attr(href) ")"
}

abbr[title]:after {
    content:" (" attr(title) ")"
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
    content:""
}

pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid
}

thead {
    display:table-header-group
}

tr,img {
    page-break-inside:avoid
}

/*img {
    max-width:100%!important
}
*/
/*@page {
    margin: 0;
}
*/
p,h2,h3 {
    orphans:3;
    widows:3
}

h1,
.lead h1 {
    margin-top: 1cm;
}

h2,h3 {
    page-break-after:avoid
}

header {
    border-bottom: 0.1cm solid #a6a847;
}

header > .container {
    height: 3.2cm;
}

.has-hero .hero,
.short-hero,
.one-hero {
    position: static;
    margin: 0;
}

.short-hero,
.controls-only.has-hero,
.one-hero  {
    height: auto;
}

header .logo {
    display: block;
    height: auto;
    width: 100%;
    position: static;
    padding: 0;
    margin: 0;
    float: none;
    text-align: center;
}

header .logo img {
    display: inline-block;
    width: 4cm !important;
    height: auto;
    position: static;
    padding: 0;
    margin: 0;
}

header .top {
    display: block;
    position: static;
    width: 100%;
    height: 1cm;
    float: none;
    margin:0;
    padding: 0;
    text-align: center;
}

header .top .horizontal {
    clear: none;
    position: static;
}

header .top .email,
header .top .tel {
    position: static;
    display: inline-block;
    width: auto;
    float: none;
    padding: .2cm;
}

header .top .email a,
header .top .tel a {
    display: inline;
    text-indent: 0;
    overflow: visible;
    width: auto;
    font-size: 10pt;
}

header .top .tel span {
    display: none;
}

.has-hero {
    position: static;
}

.tour-page.internal-page {
    position: static;
}

.container {
    width: 90% !important;
    position: static !important;
}

.contact-columns .span6 + .span6 {
    border-left: 0 none;
}

.contact-columns .span6 {
    width: 100%;
}

.contact-columns .span6 + .span6 h3,
.contact-columns .span6 + .span6 dl {
    padding-left: 0;
}

.panel,
.further-reading,
.title-block,
.title-block h1,
.title-block h2,
.title-block h4,
.mod-group {
    display: block;
    position: static;
}

.tour-day-by-day-all .span4 {
    width: auto;
}

.tour-day-by-day-all {
    display: block;
}

.tour-day-by-day-all .panel {
    width: 100% !important;
}

.tour-day-by-day-all .panel:after {
    content: "";
    display: table;
    clear: both;
}

.tour-day-by-day-all .panel .carousel-block {
    float: none;
}

.lead h2.large {
    margin-top: 1cm;
    font-size: 18pt;
}

.lead h1,
.lead h2,
.lead h4,
header .top .tel span.mobile-hide {
    display: block;
}

.faqs .panel,
#accommodation-content,
.destinations .slider-nav,
.tab-panels-container,
  #map-destinations-content,
.tour-day-by-day-all {
    display: block !important;
}

.top .tours,
.logo a,
.search-for-trip,
.search,
.mobile-book-btn,
nav.container,
nav.panel,
.hero,
.btn,
.trigger,
.mobile-nav,
.internal-top,
.trip-search,
.back-search,
.back-to-trip,
.recent,
.brochure,
.breadcrumb,
.closeall,
.build-mobile,
aside .event.panel,
.self-guide-filter,
a.further.block,
a.further.inline,
.action-buttons,
.solial-icons, .facebook, .twitter,
.horizontal-tabs,
.gallery-grid,
.img-panels,
.infographic.panel,
.internal-twitter,
.slider-nav,
.regions-nav,
#map-destinations-content .destinations,
#day-by-day-content,
#accommodation-content,
#experiences-content,
#inspiration-content,
#day-by-day,
#accommodation,
#inspiration,
#experiences,
#tour-gallery,
#tour-client-gallery,
#tour-video-gallery,
.trip-reviews,
.mobile-nav-wrap,
.tours-mobile-nav,
.section-panels,
#tour-video-gallery,
.modal-visible > .container,
footer .grey-out,
footer .members,
footer .accreditations,
footer .white-out {
    display: none !important;
}

.modal-visible .modal {
    position: static;
    margin: 0;
    border: 0;
    width: 100%;
    background-color: white;
}

.modal-visible .print-icon {
    display: none;
}

footer .awards,
.two-sizes-aside .panel,
.three-aside .panel,
.span8,
.row-fivecol > .span8,
.span4.info,
.carousel-slide {
    width: 100% !important;
}
}