/*
Theme Name: Newline Painting
Author: Newline Painting
Author URI: http://www.newlinepainting.com.au
Version: 1.0
*/

@charset "UTF-8";
/*------------------------------------*\
    #GRUB CLUB
\*------------------------------------*/
/*------------------------------------*\
    #DEFAULT SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    #INUIT SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    #STARTERIZED SETTINGS
\*------------------------------------*/
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/* --------------------------------------------------------------------------------------
+
+ STARTERIZED DEFAULT SETTINGS
+
-------------------------------------------------------------------------------------- */
/* turns on gradient support for IE9 */
/* turns off support for Mozilla prior to version 3.6 http://tiny.cc/42k3mw */
/* --------------------------------------------------------------------------------------
+
+ FUNCTIONS
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ EASING FUNCTIONS
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ MIXINS
+
-------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
+
+ ALIASES
+
-------------------------------------------------------------------------------------- */
/*------------------------------------*\
    #ALIASES
\*------------------------------------*/
/* --------------------------------------------------------------------------------------
+
+ VIEWPORT
+
-------------------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:300,700);
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * 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;
}

/*------------------------------------*\
    #FONTS
\*------------------------------------*/
@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Regular.otf") format("opentype"), url("fonts/ProximaNova-Regular.woff") format("woff"), url("fonts/ProximaNova-Regular.ttf") format("truetype"), url("fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Light.otf") format("opentype"), url("fonts/ProximaNova-Light.woff") format("woff"), url("fonts/ProximaNova-Light.ttf") format("truetype"), url("fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-LightIt.otf") format("opentype"), url("fonts/ProximaNova-LightIt.woff") format("woff"), url("fonts/ProximaNova-LightIt.ttf") format("truetype"), url("fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt") format("svg");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'ProximaNova';
    src: url("fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Bold.otf") format("opentype"), url("fonts/ProximaNova-Bold.woff") format("woff"), url("fonts/ProximaNova-Bold.ttf") format("truetype"), url("fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}
/*------------------------------------*\
    #SPRITES
\*------------------------------------*/
.social-sprite, .social-facebook, .social-instagram, .social-twitter, .social-yt {
    background-image: url('images/sprites/social-sab705a8695.png');
    background-repeat: no-repeat;
}

.social-facebook {
    background-position: 0 0;
    height: 61px;
    width: 61px;
}
.social-facebook:hover, .social-facebook.facebook-hover {
    background-position: 0 -61px;
}

.social-instagram {
    background-position: 0 -122px;
    height: 61px;
    width: 61px;
}
.social-instagram:hover, .social-instagram.instagram-hover {
    background-position: 0 -183px;
}

.social-twitter {
    background-position: 0 -244px;
    height: 61px;
    width: 61px;
}
.social-twitter:hover, .social-twitter.twitter-hover {
    background-position: 0 -305px;
}

.social-yt {
    background-position: 0 -366px;
    height: 61px;
    width: 61px;
}
.social-yt:hover, .social-yt.yt-hover {
    background-position: 0 -427px;
}

/* --------------------------------------------------------------------------------------
+
+ RESET - BUILDS ON TOP OF INUIT NORMALIZE AND RESET
+
-------------------------------------------------------------------------------------- */
audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
    /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
}

table {
    width: 100%;
}

[contenteditable] {
    outline: none;
}

input,
textarea {
    border-radius: 0;
    /* remove input border radius on mobile safari and mobile firefox */
}

select,
input,
textarea,
button {
    font-size: 16px;
    font-size: 1rem;
    /* font size for html element MUST be set to 10px for this to work */
    margin: 0;
    /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome */
}
select:focus,
input:focus,
textarea:focus,
button:focus {
    outline: none;
}

textarea {
    resize: vertical;
    /* Allow only vertical resizing of textareas */
    vertical-align: top;
    /* Improve readability and alignment in all browsers */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

/*------------------------------------*\
    #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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

/* --------------------------------------------------------------------------------------
+
+ SELECTION
+
-------------------------------------------------------------------------------------- */
::-moz-selection {
    background: rgba(50, 155, 221, 0.7);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(50, 155, 221, 0.7);
    color: #fff;
    text-shadow: none;
}

/*------------------------------------*\
    #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.5625;
    /* [1] */
    background-color: #fff;
    color: #333;
    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: "ProximaNova", sans-serif;
    overflow-x: hidden;
    min-height: 100%;
}

body {
    position: relative;
    -moz-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -o-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -webkit-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    left: 0;
}
body.has-active-nav {
    left: -260px;
}

section {
    padding: 70px 0;
}
@media screen and (max-width: 768px) {
    section {
        padding: 50px 0;
    }
}
@media screen and (max-width: 480px) {
    section {
        padding: 30px 0;
    }
}

.section--border-top {
    position: relative;
}
.section--border-top:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    height: 1px;
    background-color: #ddd;
    max-width: 1274px;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */
h1,
.alpha,
.typography h1,
.typography .alpha {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.38889;
}

h2,
.beta,
.typography h2,
.typography .beta {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.66667;
}

h3,
.gamma,
.typography h3,
.typography .gamma {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.04167;
}

h4,
.delta,
.typography h4,
.typography .delta {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
}

h5,
.epsilon,
.typography h5,
.typography .epsilon {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
}

h6,
.zeta,
.typography h6,
.typography .zeta {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.78571;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    color: #333;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: inherit;
}

h1,
.h1 {
    font-size: 54px;
    font-size: 3.375rem;
    line-height: 1.38889;
    font-weight: 700;
    line-height: 0.92;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    h1,
    .h1 {
        font-size: 45px;
        font-size: 2.8125rem;
        line-height: 1.11111;
    }
}
@media screen and (max-width: 480px) {
    h1,
    .h1 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 1.25;
    }
}

h2,
.h2 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1.13636;
    text-transform: uppercase;
}
.page-template-page-homepage-php h2, .page-template-page-homepage-php
.h2 {
    font-size: 64px;
    /*font-size: 4rem;*/
    font-size: 3.3rem;
    line-height: 1.17188;
    font-weight: 300; /*Manually changed from 600*/
}
@media screen and (max-width: 768px) {
    .page-template-page-homepage-php h2, .page-template-page-homepage-php
    .h2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 1.25;
    }
}
@media screen and (max-width: 480px) {
    .page-template-page-homepage-php h2, .page-template-page-homepage-php
    .h2 {
        font-size: 35px;
        font-size: 2.1875rem;
        line-height: 1.42857;
    }
}
@media screen and (max-width: 768px) {
    h2,
    .h2 {
        font-size: 50px;
        font-size: 3.125rem;
        line-height: 1;
    }
}
@media screen and (max-width: 480px) {
    h2,
    .h2 {
        font-size: 35px;
        font-size: 2.1875rem;
        line-height: 1.42857;
    }
}

h3,
.h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.66667;
}
@media screen and (max-width: 768px) {
    h3,
    .h3 {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1;
    }
}
@media screen and (max-width: 480px) {
    h3,
    .h3 {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1;
    }
}

h4,
.h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.13636;
}

h5,
.h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
}

h6,
.h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
}

/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/**
 * Typographical base selectors.
 */
/**
 * Horizontal rules.
 */
hr {
    background-color: none;
    border: none;
    border-bottom: 1px solid rgba(221, 220, 220, 0.5);
    height: 1px;
    margin-bottom: 25px;
}

/**
 * Typography.
 */
.typography h1,
.typography .alpha {
    line-height: 1.1;
    margin-bottom: .25em;
}
.typography h2,
.typography .beta {
    line-height: 1.2;
    margin-bottom: .25em;
}
.typography img:not(:last-child),
.typography p:not(:last-child),
.typography ul:not(:last-child),
.typography ol:not(:last-child),
.typography pre:not(:last-child),
.typography blockquote:not(:last-child),
.typography .embedded:not(:last-child) {
    margin-bottom: 25px;
}
.typography i,
.typography em {
    font-style: italic;
}
.typography b,
.typography strong {
    font-weight: 700;
}
.typography ul {
    list-style-type: disc;
}
.typography ol {
    list-style: decimal;
}
.typography ul,
.typography ol {
    margin-left: 1em;
    margin-right: 1em;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
a {
    transition: color .2s ease;
}

/*------------------------------------*\
    #LIST
\*------------------------------------*/
.list-checked li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.13636;
    font-weight: 300;
    color: #333;
}
.list-checked li:before {
    content: '';
    width: 30px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("images/icons/icon-checked.png");
}

/* --------------------------------------------------------------------------------------
+
+ LINK
+
-------------------------------------------------------------------------------------- */
a {
    color: blue;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger: en.wikipedia.org/wiki/Lede_(news)
 */
.lede {
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 1.20192;
}

/*------------------------------------*\
    #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] */
}

/**
 * If a `width` and/or `height` attribute have been explicitly defined, let’s
 * not make the image fluid.
 */
img[width],
img[height] {
    max-width: none;
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------------
+
+ BUTTONS
+
-------------------------------------------------------------------------------------- */
.btn {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    background: none !important;
    border: none !important;
    display: inline-block !important;
    line-height: normal !important;
    margin: 0 !important;
    /* remove margin for some browsers */
    padding: 0 !important;
    /* remove padding in Firefox */
    text-decoration: none !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.btn:hover {
    cursor: pointer !important;
    text-decoration: none !important;
}

.btn--full {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important;
    width: 100% !important;
    /* force 100% width for <button> */
}

/*------------------------------------*\
    #TABLEIZE
\*------------------------------------*/
/**
 * The `.tableize__content` serves as container for cell content. If you need
 * width or padding set on a cell, make sure you set it to `.tableize__content`
 * instead since that is what makes the whole thing work. That being said
 * `.tableize__content` is optional.

   <div class="tableize">
     <div class="tableize__cell">
       <div class="tableize__content">
         cell content
       </div>
     </div>
     <div class="tableize__cell">
       <div class="tableize__content">
         cell content
       </div>
     </div>
   </div>
*/
.tableize {
    display: table;
    width: 100%;
}

/**
 * Tableize cell.
 */
.tableize__cell {
    display: table-cell;
    vertical-align: top;
}

/**
 * Filler cell. There is no need for using this class if parent `.tableize`
 * has `.tableize--fixed` modifier.
 *
 * 1. Fills the rest of the row when one or more cells have fixed width.
 */
.tableize__cell--fill {
    width: 100%;
    /* [1] */
}

/**
 * Middle tableize aligns tableize cell to their middles.
 */
.tableize--middle > .tableize__cell {
    vertical-align: middle;
}

/**
 * Bottom tableize aligns tableize cell to their bottom.
 */
.tableize--bottom > .tableize__cell {
    vertical-align: bottom;
}

/**
 * Fixed tableize makes:
 * - all cells occupy equal width or
 * - if one (or more) cells are fixed (or percentage base) width
 *   the remaining columns will occupy rest of the available space.
 *
 * More info about `table-layout: fixed;` at
 * http://css-tricks.com/fixing-tables-long-strings/
 */
.tableize--fixed {
    table-layout: fixed;
}

/**
 * Full height tableize.
 */
.tableize--full {
    height: 100%;
}
.tableize--full > .tableize__cell,
.tableize--full > .tableize__cell > .tableize__content {
    height: inherit;
}

/* --------------------------------------------------------------------------------------
+
+ JUSTIFIZE
+
-------------------------------------------------------------------------------------- */
/*
    http://www.css-101.org/articles/responsive-boxes/magic-boxes.php

    <div class="justifize">
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
      <div class="justifize__box">
        justifize box content
      </div>
    </div>
*/
.justifize {
    font-size: 1px;
    /* IE 9, 10, 11 FIX */
    text-align: justify;
}
.justifize:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.justifize__box {
    font-size: 16px;
    font-size: 1rem;
    /* font size for html element MUST be set to 10px for this to work */
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.justifize--top .justifize__box {
    vertical-align: top;
}
.justifize--bottom .justifize__box {
    vertical-align: bottom;
}

/*------------------------------------*\
    #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: 25px;
}
.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;
}

/**
 * Tiny flags.
 */
.flag--tiny {
    /**
     * Tiny reversed flags.
     */
}
.flag--tiny > .flag__img {
    padding-right: 6px;
}
.flag--tiny.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 6px;
}

/**
 * Small flags.
 */
.flag--small {
    /**
     * Small reversed flags.
     */
}
.flag--small > .flag__img {
    padding-right: 13px;
}
.flag--small.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 13px;
}

/**
 * Large flags.
 */
.flag--large {
    /**
     * Large reversed flags.
     */
}
.flag--large > .flag__img {
    padding-right: 50px;
}
.flag--large.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 50px;
}

/**
 * Huge flags.
 */
.flag--huge {
    /**
     * Huge reversed flags.
     */
}
.flag--huge > .flag__img {
    padding-right: 100px;
}
.flag--huge.flag--rev > .flag__img {
    padding-right: 0;
    padding-left: 100px;
}

/**
 * Reversed flag objects have their image-content to the right, and text-content
 * to the left.
 *
 * 1. Swap the rendered direction of the object…
 * 2. …and reset it.
 * 3. Reassign margins to the correct sides.
 */
.flag--rev {
    direction: rtl;
    /* [1] */
}
.flag--rev > .flag__img,
.flag--rev > .flag__body {
    direction: ltr;
    /* [2] */
}
.flag--rev > .flag__img {
    padding-right: 0;
    /* [3] */
    padding-left: 25px;
    /* [3] */
}

/**
 * Flush flag objects have no space between the image- and text-content.
 */
.flag--flush > .flag__img {
    padding-right: 0;
    padding-left: 0;
}

/**
 * Vertically top aligned flag objects.
 */
.flag--top > .flag__img,
.flag--top > .flag__body {
    vertical-align: top;
}

/**
 * Vertically bottom aligned flag objects.
 */
.flag--bottom > .flag__img,
.flag--bottom > .flag__body {
    vertical-align: bottom;
}

/**
 * Responsive flag objects.
 *
 * There is a very pragmatic, simple implementation of a responsive flag
 * object, which simply places the text-content beneath the image-content.
 *
 * We use a `max-width` media query because:
 *
 * a) it is the least verbose method in terms of amount of code required.
 * b) the flag object’s default state is image-next-to-text, so its stacked
 *    state is the exception, rather than the rule.
 */
@media screen and (max-width: 720px) {
    .flag--responsive {
        /**
         * Disable reversal of content because there is no concept of
         * ‘reversed’ in a stacked layout.
         */
        direction: ltr;
        /**
         * Rework the spacings on regular flag objects.
         */
        /**
         * Tiny responsive flags.
         *
         * Take a little more heavy-handed approach to reworking
         * spacings on flags that are also tiny flags in their regular
         * state.
         */
        /**
         * Small responsive flags.
         *
         * Take a little more heavy-handed approach to reworking
         * spacings on flags that are also small flags in their regular
         * state.
         */
        /**
         * Large responsive flags.
         *
         * Take a little more heavy-handed approach to reworking
         * spacings on flags that are also large flags in their regular
         * state.
         */
        /**
         * Huge responsive flags.
         *
         * Take a little more heavy-handed approach to reworking
         * spacings on flags that are also huge flags in their regular
         * state.
         */
    }
    .flag--responsive,
    .flag--responsive > .flag__img,
    .flag--responsive > .flag__body {
        display: block;
    }
    .flag--responsive > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 25px;
    }
    .flag--responsive.flag--tiny > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 6px;
    }
    .flag--responsive.flag--small > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 13px;
    }
    .flag--responsive.flag--large > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 50px;
    }
    .flag--responsive.flag--huge > .flag__img {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 100px;
    }
}
/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
    display: block;
}

.media__img {
    float: left;
    margin-right: 25px;
}
.media__img > img {
    display: block;
}

.media__body {
    overflow: hidden;
    display: block;
}
.media__body,
.media__body > :last-child {
    margin-bottom: 0;
}

/*------------------------------------*\
    #CONTAINER
\*------------------------------------*/
.container {
    margin: 0 auto;
    max-width: 1274px;
    padding-left: 25px;
    padding-right: 25px;
}
@media screen and (max-width: 480px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.container--middle {
    max-width: 1050px;
}

.container--small {
    max-width: 814px;
}

/*------------------------------------*\
    #EMBEDDED
\*------------------------------------*/
/*
    BASED ON https://github.com/suitcss/components-flex-embed/blob/master/flex-embed.css, mashed up with http://www.mademyday.de/css-height-equals-width-with-pure-css.html

    <div class="embedded">
      [iframe|object|embed]
    </div>
*/
.embedded {
    display: block;
    overflow: hidden;
    position: relative;
    /**
     * Descendant: media element
     *
     * Utility of the component is improved by provide an explicit descendant
     * class. However, it will work automatically for iframes, embeds, and objects
     * to account for times when you cannot modify the attributes for 3rd party
     * widget code.
     */
    /**
     * A pseudo-element shunt is used to provide support for `max-height`. The
     * `max-height` property has no affect when using a percentage-padding to set
     * the aspect ratio.
     */
}
.embedded .embedded__item,
.embedded video,
.embedded iframe,
.embedded embed,
.embedded object {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.embedded:before {
    content: "";
    display: block;
    padding-bottom: 100%;
    /* initial ratio of 1:1*/
    width: 100%;
}

/**
 * Modifier: 3:1 aspect ratio
 */
.embedded--3by1:before {
    padding-bottom: 33%;
}

/**
 * Modifier: 2:1 aspect ratio
 */
.embedded--2by1:before {
    padding-bottom: 50%;
}

/**
 * Modifier: 16:9 aspect ratio
 */
.embedded--16by9:before {
    padding-bottom: 56.25%;
}

/**
 * Modifier: 4:3 aspect ratio
 */
.embedded--4by3:before {
    padding-bottom: 75%;
}

.embedded--center .embedded__item,
.embedded--center video,
.embedded--center iframe,
.embedded--center embed,
.embedded--center objectd {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
.icon {
    display: inline-block;
    fill: currentColor;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

/*------------------------------------*\
    #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;
}

/**
 * Comma delimited list to semantically mark up lists of tags, etc.
 *
 * N.B. This component requires that you remove the whitespace between LIs.
 *      The simplest (and valid) way to achieve this is by omitting the
 *      closing `</li>` tag.
 */
.list-inline--delimited > li + li:before {
    content: ", ";
}

/*------------------------------------*\
    #BOX
\*------------------------------------*/
/**
 * The box object simply boxes off content.
 */
/**
 * 1. So we can apply the `.box` class to naturally-inline elements.
 */
.box {
    display: block;
    /* [1] */
    padding: 25px;
}
.box > :last-child {
    margin-bottom: 0;
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -25px;
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.layout__item {
    display: inline-block;
    /* [1] */
    padding-left: 25px;
    /* [2] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */
}

/**
 * Layouts with tiny gutters.
 */
.layout--tiny {
    margin-left: -6px;
}
.layout--tiny > .layout__item {
    padding-left: 6px;
}

/**
 * Layouts with small gutters.
 */
.layout--small {
    margin-left: -13px;
}
.layout--small > .layout__item {
    padding-left: 13px;
}

/**
 * Layouts with large gutters.
 */
.layout--large {
    margin-left: -50px;
}
.layout--large > .layout__item {
    padding-left: 50px;
}

/**
 * Layouts with huge gutters.
 */
.layout--huge {
    margin-left: -100px;
}
.layout--huge > .layout__item {
    padding-left: 100px;
}

/**
 * Layouts with no gutters.
 */
.layout--flush {
    margin-left: 0;
}
.layout--flush > .layout__item {
    padding-left: 0;
}

/**
 * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
 * markup will display in order 4, 3, 2, 1 on your page.
 */
.layout--rev {
    direction: rtl;
    text-align: left;
}
.layout--rev > .layout__item {
    direction: ltr;
    text-align: left;
}

/**
 * Align layout items to the vertical centers of each other.
 */
.layout--middle > .layout__item {
    vertical-align: middle;
}

/**
 * Align layout items to the vertical bottoms of each other.
 */
.layout--bottom > .layout__item {
    vertical-align: bottom;
}

/**
 * Make the layout items fill up from the right hand side.
 */
.layout--right {
    text-align: right;
}
.layout--right > .layout__item {
    text-align: left;
}

/**
 * Make the layout items fill up from the center outward.
 */
.layout--center {
    text-align: center;
}
.layout--center > .layout__item {
    text-align: left;
}

/**
 * Cause layout items to take up a non-explicit amount of width.
 */
.layout--auto > .layout__item {
    width: auto;
}

/*------------------------------------*\
    #LAYOUT-WHITESPACE-FIX
\*------------------------------------*/
/**
 * The inuitcss layout system uses `display: inline-block;` means that
 * the layout items need their whitespace removing in order for them
 * to work correctly.
 *
 * This extension is based on the font size zero method.
 * Use it only if you can't remove whitespace directly in your HTML.
 *
 * 1. Remove whitespace between child element.
 * 2. Restore font-size to `$inuit-base-font-size` using `font-size` mixin.
 */
.layout {
    font-size: 0;
    /* [1] */
}

.layout__item {
    font-size: 16px;
    font-size: 1rem;
    /* [2] */
}

/*------------------------------------*\
        #LAYOUT-BOTTOM-GUTTERS
\*------------------------------------*/
/**
 * This extension uses an `:after` pseudo element with negative top margin
 * applied to `.layout` object to negate layout items bottom margin.
 */
/**
 * Default layout.
 *
 * 1. Make sure `:after` pseudo element takes the whole width of its parent.
 * 2. Negate layout item's bottom margin.
 */
.layout:after {
    content: "";
    display: block;
    /* [1] */
    margin-top: -25px;
    /* [2] */
}

.layout__item {
    margin-bottom: 25px;
}

/**
 * Layouts with tiny gutters.
 */
.layout--tiny:after {
    margin-top: -6px;
}
.layout--tiny > .layout__item {
    margin-bottom: 6px;
}

/**
 * Layouts with small gutters.
 */
.layout--small:after {
    margin-top: -13px;
}
.layout--small > .layout__item {
    margin-bottom: 13px;
}

/**
 * Layouts with large gutters.
 */
.layout--large:after {
    margin-top: -50px;
}
.layout--large > .layout__item {
    margin-bottom: 50px;
}

/**
 * Layouts with huge gutters.
 */
.layout--huge:after {
    margin-top: -100px;
}
.layout--huge > .layout__item {
    margin-bottom: 100px;
}

/**
 * Layouts with no gutters.
 */
.layout--flush:after {
    margin-top: 0;
}
.layout--flush > .layout__item {
    margin-bottom: 0;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel .owl-rtl {
    direction: rtl;
}

.owl-carousel .owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/* ===========================================================
 *
 *  Name:          selectordie_dev.css
 *  Updated:       2014-10-10
 *  Created by:    Per V @ Vst.mn
 *  What?:         Base CSS for Select or Die
 *
 *  Copyright (c) 2014 Per Vestman
 *  Dual licensed under the MIT and GPL licenses.
 *
 *  No, I don't usually comment my CSS, but in this
 *  case it might "help" someone.
 *
 *  Oddny | Cogs 'n Kegs
 * =========================================================== */
/* Remove, change to fit your needs */
.sod_select,
.sod_select * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 200px;
    padding: 15px 10px;
    border: 3px solid #5e5e5e;
    background: #ffffff;
    color: #444444;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    outline: 0;
    outline-offset: -2px;
    /* Opera */
    cursor: default;
}

/* Up/Down arrows */
.sod_select:before,
.sod_select:after {
    content: "\25B2";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 7px;
}

/* Down arrow */
.sod_select:after {
    content: "\25BC";
    top: auto;
    bottom: 12px;
}

/* Change the border color on hover, focus and when open */
.sod_select:hover,
.sod_select.open,
.sod_select.focus {
    border-color: #000000;
}

.sod_select.open {
    color: #919191;
}

.sod_select.focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
    border-color: #828282;
    color: #b2b2b2;
    cursor: not-allowed;
}

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px;
}

.sod_select .sod_prefix {
    /* Use this if you're using a prefix and want to style it */
}

.sod_select .sod_placeholder {
    /* Use this if you're using a placeholder and want to style it */
}

/* Options list wrapper */
.sod_select .sod_list_wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    height: auto;
    width: 200px;
    margin: 0 0 0 -3px;
    background: #ffffff;
    border: 3px solid #000000;
    border-top: none;
    color: #444444;
    font-weight: 300;
    z-index: 1;
}

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
    display: block;
}

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
    display: none;
}

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
    top: auto;
    bottom: 100%;
    border-top: 3px solid #000000;
    border-bottom: none;
}

/* Options list container */
.sod_select .sod_list {
    display: block;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 10px 10px;
    list-style-type: none;
}

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
    padding-left: 20px;
}

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
    display: none;
}

/* Disabled option */
.sod_select .sod_option.disabled {
    background: inherit;
    color: #cccccc;
}

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
    background: #f7f7f7;
    color: #333333;
}

/*Make room for the check mark */
.sod_select .sod_option.selected {
    font-weight: 700;
    padding-right: 25px;
}

/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #808080;
    height: 9px;
    width: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
}

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
    font-weight: 300;
}

.sod_select.no_highlight .sod_option.selected:before {
    display: none;
}

.sod_select .sod_option.link {
    /* If data-link is set on a specific option */
}

.sod_select .sod_option.linkexternal {
    /* If data-link-external is set on a specific option */
}

/* Hide native select */
.sod_select select {
    display: none !important;
}

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

/*------------------------------------*\
    #SITE LOGO
\*------------------------------------*/
.site-logo {
    display: inline-block;
    vertical-align: middle;
}
.site-logo > img {
    height: auto;
    vertical-align: middle;
    width: 181px;
}
.site-logo:hover {
    text-decoration: none;
}

/*------------------------------------*\
    #FOOTER MAIN
\*------------------------------------*/
.footer-main {
    background-color: #000;
    color: #999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    clear: both;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-main .social-icons {
    margin-bottom: 35px;
}
.footer-main .social-icons a {
    width: 44px;
    height: 44px;
    display: block;
    background-image: url("images/social-sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.footer-main .social-icons .social-icons__facebook:hover {
    background-position: 0 -44px;
}
.footer-main .social-icons .social-icons__twitter {
    background-position: 0 -88px;
}
.footer-main .social-icons .social-icons__twitter:hover {
    background-position: 0 -132px;
}
.footer-main .social-icons .social-icons__instagram {
    background-position: 0 -176px;
}
.footer-main .social-icons .social-icons__instagram:hover {
    background-position: 0 -220px;
}
.footer-main .social-icons .social-icons__youtube {
    background-position: 0 -264px;
}
.footer-main .social-icons .social-icons__youtube:hover {
    background-position: 0 -308px;
}

.footer-main__content {
    padding: 70px 0;
}
.footer-main__content h2 {
    font-size: 14px;
    font-weight: 400;
    color: white;
    margin-bottom: 15px;
}
.footer-main__content li {
    margin-bottom: 5px;
}
.footer-main__content li a {
    color: #798079;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-main__content li a:hover {
    color: #adb2ad;
}

.footer-main__bar {
    background-color: #0d0b0b;
    padding: 20px 0;
}
.footer-main__bar small {
    font-size: 14px;
    font-weight: 300;
    color: #4c4c4c;
    padding: 15px 0;
    display: block;
}
.footer-main__bar .btn--primary {
    height: 41px !important;
    line-height: 41px !important;
}

/*------------------------------------*\
    #HEADER MAIN
\*------------------------------------*/
.header-main {
    background-color: #000;
    padding: 10px;
    height: 105px;
    position: relative;
    z-index: 100;
    background-color: white;
}
.page-template-page-homepage-php .header-main, .page-template-page-blog .header-main {
    background-color: white;
	
}
.header-main .justifize {
    position: relative;
    top: 8px;
}
@media screen and (max-width: 480px) {
    .header-main {
        position: relative;
    }
    .header-main .justifize__box {
        display: block;
        width: 100%;
    }
}

.header-main__logo {
    position: relative;
}
.header-main__logo img {
    max-width: 100%;
}
@media screen and (max-width: 480px) {
    .header-main__logo {
        max-width: 60%;
        display: block;
        position: absolute;
        margin-top: -5px;
    }
}

.header-main__nav a {
    color: #0b283d;
    font-weight:400;
	font-size:18px;
}
.header-main__nav a:hover {
    color: #666666;
    text-decoration: none;
}

.header-main__nav--desktop li {
    margin-left: 40px;
}
@media screen and (max-width: 950px) {
    .header-main__nav--desktop {
        display: none;
    }
}

.header-main__nav--mobile {
    display: none;
    position: fixed;
    right: -260px;
    top: 0;
    min-height: 200vw;
    box-shadow: inset 0 0 5px 5px #222;
    background-color: #333;
    width: 260px;
    -moz-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -o-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    -webkit-transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
    transition: all 0.25s cubic-bezier(0.76, 0.17, 0.33, 0.95);
}
.header-main__nav--mobile a {
    display: block;
    padding: 15px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: white;
}
.header-main__nav--mobile a:hover {
    box-shadow: inset 0 0 15px 3px #222;
    text-decoration: none;
    color: white;
}
.header-main__nav--mobile li {
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a;
}
@media screen and (max-width: 950px) {
    .header-main__nav--mobile {
        display: block;
    }
}
.has-active-nav .header-main__nav--mobile {
    right: 0;
}

.header-main__nav-trigger {
    display: none;
    position: absolute;
    right: 20px;
    top: 28px;
}
@media screen and (max-width: 950px) {
    .header-main__nav-trigger {
        display: block;
    }
}

/*------------------------------------*\
    #JQUERY UI
\*------------------------------------*/
/* --------------------------------------------------------------------------------------
+
+ Jquery UI
+
-------------------------------------------------------------------------------------- */
input[type="text"].datepicker {
    padding: 0 15px;
}

.datepicker {
    background: url('../src/images/select_arrow.png') no-repeat 95% 50%;
}

.ui-datepicker {
    width: 17em;
    padding: 0;
    display: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.ui-datepicker-calendar tbody {
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: black;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 13px;
    background: url('../src/images/calendar_arrows.png') no-repeat 0 0;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: -10px 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.ui-datepicker th {
    padding: 0;
    text-align: center;
    font-weight: bold;
    border: 0;
    padding: 3px 0 6px;
}
.ui-datepicker th span {
    text-transform: uppercase;
    font-size: 11px;
}

.ui-datepicker tr:first-child {
    border-top: 4px solid white;
}
.ui-datepicker tr:last-child {
    border-bottom: 4px solid white;
}

.ui-datepicker td {
    text-align: center;
    border: 0;
    background-color: white;
    padding: 4px 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* Component containers
----------------------------------*/
.ui-datepicker.ui-widget {
    font-size: 1.1em;
}
.ui-datepicker.ui-widget .ui-datepicker.ui-widget {
    font-size: 1em;
}
.ui-datepicker.ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button {
    font-size: 1em;
}
.ui-datepicker.ui-widget-content {
    border: none;
    background: #eeeeee;
    color: #333333;
}
.ui-datepicker.ui-widget-content a {
    color: #333333;
}
.ui-datepicker .ui-widget-header {
    border: 1px solid #110600;
    background: #110600;
    color: #ffffff;
    font-weight: bold;
}
.ui-datepicker .ui-widget-header a {
    color: #ffffff;
}

.datepicker {
    cursor: pointer;
}

.datepicker-arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px;
    background-image: url("images/icons/icon-arrow-down.png");
    width: 43px;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 43px;
    display: block;
}

/* Interaction states
----------------------------------*/
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
    background: #fff;
    font-weight: bold;
    color: #372f2b;
    height: 37px;
    line-height: 37px;
    width: 37px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e0e0e0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.ui-datepicker.ui-widget-content .ui-state-default:first-child td,
.ui-datepicker .ui-widget-header .ui-state-default:first-child td {
    border-left: 1px solid #e0e0e0;
}

.ui-datepicker.ui-state-default a, .ui-datepicker.ui-state-default a:link, .ui-datepicker.ui-state-default a:visited {
    color: #372f2b;
    text-decoration: none;
}
.ui-datepicker .ui-state-active {
    background-color: #d65c5c !important;
    color: white !important;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-datepicker .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #cc3333 !important;
    color: white !important;
}

.ui-state-highlight a,
.ui-datepicker .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: white !important;
}

.ui-state-error,
.ui-datepicker .ui-state-error,
.ui-widget-header .ui-state-error {
    border: none;
    background: #b81900;
    color: #ffffff;
}

.ui-state-error a,
.ui-datepicker .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-datepicker .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-datepicker .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-datepicker .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-datepicker .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */
}

.ui-datepicker-other-month {
    background-color: #dddddd;
}

/*!
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider-wrap {
    background-color: rgba(255, 255, 255, 0.2);
    position: relative;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider {
    position: relative;
    text-align: left;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    height: 12px;
    margin-right: 14px;
    margin-left: 23px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 39px;
    height: 36px;
    background: url('../src/images/ui-slider/slider.png') no-repeat 0 0;
    background-image: url("images/ui-slider/slider.png");
    cursor: url("images/openhand.cur.ico") 4 4, move;
    outline: none !important;
    margin-left: -24px;
    margin-top: -12px;
}
.ui-slider .ui-slider-handle:active {
    cursor: url("images/closedhand.cur.ico") 4 4, move;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.slider-result-wrap {
    color: white;
    white-space: nowrap;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    width: 115px;
}

.slider-result {
    background-color: transparent;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    font-size: 18px !important;
    border: none;
    outline: none;
    display: inline-block;
    width: 20px !important;
    padding: 0 !important;
}

/*------------------------------------*\
    #INPUTS
\*------------------------------------*/
/**
 * Base input styles.
 */
.input {
    -webkit-appearance: none;
    /* removing inner shadow on iOS inputs */
    -webkit-font-smoothing: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: none;
    border: none;
    color: #333;
    display: inline-block;
    font-family: "ProximaNova", sans-serif;
    font-size: 16px;
    padding: 0;
    /* remove browser defaults */
    vertical-align: middle;
    width: 100%;
}
.input:invalid {
    box-shadow: none;
    /* fixes mozilla red outline (shadow) */
}
.input[readonly] {
    cursor: text;
}
.input::-ms-clear {
    display: none;
    /* remove IE clear icon */
}

/**
 * Primary input.
 */
.input--primary {
    border: 1px solid #c6c6c7;
    padding: 0 15px;
    font-weight: 300;
    color: #3a3c41;
    height: 45px;
    /**
     * @hover
     */
    /**
     * @focus
     */
    /**
     * Error state.
     */
}
.input--primary:hover {
    border: 1px solid #acacae;
}
.input--primary:focus {
    border: 1px solid #acacae;
}
.is-error .input--primary, .input--primary.is-error {
    border-color: #ff8688;
}
.footer-main .input--primary {
    background-color: white !important;
    color: #333 !important;
    height: 45px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: none;
    border-radius: 30px 0 0 30px !important;
}
.page-template-page-help .subheader .input--primary {
    padding-left: 50px;
    border: 1px solid white !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    height: 52px !important;
    border-radius: 4px !important;
    color: white !important;
}

.input--card {
    font-size: 15px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.input--full {
    width: 100% !important;
    max-width: 100% !important;
}

/**
 * Textarea input.
 */
.input--textarea {
    resize: none;
    min-height: 150px;
    padding: 10px 15px;
    max-width: 100%;
}

.input--w340 {
    width: 100% !important;
    max-width: 340px !important;
}

/*------------------------------------*\
    #ACCORDION
\*------------------------------------*/
.accordion {
    margin-bottom: 10px;
}
.accordion h4 {
    color: #3a3c41;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.accordion h4:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background-image: url("images/icons/icon-plus-red.png");
    position: absolute;
    left: 0;
    top: 14px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.accordion.is-active h4 {
    color: #cc3333;
    font-weight: 700;
}
.accordion.is-active h4:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion__hidden {
    padding-top: 10px;
    color: #3a3c41;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
}

/*------------------------------------*\
    #PRIMARY BUTTON
\*------------------------------------*/
/**
 * Primary button.
 */
.btn--primary {
    -webkit-font-smoothing: inherit;
    transition: all .2s ease;
    /*background-color: #cc3333 !important;*/
    background-color: #ff684c  !important;
    color: white !important;
    font-weight: 700;
    font-family: "ProximaNova", sans-serif !important;
    height: 60px !important;
    line-height: 62px !important;
    padding: 0 20px !important;
    text-align: center !important;
    font-size: 18px !important;
    box-sizing: border-box;
    /*border-radius: 30px;*/
    border-radius: 2px;
    max-width: 100%;
    width: 368px;
    /**
     * @hover
     */
    /**
     * @active
     */
    /**
     * @disabled
     */
}
.btn--primary:not(:disabled):hover, .btn--primary:not(:disabled):focus {
    /*background-color: #a32929 !important;*/
    background-color: white  !important;
}	
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus {
    color:#ff684c!important;
}	
.wpcf7-form-control .btn--primary:not(:disabled):hover, input.btn--primary:not(:disabled):focus {
    color:#ff684c!important;
}	
.btn--primary:not(:disabled):active {
    /*background-color: #1078a8 !important;*/
    background-color: #0e9edf !important;
}
.btn--primary:disabled {
    opacity: .5;
    cursor: default !important;
}
.page-template-page-homepage-php .subheader .btn--primary {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
    width: 100%;
    max-width: 400px;
    padding: 0 !important;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .page-template-page-homepage-php .subheader .btn--primary {
        margin-bottom: 30px !important;
    }
}
.page-template-page-help .subheader .btn--primary {
    height: 52px !important;
    line-height: 52px !important;
    width: 84px !important;
    padding: 0 !important;
    border-radius: 4px !important;
}
.footer-main__content .btn--primary {
    width: 82px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 0 30px 30px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    height: 45px !important;
    line-height: 49px !important;
}

.btn--small {
    width: 230px;
    font-size: 16px;
    font-weight: 700;
}

.btn--extrasmall {
    width: 146px;
    font-size: 16px;
    font-weight: 700;
}

.btn--medium {
    width: 274px;
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.btn--transparent {
    background-color: transparent !important;
    border: 2px solid #ff684c !important;
    color: #333 !important;
    line-height: 58px !important;
    font-weight: 700 !important;
    width: auto !important;
    padding: 0 30px !important;
    font-size: 16px !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--transparent:not(:disabled):hover, .btn--transparent:not(:disabled):focus {
    background-color: transparent !important;
    border: 2px solid #ff684c !important;
    color: #ff684c !important;
}
.btn--transparent:not(:disabled):active {
    background-color: transparent !important;
}
.footer-main__bar .btn--transparent {
    width: 142px !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 0 !important;
    font-size: 12px !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.footer-main__bar .btn--transparent:not(:disabled):hover, .footer-main__bar .btn--transparent:not(:disabled):focus {
    background-color: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    color: #cccccc !important;
}
.footer-main__bar .btn--transparent:not(:disabled):active {
    background-color: transparent !important;
}

.btn--transparent-gray {
    border: 1px solid #36373b !important;
    color: #36373b !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--transparent-gray:not(:disabled):hover, .btn--transparent-gray:not(:disabled):focus {
    border: 1px solid #676970 !important;
    color: #676970 !important;
}
.btn--transparent-gray:not(:disabled):active {
    background-color: transparent !important;
}
.footer-main__bar .btn--transparent-gray {
    width: 142px !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 0 !important;
    font-size: 12px !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.footer-main__bar .btn--transparent-gray:not(:disabled):hover, .footer-main__bar .btn--transparent-gray:not(:disabled):focus {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    color: #cccccc !important;
}
.footer-main__bar .btn--transparent-gray:not(:disabled):active {
    background-color: transparent !important;
}

.btn--transparent-white {
    background-color: transparent !important;
    border: 1px solid white !important;
    border-radius: 2px !important;
    color: white !important;
    line-height: 53px !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--transparent-white:not(:disabled):hover, .btn--transparent-white:not(:disabled):focus {
    background-color: transparent !important;
    border: 1px solid gray !important;
    color: gray !important;
}
.btn--transparent-white:not(:disabled):active {
    background-color: transparent !important;
}

.btn--green {
    background-color: #00c072 !important;
    border: none !important;
    border-radius: 2px !important;
    color: white !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--green:not(:disabled):hover, .btn--green:not(:disabled):focus {
    background-color: #00a763 !important;
}
.btn--green:not(:disabled):active {
    background-color: #008d54 !important;
}
.btn--blue {
    background-color: #ff684c  !important;
    border: none !important;
    border-radius: 2px !important;
    color: white !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--blue:not(:disabled):hover, .btn--blue:not(:disabled):focus {
    background-color: #FF8670 !important;
}
.btn--blue:not(:disabled):active {
    background-color: #008d54 !important;
}

.btn--yellow {
    background-color: #ffcc00 !important;
    border: none !important;
    color: #000 !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--yellow:not(:disabled):hover, .btn--yellow:not(:disabled):focus {
    background-color: #e6b800 !important;
}
.btn--yellow:not(:disabled):active {
    background-color: #cca300 !important;
}

.btn--radius-none {
    border-radius: 0 !important;
}

.btn--dark {
    background-color: #333 !important;
    border: none !important;
    border-radius: 2px !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 21px !important;
    /**
     * @hover
     */
    /**
     * @active
     */
}
.btn--dark:not(:disabled):hover, .btn--dark:not(:disabled):focus {
    background-color: #404040 !important;
}
.btn--dark:not(:disabled):active {
    background-color: #4d4d4d !important;
}

.btn--h45 {
    height: 45px !important;
    line-height: 47px !important;
}

.btn--h52 {
    height: 52px !important;
    line-height: 54px !important;
}

.btn--w210 {
    width: 210px !important;
}

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

.btn--small-radius {
    border-radius: 3px !important;
}

/*------------------------------------*\
    #CHECKBOX
\*------------------------------------*/
.checkbox_wrap {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
}

.styled-checkbox--icon {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
}

.styled-checkbox--icon:checked + label {
    background-color: #cc3333;
}
.styled-checkbox--icon:checked + label span {
    font-weight: 400;
}
.styled-checkbox--icon:checked + label img {
    top: -65px !important;
}
.styled-checkbox--icon:checked + label:hover {
    background-color: #cc3333;
}
.styled-checkbox--icon:checked ~ p {
    font-weight: 400;
    top: 1px;
}
.styled-checkbox--icon + label {
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    height: 65px;
    text-align: center;
    border: 1px solid #dedede;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    border-radius: 4px;
    margin-bottom: 15px;
}
.styled-checkbox--icon + label img {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    max-width: none;
}
.styled-checkbox--icon + label .img-wrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
}
.styled-checkbox--icon + label:hover {
    background-color: rgba(204, 51, 51, 0.2);
}
.styled-checkbox--icon + label:hover img {
    top: -65px;
}
.styled-checkbox--icon + label span {
    font-size: 14px;
    padding-top: 4px;
    display: block;
}
.styled-checkbox--icon + label ~ p {
    font-size: 14px;
    font-weight: 300;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.styled-checkbox--icon[disabled] + label {
    color: #a1a9b3 !important;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    cursor: default;
}

/* default checkbox */
.styled-checkbox--default {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
}

.styled-checkbox--default + label {
    position: relative;
    padding-left: 29px;
    color: black;
    cursor: pointer;
}

.styled-checkbox--default + label span {
    display: inline-block;
    visibility: visible;
    width: 18px;
    height: 18px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: white;
    border: 1px solid #b5b7b9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 300;
    color: #727375;
}
.styled-checkbox--default + label span b {
    position: absolute;
    height: 7px;
    width: 11px;
    display: block;
    left: 3px;
    top: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.styled-checkbox--default + label span b:before, .styled-checkbox--default + label span b:after {
    content: '';
    display: block;
    width: 3px;
    height: 0;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.styled-checkbox--default + label span b:before {
    bottom: auto;
    top: 0;
}
.styled-checkbox--default + label span b:after {
    width: 0;
    height: 3px;
}

.styled-checkbox--default + label:hover span {
    border: 1px solid #cc3333;
}

.styled-checkbox--default:checked + label span {
    border: 1px solid #cc3333;
    background-color: #cc3333;
}
.styled-checkbox--default:checked + label span b:before {
    height: 7px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.styled-checkbox--default:checked + label span b:after {
    width: 11px;
    -moz-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease;
    -webkit-transition-delay: 0.1s;
    transition: all 0.1s ease 0.1s;
}

.styled-checkbox--default[disabled] + label {
    color: #a1a9b3 !important;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    cursor: default;
}

.styled-checkbox--default[disabled] + label span {
    background-color: #d0d4d9 !important;
    border-color: #d0d4d9 !important;
}

.styled-checkbox--default-large + label {
    top: -19px;
}

.styled-checkbox--default-large + label span {
    width: 32px;
    height: 32px;
}
.styled-checkbox--default-large + label span b {
    height: 10px;
    width: 15px;
    left: 8px;
    top: 8px;
}
.styled-checkbox--default-large + label span b:before, .styled-checkbox--default-large + label span b:after {
    width: 5px;
}
.styled-checkbox--default-large + label span b:before {
    height: 10px;
}
.styled-checkbox--default-large + label span b:after {
    width: 15px !important;
    height: 5px;
}

/*------------------------------------*\
    #RADIO
\*------------------------------------*/
input[type="radio"] {
    display: none;
}

.radio_wrap {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
}

.styled-radiobutton--default {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
}

.styled-radiobutton--default + label {
    position: relative;
    padding-left: 32px;
    color: black;
    cursor: pointer;
}

.styled-radiobutton--default + label span {
    display: inline-block;
    visibility: visible;
    width: 18px;
    height: 18px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: white;
    border: 1px solid #b5b7b9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 300;
    color: #727375;
}
.styled-radiobutton--default + label span b {
    position: absolute;
    height: 7px;
    width: 11px;
    display: block;
    left: 3px;
    top: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.styled-radiobutton--default + label span b:before, .styled-radiobutton--default + label span b:after {
    content: '';
    display: block;
    width: 3px;
    height: 0;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.styled-radiobutton--default + label span b:before {
    bottom: auto;
    top: 0;
}
.styled-radiobutton--default + label span b:after {
    width: 0;
    height: 3px;
}

.styled-radiobutton--default + label:hover span {
    border: 1px solid #cc3333;
}

.styled-radiobutton--default:checked + label span {
    border: 1px solid #cc3333;
    background-color: #cc3333;
}
.styled-radiobutton--default:checked + label span b:before {
    height: 7px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.styled-radiobutton--default:checked + label span b:after {
    width: 11px;
    -moz-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease;
    -webkit-transition-delay: 0.1s;
    transition: all 0.1s ease 0.1s;
}

.styled-radiobutton--default[disabled] + label {
    color: #a1a9b3 !important;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    cursor: default;
}

.styled-radiobutton--default[disabled] + label span {
    background-color: #d0d4d9 !important;
    border-color: #d0d4d9 !important;
}

.styled-radiobutton--text:checked + label {
    background-color: #36373b;
    font-weight: 700;
    padding: 8px 0;
}
.styled-radiobutton--text:checked + label span {
    font-weight: 400;
}
.styled-radiobutton--text:checked + label:hover {
    background-color: #36373b;
}
.styled-radiobutton--text:checked ~ p {
    font-weight: 700;
    top: -1px;
}
.styled-radiobutton--text + label {
    position: relative;
    display: block;
    overflow: hidden;
    height: 45px;
    font-size: 14px;
    line-height: 1.1;
    color: white;
    text-align: center;
    border: none;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    border-radius: 4px;
}
.styled-radiobutton--text + label span {
    font-size: 12px;
    padding-top: 4px;
    display: block;
    font-weight: 300;
}
.styled-radiobutton--text + label ~ p {
    color: white;
    padding-top: 10px;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.styled-radiobutton--text[disabled] + label {
    color: #a1a9b3 !important;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* http://compass-style.org/reference/compass/css3/user_interface/ */
    cursor: default;
}

.styled-radiobutton--text-colored + label {
    border: 1px solid #c6c6c7;
    color: #3a3c41;
}
.styled-radiobutton--text-colored + label:hover {
    background-color: #ebadad;
}
.styled-radiobutton--text-colored + label ~ p {
    color: #cc3333;
    font-weight: 300;
}
.styled-radiobutton--text-colored:checked + label {
    color: white;
    font-weight: 300;
    border-color: #cc3333;
    background-color: #cc3333;
}
.styled-radiobutton--text-colored:checked + label:hover {
    background-color: #cc3333;
}
.styled-radiobutton--text-colored:checked + label span {
    font-weight: 300;
}
.styled-radiobutton--text-colored:checked + label ~ p {
    color: #cc3333;
    font-weight: 300;
    top: 0;
}

.radio-yes-no-wrap {
    border: 1px solid #c6c6c7;
    border-radius: 3px;
    font-size: 0;
    height: 45px;
    width: 90px;
    position: relative;
}
.radio-yes-no-wrap .radio_wrap {
    display: inline-block;
}
.radio-yes-no-wrap .radio_wrap label {
    border: none !important;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    position: absolute;
    left: -1px;
    top: -1px;
    font-size: 16px;
    font-weight: 300;
}
.radio-yes-no-wrap .radio_wrap + .radio_wrap label {
    left: auto;
    right: -1px;
}

.radio-check-wrap .radio-check-default {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
}
.radio-check-wrap .radio-check-default + label {
    position: relative;
    padding-left: 29px;
    color: black;
    cursor: pointer;
}
.radio-check-wrap .radio-check-default + label span {
    display: inline-block;
    visibility: visible;
    width: 18px;
    height: 18px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: white;
    border: 1px solid #b5b7b9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5625;
    font-weight: 300;
    color: #727375;
}
.radio-check-wrap .radio-check-default + label span b {
    position: absolute;
    height: 7px;
    width: 11px;
    display: block;
    left: 3px;
    top: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.radio-check-wrap .radio-check-default + label span b:before, .radio-check-wrap .radio-check-default + label span b:after {
    content: '';
    display: block;
    width: 3px;
    height: 0;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.radio-check-wrap .radio-check-default + label span b:before {
    bottom: auto;
    top: 0;
}
.radio-check-wrap .radio-check-default + label span b:after {
    width: 0;
    height: 3px;
}
.radio-check-wrap .radio-check-default + label:hover span {
    border: 1px solid #cc3333;
}
.radio-check-wrap .radio-check-default:checked + label span {
    border: 1px solid #cc3333;
    background-color: #cc3333;
}
.radio-check-wrap .radio-check-default:checked + label span b:before {
    height: 7px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.radio-check-wrap .radio-check-default:checked + label span b:after {
    width: 11px;
    -moz-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    -webkit-transition: all 0.1s ease;
    -webkit-transition-delay: 0.1s;
    transition: all 0.1s ease 0.1s;
}
.radio-check-wrap .radio-check-default-large + label {
    top: -19px;
}
.radio-check-wrap .radio-check-default-large + label span {
    width: 32px;
    height: 32px;
}
.radio-check-wrap .radio-check-default-large + label span b {
    height: 10px;
    width: 15px;
    left: 8px;
    top: 8px;
}
.radio-check-wrap .radio-check-default-large + label span b:before, .radio-check-wrap .radio-check-default-large + label span b:after {
    width: 5px;
}
.radio-check-wrap .radio-check-default-large + label span b:before {
    height: 10px;
}
.radio-check-wrap .radio-check-default-large + label span b:after {
    width: 15px !important;
    height: 5px;
}

/*------------------------------------*\
    #SUBHEADER
\*------------------------------------*/
.subheader {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
@media screen and (max-width: 480px) {
    .subheader h1 {
        font-size: 2.5rem;
    }
}
.subheader .input--primary {
    height: 52px;
    border-radius: 4px !important;
    font-size: 17px;
    color: white;
    font-weight: 400;
}
.page-template-page-homepage-php .subheader {
    /*background-image: url("images/subheader-img1.jpg");*/
    background-position: 50% 100%;
    padding-top: 85px;
    margin-top: -85px;
    position: relative;
    z-index: 1;
}
.page-template-page-homepage-php .subheader .container {
    /*padding: 160px 80px 180px;*/
    padding: 200px 80px 280px;
}
.page-template-page-homepage-php .subheader h1 {
    max-width: 570px;
    color: white;
    margin: 0 auto 25px;
}
@media screen and (max-width: 480px) {
    .page-template-page-homepage-php .subheader h1 {
        font-size: 40px;
    }
}
.page-template-page-homepage-php .subheader .input--primary {
    width: 100%;
    background-color: white;
    border-color: white;
    color: #333;
    font-size: 17px;
    font-weight: 300;
}
.page-template-page-homepage-php .subheader .sod_select {
    width: 100%;
    max-width: 117px;
    height: 52px;
    line-height: 52px;
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
}
.page-template-page-homepage-php .subheader .sod_select.open {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
}
.page-template-page-homepage-php .subheader .sod_select.above {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0;
    border-radius: 0 0 4px 4px;
}
.page-template-page-homepage-php .subheader .sod_select .sod_label {
    height: 52px;
    line-height: 52px;
    padding-left: 64px;
    background-color: transparent;
}
.page-template-page-homepage-php .subheader .sod_select .sod_label:before {
    background-color: transparent;
    top: 5px;
}
.page-template-page-homepage-php .subheader .sod_select.select-bedrooms {
    background-image: url("images/icons/badroom.png");
}
.page-template-page-homepage-php .subheader .sod_select.select-bathrooms {
    background-image: url("images/icons/bathroom.png");
}
.page-template-page-homepage-php .subheader .sod_list_wrapper {
    width: 100%;
    margin-left: 0;
    border: none;
    max-height: 122px;
}
@media screen and (max-width: 768px) {
    .page-template-page-homepage-php .subheader .container {
        padding: 50px 20px 70px;
    }
}
@media screen and (max-width: 480px) {
    .page-template-page-homepage-php .subheader .container {
        padding: 30px 20px 50px;
    }
}
.page-template-page-help .subheader {
    height: 450px;
    background-image: url("images/subheader-help-page.jpg");
}
.page-template-page-help .subheader h1 {
    margin-bottom: 50px;
}
.page-template-page-help .subheader form {
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
}
.page-template-page-help .subheader form .btn--primary {
    color: white !important;
    font-weight: 700;
    border-radius: 0 30px 30px 0 !important;
}
.page-template-page-help .subheader form .input--primary {
    border-radius: 30px 0 0 30px !important;
    border-color: #d0d0cf !important;
    border-right: none !important;
}
@media screen and (max-width: 475px) {
.page-template-page-help .subheader form .btn--primary {
    border-radius: 30px !important;
}
.page-template-page-help .subheader form .input--primary {
    border-radius: 30px !important;
}
}
.page-template-page-help .subheader label {
    position: relative;
}
.page-template-page-help .subheader .icon-search {
    position: absolute;
    left: 15px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
    .page-template-page-help .subheader .flag, .page-template-page-help .subheader .flag__img, .page-template-page-help .subheader .flag__body {
        display: block;
        padding: 0;
    }
    .page-template-page-help .subheader .flag__body {
        margin-bottom: 10px;
    }
    .page-template-page-help .subheader .flag__img {
        padding: 0 !important;
    }
    .page-template-page-help .subheader .flag__img .btn--primary {
        width: 100% !important;
    }
}
.page-template-page-help .subheader input::-webkit-input-placeholder {
    color: white;
}
.page-template-page-help .subheader input:-moz-placeholder {
    /* Firefox 18- */
    color: white;
}
.page-template-page-help .subheader input::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
}
.page-template-page-help .subheader input:-ms-input-placeholder {
    color: white;
}
.about .subheader {
    background-image: url("images/patern-blue.jpg");
}
.about .subheader .list-checked {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 50px;
}
@media screen and (max-width: 480px) {
    .about .subheader .list-checked {
        margin-bottom: 120px;
    }
}
.page-template-page-contact .subheader {
    background-image: url("images/patern-red.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.page-template-page-contact .subheader .subheader__content {
    width: 100%;
    max-width: 615px;
    margin: 0 auto 20px;
}
@media screen and (max-width: 480px) {
    .page-template-page-contact .subheader .subheader__content h1 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.66667;
        padding-top: 20px;
    }
}
.page-template-page-booking .subheader {
    background-image: url("images/subheader-booking.jpg");
    background-position: 50% 100%;
    height: 630px;
    position: relative;
}
.page-template-page-booking .subheader p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.19048;
    font-weight: 300;
}
@media screen and (max-width: 768px) {
    .page-template-page-booking .subheader {
        height: 450px;
    }
    .page-template-page-booking .subheader h1 {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 1.31579;
        padding-top: 20px;
    }
}
@media screen and (max-width: 480px) {
    .page-template-page-booking .subheader {
        height: 380px;
    }
    .page-template-page-booking .subheader h1 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.66667;
        padding-top: 20px;
    }
    .page-template-page-booking .subheader p {
        font-size: 14px !important;
    }
}
.page-template-page-blog .subheader {
    background-image: url("images/blog-home.jpg");
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 155px;
    padding-bottom: 140px;
    margin-top: -85px;
}
@media screen and (max-width: 500px) {
    .page-template-page-blog .subheader {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.page-template-page-blog .subheader form {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}
.page-template-page-blog .subheader h1 {
    text-transform: none;
}
.page-template-page-blog .subheader .text-wrap {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}
.page-template-page-blog .subheader input {
    border-color: white;
}
.page-template-page-blog .subheader input::-webkit-input-placeholder {
    color: white;
}
.page-template-page-blog .subheader input:-moz-placeholder {
    /* Firefox 18- */
    color: white;
}
.page-template-page-blog .subheader input::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
}
.page-template-page-blog .subheader input:-ms-input-placeholder {
    color: white;
}
.article-page .subheader {
    height: 60px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
}
.article-page .subheader .container {
    position: relative;
}
.page-template-default .subheader {
    background-image: url("images/patern-red.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.page-template-default .subheader .subheader__content {
    width: 100%;
    max-width: 615px;
    margin: 0 auto 20px;
}
@media screen and (max-width: 480px) {
    .page-template-default .subheader .subheader__content h1 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.66667;
        padding-top: 20px;
    }
}

/*------------------------------------*\
    #ACHIEVEMENTS
\*------------------------------------*/
.achievements {
    color: #85878c;
    font-size: 16px;
    padding: 35px 0 0;
}
.achievements .container {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 35px;
}

.achievements__wrap {
    padding-left: 50px;
    padding-right: 50px;
}
.achievements__wrap .layout__item div {
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width: 480px) {
    .achievements__wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

/*------------------------------------*\
    #HOW-WE-WORK
\*------------------------------------*/
.how-we-work .img-wrap {
    background-size: cover;
    background-position: 50% 50%;
    max-width: 368px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}
.how-we-work .img-wrap--2 {
    background-image: url("images/homepage-img2.jpg");
}
.how-we-work .img-wrap--3 {
    background-image: url("images/homepage-img3.jpg");
}
.how-we-work .icon-wrap {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 120px;
}
.how-we-work .text-wrap {
	background-color: #f7f7f7;
    padding-top: 200px;
    padding-bottom: 25px;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -170px;
}
.how-we-work .text-wrap h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #153048;
}
.how-we-work .text-wrap p {
    color: #332415;
    /*font-weight: 600;*/
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
}

/*------------------------------------*\
    #TRUSTED LIST
\*------------------------------------*/
.trusted-list {
    background-image: url("images/patern-purple.jpg");
    background-repeat: repeat;
    background-position: 50% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.trusted-list * {
    color: white;
}
.trusted-list p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
}

/*------------------------------------*\
    #SERVICES
\*------------------------------------*/
.services h2 {
    margin-bottom: 200px;
}
.services .layout__item-wrap {
    position: relative;
}
.services .img-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 286px;
    max-width: 80%;
}
.services .img-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
    border: 5px solid white;
    background-color: transparent;
    z-index: 2;
}
.services .img-wrap img {
    position: relative;
    z-index: 1;
}
.services .text-wrap {
    background-color: #f3f3f3;
    padding-top: 170px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
}
.services .text-wrap h3 {
    font-weight: 300;
    color: #333;
    margin-bottom: 10px;
}
.services .text-wrap p {
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    color: #949494;
}
@media screen and (max-width: 768px) {
    .services .layout__item + .layout__item {
        margin-top: 130px;
    }
}

/*------------------------------------*\
    #TRUST
\*------------------------------------*/
.trust {
    background-image: url("images/patern-blue-new.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.trust .layout__item > div {
    padding: 20px 0px;
}
.trust .layout__item > div p {
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width: 768px) {
    .trust .layout__item > div {
        padding: 10px 20px;
    }
}
@media screen and (max-width: 480px) {
    .trust .layout__item > div {
        padding: 0;
    }
}
.trust .icon-wrap {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.trust h2 {
    max-width: 920px;
    display: block;
    margin-right: auto;
    margin-left: auto;
	color:white;
}
.trust p {
    font-weight: 300;
    color: white;
}
.trust h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
	/*color:#60add1;*/
	color:#ff684c;
}

.trust--second .icon-wrap {
    margin-bottom: 40px;
}
.trust--second p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
}
.trust--second .layout__item > div p {
    padding-left: 0;
    padding-right: 0;
}

.trust--third .btn--transparent-gray {
    padding: 0 25px !important;
    width: auto !important;
}

/*------------------------------------*\
    #CUSTOMERS
\*------------------------------------*/
.customers {
    background-image: url("images/customer-bgr.jpg");
}
.customers .icon-wrap {
    position: relative;
}
.customers .icon-wrap:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 134px;
    height: 134px;
    display: block;
    border-radius: 50%;
    border: 5px solid white;
}
.customers p {
    max-width: 270px;
    margin: 0 auto;
}

/*------------------------------------*\
    #BIG-PHONE
\*------------------------------------*/
.big-phone {
    background-image: url("images/patern-white.jpg");
    padding-top: 30px;
    padding-bottom: 0;
    position: relative;
}
.big-phone .container p {
    font-weight: 300;
}
.big-phone .container .flag__img {
    bottom: 0;
}
@media screen and (max-width: 1000px) {
    .big-phone .container {
        padding-left: 100px;
    }
}
@media screen and (max-width: 768px) {
    .big-phone .container {
        padding-left: 20px;
    }
    .big-phone .container .flag,
    .big-phone .container .flag__img,
    .big-phone .container .flag__body {
        text-align: center;
        display: block;
        width: 100%;
        padding: 0;
    }
    .big-phone .container .flag img,
    .big-phone .container .flag__img img,
    .big-phone .container .flag__body img {
        display: inline-block;
    }
    .big-phone .container h2 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.66667;
    }
}
@media screen and (max-width: 480px) {
    .big-phone .container {
        padding-left: 25px;
    }
    .big-phone .container .flag__img {
        position: static !important;
        bottom: auto !important;
    }
}

/*------------------------------------*\
    #HAPPINESS
\*------------------------------------*/
.happiness {
    padding: 90px 0;
}
.happiness h2 {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1.13636;
}
.happiness p {
    color: #333;
}

/*------------------------------------*\
    #BOOK-APPOINTMENT
\*------------------------------------*/
.book-appointment {
    padding: 80px 0;
    background-image: url("images/patern-white.jpg");
}
@media screen and (max-width: 480px) {
    .book-appointment {
        padding: 50px 0;
    }
}
.book-appointment h2 {
    color: #333;
    margin-bottom: 30px;
}
.book-appointment label, .book-appointment button {
    display: inline-block !important;
    margin: 10px 5px;
}
@media screen and (max-width: 480px) {
    .book-appointment label, .book-appointment button {
        margin: 10px 0;
    }
}
.book-appointment label {
    max-width: 362px;
    width: 100%;
}
.book-appointment .input--primary {
    height: 52px;
    border-radius: 4px !important;
    font-size: 17px;
    color: white;
    font-weight: 400;
    width: 100%;
    color: #333 !important;
}
.book-appointment .input--primary::-webkit-input-placeholder {
    color: #333;
}
.book-appointment .input--primary:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}
.book-appointment .input--primary::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}
.book-appointment .input--primary:-ms-input-placeholder {
    color: #333;
}

/*------------------------------------*\
    #PARTNERS
\*------------------------------------*/
.partners {
    background-color: #f3f3f3;
}
.partners .container {
    padding-left: 50px;
    padding-right: 50px;
}
@media screen and (max-width: 768px) {
    .partners .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 480px) {
    .partners .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*------------------------------------*\
    #HELP-QUESTIONS
\*------------------------------------*/
.help-questions header {
    border-bottom: 1px solid #eae9e0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.help-questions h2 {
    text-transform: none;
}

/*------------------------------------*\
    #TESTIMONIAL
\*------------------------------------*/
.testimonial-slider {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.testimonial-slider .owl-dots {
    text-align: center;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 0;
}
@media screen and (max-width: 480px) {
    .testimonial-slider .owl-dots {
        padding-top: 0;
    }
}
.testimonial-slider .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid white;
}
.testimonial-slider .owl-dots .owl-dot.active {
    background-color: white;
}
.testimonial-slider .owl-item > div {
    margin: 0 auto;
}

.testimonial-slider__content {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 100px;
    position: relative;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top-left-radius: 90px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 90px;
}
.testimonial-slider__content > div {
    padding: 9px 15px 9px 9px;
}
@media screen and (max-width: 768px) {
    .testimonial-slider__content {
        margin-bottom: 30px;
    }
}

.testimonial-slider__name {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.testimonial {
    /*background-image: url("images/testimonials.jpg");*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px !important;
}
.testimonial h2 {
    color: white;
    margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
    .testimonial h2 {
        margin-bottom: 40px;
    }
}
.testimonial .flag__body {
    padding-left: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.testimonial .flag__body--text {
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: 1.2;
    position: relative;
}
.testimonial .flag__body--text:before, .testimonial .flag__body--text:after {
    width: 37px;
    height: 31px;
    display: block;
    content: '';
    position: absolute;
    right: 100%;
    bottom: 100%;
    margin-bottom: -10px;
    margin-right: 5px;
    background-image: url("images/icons/quotes-up.png");
}
.testimonial .flag__body--text:after {
    background-image: url("images/icons/quotes-down.png");
    height: 30px;
    left: 100%;
    margin-left: -35px;
    right: 0;
    bottom: -12px;
    margin-bottom: 0;
    margin-right: 0;
}
.testimonial p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    vertical-align: middle;
}

.testimonial__img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 134px !important;
    position: relative;
}
.testimonial__img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
    width: 134px !important;
    height: 134px !important;
    max-width: none;
}
.testimonial__img img {
    width: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid white;
}
@media screen and (max-width: 480px) {
    .testimonial__img {
        top: auto;
        display: inline-block !important;
    }
}

/*------------------------------------*\
    #CONTACT PAGE
\*------------------------------------*/
.contact-page__content {
    padding-top: 0;
    margin-top: -40px;
}

.contact-page__list {
    background-color: white;
    counter-reset: list-ordered;
}
.contact-page__list .btn--primary {
    height: 52px !important;
    line-height: 52px !important;
}
.contact-page__list article {
    padding: 20px;
    border: 1px solid #dedede;
    border-top: none;
}
.contact-page__list article:first-child {
    border-top: 1px solid #dedede;
}
.contact-page__list header {
    position: relative;
    padding-left: 55px;
    counter-increment: list-ordered;
}
.contact-page__list header h2 {
    font-weight: 400;
    color: #262626;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.13636;
    text-transform: none;
}
.contact-page__list header p {
    font-size: 16px;
    font-weight: 300;
}
.contact-page__list header:before {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: "" counter(list-ordered,decimal) "";
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.13636;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-weight: 700;
    display: block;
    border-radius: 50%;
    background-color: #ffcc00;
    color: white;
    text-align: center;
    font-family: "ProximaNova", sans-serif;
}

/*------------------------------------*\
    #SELECT
\*------------------------------------*/
.select--full {
    width: 100% !important;
    max-width: 100% !important;
}

.sod_select {
    width: 340px;
    height: auto;
    padding: 0;
    position: relative;
    cursor: pointer;
    transition: all .2s ease;
    line-height: 1;
    font-family: "ProximaNova", sans-serif;
    border: 1px solid #c6c6c7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}
.sod_select:hover, .sod_select:focus {
    border-color: #acacae;
}
.sod_select .sod_list_wrapper {
    border: none;
    outline: none;
    margin: 0;
    width: calc(100% + 2px);
    padding: 0;
    max-height: 245px;
    overflow: auto;
    margin-left: -1px;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #c6c6c7;
}
.sod_select .sod_list_wrapper:hover, .sod_select .sod_list_wrapper:focus {
    border-color: #acacae;
}
.sod_select.open .sod_list_wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
}
.sod_select.above .sod_list_wrapper {
    border-top: 1px solid #c6c6c7;
}
.sod_select .sod_option {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 7px 15px 8px;
    font-size: 13px;
    text-transform: none;
    line-height: 25px;
    font-weight: 400 !important;
    text-overflow: none !important;
    overflow: visible !important;
}
.sod_select .sod_option.active {
    color: #cc3333;
}
.sod_select .sod_option:before {
    display: none !important;
}
.sod_select.focus {
    box-shadow: none;
}
.sod_select:before, .sod_select:after {
    display: none;
}

.sod_label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.38889;
    color: #3a3c41;
    text-transform: none;
    padding: 0 35px 0 15px !important;
    font-weight: 300;
    position: relative;
    height: 43px;
    line-height: 43px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    overflow: visible !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden !important;
}
.sod_label:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("images/icons/icon-arrow-down.png");
    width: 43px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 43px;
    display: block;
}
.open .sod_label:before, .focus .sod_label:before {
    background-position: 0 -44px;
}
.select--small .sod_label:before {
    width: 35px;
    background-position: -5px 0;
}
.select--small.open .sod_label:before, .select--small.focus .sod_label:before {
    background-position: -5px -44px;
}

.time-separator {
    position: absolute;
    left: 5px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -2px;
}

/*------------------------------------*\
    #BOOKING PAGE
\*------------------------------------*/
.page-template-page-booking article {
    border-top: 1px solid #dedede;
    padding: 40px;
}
@media screen and (max-width: 480px) {
    .page-template-page-booking article {
        padding: 20px;
    }
}
.page-template-page-booking article h3 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.25;
}
.page-template-page-booking article label {
    display: block;
    position: relative;
}
.page-template-page-booking article .phone-before {
    position: absolute;
    width: 45px;
    height: 43px;
    line-height: 45px;
    top: 1px;
    left: 1px;
    text-align: center;
    background-color: #f0f0f5;
    color: #b0b0b0;
    font-size: 18px;
    font-weight: 300;
    display: block;
    border-right: 1px solid #c6c6c7;
}
.page-template-page-booking article .phone-before + input {
    padding-left: 60px !important;
}
.page-template-page-booking .btn--transparent {
    color: #666 !important;
    border-color: #ccc !important;
}
.page-template-page-booking .layout__item--right-content article {
    padding-bottom: 15px !important;
}

.ceiling-box__number {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.31579;
    font-weight: 300;
    display: inline-block;
    vertical-align: bottom;
    line-height: .6;
    margin-left: 10px;
    margin-right: 25px;
}

.ceiling-box__text {
    display: inline-block;
    vertical-align: bottom;
}

/*------------------------------------*\
    #GIFT CARD
\*------------------------------------*/
.page-template-page-giftcard .subheader {
    background-image: url("images/patern-red.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.page-template-page-giftcard .subheader .subheader__content {
    padding: 0 100px 0 80px;
    text-align: center;
}
@media screen and (max-width: 480px) {
    .page-template-page-giftcard .subheader .subheader__content {
        padding: 10px 10px 0;
    }
}
.page-template-page-giftcard .subheader .subheader__content > div {
    max-width: 500px;
    padding: 60px 0 120px;
    margin: 0 auto;
}
@media screen and (min-width: 840px) and (max-width: 1300px) {
    .page-template-page-giftcard .subheader .subheader__content > div {
        padding: 60px 0;
    }
}
@media screen and (max-width: 1024px) {
    .page-template-page-giftcard .subheader .subheader__content {
        padding: 0 50px 0 40px;
    }
}
@media screen and (max-width: 768px) {
    .page-template-page-giftcard .subheader .subheader__content {
        padding: 20px 20px 0;
    }
    .page-template-page-giftcard .subheader .flag,
    .page-template-page-giftcard .subheader .flag__body,
    .page-template-page-giftcard .subheader .flag__img {
        display: block;
    }
    .page-template-page-giftcard .subheader .flag__body {
        margin-bottom: 20px;
    }
    .page-template-page-giftcard .subheader img {
        max-width: 100%;
    }
}

.gift-card-form {
    padding-top: 0;
    background-color: white;
}
@media screen and (max-width: 768px) {
    .gift-card-form .container {
        padding: 0 5px;
    }
}
.gift-card-form .form-wrapper {
    padding: 0 100px 0 80px;
}
@media screen and (min-width: 840px) and (max-width: 1300px) {
    .gift-card-form .form-wrapper {
        padding: 0;
    }
    .gift-card-form .form-wrapper iframe {
        margin-top: 0;
        width: 100%;
    }
}
@media screen and (max-width: 1090px) {
    .gift-card-form .form-wrapper iframe {
        height: 1550px;
        width: 100%;
    }
}
@media screen and (max-width: 840px) {
    .gift-card-form .form-wrapper {
        padding: 0;
    }
    .gift-card-form .form-wrapper iframe {
        height: 1630px;
    }
}
.gift-card-form iframe {
    margin-top: -70px;
    width: 98%;
    height: 1090px;
    border: 12px solid white;
    border-radius: 12px;
    background-color: white;
}

.page-template-page-giftcard-box {
    background-image: url("images/giftcard-img2.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 400px;
    height: 335px;
    max-width: 100%;
    position: relative;
}
.page-template-page-giftcard-box .justifize, .page-template-page-giftcard-box .justifize__box {
    height: 65px;
    line-height: 65px;
}

.page-template-page-giftcard-box__price {
    color: white;
    font-weight: 600;
    font-size: 22px;
}

.page-template-page-giftcard-box__text {
    padding-top: 20px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
.page-template-page-giftcard-box__text * {
    color: white;
    font-size: 16px;
}

/*------------------------------------*\
    #SECTION
\*------------------------------------*/
.section1 {
    padding: 0 !important;
    /*background-image: url("images/check-list-bgr1.jpg");*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.section1__text {
    max-width: 520px;
}
.section1__text + p {
    color: #333;
    font-weight: 300;
}

@media(min-width:1000px){
	.section1__text h2 {
		white-space: nowrap;
	}	
}
@media screen and (max-width: 480px) {
    .section1__text h2 {
        white-space: normal;
    }
}

/*------------------------------------*\
    #BLOG CONTENT
\*------------------------------------*/
.blog-content {
    background-color: #2b2b2b;
    position: relative;
    z-index: 10;
}

.blog-content__main {
    background-color: white;
    padding: 60px;
    padding-bottom: 0;
    margin-top: -60px;
}
.blog-content__main header {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.blog-content__main .fb-like {
    top: -5px;
}
.blog-content__main .social-bar {
    margin-bottom: 10px;
}
.blog-content__main h4 {
    margin-bottom: 10px;
}

.blog-content__item {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
}
.blog-content__item:first-child {
    border-top: none;
    padding-top: 0;
}
.blog-content__item img.avatar.photo{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.blog-content__pagination {
    text-align: center;
    background-color: #f1f3f4;
    padding-top: 28px;
    padding-bottom: 25px;
}
.blog-content__pagination .is-active a {
    color: #a9b9c7;
}
.blog-content__pagination li {
    padding: 0 5px;
}
.blog-content__pagination a {
    display: block;
    color: #405262;
    padding: 0 5px;
}
.blog-content__pagination .pagination-next {
    padding-right: 35px;
    background-image: url("images/pagination-arrow-right.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    text-transform: uppercase;
}

.blog-content__aside {
    padding: 40px;
    padding-right: 60px;
}

.blog-content__aside-list {
    list-style-type: none;
}
.blog-content__aside-list a {
    color: #717375;
}
.blog-content__aside-list a:hover, .blog-content__aside-list a.is-active {
    color: white;
}
.blog-content__aside-list a:hover .img-wrap1 img, .blog-content__aside-list a.is-active .img-wrap1 img {
    margin-top: -15px;
}
.blog-content__aside-list a:hover .img-wrap2 img, .blog-content__aside-list a.is-active .img-wrap2 img {
    margin-top: -16px;
}
.blog-content__aside-list a:hover .img-wrap3 img, .blog-content__aside-list a.is-active .img-wrap3 img {
    margin-top: -17px;
}
.blog-content__aside-list a:hover .img-wrap4 img, .blog-content__aside-list a.is-active .img-wrap4 img {
    margin-top: -15px;
}
.blog-content__aside-list a:hover .img-wrap5 img, .blog-content__aside-list a.is-active .img-wrap5 img {
    margin-top: -16px;
}
.blog-content__aside-list a:hover .img-wrap6 img, .blog-content__aside-list a.is-active .img-wrap6 img {
    margin-top: -11px;
}
.blog-content__aside-list li {
    margin-bottom: 15px;
}
.blog-content__aside-list .flag__img {
    width: 30px !important;
    padding-right: 10px !important;
}
.blog-content__aside-list .img-wrap {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.blog-content__aside-list .img-wrap > img {
    max-width: none;
    display: block;
}
.blog-content__aside-list .img-wrap1 {
    width: 16px;
    height: 15px;
}
.blog-content__aside-list .img-wrap2 {
    width: 13px;
    height: 16px;
}
.blog-content__aside-list .img-wrap3 {
    width: 20px;
    height: 17px;
}
.blog-content__aside-list .img-wrap4 {
    width: 16px;
    height: 15px;
}
.blog-content__aside-list .img-wrap5 {
    width: 16px;
    height: 16px;
}
.blog-content__aside-list .img-wrap6 {
    width: 15px;
    height: 11px;
}
.blog-content__aside-list .flag__body {
    padding-top: 4px;
}

.blog-content__get-weekly {
    background-color: white;
    max-width: 225px;
    margin-bottom: 60px;
}
.blog-content__get-weekly p {
    font-size: 14px;
    line-height: 25px;
    padding-left: 25px;
    padding-right: 25px;
    font-style: italic;
}
.blog-content__get-weekly .get-link {
    color: #000;
    font-size: 21px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    background-color: #ffcc00;
    text-decoration: none;
    padding: 13px 0;
    line-height: 1;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.blog-content__get-weekly .get-link:hover {
    background-color: #cca300;
}

.blog-content__tags h3, .blog-content__tags a {
    color: white;
}
.blog-content__tags a {
    text-decoration: none;
    padding: 5px 10px;
    background-color: #5e5e5e;
    border-radius: 3px;
    font-size: 15px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    margin: 0 5px 5px 0;
    line-height: 1;
}
.blog-content__tags a:hover {
    background-color: #787878;
}

/*------------------------------------*\
    #ARTICLE PAGE
\*------------------------------------*/
.subheader__articles-list {
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
}
.subheader__articles-list li {
    display: inline-block;
    margin-right: 27px;
}
.subheader__articles-list a {
    color: #727375;
}
.subheader__articles-list a:hover {
    text-decoration: none;
    color: #a5a6a8;
}

.subheader__articles-search {
    position: absolute;
    right: 25px;
    top: 0;
    height: 60px;
}
@media screen and (max-width: 480px) {
    .subheader__articles-search {
        right: 10px;
    }
}
.subheader__articles-search form {
    height: 100%;
}
.subheader__articles-search .input {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 60px !important;
    background-color: white;
    display: block;
    width: 300px;
    padding-left: 35px;
    padding-right: 20px;
    font-size: 14px;
}
.subheader__articles-search .btn {
    width: 35px;
    height: 60px;
    background-image: url("images/icons/article-search.png") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
}

.article-content__aside {
    border-left: 1px solid #e5e5e5;
    padding-left: 30px;
}
.article-content__aside a {
    color: #7d818c;
    padding: 10px 0;
}
.article-content__aside a:hover {
    text-decoration: none;
}

.article-content__heading img {
    position: relative;
    top: -2px;
}

.article-page__appointment {
    background-image: url("images/patern-red.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
}
.article-page__appointment h2 {
    font-weight: normal;
}

/*------------------------------------*\
    #SUBSCRIBE BOX
\*------------------------------------*/
.subscribe-box {
    background-color: #17171a;
    border-radius: 3px;
    padding: 35px;
    text-align: center;
    color: white;
    margin-bottom: 35px;
}
.subscribe-box p {
    color: #b2b2b2;
}
.subscribe-box form {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.subscribe-box form .btn {
    max-width: 162px !important;
    height: 43px !important;
    line-height: 41px !important;
    border-radius: 0 30px 30px 0 !important;
    font-size: 14px !important;
}
.subscribe-box form .input {
    border: none !important;
    height: 43px !important;
    line-height: 43px !important;
    border-radius: 30px 0 0 30px !important;
    background-color: white !important;
}
.subscribe-box small {
    color: #666;
    font-weight: 300;
}

.subscribe-box--vertical .flag, .subscribe-box--vertical .flag__img, .subscribe-box--vertical .flag__body {
    display: block;
}
.subscribe-box--vertical form .input, .subscribe-box--vertical form .btn {
    border-radius: 30px !important;
    text-align: center !important;
}
.subscribe-box--vertical form .btn {
    max-width: 100% !important;
    font-size: 14px !important;
}

/*------------------------------------*\
    #HORIZONTAL RULE
\*------------------------------------*/
hr {
    background-color: #e5e5e5;
    height: 1px;
    display: block;
    border: none;
    outline: none;
}

/*------------------------------------*\
    #HOUSE
\*------------------------------------*/
.house {
    /*background-image: url("images/house-bgr.jpg");*/
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
}
.house .container {
    position: relative;
    z-index: 2;
}

.house__img-right {
    left: auto;
    right: 0;
}

/*------------------------------------*\
    #SHAME
\*------------------------------------*/
.is-invisible {
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    opacity: 0 !important;
    visibility: hidden !important;
}

/**
 * Completely remove from the flow but leave available to screen readers and
 * keyboard users (if input is visually hidden).
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.is-visually-hidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
    position: absolute !important;
}

.is-hidden {
    display: none !important;
}

.inline-block {
    display: inline-block !important;
}

.is-not-scroll {
    overflow: hidden !important;
}

.is-scrollable {
    overflow: auto !important;
}

.is-scrollable-visible {
    overflow: visible !important;
}

.is-scrollable-y {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.is-scrollable-x {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/**
 * Flag fix.
 */
.flag--fix .flag__img {
    width: 1px;
}
.flag--fix .flag__body {
    width: auto;
}

/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
 * Margin helper classes.
 *
 * Add margins.
 */
.m {
    margin: 25px !important;
}

.mt {
    margin-top: 25px !important;
}

.mr {
    margin-right: 25px !important;
}

.mb {
    margin-bottom: 25px !important;
}

.ml {
    margin-left: 25px !important;
}

.mh {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.mv {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/**
 * Add tiny margins.
 */
.m-- {
    margin: 6px !important;
}

.mt-- {
    margin-top: 6px !important;
}

.mr-- {
    margin-right: 6px !important;
}

.mb-- {
    margin-bottom: 6px !important;
}

.ml-- {
    margin-left: 6px !important;
}

.mh-- {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

.mv-- {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/**
 * Add small margins.
 */
.m- {
    margin: 13px !important;
}

.mt- {
    margin-top: 13px !important;
}

.mr- {
    margin-right: 13px !important;
}

.mb- {
    margin-bottom: 13px !important;
}

.ml- {
    margin-left: 13px !important;
}

.mh- {
    margin-right: 13px !important;
    margin-left: 13px !important;
}

.mv- {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

/**
 * Add large margins.
 */
.m\+ {
    margin: 50px !important;
}

.mt\+ {
    margin-top: 50px !important;
}

.mr\+ {
    margin-right: 50px !important;
}

.mb\+ {
    margin-bottom: 50px !important;
}

.ml\+ {
    margin-left: 50px !important;
}

.mh\+ {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.mv\+ {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/**
 * Add huge margins.
 */
.m\+\+ {
    margin: 100px !important;
}

.mt\+\+ {
    margin-top: 100px !important;
}

.mr\+\+ {
    margin-right: 100px !important;
}

.mb\+\+ {
    margin-bottom: 100px !important;
}

.ml\+\+ {
    margin-left: 100px !important;
}

.mh\+\+ {
    margin-right: 100px !important;
    margin-left: 100px !important;
}

.mv\+\+ {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

/**
 * Remove margins.
 */
.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/**
 * Negative margins.
 */
.-m {
    margin: -25px !important;
}

.-mt {
    margin-top: -25px !important;
}

.-mr {
    margin-right: -25px !important;
}

.-mb {
    margin-bottom: -25px !important;
}

.-ml {
    margin-left: -25px !important;
}

.-mh {
    margin-right: -25px !important;
    margin-left: -25px !important;
}

.-mv {
    margin-top: -25px !important;
    margin-bottom: -25px !important;
}

/**
 * Large negative margins.
 */
.-m\+ {
    margin: -50px !important;
}

.-mt\+ {
    margin-top: -50px !important;
}

.-mr\+ {
    margin-right: -50px !important;
}

.-mb\+ {
    margin-bottom: -50px !important;
}

.-ml\+ {
    margin-left: -50px !important;
}

.-mh\+ {
    margin-right: -50px !important;
    margin-left: -50px !important;
}

.-mv\+ {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}

/**
 * Padding helper classes.
 *
 * Add paddings.
 */
.p {
    padding: 25px !important;
}

.pt {
    padding-top: 25px !important;
}

.pr {
    padding-right: 25px !important;
}

.pb {
    padding-bottom: 25px !important;
}

.pl {
    padding-left: 25px !important;
}

.ph {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.pv {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/**
 * Add tiny paddings.
 */
.p-- {
    padding: 6px !important;
}

.pt-- {
    padding-top: 6px !important;
}

.pr-- {
    padding-right: 6px !important;
}

.pb-- {
    padding-bottom: 6px !important;
}

.pl-- {
    padding-left: 6px !important;
}

.ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/**
 * Add small paddings.
 */
.p- {
    padding: 13px !important;
}

.pt- {
    padding-top: 13px !important;
}

.pr- {
    padding-right: 13px !important;
}

.pb- {
    padding-bottom: 13px !important;
}

.pl- {
    padding-left: 13px !important;
}

.ph- {
    padding-right: 13px !important;
    padding-left: 13px !important;
}

.pv- {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

/**
 * Add large paddings.
 */
.p\+ {
    padding: 50px !important;
}

.pt\+ {
    padding-top: 50px !important;
}

.pr\+ {
    padding-right: 50px !important;
}

.pb\+ {
    padding-bottom: 50px !important;
}

.pl\+ {
    padding-left: 50px !important;
}

.ph\+ {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.pv\+ {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/**
 * Add huge paddings.
 */
.p\+\+ {
    padding: 100px !important;
}

.pt\+\+ {
    padding-top: 100px !important;
}

.pr\+\+ {
    padding-right: 100px !important;
}

.pb\+\+ {
    padding-bottom: 100px !important;
}

.pl\+\+ {
    padding-left: 100px !important;
}

.ph\+\+ {
    padding-right: 100px !important;
    padding-left: 100px !important;
}

.pv\+\+ {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

/**
 * Remove paddings.
 */
.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*------------------------------------*\
    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
 * Margin helper classes.
 *
 * Add margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-m-medium {
        margin: 25px !important;
    }

    .u-mt-medium {
        margin-top: 25px !important;
    }

    .u-mr-medium {
        margin-right: 25px !important;
    }

    .u-mb-medium {
        margin-bottom: 25px !important;
    }

    .u-ml-medium {
        margin-left: 25px !important;
    }

    .u-mh-medium {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }

    .u-mv-medium {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-m-medium-and-up {
        margin: 25px !important;
    }

    .u-mt-medium-and-up {
        margin-top: 25px !important;
    }

    .u-mr-medium-and-up {
        margin-right: 25px !important;
    }

    .u-mb-medium-and-up {
        margin-bottom: 25px !important;
    }

    .u-ml-medium-and-up {
        margin-left: 25px !important;
    }

    .u-mh-medium-and-up {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }

    .u-mv-medium-and-up {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-m-large {
        margin: 25px !important;
    }

    .u-mt-large {
        margin-top: 25px !important;
    }

    .u-mr-large {
        margin-right: 25px !important;
    }

    .u-mb-large {
        margin-bottom: 25px !important;
    }

    .u-ml-large {
        margin-left: 25px !important;
    }

    .u-mh-large {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }

    .u-mv-large {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-m-large-and-up {
        margin: 25px !important;
    }

    .u-mt-large-and-up {
        margin-top: 25px !important;
    }

    .u-mr-large-and-up {
        margin-right: 25px !important;
    }

    .u-mb-large-and-up {
        margin-bottom: 25px !important;
    }

    .u-ml-large-and-up {
        margin-left: 25px !important;
    }

    .u-mh-large-and-up {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }

    .u-mv-large-and-up {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-m-extralarge-and-up {
        margin: 25px !important;
    }

    .u-mt-extralarge-and-up {
        margin-top: 25px !important;
    }

    .u-mr-extralarge-and-up {
        margin-right: 25px !important;
    }

    .u-mb-extralarge-and-up {
        margin-bottom: 25px !important;
    }

    .u-ml-extralarge-and-up {
        margin-left: 25px !important;
    }

    .u-mh-extralarge-and-up {
        margin-right: 25px !important;
        margin-left: 25px !important;
    }

    .u-mv-extralarge-and-up {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}
/**
 * Add tiny margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-m---medium {
        margin: 6px !important;
    }

    .u-mt---medium {
        margin-top: 6px !important;
    }

    .u-mr---medium {
        margin-right: 6px !important;
    }

    .u-mb---medium {
        margin-bottom: 6px !important;
    }

    .u-ml---medium {
        margin-left: 6px !important;
    }

    .u-mh---medium {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }

    .u-mv---medium {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-m---medium-and-up {
        margin: 6px !important;
    }

    .u-mt---medium-and-up {
        margin-top: 6px !important;
    }

    .u-mr---medium-and-up {
        margin-right: 6px !important;
    }

    .u-mb---medium-and-up {
        margin-bottom: 6px !important;
    }

    .u-ml---medium-and-up {
        margin-left: 6px !important;
    }

    .u-mh---medium-and-up {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }

    .u-mv---medium-and-up {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-m---large {
        margin: 6px !important;
    }

    .u-mt---large {
        margin-top: 6px !important;
    }

    .u-mr---large {
        margin-right: 6px !important;
    }

    .u-mb---large {
        margin-bottom: 6px !important;
    }

    .u-ml---large {
        margin-left: 6px !important;
    }

    .u-mh---large {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }

    .u-mv---large {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-m---large-and-up {
        margin: 6px !important;
    }

    .u-mt---large-and-up {
        margin-top: 6px !important;
    }

    .u-mr---large-and-up {
        margin-right: 6px !important;
    }

    .u-mb---large-and-up {
        margin-bottom: 6px !important;
    }

    .u-ml---large-and-up {
        margin-left: 6px !important;
    }

    .u-mh---large-and-up {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }

    .u-mv---large-and-up {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-m---extralarge-and-up {
        margin: 6px !important;
    }

    .u-mt---extralarge-and-up {
        margin-top: 6px !important;
    }

    .u-mr---extralarge-and-up {
        margin-right: 6px !important;
    }

    .u-mb---extralarge-and-up {
        margin-bottom: 6px !important;
    }

    .u-ml---extralarge-and-up {
        margin-left: 6px !important;
    }

    .u-mh---extralarge-and-up {
        margin-right: 6px !important;
        margin-left: 6px !important;
    }

    .u-mv---extralarge-and-up {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}
/**
 * Add small margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-m--medium {
        margin: 13px !important;
    }

    .u-mt--medium {
        margin-top: 13px !important;
    }

    .u-mr--medium {
        margin-right: 13px !important;
    }

    .u-mb--medium {
        margin-bottom: 13px !important;
    }

    .u-ml--medium {
        margin-left: 13px !important;
    }

    .u-mh--medium {
        margin-right: 13px !important;
        margin-left: 13px !important;
    }

    .u-mv--medium {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-m--medium-and-up {
        margin: 13px !important;
    }

    .u-mt--medium-and-up {
        margin-top: 13px !important;
    }

    .u-mr--medium-and-up {
        margin-right: 13px !important;
    }

    .u-mb--medium-and-up {
        margin-bottom: 13px !important;
    }

    .u-ml--medium-and-up {
        margin-left: 13px !important;
    }

    .u-mh--medium-and-up {
        margin-right: 13px !important;
        margin-left: 13px !important;
    }

    .u-mv--medium-and-up {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-m--large {
        margin: 13px !important;
    }

    .u-mt--large {
        margin-top: 13px !important;
    }

    .u-mr--large {
        margin-right: 13px !important;
    }

    .u-mb--large {
        margin-bottom: 13px !important;
    }

    .u-ml--large {
        margin-left: 13px !important;
    }

    .u-mh--large {
        margin-right: 13px !important;
        margin-left: 13px !important;
    }

    .u-mv--large {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-m--large-and-up {
        margin: 13px !important;
    }

    .u-mt--large-and-up {
        margin-top: 13px !important;
    }

    .u-mr--large-and-up {
        margin-right: 13px !important;
    }

    .u-mb--large-and-up {
        margin-bottom: 13px !important;
    }

    .u-ml--large-and-up {
        margin-left: 13px !important;
    }

    .u-mh--large-and-up {
        margin-right: 13px !important;
        margin-left: 13px !important;
    }

    .u-mv--large-and-up {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-m--extralarge-and-up {
        margin: 13px !important;
    }

    .u-mt--extralarge-and-up {
        margin-top: 13px !important;
    }

    .u-mr--extralarge-and-up {
        margin-right: 13px !important;
    }

    .u-mb--extralarge-and-up {
        margin-bottom: 13px !important;
    }

    .u-ml--extralarge-and-up {
        margin-left: 13px !important;
    }

    .u-mh--extralarge-and-up {
        margin-right: 13px !important;
        margin-left: 13px !important;
    }

    .u-mv--extralarge-and-up {
        margin-top: 13px !important;
        margin-bottom: 13px !important;
    }
}
/**
 * Add large margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-m\+-medium {
        margin: 50px !important;
    }

    .u-mt\+-medium {
        margin-top: 50px !important;
    }

    .u-mr\+-medium {
        margin-right: 50px !important;
    }

    .u-mb\+-medium {
        margin-bottom: 50px !important;
    }

    .u-ml\+-medium {
        margin-left: 50px !important;
    }

    .u-mh\+-medium {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }

    .u-mv\+-medium {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-m\+-medium-and-up {
        margin: 50px !important;
    }

    .u-mt\+-medium-and-up {
        margin-top: 50px !important;
    }

    .u-mr\+-medium-and-up {
        margin-right: 50px !important;
    }

    .u-mb\+-medium-and-up {
        margin-bottom: 50px !important;
    }

    .u-ml\+-medium-and-up {
        margin-left: 50px !important;
    }

    .u-mh\+-medium-and-up {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }

    .u-mv\+-medium-and-up {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-m\+-large {
        margin: 50px !important;
    }

    .u-mt\+-large {
        margin-top: 50px !important;
    }

    .u-mr\+-large {
        margin-right: 50px !important;
    }

    .u-mb\+-large {
        margin-bottom: 50px !important;
    }

    .u-ml\+-large {
        margin-left: 50px !important;
    }

    .u-mh\+-large {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }

    .u-mv\+-large {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-m\+-large-and-up {
        margin: 50px !important;
    }

    .u-mt\+-large-and-up {
        margin-top: 50px !important;
    }

    .u-mr\+-large-and-up {
        margin-right: 50px !important;
    }

    .u-mb\+-large-and-up {
        margin-bottom: 50px !important;
    }

    .u-ml\+-large-and-up {
        margin-left: 50px !important;
    }

    .u-mh\+-large-and-up {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }

    .u-mv\+-large-and-up {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-m\+-extralarge-and-up {
        margin: 50px !important;
    }

    .u-mt\+-extralarge-and-up {
        margin-top: 50px !important;
    }

    .u-mr\+-extralarge-and-up {
        margin-right: 50px !important;
    }

    .u-mb\+-extralarge-and-up {
        margin-bottom: 50px !important;
    }

    .u-ml\+-extralarge-and-up {
        margin-left: 50px !important;
    }

    .u-mh\+-extralarge-and-up {
        margin-right: 50px !important;
        margin-left: 50px !important;
    }

    .u-mv\+-extralarge-and-up {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}
/**
 * Add huge margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-m\+\+-medium {
        margin: 100px !important;
    }

    .u-mt\+\+-medium {
        margin-top: 100px !important;
    }

    .u-mr\+\+-medium {
        margin-right: 100px !important;
    }

    .u-mb\+\+-medium {
        margin-bottom: 100px !important;
    }

    .u-ml\+\+-medium {
        margin-left: 100px !important;
    }

    .u-mh\+\+-medium {
        margin-right: 100px !important;
        margin-left: 100px !important;
    }

    .u-mv\+\+-medium {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-m\+\+-medium-and-up {
        margin: 100px !important;
    }

    .u-mt\+\+-medium-and-up {
        margin-top: 100px !important;
    }

    .u-mr\+\+-medium-and-up {
        margin-right: 100px !important;
    }

    .u-mb\+\+-medium-and-up {
        margin-bottom: 100px !important;
    }

    .u-ml\+\+-medium-and-up {
        margin-left: 100px !important;
    }

    .u-mh\+\+-medium-and-up {
        margin-right: 100px !important;
        margin-left: 100px !important;
    }

    .u-mv\+\+-medium-and-up {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-m\+\+-large {
        margin: 100px !important;
    }

    .u-mt\+\+-large {
        margin-top: 100px !important;
    }

    .u-mr\+\+-large {
        margin-right: 100px !important;
    }

    .u-mb\+\+-large {
        margin-bottom: 100px !important;
    }

    .u-ml\+\+-large {
        margin-left: 100px !important;
    }

    .u-mh\+\+-large {
        margin-right: 100px !important;
        margin-left: 100px !important;
    }

    .u-mv\+\+-large {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-m\+\+-large-and-up {
        margin: 100px !important;
    }

    .u-mt\+\+-large-and-up {
        margin-top: 100px !important;
    }

    .u-mr\+\+-large-and-up {
        margin-right: 100px !important;
    }

    .u-mb\+\+-large-and-up {
        margin-bottom: 100px !important;
    }

    .u-ml\+\+-large-and-up {
        margin-left: 100px !important;
    }

    .u-mh\+\+-large-and-up {
        margin-right: 100px !important;
        margin-left: 100px !important;
    }

    .u-mv\+\+-large-and-up {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-m\+\+-extralarge-and-up {
        margin: 100px !important;
    }

    .u-mt\+\+-extralarge-and-up {
        margin-top: 100px !important;
    }

    .u-mr\+\+-extralarge-and-up {
        margin-right: 100px !important;
    }

    .u-mb\+\+-extralarge-and-up {
        margin-bottom: 100px !important;
    }

    .u-ml\+\+-extralarge-and-up {
        margin-left: 100px !important;
    }

    .u-mh\+\+-extralarge-and-up {
        margin-right: 100px !important;
        margin-left: 100px !important;
    }

    .u-mv\+\+-extralarge-and-up {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}
/**
 * Remove margins.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-m0 {
        margin: 0 !important;
    }

    .u-medium-mt0 {
        margin-top: 0 !important;
    }

    .u-medium-mr0 {
        margin-right: 0 !important;
    }

    .u-medium-mb0 {
        margin-bottom: 0 !important;
    }

    .u-medium-ml0 {
        margin-left: 0 !important;
    }

    .u-medium-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .u-medium-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-m0 {
        margin: 0 !important;
    }

    .u-medium-and-up-mt0 {
        margin-top: 0 !important;
    }

    .u-medium-and-up-mr0 {
        margin-right: 0 !important;
    }

    .u-medium-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .u-medium-and-up-ml0 {
        margin-left: 0 !important;
    }

    .u-medium-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .u-medium-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-m0 {
        margin: 0 !important;
    }

    .u-large-mt0 {
        margin-top: 0 !important;
    }

    .u-large-mr0 {
        margin-right: 0 !important;
    }

    .u-large-mb0 {
        margin-bottom: 0 !important;
    }

    .u-large-ml0 {
        margin-left: 0 !important;
    }

    .u-large-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .u-large-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-m0 {
        margin: 0 !important;
    }

    .u-large-and-up-mt0 {
        margin-top: 0 !important;
    }

    .u-large-and-up-mr0 {
        margin-right: 0 !important;
    }

    .u-large-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .u-large-and-up-ml0 {
        margin-left: 0 !important;
    }

    .u-large-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .u-large-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-m0 {
        margin: 0 !important;
    }

    .u-extralarge-and-up-mt0 {
        margin-top: 0 !important;
    }

    .u-extralarge-and-up-mr0 {
        margin-right: 0 !important;
    }

    .u-extralarge-and-up-mb0 {
        margin-bottom: 0 !important;
    }

    .u-extralarge-and-up-ml0 {
        margin-left: 0 !important;
    }

    .u-extralarge-and-up-mh0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .u-extralarge-and-up-mv0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
/**
 * Padding helper classes.
 *
 * Add paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p {
        padding: 25px !important;
    }

    .u-medium-pt {
        padding-top: 25px !important;
    }

    .u-medium-pr {
        padding-right: 25px !important;
    }

    .u-medium-pb {
        padding-bottom: 25px !important;
    }

    .u-medium-pl {
        padding-left: 25px !important;
    }

    .u-medium-ph {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .u-medium-pv {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p {
        padding: 25px !important;
    }

    .u-medium-and-up-pt {
        padding-top: 25px !important;
    }

    .u-medium-and-up-pr {
        padding-right: 25px !important;
    }

    .u-medium-and-up-pb {
        padding-bottom: 25px !important;
    }

    .u-medium-and-up-pl {
        padding-left: 25px !important;
    }

    .u-medium-and-up-ph {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .u-medium-and-up-pv {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p {
        padding: 25px !important;
    }

    .u-large-pt {
        padding-top: 25px !important;
    }

    .u-large-pr {
        padding-right: 25px !important;
    }

    .u-large-pb {
        padding-bottom: 25px !important;
    }

    .u-large-pl {
        padding-left: 25px !important;
    }

    .u-large-ph {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .u-large-pv {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p {
        padding: 25px !important;
    }

    .u-large-and-up-pt {
        padding-top: 25px !important;
    }

    .u-large-and-up-pr {
        padding-right: 25px !important;
    }

    .u-large-and-up-pb {
        padding-bottom: 25px !important;
    }

    .u-large-and-up-pl {
        padding-left: 25px !important;
    }

    .u-large-and-up-ph {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .u-large-and-up-pv {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p {
        padding: 25px !important;
    }

    .u-extralarge-and-up-pt {
        padding-top: 25px !important;
    }

    .u-extralarge-and-up-pr {
        padding-right: 25px !important;
    }

    .u-extralarge-and-up-pb {
        padding-bottom: 25px !important;
    }

    .u-extralarge-and-up-pl {
        padding-left: 25px !important;
    }

    .u-extralarge-and-up-ph {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    .u-extralarge-and-up-pv {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
/**
 * Add tiny paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p-- {
        padding: 6px !important;
    }

    .u-medium-pt-- {
        padding-top: 6px !important;
    }

    .u-medium-pr-- {
        padding-right: 6px !important;
    }

    .u-medium-pb-- {
        padding-bottom: 6px !important;
    }

    .u-medium-pl-- {
        padding-left: 6px !important;
    }

    .u-medium-ph-- {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .u-medium-pv-- {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p-- {
        padding: 6px !important;
    }

    .u-medium-and-up-pt-- {
        padding-top: 6px !important;
    }

    .u-medium-and-up-pr-- {
        padding-right: 6px !important;
    }

    .u-medium-and-up-pb-- {
        padding-bottom: 6px !important;
    }

    .u-medium-and-up-pl-- {
        padding-left: 6px !important;
    }

    .u-medium-and-up-ph-- {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .u-medium-and-up-pv-- {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p-- {
        padding: 6px !important;
    }

    .u-large-pt-- {
        padding-top: 6px !important;
    }

    .u-large-pr-- {
        padding-right: 6px !important;
    }

    .u-large-pb-- {
        padding-bottom: 6px !important;
    }

    .u-large-pl-- {
        padding-left: 6px !important;
    }

    .u-large-ph-- {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .u-large-pv-- {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p-- {
        padding: 6px !important;
    }

    .u-large-and-up-pt-- {
        padding-top: 6px !important;
    }

    .u-large-and-up-pr-- {
        padding-right: 6px !important;
    }

    .u-large-and-up-pb-- {
        padding-bottom: 6px !important;
    }

    .u-large-and-up-pl-- {
        padding-left: 6px !important;
    }

    .u-large-and-up-ph-- {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .u-large-and-up-pv-- {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p-- {
        padding: 6px !important;
    }

    .u-extralarge-and-up-pt-- {
        padding-top: 6px !important;
    }

    .u-extralarge-and-up-pr-- {
        padding-right: 6px !important;
    }

    .u-extralarge-and-up-pb-- {
        padding-bottom: 6px !important;
    }

    .u-extralarge-and-up-pl-- {
        padding-left: 6px !important;
    }

    .u-extralarge-and-up-ph-- {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .u-extralarge-and-up-pv-- {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}
/**
 * Add small paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p- {
        padding: 13px !important;
    }

    .u-medium-pt- {
        padding-top: 13px !important;
    }

    .u-medium-pr- {
        padding-right: 13px !important;
    }

    .u-medium-pb- {
        padding-bottom: 13px !important;
    }

    .u-medium-pl- {
        padding-left: 13px !important;
    }

    .u-medium-ph- {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .u-medium-pv- {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p- {
        padding: 13px !important;
    }

    .u-medium-and-up-pt- {
        padding-top: 13px !important;
    }

    .u-medium-and-up-pr- {
        padding-right: 13px !important;
    }

    .u-medium-and-up-pb- {
        padding-bottom: 13px !important;
    }

    .u-medium-and-up-pl- {
        padding-left: 13px !important;
    }

    .u-medium-and-up-ph- {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .u-medium-and-up-pv- {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p- {
        padding: 13px !important;
    }

    .u-large-pt- {
        padding-top: 13px !important;
    }

    .u-large-pr- {
        padding-right: 13px !important;
    }

    .u-large-pb- {
        padding-bottom: 13px !important;
    }

    .u-large-pl- {
        padding-left: 13px !important;
    }

    .u-large-ph- {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .u-large-pv- {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p- {
        padding: 13px !important;
    }

    .u-large-and-up-pt- {
        padding-top: 13px !important;
    }

    .u-large-and-up-pr- {
        padding-right: 13px !important;
    }

    .u-large-and-up-pb- {
        padding-bottom: 13px !important;
    }

    .u-large-and-up-pl- {
        padding-left: 13px !important;
    }

    .u-large-and-up-ph- {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .u-large-and-up-pv- {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p- {
        padding: 13px !important;
    }

    .u-extralarge-and-up-pt- {
        padding-top: 13px !important;
    }

    .u-extralarge-and-up-pr- {
        padding-right: 13px !important;
    }

    .u-extralarge-and-up-pb- {
        padding-bottom: 13px !important;
    }

    .u-extralarge-and-up-pl- {
        padding-left: 13px !important;
    }

    .u-extralarge-and-up-ph- {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .u-extralarge-and-up-pv- {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}
/**
 * Add large paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p\+ {
        padding: 50px !important;
    }

    .u-medium-pt\+ {
        padding-top: 50px !important;
    }

    .u-medium-pr\+ {
        padding-right: 50px !important;
    }

    .u-medium-pb\+ {
        padding-bottom: 50px !important;
    }

    .u-medium-pl\+ {
        padding-left: 50px !important;
    }

    .u-medium-ph\+ {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .u-medium-pv\+ {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p\+ {
        padding: 50px !important;
    }

    .u-medium-and-up-pt\+ {
        padding-top: 50px !important;
    }

    .u-medium-and-up-pr\+ {
        padding-right: 50px !important;
    }

    .u-medium-and-up-pb\+ {
        padding-bottom: 50px !important;
    }

    .u-medium-and-up-pl\+ {
        padding-left: 50px !important;
    }

    .u-medium-and-up-ph\+ {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .u-medium-and-up-pv\+ {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p\+ {
        padding: 50px !important;
    }

    .u-large-pt\+ {
        padding-top: 50px !important;
    }

    .u-large-pr\+ {
        padding-right: 50px !important;
    }

    .u-large-pb\+ {
        padding-bottom: 50px !important;
    }

    .u-large-pl\+ {
        padding-left: 50px !important;
    }

    .u-large-ph\+ {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .u-large-pv\+ {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p\+ {
        padding: 50px !important;
    }

    .u-large-and-up-pt\+ {
        padding-top: 50px !important;
    }

    .u-large-and-up-pr\+ {
        padding-right: 50px !important;
    }

    .u-large-and-up-pb\+ {
        padding-bottom: 50px !important;
    }

    .u-large-and-up-pl\+ {
        padding-left: 50px !important;
    }

    .u-large-and-up-ph\+ {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .u-large-and-up-pv\+ {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p\+ {
        padding: 50px !important;
    }

    .u-extralarge-and-up-pt\+ {
        padding-top: 50px !important;
    }

    .u-extralarge-and-up-pr\+ {
        padding-right: 50px !important;
    }

    .u-extralarge-and-up-pb\+ {
        padding-bottom: 50px !important;
    }

    .u-extralarge-and-up-pl\+ {
        padding-left: 50px !important;
    }

    .u-extralarge-and-up-ph\+ {
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .u-extralarge-and-up-pv\+ {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
/**
 * Add huge paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p\+\+ {
        padding: 100px !important;
    }

    .u-medium-pt\+\+ {
        padding-top: 100px !important;
    }

    .u-medium-pr\+\+ {
        padding-right: 100px !important;
    }

    .u-medium-pb\+\+ {
        padding-bottom: 100px !important;
    }

    .u-medium-pl\+\+ {
        padding-left: 100px !important;
    }

    .u-medium-ph\+\+ {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .u-medium-pv\+\+ {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p\+\+ {
        padding: 100px !important;
    }

    .u-medium-and-up-pt\+\+ {
        padding-top: 100px !important;
    }

    .u-medium-and-up-pr\+\+ {
        padding-right: 100px !important;
    }

    .u-medium-and-up-pb\+\+ {
        padding-bottom: 100px !important;
    }

    .u-medium-and-up-pl\+\+ {
        padding-left: 100px !important;
    }

    .u-medium-and-up-ph\+\+ {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .u-medium-and-up-pv\+\+ {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p\+\+ {
        padding: 100px !important;
    }

    .u-large-pt\+\+ {
        padding-top: 100px !important;
    }

    .u-large-pr\+\+ {
        padding-right: 100px !important;
    }

    .u-large-pb\+\+ {
        padding-bottom: 100px !important;
    }

    .u-large-pl\+\+ {
        padding-left: 100px !important;
    }

    .u-large-ph\+\+ {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .u-large-pv\+\+ {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p\+\+ {
        padding: 100px !important;
    }

    .u-large-and-up-pt\+\+ {
        padding-top: 100px !important;
    }

    .u-large-and-up-pr\+\+ {
        padding-right: 100px !important;
    }

    .u-large-and-up-pb\+\+ {
        padding-bottom: 100px !important;
    }

    .u-large-and-up-pl\+\+ {
        padding-left: 100px !important;
    }

    .u-large-and-up-ph\+\+ {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .u-large-and-up-pv\+\+ {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p\+\+ {
        padding: 100px !important;
    }

    .u-extralarge-and-up-pt\+\+ {
        padding-top: 100px !important;
    }

    .u-extralarge-and-up-pr\+\+ {
        padding-right: 100px !important;
    }

    .u-extralarge-and-up-pb\+\+ {
        padding-bottom: 100px !important;
    }

    .u-extralarge-and-up-pl\+\+ {
        padding-left: 100px !important;
    }

    .u-extralarge-and-up-ph\+\+ {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }

    .u-extralarge-and-up-pv\+\+ {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}
/**
 * Remove paddings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .u-medium-p0 {
        padding: 0 !important;
    }

    .u-medium-pt0 {
        padding-top: 0 !important;
    }

    .u-medium-pr0 {
        padding-right: 0 !important;
    }

    .u-medium-pb0 {
        padding-bottom: 0 !important;
    }

    .u-medium-pl0 {
        padding-left: 0 !important;
    }

    .u-medium-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .u-medium-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (min-width: 481px) {
    .u-medium-and-up-p0 {
        padding: 0 !important;
    }

    .u-medium-and-up-pt0 {
        padding-top: 0 !important;
    }

    .u-medium-and-up-pr0 {
        padding-right: 0 !important;
    }

    .u-medium-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .u-medium-and-up-pl0 {
        padding-left: 0 !important;
    }

    .u-medium-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .u-medium-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .u-large-p0 {
        padding: 0 !important;
    }

    .u-large-pt0 {
        padding-top: 0 !important;
    }

    .u-large-pr0 {
        padding-right: 0 !important;
    }

    .u-large-pb0 {
        padding-bottom: 0 !important;
    }

    .u-large-pl0 {
        padding-left: 0 !important;
    }

    .u-large-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .u-large-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (min-width: 769px) {
    .u-large-and-up-p0 {
        padding: 0 !important;
    }

    .u-large-and-up-pt0 {
        padding-top: 0 !important;
    }

    .u-large-and-up-pr0 {
        padding-right: 0 !important;
    }

    .u-large-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .u-large-and-up-pl0 {
        padding-left: 0 !important;
    }

    .u-large-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .u-large-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (min-width: 1025px) {
    .u-extralarge-and-up-p0 {
        padding: 0 !important;
    }

    .u-extralarge-and-up-pt0 {
        padding-top: 0 !important;
    }

    .u-extralarge-and-up-pr0 {
        padding-right: 0 !important;
    }

    .u-extralarge-and-up-pb0 {
        padding-bottom: 0 !important;
    }

    .u-extralarge-and-up-pl0 {
        padding-left: 0 !important;
    }

    .u-extralarge-and-up-ph0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .u-extralarge-and-up-pv0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
 * Whole.
 */
[class~="1/1"] {
    width: 100% !important;
}

/**
 * Halves.
 */
[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
    width: 50% !important;
}

/**
 * Thirds.
 */
[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
    width: 33.3333333% !important;
}

[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
    width: 66.6666666% !important;
}

/**
 * Quarters.
 */
[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
    width: 25% !important;
}

[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
    width: 75% !important;
}

/**
 * Fifths.
 */
[class~="1/5"],
[class~="2/10"] {
    width: 20% !important;
}

[class~="2/5"],
[class~="4/10"] {
    width: 40% !important;
}

[class~="3/5"],
[class~="6/10"] {
    width: 60% !important;
}

[class~="4/5"],
[class~="8/10"] {
    width: 80% !important;
}

/**
 * Sixths.
 */
[class~="1/6"],
[class~="2/12"] {
    width: 16.6666666% !important;
}

[class~="5/6"],
[class~="10/12"] {
    width: 83.3333333% !important;
}

/**
 * Eighths.
 */
[class~="1/8"] {
    width: 12.5% !important;
}

[class~="3/8"] {
    width: 37.5% !important;
}

[class~="5/8"] {
    width: 62.5% !important;
}

[class~="7/8"] {
    width: 87.5% !important;
}

/**
 * Ninths.
 */
[class~="1/9"] {
    width: 11.1111111% !important;
}

[class~="2/9"] {
    width: 22.2222222% !important;
}

[class~="4/9"] {
    width: 44.4444444% !important;
}

[class~="5/9"] {
    width: 55.5555555% !important;
}

[class~="7/9"] {
    width: 77.7777777% !important;
}

[class~="8/9"] {
    width: 88.8888888% !important;
}

/**
 * Tenths.
 */
[class~="1/10"] {
    width: 10% !important;
}

[class~="3/10"] {
    width: 30% !important;
}

[class~="7/10"] {
    width: 70% !important;
}

[class~="9/10"] {
    width: 90% !important;
}

/**
 * Twelfths.
 */
[class~="1/12"] {
    width: 8.3333333% !important;
}

[class~="5/12"] {
    width: 41.6666666% !important;
}

[class~="7/12"] {
    width: 58.3333333% !important;
}

[class~="11/12"] {
    width: 91.6666666% !important;
}

/*------------------------------------*\
    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (min-width: 481px) and (max-width: 768px) {
    /**
     * Whole.
     */
    [class~="medium-1/1"] {
        width: 100% !important;
    }

    /**
     * Halves.
     */
    [class~="medium-1/2"],
    [class~="medium-2/4"],
    [class~="medium-3/6"],
    [class~="medium-4/8"],
    [class~="medium-5/10"],
    [class~="medium-6/12"] {
        width: 50% !important;
    }

    /**
     * Thirds.
     */
    [class~="medium-1/3"],
    [class~="medium-2/6"],
    [class~="medium-3/9"],
    [class~="medium-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="medium-2/3"],
    [class~="medium-4/6"],
    [class~="medium-6/9"],
    [class~="medium-8/12"] {
        width: 66.6666666% !important;
    }

    /**
     * Quarters.
     */
    [class~="medium-1/4"],
    [class~="medium-2/8"],
    [class~="medium-3/12"] {
        width: 25% !important;
    }

    [class~="medium-3/4"],
    [class~="medium-6/8"],
    [class~="medium-9/12"] {
        width: 75% !important;
    }

    /**
     * Fifths.
     */
    [class~="medium-1/5"],
    [class~="medium-2/10"] {
        width: 20% !important;
    }

    [class~="medium-2/5"],
    [class~="medium-4/10"] {
        width: 40% !important;
    }

    [class~="medium-3/5"],
    [class~="medium-6/10"] {
        width: 60% !important;
    }

    [class~="medium-4/5"],
    [class~="medium-8/10"] {
        width: 80% !important;
    }

    /**
     * Sixths.
     */
    [class~="medium-1/6"],
    [class~="medium-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="medium-5/6"],
    [class~="medium-10/12"] {
        width: 83.3333333% !important;
    }

    /**
     * Eighths.
     */
    [class~="medium-1/8"] {
        width: 12.5% !important;
    }

    [class~="medium-3/8"] {
        width: 37.5% !important;
    }

    [class~="medium-5/8"] {
        width: 62.5% !important;
    }

    [class~="medium-7/8"] {
        width: 87.5% !important;
    }

    /**
     * Ninths.
     */
    [class~="medium-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="medium-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="medium-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="medium-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="medium-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="medium-8/9"] {
        width: 88.8888888% !important;
    }

    /**
     * Tenths.
     */
    [class~="medium-1/10"] {
        width: 10% !important;
    }

    [class~="medium-3/10"] {
        width: 30% !important;
    }

    [class~="medium-7/10"] {
        width: 70% !important;
    }

    [class~="medium-9/10"] {
        width: 90% !important;
    }

    /**
     * Twelfths.
     */
    [class~="medium-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="medium-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="medium-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="medium-11/12"] {
        width: 91.6666666% !important;
    }
}
@media screen and (min-width: 481px) {
    /**
     * Whole.
     */
    [class~="medium-and-up-1/1"] {
        width: 100% !important;
    }

    /**
     * Halves.
     */
    [class~="medium-and-up-1/2"],
    [class~="medium-and-up-2/4"],
    [class~="medium-and-up-3/6"],
    [class~="medium-and-up-4/8"],
    [class~="medium-and-up-5/10"],
    [class~="medium-and-up-6/12"] {
        width: 50% !important;
    }

    /**
     * Thirds.
     */
    [class~="medium-and-up-1/3"],
    [class~="medium-and-up-2/6"],
    [class~="medium-and-up-3/9"],
    [class~="medium-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="medium-and-up-2/3"],
    [class~="medium-and-up-4/6"],
    [class~="medium-and-up-6/9"],
    [class~="medium-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
     * Quarters.
     */
    [class~="medium-and-up-1/4"],
    [class~="medium-and-up-2/8"],
    [class~="medium-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="medium-and-up-3/4"],
    [class~="medium-and-up-6/8"],
    [class~="medium-and-up-9/12"] {
        width: 75% !important;
    }

    /**
     * Fifths.
     */
    [class~="medium-and-up-1/5"],
    [class~="medium-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="medium-and-up-2/5"],
    [class~="medium-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="medium-and-up-3/5"],
    [class~="medium-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="medium-and-up-4/5"],
    [class~="medium-and-up-8/10"] {
        width: 80% !important;
    }

    /**
     * Sixths.
     */
    [class~="medium-and-up-1/6"],
    [class~="medium-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="medium-and-up-5/6"],
    [class~="medium-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
     * Eighths.
     */
    [class~="medium-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="medium-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="medium-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="medium-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
     * Ninths.
     */
    [class~="medium-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="medium-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="medium-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="medium-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="medium-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="medium-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
     * Tenths.
     */
    [class~="medium-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="medium-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="medium-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="medium-and-up-9/10"] {
        width: 90% !important;
    }

    /**
     * Twelfths.
     */
    [class~="medium-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="medium-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="medium-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="medium-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /**
     * Whole.
     */
    [class~="large-1/1"] {
        width: 100% !important;
    }

    /**
     * Halves.
     */
    [class~="large-1/2"],
    [class~="large-2/4"],
    [class~="large-3/6"],
    [class~="large-4/8"],
    [class~="large-5/10"],
    [class~="large-6/12"] {
        width: 50% !important;
    }

    /**
     * Thirds.
     */
    [class~="large-1/3"],
    [class~="large-2/6"],
    [class~="large-3/9"],
    [class~="large-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="large-2/3"],
    [class~="large-4/6"],
    [class~="large-6/9"],
    [class~="large-8/12"] {
        width: 66.6666666% !important;
    }

    /**
     * Quarters.
     */
    [class~="large-1/4"],
    [class~="large-2/8"],
    [class~="large-3/12"] {
        width: 25% !important;
    }

    [class~="large-3/4"],
    [class~="large-6/8"],
    [class~="large-9/12"] {
        width: 75% !important;
    }

    /**
     * Fifths.
     */
    [class~="large-1/5"],
    [class~="large-2/10"] {
        width: 20% !important;
    }

    [class~="large-2/5"],
    [class~="large-4/10"] {
        width: 40% !important;
    }

    [class~="large-3/5"],
    [class~="large-6/10"] {
        width: 60% !important;
    }

    [class~="large-4/5"],
    [class~="large-8/10"] {
        width: 80% !important;
    }

    /**
     * Sixths.
     */
    [class~="large-1/6"],
    [class~="large-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="large-5/6"],
    [class~="large-10/12"] {
        width: 83.3333333% !important;
    }

    /**
     * Eighths.
     */
    [class~="large-1/8"] {
        width: 12.5% !important;
    }

    [class~="large-3/8"] {
        width: 37.5% !important;
    }

    [class~="large-5/8"] {
        width: 62.5% !important;
    }

    [class~="large-7/8"] {
        width: 87.5% !important;
    }

    /**
     * Ninths.
     */
    [class~="large-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="large-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="large-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="large-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="large-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="large-8/9"] {
        width: 88.8888888% !important;
    }

    /**
     * Tenths.
     */
    [class~="large-1/10"] {
        width: 10% !important;
    }

    [class~="large-3/10"] {
        width: 30% !important;
    }

    [class~="large-7/10"] {
        width: 70% !important;
    }

    [class~="large-9/10"] {
        width: 90% !important;
    }

    /**
     * Twelfths.
     */
    [class~="large-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="large-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="large-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="large-11/12"] {
        width: 91.6666666% !important;
    }
}
@media screen and (min-width: 769px) {
    /**
     * Whole.
     */
    [class~="large-and-up-1/1"] {
        width: 100% !important;
    }

    /**
     * Halves.
     */
    [class~="large-and-up-1/2"],
    [class~="large-and-up-2/4"],
    [class~="large-and-up-3/6"],
    [class~="large-and-up-4/8"],
    [class~="large-and-up-5/10"],
    [class~="large-and-up-6/12"] {
        width: 50% !important;
    }

    /**
     * Thirds.
     */
    [class~="large-and-up-1/3"],
    [class~="large-and-up-2/6"],
    [class~="large-and-up-3/9"],
    [class~="large-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="large-and-up-2/3"],
    [class~="large-and-up-4/6"],
    [class~="large-and-up-6/9"],
    [class~="large-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
     * Quarters.
     */
    [class~="large-and-up-1/4"],
    [class~="large-and-up-2/8"],
    [class~="large-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="large-and-up-3/4"],
    [class~="large-and-up-6/8"],
    [class~="large-and-up-9/12"] {
        width: 75% !important;
    }

    /**
     * Fifths.
     */
    [class~="large-and-up-1/5"],
    [class~="large-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="large-and-up-2/5"],
    [class~="large-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="large-and-up-3/5"],
    [class~="large-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="large-and-up-4/5"],
    [class~="large-and-up-8/10"] {
        width: 80% !important;
    }

    /**
     * Sixths.
     */
    [class~="large-and-up-1/6"],
    [class~="large-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="large-and-up-5/6"],
    [class~="large-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
     * Eighths.
     */
    [class~="large-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="large-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="large-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="large-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
     * Ninths.
     */
    [class~="large-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="large-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="large-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="large-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="large-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="large-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
     * Tenths.
     */
    [class~="large-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="large-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="large-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="large-and-up-9/10"] {
        width: 90% !important;
    }

    /**
     * Twelfths.
     */
    [class~="large-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="large-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="large-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="large-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}
@media screen and (min-width: 1025px) {
    /**
     * Whole.
     */
    [class~="extralarge-and-up-1/1"] {
        width: 100% !important;
    }

    /**
     * Halves.
     */
    [class~="extralarge-and-up-1/2"],
    [class~="extralarge-and-up-2/4"],
    [class~="extralarge-and-up-3/6"],
    [class~="extralarge-and-up-4/8"],
    [class~="extralarge-and-up-5/10"],
    [class~="extralarge-and-up-6/12"] {
        width: 50% !important;
    }

    /**
     * Thirds.
     */
    [class~="extralarge-and-up-1/3"],
    [class~="extralarge-and-up-2/6"],
    [class~="extralarge-and-up-3/9"],
    [class~="extralarge-and-up-4/12"] {
        width: 33.3333333% !important;
    }

    [class~="extralarge-and-up-2/3"],
    [class~="extralarge-and-up-4/6"],
    [class~="extralarge-and-up-6/9"],
    [class~="extralarge-and-up-8/12"] {
        width: 66.6666666% !important;
    }

    /**
     * Quarters.
     */
    [class~="extralarge-and-up-1/4"],
    [class~="extralarge-and-up-2/8"],
    [class~="extralarge-and-up-3/12"] {
        width: 25% !important;
    }

    [class~="extralarge-and-up-3/4"],
    [class~="extralarge-and-up-6/8"],
    [class~="extralarge-and-up-9/12"] {
        width: 75% !important;
    }

    /**
     * Fifths.
     */
    [class~="extralarge-and-up-1/5"],
    [class~="extralarge-and-up-2/10"] {
        width: 20% !important;
    }

    [class~="extralarge-and-up-2/5"],
    [class~="extralarge-and-up-4/10"] {
        width: 40% !important;
    }

    [class~="extralarge-and-up-3/5"],
    [class~="extralarge-and-up-6/10"] {
        width: 60% !important;
    }

    [class~="extralarge-and-up-4/5"],
    [class~="extralarge-and-up-8/10"] {
        width: 80% !important;
    }

    /**
     * Sixths.
     */
    [class~="extralarge-and-up-1/6"],
    [class~="extralarge-and-up-2/12"] {
        width: 16.6666666% !important;
    }

    [class~="extralarge-and-up-5/6"],
    [class~="extralarge-and-up-10/12"] {
        width: 83.3333333% !important;
    }

    /**
     * Eighths.
     */
    [class~="extralarge-and-up-1/8"] {
        width: 12.5% !important;
    }

    [class~="extralarge-and-up-3/8"] {
        width: 37.5% !important;
    }

    [class~="extralarge-and-up-5/8"] {
        width: 62.5% !important;
    }

    [class~="extralarge-and-up-7/8"] {
        width: 87.5% !important;
    }

    /**
     * Ninths.
     */
    [class~="extralarge-and-up-1/9"] {
        width: 11.1111111% !important;
    }

    [class~="extralarge-and-up-2/9"] {
        width: 22.2222222% !important;
    }

    [class~="extralarge-and-up-4/9"] {
        width: 44.4444444% !important;
    }

    [class~="extralarge-and-up-5/9"] {
        width: 55.5555555% !important;
    }

    [class~="extralarge-and-up-7/9"] {
        width: 77.7777777% !important;
    }

    [class~="extralarge-and-up-8/9"] {
        width: 88.8888888% !important;
    }

    /**
     * Tenths.
     */
    [class~="extralarge-and-up-1/10"] {
        width: 10% !important;
    }

    [class~="extralarge-and-up-3/10"] {
        width: 30% !important;
    }

    [class~="extralarge-and-up-7/10"] {
        width: 70% !important;
    }

    [class~="extralarge-and-up-9/10"] {
        width: 90% !important;
    }

    /**
     * Twelfths.
     */
    [class~="extralarge-and-up-1/12"] {
        width: 8.3333333% !important;
    }

    [class~="extralarge-and-up-5/12"] {
        width: 41.6666666% !important;
    }

    [class~="extralarge-and-up-7/12"] {
        width: 58.3333333% !important;
    }

    [class~="extralarge-and-up-11/12"] {
        width: 91.6666666% !important;
    }
}
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.media:after,
.box:after {
    content: "";
    display: table;
    clear: both;
}

/* --------------------------------------------------------------------------------------
+
+ HELPER CLASSES
+
-------------------------------------------------------------------------------------- */
.hidden {
    display: none !important;
}

.visuallyhidden {
    position: absolute;
    left: -999em;
}

.invisible {
    visibility: hidden !important;
}

.no-transition,
.no-transition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.amp {
    font-family: Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", serif;
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/* --------------------------------------------------------------------------------------
+
+ TYPE
+
-------------------------------------------------------------------------------------- */
.type-italic {
    font-style: italic !important;
}

.type-light {
    font-weight: 300 !important;
}

.type-normal {
    font-weight: 400 !important;
}

.type-semibold {
    font-weight: 600 !important;
}

.type-bold {
    font-weight: 700 !important;
}

.type-extrabold {
    font-weight: 800 !important;
}

.type-uppercase {
    text-transform: uppercase !important;
}

.type-no-transform {
    text-transform: none !important;
}

.type-lowercase {
    text-transform: lowercase !important;
}

.type-capitalize {
    text-transform: capitalize !important;
}

.type-no-transfrom {
    text-transform: none !important;
}

/*------------------------------------*\
    #TYPE
\*------------------------------------*/
/**
 * TYPE SIZES
 */
.type-extra-tiny {
    font-size: 8px !important;
}

.type-extra-small {
    font-size: 10px !important;
}

.type-tiny {
    font-size: 12px !important;
}

.type-small {
    font-size: 14px !important;
}

.type-default {
    font-size: 16px !important;
}

.type-large {
    font-size: 18px !important;
}

.type-huge {
    font-size: 20px !important;
}

.type-extrahuge {
    font-size: 22px !important;
}

.type-x-huge {
    font-size: 24px !important;
}

.type-super-huge {
    font-size: 32px !important;
}

/*------------------------------------*\
    #COLORS
\*------------------------------------*/
.color-red {
    color: #cc3333 !important;
}

.color-dark {
    color: #000 !important;
}

.color-blue {
    color: #32b1ec !important;
}

.color-white {
    color: white !important;
}

.color-gray {
    color: #333 !important;
}
.color-darkgray {
    color: #333 !important;
}

.color-gray-light {
    color: #ababab !important;
}

.color-yellow {
    color: #ffcc00 !important;
}

.color-green {
    color: #00c072 !important;
}

.color-pink {
    color: #d94362 !important;
}

/*------------------------------------*\
    #BACKGROUNDS
\*------------------------------------*/
.bgr-red {
    background-color: #cc3333 !important;
}

.bgr-yellow {
    background-color: #ffcc00 !important;
}

.bgr-gray {
    background-color: #f5f6f6 !important;
}

.bgr-blue {
    background-color: #32b1ec !important;
}

.bgr-green {
    background-color: #00c072 !important;
}

.bgr-orange {
    background-color: #ff684c !important;
}

.bgr-dark {
    background-color: #17171a !important;
}

.bgr-white-transparent {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.bgr-white {
    background-color: white !important;
}

.bgr-white-patern {
    background-image: url("images/patern-white.jpg") !important;
}

/*------------------------------------*\
    #HELPERS
\*------------------------------------*/
.display-block {
    display: block !important;
}

.lh-1 {
    line-height: 1 !important;
}

.full-height {
    height: 100% !important;
}

.absolute {
    position: absolute;
}

.note-text {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.92308;
    line-height: 1.2;
    max-width: 890px;
    text-align: center;
    font-weight: 300;
    margin: 0 auto 70px;
}
.page-template-page-contact .note-text {
    max-width: 450px;
}

.radius {
    border-radius: 4px;
}

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

.relative {
    position: relative !important;
}

.verticalize {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
    .large-and-up-float-right {
        float: right;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-text-center {
        text-align: center !important;
    }
}

@media screen and (min-width: 769px) {
    .large-and-up-text-right {
        text-align: right !important;
    }
}

.lh-1-2 {
    line-height: 1.2 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.no-uppercase {
    text-transform: none !important;
}

.type-normal-default {
    font-style: normal !important;
}

/*------------------------------------*\
    #PRINT
\*------------------------------------*/
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
}

/* CUSTOM */

footer input.wysija-input {
    box-sizing: border-box;
    display: inline-block;
    font-family: "ProximaNova",sans-serif;
    font-size: 16px;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    font-weight: 300;
    height: 45px;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 0;
    background-color: white !important;
    border: medium none;
    border-radius: 30px 0 0 30px !important;
    color: #333 !important;
    height: 45px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
footer input.wysija-submit-field {
    cursor: pointer;
    -moz-user-select: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    display: inline-block !important;
    margin: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    /*background-color: #cc3333 !important;*/
    background-color: #337ab7 !important;
    box-sizing: border-box;
    color: white !important;
    font-family: "ProximaNova",sans-serif !important;
    max-width: 100%;
    padding: 0 !important;
    text-align: center !important;
    transition: all 0.2s ease 0s;
    border-radius: 0 30px 30px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 45px !important;
    line-height: 49px !important;
    text-transform: uppercase !important;
    width: 82px !important;
}
footer input:hover.wysija-submit-field {
    background-color: #a32929 !important;
}
.page-template-default .subscribe-box input.wysija-input {
    box-sizing: border-box;
    display: inline-block;
    font-family: "ProximaNova",sans-serif;
    font-size: 16px;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 100%;
    color: #3a3c41;
    font-weight: 300;
    height: 45px;
    padding: 0 15px;
    max-width: 100% !important;
    width: 100% !important;
    background-color: white !important;
    border: medium none !important;
    border-radius: 30px 0 0 30px !important;
    height: 43px !important;
    line-height: 43px !important;
}
.page-template-default .subscribe-box input.wysija-submit {
    border: medium none !important;
    display: inline-block !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    background-color: #cc3333 !important;
    box-sizing: border-box;
    color: white !important;
    font-family: "ProximaNova",sans-serif !important;
    font-weight: 700;
    line-height: 62px !important;
    padding: 0 20px !important;
    text-align: center !important;
    transition: all 0.2s ease 0s;
    width: 368px;
    border-radius: 0 30px 30px 0 !important;
    font-size: 14px !important;
    height: 43px !important;
    line-height: 41px !important;
    max-width: 162px !important;
}
.page-template-default .subscribe-box input.wysija-submit:hover {
    background-color: #a32929 !important;
}
.article-content__main p {
    margin-bottom: 25px;
}
.article-content__main .subscribe-box p {
    margin: 0;
}
.article-content__main ul, .article-content__main ol {
    margin-bottom: 25px;
    margin-left: 25px;
}
.article-content__main a {
    color: #cc3333;
    font-weight: 600;
}
.article-content__main {
    
}

/* WP VARIOUS */

.article-content__main a.post-edit-link {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.08);
    color: #555555;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px;
    text-align: center;
    width: 80px;
}
.article-content__main a:hover.post-edit-link {
    opacity: 0.8;
    text-decoration: none;
}
.article-content__main .alignleft, .article-content__main img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.article-content__main .alignright, .article-content__main img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.article-content__main .aligncenter, .article-content__main img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.article-content__main .alignnone, .article-content__main img.alignnone {
}
.article-content__main .wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}
.article-content__main .wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.article-content__main .wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}
.article-content__main blockquote::before {
    color: #bfc1c2;
    content: "“";
    font-size: 5em;
    left: 0em;
    line-height: 1;
    position: absolute;
    top: 0;
}
.article-content__main blockquote {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ededed;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #666;
    font-style: italic;
    margin: 1.25em 1em 1.25em 1.25em;
    padding: 0 1em 0 3.5em;
    position: relative;
}
.search-results .navigation a {
    color: #cc3333;
    font-weight: 600;
}
.page-template-page-blog .subheader form input.wysija-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-sizing: border-box;
    display: inline-block;
    font-family: "ProximaNova",sans-serif;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    width: 100%;
    padding: 0 15px;
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 4px !important;
    color: white;
    font-size: 17px;
    font-weight: 400;
    height: 52px;
    border: 1px solid white;
}
.page-template-page-blog .subheader form input.wysija-submit {
    display: inline-block !important;
    line-height: normal !important;
    margin: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    border-radius: 30px;
    box-sizing: border-box;
    color: white !important;
    font-family: "ProximaNova",sans-serif !important;
    max-width: 100%;
    padding: 0 20px !important;
    text-align: center !important;
    transition: all 0.2s ease 0s;
    font-size: 18px;
    font-weight: 700;
    width: 146px;
    background-color: #ffcc00 !important;
    border: medium none !important;
    border-radius: 0 !important;
    height: 52px !important;
    line-height: 54px !important;
    color: #000 !important;
}
.page-template-page-blog .subheader form input:hover.wysija-submit {
    background: #e6b800 !important;
}
.desktop-text-center {
    text-align: center !important;
}
.desktop-text-left {
    text-align: left !important;
}
.desktop-text-right {
    text-align: right !important;
}
@media screen and (max-width: 768px) {
.desktop-text-left {
    text-align: center !important;
}
.desktop-text-right {
    text-align: center !important;
}
}
.single-post aside ul.other-posts li {
    border-bottom: 1px solid #e5e5e5;
}
.single-post aside ul.other-posts li:last-child {
    border-bottom: none;
    margin-bottom: 25px;
}
.top-area .live-edit-button {
  top: 85px;
}
.header-main__logo .live-edit-button,
.logo-header .custom-edit {
  top: -20px;
}
.header-main__logo.edit-hide .live-edit-button {
  display: none;
}
.custom-edit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  color: #555555;
  font-size: 14px;
  line-height: 1;
  padding: 9px 14px;
  background: #F7F7F7;
  border: #CCCCCC solid 1px;
  border-radius: 3px;
  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  z-index: 9;
}

/**********************************************/
/***************** CUSTOM CSS *****************/
/**********************************************/
h1, .h1, h2, .h2{
	text-transform:none;
}
#menu-header-menu li:last-child{
	background-color: #ff684c;
    padding: 7px 15px;
    border-radius: 5px;
    color: white!important;
}
#menu-header-menu li:last-child a{
	color:white!important;
	font-weight:400;
}
#menu-header-menu li:last-child a:hover{
	color:white!important;
}
#menu-header-menu li:last-child:hover{
	background-color:#f22613!important;
}
#home-section1 h1{
	font-weight:300;
	color:#292929;
	padding:20px;
}
#home-section1 h2{
	font-weight:400;
	color:#292929;
}
#main-title{
	text-transform:none!important;
}
.page-template-page-homepage-php .subheader h1{
	max-width:900px;
}
#home-section1 h2{
	font-size: 30px;
    font-size: 1.875rem;
	line-height: 1.04167;
	margin-bottom:25px;
}
#home-section1 .btn--primary{
	margin-right:25px!important;
	font-weight:400;
}
@media(min-width:769px) and (max-width:1199px){
	#home-section1 .btn--primary{
		margin-bottom:25px!important;
	}
}
.btn--secondary{
	background-color:transparent!important;
	border:1px solid #292929!important;
	color:#292929!important;
    -webkit-font-smoothing: inherit;
    transition: all .2s ease;
    font-weight: 400;
    font-family: "ProximaNova", sans-serif !important;
    height: 60px !important;
    line-height: 62px !important;
    padding: 0 20px !important;
    text-align: center !important;
    font-size: 18px !important;
    box-sizing: border-box;
    /* border-radius: 30px; */
    border-radius: 2px;
    max-width: 100%;
    width: 368px;
}
.btn--secondary:not(:disabled):hover, .btn--secondary:not(:disabled):focus{
	background-color:transparent!important;
}
h1,h2,h3,a{
    font-family: proximanova, sans-serif;
}
.img-wrap-wrap{
	background-color: #f8f2e6;
    border-radius: 50% 50% 0 0;
}
.img-wrap-wrap{
	color:#153048;
}
.footer-main__content h2{
	font-weight:300!important;
}
.page-template-page-help .subheader label {
    width:100%;
}
#wpgmza_map{
	margin-bottom:20px;
}
.house p{
	margin-bottom:15px!important;
}
.about-us-title{
	margin-bottom:10px!important;
}
.about-us p:last-child{
	margin-bottom:15px!important;
}
.footer-contact{
	font-size:20px!important;
	color:#bbb!important;
}
.flag__mobile img{
	width:12px;
	margin-left:2px;
}
.flag__email img{
	height:12px;
}
.featured-image img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.flag__house img{
	height:19px;
}
.blog-title{	
	color:#333!important;
}
.footer-contact-name{
	margin-bottom:3px;
}
.article-image img{
	width:100%;
	height:auto;
}



/************ Pricing Page ***********/
.price-page h1.page-title{
    margin: 40px 0;
	font-weight: 300;
    text-align: center;
}
.price-page h2.page-section-title{
    margin: 30px 0;
}
.price-page h2{
	font-size:2.3rem;
	text-align: center;
}
.pricing-frequency-container{
	margin-bottom:50px;
}
.amount{
	border:1px solid grey;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	width: 150px;
	padding: 10px 0;
	margin:0 auto;
}
.price-page .extras-container{
	margin-bottom:35px;
}
/*Turn off until I can work out dynamic pricing*/

.selected{
	color:rgb(77, 67, 67);
}
.price-onceoff{
	line-height:2.9
}
@media(max-width:767px){	
	.pricing-frequency{
		margin-bottom:20px;
	}
}
.discount-amount{
	text-align:center;
}
.pricing-table, .service-table{
	border:1px solid #ccc;
	max-width: 800px!important;
    margin: 0 auto;
}
.pricing-table thead, .service-table thead{
	font-weight:bold;
}
.pricing-table td{
	padding-left:15px!important;
}
.hourly-row{
	background-color:#F9F9F9;
}
.hourly-row td{
	padding:20px 15px!important;
}
.price-page .book-now{
	padding:15px 50px;
	padding:15px 50px;
}
.price-page .book-now-wrapper{
	margin-bottom:30px;
}
.extras-icon{
	padding-top:10px;
}
.extras-price{
	margin-top:5px;
}
.extras-single{
	margin-top:10px;
}
.extras-single .extras-price{
	margin-top:15px;
}
.extras-single img{
	margin-top:-20px;
}
img.extras-icon-deep{
	margin-top:0;
}
@media(max-width:1099px){
	.extras{
		height: 165px;
		border: 1px solid #ccc;
		margin: 0 auto 20px auto;
		padding: 10px;
		text-align: center;
		max-width: 130px;
	}
	.extras-icon-wrapper {
		position: absolute;
		width: 105px;
		bottom: 40px;
	}
}
@media(min-width:1100px){
	.price-page .book-now-wrapper{
		margin-top:60px;
	}
	.extras-wrapper{
		width:10.5%;
		height:165px;
		margin:1%;
		border:1px solid #ccc;
		float:left;
		text-align:center;
		padding:10px;
	}
	.extras-icon-push-down{
		padding-top:30px;
	}
}
.pricing-center{
	margin: 20px auto;
    width: 368px;
}
.service-table{
	text-align:center;
}
.service-area{
	text-align:left;
}
.service-heading{
	font-size: 18px;
    font-weight: 600;
}
i.fa.fa-check {
    color: #00A300;
}
i.fa.fa-close{
	color:#808080;
}
.addon-price{
	font-weight:600;
	color: #CC8500;
}
.bold{
	font-weight:bold;
}
.book-now-wrapper.pricing-bottom{
	margin-top:30px;
}
/************ End Pricing Page ***********/

/************ Locations Page ***********/

#location-section1{
	height:250px;
}
.white{
	color:white;
}
.left{
	float:left;
}
#location-section1 .text-center{
	margin-top:20px;
}
#location-section2{
	padding-top:50px!important;
	background-color:white!important;
}
.location-p{
	font-size:18px;
	text-align:center!important;
}
.location-suburbs ul{
	list-style:none!important;
}
.location-suburbs li.page-nav{
	list-style:none!important;
}

/************ End Locations Page ***********/

.btn--primary{
	background-color:#f22613 !important;
}
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus {
    color: #f22613!important;
}
#menu-header-menu li:last-child{
	background-color:#D51C0B !important;
}
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus {
    color: #f22613!important;
}
.trust h3{
	color: #f22613!important;
}
.btn--transparent{
	background-color:transparent!important;
}
.btn--secondary{
	background-color:transparent!important;
}
.wpcf7-form-control.wpcf7-submit:hover{
	background-color: #f22613!important;
}
.contact-page__list header:before{
	background-color: #f22613!important;
}

/************ Home Page ***********/
.page-template-page-homepage-php .subheader .container {
    padding: 100px 80px 180px;
}
@media(max-width:650px){
	.page-template-page-homepage-php .subheader .container {
		padding: 50px 0 180px;
	}
}
#home-section1 .text-center{
	padding: 40px 20px;
	background: rgba(255, 255, 255, 0.4)!important;
}
@media(max-width:650px){
	#home-section1 .text-center{
		padding:30px;
	}
}
input#gform_submit_button_2, input.gform_next_button, input.gform_button{
	background: #D51C0B;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 1px 1px 0 rgba(33,33,33,.7);
}
input.gform_next_button, input.gform_button{
	padding: 10px 35px;
    border-radius: 4px;
}
input.gform_previous_button{
	border: none;
    background-color: transparent;
    text-decoration: underline;
}
input#gform_submit_button_2:hover{	
	background-color:#f22613;
}
#home-section1 .accordion h4, #home-section1 .accordion__hidden p{
	text-align:left;
}
#home-section1 .accordion__hidden{
	padding-top:0;
	padding-right:0;
}
.home-faq-title{
	font-size: 1.1rem;
    margin: 0;
}
#home-section1 .layout__item{
	padding-left:0;
}
.underline{
	color:black;
	text-decoration:underline;
}
.underline:hover{
	color:black;
}
.intro-video{
	margin: -175px 0 35px;
    z-index: 100000;
}
.intro-video .sidedock, .intro-video .logo{
	display:none!important;
}
.home-page h3{
	font-weight:400!important;
	text-transform:none!important;
}
.home-two-content{
	max-width: 800px;
    margin: 0 auto;
	font-size:18px;
}
.btn--primary:not(:disabled):hover, .btn--primary:not(:disabled):focus{
	background-color:#D51C0B!important;
	color:white!important;
}
/************ End Home Page ***********/

/************ Gravity Forms ***********/
.ginput_container_number input{
	display: block;
    max: 100%;
    height: 34px;
    padding: 6px 12px!important;
    line-height: 1.42857143;
    color: #3a3c41!important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	font-size:18px!important;
	font-family: "ProximaNova", sans-serif!important;
	font-weight:300!important;
}
@media(min-width:651px){
	.ginput_container_number #input_2_3{
		width:280px!important;
	}
}
.ginput_container .instruction{
	display:none;
}
.home-section1 .gform_wrapper .top_label div.ginput_container, body .gform_wrapper ul li.gfield {
	margin-top:0px;
}
.gform_footer .gform_button{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px!important;
    font-weight: 300!important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #3a3c41;
    background-color: #fff;
    border-color: #ccc;
	font-family: "ProximaNova", sans-serif!important;
}
.gform_footer .gform_button:hover{
    background-color: #e6e6e6;
    border-color: #adadad;
}
.sod_select .sod_label {
	padding-left:12px!important;
	height: 34px!important;
    line-height: 34px!important;
	border: 1px solid #ccc;
    border-radius: 4px;
}
.ginput_container .sod_select {
    height: 34px!important;
    line-height: 34px!important;
}
.sod_select .sod_label:before {
    top: -3px!important;
}
.gf_left_half{
	width:65%;
}
.gf_right_half{
	width:35%;
}
#home-quote{
	border: 1px solid #ccc!important;
    background: rgba(255, 255, 255, 0.3)!important;
    border-radius: 4px!important;
}
.quote-metric ul {
	list-style-type:none;
	margin:25px 0 0 0;
	padding:0;
}

.quote-metric ul li {
    float:left;
    margin:0 5px 0 0;
    position:relative;
}

.quote-metric ul label, .quote-metric ul input {
    display:block!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
}

.quote-metric ul input[type="radio"] {
    opacity:0.01;
    z-index:100;
}

.quote-metric ul input[type="radio"]:checked + label,
.Checked + label {
    background:#fff;
	border-bottom:2px solid #d51c0b;
}
.quote-metric ul input[type="radio"]:checked + label:hover,
.Checked + label:hover{
	color:#000;
	cursor:default;
}
.quote-metric ul label {
	padding:10px!important;
	border:1px solid #CCC; 
	cursor:pointer;
	z-index:90;
    text-align: center;
	background-color:#f7f7f7;
}
#input_1_18 li, .quote-metric .gfield_radio li{
	padding: 10px;
	width:100px;
    height:40px;
}
#input_1_15 li{
	padding:15px!important;
	width:130px;
    height:60px;
}
.quote-metric ul li:first-child label{
	border-radius: 4px 0 0 4px;
}
.quote-metric ul li:last-child label{
	border-radius: 0 4px 4px 0;
}
.quote-metric ul label:hover {
	background:#f7f7f7;
	color:#d51c0b;
}
.quote-metric ul li:first-child{
	left:-5px;
}
.quote-metric ul li:last-child{
	left:-21px;
}
.gchoice_1_15_1/*ceiling height*/{
	left:-26px!important;
}
.gchoice_1_22_1/*wall repair*/{
	left:-25px!important;
	width:160px!important;
}
.gchoice_1_22_2/*wall repair*/{
	left:-50px!important;
	width:165px!important;
}
.gchoice_1_25_0/*ceiling height*/{
	width:205px!important;
}
.gchoice_1_25_1/*ceiling height*/{
	left: -37px!important;
    width:155px!important;
}
.gchoice_1_25_2/*ceiling height*/{
	left:-61px!important;
}

.triple-radio ul.gfield_radio li{
	min-width:130px!important;
}
.triple-radio .gfield_radio label{
	white-space: nowrap!important;
}
#label_1_15_1{
	line-height:37px!important;
}
.gform_fields_1 li.gfield{
	margin-top:35px!important;
}
.gform_wrapper .description_above .gfield_description{
	padding-bottom:0!important;
}
/************ End Gravity Forms ***********/

/************ Quote Page ***********/
.quote-page h1{
	font-weight:400;
}
.quote-page h2{
	font-size:2.35rem;
}
.quote-page .gfield_description,.quote-page label{
	font-size:0.9rem!important;
}
.quote-page label{
	line-height:17px!important;
}
.quote-page #field_1_18{
	margin:58px 0 25px -232px!important;
}
.quote-page #field_1_15{
	margin:0 0 100px 0!important;
}
.quote-page #field_1_8{
	margin:0 0 30px 0!important;
}
.quote-page #field_1_22, .quote-page #field_1_23, .quote-page #field_1_24, .quote-page #field_1_38{
	margin:0 0 80px 0!important;
}
.quote-page #input_1_1{
	width:200px;
	height:38px;
}
.quote-page .gform_wrapper{
	margin-top:0;
}
.quote-page .gform_wrapper form{
	background-color: #eee;
    padding: 0px 0 50px 20px;
}
.quote-page .gform_wrapper .gf_step {
    font-size: 1rem;
}
.quote-page .gform_wrapper .gf_page_steps {
    margin: 0 0 20px;
}
.quote-page #main-title{
	text-align:left;
}
.quote-page #location-section2{
	padding-top:15px!important;
}
.quote-page .bgr-grey{
	background-color:#eee!important;
	padding-top:30px;
}
.tcs{
	padding-top:50px;
}
/************ End Quote Page ***********/

/************ Quote Price Page ***********/
.quote-price-header, .quote-price-table{
	padding-left:20px!important;
}
.quote-price-confidence{
	padding-left:10px!important;
}
.quote-benefits{
	list-style:none;
	font-size:16px;
}
.quote-benefits i{
	color:#14870e;
	padding:7px 5px 0 20px;
}
.quote-price-table{
	margin-top:25px;
}
.quote-price-table-finalrow td{
	padding-top:25px!important;
}
.quote-price-table-finalrow td{
	font-weight:600!important;
	font-size:18px!important;
}
.quote-price-field input{
	border: none;
    background-color: transparent;
    font-weight: 600!important;
    font-size: 20px!important;
    margin-top: -98px;
	margin-left:242px;
}
.quote-price-field-variable input{
	border: none;
    background-color: transparent;
    font-size: 16px!important;
}
#field_3_2{
	margin-top:-10px!important;
}
.quote-price-table table,.quote-price-table th,.quote-price-table td {
   border: 0;!important
}
#input_3_3/*the lower range*/{
	margin-top:-40px!important;
}
#input_3_4/*the upper range*/{
	margin-top: -70px;
    margin-left: 93px;
    margin-bottom: 30px;
}
#field_3_6 /*the - between the two quote ranges*/{
	margin-top:-28px!important;
	margin-left: 90px!important;
}
/************ End Quote Price Page ***********/
/************ Property Manager Page ***********/
.ptp-pricing-table .ptp-col-id-0 .ptp-plan{
	background-color:#EE6E09;
	color:white;
}
.ptp-pricing-table .ptp-col-id-1 .ptp-plan{
	background-color:#979797;
	color:white;
}
.ptp-pricing-table .ptp-col-id-2 .ptp-plan{
	background-color:#EFA40A;
	color:white;
}
.ptp-cta{
	display:none;
}
.page-template-default p{
	font-size:18px;
	margin-bottom:18px;
}
.page-template-default h2{
	margin:20px 0 10px;
	font-size:2.25rem;
}
.page-template-default ul{
	font-size:18px;
}
/************ End Property Manager Page ***********/