mdcss-theme-aviatur/demo/main.css

Just another theme for mdcss

@charset "UTF-8";
/*------------------------------------*#AVIATUR
\*------------------------------------*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Default..............inuitcss’ default settings. [INUIT]
 * Global...............Globally-available variables and settings/config. [CUSTOM]
 * Colors...............Manage our color palette in isolation. [CUSTOM]
 * Grid.................settings for Susy grid tool, declare ALL colors here [CUSTOM]
 * Reponsive............inuitcss responsive breakpoints tool settings [INUIT]
 *
 *
 * TOOLS
 * Functions............inuitcss’ default functions. [INUIT]
 * Mixins...............inuitcss’ default mixins. [INUIT]
 * Mixins...............Extension of inuitcss’ mixins. [CUSTOM]
 * Susy.................Famous Susy grid tool (requires Susy settings). [SUSY]
 * Responsive...........Responsive breakpoints inuitcss tool (requires responsive settings). [INUIT]
 * Aliases..............Aliases onto longer inuitcss variables and mixins. [CUSTOM]
 *
 *
 * GENERIC
 * Normalize.css........A level playing field. [NORMALIZE THROUGH INUIT]
 * Reset................A pared back reset to remove margins. [INUIT]
 * Compass..............Compass SASS gestion [COMPASS]
 * Box-sizing...........Better default `box-sizing`. [INUIT]
 * Shared...............Sensibly and tersely share global commonalities. [INUIT]
 *
 *
 * BASE
 * Page.................Page-level styles (HTML element). [INUIT]
 * Page.................Our extension of the inuitcss page module. [CUSTOM]
 * Type.................Misc type styles [CUSTOM]
 * Links................Hyperlink styles [CUSTOM]
 * Section..............Section tag style[CUSTOM]
 * Headings.............Heading styles [INUIT]
 * Lists Bare...........inuitcss list styles [INUIT]
 * Lists Inline.........inuitcss list styles [INUIT]
 * Images...............inuitcss images [INUIT]
 *
 *
 * OBJECTS
 * Wrappers.............Wrappers and page constraints. [CUSTOM]
 * Buttons..............inuitcss’ buttons module. [INUIT]
 * Buttons..............extension to buttons module. [CUSTOM]
 * Icons Webfont........Grunt generated icon font [CUSTOM]
 * Form Grid............Grid system for form component [CUSTOM]
 * Form Group...........Enclose input with features [CUSTOM]
 * Input Group..........Enclose input with features [CUSTOM]
 * Label................Label styles [CUSTOM]
 * Text Input...........Text input styles [CUSTOM]
 * Checkbox.............Checkbox styles [CUSTOM]
 * Tables...............Tables module [CUSTOM FROM BOOTSTRAP]
 * Flag.................The flag object. [INUIT]
 *
 *
 * COMPONENTS
 * Buttons..............Extension of inuitcss’ buttons.
 * Forms................Form styles
 * Icons................Icons styles
 *
 * Frames...............Join styled div together
 * Modals...............Adaptation of Bootstrap modals
 * Nav tabs...............Adaptation of Bootstrap Nav tabs
 * Slidepanel...........Slidepanel module
 * Fixed................Fix to top module
 * Datepicker...........Datepicker module
 * Tooltips.............Tooltip module
 * Loading..............Loading module
 * jQuery UI............jQuery UI Overides
 *
 * Page-head............Page header styles
 * Page-foot............Page footer styles
 * Nav-top..............Login/Mailing Nav style
 * Nav-main.............Main Nav Styles
 * Nav-foot.............Footer nav (e.g. compagnies)
 *
 * Promo-header.........Promo style in header
 * Promo-banner.........Promo style as banner
 * Promo-box............Promo style as box
 *
 * Offers...............Offers style
 *
 * Search...............Shared search style
 * Search Flight........Flight search style
 * Search Hotel.........Hotel search style
 * Search Car...........Car search style
 * Search Package.......Package search style
 * Dispo Shared.........Shared Availabily style
 * Dispo Flight.........Flight Availabily style
 * Dispo Hotel..........Hotel Availabily style
 * Dispo Mutli..........Multi Availabily style
 * Detail Shared........Shared Detail style
 * Detail Flight........Flight Detail style
 * Detail Hotel.........Hotel Detail style
 * Resume Shared........Shared Resume Style
 * Resume Flight........Shared Resume Style
 * Resume Hotel.........Shared Resume Style
 *
 * Page Corporate ......Styles for the Corporate homepage
 * Bundle Content ......Styles for the Bundle "Content"
 * Bundle Customer .....Styles for the Bundle "Customer"
 *
 *
 * TRUMPS
 * Types................Types helpers. [CUSTOM]
 * Print................Print helpers. [INUIT]
 * Print................Print helpers. [CUSTOM]
 * Cursors..............Cursor helpers. [CUSTOM]
 * Spacing..............Micro-level spacing. [INUIT]
 * Float................Pull-left and pull-right helpers. [CUSTOM]
 * Show/hide............Helpers to show and side stuff. [CUSTOM]
 * Margin/padding.......Helpers to quit margin or padding. [CUSTOM]
 * Accessibility........Helpers fo accessibility [CUSTOM FROM BOOTSTRAP]
 * Responsive JS........Helpers to link JS to CSS responsive classes. [CUSTOM]
 */

/**
 * #SETTINGS
 */

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */

/**
 * #TOOLS
 */

/**
 * #GENERIC
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	/* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*------------------------------------*    #RESET
\*------------------------------------*/

/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
	margin: 0;
	padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */

abbr[title],
dfn[title] {
	cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */

u,
ins {
	text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */

ins {
	border-bottom: 1px solid;
}

/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/*------------------------------------*    #SHARED
\*------------------------------------*/

/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
	margin-bottom: 18px;
	margin-bottom: 1.125rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */

ul,
ol,
dd {
	margin-left: 36px;
	margin-left: 2.25rem;
}

/**
 * #BASE
 */

/*------------------------------------*    #PAGE
\*------------------------------------*/

/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */

html {
	font-size: 1em;
	/* [1] */
	line-height: 1.125;
	/* [1] */
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	overflow-y: scroll;
	/* [2] */
	min-height: 100%;
	/* [3] */
	-webkit-text-size-adjust: 100%;
	/* [4] */
	-ms-text-size-adjust: 100%;
	/* [4] */
	-moz-osx-font-smoothing: grayscale;
	/* [5] */
	-webkit-font-smoothing: antialiased;
	/* [5] */
}

/*------------------------------------*    #PAGE
\*------------------------------------*/

html {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}

body {
	width: 100%;
}

@media screen and (max-width: 44.9375em) {
	body {
		overflow-x: hidden;
	}
}

header {
	margin-bottom: 18px;
}

.page__body {
	margin-bottom: 18px;
}

/*------------------------------------*    #TYPE
\*------------------------------------*/

/**
 * Typographical base selectors.
 */

/**
 * Headings 1–6.
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	color: #000;
}

/**
 * A generic heading style which can be applied to any headings.
 */

.heading {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.63636;
}

.heading-sub {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.125;
	font-weight: 600;
	margin-bottom: 0;
	color: rgba(0, 0, 0, 0.87);
}

/**
 * Emboldened elements.
 */

a,
strong,
b,
dt {
	font-weight: 600;
}

.b-main {
	color: #009bf8;
}

.b-accent {
	color: #009bf8;
}

/**
 * Code-like elements.
 */

code,
kbd,
samp {
	color: #009bf8;
	font-family: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

pre {
	white-space: pre;
	word-wrap: normal;
	overflow: auto;
	padding: 9px;
	background-color: rgba(0, 0, 0, 0.87);
	border-radius: 5px;
}

pre,
pre code,
pre kbd,
pre samp {
	color: #fff;
}

/**
 * Figures.
 *
 * 1. Outdent figures by an arbitrary amount at the relevant viewport size.
 * 2. Reindent figcaptions.
 */

@media screen and (min-width: 1380px) {
	figure {
		margin-left: -128px;
		/* [1] */
	}
}

figure>img {
	border-radius: 5px;
}

figcaption {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}

@media screen and (min-width: 1380px) {
	figcaption {
		margin-left: 128px;
		/* [2] */
	}
}

/**
 * Horizontal rules.
 */

hr {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	margin-bottom: 17px;
}

/**
 * Highlighted text.
 */

pre mark {
	background: none;
	border-bottom: 1px solid;
	color: inherit;
}

/*------------------------------------*    #LINKS
\*------------------------------------*/

a,
.link-span,
.link-slim,
.option-toggle:not(.active) {
	transition: color .2s;
	text-decoration: none;
	color: #009bf8;
	cursor: pointer;
}

a:hover,
a:active,
a:focus,
.link-span:hover,
.link-slim:hover,
.option-toggle:hover:not(.active),
.link-span:active,
.link-slim:active,
.option-toggle:active:not(.active),
.link-span:focus,
.link-slim:focus,
.option-toggle:focus:not(.active) {
	color: #007bc5;
}

a.is-active,
.link-span.is-active,
.is-active.link-slim,
.is-active.option-toggle:not(.active) {
	color: #007bc5;
}

a.is-disabled,
.link-span.is-disabled,
.is-disabled.link-slim,
.is-disabled.option-toggle:not(.active) {
	color: rgba(0, 0, 0, 0.54);
	cursor: default;
}

a.is-disabled:hover,
a.is-disabled:active,
a.is-disabled:focus,
.link-span.is-disabled:hover,
.is-disabled.link-slim:hover,
.is-disabled.option-toggle:hover:not(.active),
.link-span.is-disabled:active,
.is-disabled.link-slim:active,
.is-disabled.option-toggle:active:not(.active),
.link-span.is-disabled:focus,
.is-disabled.link-slim:focus,
.is-disabled.option-toggle:focus:not(.active) {
	color: rgba(0, 0, 0, 0.54);
}

.link-quiet {
	transition: color .2s;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.link-quiet:hover,
.link-quiet:active,
.link-quiet:focus {
	color: #e6e6e6;
}

.link-secret {
	color: inherit;
	font-weight: 300;
}

.link-secret:hover,
.link-secret:active,
.link-secret:focus {
	color: #009bf8;
	text-decoration: none;
}

.link-slim {
	font-weight: 400;
}

.btn-link {
	display: inline-block;
	color: unset;
	transition: 0s;
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus {
	color: unset;
}

/*------------------------------------*    #SECTION
\*------------------------------------*/

section {
	margin-bottom: 18px;
}

/*------------------------------------*    #HEADINGS
\*------------------------------------*/

/**
 * Headings 1–6.
 */

h1 {
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1;
}

h2 {
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1.2;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.5;
}

h4 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.8;
}

h5 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.125;
}

h6 {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.28571;
}

/*------------------------------------*    #LABEL
\*------------------------------------*/

label {
	color: rgba(0, 0, 0, 0.87);
	min-height: 1.5em;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	font-weight: 600;
	transition: .2s;
}

label:hover,
label:active,
label:focus {
	color: rgba(0, 0, 0, 0.87);
	cursor: pointer;
}

/*------------------------------------*    #LIST-BARE
\*------------------------------------*/

/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */

.list-bare {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/

/**
 * The list-inline object simply displays a list of items in one line.
 */

.list-inline {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-inline>li {
	display: inline-block;
}

/*------------------------------------*    #IMAGES
\*------------------------------------*/

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */

img {
	max-width: 100%;
	/* [1] */
	font-style: italic;
	/* [2] */
	vertical-align: middle;
	/* [3] */
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */

.gm-style img,
img[width],
img[height] {
	/* [2] */
	max-width: none;
}

/*------------------------------------*    #IMAGES
\*------------------------------------*/

.img-full {
	display: block;
	height: auto;
	margin-bottom: 18px;
	width: 100%;
}

/**
 * #OBJECTS
 */

/*------------------------------------*    #WRAPPERS
\*------------------------------------*/

.wrapper {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 9px;
	padding-left: 9px;
}

.wrapper:after {
	content: " ";
	display: block;
	clear: both;
}

@media screen and (min-width: 45em) {
	.wrapper {
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media screen and (min-width: 2048px) {
	.wrapper {
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrapper:after {
		content: " ";
		display: block;
		clear: both;
	}
}

.wrapper-susy {
	clear: both;
	margin-left: -9px;
	margin-right: -9px;
}

.wrapper-susy:before,
.wrapper-susy:after {
	content: " ";
	display: table;
}

.wrapper-susy:after {
	clear: both;
}

/*------------------------------------*    #BUTTONS
\*------------------------------------*/

/**
 * A simple button object.
 */

/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */

.btn,
.btn--slim {
	display: inline-block;
	/* [1] */
	vertical-align: middle;
	/* [2] */
	font: inherit;
	/* [3] */
	text-align: center;
	/* [4] */
	margin: 0;
	/* [4] */
	cursor: pointer;
	/* [5] */
	overflow: visible;
	/* [6] */
	padding: 8px 17px;
	/* [7] */
	background-color: #4a8ec2;
	border: 1px solid #4a8ec2;
	border-radius: 5px;
}

.btn,
.btn--slim,
.btn:hover,
.btn--slim:hover,
.btn:active,
.btn--slim:active,
.btn:focus,
.btn--slim:focus {
	text-decoration: none;
	/* [4] */
	color: #fff;
}

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */

.btn::-moz-focus-inner,
.btn--slim::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
     * Small buttons.
     */

.btn--small,
.btn--slim {
	padding: 4px 9px;
	/* [7] */
}

/**
     * Large buttons.
     */

.btn--large {
	padding: 17px 35px;
	/* [7] */
}

/**
     * Full-width buttons.
     */

.btn--full {
	width: 100%;
}

/*------------------------------------*    #BUTTONS
\*------------------------------------*/

[role="button"] {
	outline: none;
}

.btn,
.btn--slim {
	transition: .2s;
	font-weight: 600;
	background-color: #009bf8;
	border-color: #009bf8;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.16);
	color: white;
	border-radius: 0;
	outline: none;
}

.btn:hover,
.btn--slim:hover,
.btn:active,
.btn--slim:active,
.btn:focus,
.btn--slim:focus {
	background-color: #007bc5;
	border-color: #006bac;
}

.btn-group {
	display: inline-block;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.16);
}

.btn-group>.btn,
.btn-group>.btn--slim {
	float: left;
	position: relative;
	border-color: #009bf8;
	box-shadow: none;
}

.btn-group>.btn:hover,
.btn-group>.btn--slim:hover,
.btn-group>.btn:active,
.btn-group>.btn--slim:active,
.btn-group>.btn:focus,
.btn-group>.btn--slim:focus {
	z-index: 20;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn--slim:not(:first-child) {
	margin-left: -1px;
}

.btn-group>.btn:not(.btn--inactive),
.btn-group>.btn--slim:not(.btn--inactive) {
	background-color: #009bf8;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn--secondary {
	background: none;
	color: #009bf8;
}

.btn--secondary:hover,
.btn--secondary:active,
.btn--secondary:focus {
	background: none;
	color: #007bc5;
}

.btn--secondary:active {
	background: #009bf8;
	color: white;
}

.btn--accent {
	background-color: #009bf8;
	border-color: #009bf8;
}

.btn--accent:hover,
.btn--accent:active,
.btn--accent:focus {
	background-color: #007bc5;
	border-color: #006bac;
}

.btn--slim {
	font-size: .8em;
	font-weight: normal;
}

.btn--positive {
	background-color: #3f990f;
	border-color: #3f990f;
}

.btn--positive:hover,
.btn--positive:active,
.btn--positive:focus {
	background-color: #2c6b0a;
	border-color: #225308;
}

.btn--negative {
	background-color: #C33A57;
	border-color: #C33A57;
}

.btn--negative:hover,
.btn--negative:active,
.btn--negative:focus {
	background-color: #9c2e45;
	border-color: #88283d;
}

.btn--submit {
	font-weight: 300;
	background-color: #3f990f;
	border-color: #3f990f;
}

.btn--submit:hover,
.btn--submit:active,
.btn--submit:focus {
	background-color: #2c6b0a;
	border-color: #225308;
}

.btn--inactive {
	background-color: transparent;
	border-color: #009bf8;
	color: #009bf8;
}

.btn--inactive:hover,
.btn--inactive:active,
.btn--inactive:focus {
	background-color: transparent;
	border-color: #006bac;
	color: #007bc5;
}

.btn--static {
	font-weight: 300;
	background-color: #cfcfcf;
	border-color: #cfcfcf;
	color: darkgray;
	cursor: default;
}

.btn--static:hover,
.btn--static:active,
.btn--static:focus {
	background-color: #cfcfcf;
	border-color: #cfcfcf;
	color: darkgray;
}

.btn--facebook,
.btn--twitter,
.btn--google {
	padding: 4px 12px;
}

.btn--facebook {
	background-color: #3b5998;
	border-color: #3b5998;
}

.btn--facebook:hover,
.btn--facebook:active,
.btn--facebook:focus {
	background-color: #2d4373;
	border-color: #263961;
}

.btn--twitter {
	background-color: #1b95e0;
	border-color: #1b95e0;
}

.btn--twitter:hover,
.btn--twitter:active,
.btn--twitter:focus {
	background-color: #1677b2;
	border-color: #13689c;
}

.btn--google {
	background-color: #db4437;
	border-color: #db4437;
}

.btn--google:hover,
.btn--google:active,
.btn--google:focus {
	background-color: #bd2e22;
	border-color: #a7291e;
}

.buttonize {
	display: inline-block;
	padding: 9px;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom-width: 2px;
	text-align: center;
	cursor: pointer;
}

.buttonize:hover {
	background-color: rgba(0, 0, 0, 0.06);
	border-bottom-color: rgba(0, 0, 0, 0.09);
}

.buttonize:active,
.buttonize.is-selected {
	background-color: #e4f5ff;
	border-color: #c5e9ff;
}

.btn--scroll-top {
	display: none;
	width: 48px;
	height: 57px;
	position: fixed;
	bottom: -26px;
	right: 18px;
	padding: 9px;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	background-color: #009bf8;
	box-shadow: 0 0 3px 1px rgba(64, 64, 64, 0.4);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*------------------------------------*    #PILLS
\*------------------------------------*/

.pill {
	display: inline-block;
}

.pill:not(:nth-child(1)) {
	margin-left: 9px;
}

.pill>.pill-height-helper {
	height: 100%;
}

.pill>* {
	vertical-align: middle;
}

/*------------------------------------*    #ICONS GENERATE
\*------------------------------------*/

@font-face {
	font-family: "icons";
	src: url(/assets/common_assets/font/icons.eot?fe98641f7ac98738ff2cd9d495a8fc40);
	src: url(/assets/common_assets/font/icons.eot?#iefix) format("embedded-opentype"), url(/assets/common_assets/font/icons.woff?fe98641f7ac98738ff2cd9d495a8fc40) format("woff"), url(/assets/common_assets/font/icons.ttf?fe98641f7ac98738ff2cd9d495a8fc40) format("truetype");
	font-weight: normal;
	font-style: normal;
}

.icon,
.icon__input--inline:before {
	font-family: "icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Icons */

.icon_airconditioner:before {
	content: "\f101";
}

.icon_arrow_down:before {
	content: "\f102";
}

.icon_arrow_left:before {
	content: "\f103";
}

.icon_arrow_right:before {
	content: "\f104";
}

.icon_arrow_up:before {
	content: "\f105";
}

.icon_banknote:before {
	content: "\f106";
}

.icon_bathroom:before {
	content: "\f107";
}

.icon_bundle_car:before {
	content: "\f108";
}

.icon_bundle_corporate:before {
	content: "\f109";
}

.icon_bundle_cruise:before {
	content: "\f10a";
}

.icon_bundle_flight-hotel:before {
	content: "\f10b";
}

.icon_bundle_flight:before {
	content: "\f10c";
}

.icon_bundle_holiday:before {
	content: "\f10d";
}

.icon_bundle_hotel:before {
	content: "\f10e";
}

.icon_bundle_package:before {
	content: "\f10f";
}

.icon_bus:before {
	content: "\f110";
}

.icon_chatboxes:before {
	content: "\f111";
}

.icon_checkmark:before {
	content: "\f112";
}

.icon_chevron_down:before {
	content: "\f113";
}

.icon_chevron_left:before {
	content: "\f114";
}

.icon_chevron_right:before {
	content: "\f115";
}

.icon_chevron_up:before {
	content: "\f116";
}

.icon_contact_address:before {
	content: "\f117";
}

.icon_contact_phone:before {
	content: "\f118";
}

.icon_dart_left:before {
	content: "\f119";
}

.icon_dart_right:before {
	content: "\f11a";
}

.icon_dart-open_double:before {
	content: "\f11b";
}

.icon_dart-open_left:before {
	content: "\f11c";
}

.icon_dart-open_right:before {
	content: "\f11d";
}

.icon_door:before {
	content: "\f11e";
}

.icon_education:before {
	content: "\f11f";
}

.icon_flight_multidest:before {
	content: "\f120";
}

.icon_flight_oneway:before {
	content: "\f121";
}

.icon_flight_roundtrip:before {
	content: "\f122";
}

.icon_foodmenu:before {
	content: "\f123";
}

.icon_helicopter:before {
	content: "\f124";
}

.icon_individualscreen:before {
	content: "\f125";
}

.icon_info:before {
	content: "\f126";
}

.icon_load:before {
	content: "\f127";
}

.icon_luggage:before {
	content: "\f128";
}

.icon_magnifying-glass:before {
	content: "\f129";
}

.icon_map:before {
	content: "\f12a";
}

.icon_megaphone:before {
	content: "\f12b";
}

.icon_minus-outline:before {
	content: "\f12c";
}

.icon_minus:before {
	content: "\f12d";
}

.icon_moon:before {
	content: "\f12e";
}

.icon_multipledrivers:before {
	content: "\f12f";
}

.icon_no-luggage:before {
	content: "\f130";
}

.icon_options:before {
	content: "\f131";
}

.icon_order-asc:before {
	content: "\f132";
}

.icon_order-desc:before {
	content: "\f133";
}

.icon_passenger_baby:before {
	content: "\f134";
}

.icon_passenger_child:before {
	content: "\f135";
}

.icon_passenger_man:before {
	content: "\f136";
}

.icon_plus-outline:before {
	content: "\f137";
}

.icon_plus:before {
	content: "\f138";
}

.icon_printer:before {
	content: "\f139";
}

.icon_question_mark:before {
	content: "\f13a";
}

.icon_recliningchairs:before {
	content: "\f13b";
}

.icon_rental_door:before {
	content: "\f13c";
}

.icon_rental_flake:before {
	content: "\f13d";
}

.icon_rental_gear:before {
	content: "\f13e";
}

.icon_search_calendar-in:before {
	content: "\f13f";
}

.icon_search_calendar-out:before {
	content: "\f140";
}

.icon_search_calendar:before {
	content: "\f141";
}

.icon_search_clock:before {
	content: "\f142";
}

.icon_search_close:before {
	content: "\f143";
}

.icon_seat:before {
	content: "\f144";
}

.icon_social_facebook:before {
	content: "\f145";
}

.icon_social_google-plus:before {
	content: "\f146";
}

.icon_social_instagram:before {
	content: "\f147";
}

.icon_social_linkedin:before {
	content: "\f148";
}

.icon_social_pinterest:before {
	content: "\f149";
}

.icon_social_twitter:before {
	content: "\f14a";
}

.icon_social_youtube:before {
	content: "\f14b";
}

.icon_socketenergy:before {
	content: "\f14c";
}

.icon_stairs:before {
	content: "\f14d";
}

.icon_star_off:before {
	content: "\f14e";
}

.icon_star_on:before {
	content: "\f14f";
}

.icon_sun:before {
	content: "\f150";
}

.icon_table:before {
	content: "\f151";
}

.icon_train:before {
	content: "\f152";
}

.icon_tv:before {
	content: "\f153";
}

.icon_warning:before {
	content: "\f154";
}

.icon_wifi:before {
	content: "\f155";
}

.icon_world:before {
	content: "\f156";
}

/*------------------------------------*    #FORM-GROUP
\*------------------------------------*/

.form-grid {
	width: 33.33333%;
	float: left;
	padding-left: 9px;
	padding-right: 9px;
}

@media screen and (max-width: 44.9375em) {
	.form-grid {
		width: 100%;
		float: left;
		padding-left: 9px;
		padding-right: 9px;
	}
}

/*------------------------------------*    #FORM-GROUP
\*------------------------------------*/

.form-group {
	margin-bottom: 18px;
	position: relative;
}

.form-group input.ui-autocomplete-input {
	cursor: text;
}

/*.text-input-group{
    margin: 0;
}*/

/*------------------------------------*    #INPUT-GROUP
\*------------------------------------*/

.input-group {
	display: table;
	border-collapse: separate;
	width: 100%;
}

.input-group .text-input {
	position: relative;
	z-index: 20;
	float: left;
}

.input-group-add {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

/*------------------------------------*    #SELECT-GROUP
\*------------------------------------*/

select {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select--arrow,
select.ui-datepicker-month,
select.ui-datepicker-year {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9ImFycm93X3g1Rl9kb3duIj48cG9seWdvbiBmaWxsPSIjYmJiYmJiIiBwb2ludHM9IjUxMS44NiwxMjguMDA4IDI1NiwzODMuODUyIDAuMTQsMTI4LjAwOCIvPjwvZz48ZyBpZD0iQ2FwYV8xIj48L2c+PC9zdmc+) no-repeat calc(100% - 9px) calc(50% + 2px);
	background-size: 17px;
	background-color: white;
}

@media screen and (max-width: 44.9375em) {
	.select--arrow--hide-palm {
		background: none;
	}
}

.select--clock {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZyBmaWxsPSIjMjEyMTIxIj48cGF0aCBkPSJNMjU3LjEwOC4wODNDMTE1Ljc2OS4wODMgMS4xOTEgMTE0LjY2MSAxLjE5MSAyNTZjMCAxNDEuMzQgMTE0LjU3OCAyNTUuOTE2IDI1NS45MTcgMjU1LjkxNiAxNDEuMzM3IDAgMjU1LjkxNy0xMTQuNTc2IDI1NS45MTctMjU1LjkxNkM1MTMuMDI1IDExNC42NjEgMzk4LjQ0NS4wODMgMjU3LjEwOC4wODN6bTIxLjQxMyA0NTYuM2MuMDQ2LS42NTEuMDg3LTEuMzA1LjA4Ny0xLjk2OCAwLTEzLjczNS05LjYyNS0yNC44NjYtMjEuNS0yNC44NjZzLTIxLjUgMTEuMTMxLTIxLjUgMjQuODY2YzAgLjY2My4wNDEgMS4zMTYuMDg3IDEuOTY4LTk0LjA0Ny05Ljk4MS0xNjguOTgzLTg0LjkxMS0xNzguOTY5LTE3OC45NTYuNTU1LjAzMiAxLjEwNy4wNzQgMS42NzEuMDc0IDEzLjczNCAwIDI0Ljg2Ni05LjYyNiAyNC44NjYtMjEuNSAwLTExLjg3NS0xMS4xMzItMjEuNS0yNC44NjYtMjEuNS0uNTY0IDAtMS4xMTYuMDQxLTEuNjcxLjA3MiA5Ljk4OC05NC4wNjggODQuOTU4LTE2OS4wMTUgMTc5LjAzOS0xNzguOTY0LS4wOTUuOTktLjE1NyAxLjk5MS0uMTU3IDMuMDEzIDAgMTQuMzA4IDkuNjI1IDI1LjkwNSAyMS41IDI1LjkwNXMyMS41LTExLjU5OCAyMS41LTI1LjkwNWMwLTEuMDIxLS4wNjItMi4wMjItLjE1OC0zLjAxMyA5NC4xMjIgOS45NTMgMTY5LjExOCA4NC45NjEgMTc5LjA1NCAxNzkuMDg2LTEuMDg5LS4xMTUtMi4xODgtLjE5NS0zLjMxNS0uMTk1LTE0LjMwNyAwLTI1LjkwMyA5LjYyNS0yNS45MDMgMjEuNSAwIDExLjg3NCAxMS41OTcgMjEuNSAyNS45MDMgMjEuNSAxLjEyNyAwIDIuMjI3LS4wODEgMy4zMTUtLjE5Ny05LjkzMyA5NC4xMDMtODQuODk0IDE2OS4wOTYtMTc4Ljk4MyAxNzkuMDh6Ii8+PHBhdGggZD0iTTM3NS40MjQgMzU2LjM1M2wtODQuNTk0LTkxLjU3NGMuNzI5LTIuODA0IDEuMTE3LTUuNzQ2IDEuMTE3LTguNzc5IDAtMTEuNjczLTUuNzQ1LTIxLjk5OC0xNC41Ni0yOC4zMTlsLTMuMTg0LTEwMi4xNzJjMC05LjQ0MS03LjY1Mi0xNy4wOTYtMTcuMDk2LTE3LjA5Ni05LjQ0IDAtMTcuMDk2IDcuNjU0LTE3LjA5NiAxNy4wOTZsLTQuMDc1IDEwMi44MzFjLTguMzA2IDYuMzY4LTEzLjY2NyAxNi4zODYtMTMuNjY3IDI3LjY2MSAwIDE4Ljc4MyAxNC44NjggMzQuMDg3IDMzLjQ3NyAzNC44MDNsOTUuNTAyIDg5LjcyN2M2LjY3MyA2LjY3OCAxNy40OTcgNi42NzggMjQuMTc0IDAgNi42NzgtNi42NzcgNi42OC0xNy41MDEuMDAyLTI0LjE3OHoiLz48L2c+PC9zdmc+) no-repeat calc(100% - 9px) calc(50% + 2px);
	background-size: 17px;
	padding-right: 36px;
}

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

.select-group {
	position: relative;
	overflow: hidden;
}

.select-group select {
	padding-left: 0;
	width: calc(100% + 18px);
}

/*------------------------------------*    #LABEL
\*------------------------------------*/

label {
	display: block;
	margin-bottom: 5px;
}

.label-inuit-inline {
	display: inline-block;
	margin-bottom: 0;
}

.label-inuit-inline.black_friday {
	color: white;
}

.label--error {
	color: #C33A57 !important;
	cursor: default !important;
	float: left;
}

.label-top {
	margin-bottom: 2px;
	font-weight: 100;
	font-size: 12px;
}

.label-top:hover,
.label-top:active,
.label-top:focus {
	cursor: default;
}

/*------------------------------------*    #FORMS
\*------------------------------------*/

/**
 * A simple form object.
 */

/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */

.text-input {
	background-color: white;
	display: inline-block;
	/* [1] */
	vertical-align: middle;
	/* [2] */
	font: inherit;
	/* [3] */
	border: none;
	/* [4] */
	margin: 0;
	/* [4] */
	cursor: pointer;
	/* [5] */
	overflow: visible;
	/* [6] */
	padding: 0 8px;
	/* [7] */
	height: 36px;
	line-height: 36px;
	width: 100%;
	outline: none;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.text-input,
.text-input:hover,
.text-input:active,
.text-input:focus {
	text-decoration: none;
	/* [4] */
	color: #000;
}

/*------------------------------------*    #FORMS
\*------------------------------------*/

input[type='checkbox'] {
	height: 12px;
	margin: 0 0 1px 0;
	vertical-align: middle;
}

.list-radio,
.list-checkbox {
	display: inline-block;
	position: relative;
	height: 10px;
	width: 10px;
	border: 1px solid #009bf8;
	border-radius: 50%;
}

.list-radio>.list-checked,
.list-checkbox>.list-checked {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	background-color: #009bf8;
	border-radius: 50%;
}

.list-checkbox {
	border-radius: 20%;
}

.list-checkbox>.list-checked {
	border-radius: 20%;
}

.checkbox-label {
	display: inline;
}

/*------------------------------------*    #TABLES
\*------------------------------------*/

table {
	background-color: transparent;
}

th {
	text-align: left;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
	padding: 9px;
	line-height: 18px;
	vertical-align: top;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.table>tbody+tbody {
	border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.table .table {
	background-color: rgba(0, 0, 0, 0.017);
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
	padding: 5px;
}

.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 2px;
}

table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell;
}

.table--light .table--light__title {
	vertical-align: top;
}

.table--light .table--light__content {
	padding: 0 9px;
}

/*------------------------------------*    #FLAG
\*------------------------------------*/

/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */

/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */

.flag {
	display: table;
	/* [1] */
	width: 100%;
	/* [2] */
}

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */

.flag__img,
.flag__body {
	display: table-cell;
	vertical-align: middle;
	/* [1] */
}

/**
     * Flag images have a space between them and the body of the object.
     */

.flag__img {
	padding-right: 18px;
}

.flag__img>img {
	display: block;
	max-width: none;
}

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */

.flag__body {
	width: 100%;
	/* [1] */
}

.flag__body,
.flag__body> :last-child {
	margin-bottom: 0;
}

/*------------------------------------*    #PICKERS
\*------------------------------------*/

.picker,
.ui-autocomplete,
.search-shared__datepicker-container,
.search__col-flight-passengers-block {
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: #000;
	background-color: #fff;
	z-index: 80;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.04), 0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
}

/**
 * #COMPONENTS
 */

/*------------------------------------*    #FORMS
\*------------------------------------*/

.text-input.is-hightlight {
	border-color: #009bf8;
	box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.06);
}

.text-input.is-readonly {
	background-color: rgba(0, 0, 0, 0.017);
}

.text-input:not(.no-focus):active,
.text-input:not(.no-focus):focus,
.text-input.is-active {
	box-shadow: 0 0 4px #009bf8;
}

input.text-input {
	line-height: normal;
}

/*.text-input.is-active {
    color: darken($color-form-underline, 10%);
}*/

.text-input--underline,
.text-input--inline {
	width: 100%;
	padding-left: 2px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom: 2px solid #eeeeee;
	color: #009bf8;
	background-color: transparent;
	transition: color .2s, border-bottom .2s;
	outline: 0;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.8;
	font-weight: 600;
}

.text-input--underline:active,
.text-input--inline:active,
.text-input--underline:focus,
.text-input--inline:focus {
	border-bottom-color: #007bc5;
}

.text-input--underline:hover,
.text-input--inline:hover,
.text-input--underline:active,
.text-input--inline:active,
.text-input--underline:focus,
.text-input--inline:focus {
	color: #007bc5;
}

.text-input--inline {
	display: inline;
	max-width: 4em;
	padding: 0;
	text-align: center;
	line-height: 1;
	font-size: 1rem;
	margin: -2px 4.5px 0;
	border-color: rgba(0, 0, 0, 0.09);
}

.text-input--no-upper-border {
	margin-top: -1px;
}

.text-input--no-border {
	background-color: transparent !important;
	border: 0;
	padding-left: 0;
}

.icon__input--inline:before {
	position: absolute;
	right: .5em;
	bottom: .5em;
	font-size: 18px;
	z-index: 10;
	pointer-events: none;
	cursor: pointer;
}

.icon__input {
	position: absolute;
	right: 9px;
	bottom: 9px;
	font-size: 18px;
	z-index: 10;
	cursor: pointer;
}

.icon__input~.text-input,
.icon__input--inline>.text-input {
	padding-right: 36px;
}

.textInput--RightIcon--arrow {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+PGxpbmVhckdyYWRpZW50IGlkPSdncmFkaWVudCc+PHN0b3Agb2Zmc2V0PScxMCUnIHN0b3AtY29sb3I9JyNGMDAnLz48c3RvcCBvZmZzZXQ9JzkwJScgc3RvcC1jb2xvcj0nI2ZjYycvPiA8L2xpbmVhckdyYWRpZW50PjxyZWN0IGZpbGw9J3VybCgjZ3JhZGllbnQpJyB4PScwJyB5PScwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJy8+PC9zdmc+) no-repeat calc(100% - 10px) calc(50% + 2px);
	background-size: 15px 7px;
	background-color: white;
}

i.icon_modal_close {
	color: #C33A57;
	float: right;
	padding: 9px;
}

i.icon_modal_close:hover,
i.icon_modal_close:active,
i.icon_modal_close:focus {
	cursor: pointer;
	color: #fff;
	background-color: #C33A57;
}

.icon-inline {
	height: .9em;
	margin-top: -4px;
}

.icon_sun {
	width: 16px;
}

.icon_sun:before {
	color: #face1e;
}

.icon_moon {
	width: 14px;
}

.icon_moon:before {
	color: #009bf8;
}

.icon-badge {
	max-height: 1em;
	max-width: 1em;
}

/*------------------------------------*    #BUTTONS
\*------------------------------------*/

.frame-group {
	width: 100%;
}

.frame,
.frame--tainted,
.frame-single,
.frame-pdf,
.frame-single-pdf,
.resume-search,
.paginator {
	background-color: rgba(0, 0, 0, 0.017);
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.frame,
.frame--tainted,
.frame-single {
	padding-top: 18px;
	padding-left: 18px;
	padding-right: 18px;
	position: relative;
}

@media screen and (max-width: 44.9375em) {
	.frame,
	.frame--tainted,
	.frame-single {
		padding-top: 9px;
	}
}

.frame,
.frame--tainted {
	margin-left: 0 !important;
}

.frame-pdf,
.frame-single-pdf {
	padding: 18px 18px 0 18px;
	position: relative;
}

.frame-group>.frame,
.frame-group>.frame--tainted {
	margin-bottom: 0;
	margin-top: 0;
}

.frame-group>div:first-of-type:not(:last-of-type) {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
	margin-bottom: -1px;
}

.frame:not(.js-hidden)+.frame,
.frame--tainted:not(.js-hidden)+.frame,
.frame:not(.js-hidden)+.frame--tainted,
.frame--tainted:not(.js-hidden)+.frame--tainted {
	border-top-color: transparent;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
	z-index: 20;
}

.frame.js-hidden:not(:first-of-type)+.frame,
.js-hidden.frame--tainted:not(:first-of-type)+.frame,
.frame.js-hidden:not(:first-of-type)+.frame--tainted,
.js-hidden.frame--tainted:not(:first-of-type)+.frame--tainted {
	border-top-color: transparent;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.frame.js-hidden:first-of-type+.frame,
.js-hidden.frame--tainted:first-of-type+.frame,
.frame.js-hidden:first-of-type+.frame--tainted,
.js-hidden.frame--tainted:first-of-type+.frame--tainted {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.frame-group>div:last-of-type:not(:first-of-type),
.frame-group>div.frame.js-last,
.frame-group>div.js-last.frame--tainted {
	margin-top: -1px;
	border-top-color: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.frame--hero {
	color: #fff;
	background-color: #009bf8;
	border: 1px solid #46b9ff !important;
}

.frame--hero .type-main {
	color: #fff;
}

.frame--tainted {
	background-color: #e9f7ff;
}

.frame--borderless {
	background-color: rgba(0, 0, 0, 0.017);
}

.frame--light {
	padding-top: 18px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.frame--coupon {
	background-color: #c81111;
	padding-bottom: 18px;
}

@media screen and (max-width: 44.9375em) {
	.frame--coupon {
		padding-bottom: 9px;
	}
}

.frame--negative {
	color: #fff;
	background-color: #C33A57;
	border: 1px solid #d67489;
}

.frame--gradient {
	color: #fff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzM0YmFjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: #1e5799;
	backgr