/* ------------------------------------------------------
   Variables for easy find and replace

	$pht blue 				#242253;
	$link:					#96d33a;
	$link-hover:			rgba(187, 46, 47, 1.0);

	$second-bg-color: #F6F6F6;
	$second-font-color: #707070;
	$table-border-color: #D6D6D6;

	$body-font:				'Raleway', sans-serif;
	$heading-font:			'Raleway', sans-serif;
	$big-heading-font:		'Raleway', sans-serif;

	Breakpoints:

	$mobile: 		- 600px;
	$tablet: 		600px - 799px
	$lgtablet: 		800px - 999px
	$smdesktop: 	1000px - 1199px
	$desktop: 		1200px - 1399px
	$lgdesktop: 	1400px +


	Table of Contents for search based navigation


BASE STYLES

**** Box Model Reset

**** Typography
---- Lists
---- Breadcrumbs
---- Quotations
---- Text level elements
---- Links

**** Content Design Patterns
Styleguide Buttons -
---- Expando Styles
---- Content Intro Paragraph
---- Content Highlight box
---- subtle promos
---- Date Pattern
---- Progress Bar
---- Site Messages

**** Images

**** Forms
---- Form Help
---- Form Errors
---- Horizontal Form
---- Oldschool Table based form styles
---- Search Form
---- inline enews form
---- Submit Bar
---- Captcha

**** Tables
---- Content tables
---- No Styles Table

**** Helper classes
---- text-transform-caps
---- text-transform-lower
---- small-asterisk
---- Clearfix
---- Floats and positioning
---- Visually Hidden

GLOBAL TEMPLATE

**** Template Layout
---- Section Breakpoints
---- content section paddings/decos etc
---- columns
---- reusable icon flags
---- reusable date slider
---- reusable heading styles
---- reusable tab menu styles
---- reusable social btns
---- Reusable Heading deco
---- Sticky Social links
---- promo slider
---- reuseable from price
---- reuseable pricebox
---- featured promos
---- Sticky maps


---- Blog Posts
---- seminars grey box
---- footer
---- specials search
---- site search

**** Widgets and modules
---- Related Links
---- Article Category Subscribe
---- Simple Image Gallery
---- Gallery
---- Gallery Preview
---- Children Page Gallery
---- Job Search
---- Order Form
---- Videos
---- Brochures listing
---- directions widget in narrow area

** Blog sidebar widgets
** Blog entry list
** Blog post
** Specials search
** Landing page template styles


**** Print styles

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

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: border-box;
}

/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
	-ms-text-size-adjust: 100%; /* These two prevent iOS text size adjust after orientation change, without disabling user zoom. */
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	line-height: 24px;
	line-height: 2.4rem;
	font-size: 16px;
	font-size: 1.6rem;
	color: #222;
	font-family: 'Raleway', sans-serif;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 768px) { /* 768px */

	body {
		line-height: 28px;
		line-height: 2.8rem;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 1200px) { /* 1200px */

	body {
		line-height: 32px;
		line-height: 3.2rem;
		font-size: 20px;
		font-size: 2rem;
	}
}

/*
Headings are used to denote different sections of content, usually consisting of related paragraphs and other HTML elements. They range from h1 to h4 and should be styled in a clear hierarchy (i.e., largest to smallest).




Styleguide Typography
*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 0 0 15px 0;
	margin: 0 0 1.5rem 0;
	text-rendering: optimizelegibility;
}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small {
		font-weight: normal;
		line-height: 1;
		color: #8a7b7b;
	}

	p + h1,
	p + h2,
	p + h3,
	p + h4,
	p + h5,
	p + h6 {
		margin-top: 30px;
		margin-top: 3rem;
	}

/*
<h1> headings are reserved for page titles and should only be used once per page.
A level 2, 3, 4, 5 heading may use more than one to create a document, section or article outline.

Markup:
<h1>h1. The quick brown fox jumped over the sleeping dog</h1>
<h2>h2. The quick brown fox jumped over the sleeping dog</h2>
<h3>h3. The quick brown fox jumped over the sleeping dog</h3>
<h4>h4. The quick brown fox jumped over the sleeping dog</h4>
<h5>h5. The quick brown fox jumped over the sleeping dog</h5>

Styleguide Typography - Headings
*/

h1, .h1 {
	line-height: 34px;
	line-height: 3.4rem;
	font-size: 30px;
	font-size: 3rem;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #242253;
	text-transform: uppercase;
}
h2, .h2 {
	font-size: 2.6px;
	font-size: 2.6rem;
	line-height: 1.2;
	font-family: 'Raleway', sans-serif;
	color: #242253;
}

h3, .h3 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.2;
	color: #242253;
	font-weight: bold;
}

h4, .h4 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #222;
}

h5, .h5 {
	font-size: 17px;
	font-size: 1.7rem;
}

.heading-inline {
	display: inline;
	float: left;
	padding: 0;
}

@media screen and (min-width: 600px) {

	h1, .h1 {
		font-size: 34px;
		font-size: 3.4rem;
		line-height: 38px;
		line-height: 3.8rem;
	}

	.no-banner h1 {
		line-height: 1.1;
		font-size: 4.6rem;
	}

	h2, .h2 {
		font-size: 30px;
		font-size: 3rem;
		line-height: 1.1;

	}
}

@media screen and (min-width: 1000px) {
    .no-banner h1 {
    	line-height: 1.1;
    	font-size: 6rem;
    }
    h1, .h1 {
    	font-size: 3.8rem;
    	line-height: 4.2rem;
    }
    h2, .h2 {
    	font-size: 3.6rem;
    	line-height: 1.1;
    }
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
    	margin: 0 0 25px 0;
    	margin: 0 0 2.5rem 0;
    }
    p + h1,
    p + h2,
    p + h3,
    p + .h1,
    p + .h2,
    p + .h3 {
    	margin-top: 30px;
    	margin-top: 3rem;
    }
}

p,
ol,
ul,
dl,
p,
ol,
ul,
dl,
address {
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
}

small {
	font-size: 1.2rem;
	line-height: 1.4;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.heading-reversed {
	color: #fff;
	background: #242253;
	padding: 10px 25px 12px;
}

.price-bold {
	font-weight: bold;
	color: #242253;
	font-size: 1.2em;
}

/* ---- Lists ---- */


/*

Markup:
<ul>
	<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vehicula, diam nec accumsan aliquam, ligula ante aliquet tellus, id sagittis enim turpis quis ipsum. </li>
	<li>Nullam cursus varius elit, at ornare metus ornare id. Duis massa nisl, molestie nec lacus quis, suscipit pretium eros.</li>
	<ul>
		<li>Mauris dignissim consectetur sem sit amet porttitor. Suspendisse potenti. Nam a malesuada purus.</li>
		<li>Maecenas ut commodo urna, a aliquet turpis.</li>
		<li>Ut tristique blandit velit id auctor. Vivamus vitae dolor consectetur, congue mauris at, faucibus sem. </li>
	</ul>
	<li>Phasellus accumsan lacus dolor, pulvinar auctor lorem ultrices quis. Phasellus tortor ex, iaculis eget dui ultricies, sodales vehicula dolor. </li>
	<li>In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</li>
</ul>

Styleguide Typography - Lists: Unordered
*/

/*

Markup:
<ol>
	<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vehicula, diam nec accumsan aliquam, ligula ante aliquet tellus, id sagittis enim turpis quis ipsum. </li>
	<li>Nullam cursus varius elit, at ornare metus ornare id. Duis massa nisl, molestie nec lacus quis, suscipit pretium eros.</li>
	<ol>
		<li>Mauris dignissim consectetur sem sit amet porttitor. Suspendisse potenti. Nam a malesuada purus.</li>
		<li>Maecenas ut commodo urna, a aliquet turpis.</li>
		<li>Ut tristique blandit velit id auctor. Vivamus vitae dolor consectetur, congue mauris at, faucibus sem. </li>
	</ol>
	<li>Phasellus accumsan lacus dolor, pulvinar auctor lorem ultrices quis. Phasellus tortor ex, iaculis eget dui ultricies, sodales vehicula dolor. </li>
	<li>In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</li>
</ol>

Styleguide Typography - Lists: Ordered
*/

ul,
ol {
	padding: 0 0 0 20px;
}


ul ul,
ol ul {
	list-style-type: disc;
	margin: .5rem 0 15px;
	padding: 0 0 0 2.5rem;
}

ol ol,
ul ol {
	list-style-type: lower-alpha;
	margin: .5rem 0 1.5rem;
	padding: 0 0 0 2.5rem;
}

li {
	margin-bottom: 6px;
}

ul.inline,
ol.inline {
	list-style-type: none;
	margin-left: 0;
}
	ul.inline > li,
	ol.inline > li {
		display: inline-block;
		padding-left: 12px;
		padding-right: 12px;
	}

/*
This style of list works best with short list items so they don't take up so much vertical space. It flows left to right, top to bottom; not top to bottom, left to right.

Markup:
<ul class="li--two-col -clearfix">
	<li>First item lorem ipsum dolor sit amet </li>
	<li>Second item nullam cursus varius elit</li>
	<li>Third item mauris dignissim consectetur </li>
	<li>Fourth item maecenas ut commodo urna</li>
	<li>Ut tristique blandit velit id</li>
	<li>Phasellus accumsan vehicula dolor</li>
	<li>In hac habitasse platea dictumst</li>
</ul>

Styleguide Typography - Lists: Two column
*/


/*ul*/.li--two-col li {
	float: left;
	width: 49%;
	padding-right: 30px;
}

/* ---- Breadcrumbs ---- */

.breadcrumb {
	list-style-type: none;
	margin: 15px 0 20px;
	padding: 10px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	font-size: 1.4rem;
	color: #444;
}
.breadcrumb > li {
	display: inline;
	*display: inline;
	*zoom: 1;
	margin-bottom: 0;
}

.breadcrumb > li:before {
	content: "\00a0//\00a0";
}
.breadcrumb > li:first-child:before {
	content: none;
}

.breadcrumb--after-header {
	border-top: 0px;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .breadcrumb {
		padding: 5px 0;
    }
    .breadcrumb--pre-banner {
		margin-bottom: 0px;
		border-bottom: 0;
    }
    .breadcrumb > li:last-child {
		display: inline-block;
    }
}


/* ---- Quotations ---- */

/*
The blockquote element represents a section that is quoted from another source.

Markup:
<blockquote class="$modifierClass">
<p>I don't know who you are. I don't know what you want. If you are looking for ransom, I can tell you I don't have money.</p>
<p>But what I do have are a very particular set of skills, skills I have acquired over a very long career. Skills that make me a nightmare for people like you.</p>
<p>If you let my daughter go now, that'll be the end of it. I will not look for you, I will not pursue you. But if you don't, I will look for you, I will find you, and I will kill you.</p>
</blockquote>
<p>Notare quam littera gothica quam nunc putamus parum? Tation ullamcorper suscipit lobortis nisl ut aliquip ex. In iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere? Dolore te feugait nulla facilisi nam liber tempor cum. Amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore! Ad minim veniam quis nostrud exerci ea commodo consequat duis autem vel eum. Lorem ipsum dolor sit magna aliquam erat volutpat ut wisi enim iriure dolor in hendrerit. </p>

.blockquote--left		About half width and floated to the left
.blockquote--right		About half width and floated to the right

Styleguide Typography - Blockquote
*/

blockquote {
	margin: 15px;
	margin: 1.5rem;
	padding: 25px 30px;
	background: #F3F3F3;
	color: #444444;
	font-style: italic;
	position: relative;
}

blockquote *:last-child {
	margin-bottom: 0;
}

blockquote:before,
blockquote:after {
	position: absolute;
	font-size: 10rem;
	display: block;
	height: 25px;
	width: 50px;
	color: #c7cfdb;
	font-style: italic;
	line-height: 10px;
}

blockquote:before {
	content: '\201C';
	top: 20px;
	left: -8px;
}

blockquote:after {
	content: '\201D';
	bottom: -36px;
	right: 18px;
}

@media screen and (min-width: 1000px) {
	.blockquote--left {
		float: left;
		width: 45%;
		margin-left: 20px;
	}

	.blockquote--right {
		float: right;
		width: 45%;
		margin-right: 20px;
	}
}



q {
	quotes: none;
}


q:before,
q:after {
	content: '';
	content: none;
}


/* ---- Text level elements ---- */

/*

Markup:
<p>Text level HTML elements may be used within other elements. They include tags such as: <em>em</em> and <strong>strong</strong> for emphasis, and <sup>sup</sup> superscript and <sub>sub</sub> subscript. A <a href="#">link</a> is also an inline element.</p>

Styleguide Typography - Inline elements
*/

abbr[title] {
	border-bottom: 1px dotted #c6bfbf;
	cursor: help;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	background-color: #f6f6f6;
	color: #473f3f;
	text-decoration: none;
}

mark {
	background-color: #f6f6f6;
	color: #473f3f;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: Monaco, Courier New, monospace;
	color: #484040;
	background: #efefef;
	background: rgba(0, 0, 0, .07);
	padding: 0 2px;
	margin: 0 -2px;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ---- Links ---- */

a,
.a {
	color: rgba(220, 62, 56, 1.0);
	word-break: break-word;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	text-decoration: underline;
}

a:hover,
.a:hover,
a:hover .a {
	color: rgba(187, 46, 47, 1.0);
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
	outline: 0;
}

a[href^=tel] {
    color:inherit;
    text-decoration:none;
}

.no-touch a[href^=tel] {
    text-decoration: none !important;
    cursor: default;
	background: inherit;
	border: inherit;
	font: inherit;
	padding: inherit;
	height: inherit;
	vertical-align: inherit;
}

/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* ---- Fade in ---- */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* ---- Grow in fade ---- */
@-webkit-keyframes growInFade {
	from {
		-webkit-transform: scale(0);
		        transform: scale(0);
		opacity: 0;
	}
	to {
		-webkit-transform: none;
		        transform: none;
		opacity: 1;
	}
}
@keyframes growInFade {
	from {
		-webkit-transform: scale(0);
		        transform: scale(0);
		opacity: 0;
	}
	to {
		-webkit-transform: none;
		        transform: none;
		opacity: 1;
	}
}


/* ------------------------------------------------------
**** Design Patterns

Reusable bits of badass code that we probably use a lot

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

/*
Buttons are tied to an action of some kind. They are useful to bring the eye to an important call to action.

Styleguide Buttons
*/


/*
Markup:
<a href="#" class="button $modifierClass">This is a button</a>
<!-- CSS
.button {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #8cc936;
	text-decoration: none;
	border-radius: 3px;
	border: none;
	padding: 0.9rem 15px 0.9rem;
}
.button:hover {
	background-color: rgba(220, 62, 56, 1.0);
	color: #fff;
}
-->

.button-small			- A smaller button
.button-large			- A larger button
.button-grey 			- A grey button

Styleguide Buttons - Standard buttons
*/




.button {
	/* Structure */
	display: inline-block;
	zoom: 1;
	margin-bottom: 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	/* styles */
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #8cc936;
	text-decoration: none;
	border-radius: 3px;
	border: none;
	font-size: 100%;
	padding: 0.9rem 15px 0.9rem;
	text-transform: uppercase;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.button-hover,
.button:hover,
.button:focus {
	background-image: none;
	background-color: rgba(220, 62, 56, 1.0);
	color: #fff;
}

.button-small {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 10px;
	line-height: 1rem;
	padding: 7px 8px 8px;
	margin: -2px 0
}

.filter-buttons {
	line-height: 2.5;
}

.tag-cloud {
	line-height: 2.2;
}

.button-tag,
.tag {
	background-color: #8CC936;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem;
	margin: 0 5px 6px 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 7px 9px 7px;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
}

.tag:hover {
	background: rgba(187, 46, 47, 1.0);
	color: #fff;
}

.button-tag:hover {
	margin-right: 5px;
}

.button-large {
	font-size: 20px;
	font-size: 2rem;
	padding: 13px 26px 10px;
	height: 46px;
}

.button-light {
	background: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
}

.button-light:hover,
.button-light:focus,
.button-light:active {
	text-decoration: none;
}

.button-large.button-light {
	border-radius: 8px;
	padding-top: 8px;
}

/* fix weird browser inconsistancy */
.button::-moz-focus-inner {
    padding:0;
    border:0;
}

.button-block {
	display: block;
}

.button[href^=tel] {

}

.button-serko,
.button-sabre {
	background-color: #fff;
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 130%;
	white-space: nowrap;
	overflow: hidden;
	height: 46px;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.button-serko {
	background-image: url('../images/logo_serko.png');
	width: 140px;
}

.button-sabre {
	background-color: #fff;
	background-image: url('../images/logo_sabre_pacific.png');
	width: 100px;
}

.button-sabre:hover,
.button-sabre:focus {
	background-image: url('../images/logo_sabre_pacific.png');
	background-color: #fff;
	position: relative;
	margin-top: -3px;
	margin-bottom: 3px;
}

.button-serko:hover,
.button-serko:focus {
	background-image: url('../images/logo_serko.png');
	background-color: #fff;
	position: relative;
	margin-top: -3px;
	margin-bottom: 3px;
}

.button--view-pdf {
	background-image: url(../images/icon_view-pdf.svg) !important;
	background-repeat: no-repeat;
	background-position: 13px center;
	padding: 15px 15px 14px 53px;
	text-align: left;
}

/* Button list */
.button-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.button-list li {
	margin-bottom: 10px;
	margin-right: 10px;
}


/*

Markup:
<a href="#" class="button $modifierClass">This is a button</a>

.button-cta					- A special call to action button
.button-cta-search			- A call to action button specific for search

Styleguide Buttons - Special buttons
*/

/*

Markup:
<div class="box box--blue">
	<a href="#" class="button $modifierClass">This is a button</a>
</div>

.button-cta				- A special call to action button

Styleguide Buttons - Special buttons in blue content area
*/

/*

Markup:
<div class="box box--grey">
	<a href="#" class="button $modifierClass">This is a button</a>
</div>

.button-cta				- A special call to action button
.button-cta-search		- A call to action button specfic for search

Styleguide Buttons - Special buttons in grey content area
*/


.button-cta {
	background: #f3f3f3 url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2225%22%20height%3D%2221%22%20viewBox%3D%220%200%2025%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13.617%2018.996c-.457.456-.457%201.194%200%201.65.23.228.528.342.828.342.3%200%20.6-.114.828-.342l9.368-9.335c.11-.107.196-.236.256-.38.118-.285.118-.606%200-.89-.06-.145-.146-.275-.255-.382L15.274.323c-.457-.457-1.198-.457-1.656%200-.457.455-.457%201.194%200%201.65l7.37%207.344H1.17C.524%209.317%200%209.84%200%2010.484s.523%201.167%201.17%201.167h19.817l-7.37%207.346z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 95% center;
	border: 2px solid #83b70b;
	padding: 13px 52px 11px 48px;
	color: #242253;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 0;
}

.box--grey .button-cta,
.box--grey .button-cta-search {
	background-color: #e4e5e5;
}

.box--blue .button-cta {
	background-color: #00265E;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2225%22%20height%3D%2221%22%20viewBox%3D%220%200%2025%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23ffffff%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13.617%2018.996c-.457.456-.457%201.194%200%201.65.23.228.528.342.828.342.3%200%20.6-.114.828-.342l9.368-9.335c.11-.107.196-.236.256-.38.118-.285.118-.606%200-.89-.06-.145-.146-.275-.255-.382L15.274.323c-.457-.457-1.198-.457-1.656%200-.457.455-.457%201.194%200%201.65l7.37%207.344H1.17C.524%209.317%200%209.84%200%2010.484s.523%201.167%201.17%201.167h19.817l-7.37%207.346z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.button-cta-search {
	background: #f3f3f3 url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M22.412%2019.697l-4.99-4.99c-.028-.028-.06-.046-.086-.07.98-1.49%201.555-3.274%201.555-5.19C18.89%204.228%2014.663%200%209.446%200%204.23%200%200%204.23%200%209.446c0%205.216%204.23%209.445%209.445%209.445%201.918%200%203.7-.572%205.19-1.554.025.027.044.058.07.085l4.992%204.992c.75.75%201.965.75%202.715%200%20.75-.75.75-1.965%200-2.715zm-12.967-4.08c-3.408%200-6.17-2.763-6.17-6.17%200-3.41%202.762-6.173%206.17-6.173%203.41%200%206.17%202.763%206.17%206.172%200%203.408-2.76%206.17-6.17%206.17z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 95% center;
	border: 2px solid #83b70b;
	padding: 8px 55px 12px 48px;
	height: 34px;
	color: #242253;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 0;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	-ms-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

.button-cta:hover,
.button-cta:active,
.button-cta:focus {
	background-color: #83b70b;
	color: #fff;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2225%22%20height%3D%2221%22%20viewBox%3D%220%200%2025%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23ffffff%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13.617%2018.996c-.457.456-.457%201.194%200%201.65.23.228.528.342.828.342.3%200%20.6-.114.828-.342l9.368-9.335c.11-.107.196-.236.256-.38.118-.285.118-.606%200-.89-.06-.145-.146-.275-.255-.382L15.274.323c-.457-.457-1.198-.457-1.656%200-.457.455-.457%201.194%200%201.65l7.37%207.344H1.17C.524%209.317%200%209.84%200%2010.484s.523%201.167%201.17%201.167h19.817l-7.37%207.346z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.button-cta-search:hover,
.button-cta-search:focus {
	background-color: #dedede;
	color: #242253;
}

.box--grey .button-cta-search:hover,
.box--grey .button-cta-search:focus {
	background-color: #dedede;
}

.box--grey .button-cta-search:hover,
.box--grey .button-cta-search:focus {
	border-color: #83b70b;
	background-color: #83b70b;
	color: #fff;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%23ffffff%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M15.58%2013.7C15.58%2013.7%2012.11%2010.23%2012.11%2010.23%2012.09%2010.21%2012.07%2010.19%2012.05%2010.18%2012.74%209.14%2013.14%207.9%2013.14%206.57%2013.14%202.94%2010.19%200%206.57%200%202.94%200%200%202.94%200%206.57%200%2010.19%202.94%2013.14%206.57%2013.14%207.9%2013.14%209.14%2012.74%2010.18%2012.05%2010.19%2012.07%2010.21%2012.09%2010.23%2012.11%2010.23%2012.11%2013.7%2015.58%2013.7%2015.58%2014.22%2016.11%2015.06%2016.11%2015.58%2015.58%2016.1%2015.06%2016.1%2014.22%2015.58%2013.7%2015.58%2013.7%2015.58%2013.7%2015.58%2013.7ZM6.57%2010.86C4.2%2010.86%202.28%208.94%202.28%206.57%202.28%204.2%204.2%202.28%206.57%202.28%208.94%202.28%2010.86%204.2%2010.86%206.57%2010.86%208.94%208.94%2010.86%206.57%2010.86%206.57%2010.86%206.57%2010.86%206.57%2010.86Z%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
}

.box--blue .button-cta:hover,
.box--blue .button-cta:focus {
	background-color: #83b70b;
}

.button-grey {
	color: #fff !important;
	background: #717171;
}
.button-grey.button-grey--on {
	background: #8cc936;
}

input[type="submit"].button-full-width,
.button-full-width {
	width: 100%;
}

/* Disabled/unavailable button style */

.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: default;
	box-shadow: none;
}

/* Gets the buttons to line up with form inputs when you want them to */

.button.inline {
	margin-bottom: 0.75em;
}

.btn-cta-wrapper {
	border-bottom: 2px solid #e4e5e5;
	padding: 30px 20px 10px;
}

.btn--cta,
.box--grey .btn--cta {
	color: #242253;
	font-size: 18px;
	font-size: 1.8rem;
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2225%22%20height%3D%2221%22%20viewBox%3D%220%200%2025%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13.617%2018.996c-.457.456-.457%201.194%200%201.65.23.228.528.342.828.342.3%200%20.6-.114.828-.342l9.368-9.335c.11-.107.196-.236.256-.38.118-.285.118-.606%200-.89-.06-.145-.146-.275-.255-.382L15.274.323c-.457-.457-1.198-.457-1.656%200-.457.455-.457%201.194%200%201.65l7.37%207.344H1.17C.524%209.317%200%209.84%200%2010.484s.523%201.167%201.17%201.167h19.817l-7.37%207.346z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center right;
	text-transform: lowercase;
	font-weight: bold;
	padding-right: 35px;
	text-decoration: none;
	letter-spacing: -1px;
}
.btn--cta:hover {
	margin-right: -10px;
	color: #242253;
}

.btn--cta--right {
	text-align: right;
}

@media screen and (min-width: 800px) {

	.btn--cta,
	.box--grey .btn--cta {
		font-size: 28px;
		font-size: 2.8rem;
	}
}


/* ---- Expando Styles ---- */

/*

Styleguide Wrappers
*/

/*

Markup:
<div class="expando">
<p>Praesent vitae sem quis ex congue ultricies scelerisque et sem. Aenean ornare condimentum diam. Morbi ut felis ullamcorper, aliquet odio eu, vulputate arcu. Ut et laoreet lectus, eget laoreet elit. Sed ultricies, elit id ullamcorper hendrerit, felis magna posuere sem, id lacinia eros nisl nec odio. Sed interdum hendrerit magna, eget hendrerit diam.</p>
</div>

Styleguide Wrappers - Expanding section
*/

/*

Markup:
<h2>This is a level 2 heading before an expanding section</h2>
<div class="expando">
<p>In elementum elit elit, vitae dignissim lacus vulputate sed. Fusce posuere urna massa, vel ornare nunc aliquet eu. Pellentesque vitae suscipit diam. Fusce semper lacinia scelerisque. Vivamus at elit tristique, bibendum quam eget, vehicula ante.</p>
</div>

Styleguide Wrappers - Expanding section with level 2 heading
*/

/*

Markup:
<h3>This is a level 3 heading before an expanding section</h3>
<div class="expando">
<p>Duis mi enim, scelerisque quis ipsum ut, laoreet laoreet justo. In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</p>
</div>

Styleguide Wrappers - Expanding sections with level 3 heading
*/

.expando-opener-heading {
	color: #96d33a;
}

.expando-opener-heading:hover {
	color: rgba(187, 46, 47, 1.0);
}

a.expando-opener-link:before,
.expando-opener-heading:before {
	content:"\003e ";
	margin-right: 5px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.expando-opener-heading.expanded:before {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}


hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
	padding: 0;
	clear: right; /* --------!!!! Change this to left if the sidebar is on the right !!!!-------- */
}

/* ---- Content Intro Paragraph ---- */

/*

Markup:
<p class="content-intro-paragraph">This is a visual interesting way to highlight the first sentence of a page as an alternative to making it a heading which may not be appropriate</p>
<p>This is a regular paragraph that follows. Commodo consequat duis autem vel eum iriure dolor in, hendrerit in vulputate? Ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut! Nulla facilisi nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod. Nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. Legunt saepius claritas est etiam processus dynamicus qui sequitur. Legentis in iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere me lius. Possim assum typi non habent claritatem insitam est usus quod. Blandit praesent luptatum zzril delenit augue duis dolore te feugait mazim placerat facer ii mutationem consuetudium.</p>


Styleguide Wrappers - Intro Paragraph
*/

.content-intro-paragraph {
	font-size: 1.1em;
	line-height: 1.3;
	margin-bottom: 30px;
}


/* ---- Content Highlight box ---- */

/*

Markup:
<p>Nulla facilisi nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod. Nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. </p>
<div class="highlight $modifierClass">
<h2>This is a heading 2</h2>
<p>Duis mi enim, scelerisque quis ipsum ut, laoreet laoreet justo. In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</p>
<h3>This is a heading 3</h3>
<p>Duis mi enim, scelerisque quis ipsum ut, laoreet laoreet justo. In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</p>
<h4>This is a heading 4</h4>
<p>Duis mi enim, scelerisque quis ipsum ut, laoreet laoreet justo. In hac habitasse platea dictumst. Nam a magna ut leo efficitur consequat.</p>
</div>
<p>Commodo consequat duis autem vel eum iriure dolor in, hendrerit in vulputate? Ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut! Nulla facilisi nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod. Nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. Legunt saepius claritas est etiam processus dynamicus qui sequitur. Legentis in iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere me lius. Possim assum typi non habent claritatem insitam est usus quod. Blandit praesent luptatum zzril delenit augue duis dolore te feugait mazim placerat facer ii mutationem consuetudium.</p>

.highlight--left			- A highlight box on the left with text wrapping on the right
.highlight--right			- A highlight box on the right with text wrapping on the left
.highlight--center-content	- A highlight box with centered content

Styleguide Wrappers - Highlight box
*/

.highlight {
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
	padding: 30px;
	background: #F3F3F3;
	color: #00132f;
	font-size: 1.6rem;
}

.highlight--small {
	padding: 22px 20px;
}

.highlight--small-text {
	font-size: 1.4rem;
}

.highlight *:last-child {
	margin-bottom: 0;
}

.highlight h4 {
	color: #242253;
}

.highlight--small h3 {
	margin-bottom: 8px;
}

.highlight--alert {
	background: #ffefd5;
}

@media screen and (min-width: 1000px) {
	.highlight--left {
		float: left;
		width: 45%;
		margin-right: 20px;
	}

	.highlight--right {
		float: right;
		width: 45%;
		margin-left: 20px;
	}
}

.highlight--center-content {
	text-align: center;
}


/*
The minimum file size for the the featured content blocks images are 500x606.

Markup:
<p><br>Mobile:</p>
<img src="/skin/default/css/styleguide_imgs/hmpg_block_mob.png" alt="">
<p><br>Small Tablet:</p>
<img src="/skin/default/css/styleguide_imgs/hmpg_block_smtablet.jpg" alt="">
<p><br>Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/hmpg_block_desktop.jpg" alt="">
<p><br>Large Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/hmpg_block_lgdesktop.jpg" alt="">


Styleguide Home page - Blocks
*/


.box {
	padding: 18px 17px 18px;
}

.box--small {
	padding: 15px 15px 13px;
}

.box--relative {
	position: relative;
}

a.box {
	display: block;
	text-decoration: inherit;
	color: inherit;
}

.box--green-border-bottom {
	border-bottom: 3px solid #7cbb4d;
}

.box--blue {
	background: #242253;
	color: #fff;
}

a.box--blue:hover {
	background: #00265e;
	color: #fff;
}

.box--green {
	background: #96d63d;
	color: #242253;
}

.box--green h4,
.box--green .h4 {
	color: #242253;
}

.box--grey {
	background: #f3f3f3;
}
a.box--grey {
	border: 10px solid #f3f3f3;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
a.box--grey:hover {
	background: #fff;
	border: 10px solid #e4e5e5;

}

.box--blue a,
.box--green a {
	color: inherit;
}

.box--blue h2,
.box--green h2,
.box--blue h3,
.box--green h3 {
	color: #fff;
}

.box--blue strong{
	color: #96d63d;
}

.box--flag {
	position: relative;
	padding-right: 25px;
	margin-bottom: 60px;
}

.box--flag__img {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

@media screen and (min-width: 340px) {
	.box {
		padding: 20px 19px 20px;
	}

	.box--small {
		padding: 16px 20px 14px;
	}
}

@media screen and (min-width: 400px) {
	.box {
		padding: 26px 25px 26px;
	}
}

@media screen and (min-width: 600px) {
	.box--flag {
		position: relative;
		min-height: 212px;
		padding-top: 25px;
		padding-left: 200px;
	}

	.box--flag__img {
		margin: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 175px;
	}
}

.box--flag h2 {
	font-size: 24px;
	font-size: 2.4rem;
}

.box--staff-profile {
	position: relative;
	padding-bottom: 10px;
	padding-top: 33%;
}

@media screen and (min-width: 470px) {
	.box--staff-profile {
		padding-top: 10%;
	}
}

@media screen and (min-width: 600px) {
	.box--staff-profile {
		padding-top: 25px;
	}
}

.box--staff-profile__img {
	display: block;
	background: #fff;
	position: absolute;
	top: -40px;
	right: 20px;
	border-radius: 8px;
	border: 10px solid #fff;
	width: 100px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    z-index: 2;
    background-size: cover;
}

.box__hover {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #00265e;
	z-index: 1;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 600;
	padding-top: 70px;
}

.box--staff-profile__hover__consultant-name {
	font-size: 2.4rem;
	line-height: 1.2;
}

.box--staff-profile:hover .box__hover {
	opacity: 1;
}

.box--staff-profile:hover .box__hover:after {
	content: '  \003e'
}



/* three col flags */

@media screen and (min-width: 1200px) and (max-width: 1400px ) {
	.box--flag {
		padding-left: 140px;
		min-height: 0;
	}

	.box--flag__img {
		width: 120px;
		bottom: 0;
		height: 100%;
	}
	.box--flag h2,
	.box--staff-profile h2 {
		font-size: 2.2rem;
	}

	.box--staff-profile__staff-name {
		margin-bottom: 0;
	}

	.box--staff-profile__img {
		top: -50px;
		right: -10px;
	}
}

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

	.box--staff-profile__img {
		top: -50px;
	}
}



/* ---- subtle promos ---- */

/*
Special offers

Styleguide Special offers
*/


/*
Includes a hover state. The standard special has an optional promo dot - A 73px x 73px transparent png24.

The suggested size for the image is 988px x 600px, but should be no smaller 600px x 364px. If the image does not match the ratio, the edges will be cropped to fit.

Markup:
<p><br>Mobile:</p>
<img src="/skin/default/css/styleguide_imgs/grey_promo_mob.jpg" alt="">
<img src="/skin/default/css/styleguide_imgs/grey_promo_mob-hover.jpg" alt="">
<p><br>Tablet:</p>
<img src="/skin/default/css/styleguide_imgs/grey_promo_smtablet_hover.jpg" alt="">
<p><br>Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/grey_promo_desktop_hover.jpg" alt="">

Styleguide Special offers - Standard
*/

.subtle-promos {

}

.subtle-promo {
	background: #f3f3f3;
	position: relative;
	text-decoration: inherit;
	color: inherit;
	margin-bottom: 20px;
	display: block;
	border: 2px solid #f3f3f3;
}

.subtle-promos--staff-profile-listings .subtle-promo {
	margin-top: 10px;
}

.subtle-promo:hover {
	background-color: #fff;
	color: inherit;
	border-color: #e4e5e5;
}

.subtle-promo__dot {
	position: absolute;
	top: -15px;
	right: 15px;
	-webkit-transitionopacityopacity 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.subtle-promo__focus-photo {
	width: 100px;
	height: 100px;
	border-radius: 300px;
	overflow: hidden;
	border: 5px solid #fff;
	margin: -210px auto 121px;
	position: relative;
	right: -81px;
}

.subtle-promo__focus-photo img {
	margin-top: -15px;
}

.subtle-promo__text-wrap {
	padding: 18px 25px 12px;
	border-top: 0;
	line-height: 1.35;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.subtle-promo__text-wrap.subtle-promo__text-wrap--smaller {
	padding: 18px 18px 12px;
	font-size: 15px;
}

/* min heights so that slow loading pages don't looked borked */
@media screen and (min-width: 600px) {
	.widget-Specials .subtle-promo  {
		min-height: 384px;
	}
	.specials-search--results .subtle-promo__text-wrap,
	.widget-Specials .subtle-promo__text-wrap  {
		min-height: 154px;
	}
}
@media screen and (min-width: 670px) {
	.widget-Specials .subtle-promo  {
		min-height: 414px;
	}
}
@media screen and (min-width: 800px) {
	.subtle-promos--staff-listing .subtle-promo {
		min-height: 300px;
	}

	.widget-Specials .subtle-promo,
	.specials-search--results .subtle-promo {
		min-height: 445px;
	}
}

@media screen and (min-width: 1000px) {
	.subtle-promos--staff-listing .subtle-promo {
		min-height: 275px;
	}

}

@media screen and (min-width: 1200px) {
	.subtle-promos--staff-listing .subtle-promo {
		min-height: 235px;
	}
	.widget-Specials .subtle-promo,
	.specials-search--results .subtle-promo {
		min-height: 378px;
	}

}

@media screen and (min-width: 1400px) {
	.subtle-promos--staff-listing .subtle-promo {
		min-height: 262px;
	}
	.widget-Specials .subtle-promo,
	.specials-search--results .subtle-promo {
		min-height: 402px;
	}
}



.subtle-promo__heading {
	color: #242253;
	font-weight: 700;
	font-size: 2rem;
	text-transform: lowercase;
	letter-spacing: -1px;
}

.subtle-promo__text-wrap.subtle-promo__text-wrap--smaller h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0
}

.subtle-promo__hover {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 30px 20px 0px 20px;
	border: 8px solid #e4e5e5;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
	overflow: hidden;
}
/* making sure if for what ever reason the text gets long it doesn't bump into the cta button */
.subtle-promo__hover:after {
	content: '\00a0';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 80px;
	background: #fff;
	z-index: 1;
}

.subtle-promo__hover p,
.subtle-promo__hover ul,
.subtle-promo__hover ol {
	margin-bottom: .75rem;
}


.subtle-promo:hover .subtle-promo__hover {
	opacity: 1;
}

.subtle-promo:hover .subtle-promo__dot {
	opacity: 0;
}

.subtle-promo__hover__cta {
	position: absolute;
	padding: 6px 0 8px;
	left: 20px;
	right: 20px;
	bottom: 15px;
	z-index: 2;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.subtle-promo__hover__cta {
		padding: 6px 22px 8px 0px;
	}
}

.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta {
	width: 90%;
}

.pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__price-line {
	width: 100%;
}

.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-text {
	font-size: 3.2rem;
}

.pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__price-line__arrow {
	right: -22px;
}

.pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__price-line__arrow .path {
	fill: #dc281f;
}

.subtle-promo__loader-wrap {
	text-align: center;
}
.subtle-promos--staff-listing .subtle-promo__img {
	background: #11407d no-repeat bottom left;
	background-size: auto 80%;
	text-align: right;
	width: 100%;
	position: relative;
	min-height: 132px;
}

.subtle-promos--staff-listing .subtle-promo__img .subtle-promo__img__profile {
	max-width: 37.735849056604%;
	position: absolute;
	top: 8px;
	right: 8px;
	border: 2px #fff solid;
}

@media screen and (max-width: 599px) {
	.subtle-promos--staff-listing .subtle-promo__img {
		background-image: url(../images/corner_deco_world.png);
	}
	.subtle-promo__img__travel {
		display: none;
	}

	.subtle-promos--staff-listing .subtle-promo__img .subtle-promo__img__profile {
		max-height: 140px;
	}
}

@media screen and (min-width: 800px) {
	.subtle-promos--staff-listing .subtle-promo__img {
		min-height: 0;
	}
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__price-line,
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__cta {
		min-height: 52px;
	}
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__from-text {
		margin-left: 10px;
		font-size: 1rem;
	}
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-text {
		font-size: 2.25rem;
	}
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__pp-text {
		font-size: 1rem;
		padding-right: 3px;
	}
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-box__price-line__arrow {
		right: -23px;
	}
}

@media screen and (min-width: 1200px) {
	.subtle-promo .pricebox__sub-box.pricebox__sub-box--no-cta .pricebox__price-text {
		font-size: 2.6rem;
	}
}

.pricebox__sub-box.pricebox__sub-box--no-cta {
	background: #dc281f;
	margin-top: -15px;
	margin-bottom: 15px;
}

/* subtle promo ctas */

.cta {
	padding: 0 0 8px 25px;
	font-size: 1.2rem;
	position: relative;
	margin-top: -20px;
	min-height: 80px;
}
.cta__focus-text {
	font-size: 3.2rem;
	color: #242253;
	line-height: .80;
	letter-spacing: -1px;
	font-weight: 700;
	margin-bottom: 12px;
}
.cta__link {
	height: 59px;
	background: #242253;
	max-width: 110px;
	position: absolute;
	right: 0;
	top: 5px;

}

.cta__link__text {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	padding: 13px 15px 0 5px;
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: 700;

}

.cta__link__arrow {
	margin-left: -1px;
	max-height: 60px;
	max-width: 23px;
}

.cta__focus-text .-small-asterisk {
	position: relative;
    top: -11px;
}

.cta__link__hot-deal {
    background: #7BC107;
}

/* ---- Date Pattern ---- */

.calendar-date {
	background: #96d33a;
	color: #fff;
	border-radius: 6px;
	padding: 0px 0 5px;
	width: 60px;
	text-align: center;
}
	.calendar-date-text {
		color: #fff;
		text-decoration: none; /* Used if the date is a link */
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1;
		margin: 0;
		padding: 0;
	}

	.calendar-date-text span {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1;
		text-transform: uppercase;
	}


/* ---- Progress Bar ---- */

.progress-bar {
	margin: 30px 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.progress-bar__item {
	margin: 0 0 4px;
	padding: 6px 0 7px 0;
	color: #838383;
	text-align: center;
	background: #f3f3f3;
	font-size: 1.4rem;
}


@media screen and (max-width: 459px) {
	.progress-bar__item--present.progress-bar__item {
		padding-bottom: 0px;
	}
	.progress-bar__item--present.progress-bar__item:after {
		content: '\00a0';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #717171 transparent transparent transparent;
		display: block;
		margin: 0 auto;
		position: relative;
		top: 10px;
	}
}

@media screen and (min-width: 460px) {
	.progress-bar {
		display: table;
	}

	.progress-bar__item {
		margin: 0;
		padding: 5px 8px 5px 14px;
		display: table-cell;
		position: relative;
		letter-spacing: -1px;
		max-height: 30px;
	}
	.progress-bar__item:first-child {
		padding-right: 8px;
		padding-left: 20px;
	}
	.progress-bar__item:last-child {
		padding-right: 6px;
		padding-left: 28px;
	}

	.progress-bar__item:after {
		content: '\00a0';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 98%;
		width: 30px;
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-474.8%20246%2039.8%2069%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-472.8%20315v-69h13.8l24%2034-24%2035h-13.8z%22%2F%3E%3Cpath%20fill%3D%22%23F3F3F3%22%20d%3D%22M-474.8%20315v-69h7.8l24%2034-24%2035h-7.8z%22%2F%3E%3C%2Fsvg%3E);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: auto 100%;
		z-index: 2;
	}
}

@media screen and (min-width: 600px) {
	.progress-bar__item {
		padding-top: 10px;
		padding-bottom: 10px;
		max-height: 40px;
	}

}

@media screen and (min-width: 800px) {
	.progress-bar__item {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 1.6rem;
		max-height: 50px;
	}
}

/* past and present state */

.progress-bar__item--present {
	background: #717171;
}

.progress-bar__item--past {
	background: #96D63D;
}

.progress-bar__item.progress-bar__item--past,
.progress-bar__item.progress-bar__item--present {
	color: #fff;
	font-weight: bold;
}

@media screen and (min-width: 460px) {
	.progress-bar__item.progress-bar__item--past:after {
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2240%22%20height%3D%2269%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-474.8%20246%2039.8%2069%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-472.8%20315v-69h13.8l24%2034-24%2035h-13.8z%22%2F%3E%3Cpath%20fill%3D%22%2396D63D%22%20d%3D%22M-474.8%20315v-69h7.8l24%2034-24%2035h-7.8z%22%2F%3E%3C%2Fsvg%3E);
	}

	.progress-bar__item.progress-bar__item--present:after {
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-474.8%20246%2039.8%2069%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-472.8%20315v-69h13.8l24%2034-24%2035h-13.8z%22%2F%3E%3Cpath%20fill%3D%22%23717171%22%20d%3D%22M-474.8%20315v-69h7.8l24%2034-24%2035h-7.8z%22%2F%3E%3C%2Fsvg%3E);
	}
}


.progress-bar__item:last-child:after {
	display: none;
}

/* ---- Site Messages ---- */

ul.messages {
	background: #f6f6f6;
	border: 2px solid #D6D6D6;
	font-family: arial,sans-serif;
	list-style-type: none;
	margin: 15px 0 30px 0;
	padding: 0;
}
	ul.messages.all-type-error {
		border-color: #900;
		background: #fee;
	}
	ul.messages.all-type-confirm {
		border-color: #090;
		background: #efe;
	}
	ul.messages li {
		margin: 0;
		padding: 10px 15px;
		vertical-align: bottom;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2em;
	}


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


.popup-zoom-image {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.popup-zoom-image img {
	cursor: zoom-in;
}
.popup-zoom-image:after {
	content: " ";
	background: #242253 url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2215.938%22%20height%3D%2216%22%20viewBox%3D%220%200%2015.938%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M5.627%2011.333c1.318%200%202.53-.46%203.49-1.22l5.672%205.692c.128.13.298.195.468.195.17%200%20.34-.065.47-.195.26-.26.26-.682%200-.943L10.056%209.17c.76-.966%201.217-2.18%201.217-3.503C11.273%202.542%208.74%200%205.627%200S-.018%202.542-.018%205.667c0%203.124%202.532%205.666%205.645%205.666zm-2.324-6h1.992v-2c0-.184.15-.333.332-.333.184%200%20.332.15.332.333v2H7.95c.183%200%20.332.15.332.334%200%20.184-.15.333-.332.333H5.96v2c0%20.184-.15.333-.333.333-.183%200-.332-.15-.332-.333V6H3.303c-.184%200-.333-.15-.333-.333%200-.185.15-.334.333-.334z%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E) no-repeat 50% 50%;
	border-radius: 2px;
	width: 22px;
	height: 22px;
	font-size: 1px;
	display: block;
	position: absolute;
	right: 6px;
	bottom: 6px;
}

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

/*


Styleguide Forms
*/

/*

Markup:
<table class="form-section">
	<tbody>
		<tr>
			<th><label class="m" for="fb0">Name:</label></th>
			<td><input type="text" name="name" value="" class="textbox" id="fb0" /></td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
		<tr>
			<th><label class="m" for="fb1">Email:</label></th>
			<td><input type="text" name="email" value="" class="textbox" id="fb1" /></td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
		<tr>
			<th><label class="m" for="fb4">Phone:</label></th>
			<td><input name="phone" value="" class="textbox" id="fb4" type="text"> </td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
		<tr>
			<th><label class="m" for="fb2">Number:</label></th>
			<td><input type="text" name="number" value="" class="textbox" id="fb2" /> </td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
	</tbody>
</table>

Styleguide Forms - General Text inputs
*/


/*

Markup:
<table class="form-section">
	<tbody>
		<tr>
			<th><label class="m" for="fb5">File Upload:</label></th>
			<td><b>Upload a file:</b><br>Max file size: 4 mb<br><input type="file" class="upload" name="file_upload"> </td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
	</tbody>
</table>

Styleguide Forms - File upload
*/


/*

Markup:
<table class="form-section">
	<tbody>
		<tr>
			<th><label class="m" for="fb6">Radio Buttons:</label></th>
			<td>
				<table class="checkbox-list">
					<tr><td class="check"><input type="radio" name="radio_buttons" value="Yes" id="radio_buttonsYes" /></td>
						<td><label for="radio_buttonsYes">Yes</label></td>
					</tr>
					<tr><td class="check"><input type="radio" name="radio_buttons" value="No" id="radio_buttonsNo" /></td>
						<td><label for="radio_buttonsNo">No</label></td>
					</tr>
					<tr><td class="check"><input type="radio" name="radio_buttons" value="Call me maybe" id="radio_buttonsCall me maybe" /></td>
						<td><label for="radio_buttonsCall me maybe">Call me maybe</label></td>
					</tr>
				</table>
			</td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
	</tbody>
</table>

Styleguide Forms - Radio buttons
*/

/*

Markup:
<table class="form-section">
	<tbody>
		<tr>
			<th><label class="m" for="fb7">dropdown-yo:</label></th>
			<td><select name="dropdownyo" class="dropdown" id="fb7"><option value="Yes">Yes</option><option value="No">No</option><option value="Call me maybe">Call me maybe</option></select> </td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
	</tbody>
</table>

Styleguide Forms - Select menu
*/


/*

Markup:
<table class="checkbox-list">
	<tr><td class="check"><input type="checkbox" id="chk-checkbox" value="1" name="checkbox"></td>
		<td><label for="chk-checkbox">Checkbox</label></td>
		<td class="field-info"> <span class="field-info">&laquo;&nbsp;Required</span></td>
	</tr>
</table>

Styleguide Forms - Checkbox
*/

/*

Markup:
<table class="form-section">
	<tr>
		<th><label class="m" for="fb3">Pick all the options that apply:</label></th>
		<td>
			<table class="checkbox-list">
				<tbody>
					<tr>
						<td class="check"><input name="pick[]" value="yes" id="pickyes" type="checkbox"></td>
						<td><label for="pickyes">I choose this option</label></td>
					</tr>
					<tr>
						<td class="check"><input name="pick[]" value="no" id="pickno" type="checkbox"></td>
						<td><label for="pickno">This is a different possible option</label></td>
					</tr>
					<tr>
						<td class="check"><input name="pick[]" value="maybe" id="pickmaybe" type="checkbox"></td>
						<td><label for="pickmaybe">Another available option that you can choose</label></td>
					</tr>
				</tbody>
			</table>
		</td>
		<td class="field-info"> <span class="field-info">Required</span></td>
	</tr>
</table>

Styleguide Forms - Multi Checkbox
*/


/* ====================================
Base styles of all form elements
==================================== */
form {
	margin: 0;
}
form ul {
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

.form-element {
	margin-bottom: 10px;
	position: relative;
}
@media screen and (min-width: 1200px) {
	.form-element {
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 600px) {
	.form-element--mobile-spacing {
		margin-bottom: 12px;
	}
}
input,
.form-element input,
.chosen-container-single .chosen-single,
.form-element select,
.file-upload-feedback {
	height: 34px;
}
.chosen-choices {
	min-height: 53px;
}
input,
textarea,
.form-element input,
.form-element textarea,
.chosen-choices,
.chosen-container .chosen-single,
select,
.form-element select {
	padding-left: 11px;
	padding-right: 11px;
	color: #444;
	display: block;
	width: 100%;
}

@media screen and (max-width: 400px) {
	input,
	textarea,
	.form-element input,
	.form-element textarea,
	.chosen-choices,
	.chosen-container .chosen-single,
	select,
	.form-element select {
		padding-left: 8px;
		padding-right: 8px;
	}
}

input,
textarea,
.form-element input,
.form-element textarea,
.chosen-container .chosen-single,
.chosen-choices,
select,
.form-element select {
	background-color: #FFFFFF;
	border: 2px solid #dedede;
    -ms-transition: border-color 150ms ease;
    transition: border-color 150ms ease;
    padding-top: 5px;
	padding-bottom: 5px;
}

.form-section .textbox,
.form-section textarea,
.form-section select,
.form-section .chosen-container .chosen-single,
.form-section .chosen-choices {
	border: 1px solid #8b8b8b;
}
.form-section .chosen-container .chosen-single,
.form-section .chosen-choices {
	padding-top: 7px;
	padding-bottom: 3px;
}

.form-section td.terms-conditions input,
.form-section td.terms-conditions label {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}


input.upload {
	border: 0;
	padding: 0;
	margin-top: 2px;
}

input,
textarea,
.form-element textarea,
.form-element input,
.form-element select,
.chosen-container,
select,
.form-element select {
	font-size: 1.5rem;
	line-height: 1.8rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	-webkit-appearance: none;
	border-radius: 0;
}

/* Hover state */
input:hover,
textarea:hover,
.form-element input:hover,
.form-element textarea:hover,
.chosen-container:hover .chosen-single {
	border-color: #C5C5C5;
}

/* Active state */
input:focus,
textarea:focus,
.form-element input:focus,
.form-element textarea:focus,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f5f5f5), color-stop(80%, #ffffff));
	background-image: -webkit-linear-gradient(#f5f5f5 20%, #ffffff 80%);
	background-image: -moz-linear-gradient(#f5f5f5 20%, #ffffff 80%);
	background-image: -o-linear-gradient(#f5f5f5 20%, #ffffff 80%);
	background-image: linear-gradient(#f5f5f5 20%, #ffffff 80%);
	box-shadow: 0 1px 0 #fff inset;
}

/* Disabled state */
input:disabled,
.form-element input:disabled,
.form-element input[type="checkbox"]:disabled + label,
.form-element input[type="radio"]:disabled + label,
.chosen-disabled,
.disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

/* Focus state */
.form-element input:focus,
.form-element textarea:focus,
.chosen-container.chosen-container-active .chosen-single {
	outline: none;
	border-color: #5897fb;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* Blue Highlight */
.chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
	outline: 1px solid #FFF;
}

/* ---- Arrow ---- */
.chosen-arrow,
select:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 20px;
	background-color: #e4e5e5;
}
.chosen-arrow b,
select:before {
	display: block;
	width: 10px;
	height: 7px;
	background: url('../images/forms-icon-sprite.svg') no-repeat 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -3px;
	margin-left: -4px;
}

/* ---- Close buttons ---- */
.chosen-container-single .chosen-single abbr {
	top: 9px;
	right: 30px;
	display: block;
	width: 13px;
	height: 13px;
	background: url('../images/forms-icon-sprite.svg') 0 -29px no-repeat;
	font-size: 1px;
	-webkit-appearance: none;
}
.chosen-container-single .chosen-single abbr:hover {
	background-position: 0 -45px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
}


/* ====================================
Placeholders
==================================== */

.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.chosen-container-single .chosen-default {
	color: #696969;
}
::-webkit-input-placeholder {
	color: #696969;
	opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
	color: #696969;
	opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
	color: #696969;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #696969;
	opacity: 1;
}


/* ====================================
Fieldsets
==================================== */

/* Fieldsets */
fieldset {
	border: none;
	padding: 0;
	margin: 40px 0;
}
fieldset:last-of-type {
	margin-bottom: 0;
}

/* Legends */
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin: 10px 0;
	border: 0;
	font-size: 1.8rem;
	line-height: 1.5em;
	font-weight: bold;
	white-space: normal;
}
legend small {
	font-size: 1.125em;
	color: #625757;
}

/* ====================================
Text inputs
==================================== */

input[type="radio"],
input[type="checkbox"] {
	margin: 2px 0 0;
	line-height: normal;
	background: transparent;
	height: auto;
	margin-top: 1px;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"],
input.timepicker {
	width: auto;
}

/* Color */
input[type="color"] {
	padding: 0;
	border-radius: 4px;
	min-height: 38px;
	overflow: hidden;
}

/* Textarea */
textarea {
	height: auto;
	resize-x: none;
}

/* ====================================
Date inputs
==================================== */
.form-element-date input{
	padding-right: 33px;
}
.form-element-date:before {
	content: " ";
	pointer-events: none;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	right: 8px;
	display: block;
	width: 14px;
	height: 14px;
	background: url('../images/forms-icon-sprite.svg') 0 -96px no-repeat;
}
.form-element-date:after {
	content: " ";
	pointer-events: none;
	position: absolute;
	bottom: 2px;
	right: 2px;
	display: block;
	height: 30px;
	width: 26px;
	background-color: #E4E5E5;
	z-index: 0;
}

.chosen-container {
	margin-bottom: 10px;
}

@media screen and (max-width: 479px) {
	.fb-widget-datepicker-dropdowns .datepicker-seperator {
		display: none;
	}
}

@media screen and (min-width: 480px) {
	.fb-widget-datepicker-dropdowns .chosen-container {
		width: 30% !important;
	}

}



/* ====================================
Labels
==================================== */
label {
	padding: 7px 0 9px;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
}

@media screen and (min-width: 600px) {
	label {
		font-size: 20px;
		font-size: 2rem;
	}

}

/* ====================================
Selects
==================================== */

select::-ms-expand {
    display: none;
}
select {
	-moz-appearance: none;
}

select.cc-type,
select.cc-exp,
input.cc-cvn {
	width: 30%;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
*/

/* No JS */
select:before,
select:after {
	content: "Test";
}
select,
.form-element select {
	border-radius: 0;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2230%22%20viewBox%3D%220%200%2020%2030%22%3E%3Cpath%20fill%3D%22%23E4E5E5%22%20d%3D%22M0%200h20v30H0z%22%2F%3E%3Cpath%20fill%3D%22%23535454%22%20d%3D%22M9.95%2019.4l-4.5-6.8h9.1l-4.6%206.8z%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
}
option[value=""] {
	display: none;
}

/* Base */
.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.chosen-container .chosen-drop {
	margin-top: -2px;
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 2px solid #C5C5C5;
	border-top: 0;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	background-clip: padding-box;
	font-size: 1.4rem;
	line-height: 1.6rem;
}
.chosen-container.chosen-with-drop .chosen-drop {
	left: 0;
}
.chosen-choices,
.chosen-container-single .chosen-single {
	cursor: pointer;
}

select,
.form-element select,
.chosen-container .chosen-choices,
.chosen-container .chosen-single {
	padding-right: 25px;
}

/* Search fields */
.chosen-container .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 30px 4px 5px;
	width: 100% !important;
	height: auto;
	outline: 0;
	border: 1px solid #E4E5E5;
	font-size: 1em;
	line-height: normal;
	border-radius: 0;
	box-shadow: none;
}
.chosen-container .chosen-search:after {
	content: " ";
	width: 15px;
	height: 15px;
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -8px;
	right: 13px;
	background: url('../images/forms-icon-sprite.svg') no-repeat 0px -60px;
}

/* Single */
.chosen-container-single .chosen-single {
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	position: relative;
	background-clip: padding-box;
}
.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 35px;
}
.chosen-container .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px;
}
.chosen-container-single .chosen-single abbr {
	position: absolute;
}

/* Results */
.chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 4px 6px 5px;
	list-style: none;
	line-height: 1em;
	word-wrap: break-word;
	-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
}
.chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
	text-transform: uppercase;
}
.chosen-container .chosen-results li.group-option {
	padding-left: 15px;
}
.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}

/* Multi Chosen */
.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.chosen-container-multi .chosen-choices.choice-is-selected {
	padding-top: 7px;
	padding-bottom: 0;
}
.chosen-container-multi .chosen-multi-placeholder {
	padding-right: 20px;
	line-height: 21px;
}
.chosen-container-multi .chosen-choices.choice-is-selected .chosen-multi-placeholder {
	display: none;
}
.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 0 8px 8px 0;
	padding: 9px 37px 6px 12px;
	border: 1px solid #aaa;
	max-width: 100%;
	border-radius: 3px;
	background-color: #FFF;
	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #444;
	line-height: 19px;
	cursor: default;
	font-size: 17px;
	font-size: 1.7rem;
}
.chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 9px;
	right: 10px;
	display: block;
	width: 15px;
	height: 15px;
	background: url('../images/forms-icon-sprite.svg') 0 -99px no-repeat;
	font-size: 1px;
	cursor: pointer;
}
.no-js .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.no-svg .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	background-image: url('../images/forms-icon-sprite.png');
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 0;
  padding: 0;
  height: 21px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices.choice-is-selected li.search-field input[type="text"] {
	margin: 8px 0 0 5px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: 0 -118px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px;
}
.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
}

/* Active */
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices {
	border: 2px solid #C5C5C5;
}

.chosen-container-active.chosen-with-drop .chosen-single .chosen-arrow {
}
.chosen-container-active.chosen-with-drop .chosen-arrow b {
	background-position: -13px 0px;
	margin-top: -4px;
}
.chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}


/* Disabled */
.chosen-disabled .chosen-single {
	cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default;
}

/* Large version */
.form.form-large .chosen-container-multi .chosen-choices li.search-choice {
	margin-bottom: 11px;
	padding-top: 11px;
	padding-bottom: 9px;
	font-size: 19px;
	font-size: 1.9rem;
}
.form.form-large .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 12px;
}
.form.form-large .chosen-container-multi .chosen-choices.choice-is-selected {
    padding-top: 11px;
}


/* ====================================
Form section form elements
==================================== */

.form-section .form-element {
	margin-bottom: 0;
}

/* ----Labels ---- */
.checkbox-list label {
	font-size: 1.6rem;
}

/* ---- Fieldsets ---- */
.form-section fieldset {
	margin: 0;
}

/* ---- Date picker ---- */


/*

Markup:
<table class="form-section">
	<tbody>
		<tr>
			<th><label class="m" for="fb4">Date:</label></th>
			<td>
				<fieldset id="date1_wrap" class="fb-widget-datepicker -clearfix" data-min="10/08/1995" data-max="09/08/2020">
					<legend class="-vis-hidden">Date</legend>
					<label for="date1_wd" class="datepicker -vis-hidden">Day:</label><input type="text" id="date1_wd" name="date_widget_d" class="textbox datepicker wd" placeholder="dd" style="width:4em"> /
					<label for="date1_wm" class="datepicker -vis-hidden">Month:</label><input type="text" id="date1_wm" name="date_widget_m" class="textbox datepicker wm" placeholder="mm" style="width:4em"> /
					<label for="date1_wy" class="datepicker -vis-hidden">Year:</label><input type="text" id="date1_wy" name="date_widget_y" class="textbox datepicker wy" placeholder="yyyy" style="width:6em">
					<a href="javascript:;" id="date1_lnk" class="dp-choose-date lnk">Select</a><input type="hidden" id="date1_hid" name="date" value="" class="hid">
				</fieldset>
				<script type="text/javascript">
					$(document).ready(function() {  fb_datepicker($('#date1_wrap'));  });
				</script>
			</td>
			<td class="field-info"> <span class="field-info">Required</span></td>
		</tr>
	</tbody>
</table>

Styleguide Forms - Dates
*/


.fb-widget-datepicker .datepicker {
	display: inline-block;
}
input.datepicker.wd {
	margin-left: 0;
}
input.datepicker.wy {
	margin-right: 0;
}
input.datepicker {
	width: 60px;
	margin: 0 3px;
}
input.timepicker {
	width: 135px;
}

a.dp-choose-date {
	margin: 0 0 0 6px;
}


/* banner specials search */
.widget-SpecialsSearchForm .datepicker-seperator {
	width: 5%;
	display: block;
	float: left;
	text-align: center;
	padding-top: 5px;
}

.widget-SpecialsSearchForm .datepicker {
	clear: none;
}

.widget-SpecialsSearchForm .datepicker.wd,
.widget-SpecialsSearchForm .datepicker.wm,
.widget-SpecialsSearchForm .datepicker.wy {
	width: 30%;
	float: left;
	display: block;

}

/* Other form stuff */
.radio,
.checkbox {
	min-height: 1.5em;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-right: 10px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
	padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
	display: inline-block;
	padding-top: 5px;
	margin-bottom: 0;
	vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
	margin-left: 12px;
}

.-input-mini {
	width: 60px;
}

.-input-small {
	width: 90px;
}

.-input-medium {
	width: 150px;
}

.-input-large {
	width: 210px;
}

.-input-xlarge {
	width: 270px;
}

.-input-xxlarge {
	width: 530px;
}

.-input--full-width {
	width: 100%
}


.form-actions {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 0.5em 24px 1.5em;
	*zoom: 1;
}
	.form-actions:before, .form-actions:after {
		content: " ";
		display: table;
	}
	.form-actions:after {
		clear: both;
	}

[placeholder]:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity .5s .5s ease;
}


/* ---- Date period calendar picker ---- */

.textbox-calendar-popup {
	position: absolute;
	background: #fff none repeat scroll 0 0;
    height: 275px;
    padding: 30px 20px 20px;
    position: absolute;
    top: -256px;
    left: -20%;
    width: 460px;
    border: 3px solid #242253;
    z-index: 100;
}
	.textbox-calendar-popup__close {
		text-decoration: none;
		text-align: left;
		font-size: 3rem;
		height: 20px;
		width: 20px;
		position: absolute;
		top: 5px;
		right: 5px;
		color: #242253;
	}
	.textbox-calendar-popup:after {
		background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2212%22%20preserveAspectRatio%3D%22xMidYMid%22%20viewBox%3D%220%200%2019%2012%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22path-1%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.16%2011.652L-.002-.006h18.323L9.16%2011.652z%22%20class%3D%22cls-2%22%2F%3E%3C%2Fsvg%3E) no-repeat;
		content: '\00a0';
		width: 19px;
		height: 12px;
		position: absolute;
		bottom: -12px;
		left: 48%;
	}

@media screen and (min-width: 1000px) {
	.textbox-calendar-popup {
		left: -2%;
	}
}

@media screen and (min-width: 1200px) {
	.textbox-calendar-popup {
		left: -98%;
	}
}

@media screen and (min-width: 1400px) {
	.textbox-calendar-popup {
		left: -75%;
	}
}


/* ---- form help ---- */

.help-block,
.help-inline {
	color: #625757;
	font-size: 12.8px;
	font-size: 1.28rem;
	line-height: 1.4;
}

.help-block {
	display: block;
	margin-bottom: 0.75em;
}

.help-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 12px;
}

.help-block,
.help-inline {
	color: #625757;
}

.help-block {
	display: block;
	margin-bottom: 0.75em;
}

.help-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 24px;
}

/* ---- Form Errors ---- */

.has-error {

	background: #fae8e7;
	padding: 10px 20px;
	margin: 0 -20px;
}
	.has-error input {
		border-color: #B94A48;
	}

	.has-error .help-block,
	.has-error .help-inline {
		color: #B94A48;
		font-weight: bold;
		font-style: italic;
	}

/* ---- Form section form styles ---- */
.form-section input,
.form-section label,
.form-section select,
.form-section textarea,
.checkbox-list label {
	margin-bottom: 0;
}

.form-section label,
.checkbox-list label {
	font-size: 1.6rem;
	padding: 0;
}


/* Field info */
.form-section span.field-info,
.checkbox-list span.field-info {
	color: rgba(220, 62, 56, 1.0);
	font-weight: 600;
}

.form-section span.field-info:before {
	content: "\2039\00a0";
}

.form-section span.field-info,
.form-section span.field-error,
.checkbox-list span.field-info,
.checkbox-list span.field-error {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
}

.form-section span.field-error,
.checkbox-list span.field-error {
	color: #D20000;
	font-weight: bold;
}

span.field-error + span.field-info {
	display: none;
}



@media screen and (max-width: 700px) {
	table.form-section:not(.radiogrid) > tbody > tr > th,
	table.form-section:not(.radiogrid) > tbody > tr > td {
		display: block;
		width: 100%;
	}
	table.form-section .field-info {
		text-align: right;
	}
	table.form-section td.nothing {
		padding: 0;
		height: 0;
	}
	.form-section .buttons {
		text-align: center;
	}

}

/* ---- Submit Bar ---- */

.submit-bar {
	text-align: right;
	background: #F6F6F6;
	padding: 14px;
}

	.sidebar .submit-bar {
		padding: 10px 0;
		background: none;
	}

	.submit-bar a {
		margin-right: 20px;
	}


/* ---- Search Form ---- */


/*  search boxes like on the specials page  */

.box--search {
	padding-top: 15px;
}

.box--search label {
	font-weight: bold;
	color: #242253;
}

.box--search select {
	width: 100%;
}

.box--search select.datepicker {
	width: 29%;
}

/* mobile only fix*/

.box--search .fb-widget-datepicker-dropdowns > span {
	width: 100%;
}

.no-label-above {
	margin-top: 32px;
}

@media screen and (max-width: 600px) {
	.no-label-above {
		margin-top: 15px;
	}
}

@media screen and (max-width: 999px) {
	.box--search .no-label-above {
		margin-top: 15px;
	}
}

@media screen and (min-width: 600px) {
	.search__button.tablet-up-col {
		float: right;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.box--search .no-label-above {
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.box--search {
		padding-bottom: 0;
	}
}

input.search-query {
	margin-bottom: 0;
	padding-right: 14px;
	padding-right: 4px \ 9;
	padding-left: 14px;
	padding-left: 4px \9;
	border-radius: 0;

}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
	border-radius: 0;
}

.form-search .input-append .search-query {
	border-radius: 14px, 0, 0, 14px;
}

.form-search .input-append .btn {
	border-radius: 0, 14px, 14px, 0;
}

.form-search .input-prepend .search-query {
	border-radius: 0, 14px, 14px, 0;
}

.form-search .input-prepend .btn {
	border-radius: 14px, 0, 0, 14px;
}

.form-search {
	/*radio*/
}
	.form-search input,
	.form-search textarea,
	.form-search select {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-search .hide {
		display: none;
	}
	.form-search label,
	.form-search .btn-group {
		display: inline-block;
	}
	.form-search .radio,
	.form-search .checkbox {
		margin-bottom: 0;
		padding-left: 0;
		vertical-align: middle;
	}
	.form-search .radio input[type="radio"],
	.form-search .checkbox input[type="checkbox"] {
		float: left;
	}
	.form-search .radio input[type="radio"] margin,
	.form-search .checkbox input[type="checkbox"] margin {
		right: 3px;
		left: 0;
	}
	.form-search .control-group {
		margin-bottom: 0.75em;
	}
	.form-search legend + .control-group {
		margin-top: 1.5em;
		-webkit-margin-top-collapse: separate;
	}


/* ---- inline enews form ---- */


.inline-enews-form {
	position: relative;
	margin-bottom: 20px;
}

.inline-enews-form input[type="email"],
.inline-enews-form input[type="text"] {
	border-radius: 0;
	margin: 0;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: none;
}

.inline-enews-form ::-webkit-input-placeholder {
	color: #9dc4ec;
}

.inline-enews-form :-moz-placeholder { /* Firefox 18- */
	color: #9dc4ec;
}

.inline-enews-form ::-moz-placeholder {  /* Firefox 19+ */
	color: #9dc4ec;
}

.inline-enews-form :-ms-input-placeholder {
	color: #9dc4ec;
}

.inline-enews-form__submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: auto;
}


/* enews sign up for blue areas like the footer */



.inline-enews-form--blue input[type="email"],
.inline-enews-form--blue input[type="text"] {
	background: #145fac;
	border-color: #145fac;
	color: #9dc4ec;
	width: 100%;
	height: auto;
	box-shadow: none;
}

.button.inline-enews-form__submit--blue {
    background: #145fac;

}
.inline-enews-form--blue:hover .button.inline-enews-form__submit--blue {
	background: #00265e;
}


/* ---- Search results ---- */

.search-result {
	padding: 20px 0;
}

/* ---- Search pagination ---- */

.search-paginate {
	padding: 10px 0;
	text-align: center;
}
	.search-paginate .page-prev {
		margin: 0 8px 0 0;
	}
	.search-paginate .page {
		padding: 2px 9px;
		margin: 0 3px;
		background: #eee;
		border: 1px #96d33a solid;
		text-decoration: none;
	}
	.search-paginate .page.on {
		color: #000;
		border-color: #000;
	}
	.search-paginate .page-next {
		margin: 0 0 0 8px;
	}


/* ---- Captcha ---- */

	.captcha {
		background-color: #f6f6f6;
		padding: 10px;
		width: 100%;
		border: 1px solid #D7D7D7;
	}

		.captcha .captcha-info, .captcha .info {
			float: right;

			padding-bottom: 8px;
	}
		.captcha .captcha-info, .captcha .info a {
			text-decoration: none;
		}
			.captcha .captcha-info .captcha-icon {
				width: 16px;
				height: 16px;
				margin-bottom: 16px;
			}

		.captcha .captcha-img {
			width: 200px;
			margin-bottom: 10px;
		}

		.captcha .captcha-input {
			width: 200px;
		}


/* ---- Traveltek Search Form ---- */

input[type="checkbox"].traveltek-search__checkbox {
	float: left;
	margin-top: 12px;
	margin-right: 10px;
}

.traveltek-search__checkbox-label {
	float: left;
	font-size: 1.4rem;
	color: #535353;
	padding-bottom: 0;
}


/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

/*
Tables are for displaying data with more than one dimension. For SEO and Accessibility reasons, tables should not be used to layout content or text.

Styleguide Tables
*/


/*

Markup:
<table class="table--content-standard">
	<thead>
		<tr>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>$20</td>
			<td>$40</td>
			<td>$22</td>
			<td>$65</td>
		</tr>
		<tr>
			<td>$45</td>
			<td>$12</td>
			<td>$12</td>
			<td>$44</td>
		</tr>
	</tbody>
</table>

Styleguide Tables - Standard
*/


/* ---- Content tables & Form section tables & Checkbox list tables (shared styles) ---- */
.table--content-standard {
	width: 100%;
	margin: 20px 0;
	margin: 2rem 0;
}
.table--content-standard caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--content-standard th,
.table--content-standard thead td {
	font-weight: bold;
	background-color: #F3F3F3;
	font-size: 17px;
	font-size: 1.7rem;
}

.table--content-standard th,
.table--content-standard thead td,
.table--content-standard td {
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 12px 15px;
	text-align: left;
}
.table--content-standard tr th:first-child,
.table--content-standard thead tr th:first-child,
.table--content-standard tr td:first-child {
	border-left: 1px solid #dedede;
}
.table--content-standard tr:last-child {
	border-bottom: 1px solid #dedede;
}



/* ---- Content tables ---- */

/*
For fitting in extra columns more comfortably if needed.

Markup:
<table class="table--content-standard table--content-small">
	<thead>
		<tr>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
			<td>Heading</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>$280.00</td>
			<td>$65.00</td>
			<td>$460.00</td>
			<td>$4340.00</td>
			<td>$22.00</td>
			<td>$665.00</td>
			<td>$65.00</td>
		</tr>
		<tr>
			<td>4$355.00</td>
			<td>$12.00</td>
			<td>$1362.00</td>
			<td>$17.00</td>
			<td>$1236.00</td>
			<td>$464.00</td>
			<td>$12.00</td>
		</tr>
	</tbody>
</table>

Styleguide Tables - Small
*/

/* Small */
.table--content-standard.table--content-small {
	font-size: 13px;
	font-size: 1.3rem;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small td {
	padding: 5px 10px;
}
.table--content-standard.table--content-small th {
	font-size: 14px;
	font-size: 1.4rem;
}

/*
For fitting in extra columns more comfortably if needed.

Markup:
<table class="table--itinerary-prices">
	<tbody>
		<tr>
			<th>Depart</th>
			<th>Return</th>
			<th>Hosted by</th>
			<th>Inside</th>
			<th>Outside</th>
			<th>Balcony</th>
		</tr>
		<tr>
			<td><strong>16 May 2016</strong></td>
			<td>30 May 2016</td>
			<td>Manuela Kretschmer</td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
		</tr>
		<tr>
			<td><strong>30 Sep 2016</strong></td>
			<td>14 Oct 2016</td>
			<td>Bob &amp; Judy Thompson</td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
		</tr>
		<tr>
			<td><strong>18 Oct 2016</strong></td>
			<td>01 Nov 2016</td>
			<td>Melanie Bambacasus</td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
		</tr>
		<tr>
			<td><strong>30 Sep 2016</strong></td>
			<td>14 Oct 2016</td>
			<td>Bob &amp; Judy Thompson</td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
			<td><span class="price-bold">$1,599*</span></td>
		</tr>
	</tbody>
</table>

Styleguide Tables - Itinerary Date/Prices
*/

.table--itinerary-prices {
	width: 100%;
	margin: 20px 0;
	margin: 2rem 0;
	font-size: 13px;
	font-size: 1.3rem;
	border-top: 4px solid #8cc936;
}
.table--itinerary-prices caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--itinerary-prices th,
.table--itinerary-prices thead td {
	font-weight: bold;
	background-color: #717171;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

.table--itinerary-prices th,
.table--itinerary-prices thead td,
.table--itinerary-prices td {
	padding: 5px 10px;
	text-align: left;
}

.table--itinerary-prices tr:nth-child(2n+3) td {
	background: #f3f3f3;
}

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

	.table--itinerary-prices {
		overflow: auto;
		overflow-y: hidden;
		overflow-x: auto;
		display: block;
	}

}

@media screen and (max-width: 700px) {
/* ---- Responsive tables ---- */
	.table--responsive {
		font-size: 1.4rem;
	}
	.table--responsive,
	.table--responsive tbody,
	.table--responsive tr {
		display: block;
	}
	.table--responsive thead,
	.table--responsive th {
		display: none;
	}
	.table--responsive tr {
		display: table;
		width: 100%;
	}
	.table--responsive td {
		display: table-row;
		padding: 0;
	}
	.table--responsive td[data-title]:before {
		content: attr(data-title);
		font-weight: bold;
		background-color: #F3F3F3;
		border-right: 1px solid #dedede;
	}
	.table--responsive td[data-title] {
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		border-top: 1px solid #dedede;
	}
	.table--responsive tbody tr {
		margin-bottom: 20px;
		border-bottom: 1px solid #dedede;
	}
	.table--responsive td[data-title]:before,
	.table--responsive__content {
		padding: 5px 15px;
		display: table-cell;
	}
	.table--responsive tr.table--responsive__first-row {
		display: none;
	}
}

@media screen and (max-width: 700px) {
/* ---- Responsive tables ---- */
	.table--itinerary-prices {
		font-size: 1.4rem;

		line-height: 1.35;
		border-top: none;
	}
	.table--itinerary-prices,
	.table--itinerary-prices tbody,
	.table--itinerary-prices tr {
		display: block;
	}
	.table--itinerary-prices thead,
	.table--itinerary-prices th {
		display: none;
	}
	.table--itinerary-prices tr {
		display: table;
		width: 100%;
	}
	.table--itinerary-prices td {
		display: table-row;
		padding: 0;
	}
	.table--itinerary-prices td[data-title]:before {
		content: attr(data-title);
		font-weight: bold;
		background-color: #F3F3F3;
		border-right: 1px solid #dedede;

		width: 36%;
		padding: 5px 15px;
		display: table-cell;
	}
	.table--itinerary-prices td[data-title] {
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		border-top: 1px solid #dedede;
		background-color: #FFF !important;
	}
	.table--itinerary-prices tbody tr {
		margin-bottom: 20px;
		border-bottom: 1px solid #dedede;
	}
	.table--itinerary-prices tr.table--responsive__first-row {
		display: none;
	}
}


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

	.table--responsive td[data-title]:before,
	.table--responsive__content {
		padding: 3px 8px;
	}
	.table--itinerary-prices td[data-title]:before {
		width: 40%;
		padding: 3px 8px;
	}
}


/* ---- Form section tables ---- */

.widget-Form {
	margin-top: 30px;
}

.widget-Form h3 {
	margin-top: 30px;
	margin-bottom: -15px;
}
.widget-Form h3:first-child {
	margin-top: 0px;
}
.widget-Form h3 + p {
	margin-top: 20px;
}

.form-section,
.checkbox-list {
	width: 100%;
	margin: 20px 0;
}
.form-section caption {
	text-align: left;
	padding-bottom: 13px;
}
.form-section > tbody > tr {
	display: block;
	*zoom: 1;
	padding-bottom: 15px;
}
.form-section > tbody > tr:before,
.form-section > tbody > tr:after {
	content: " ";
	display: table;
}
.form-section tr:after {
	clear: both;
}

.form-section th,
.form-section td,
.checkbox-list th,
.checkbox-list td {
	padding: 5px 0;
	text-align: left;
	color: #444444;
}

.form-section th,
.checkbox-list th {
	color: #242253;
	font-weight: normal;
}
/* lable subtitle */
.form-section .s {
	color: #8b8b8b;
	font-size: 1.4rem;
}

.form-section > tbody > tr > th,
.form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.form-section > tbody > tr > td {
	width: 68%;
	float: left;
}
.form-section > tbody > tr > td.field-info {
	width: 30%;
	float: right;
}

.form-section .checkbox-list th,
.form-section .checkbox-list tr th:first-child,
.form-section .checkbox-list tr td:first-child,
.form-section .checkbox-list td,
.form-section .checkbox-list tr:last-child {
	border: 0px solid #FFFFFF;
	padding: 0 8px;
}


.form-section tr th:first-child,
.form-section tr td:first-child {
	padding-left: 0;
	padding-right: 32%;
}

.form-section td.field-info {
	vertical-align: middle;
	font-size: 10px;
	font-size: 1rem;
	padding-bottom: 0;
}
.checkbox-list td.check {
	width: 10px;
	text-align: center;
}
.form-section .checkbox-list {
	margin: 0;
}

/* Checkbox list in real lists */
.checkbox-list li label {
	padding: 5px 0;
}

.checkbox-list th,
.checkbox-list td {
	padding: 0px 5px 3px 10px;
}



/* Form sections in sidebar */
.sidebar .form-section,
.sidebar .form-section > tbody,
.sidebar .form-section > tbody > tr,
.sidebar .form-section > tbody > tr > th,
.sidebar .form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.sidebar .form-section > tbody > tr > th {
	padding: 0;
}
.sidebar .form-section > tbody > tr > td,
.sidebar .form-section > tbody > tr:last-child,
.sidebar .form-section > tbody > tr > th,
.sidebar .form-section > tbody > tr > th:first-child {
	 border: 0;
	 padding-top: 0;
	 padding-left: 0;
	 padding-right: 0;
}
.sidebar .form-section .field-info {
	text-align: right;
}
.sidebar .form-section td.field-info:empty,
.sidebar .form-section td.nothing {
	display: none !important;
}
.sidebar span.field-info:before {
	content: "^\00a0";
}
.sidebar .form-section > tbody > tr > th:first-child {
	width: 100%;
}


@media screen and (max-width: 700px) {
	.form-section,
	.form-section > tbody,
	.form-section > tbody > tr,
	.form-section > tbody > tr > th,
	.form-section > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.form-section > tbody > tr {
		padding-bottom: 5px;
	}
	.form-section > tbody > tr > td {
		border: 0px solid #dedede;
		padding: 0;
	}
	.form-section .field-info {
		text-align: right;
	}
	.form-section td.field-info:empty,
	.form-section td.nothing {
		display: none !important;
	}
	.form-section span.field-info:before {
		content: "^\00a0";
	}

	.form-section tr th:first-child,
	.form-section tr td:first-child {
		padding-right: 0;
	}
}

/* ---- Responsive table ---- */


table.responsive {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
}

/* ---- No Styles Table ---- */



.table__no-styles {
	border-collapse: separate;
	border: none;
	background: none;
	min-width: 0;
}

	.table__no-styles th,
	div:not(.widget) > table.table__no-styles th,
	.table__no-styles td,
	div:not(.widget) > table.table__no-styles tr:nth-child(odd) td {
		padding: 0;
		border: 0;
		background: none;
	}


/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* See header_footer.css for helper classes */

/* ---- Floats and positioning ---- */

/*

Styleguide Images
*/

/*

Markup:
<p><img class="right" src="files/417_sakura_temple.small.jpg" alt="" width="100" height="150">Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril. Vel illum dolore eu feugiat delenit augue duis dolore te feugait nulla. Modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Suscipit lobortis nisl ut aliquip ex ea commodo consequat duis autem vel eum iriure. Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut. In hendrerit in vulputate velit esse molestie consequat facilisi nam liber, tempor cum soluta nobis? Quam littera gothica; quam nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Nihil imperdiet doming id quod mazim placerat facer possim assum typi!</p>

Styleguide Images - small content image
*/

/*

Markup:
<p><img class="right" src="files/417_sakura_temple.medium.jpg" alt="" width="300" height="200">Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril. Vel illum dolore eu feugiat delenit augue duis dolore te feugait nulla. Modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Suscipit lobortis nisl ut aliquip ex ea commodo consequat duis autem vel eum iriure. Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut. In hendrerit in vulputate velit esse molestie consequat facilisi nam liber, tempor cum soluta nobis? Quam littera gothica; quam nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Nihil imperdiet doming id quod mazim placerat facer possim assum typi!</p>

Styleguide Images - Medium content image
*/

/*

Markup:
<p><img class="right" src="files/417_sakura_temple.large.jpg" alt="" width="600" height="400">Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril. Vel illum dolore eu feugiat delenit augue duis dolore te feugait nulla. Modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Suscipit lobortis nisl ut aliquip ex ea commodo consequat duis autem vel eum iriure. Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut. In hendrerit in vulputate velit esse molestie consequat facilisi nam liber, tempor cum soluta nobis? Quam littera gothica; quam nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Nihil imperdiet doming id quod mazim placerat facer possim assum typi!</p>

Styleguide Images - Large content image
*/


/*

Markup:
<p><img class="center" src="files/417_sakura_temple.medium.jpg" alt="" width="300" height="200">Nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril. Vel illum dolore eu feugiat delenit augue duis dolore te feugait nulla. Modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Suscipit lobortis nisl ut aliquip ex ea commodo consequat duis autem vel eum iriure. Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut. In hendrerit in vulputate velit esse molestie consequat facilisi nam liber, tempor cum soluta nobis? Quam littera gothica; quam nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Nihil imperdiet doming id quod mazim placerat facer possim assum typi!</p>

Styleguide Images - Centered content image
*/


.left {
	margin: 0 15px 15px 0;
	float: left;
}
.content img.left {
	clear: left;
}

.right {
	margin: 0 0 15px 15px;
	float: right;
}
.content img.right {
	clear: right;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}


/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

html,
body {
	background: #fff;
	overflow-x: hidden
}

.mfp-ajax-holder #main_content {
	max-width: 800px;
}

/* See header_footer.css */

/* ---- Section Breakpoints ---- */

/* See header_footer.css */


/* ---- content section paddings/decos etc ---- */

.content-section--vert-padding {
	padding: 60px 0;
}

.content-section--vert-padding-sm {
	padding: 30px 0;
}

.content-section--vert-padding-lg {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content-section--padding-sm {
	padding: 30px;
}

.content-section--vert-margin-sm {
	margin-top: 30px;
	margin-bottom: 30px;
}

.content-section--margin-top {
	margin-top: 60px;
}

.content-section--margin-top-sm {
	margin-top: 30px;
}

.content-section--margin-bottom {
	margin-bottom: 60px;
}

.content-section--margin-bottom-sm {
	margin-bottom: 30px;
}

.content-section--margin-bottom-xsm {
	margin-bottom: 15px;
}

.content-section--padding-bottom {
	padding-bottom: 20px;
}

.content-section--padding-bottom-lg {
	padding-bottom: 60px;
}

.content-section--padding-top {
	padding-top: 20px;
}

.content-section--border {
	border: 2px solid #e4e5e5;
}

.content-section--border-top {
	padding-top: 20px;
	border-top: 2px solid #e4e5e5;
}

.content-section--border-top-bold {
	padding-top: 20px;
	border-top: 5px solid #e4e5e5;
}

.content-section--border-bottom {
	margin: 30px 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #e4e5e5;
}

.content-section--white-horiz-borders {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/* ---- columns ---- */

/* See header_footer.css */


/* ---- reusable icon flags ---- */

/* See header_footer.css */


/* ---- reusable date slider ---- */

/* reusable date box */

.date-box {
	background: #96d63d;
	color: #fff;
	width: 58px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	position: relative;
}

.date-box__day {
	font-size: 3rem;
	line-height: 1.2;
	padding-top: 5px;
}

.date-box__month-year {
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: .9;
	padding-bottom: 5px;
}

.date-box__multiple {
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 1;
	padding-top: 10px;
	letter-spacing: -1px;
	min-height: 80px;
}

/* medium datebox */

.date-box--medium {
	width: 75px;
}

.date-box--medium .date-box__day {
	font-size: 4.5rem;
	padding-top: 0;
}

.date-box--medium .date-box__month-year {
	font-size: 1.6rem;
	line-height: .6;
	padding-bottom: 15px;
}



/* large datebox */

.date-box--large {
	width: 90px;
}

.date-box--large .date-box__day {
	font-size: 6rem;
}

.date-box--large .date-box__month-year {
	font-size: 2rem;
	line-height: .5;
	padding-bottom: 15px;
}


/* date box flag */


.date-box--flag {
	position: relative;
}

.date-box--flag:after {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%22100%22%20height%3D%2223%22%20viewBox%3D%220%200%20100%2023%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%2396d63d%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200C0%200%20100%200%20100%200%20100%200%20100%205.6%20100%205.6%20100%205.6%2052.2%2023%2052.2%2023%2052.2%2023%200%205.6%200%205.6%200%205.6%200%200%200%200Z%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 bottom;
	background-size: 100% auto;
	content: '\00a0';
	height: 15px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}




/* date box flag hanging from top */

.date-box--hanging-flag {
	padding-top: 20px;
	margin-bottom: 20px;
}

.date-box--medium.date-box--hanging-flag .date-box__month-year {
	padding-bottom: 8px;
}
.date-box--hanging-flag:after {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%22100%22%20height%3D%2223%22%20viewBox%3D%220%200%20100%2023%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%2396d63d%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200C0%200%20100%200%20100%200%20100%200%20100%205.6%20100%205.6%20100%205.6%2052.2%2023%2052.2%2023%2052.2%2023%200%205.6%200%205.6%200%205.6%200%200%200%200Z%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 bottom;
	background-size: 100% auto;
	content: '\00a0';
	height: 15px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}





/* datebox for featured seminar banner. not heaps reusable I guess */


/*
This is the featured seminar on the Seminars & Events page. It differs from the homepage and uses a different image.

Markup:
<p><br>Mobile:</p>
<img src="/skin/default/css/styleguide_imgs/inner_feat_sem_bnr_mob.jpg" alt="">
<p><br>Small Tablet:</p>
<img src="/skin/default/css/styleguide_imgs/inner_feat_sem_bnr_smtablet.jpg" alt="">
<p><br>Large Tablet:</p>
<img src="/skin/default/css/styleguide_imgs/inner_feat_sem_bnr_lgtablet.jpg" alt="">
<p><br>Small Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/inner_feat_sem_bnr_smdesktop.jpg" alt="">


Styleguide Page Banners - Featured Seminar
*/


.date-box--featured-special {
	position: absolute;
	top: 0;
	left: 45px;
	padding-top: 20px;
}

@media screen and (min-width: 400px) {

	.date-box--featured-special {
		padding-top: 50px;
	}
}



/* slide with datebox */

.date-slide {
	position: relative;
	min-height: 120px;
}

.date-slide .date-box {
	position: absolute;
	top: 0;
	left: 0;
}

.date-slide__text-wrap {
	margin-left: 75px;
}

.date-slide__heading {
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 5px;
}

.date-slide__text-wrap p {
	margin-bottom: 5px;
}



/* ---- reusable tab menu styles ---- */

.tabs {
	position: relative;
}

.tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #e4e5e5;
	height: 33px;
}

.tab {
	list-style: none;
	display: inline-block;
}

.tab a {
	background-color: #f3f3f3;
	color: #242253;
	font-size: 1.3rem;
	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 2px 9px 0;
	border: 2px solid #e4e5e5;
	border-bottom: 0px solid #e4e5e5;
	height: 31px;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-ms-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	outline: none;
}

.tab a:hover,
.tab a:focus,
.tab--on a {
	background-color: #fff;
	border-bottom: 0px solid #fff;
	height: 33px;
}

.tab .icon {
	display: inline-block;
	width: 57px;
	height: 60px;
	margin: 0 10px 0 -10px;
	position: relative;
	top: -25px;
}

.tab .tab-icon-flag {
	display: inline-block;
	width: 57px;
	height: 70px;
	margin: -25px 6px -26px -22px;
	top: -25px;
}

.tab.tab--on .tab-icon-flag {
	display: inline-block;
	width: 57px;
	height: 70px;
	background-size: 100% 100%;
	margin: -25px 18px -26px -10px;
	top: -25px;
}

.tab .tab-icon-flag.icon-flag--radio {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2235%22%20height%3D%2236%22%20viewBox%3D%220%200%2035%2036%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M7.33%2011.253l17.078-8.035c.44.186.923.2%201.382-.012.85-.398%201.207-1.406.805-2.26-.403-.835-1.42-1.197-2.268-.8-.46.21-.756.598-.886%201.045L2.026%2011.254H-.007V35.97h34.02V11.253H7.33zM5.105%2030.84H3.972v-8.12h1.134v8.12zm4.113%200H8.084v-8.12H9.22v8.12zm4.108%200h-1.134v-8.12h1.134v8.12zm4.113%200h-1.133v-8.12h1.134v8.12zm8.504%200c-2.255%200-4.088-1.827-4.088-4.064s1.833-4.055%204.088-4.055c2.256%200%204.09%201.82%204.09%204.056%200%202.25-1.834%204.063-4.09%204.063zm4.09-12.03H3.97v-4.207h26.06v4.207z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 42%;
}

.tab.tab--on .tab-icon-flag.icon-flag--radio {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2235%22%20height%3D%2236%22%20viewBox%3D%220%200%2035%2036%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M7.33%2011.253l17.078-8.035c.44.186.923.2%201.382-.012.85-.398%201.207-1.406.805-2.26-.403-.835-1.42-1.197-2.268-.8-.46.21-.756.598-.886%201.045L2.026%2011.254H-.007V35.97h34.02V11.253H7.33zM5.105%2030.84H3.972v-8.12h1.134v8.12zm4.113%200H8.084v-8.12H9.22v8.12zm4.108%200h-1.134v-8.12h1.134v8.12zm4.113%200h-1.133v-8.12h1.134v8.12zm8.504%200c-2.255%200-4.088-1.827-4.088-4.064s1.833-4.055%204.088-4.055c2.256%200%204.09%201.82%204.09%204.056%200%202.25-1.834%204.063-4.09%204.063zm4.09-12.03H3.97v-4.207h26.06v4.207z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 42%,
				url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2269%22%20height%3D%2273%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2069%2073%22%20enable-background%3D%22new%200%200%2069%2073%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2396D63D%22%20points%3D%2269%2057.3%2034.5%2073%200%2057.3%200%200%2069%200%20%22%2F%3E%3C%2Fsvg%3E) no-repeat;
	background-size: auto, 100% 100%;
}

.tab .tab-icon-flag.icon-flag--print {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2228%22%20viewBox%3D%220%200%2036%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M31.5%204.667V0H0v25.667C0%2026.955%201.007%2028%202.25%2028h30.375C34.49%2028%2036%2026.433%2036%2024.5V4.667h-4.5zm-2.25%2021h-27V2.333h27v23.334zM4.5%207H27v2.333H4.5V7zM18%2011.667h9V14h-9v-2.333zm0%204.666h9v2.334h-9v-2.334zM18%2021h6.75v2.334H18V21zM4.5%2011.667h11.25v11.667H4.5V11.667z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 51%;
}

.tab.tab--on .tab-icon-flag.icon-flag--print {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2228%22%20viewBox%3D%220%200%2036%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M31.5%204.667V0H0v25.667C0%2026.955%201.007%2028%202.25%2028h30.375C34.49%2028%2036%2026.433%2036%2024.5V4.667h-4.5zm-2.25%2021h-27V2.333h27v23.334zM4.5%207H27v2.333H4.5V7zM18%2011.667h9V14h-9v-2.333zm0%204.666h9v2.334h-9v-2.334zM18%2021h6.75v2.334H18V21zM4.5%2011.667h11.25v11.667H4.5V11.667z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 51%,
				url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2269%22%20height%3D%2273%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2069%2073%22%20enable-background%3D%22new%200%200%2069%2073%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2396D63D%22%20points%3D%2269%2057.3%2034.5%2073%200%2057.3%200%200%2069%200%20%22%2F%3E%3C%2Fsvg%3E) no-repeat;
	background-size: auto, 100% 100%;
}

.tab .tab-icon-flag.icon-flag--tv {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2234%22%20viewBox%3D%220%200%2036%2034%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M15.424%201.778L14.07%200%207.712%204.93%201.354%200%200%201.778l4.468%203.465.144.112H.677v25.898H3.27V34H7.71v-2.747h21.55V34h4.443v-2.747H36V5.355H10.812l.144-.112%204.468-3.465zM31.41%2016.21c1.144%200%202.072.938%202.072%202.094%200%201.155-.928%202.093-2.073%202.093-1.146%200-2.075-.937-2.075-2.093s.93-2.093%202.074-2.093zm-2.075-4.857c0-1.156.93-2.093%202.074-2.093%201.144%200%202.072.937%202.072%202.093%200%201.155-.928%202.093-2.073%202.093-1.146%200-2.075-.937-2.075-2.093zm-3.48%2016.65H4.083v-19.4h21.772v19.4z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 44%;
}

.tab.tab--on .tab-icon-flag.icon-flag--tv {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2234%22%20viewBox%3D%220%200%2036%2034%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M15.424%201.778L14.07%200%207.712%204.93%201.354%200%200%201.778l4.468%203.465.144.112H.677v25.898H3.27V34H7.71v-2.747h21.55V34h4.443v-2.747H36V5.355H10.812l.144-.112%204.468-3.465zM31.41%2016.21c1.144%200%202.072.938%202.072%202.094%200%201.155-.928%202.093-2.073%202.093-1.146%200-2.075-.937-2.075-2.093s.93-2.093%202.074-2.093zm-2.075-4.857c0-1.156.93-2.093%202.074-2.093%201.144%200%202.072.937%202.072%202.093%200%201.155-.928%202.093-2.073%202.093-1.146%200-2.075-.937-2.075-2.093zm-3.48%2016.65H4.083v-19.4h21.772v19.4z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 44%,
				url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2269%22%20height%3D%2273%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2069%2073%22%20enable-background%3D%22new%200%200%2069%2073%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2396D63D%22%20points%3D%2269%2057.3%2034.5%2073%200%2057.3%200%200%2069%200%20%22%2F%3E%3C%2Fsvg%3E) no-repeat;
	background-size: auto, 100% 100%;
}


.tab .tab-icon-flag.icon-flag--window {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2233%22%20viewBox%3D%220%200%2036%2033%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2011.25C0%2013.34%201.44%2015.09%203.38%2015.59%203.38%2015.59%203.38%2030.38%203.38%2030.38%203.38%2030.38%201.13%2030.38%201.13%2030.38%200.51%2030.38%200%2030.88%200%2031.5%200%2032.12%200.51%2032.63%201.13%2032.63%201.13%2032.63%2034.88%2032.63%2034.88%2032.63%2035.5%2032.63%2036%2032.12%2036%2031.5%2036%2030.88%2035.5%2030.38%2034.88%2030.38%2034.88%2030.38%2032.63%2030.38%2032.63%2030.38%2032.63%2030.38%2032.63%2015.59%2032.63%2015.59%2034.56%2015.09%2036%2013.34%2036%2011.25%2036%2011.25%2036%2010.13%2036%2010.13%2036%2010.13%200%2010.13%200%2010.13%200%2010.13%200%2011.25%200%2011.25ZM22.5%2015.75C24.99%2015.75%2027%2013.74%2027%2011.25%2027%2013.34%2028.44%2015.09%2030.38%2015.59%2030.38%2015.59%2030.38%2030.38%2030.38%2030.38%2030.38%2030.38%2013.5%2030.38%2013.5%2030.38%2013.5%2030.38%2013.5%2015.75%2013.5%2015.75%2015.99%2015.75%2018%2013.74%2018%2011.25%2018%2013.74%2020.02%2015.75%2022.5%2015.75%2022.5%2015.75%2022.5%2015.75%2022.5%2015.75ZM12.38%2015.59C12.38%2015.59%2012.38%2030.38%2012.38%2030.38%2012.38%2030.38%205.63%2030.38%205.63%2030.38%205.63%2030.38%205.63%2015.59%205.63%2015.59%207.56%2015.09%209%2013.34%209%2011.25%209%2013.34%2010.44%2015.09%2012.38%2015.59%2012.38%2015.59%2012.38%2015.59%2012.38%2015.59ZM31.5%200C31.5%200%204.5%200%204.5%200%204.5%200%200%209%200%209%200%209%2036%209%2036%209%2036%209%2031.5%200%2031.5%200ZM9.51%202.5C9.51%202.5%207.26%207%207.26%207%207.15%207.2%206.96%207.31%206.75%207.31%206.67%207.31%206.58%207.3%206.5%207.25%206.22%207.12%206.11%206.78%206.25%206.5%206.25%206.5%208.5%202%208.5%202%208.64%201.72%208.98%201.61%209.25%201.75%209.53%201.89%209.64%202.22%209.51%202.5%209.51%202.5%209.51%202.5%209.51%202.5ZM14.01%202.5C14.01%202.5%2011.76%207%2011.76%207%2011.65%207.2%2011.46%207.31%2011.25%207.31%2011.17%207.31%2011.08%207.3%2011%207.25%2010.72%207.12%2010.61%206.78%2010.75%206.5%2010.75%206.5%2013%202%2013%202%2013.14%201.72%2013.48%201.61%2013.75%201.75%2014.03%201.89%2014.14%202.22%2014.01%202.5%2014.01%202.5%2014.01%202.5%2014.01%202.5ZM18.56%206.75C18.56%207.06%2018.31%207.31%2018%207.31%2017.69%207.31%2017.44%207.06%2017.44%206.75%2017.44%206.75%2017.44%202.25%2017.44%202.25%2017.44%201.94%2017.69%201.69%2018%201.69%2018.31%201.69%2018.56%201.94%2018.56%202.25%2018.56%202.25%2018.56%206.75%2018.56%206.75ZM25.02%207.24C24.93%207.29%2024.84%207.31%2024.75%207.31%2024.55%207.31%2024.36%207.21%2024.26%207.02%2024.26%207.02%2021.8%202.52%2021.8%202.52%2021.65%202.25%2021.75%201.91%2022.02%201.76%2022.29%201.61%2022.64%201.71%2022.79%201.98%2022.79%201.98%2025.25%206.48%2025.25%206.48%2025.39%206.75%2025.3%207.1%2025.02%207.24%2025.02%207.24%2025.02%207.24%2025.02%207.24ZM29.5%207.25C29.42%207.3%2029.34%207.31%2029.25%207.31%2029.04%207.31%2028.85%207.2%2028.75%207%2028.75%207%2026.5%202.5%2026.5%202.5%2026.36%202.22%2026.47%201.89%2026.75%201.75%2027.02%201.61%2027.37%201.72%2027.51%202%2027.51%202%2029.76%206.5%2029.76%206.5%2029.89%206.78%2029.78%207.12%2029.5%207.25%2029.5%207.25%2029.5%207.25%2029.5%207.25ZM9.56%2023.8C9.56%2023.8%209.56%2021.2%209.56%2021.2%209.23%2021.01%209%2020.66%209%2020.25%209%2019.63%209.51%2019.13%2010.13%2019.13%2010.75%2019.13%2011.25%2019.63%2011.25%2020.25%2011.25%2020.66%2011.02%2021.01%2010.69%2021.2%2010.69%2021.2%2010.69%2023.8%2010.69%2023.8%2011.02%2023.99%2011.25%2024.34%2011.25%2024.75%2011.25%2025.37%2010.75%2025.88%2010.13%2025.88%209.51%2025.88%209%2025.37%209%2024.75%209%2024.34%209.23%2023.99%209.56%2023.8%209.56%2023.8%209.56%2023.8%209.56%2023.8ZM19.72%2021.77C19.72%2021.77%2018.92%2020.98%2018.92%2020.98%2018.92%2020.98%2022.1%2017.8%2022.1%2017.8%2022.1%2017.8%2022.9%2018.59%2022.9%2018.59%2022.9%2018.59%2019.72%2021.77%2019.72%2021.77ZM19.72%2024.95C19.72%2024.95%2018.92%2024.16%2018.92%2024.16%2018.92%2024.16%2025.29%2017.8%2025.29%2017.8%2025.29%2017.8%2026.08%2018.59%2026.08%2018.59%2026.08%2018.59%2019.72%2024.95%2019.72%2024.95ZM25.29%2020.98C25.29%2020.98%2026.08%2021.77%2026.08%2021.77%2026.08%2021.77%2022.9%2024.95%2022.9%2024.95%2022.9%2024.95%2022.1%2024.16%2022.1%2024.16%2022.1%2024.16%2025.29%2020.98%2025.29%2020.98Z%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 44%;
}

.tab.tab--on .tab-icon-flag.icon-flag--window {
	background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2236%22%20height%3D%2233%22%20viewBox%3D%220%200%2036%2033%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%23242253%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2011.25C0%2013.34%201.44%2015.09%203.38%2015.59%203.38%2015.59%203.38%2030.38%203.38%2030.38%203.38%2030.38%201.13%2030.38%201.13%2030.38%200.51%2030.38%200%2030.88%200%2031.5%200%2032.12%200.51%2032.63%201.13%2032.63%201.13%2032.63%2034.88%2032.63%2034.88%2032.63%2035.5%2032.63%2036%2032.12%2036%2031.5%2036%2030.88%2035.5%2030.38%2034.88%2030.38%2034.88%2030.38%2032.63%2030.38%2032.63%2030.38%2032.63%2030.38%2032.63%2015.59%2032.63%2015.59%2034.56%2015.09%2036%2013.34%2036%2011.25%2036%2011.25%2036%2010.13%2036%2010.13%2036%2010.13%200%2010.13%200%2010.13%200%2010.13%200%2011.25%200%2011.25ZM22.5%2015.75C24.99%2015.75%2027%2013.74%2027%2011.25%2027%2013.34%2028.44%2015.09%2030.38%2015.59%2030.38%2015.59%2030.38%2030.38%2030.38%2030.38%2030.38%2030.38%2013.5%2030.38%2013.5%2030.38%2013.5%2030.38%2013.5%2015.75%2013.5%2015.75%2015.99%2015.75%2018%2013.74%2018%2011.25%2018%2013.74%2020.02%2015.75%2022.5%2015.75%2022.5%2015.75%2022.5%2015.75%2022.5%2015.75ZM12.38%2015.59C12.38%2015.59%2012.38%2030.38%2012.38%2030.38%2012.38%2030.38%205.63%2030.38%205.63%2030.38%205.63%2030.38%205.63%2015.59%205.63%2015.59%207.56%2015.09%209%2013.34%209%2011.25%209%2013.34%2010.44%2015.09%2012.38%2015.59%2012.38%2015.59%2012.38%2015.59%2012.38%2015.59ZM31.5%200C31.5%200%204.5%200%204.5%200%204.5%200%200%209%200%209%200%209%2036%209%2036%209%2036%209%2031.5%200%2031.5%200ZM9.51%202.5C9.51%202.5%207.26%207%207.26%207%207.15%207.2%206.96%207.31%206.75%207.31%206.67%207.31%206.58%207.3%206.5%207.25%206.22%207.12%206.11%206.78%206.25%206.5%206.25%206.5%208.5%202%208.5%202%208.64%201.72%208.98%201.61%209.25%201.75%209.53%201.89%209.64%202.22%209.51%202.5%209.51%202.5%209.51%202.5%209.51%202.5ZM14.01%202.5C14.01%202.5%2011.76%207%2011.76%207%2011.65%207.2%2011.46%207.31%2011.25%207.31%2011.17%207.31%2011.08%207.3%2011%207.25%2010.72%207.12%2010.61%206.78%2010.75%206.5%2010.75%206.5%2013%202%2013%202%2013.14%201.72%2013.48%201.61%2013.75%201.75%2014.03%201.89%2014.14%202.22%2014.01%202.5%2014.01%202.5%2014.01%202.5%2014.01%202.5ZM18.56%206.75C18.56%207.06%2018.31%207.31%2018%207.31%2017.69%207.31%2017.44%207.06%2017.44%206.75%2017.44%206.75%2017.44%202.25%2017.44%202.25%2017.44%201.94%2017.69%201.69%2018%201.69%2018.31%201.69%2018.56%201.94%2018.56%202.25%2018.56%202.25%2018.56%206.75%2018.56%206.75ZM25.02%207.24C24.93%207.29%2024.84%207.31%2024.75%207.31%2024.55%207.31%2024.36%207.21%2024.26%207.02%2024.26%207.02%2021.8%202.52%2021.8%202.52%2021.65%202.25%2021.75%201.91%2022.02%201.76%2022.29%201.61%2022.64%201.71%2022.79%201.98%2022.79%201.98%2025.25%206.48%2025.25%206.48%2025.39%206.75%2025.3%207.1%2025.02%207.24%2025.02%207.24%2025.02%207.24%2025.02%207.24ZM29.5%207.25C29.42%207.3%2029.34%207.31%2029.25%207.31%2029.04%207.31%2028.85%207.2%2028.75%207%2028.75%207%2026.5%202.5%2026.5%202.5%2026.36%202.22%2026.47%201.89%2026.75%201.75%2027.02%201.61%2027.37%201.72%2027.51%202%2027.51%202%2029.76%206.5%2029.76%206.5%2029.89%206.78%2029.78%207.12%2029.5%207.25%2029.5%207.25%2029.5%207.25%2029.5%207.25ZM9.56%2023.8C9.56%2023.8%209.56%2021.2%209.56%2021.2%209.23%2021.01%209%2020.66%209%2020.25%209%2019.63%209.51%2019.13%2010.13%2019.13%2010.75%2019.13%2011.25%2019.63%2011.25%2020.25%2011.25%2020.66%2011.02%2021.01%2010.69%2021.2%2010.69%2021.2%2010.69%2023.8%2010.69%2023.8%2011.02%2023.99%2011.25%2024.34%2011.25%2024.75%2011.25%2025.37%2010.75%2025.88%2010.13%2025.88%209.51%2025.88%209%2025.37%209%2024.75%209%2024.34%209.23%2023.99%209.56%2023.8%209.56%2023.8%209.56%2023.8%209.56%2023.8ZM19.72%2021.77C19.72%2021.77%2018.92%2020.98%2018.92%2020.98%2018.92%2020.98%2022.1%2017.8%2022.1%2017.8%2022.1%2017.8%2022.9%2018.59%2022.9%2018.59%2022.9%2018.59%2019.72%2021.77%2019.72%2021.77ZM19.72%2024.95C19.72%2024.95%2018.92%2024.16%2018.92%2024.16%2018.92%2024.16%2025.29%2017.8%2025.29%2017.8%2025.29%2017.8%2026.08%2018.59%2026.08%2018.59%2026.08%2018.59%2019.72%2024.95%2019.72%2024.95ZM25.29%2020.98C25.29%2020.98%2026.08%2021.77%2026.08%2021.77%2026.08%2021.77%2022.9%2024.95%2022.9%2024.95%2022.9%2024.95%2022.1%2024.16%2022.1%2024.16%2022.1%2024.16%2025.29%2020.98%2025.29%2020.98Z%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat center 44%,
				url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2269%22%20height%3D%2273%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2069%2073%22%20enable-background%3D%22new%200%200%2069%2073%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2396D63D%22%20points%3D%2269%2057.3%2034.5%2073%200%2057.3%200%200%2069%200%20%22%2F%3E%3C%2Fsvg%3E) no-repeat;
	background-size: auto, 100% 100%;
}

.no-multiplebgs .tab .tab-icon-flag {
	display: none;
}
.tabs__view-all-btn {
	margin-top: 8px;
	display: block;
}


@media screen and (min-width: 470px) {
	.tabs__view-all-btn {
		position: absolute;
		top: 6px;
		right: 25px;
		margin-top: 0;
	}
	.tabs ul {
		height: 39px;
	}
	.tab a {
		font-size: 1.4rem;
		padding: 5px 15px 0;
		height: 37px;
	}
	.tab a:hover,
	.tab a:focus,
	.tab--on a {
		height: 39px;
	}
}

@media screen and (min-width: 600px) {
	.tab {
		margin-left: 5px;
	}
	.tabs ul {
		height: 47px;
	}
	.tab a {
		font-size: 1.8rem;
		padding: 9px 15px 0;
		height: 45px;
	}
	.tab a:hover,
	.tab a:focus,
	.tab--on a {
		height: 47px;
	}
	.tabs__view-all-btn {
		top: 11px;
	}
}

@media screen and (min-width: 1000px) {
	.tabs ul {
		height: 56px;
	}
	.tab a {
		padding: 14px 20px 0 28px;
		font-size: 2.4rem;
		height: 54px;
	}
	.tab a:hover,
	.tab a:focus,
	.tab--on a {
		height: 56px;
	}
	.tabs__view-all-btn {
		top: 15px;
	}
}

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

	.tab {
		margin-left: 15px;
	}
	.tabs ul {
		padding: 0 0 0 10px;
		height: 58px;
	}
	.tab a {
		padding: 17px 22px 0 28px;
		font-size: 2.6rem;
		height: 56px;
	}
	.tab a:hover,
	.tab a:focus,
	.tab--on a {
		height: 58px;
	}

	.tabs__view-all-btn {
		top: 17px;
	}
}

/* - Small tabs- */
/* eg. homepage */

.tabs--small ul {
	height: 34px;
}

.tabs--small .tab {
	border-top: 2px solid #e4e5e5;

	-webkit-transition: border 300ms ease;
	-moz-transition: border 300ms ease;
	-ms-transition: border 300ms ease;
	-o-transition: border 300ms ease;
	transition: border 300ms ease;
}

.tabs--small .tab:hover,
.tabs--small .tab.tab--on {
	border-top: 2px solid #7cbb4d;

}

.tabs--small .tab a {
	font-size: 1.6rem;
	padding: 3px 20px 0;
	border-color: #f3f3f3;
	border-left: 2px solid #e4e5e5;
	border-right: 2px solid #e4e5e5;
	border-top: 0px;
	height: 30px;

}

.tabs--small .tab a:hover,
.tabs--small .tab.tab--on a {
	border-left: 2px solid #e4e5e5;
	border-right: 2px solid #e4e5e5;
	padding-bottom: 5px;
	border-bottom: 0;
	height: 32px;
}

.tabs--small .tab.tab--on a:focus {
	outline: none;
}

/* - inline heading for small tabs - */

.tabs-small__heading {
	position: absolute;
	font-size: 2rem;
	padding: 20px 0 0 20px;
}

.tabs--small--has-heading {
	padding-top: 15px;
}
.tabs--small--has-heading .tab:first-child {
	margin-left: 100px;
}

/* - small tab icons - */

.small-tab-icon:before {
	content: '\00a0';
	background-repeat: no-repeat;
	background-position: center center;
	width: 21px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.icon-plane:before {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMzEiIGhlaWdodD0iMTYuMDMxIiB2aWV3Qm94PSIwIDAgMTYuMDMxIDE2LjAzMSI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICMwMDNlN2U7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJpY29uX3BsYW5lIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS40My4wNDVsLTEuNjkzLjc3MmExLjAxIDEuMDEgMCAwIDAtLjI5NC4ybC0yLjc2IDIuNzYyLTkuNTA4LTEuMTRhLjU2Ny41NjcgMCAwIDAtLjQ2OC4xNmwtLjUzLjUzYS41NjUuNTY1IDAgMCAwIC4xNy45MTdMNy4xNiA3LjMgNS4yMDQgOS4yNThIMS43ODdhLjU3LjU3IDAgMCAwLS40LjE2NkwxLjEgOS43MWEuNTY1LjU2NSAwIDAgMCAuMTc4LjkybDIuODgzIDEuMjM1IDEuMjM2IDIuODgyYS41NjYuNTY2IDAgMCAwIC45Mi4xNzdsLjI4Ny0uMjg3YS41NjMuNTYzIDAgMCAwIC4xNjUtLjRWMTAuODJsMS45NTYtMS45NTUgMy4wNTUgNi44MTRhLjU2NS41NjUgMCAwIDAgLjkxNS4xNjhsLjUzLS41M2EuNTY3LjU2NyAwIDAgMCAuMTYtLjQ2N2wtMS4xNC05LjUwNSAyLjc2Mi0yLjc2M2ExIDEgMCAwIDAgLjItLjI5NGwuNzctMS42OTRhLjQxNS40MTUgMCAwIDAtLjU1LS41NXptMCAwIi8+PC9zdmc+);
}

.icon-hotel:before {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMy44MTIiIHZpZXdCb3g9IjAgMCAyMCAxMy44MTIiPjxkZWZzPjxzdHlsZT4uY2xzLTEgeyBmaWxsOiAjMDAzZTdlOyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH08L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0iaWNvbl9ob3RlbCIgY2xhc3M9ImNscy0xIiBkPSJNMTguMTc1IDEwLjE3N3YzLjYzSDIwVjguMzY0SDEuODI1Vi45NGEuOTIuOTIgMCAwIDAtLjI2Ny0uNjQyLjg0OC44NDggMCAwIDAtLjY0NS0uMjkyLjg1Ljg1IDAgMCAwLS42NDUuMjkyLjkyLjkyIDAgMCAwLS4yNjguNjR2MTIuODY4aDEuODI1di0zLjYzaDE2LjM1ek00LjY5NSA0LjY1MmExLjY4NyAxLjY4NyAwIDAgMCAxLjItLjQ4NiAxLjU1OCAxLjU1OCAwIDAgMCAuNTEtMS4xN0ExLjU1OCAxLjU1OCAwIDAgMCA1LjkgMS44MjJhMS42ODcgMS42ODcgMCAwIDAtMS4yLS40ODYgMS42MSAxLjYxIDAgMCAwLTEuMTguNDg2IDEuNTkyIDEuNTkyIDAgMCAwLS40ODggMS4xNyAxLjU5IDEuNTkgMCAwIDAgLjQ5IDEuMTcyQTEuNjEyIDEuNjEyIDAgMCAwIDQuNyA0LjY1ek0yMCA2Ljk5NHYtMi4yMWExLjA5MyAxLjA5MyAwIDAgMC0uMzc4LS44NjIgMS44MzYgMS44MzYgMCAwIDAtLjk1Ni0uNDJMOC4yMyAyLjIyMmgtLjA5YS44Mi44MiAwIDAgMC0uNi4yNDIuODEuODEgMCAwIDAtLjI0NC42djIuNTZoLTMuMzhhLjcuNyAwIDEgMCAwIDEuMzdIMjB6bTAgMCIvPjwvc3ZnPg==);
}

.icon-cruise:before {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE1IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0xIHsgZmlsbDogIzAwM2U3ZTsgZmlsbC1ydWxlOiBldmVub2RkOyB9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9Imljb25fY3J1aXNlIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC4zMSAxMC4wMjZsLTIuMTI2IDIuMTEuNjQ0LjE5M2E1LjMyNiA1LjMyNiAwIDAgMS00LjUgMi40VjYuNzVoMS43NjRhLjguOCAwIDAgMCAuNTc2LjI0NS44NC44NCAwIDAgMCAwLTEuNjguODEyLjgxMiAwIDAgMC0uNTc2LjI0NUg4LjMyOFY0LjZhMi4zNzUgMi4zNzUgMCAwIDAgMS40Ny0yLjIxNCAyLjMgMi4zIDAgMSAwLTIuOTQgMi4yNzN2LjlINC45MWEuOC44IDAgMCAwLS41NzgtLjI0Ny44NC44NCAwIDAgMCAwIDEuNjguOC44IDAgMCAwIC41NzgtLjI0NWgxLjk1djcuOTc0YTUuMzUgNS4zNSAwIDAgMS00LjYzNi0yLjY2NWwuNjQ0LS4xNDctMS45OS0yLjI1LS44OCAyLjkwNi43NS0uMTdhNy44NTUgNy44NTUgMCAwIDAgNi40IDQuNjgzbC40NDYuOTIuNDM2LS45MTNhNy44OTQgNy44OTQgMCAwIDAgNi4yNDUtNC4zMmwuNzMuMjIzem0tNy45ODgtNy42NEExLjE4IDEuMTggMCAxIDEgNy41IDMuNmExLjIgMS4yIDAgMCAxLTEuMTgyLTEuMjE4em0wIDAiLz48L3N2Zz4=);
	top: -3px;
}

.icon-car:before {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMyIgaGVpZ2h0PSIxNC4wOTQiIHZpZXdCb3g9IjAgMCAyMC4wMyAxNC4wOTQiPjxkZWZzPjxzdHlsZT4uY2xzLTEgeyBmaWxsOiAjMDAzZTdlOyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH08L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0iaWNvbl9jYXIiIGNsYXNzPSJjbHMtMSIgZD0iTTQuMTkgMTMuMDVhMS4wNTQgMS4wNTQgMCAwIDEtMS4wNiAxLjAzOGgtLjg4YTEuMDU0IDEuMDU0IDAgMCAxLTEuMDYtMS4wMzd2LTIuNDU3YTEuMDU0IDEuMDU0IDAgMCAxIDEuMDYtMS4wMzdoLjg4YTEuMDU0IDEuMDU0IDAgMCAxIDEuMDYgMS4wMzd2Mi40NTh6bTE0LjYzIDBhMS4wNDUgMS4wNDUgMCAwIDEtMS4wNSAxLjAzOGgtLjg4YTEuMDU0IDEuMDU0IDAgMCAxLTEuMDYtMS4wMzd2LTIuNDU3YTEuMDU0IDEuMDU0IDAgMCAxIDEuMDYtMS4wMzdoLjg4YTEuMDQ1IDEuMDQ1IDAgMCAxIDEuMDUgMS4wMzd2Mi40NTh6bS41NC0xMC4wMTZoLTEuNTdhLjQ2LjQ2IDAgMCAwLS40My4yOS4yNDQuMjQ0IDAgMCAwLS4wMy0uMDI2QTEwLjYgMTAuNiAwIDAgMCAxNS4zOC41NzVjLS44NS0uNTE3LTIuMDQtLjU4LTUuMzctLjU4UzUuNDkuMDYgNC42NC41NzZhMTAuNjEyIDEwLjYxMiAwIDAgMC0xLjk1IDIuNzJsLS4wMy4wM2EuNDYuNDYgMCAwIDAtLjQzLS4yOUguNjZDLS4xNSAzLjAzNCAwIDQuMSAwIDQuMWEuNTEuNTEgMCAwIDAgLjQ5LjQxMmguNjhjLjAyIDAgLjA0LS4wMDYuMDctLjAwN2EuNDI3LjQyNyAwIDAgMSAuNDkuNTc1IDExLjQgMTEuNCAwIDAgMC0uNzcgMS44MzhjLS4zNCAxLjMxNy40MiA1LjM2OC45OSA1LjM2OGgxNi4xMmMuNTcgMCAxLjMzLTQuMDUuOTktNS4zNjhhMTEuNCAxMS40IDAgMCAwLS43Ny0xLjg0LjQyNi40MjYgMCAwIDEgLjQ5LS41NzNjLjAzIDAgLjA1LjAwNy4wNy4wMDdoLjY4YS40OS40OSAwIDAgMCAuNDgtLjQxMnMuMTYtMS4wNjYtLjY1LTEuMDY2ek01LjIyIDEuNDRjLjU3LS4zNDMgMS43LS40IDQuNzktLjRzNC4yMi4wNiA0LjgxLjQyYTEzLjI2MyAxMy4yNjMgMCAwIDEgMS43NyAyLjY3MyA0My45MzcgNDMuOTM3IDAgMCAxLTEzLjE2IDBBMTMuNTUzIDEzLjU1MyAwIDAgMSA1LjIyIDEuNDR6bS4xMyA2LjQ1M2E0Ljg2IDQuODYgMCAwIDEtMi44Mi0uMiAyLjA4NSAyLjA4NSAwIDAgMSAuMDUtMi4wNjdjLjI4LS4zMSAxLjIxLjA5IDEuNDYuMjQ1IDEuMTUuNzE4IDEuNSAxLjgyMyAxLjMxIDIuMDIzem03Ljk5IDIuMDZhMS4zNDcgMS4zNDcgMCAwIDEtMS4zNi41Mkg4LjA0YTEuMzU4IDEuMzU4IDAgMCAxLTEuMzYtLjUyLjQwOC40MDggMCAwIDEgLjQ3LS41MTdoNS43MmEuNDA4LjQwOCAwIDAgMSAuNDcuNTE4em00LjE1LTIuMjYzYTQuODYgNC44NiAwIDAgMS0yLjgyLjJjLS4xOS0uMi4xNi0xLjMgMS4zMS0yLjAyNS4yNS0uMTU2IDEuMTgtLjU1NiAxLjQ2LS4yNDVhMi4wODUgMi4wODUgMCAwIDEgLjA1IDIuMDd6Ii8+PC9zdmc+);
	top: -1px;
}
.icon-insurance:before {
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi43MiIgaGVpZ2h0PSIxOC4wMzEiIHZpZXdCb3g9IjAgMCAxNi43MiAxOC4wMzEiPjxkZWZzPjxzdHlsZT4uY2xzLTEgeyBmaWxsOiAjMDAzZTdlOyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH08L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0iaWNvbl9zaGllbGQiIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjczIDMuNzlhLjgzOC44MzggMCAwIDAtLjc2LS44MUExNS42MTMgMTUuNjEzIDAgMCAxIDguNjkuMTA2YS41NTguNTU4IDAgMCAwLS42NiAwQTE1LjY2NCAxNS42NjQgMCAwIDEgLjc0IDIuOThhLjgzLjgzIDAgMCAwLS43NS44MWMtLjA0IDIuNzU3LjQgMTIuMTEyIDguMTYgMTQuMTk0YS44MDguODA4IDAgMCAwIC40MiAwYzcuNzUtMi4wNzggOC4yLTExLjQzNyA4LjE2LTE0LjE5M3ptLTkuMjEgOS40MzNsLTMuMjctMy4yNyAxLjQ0LTEuNDQgMS44MyAxLjgzIDQuNzEtNC43MDggMS40NCAxLjQ0eiIvPjwvc3ZnPg==);
	top: -3px;
}

/* - boxed tabs - */

.tabs--boxed ul {
	padding: 0;
}

.tabs--boxed .tab {
	margin-left: 5px;
}

.tabs--boxed .tab a {
	font-size: 16px;
}

.tabs--boxed .tab:first-child {
	margin-left: 0px;
}

.box--tabs {
	border: 2px solid #e4e5e5;
	border-top: 0px;
}

.tabs--boxed .tab a {
	text-align: center;
	padding: auto 0;
	color: inherit;
	font-weight: normal;
	text-transform: none;
}

.tabs--boxed .tab.tab--on a {
	color: #242253;
	font-weight: bold;
	position: relative;
}

.tabs--boxed .tab.tab--on a:before {
	content: ' ';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	height: 4px;
	background: #8cc936;
}

@media screen and (max-width: 599px) {
	.tabs--boxed a {
		min-height: 42px;
		padding-top: 8px;
	}
	.tabs--boxed .tab a:before {
		content: '\003e \00a0';
	}
	.tabs--boxed .tab..tab--on a:before {
		content: '';
	}
}

/* layout for 1 and 2 col boxed tabs */

.tabs--boxed .tab.tab--one-col,
.tabs--boxed .tab.tab--two-col {
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 599px) {
	.tabs--boxed ul {
		height: auto;
	}
	.tabs--boxed .tab.tab--two-col {
		float: none;
	}
	.tabs--boxed .tab.tab--two-col a {
		text-align: left;
		padding-left: 25px;
	}
}

@media screen and (min-width: 600px) {
	.tabs--boxed .tab.tab--one-col,
	.tabs--boxed .tab.tab--two-col {
		width: 49%;
	}

	.tab--two-col:last-child {
		width: 48%;
		float: right;
	}
}


/* layout for 3 col boxed tabs */

.tabs--boxed .tab.tab--three-col {
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 599px) {
	.tabs--boxed ul {
		height: auto;
	}
	.tabs--boxed .tab.tab--three-col {
		float: none;
	}
	.tabs--boxed .tab.tab--three-col a {
		text-align: left;
		padding-left: 25px;
	}
}


@media screen and (min-width: 600px) {
	.tabs--boxed .tab.tab--three-col {
		width: 32.63%;
		margin-left: 1%;
	}

	.tabs--boxed .tab.tab--three-col:first-child {
		margin-left: 0;
	}

	.tab--three-col:last-child {
		width: 32.63%;
		margin-left: 0;
		float: right;
	}
}




/* layout for 4 col boxed tabs */

.tabs--boxed .tab.tab--four-col {
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 599px) {
	.tabs--boxed ul {
		height: auto;
	}
	.tabs--boxed .tab.tab--four-col {
		float: none;
	}
	.tabs--boxed .tab.tab--four-col a {
		text-align: left;
		padding-left: 25px;
	}
}

@media screen and (min-width: 600px) {
	.tabs--boxed .tab.tab--four-col {
		width: 24.1%;
		margin-left: 0.3%;
	}

	.tabs--boxed .tab.tab--four-col:first-child {
		margin-left: 0;
	}

	.tab--four-col:last-child {
		width: 24.481566820276%;
		margin-left: 0;
		float: right;
	}
}

@media screen and (min-width: 800px) {
	.tabs--boxed .tab.tab--four-col {
		width: 24.1%;
		margin-left: 0.68%;
	}

	.tabs--boxed .tab.tab--four-col:first-child {
		margin-left: 0;
	}

	.tab--four-col:last-child {
		width: 24.481566820276%;
		margin-left: 0;
		float: right;
	}
}


/* ---- reusable cta tabs ---- */

.cta-tab-right-wrapper {
	padding-left: 30px;
	height: 32px;
	position: absolute;
	top: -32px;
	right: 0;
	overflow-y: hidden;
}

.cta-tab-right {
	position: relative;
	padding: 5px 15px 8px;
	background: #25417d;
	display: block;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.cta-tab-right--green {
	background: #7BC107;
}

.cta-tab-right:hover {
	background: #00265e;
}

.cta-tab-right:before {
	content: '\00a0';
	position: absolute;
	top: -2px;
	left: -20px;
	bottom: 0;
	width: 22px;
	height: 35px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2030%22%20enable-background%3D%22new%200%200%2020%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2325417d%22%20points%3D%220%2030%2020%2030%2020%200%2019.7%200%20%22%2F%3E%3C%2Fsvg%3E");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top;
}

.cta-tab-right:hover:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2030%22%20enable-background%3D%22new%200%200%2020%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2300265e%22%20points%3D%220%2030%2020%2030%2020%200%2019.7%200%20%22%2F%3E%3C%2Fsvg%3E");
}

.cta-tab-right--green:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2030%22%20enable-background%3D%22new%200%200%2020%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%237BC107%22%20points%3D%220%2030%2020%2030%2020%200%2019.7%200%20%22%2F%3E%3C%2Fsvg%3E");
}



/* ---- reusable social btns ---- */

/* see header_footer.css */


/* ---- Reusable Heading deco ---- */

.heading-deco {
	margin: 20px;
	line-height: 1.35;
	text-align: center;
}

.section .heading-deco {
	margin: inherit 0;
}

.heading-deco__wrap {
	background: #fff;
}

.heading-deco--margin-bottom-lg {
	margin-bottom: 80px;
}

@media screen and (min-width: 600px) {

	.heading-deco {
		background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%222%22%20height%3D%222%22%20viewBox%3D%220%200%202%202%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-2%20%7B%20fill%3A%20%23e4e5e5%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-2%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E);
		background-repeat: repeat-x;
		background-position: center 58%;
		position: relative;
		margin: 40px 0;
	}

	.heading-deco__wrap {
		background: #fff;
		padding: 0 20px;
	}

	.heading-deco--margin-bottom-lg {
		margin-bottom: 80px;
	}

}

/* ---- google map location store markers ---- */

.map-marker {
	font-size: .7em;
	background: #7bc107;
	color: #fff;
	border-radius: 100px;
	padding: 5px 0 8px;
	min-width: 34px;
	display: inline-block;
	text-align: center;
	position: relative;
	top: -3px;
}

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

	.map-marker {
		padding: 5px 0 7px;
		margin-left: -5px;
	}

}

/* ---- Sticky Social links ---- */


.sticky-social-links {
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 270px;
}

.sticky-social-links li {
	margin: 0;
}

@media screen and (max-width: 800px) {
	.sticky-social-links {
		display: none;
	}
}

@media screen and (min-width: 800px) and (max-width: 850px),
screen and (min-width: 1000px) and (max-width: 1050px),
screen and (min-width: 1200px) and (max-width: 1250px),
screen and (min-width: 1400px) and (max-width: 1450px) {
	.sticky-social-links .btn-icon,
	.sticky-social-links .btn-icon svg {
		width: 33px;
		height: 33px;
	}
}

.sticky-social-links .btn-icon--fb {
	background: #305891;
}

.sticky-social-links .svg-icon-facebook:hover .paths {
	fill: #305891;
}

.sticky-social-links .btn-icon--tw {
	background: #2ca8d2;
}

.sticky-social-links .svg-icon-twitter:hover .paths {
	fill: #2ca8d2;
}

.sticky-social-links .btn-icon--ig {
	background: #2a5a81;
}

.sticky-social-links .svg-icon-instagram:hover .paths {
	fill: #2a5a81;
}

.sticky-social-links .btn-icon--yt {
	background: #d33937;
}

.sticky-social-links .svg-icon-youtube:hover .paths {
	fill: #d33937;
}

.sticky-social-links .btn-icon--blog {
	background: #f8694d;
}

.sticky-social-links .svg-icon-blog:hover .paths {
	fill: #f8694d;
}

.sticky-social-links .btn-icon--email {
	background: #738a8d;
}

.sticky-social-links .svg-icon-email:hover .paths {
	fill: #738a8d;
}

.sticky-social-links .btn-icon:hover {
	background: #fff;
}



/* ---- promo slider ---- */


.full-width-slider-section {
	margin: 0 auto;
}




@media screen and (min-width: 800px) {
	.full-width-slider-section {
		width: 2200px;
		position: relative;
		left: -738px;
		/* needs one full slide in the section */
	}
}

@media screen and (min-width: 1000px) {
	.full-width-slider-section {
		width: 1860px;
		left: -469px;
		/* slide width 450 */
	}
}

@media screen and (min-width: 1200px) {
	.full-width-slider-section {
		width: 2260px;
		left: -569px;
		/* slide width 550 */
	}
}

@media screen and (min-width: 1400px) {
	.full-width-slider-section {
		width: 2660px;
		left: -668px;
		/* slide width 650 */
	}
}



/*  ---- reuseable from price ---- */

.inner-price {
	color: #242253;
	line-height: 1.2;
}

.box--blue .inner-price {
	color: #fff;
}

.inner-price__price {
	font-size: 2.8rem;
	font-weight: bold;
}
@media screen and (min-width: 600px) {
	.inner-price__price {
		font-size: 3.4rem;
	}
}


.inner-price__terms {
	font-size: 1.4rem;
	color: #7b7b7b;
}

.box--blue .inner-price__terms {
	color: rgba(255,255,255,.5);
}



/*  ---- reuseable pricebox ---- */

.pricebox__sub-box {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding-left: 30px;
}
.pricebox__sub-box:hover {
	color: #fff;
}
.pricebox__price-box__price-line {
	position: relative;
	min-height: 50px;
	z-index: 12;
}
.pricebox__price-box__price-line__arrow {
	top: 0;
	bottom: 0;
	width: 26px;
	height: 100%;
	position: absolute;
	z-index: 2;
	right: 81px;
	vertical-align: top;
	margin-left: -2px;
}
.pricebox__price-box__price-line__arrow .path {
	fill: #783965;
}
.pricebox__from-text {
	margin-bottom: -5px;
}
.pricebox__from-text,
.pricebox__pp-text {
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.2;
	vertical-align: top;
	padding: 0;
	margin-top: -5px;
	min-height: 20px;
}

.pricebox__price-text {
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	letter-spacing: -1px;
	font-family: "Neue Helvetica eText W01",Helvetica,sans-serif
}
.pricebox__price-star {
	font-family: "Neue Helvetica eText W01",Helvetica,sans-serif;
	font-size: .7em;
	position: relative;
	top: -8px;
}
.pricebox__price-box__cta {
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: 600;
	background: #242253;
	padding: 15px 15px 0 40px;
	text-transform: uppercase;
	min-height: 50px;
	min-width: 105px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	-webkit-transition: padding 300ms ease;
	-moz-transition: padding 300ms ease;
	-ms-transition: padding 300ms ease;
	-o-transition: padding 300ms ease;
	transition: padding 300ms ease;
}

.pricebox__price-box__price-line,
.pricebox__price-box__cta {
	min-height: 62px;
}


@media screen and (min-width: 600px) {
	.pricebox__sub-box {
		width: auto;
		padding-left: 30px;
	}
	.pricebox__price-box__price-line__arrow {
		left: 100%;
		right: auto;
	}
}

@media screen and (min-width: 800px) {

	.pricebox__price-box__price-line__arrow {
		width: 24px;
	}
	.pricebox__price-text {
		font-size: 4rem;
	}
	.pricebox__from-text {
		font-size: 1.4rem;
		line-height: 1.4;
	}

}



/* ---- featured promos ---- */


/*
The images in the featured special offers responsively crop a fair bit at some of the more awkward breakpoints.
In the example image, the yellow and red areas show how much of the image can be vertically or horizontally cropped at any one time.
The suggested size for the image is 988px x 600px, but should be no smaller 593px x 360px.


Markup:
<p><br>Mobile:</p>
<img src="/skin/default/css/styleguide_imgs/color_slider_mob.jpg" alt="">
<p><br>Tablet:</p>
<img src="/skin/default/css/styleguide_imgs/color_slider_smtablet.jpg" alt="">
<p><br>Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/color_slider_smdesktop.jpg" alt="">
<p><br>Large Desktop:</p>
<img src="/skin/default/css/styleguide_imgs/color_slider_lgdesktop.jpg" alt="">
<p><br>Slider Safe Area:</p>
<img src="/skin/default/css/styleguide_imgs/color_slider_safe_area.jpg" alt="">

Styleguide Special offers - Featured Specials
*/

.promo-slider__slide {
	background: #783965;
	color: #fff;
	position: relative;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
}
.promo-slider__slide:hover {
	color: #fff;
}
 @media screen and (max-width: 599px) {

 	.bx-wrapper .promo-slider__slide {
 		min-height: 555px;
 	}

 }
.promo-slider__slide__img {
	background-size: cover;
	background-position: center;
	display: block;
	width: 100%;
	min-height: 240px;
}

.promo-slider__slide__content-wrap {
	padding: 25px 20px 90px 30px;
	font-size: 1.4rem;
	line-height: 1.4;
	overflow: hidden;
}

.promo-slider__slide__heading {
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	font-size: 3.2rem;
	text-transform: lowercase;
	color: #fff;
	line-height: .95;
	letter-spacing: -2px;
}

.promo-slider__slide__tag {
	font-weight: 600;
	font-size: 16px;
	font-size: 1.6rem;
}
.promo-slider__slide .pricebox__sub-box {
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 100%;
}

.promo-slider__slide .pricebox__price-text {
	padding-top: 10px;
	font-size: 3.5rem;
}

.promo-slider__slide .pricebox__pp-text {
	font-size: 1.2rem;
	padding-right: 2px;
}

.promo-slider__slide .pricebox__price-box__cta,
.promo-slider__slide .pricebox__price-box__cta:before {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.promo-slider__slide .pricebox__price-box__cta {
	position: absolute;
	z-index: 0;
	right: 0;
}

.promo-slider__slide .pricebox__price-box__cta:before {
	background-color: #242253;
	content: " ";
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	width: 0;
}

@media screen and (min-width: 600px) {

}

@media screen and (min-width: 400px) {
	.promo-slider__slide__img {
		min-height: 260px;
	}
}

@media screen and (min-width: 500px) {
	.promo-slider__slide__img {
		min-height: 280px;
	}
}

@media screen and (min-width: 600px) {
	.promo-slider__slide__heading {
		font-size: 3.6rem;
	}
	.promo-slider__slide__img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: 50%;
	}
	.promo-slider__slide__content-wrap {

		width: 50%;
	}
	.promo-slider__slide .pricebox__sub-box {
		width: 50%;
	}


	.promo-slider__slide .pricebox__price-box__cta {
		right: auto;
		left: 100%;
		top: 0;
		bottom: 0;
		margin-left: 0;
	}

	.no-touch .promo-slider__slide:hover .pricebox__sub-box .pricebox__price-box__cta,
	.promo-slider__slide:focus .pricebox__sub-box .pricebox__price-box__cta {
		margin-left: 30px;
	}
	.no-touch .promo-slider__slide:hover .pricebox__sub-box .pricebox__price-box__cta:before,
	.no-touch .promo-slider__slide:focus .pricebox__sub-box .pricebox__price-box__cta:before {
		width: 30px;
	}

	.promo-slider__slide {
		min-height: 355px;
	}
}

@media screen and (min-width: 600px) and (max-width: : 800px) {
	.promo-slider__slide__tag {
		margin-bottom: 0;
	}
	.promo-slider__slide__content-wrap {
		padding-bottom: 0;
		max-height: 274px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.promo-slider__slide {
		min-height: 362px;
	}
	.promo-slider__slide__content-wrap,
	.pricebox__sub-box {
		padding-left: 25px;
	}
}

@media screen and (min-width: 1000px) {
	.promo-slider__slide__content-wrap {
		padding-bottom: 0;
		max-height: 268px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
	.promo-slider__slide__tag {
		margin-bottom: 0;
	}
	.promo-slider__slide__heading {
		font-size: 32px;
		font-size: 3.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.promo-slider__slide__heading {
		font-size: 32px;
		font-size: 3.2rem;
	}
	.promo-slider__slide .pricebox__price-text {
		padding-top: 6px;
		font-size: 4.4rem;
	}
	.promo-slider__slide .pricebox__pp-text {
		font-size: 1.2rem;
		padding-right: 10px;
	}
	.promo-slider__slide .pricebox__sub-box {
		right: 32.25%;
	}
	.promo-slider__slide__content-wrap {
		max-height: 240px;
	}

}

@media screen and (min-width: 1400px) {

	.promo-slider__slide__heading {
		font-size: 3.6rem;
		line-height: 34px;
		margin-bottom: 17px;
	}
	.promo-slider__slide__content-wrap {
		max-height: 248px;
	}
	.promo-slider__slide__tag,
	.promo-slider__slide__content-wrap {
		line-height: 17px;
		margin-bottom: 17px;
	}
	.promo-slider__slide .pricebox__pp-text {
		font-size: 1.2rem;
	}
	.promo-slider__slide .pricebox__sub-box {
		right: 35%;
	}

	.promo-slider__slide__content-wrap {
		font-size: 1.5rem;
	}
}

/* ---- Sticky maps ---- */
.sticky-map-wrapper {
	position: relative;
}


@media screen and (min-width: 1000px) {
	.sticky-map-wrapper,
	.sticky-map-inner-wrapper {
		width: 418px;

	}
}

.sticky-map-wrapper {
	margin-bottom: 130px;
}


.sticky-map-wrapper,
.sticky-map {
	height: 410px;
}

.sticky-map {
	margin-bottom: 20px;
}

/* Fixed */
.sticky-map-wrapper.fixed .sticky-map-inner-wrapper {
	position: fixed;
	top: 80px;
}
/* Bottom */
.sticky-map-wrapper.bottom .sticky-map-inner-wrapper {
	position: absolute;
}

/* Hide ugly Google maps footer */
.sticky-map-wrapper a[href^="http://maps.google.com/maps"]{
	display:none !important
}
.sticky-map-wrapper a[href^="https://maps.google.com/maps"]{
	display:none !important
}
.sticky-map-wrapper .gmnoprint a,
.sticky-map-wrapper .gmnoprint span, .gm-style-cc {
    display:none;
}

@media screen and (min-width: 1000px) {
	.sticky-map-wrapper,
	.sticky-map-inner-wrapper {
		width: 291px;
	}
}
@media screen and (min-width: 1200px) {
	.sticky-map-wrapper,
	.sticky-map-inner-wrapper {
		width: 355px;
	}
	.sticky-map-wrapper,
	.sticky-map {
		height: 470px;
	}
}
@media screen and (min-width: 1400px) {
	.sticky-map-wrapper,
	.sticky-map-inner-wrapper {
		width: 418px;
	}
}

/* ---- Blog hub ---- */
.blog-post-preview {
	margin: 0 0 20px;
}
.blog-post-preview__inner {
	border: 1px solid #dedede;
	padding: 20px 20px 16px;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
	height: 100%;
}
.blog-post-preview .blog-post-featured-img-small {
	width: 100%;
}
.blog-post-preview__inner:hover {
	background: #f8f8f8;
}
.blog-post-preview__inner:hover .view-more-link {
	opacity:0.9;
}
.blog-post-preview .view-more-link {
	padding: 20px;
	border: 1px solid #dedede;
}
.blog-post-preview div.side {
	float: left;
	width: 19.7%;
	border-right: 1px solid #dedede;
	text-align: center;
	margin-top:  30px;
}
.blog-post-preview .blog-date {
	border-bottom: 1px solid #dedede;
	float: right;
	padding: 0 11% 0 0;
	margin-bottom: 20px;
}
.blog-post-preview div.share {
	padding-right: 14%;
	margin-top: 10px;
}
.blog-post-preview div.hub-share p {
	color: #909396;
	text-transform: uppercase;
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
	display: inline;
}
.blog-post-preview div.hub-share a img {
	margin: 0 0 0 15px;
	display: inline;
}
div.share a:hover {
	text-decoration: none;
}
div.share a:hover img {
	zoom: 1;
	opacity: .5;
	-webkit-transition: opacity 300ms ease-in;
	-o-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
}
.blog-post-preview a {
	text-decoration: none;
}
.blog-post-preview div.excerpt {
	margin-top: 20px;
}
.blog-post-preview div.excerpt h3 {
	font-weight: 300;
	font-size: 2.1rem;
	text-align: left;
	padding-bottom: 0;
	margin: 0;
}
.blog-post-preview div.excerpt h3:before,
.blog-post-preview div.excerpt h3:after {
	display: none;
}
.blog-post-preview div.excerpt p.author {
	font-size: 1.4rem;
	text-transform: uppercase;
}
.blog-post-preview div.excerpt p {
	line-height: 140%;
	font-size: 1.7rem;
	margin: 12px 0 16px;
}


.bloghub-posts--unfiltered .blog-post-preview--hidden,
.bloghub-posts--filtered .blog-post-preview--filtered-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.bloghub-posts--unfiltered .blog-post-preview--animate {
	-webkit-animation: fadeIn 300ms ease;
	        animation: fadeIn 300ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.bloghub-posts--filtered .blog-post-preview--filtered-pre-visible {
	opacity: 0;
}

.bloghub-posts--unfiltered .blog-post-preview--animate-grow,
.bloghub-posts--filtered .blog-post-preview--filtered-visible {
	-webkit-animation: growInFade 350ms ease;
	        animation: growInFade 350ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.blog-post-preview--image-loading .blog-post-featured-img-small {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.blog-post-preview .blog-post-img-link {
	position: relative;
	overflow: hidden;
	padding-top: 61.67%;
	display: block;
}
.blog-post-preview .blog-post-featured-img-small,
.blog-post-preview .blog-post-featured-img-small-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

.blog-post-preview .blog-post-featured-img-small-placeholder {
	-webkit-filter: blur(6px);
	        filter: blur(6px);
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 1;
}
.blog-post-preview.blog-post-preview--image-loaded .blog-post-featured-img-small-placeholder {
	opacity: 0;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	-webkit-transition-duration: 1.5s;
	     -o-transition-duration: 1.5s;
	        transition-duration: 1.5s;
}

.bloghub-filters {
	display: none;
}
.bloghub-filters.bloghub-filters--visible {
	display: block;
}
.bloghub-filters-list .button:focus {
	outline: none;
}

/* BP Small */
@media only screen and (min-width: 48.063em) { /* 769px */
	.bloghub-filters {
		display: block;
	}
	.bloghub-show-filters-button-wrap {
		display: none;
	}

	#bloghub-posts {
		margin-top: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: -1.5%;
		margin-right: -1.5%;
	}
	.blog-post-preview {
		padding: 0 1.5%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		margin: 0 0 35px;
	}
	.blog-post-preview__inner {
		padding: 30px;
	}
	.blog-post-preview div.excerpt h3 {
		font-size: 2.2rem;
	}
}

@media screen and (min-width: 1000px) {
	.blog-post-preview {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
	}
	.blog-post-preview div.excerpt h3 {
		font-size: 2.5rem;
	}
}


/* ---- Blog Posts ---- */

.blog-posts {
	margin: 30px 0;
}

.blog-post {
	border-bottom: 2px solid #e4e5e5;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

.blog-post__details {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #222;
	line-height: 1.6;
}

.blog-post__img {
	margin-bottom: 15px;
}

.blog-posts__footer-link {
	margin: -10px 0 0;
	padding-bottom: 15px;
	border-bottom: 2px solid #e4e5e5;
}

.widget-BlogIntro.orientation-tall .blog-post__img {
	display: none;
}

.blog-post__tags {
	clear: both;
	padding-bottom: 10px;
}
.blog-post__footer {
	border-top: 2px solid #e4e5e5;
}

.blog-post__footer .share > a {
	margin-right: 5px;
}



@media screen and (min-width: 37.5em) {/*  600px */

    .blog-post__footer .share {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    }
	.blog-post__footer .share:last-child {
		display: flex;
		justify-content: flex-end;
	}

}

@media screen and (min-width: 600px) and (max-width: 799px) {

	.blog-post__img {
		width: 28%;
		float: left;
	}
	.blog-post__content {
		float: right;
		width: 68%;
	}

	.widget-BlogIntro.orientation-tall .blog-post__content {
		width: 66%;
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}

	.widget-BlogIntro.orientation-tall .blog-post__img {
		display: block;
		max-width: 100px;
	}
}

@media screen and (min-width: 1000px) {
	.blog-post__img {
		width: 28%;
		float: left;
	}
	.blog-post__content {
		float: right;
		width: 68%;
	}

	.widget-BlogIntro.orientation-tall .blog-post__content {
		width: 100%;
	}
}
@media screen and (min-width: 1200px) {
	.widget-BlogIntro.orientation-tall .blog-post__content {
		float: right;
		width: 66%;
	}
	.widget-BlogIntro.orientation-tall .blog-post__img {
		display: block;
		max-width: 100px;
	}
}


/* blog post in narrow area */

.blog-posts--narrow .blog-post__img {
	width: 100%;
}

.blog-posts--narrow .blog-post__content {
	width: 100%;
}

/* ---- seminars grey box ---- */

/* full width page */

/* homepage featured */

.feature-seminar {
	background: #145fac;
	background-size: cover;
	background-position: center center;
}

.feature-seminar__details {
	background: #242253;
	padding: 0 30px 30px;
	text-align: center;
	margin-bottom: 30px;
}

.feature-seminar__heading {
	color: #fff;
	margin-top: 20px;
}

/* inner featured special */

.featured-special__tagline {
	color: #fff;
	/*font-family: "Neue Helvetica eText W01",Helvetica,sans-serif;*/
    font-size: 2.2rem;
    letter-spacing: -1px;
    line-height: 1.3;
}

.featured-special-content-wrap {
	padding-top: 15px;
}

@media screen and (min-width: 1000px) {
	.featured-special-content-wrap {
		padding-top: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.featured-special-content-wrap {
		padding-top: 60px;
	}
}


/* box of seminars */

.box--seminars {
	position: relative;
	padding-bottom: 10px;
}

.date-promo {
	position: relative;
	border-bottom: 2px solid #e4e5e5;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.date-promo .date-box {
	position: absolute;
}

.date-promo__text-wrap {
	margin-left: 95px;
	min-height: 150px;
}

.date-promo__text-wrap p {
	margin-bottom: 8px;
	line-height: 1.3;
}

.date-promo__text-wrap *:last-child {
	margin-bottom: 0px;
}

.date-promo__heading {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 8px;
	text-transform: lowercase;
}

@media screen and (max-width: 599px) {
	.date-promo:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media screen and (min-width: 600px) and (max-width: 1199px) {
	.date-promo {
		width: 48%;
		float: left;
		margin-left: 3.409090909091%;
	}
	.date-promo:nth-child(2n+1) {
		border-left: 0px;
		margin-left: 0;
	}
	.date-promo:last-child {
		margin-right: 0;
	}

}

@media screen and (min-width: 1200px) {
	.box--seminars--one-row {
		padding-bottom: 20px;
	}
	.box--seminars--one-row .date-promo {
		padding-left: 30px;
		float: left;
		margin-bottom: 0px;
		border-bottom: 0px;
		padding-bottom: 0;
		border-left: 2px solid #e4e5e5;
	}
	.box--seminars--one-row .date-promo.desktop-up-col--one-third {
		width: 31.7073%;
		margin-left: 2.43902%
	}
	.box--seminars--one-row .date-promo:first-child {
		border: 0px;
		padding-left: 0;
		margin-left: 0;
	}
	.box--seminars--one-row .date-promo:last-child {
		margin-right: 0;
	}
	.date-promo:last-child {
		margin-right: 0;
	}
}


/* inner template page with sidebar */

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

/*	.seminars--inner-template .date-promo {
		width: 31%;
	}*/
}



/* Fun little button only shown for admins */
.front-end-edit-link {
	position: absolute;
	left: 42%;
	top: -15px;
	width: 14%;
	font-size: 12px;
	background-color: #E68C0D !important;
}



/* ---- specials search ---- */

/* Don't show widget hover */
.widget-SpecialsSearchForm { outline: none !important; }
.widget-SpecialsSearchForm .widget-infobox { display: none !important; }

/* Show more system */
.specials-search--show-more,
.specials-search--loading-msg {
	text-align: center;
}

.specials-search--show-more {
	clear: both;
}


/* ---- site search ---- */

/* ie on the /search page */


@media screen and (min-width: 700px) {
	.site-search-form input[type="text"] {
		width: 60%;
		margin: 0 1.5% 0 0;
	}

}




/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

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

/* ---- Catch all ---- */
.sidebar .widget {
	margin-bottom: 25px;
	background: #f3f3f3;
}

.sidebar .widget-HTMLCode {
	background: none;
	color: #222;
}

.widget-HTMLCode {
	clear: both;
}

.sidebar .widget-title {
	letter-spacing: -1px;
	font-size: 2rem;
	line-height: 1.2;
	color: #242253;
}

/* ---- Blog posts ---- */

.sidebar .widget-BlogIntro {
	font-size: 1.5rem;
}


.sidebar .widget-BlogIntro .widget-title {
	font-size: 1.6rem;
	line-height: 1.2;
	color: #242253;
}

.sidebar .widget-BlogIntro .blog-post__details {
	font-size: 1.5rem;
}


/* ---- Related Links ---- */
.widget.widget-RelatedLinks {
	padding: 30px;
	background: #242253;
	color: #fff;
}
.widget.widget-RelatedLinks h4,
.widget.widget-RelatedLinks .h4 {
	color: #fff;
}

.widget.widget-RelatedLinks .widget-title {
	margin-bottom: 22px;
	margin-top: 40px;
	color: #fff;
	font-size: 2.4rem;
	letter-spacing: -1px;
	text-transform: lowercase;
}



@media screen and (min-width: 800px) and (max-width: 999px) {
	.widget-RelatedLinks {
		padding: 30px 20px 20px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.widget-RelatedLinks {
		padding: 30px 25px 25px;
	}
}

.widget-RelatedLinks ul {
	padding: 0;
	margin:  0;
}
.widget-RelatedLinks li {
	list-style: none;
}
.widget-RelatedLinks a {
	text-decoration: none;
	color: #fff;
}

.widget-RelatedLinks li.depth1 {
	border-top: 1px solid #466da9;
	position: relative;
	margin: 0;
}
.widget-RelatedLinks li.depth1:last-child {
	border-bottom: 1px solid #466da9;
}
.widget-RelatedLinks li.depth1 > a {
	display: block;
	padding: 10px 35px 10px 0;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.widget-RelatedLinks > ul > li.depth1.on > a,
.widget-RelatedLinks li.depth1 > a:hover {
	background: #00265e;
	border-color: #242253;
	color: #fff;
	padding-left: 10px;
	padding-right: 25px;
}
.widget-RelatedLinks li.depth1.on > a:after,
.widget-RelatedLinks > ul > li:hover > a:after,
.widget-RelatedLinks li.depth2 a:hover:after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #466da9;
	top: 9px;
}
.widget-RelatedLinks li a {
	line-height: 140%;
}

/* Children */

.widget-RelatedLinks li.depth2 {
	font-size: 14px;
	font-size: 1.4rem;
}
.widget-RelatedLinks > ul li.on li.on a,
.widget-RelatedLinks > ul > li.on li.on a:hover {
	font-weight: bold;
}
.widget-RelatedLinks li.depth2 a:before {
	/* content: "- "; */
}
.widget-RelatedLinks li.depth2.on a:after {
	content: ">";
	position: absolute;
	right: 10px;
	color: #ffffff;
	top: 9px;
}
.widget-RelatedLinks li.depth2 a {
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
	position: relative;
	padding: 10px 25px 10px 25px;
	display: block;
}




/* ---- Simple Image Gallery ---- */
.widget-GallerySimple {
	margin: 15px -10px;
}

.widget-GallerySimple h3 {
	padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
	width: 33.333%;
	padding: 10px;
	float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
	width: 100%;
}

/* ---- Children Page Gallery ---- */
.children-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget-ChildrenGallery:before,
.widget-ChildrenGallery:after {
	content: " ";
	display: table;
}
.widget-ChildrenGallery:after {
	clear: both;
}
.widget-ChildrenGallery {
	*zoom: 1;
}
/*
Width + right margin decides how many columns there are.
The nth-child settings remove the right margin on the final row item, so it sits full width.
If you adjust how many items per row, you'll need to adjust which nth-child */


.widget-ChildrenGallery /*li*/.pg-item {
	margin: 0 0 4% 0;
	position: relative;
	/*overflow: hidden;*/
}
.widget-ChildrenGallery .pg-link {
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: 600;
	color: #242253;
	letter-spacing: -1px;
	min-height: 345px;
	display: block;
}

.widget-ChildrenGallery .pg-image {
	width: 100%;
}

.widget-ChildrenGallery .pg-no-image {
	position: relative;
	width: 100%;
	background: #ccc;
}
.widget-ChildrenGallery .pg-no-image:before {
	content: "";
	display: block;
	padding-top: 86.67%; 	/* sets the block ratio of the grey box image placeholder */
}

.widget-ChildrenGallery .pg-title {
	padding: 20px 20px 15px;
	margin-bottom: 0;
	background: #f3f3f3;
	min-height: 83px;
}

.widget-ChildrenGallery .pg-anchor {
	margin: 0;
	background: #000;
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding-top: 40%;
	display: none;
}

.widget-ChildrenGallery .pg-link:hover .pg-title {
	display: block;
	background: #fff;
}

@media screen and (min-width: 440px) and (max-width: 599px) {
	.widget-ChildrenGallery /*li*/.pg-item {
		width: 48%;
		float: left;
		margin: 0 0 4% 4%;
	}
	.widget-ChildrenGallery .pg-link {
		min-height: 233px;
	}

	.widget-ChildrenGallery .pg-item:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}
}

@media screen and (min-width: 600px) and (max-width: 999px) {
	.widget-ChildrenGallery /*li*/.pg-item {
		width: 30.66666666666667%;
		float: left;
		margin: 0 0 4% 4%;
	}
	.widget-ChildrenGallery .pg-link {
		min-height: 233px;
	}

	.widget-ChildrenGallery .pg-item:nth-child(3n+1) {
		margin-left: 0;
		clear: both;
	}
}

@media screen and (min-width: 1000px) {
	.widget-ChildrenGallery /*li*/.pg-item {
		width: 22%;
		float: left;
		margin: 0 0 4% 4%;
	}
	.widget-ChildrenGallery .pg-link {
		min-height: 233px;
	}

	.widget-ChildrenGallery .pg-item:nth-child(4n+1) {
		margin-left: 0;
		clear: both;
	}
}

.highlight .widget-ChildrenGallery .pg-title {
	background: #ffffff;
	border-color: #ffffff;
}

.widget-ChildrenGallery .pg-link:hover .pg-image {
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	opacity: .8;
}

.widget-ChildrenGallery .pg-link:before {
	content: '';
	border: 6px solid #E4E5E5;
	position: absolute;
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px;
	opacity: 0;

	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}

.widget-ChildrenGallery .pg-link:hover:before {
	opacity: 1;
}

/* ---- Order Form ---- */
.widget-OrderForm .product {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
	margin-right: 0;
}

/* ---- Videos ---- */
.widget-Video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ---- Brochures listing ---- */

.brochure-list {
	list-style-type: none;
	padding: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.brochure-list__item {
	text-align: center;
	margin-bottom: 20px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;

	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 100%;
}

.brochure-list__item__img-wrap {
	/* Image wrap is here for flex reasons */
}

.brochure-list__item__img {
	display: block;
	padding-top: 136%;
	width: 100%;
	max-height: 55vh;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.brochure-list__item__text-wrap {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	justify-content: flex-end;
}

.brochure-list__item__heading {
	display: block;
	font-weight: bold;
	text-align: left;
	font-size: 1.7rem;
	letter-spacing: -1px;
	margin-top: 15px;
	line-height: 1.2;
	color: #242253;
	padding-bottom: 10px;

	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-height: 50%;
}

.brochure-list-links {
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #dedede;
}

.brochure-list-links__li {
	border-bottom: 1px solid #dedede;
	margin: 0;
}

.brochure-list-links__li__link {
	display: block;
	padding: 7px 10px 8px 0;
	text-decoration: none;
	color: #444;
}

.brochure-list-links__li__link:hover {
	padding-left: 10px;
	padding-right: 0;
}

.brochure-list-links__li__link:before {
	content: '\003e\00a0';
}

@media screen and (min-width: 360px) {
	.brochure-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.brochure-list__item {
		padding: 0 10px;
		float: left;
		width: 50%;
	}
}

@media screen and (min-width: 600px) and (max-width: 1199px) {
	.brochure-list {
		margin-left: -30px;
		margin-right: -30px;
	}

	.brochure-list__item {
		padding: 0 30px;
	}

	.brochure-list__item:nth-child(2n+1) {
		clear: left;
	}
}

@media screen and (min-width: 1200px) {
	.brochure-list {
		margin-left: -30px;
		margin-right: -30px;
	}

	.brochure-list__item {
		padding: 0 30px;
		width: 33.3333333%;
	}

	.brochure-list__item:nth-child(3n+1) {
		clear: left;
	}

}



/* ---- directions widget in narrow area ---- */

.directions-form {
	margin-top: 0;
}

.widget-MapDirections.orientation-tall .directions-txt {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}

.widget-MapDirections.orientation-tall input {
	width: auto;
	float: none;
}


/* --------------------------------------------------------
** Blog sidebar widgets
-------------------------------------------------------- */

.widget-BlogSearch .blog-sidebar,
.widget-BlogDateList .blog-sidebar {
	background: #242253;
	color: #fff;
}

.widget-BlogSearch .blog-sidebar .widget-title,
.widget-BlogDateList .blog-sidebar .widget-title {
	color: #fff;
}

.blog-sidebar {
	padding: 30px;
}
.blog-search-box-tall {
}
.blog-search-box-tall select,
.blog-search-box-tall .textbox {
	width: 100%;
	color: #000;
}
.blog-search-box-tall .submit-bar {
	background: none;
}

/* --------------------------------------------------------
** Blog entry list
-------------------------------------------------------- */
.blog-date {
	text-align: center;
	width: 100%;
	height: 113px;
	margin: 0 auto;;
}
.blog-date p {
	color: #FFF;
}

/* --------------------------------------------------------
** Blog post
-------------------------------------------------------- */
img.blog-post-featured-img {
	margin: 10px 0 40px;
	width: 100%;
}
img.blog-author-img {
	float:left;
	max-width: 200px;
	max-height: 300px;
	margin: 0 20px 20px 0;
}

#blog-post-section div.blog-post {
	width: 92%;
	margin: 0 auto;
}

#blog-post-section div.blog-post .blog-date p {
}
#blog-post-section div.blog-post div.side {
	float: left;
	width: 9%;
	border-right: 1px solid #dedede;
	text-align: center;
	margin-top:  30px;
}
#blog-post-section div.blog-post .blog-date,
#blog-post-section div.blog-post .blog-subscribe,
#blog-post-section .blog-author-pic {
	border-bottom: 1px solid #dedede;
	margin-bottom: 20px;
}
.side-col {
	padding: 0 14% 0 0;
}
.blog-author-pic img {
	margin: 32% 0;
}

.blog-item {
	border-bottom: 1px solid #f3f1f1;
	margin: 5px 0 20px;
}

.blog-item .details,
.blog-post .details {
	margin: 0 0 20px;
}
	.blog-item .details p.date,
	.blog-item .details p.author,
	.blog-post .details p.date,
	.blog-post .details p.author {
		display: inline;
	}

p.blog-rss-link {
	float: right
}
p.blog-rss-link img {
	width: 16px;
	margin-left: 10px;
}

#blog-post-section div.blog-post .blog-date p {
	color: #ffc400;
}
div.blog-post .side div.share {
	padding-right: 16%;
}
div.blog-post .side a img {
	display: block;
	margin: 15px auto;
}
#blog-post-section div.blog-post div.share a:hover img {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: .5;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	-ms-transition: opacity 300ms ease-in;
	-o-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
}
#blog-post-section div.blog-post div.excerpt {
	float: left;
	padding: 0 0 0 3%;
	width: 91%;
	margin-top: 30px;
}

#blog-post-section div.blog-post div.excerpt h3:before, #blog-post-section div.blog-post div.excerpt h3:after {
	display: none;
}
#blog-post-section div.blog-post div.excerpt p.author {
	font-size: 14px;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 10px 0 20px;
}
div.excerpt h1,
div.excerpt .h1 {
	text-align: left;
	font-weight: 300;
	font-size: 38px;
	font-size: 3.8rem;
	margin: 15px 0 20px 0;
}
div.excerpt h2,
div.excerpt .h2 {
	color: #ee522e;
	font-weight: 300;
	font-size: 32px;
	font-size: 3.2rem;
	text-align: left;
	margin: 50px 0 18px 0;
	border-bottom: 1px solid #dedede;
	padding-bottom: 7px;
}
div.excerpt h3,
div.excerpt .h3 {
	font-weight: 500;
	font-size: 27px;
	font-size: 2.7rem;
	text-align: left;
	margin: 32px 0 14px 0;
	-webkit-transition: color 100ms ease;
	-moz-transition: color 100ms ease;
	-ms-transition: color 100ms ease;
	-o-transition: color 100ms ease;
	transition: color 100ms ease;
}
div.excerpt h3:hover,
div.excerpt .h3:hover {
	color: #3e3e3e;
}
div.excerpt h4,
div.excerpt .h4 {
	color: #364250;
	font-weight: 300;
	font-size: 21px;
	font-size: 2.1rem;
	text-align: left;
	margin: 27px 0 20px 0;
}
div.excerpt h5,
div.excerpt .h5 {
	color: #364250;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
	margin: 25px 0 20px 0;
}
div.excerpt h6,
div.excerpt .h6 {
	color: #364250;
	font-weight: 300;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	margin: 25px 0 20px 0;
}
div.excerpt p {
	line-height: 1.5em;
	font-size: 21px;
	font-size: 2.1rem;
	margin: 0 0 20px;
}

.blog-comments, .fb-comments, .fb-comments span, .fb-comments iframe, .pluginSkinLight > div  { width: 100% !important; }

div.share {
	margin: 20px 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (min-width: 30em) {/* 480px */
	div.share {
		float: left;
		width: 50%;
		margin: 25px 0;
	}
	div.share:not(:first-child) {
		text-align: right;
	}
}




	div.share:not(:first-child) img {
		margin-left: 7px;
	}

	div.share p {
		color: #909396;
		text-transform: uppercase;
		font-size: 15px;
		font-size: 1.5rem;
	}

.share .share-item {
	display:inline-block;
	margin: 1px;
	vertical-align: top;
}

.share .share-item.share-item-fb {
	padding-right: 28px;
	margin-top: -3px;
}

.blog-article__footer .share {
	width: 50%;
	float: left;
	color: #B3B7BB;
}
.blog-article__footer .share:not(:first-child) {
	text-align: right;
}


@media screen and (max-width: 700px) {
	.blog-archive-rss a {
		width: 100%;
	}
	p.blog-rss-link {
		float: none;
	}
}


/* --------------------------------------------------------
** Specials search
-------------------------------------------------------- */


.widget .specials-refine {
	margin-bottom: 20px;
}
/* [1] clearfix */
.specials-refine--specific:before,
.specials-refine--specific:after {
	content: " ";		/*[1]*/
	display: table; 	/*[1]*/
}

.specials-refine--specific:after {
	clear: both;		/*[1]*/
}

.specials-refine--specific {
	*zoom: 1;			/*[1]*/
}

.specials-refine--all input[type="checkbox"],
.specials-refine--specific input[type="checkbox"] {
	position: absolute;
	margin-top: 13px;
}

.specials-refine--all .name,
.specials-refine--specific .name {
	margin: 7px 5px 0px 22px;
	display: block;
}

p.refine-price-amount-min {
	display: inline-block;
}

p.refine-price-amount-max {
	float: right;
}

.specials-refine--group-header,
.specials-refine--group-header:hover {
	position: relative;
	color: #fff;
	font-size: 1.6rem;
	font-weight: normal;
	border-top: 1px solid #466DA9;
	padding: 6px 0 10px;
	margin-bottom: 0;
}

.specials-refine--group-header.expando-opener-heading::before {
	content: '+';
	font-weight: bold;
	font-size: 2rem;
	color: #8cc936;
	min-width: 12px;
	text-align: center;
	padding-top: 2px;
}

.specials-refine--group-header.expando-opener-heading.expanded::before {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	content: '-';
}

.specials-refine--destination-group .expando-closer-para {
	/*border-top: 1px solid #466DA9;*/
/*	border-bottom: 1px solid #466DA9;
	padding: 5px 0;*/
}

.specials-refine--group-header .count,
.specials-refine--specific .count {
	background-color: #8cc936;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 20px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.1;
	padding: 4px 0;
	position: absolute;
	top: 7px;
	right: 0;
}
.specials-refine--disabled {
	color: rgba(255,255,255,.45);
}
.specials-refine li {
	position: relative;
	padding-right: 30px;
}

.specials-refine li.specials-refine--all {
	padding-right: 0;
}

.specials-refine label {
	padding: 5px 0px 10px;
}

/* children destinations */
.specials-refine ul.checkbox-list .depth2 {
	padding-left: 11px;
	margin-bottom: 0;
}

.specials-refine .checkbox-list .depth2 label {
	padding-top: 0;
	padding-bottom: 0;
}
.depth2.specials-refine--specific input[type="checkbox"] {
	margin-top: 8px;
}
.checkbox-list .depth2.specials-refine--specific .name {
	margin-top: 3px;
	margin-bottom: 5px;
}


/* --------------------------------------------------------
** Landing page template styles
-------------------------------------------------------- */


.banner--w-logo {
	background: #f2f2f2 center center;
	background-size: cover;
}

.banner-w-logo__logo {
	max-width: 320px;
	height: auto;
	width: auto;
	margin: auto;
	text-align: center;
	margin-bottom: 15px;
}

.banner-w-logo__logo img {
	max-height: 180px;
}

.banner-w-logo__heading {
	color: #ffffff;
	text-shadow: 0 0 5px rgba(0,0,0,.7);
	text-align: center;
	padding: 20px 0 15px;
	letter-spacing: -1px;
	font-size: 2.8rem;
}

.banner-w-logo__content {
	padding: 40px 0 15px;
}

@media screen and (min-width: 400px) {
	.banner-w-logo__heading {
		font-size: 3.2rem;
	}
}

@media screen and (min-width: 600px) {
	.banner--w-logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
	}

	.banner-w-logo__content {
		padding: 80px 0 15px;
	}

	.banner-w-logo__heading {
		font-size: 3.8rem;
		line-height: 1.1;
	}
}

@media screen and (min-width: 900px) {
	.banner--w-logo-tall {
		min-height: 450px;
	}

	.banner-w-logo__logo img {
		max-height: 220px;
	}

	.banner-w-logo__heading {
		font-size: 5rem;
	}
}

@media screen and (min-width: 1340px) {

}


/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */

@media print {
	@page {
		margin: 1.5cm 1cm;
	}

	/* cleanup */
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
		letter-spacing: 0 !important;
	}

	/* nuke some stuff */
	header,
	.banner,
	footer,
	ul.sticky-social-links,
	.sidebar,
	.widget-SpecialsSearchForm,
	.print-hide {
		display: none !important;
	}

	/* unfloat */
	.wrap--white,
	.content,
	.content-section--border-top-bold,
	.mainbar {
		width: auto !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	/* unabsolute position */

	.special-banner-wrap__offer {
		position: unset !important;
	}

	/* links */
	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: "";
	}
	a.button {
		display: none !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}


	p,
	ol,
	ul,
	dl,
	p,
	ol,
	ul,
	dl,
	address {
		font-size: 8pt !important;
		line-height: 1.5 !important;
	}

	small {
		font-size: 6pt !important;
		line-height: 1.4 !important;
	}

	.tabs,
	.popup-zoom-image::after,
	.breadcrumb,
	.widget-Destinations,
	.blog-post__footer,
	.blog-post__tags {
		display: none !important;
	}
	.box--tabs,
	.specials-glance-box,
	.specials-glance-box-heading,
	.special-banner-wrap__offer {
		display: block !important;
		padding-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	.special-images,
	.popup-zoom-image,
	.widget-Map,
	.seminars-img,
	.blog-post-featured-img {
		max-width: 40% !important;
	}

	.subtle-promos {
		width: 100%;
	}

	.subtle-promo {
		width: 45% !important;
		float: left !important;
		margin-right: 4% !important;
	}

	.subtle-promo__text-wrap {
		height: auto !important;
	}

}