@import url(\"https://fonts.googleapis.com/css?family=Lato:300,700|Roboto:300,700\");

/* ==========================================================================
   Table of Contents
   ========================================================================== */

/*

    0.  Normalize
    1.  Icons
    2.  General
    3.  Utilities
    4.  General
    5.  Single Post
    6.  Tag Archive
    7.  Read Next
    8.  Third Party Elements
    9.  Pagination
    10.  Footer
    11. Media Queries (Tablet)
    12. Media Queries (Mobile)
    13. Animations

*/

/* ==========================================================================
   0. normalize.css v3.0.3 | MIT License | git.io/normalize | (minified)
   ========================================================================== */

html { 
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body { margin: 0; }
article, aside, details,
figcaption, figure,
footer, header,
main, menu, nav,
section, summary { display:block; }
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], 
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
td, th{ padding: 0; }


/* ==========================================================================
   1. Icons - Sets up the icon font and respective classes
   ========================================================================== */

/* Import the font file with the icons in it */
@font-face {
    font-family: "casper-icons";
    src:url("../fonts/casper-icons.eot?v=1");
    src:url("../fonts/casper-icons.eot?v=1#iefix") format("embedded-opentype"),
        url("../fonts/casper-icons.woff?v=1") format("woff"),
        url("../fonts/casper-icons.ttf?v=1") format("truetype"),
        url("../fonts/casper-icons.svg?v=1#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Apply these base styles to all icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "casper-icons", "Lato", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Each icon is created by inserting the correct character into the
   content of the :before pseudo element. Like a boss. */
.icon-ghost:before {
    content: "\f600";
}
.icon-feed:before {
    content: "\f601";
}
.icon-twitter:before {
    content: "\f602";
    font-size: 1.1em;
}
.icon-google-plus:before {
    content: "\f603";
}
.icon-facebook:before {
    content: "\f604";
}
.icon-arrow-left:before {
    content: "\f605";
}
.icon-stats:before {
    content: "\f606";
}
.icon-location:before {
    content: "\f607";
    margin-left: -3px; /* Tracking fix */
}
.icon-link:before {
    content: "\f608";
}
.icon-menu:before {
    content: "\f609";
}
/*
    IMPORTANT: When making any changes to the icon font, be sure to increment
    the version number by 1 in the @font-face rule. `?v=1` becomes `?v=2`
    This forces browsers to download the new font file.
*/


/* ==========================================================================
   2. General - Setting up some base styles
   ========================================================================== */

html {
    height: 100%;
    max-height: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
body {
    height: 100%;
    max-height: 100%;
    font-family: "Merriweather", serif;
    letter-spacing: 0.01rem;
    font-size: 1.8rem;
    line-height: 1.75em;
    color: #3A4145;
    -webkit-font-feature-settings: 'kern' 1;
    -moz-font-feature-settings: 'kern' 1;
    -o-font-feature-settings: 'kern' 1;
    text-rendering: geometricPrecision;
}
*/

::-moz-selection {
    background: #D6EDFF;
}

::selection {
    background: #D6EDFF;
}

mark {
    background-color: #fdffb6;
}

code, tt {
    padding: 1px 3px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.85em;
    white-space: pre-wrap;
    border: #E3EDF3 1px solid;
    background: #F7FAFB;
    border-radius: 2px;
    -webkit-font-feature-settings: "liga" 0;
    -moz-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
}

pre {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1.75em 0;
    border: #E3EDF3 1px solid;
    width: 100%;
    padding: 10px;
    font-family: Inconsolata, monospace, sans-serif;
    font-size: 0.9em;
    white-space: pre;
    overflow: auto;
    background: #F7FAFB;
    border-radius: 3px;
}

pre code, pre tt {
    font-size: inherit;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0;
}

kbd {
    display: inline-block;
    margin-bottom: 0.4em;
    padding: 1px 8px;
    border: #CCC 1px solid;
    color: #666;
    text-shadow: #FFF 0 1px 0;
    font-size: 0.9em;
    font-weight: 700;
    background: #F4F4F4;
    border-radius: 4px;
    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 1px 0 0 #fff inset;
}

table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.75em 0;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

table th,
table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: #EFEFEF 1px solid;
}

table th { color: #000; }

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

table tbody + tbody { border-top: #EFEFEF 2px solid; }

table table table { background-color: #FFF; }

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #F6F6F6;
}

table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
   background: transparent;
}

iframe, .fluid-width-video-wrapper {
    display: block;
    margin: 1.75em 0;
}

/* When a video is inside the fitvids wrapper, drop the
margin on the iframe, cause it breaks stuff. */
.fluid-width-video-wrapper iframe {
    margin: 0;
}


/* ==========================================================================
   3. Utilities - These things get used a lot
   ========================================================================== */

/* Clears shit */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Hides shit */
.hidden {
    text-indent: -9999px;
    visibility: hidden;
    display: none;
}

/* Creates a responsive wrapper that makes our content scale nicely */
.inner {
    position: relative;
    width: 80%;
    max-width: 710px;
    margin: 0 auto;
}

/* Centres vertically yo. (IE8+) */
.vertical {
    display: table-cell;
    vertical-align: middle;
}

/* Wraps the main content & footer */
.site-wrapper {
    position: relative;
    z-index: 10;
    min-height: 100%;
    background: #fff;
    -webkit-transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
}

body.nav-opened .site-wrapper {
    overflow-x: hidden;
    -webkit-transform: translate3D(-240px, 0, 0);
        -ms-transform: translate3D(-240px, 0, 0);
            transform: translate3D(-240px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
}


/* ==========================================================================
   4. General - The main styles for the the theme
   ========================================================================== */

/* Big cover image on the home page */
.main-header {
    position: relative;
    display: table;
    width: 100%;
    height: 100vh;
    margin-bottom: 5rem;
    text-align: center;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.main-header .inner {
    width: 80%;
}

/* Navigation */
body.nav-opened .nav-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 240px;
    bottom: 0;
    z-index: 200;
}

.nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 240px;
    opacity: 0;
    background: #111;
    margin-bottom: 0;
    text-align: left;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.5s ease,
                        opacity 0.3s ease 0.7s;
            transition: transform 0.5s ease,
                        opacity 0.3s ease 0.7s;
}

body.nav-closed .nav {
    -webkit-transform: translate3D(97px, 0, 0);
        -ms-transform: translate3D(97px, 0, 0);
            transform: translate3D(97px, 0, 0);
}

body.nav-opened .nav {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s ease,
                        opacity 0s ease 0s;
            transition: transform 0.3s ease,
                        opacity 0s ease 0s;
    -webkit-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
}

.nav-title {
    position: absolute;
    top: 45px;
    left: 30px;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}

.nav-close {
    position: absolute;
    top: 38px;
    right: 25px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 10px;
}

.nav-close:focus {
    outline: 0;
}

.nav-close:before,
.nav-close:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 1px;
    background: rgb(150,150,150);
    top: 15px;
    -webkit-transition: background 0.15s ease;
            transition: background 0.15s ease;
}

.nav-close:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.nav-close:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.nav-close:hover:before,
.nav-close:hover:after {
    background: rgb(255,255,255);
}

.nav ul {
    padding: 90px 9% 5%;
    list-style: none;
    counter-reset: item;
}

.nav li:before {
    display: block;
    float: right;
    padding-right: 4%;
    padding-left: 5px;
    text-align: right;
    font-size: 1.2rem;
    vertical-align: bottom;
    color: #B8B8B8;
    content: counter(item, lower-roman);
    counter-increment: item;
}
.nav li {
    margin: 0;
}
.nav li a {
    text-decoration: none;
    line-height: 1.4;
    font-size: 1.4rem;
    display: block;
    padding: 0.6rem 4%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav li a:after {
    display: inline-block;
    content: " .......................................................";
    color: rgba(255,255,255,0.2);
    margin-left: 5px;
}
.nav .nav-current:before {
    color: #fff;
}
.nav .nav-current a:after {
    content: " ";
    border-bottom: rgba(255,255,255,0.5) 1px solid;
    width: 100%;
    height: 1px;
}

.nav a:link,
.nav a:visited {
    color: #B8B8B8;
}

.nav li.nav-current a,
.nav a:hover,
.nav a:active,
.nav a:focus {
    color: #fff;
}

.subscribe-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    height: 38px;
    padding: 0 20px;
    color: #111 !important; /* Overides `.nav a:link, .nav a:visited` colour */
    text-align: center;
    font-size: 12px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 35px;
    border-radius: 3px;
    background: #fff;
    transition: all ease 0.3s;
}
.subscribe-button:before {
    font-size: 9px;
    margin-right: 6px;
}


/* Create a bouncing scroll-down arrow on homepage with cover image */
.scroll-down {
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 45px;
    left: 50%;
    margin-left: -16px;
    width: 34px;
    height: 34px;
    font-size: 34px;
    text-align: center;
    text-decoration: none;
    color: rgba(255,255,255,0.7);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: bounce 4s 2s infinite;
    animation: bounce 4s 2s infinite;
}

/* Stop it bouncing and increase contrast when hovered */
.scroll-down:hover {
    color: #fff;
    -webkit-animation: none;
    animation: none;
}

/* Put a semi-opaque radial gradient behind the icon to make it more visible
   on photos which happen to have a light background. */
.home-template .main-header:after {
    display: block;
    content: " ";
    width: 150px;
    height: 130px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
}

/* Hide when there's no cover image or on page2+ */
.no-cover .scroll-down,
.no-cover.main-header:after,
.archive-template .scroll-down,
.archive-template .main-header:after {
    display: none
}

/* Appears in the top left corner of your home page */
.blog-logo {
    display: block;
    float: left;
    background: none !important; /* Makes sure there is never a background */
    border: none !important; /* Makes sure there is never a border */
}

.blog-logo img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 38px;
    padding: 1px 0 5px 0;
    width: auto;
}

.menu-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 38px;
    padding: 0 15px;
    border-style: solid;
    border-width: 1px;
    opacity: 1;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 35px;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 0.5s ease;
}
.menu-button:before {
    font-size: 12px;
    font-weight: bold;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.menu-button:hover {
    background: #fff;
}
.menu-button:focus {
    outline: 0;
}

/* When the navigation is closed */
.nav-closed .menu-button {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}
.nav-closed .menu-button:hover {
    color: #222;
}

/* When the navigation is closed and there is no cover image */
.nav-closed .no-cover .menu-button {
    border-color: #BFC8CD;
    color: #9EABB3;
}
.nav-closed .no-cover .menu-button:hover {
    border-color: #555;
    color: #555;
}

/* When the navigation is opened */
.nav-opened .menu-button {
    padding: 0 12px;
    background: #111;
    border-color: #111;
    color: #fff;
    -webkit-transform: translate3D(94px, 0, 0);
        -ms-transform: translate3D(94px, 0, 0);
            transform: translate3D(94px, 0, 0);
    transition: all 0.3s ease;
}

.nav-opened .menu-button .word {
    opacity: 0;
    transition: all 0.3s ease;
}

/* Special styles when overlaid on an image*/
.main-nav.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    border: none;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.no-cover .main-nav.overlay {
    background: none;
}

/* The details of your blog. Defined in ghost/settings/ */
.page-title {
    margin: 10px 0 10px 0;
    font-size: 5rem;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #fff;
}

.page-description {
    margin: 0;
    font-size: 2rem;
    line-height: 1.5em;
    font-weight: 400;
    font-family: "Merriweather", serif;
    letter-spacing: 0.01rem;
    color: rgba(255,255,255,0.8);
}

.no-cover.main-header {
    min-height: 160px;
    max-height: 40vh;
    background: #f5f8fa;
}

.no-cover .page-title {
    color: rgba(0,0,0,0.8);
}

.no-cover .page-description {
    color: rgba(0,0,0,0.5);
}

/* Add subtle load-in animation for content on the home page */
.home-template .page-title {
    -webkit-animation: fade-in-down 0.6s;
    animation: fade-in-down 0.6s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.home-template .page-description {
    -webkit-animation: fade-in-down 0.9s;
    animation: fade-in-down 0.9s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

/* Every post, on every page, gets this style on its <article> tag */
.post {
    position: relative;
    width: 80%;
    max-width: 710px;
    margin: 4rem auto;
    padding-bottom: 4rem;
    border-bottom: #EBF2F6 1px solid;
    word-wrap: break-word;
}

/* Add a little circle in the middle of the border-bottom on our .post
   just for the lolz and stylepoints. */
.post:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}


.post-title a {
    color:#25282e !important;
    text-decoration: none;
}

    .post-title a:hover {
        color: #ee5a40 !important;
        text-decoration: none;
    }

.post-excerpt p {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.7em;
}

.read-more {
    text-decoration: none;
}

.post-meta {
    display: block;
    /*margin: 1.75rem 0 0 0;*/
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #9a9a9c;
}

.author-thumb {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 9px;
    border-radius: 100%;
}

.post-meta a {
    color: #9EABB3;
    text-decoration: none;
}

.post-meta a:hover {
    text-decoration: underline;
}

.user-meta {
    position: relative;
    padding: 0.3rem 40px 0 100px;
    min-height: 77px;
}

.post-date {
    display: inline-block;
    margin-left: 8px;
    padding-left: 12px;
    border-left: #d5dbde 1px solid;
    text-transform: uppercase;
    font-size: 1.3rem;
    white-space: nowrap;
}

.user-image {
    position: absolute;
    top: 0;
    left: 0;
}

.user-name {
    display: block;
    font-weight: 700;
}

.user-bio {
    display: block;
    max-width: 440px;
    font-size: 1.4rem;
    line-height: 1.5em;
}

.publish-meta {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4.3rem 0 4rem 0;
    text-align: right;
}

.publish-heading {
    display: block;
    font-weight: 700;
}

.publish-date {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5em;
}


/* ==========================================================================
   5. Single Post - When you click on an individual post
   ========================================================================== */

.post-template .post-header {
   margin-bottom: 3.4rem;
}

.post-template .post-title {
    margin-bottom: 0;
}

.post-template .post-meta {
    margin: 0;
}

.post-template .post-date {
    padding: 0;
    margin: 0;
    border: none;
}

/* Stop elements, such as img wider than the post content, from
   creating horizontal scroll - slight hack due to imperfections
   with browser width % calculations and rounding */
.post-template .content {
    overflow: hidden;
}

/* Tweak the .post wrapper style */
.post-template .post {
    margin-top: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/* Kill that stylish little circle that was on the border, too */
.post-template .post:after {
    display: none;
}

/* Keep images centered, and allow images wider than the main
   text column to break out. */
.post-content img {
    display: block;
    max-width: 126%;
    height: auto;
    padding: 0;
    /* Centers an image by (1) pushing its left edge to the
       center of its container and (2) shifting the entire image
       in the opposite direction by half its own width.
       Works for images that are larger than their containers. */
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%); /* for Safari and iOS */
    -ms-transform: translateX(-50%); /* for IE9 */
    transform: translateX(-50%);
}

.footnotes {
    font-style: italic;
    font-size: 1.3rem;
    line-height: 1.6em;
}

.footnotes li {
    margin: 0.6rem 0;
}

.footnotes p {
    margin: 0;
}

.footnotes p a:last-child {
    text-decoration: none;
}


/* The author credit area after the post */
.post-footer {
    position: relative;
    margin: 6rem 0 0 0;
    padding: 6rem 0 0 0;
    border-top: #EBF2F6 1px solid;
}

.post-footer h4 {
    font-size: 1.8rem;
    margin: 0;
}

.post-footer p {
    margin: 0 0 8px 0;
    line-height: 1.75em;
}

/* list of author links - location / url */
.author-meta {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1em;
    line-height: 1;
    color: #25282e;
}

    .author-meta a {
        color: #ee5a40;
    }
.author-meta a:hover {
    color: #111;
}

/* Create some space to the right for the share links */
.post-footer .author {
    margin-right: 180px;
}

.post-footer h4 a {
    color: #2e2e2e;
    text-decoration: none;
}

.post-footer h4 a:hover {
    text-decoration: underline;
}

/* Drop the share links in the space to the right.
   Doing it like this means it's easier for the author bio
   to be flexible at smaller screen sizes while the share
   links remain at a fixed width the whole time */
.post-footer .share {
    position: absolute;
    top: 6rem;
    right: 0;
    width: 140px;
    margin:0;
    padding:0;
    border-bottom:0;
}

.post-footer .share a {
    font-size: 1em;
    display: inline-block;
    margin: 1rem 1.25rem 1.6rem 0;
    color: #ee5a40;
    text-decoration: none;
}

.post-footer .share .icon-twitter:hover {
    color: #55acee;
}
.post-footer .share .icon-facebook:hover {
    color: #3b5998;
}
.post-footer .share .icon-google-plus:hover {
    color: #dd4b39;
}


/* ==========================================================================
   6. Author profile
   ========================================================================== */

.post-head.main-header {
    height: 65vh;
    min-height: 180px;
}

.no-cover.post-head.main-header {
    height: 85px;
    min-height: 0;
    margin-bottom: 0;
    background: transparent;
}

.tag-head.main-header {
    height: 40vh;
    min-height: 180px;
}

.author-head.main-header {
    height: 40vh;
    min-height: 180px;
}

.no-cover.author-head.main-header {
    height: 10vh;
    min-height: 100px;
    background: transparent;
}

.author-profile {
    padding: 0 15px 5rem 15px;
    border-bottom: #EBF2F6 1px solid;
    text-align: center;
}

/* Add a little circle in the middle of the border-bottom */
.author-profile:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}

.author-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    padding: 6px;
    background: #fff;
    z-index: 2;
    box-shadow: #E7EEF2 0 0 0 1px;
}

.author-image .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 100%;
}

.author-profile .author-image {
    position: relative;
    left: auto;
    top: auto;
    width: 120px;
    height: 120px;
    padding: 3px;
    margin: -100px auto 0 auto;
    box-shadow: none;
}

.author-title {
    margin: 1.5rem 0 1rem;
}

.author-bio {
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 200;
    color: #50585D;
    letter-spacing: 0;
    text-indent: 0;
}

/* Location, website, and link */
.author-profile .author-meta {
    margin: 2rem 0;
    font-family: "Merriweather", serif;
    letter-spacing: 0.01rem;
    font-size: 20px;
}
.author-meta span {
    display: inline-block;
    margin: 0 2rem 1rem 0;
    word-wrap: break-word;
}
.author-meta a {
    text-decoration: none;
}

/* Turn off meta for page2+ to make room for extra
   pagination prev/next links */
.archive-template .author-profile .author-meta {
    display: none;
}


/* ==========================================================================
   7. Read More - Next/Prev Post Links
   ========================================================================== */

.read-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 10rem;
}

.read-next-story {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%;
    text-decoration: none;
    position: relative;
    text-align: center;
    color: #fff;
    background: #222 no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.read-next-story:hover:before {
    background: rgba(0,0,0,0.8);
    transition: all 0.2s ease;
}
.read-next-story:hover .post:before {
    color: #222;
    background: #fff;
    transition: all 0.2s ease;
}

.read-next-story:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    transition: all 0.5s ease;
}

.read-next-story .post {
    padding-top: 6rem !important;
    padding-bottom: 6rem;
}

.read-next-story .post:before {
    content: "Read This Next";
    padding: 4px 10px 5px;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-family: "Lato", sans-serif;
    color: rgba(255,255,255,0.8);
    border: rgba(255,255,255,0.5) 1px solid;
    border-radius: 4px;
    transition: all 0.5s ease;
}
.read-next-story.prev .post:before {
    content: "You Might Enjoy";
}

.read-next-story h2 {
    margin-top: 1rem;
    color: #fff;
}

.read-next-story p {
    margin: 0;
    color: rgba(255,255,255,0.8);
}

/* Special styles for posts with no cover images */
.read-next-story.no-cover {
    background: #f5f8fa;
}

.read-next-story.no-cover:before {
    display: none;
}

.read-next-story.no-cover .post:before {
    color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.2);
}

.read-next-story.no-cover h2 {
    color: rgba(0,0,0,0.8);
}

.read-next-story.no-cover p {
    color: rgba(0,0,0,0.5);
}

/* if there are two posts without covers, put a border between them */
.read-next-story.no-cover + .read-next-story.no-cover {
    border-left: rgba(0,0,100,0.04) 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Correctly position site-footer when next to the .read-next container */
.read-next + .site-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}

/* ==========================================================================
   8. Third Party Elements - Embeds from other services
   ========================================================================== */

/* Github */
.gist table {
    margin: 0;
    font-size: 1.4rem;
    text-rendering: auto;
}
.gist td {
    line-height: 1.4;
}
.gist .line-number {
    min-width: 25px;
}

/* Pastebin */
.content .embedPastebin {
    margin-bottom: 1.75em;
}


/* ==========================================================================
   9. Pagination - Tools to let you flick between pages
   ========================================================================== */

/* The main wrapper for our pagination links */
.pagination {
    position: relative;
    width: 80%;
    max-width: 710px;
    margin: 4rem auto;
    font-family: "Lato", sans-serif;
    font-size: 1.3rem;
    color: #9EABB3;
    text-align: center;
}

.pagination a {
    transition: all 0.2s ease;
}

/* Push the previous/next links out to the left/right */
.older-posts,
.newer-posts {
    position: absolute;
    display: inline-block;
    padding: 0 15px;
    border: #bfc8cd 1px solid;
    text-decoration: none;
    border-radius: 4px;
    transition: border 0.3s ease;
}

.older-posts {
    right: 0;
}

.page-number {
    display: inline-block;
    padding: 2px 0;
    min-width: 100px;
}

.newer-posts {
    left: 0;
}

.older-posts:hover,
.newer-posts:hover {
    color: #889093;
    border-color: #98a0a4;
}

.extra-pagination {
    display: none;
    border-bottom: #EBF2F6 1px solid;
}
.extra-pagination:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #E7EEF2 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 5px;
}
.extra-pagination .pagination {
    width: auto;
}

/* On page2+ make all the headers smaller */
.archive-template .main-header {
    max-height: 30vh;
}

/* On page2+ show extra pagination controls at the top of post list */
.archive-template .extra-pagination {
    display: block;
}


/* ==========================================================================
   10. Footer - The bottom of every page
   ========================================================================== */

.site-footer {
    position: relative;
    margin: 8rem 0 0 0;
    padding: 1rem 15px;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    line-height: 1.75em;
    color: #BBC7CC;
}

.site-footer a {
    color: #BBC7CC;
    text-decoration: none;
    font-weight: bold;
}

.site-footer a:hover {
    border-bottom: #bbc7cc 1px solid;
}

.poweredby {
    display: block;
    width: 45%;
    float: right;
    text-align: right;
}

.copyright {
    display: block;
    width: 45%;
    float: left;
}


/* ==========================================================================
   11. Media Queries - Smaller than 900px
   ========================================================================== */

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

    blockquote {
        margin-left: 0;
    }

    .main-header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        min-height: 240px;
        height: 60vh;
        padding: 15% 0;
    }

    .scroll-down,
    .home-template .main-header:after { display: none; }

    .archive-template .main-header {
        min-height: 180px;
        padding: 10% 0;
    }

    .blog-logo img {
        padding: 4px 0;
    }

    .page-title {
        font-size: 4rem;
        letter-spacing: -1px;
    }

    .page-description {
        font-size: 1.8rem;
        line-height: 1.5em;
    }

    .post {
        font-size: 0.95em
    }

    hr {
        margin: 2.4em 0;
    }

    ol, ul {
        padding-left: 2em;
    }

    h1 {
        font-size: 4.5rem;
        text-indent: -2px;
    }

    h2 {
        font-size: 3.6rem;
    }

    h3 {
        font-size: 3.1rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    h5 {
        font-size: 2.2rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    .author-profile {
        padding-bottom: 4rem;
    }

    .author-profile .author-bio {
        font-size: 1.6rem;
    }

    .author-meta span {
        display: block;
        margin: 1.5rem 0;
    }
    .author-profile .author-meta span {
        font-size: 1.6rem;
    }

    .post-head.main-header {
        height:45vh;
    }

    .tag-head.main-header,
    .author-head.main-header {
        height: 30vh;
    }

    .no-cover.post-head.main-header {
        height: 55px;
        padding: 0;
    }

    .no-cover.author-head.main-header {
        padding: 0;
    }

    .read-next {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4rem;
    }

    .read-next p {
        display: none;
    }

    .read-next-story.no-cover + .read-next-story.no-cover {
        border-top: rgba(0,0,100,0.06) 1px solid;
        border-left: none;
    }

}


/* ==========================================================================
   12. Media Queries - Smaller than 500px
   ========================================================================== */

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

    .main-header {
        margin-bottom: 15px;
        height: 40vh;
    }

    .no-cover.main-header {
        height: 30vh;
    }

    .archive-template .main-header {
        max-height: 20vh;
        min-height: 160px;
        padding: 10% 0;
    }

    .main-nav {
        padding: 5px;
        margin-bottom: 2rem;
    }

    .blog-logo {
        padding: 5px;
    }

    .blog-logo img {
        height: 30px;
    }

    .menu-button {
        padding: 0 5px;
        border-radius: 0;
        border-width: 0;
        color: #2e2e2e;
        background: transparent;
    }
    .menu-button:hover {
        color: #2e2e2e;
        border-color: transparent;
        background: none;
    }
    body.nav-opened .menu-button {
        background: none;
        border: transparent;
    }

    .main-nav.overlay a:hover {
        color: #fff;
        border-color: transparent;
        background: transparent;
    }

    .no-cover .main-nav.overlay {
        background: none;
    }
    .no-cover .main-nav.overlay .menu-button {
        border: none;
    }

    .main-nav.overlay .menu-button {
        border-color: transparent;
    }

    .nav-title {
        top: 25px;

    }

    .nav-close {
        position: absolute;
        top: 18px;
    }

    .nav ul {
        padding: 60px 9% 5%;
    }

    .inner,
    .pagination {
        width: auto;
        margin: 2rem auto;
    }

    .post {
        width: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: 16px;
        margin-right: 16px;
        padding-bottom: 2rem;
        line-height: 1.65em;
    }

    .post-date {
        display: none;
    }

    .post-template .post-header {
        margin-bottom: 2rem;
    }

    .post-template .post-date {
        display: inline-block;
    }

    hr {
        margin: 1.75em 0;
    }

    p, ul, ol, dl {
        font-size: 0.95em;
        margin: 0 0 2.5rem 0;
    }

    .page-title {
        font-size: 3rem;
    }

    .post-excerpt p {
        font-size: 0.85em;
    }

    .page-description {
        font-size: 1.6rem;
    }

    h1, h2, h3,
    h4, h5, h6 {
        margin: 0 0 0.3em 0;
    }

    h1 {
        font-size: 2.8rem;
        letter-spacing: -1px;
    }

    h2 {
        font-size: 2.4rem;
        letter-spacing: 0;
    }

    h3 {
        font-size: 2.1rem;
    }

    h4 {
        font-size: 1.9rem;
    }

    h5 {
        font-size: 1.8rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    .post-template .site-footer {
        margin-top: 0;
    }

    .post-content img {
        padding: 0;
        width: calc(100% + 32px); /* expand with to image + margins */
        min-width: 0;
        max-width: 112%; /* fallback when calc doesn't work */
    }


    .post-footer {
        padding: 5rem 0 3rem 0;
        text-align: center;
    }

    .post-footer .author {
        margin: 0 0 2rem 0;
        padding: 0 0 1.6rem 0;
        border-bottom: #dedeed 1px dashed;
    }

    .post-footer .share {
        position: static;
        width: auto;
        margin: 0 0 2rem 0;
        padding: 0 0 1.6rem 0;
        border-bottom: #dedeed 1px solid;
    }

    .post-footer .share a {
        margin: 1.4rem 0.8rem 0 0.8rem;
    }

    .author-meta li {
        float: none;
        margin: 0;
        line-height: 1.75em;
    }

    .author-meta li:before {
        display: none;
    }

    .older-posts,
    .newer-posts {
        position: static;
        margin: 10px 0;
    }

    .page-number {
        display: block;
    }

    .site-footer {
        margin-top: 3rem;
    }

    .author-profile {
        padding-bottom: 2rem;
    }

    .post-head.main-header {
        height: 30vh;
    }

    .tag-head.main-header,
    .author-head.main-header {
        height: 20vh;
    }

    .author-profile .author-image {
        margin-top: -70px;
    }

    .author-profile .author-meta span {
        font-size: 1.4rem;
    }

    .archive-template .main-header .page-description {
        display: none;
    }

    .read-next {
        margin-top: 2rem;
        margin-bottom: -37px;
    }

    .read-next .post {
        width: 100%;
    }

}


/* ==========================================================================
   13. Animations
   ========================================================================== */

/* Used to fade in title/desc on the home page */
@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Used to bounce .scroll-down on home page */
@-webkit-keyframes bounce {
    0%, 10%, 25%, 40%, 50% {
        -webkit-transform: translateY(0) rotate(-90deg);
                transform: translateY(0) rotate(-90deg);
    }
    20% {
        -webkit-transform: translateY(-10px) rotate(-90deg);
                transform: translateY(-10px) rotate(-90deg);
    }
    30% {
        -webkit-transform: translateY(-5px) rotate(-90deg);
                transform: translateY(-5px) rotate(-90deg);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0) rotate(-90deg);
                transform: translateY(0) rotate(-90deg);
    }
    40% {
        -webkit-transform: translateY(-10px) rotate(-90deg);
                transform: translateY(-10px) rotate(-90deg);
    }
    60% {
        -webkit-transform: translateY(-5px) rotate(-90deg);
                transform: translateY(-5px) rotate(-90deg);
    }
}


/* ==========================================================================
   End of file. Animations should be the last thing here. Do not add stuff
   below this point, or it will probably fuck everything up.
   ========================================================================== */

@charset "UTF-8";
/************************************************
    Colours
************************************************/
/* Brand Colours */
/* Brand Shades */
/* Alert Colours */
/* used as background with dark green text */
/* used as background with white text */
/* use as text colour */
/* used as background with dark red text */
/* used as background with white text */
/* use as text colour */
/* used as background with dark yellow text */
/* used as background with white text */
/* use as text colour */
/* Shadows */
/* Breakpoints */
/* Responsive Font Sizes */
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Normalize default `font-family` and set `font-size` to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style
 */
html {
    /* 1 */
    font: 300 0.875em / 1.6em "Lato", Helvetica, Arial, sans-serif;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 3 */
    background: #fff;
    color: #333840;
    letter-spacing: 0 !important;
}

html,
body {
    height: auto !important;
}

/*
 * Removes default margin.
 */
body {
    margin: 0;
}

/* Links
 ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

    /*
 * Improve readability of focused elements when they are also in an active/hover state.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/*
 * Style
 */
a,
.uk-link {
    color: #ee5a40;
    text-decoration: none;
    cursor: pointer;
}

    a:hover,
    .uk-link:hover {
        color: #e63415;
        text-decoration: none;
    }

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

/*
 * 1. Address odd `em`-unit font size rendering in all browsers.
 * 2. Consolas has a better baseline in running text compared to `Courier`
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
    /* 1 */
    font-size: 12px;
    /* 2 */
    font-family: Consolas, monospace, serif;
    /* 3 */
    color: #D05;
    white-space: nowrap;
}


/*
 * Insert
 */
ins {
    background: #ffa;
    color: #333840;
    text-decoration: none;
}

/*
 * Mark
 * Note: Addresses styling not present in IE 8/9.
 */
mark {
    background: #ffa;
    color: #333840;
}

/*
 * Quote
 */
q {
    font-style: italic;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/*
 * Prevents `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 the gap between embedded content and the bottom of their containers.
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Responsiveness
 * 1. Sets a maximum width relative to the parent and auto scales the height
 * 2. Corrects `max-width` behavior if padding and border are used
 */
audio,
canvas,
img,
svg,
video {
    /* 1 */
    max-width: 100%;
    height: auto;
    /* 2 */
    box-sizing: border-box;
}

/*
 * Preserve original dimensions
 */
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
    max-width: none;
}

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

/* Block elements
 ========================================================================== */
/*
 * Reset margin
 */
blockquote,
figure {
    margin: 0;
}

/*
 * Margins
 */
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
    margin: 0 0 10px 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: 10px;
}

/* Headings
 ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #333840;
    text-transform: none;
}

/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
    /*margin-top: 25px;*/
}

/*
 * Sizes
 */
h1, .uk-h1 {
    font-size: 2.027em;
    /*line-height: 1.6em;*/
    line-height: 1.25em;
}

h2, .uk-h2 {
    font-size: 1.802em;
    line-height: 1.3em;
}

h3, .uk-h3 {
    font-size: 1.602em;
    line-height: 1.3em;
}

h4, .uk-h4 {
    font-size: 1.424em;
    line-height: 1.6em;
}

h5, .uk-h5 {
    font-size: 1.266em;
    line-height: 1.6em;
}

h6, .uk-h6 {
    font-size: 1.125em;
    line-height: 1.6em;
}

/* Lists
 ========================================================================== */
ul, ol {
    padding-left: 30px;
}

    /*
 * Reset margin for nested lists
 */
    ul > li > ul,
    ul > li > ol,
    ol > li > ol,
    ol > li > ul {
        margin: 0;
    }

/* Description lists
 ========================================================================== */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Horizontal rules
 ========================================================================== */
/*
 * 1. Address differences between Firefox and other browsers.
 * 2. Style
 */
hr {
    /* 1 */
    box-sizing: content-box;
    height: 0;
    /* 2 */
    margin: 50px 0;
    border: 0;
    border-top: 1px solid #dedeed;
}

/* Address
 ========================================================================== */
address {
    font-style: normal;
}

/* Blockquotes
 ========================================================================== */
blockquote {
    padding-left: 15px;
    border-left: 5px solid #ddd;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    border-left: none;
    padding-left: 0;
    font-size: 1.2em !important;
    line-height: 1.4em;
}

    blockquote.red {
        font-size: 1.8em !important;
    }

/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */
pre {
    padding: 10px;
    background: #f5f5f5;
    font: 12px / 18px Consolas, monospace, serif;
    color: #333840;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    /* 1 */
    overflow: auto;
}

/* Selection pseudo-element
 ========================================================================== */
::-moz-selection {
    background: #f5ab9e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #f5ab9e;
    color: #fff;
    text-shadow: none;
}

/* HTML5 elements
 ========================================================================== */
/*
 * 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,
main,
nav,
section,
summary {
    display: block;
}

/*
 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/*
 * Prevent displaying `audio` without controls in Chrome, Safari and Opera
 */
audio:not([controls]) {
    display: none;
}

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

/* Iframe
 ========================================================================== */
iframe {
    border: 0;
}

/* Fix viewport for IE10 snap mode
 ========================================================================== */
@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: device-width;
    }
}

/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Makes grid more robust so that it can be used with other block elements like lists
 */
.uk-grid {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 1 */
    margin: 0;
    padding: 0;
    list-style: none;
}

    /*
 * DEPRECATED
 * Micro clearfix
 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
 */
    .uk-grid:before,
    .uk-grid:after {
        content: "";
        display: block;
        overflow: hidden;
    }

    .uk-grid:after {
        clear: both;
    }

    /*
 * Grid cell
 * 1. Space is allocated solely based on content dimensions
 * 2. Makes grid more robust so that it can be used with other block elements
 * 3. DEPRECATED Using `float` to support IE9
 */
    .uk-grid > * {
        /* 1 */
        -ms-flex: none;
        -webkit-box-flex: 0;
        flex: none;
        /* 2 */
        margin: 0;
        /* 3 */
        float: left;
    }

        /*
 * Remove margin from the last-child
 */
        .uk-grid > * > :last-child {
            margin-bottom: 0;
        }

/* Grid gutter
 ========================================================================== */
/*
 * Default gutter
 */
/* Horizontal */
.uk-grid {
    margin-left: -40px;
}

    .uk-grid > * {
        padding-left: 40px;
    }

        /* Vertical */
        .uk-grid + .uk-grid,
        .uk-grid-margin,
        .uk-grid > * > .uk-panel + .uk-panel {
            margin-top: 60px;
        }

/* Large screen and bigger */
@media (min-width: 1220px) {
    /* Horizontal */
    .uk-grid {
        margin-left: -90px;
    }

        .uk-grid > * {
            padding-left: 90px;
        }
            /* Vertical */
            .uk-grid + .uk-grid,
            .uk-grid-margin,
            .uk-grid > * > .uk-panel + .uk-panel {
                margin-top: 80px;
            }
}

/*
 * Collapse gutter
 */
/* Horizontal */
.uk-grid-collapse {
    margin-left: 0;
}

    .uk-grid-collapse > * {
        padding-left: 0;
    }

        /* Vertical */
        .uk-grid-collapse + .uk-grid-collapse,
        .uk-grid-collapse > .uk-grid-margin,
        .uk-grid-collapse > * > .uk-panel + .uk-panel {
            margin-top: 0;
        }

/*
 * Small gutter
 */
/* Horizontal */
.uk-grid-small {
    margin-left: -20px;
}

    .uk-grid-small > * {
        padding-left: 20px;
    }

        /* Vertical */
        .uk-grid-small + .uk-grid-small,
        .uk-grid-small > .uk-grid-margin,
        .uk-grid-small > * > .uk-panel + .uk-panel {
            margin-top: 20px;
        }

/*
 * Medium gutter
 */
/* Horizontal */
.uk-grid-medium {
    margin-left: -40px;
}

    .uk-grid-medium > * {
        padding-left: 40px;
    }

        /* Vertical */
        .uk-grid-medium + .uk-grid-medium,
        .uk-grid-medium > .uk-grid-margin,
        .uk-grid-medium > * > .uk-panel + .uk-panel {
            margin-top: 60px;
        }

/*
 * Large gutter
 */
/* Large screen and bigger */
@media (min-width: 960px) {
    /* Horizontal */
    .uk-grid-large {
        margin-left: -90px;
    }

        .uk-grid-large > * {
            padding-left: 90px;
        }
            /* Vertical */
            .uk-grid-large + .uk-grid-large,
            .uk-grid-large-margin,
            .uk-grid-large > * > .uk-panel + .uk-panel {
                margin-top: 80px;
            }
}

/* Extra Large screens */
@media (min-width: 1220px) {
    /* Horizontal */
    .uk-grid-large {
        margin-left: -90px;
    }

        .uk-grid-large > * {
            padding-left: 90px;
        }
            /* Vertical */
            .uk-grid-large + .uk-grid-large,
            .uk-grid-large-margin,
            .uk-grid-large > * > .uk-panel + .uk-panel {
                margin-top: 70px;
            }
}

/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Only works with the default gutter. Does not work with gutter collapse, small or large.
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
 */
.uk-grid-divider:not(:empty) {
    margin-left: -40px;
    margin-right: -40px;
}

.uk-grid-divider > * {
    padding-left: 40px;
    padding-right: 40px;
}

.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
    border-left: 1px solid #ddd;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid #ddd;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
        border-left: 1px solid #ddd;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    /*
     * Large gutter
     */
    .uk-grid-divider:not(:empty) {
        margin-left: -90px;
        margin-right: -90px;
    }

    .uk-grid-divider > * {
        padding-left: 90px;
        padding-right: 90px;
    }

    .uk-grid-divider:empty {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

/*
 * Vertical divider
 */
.uk-grid-divider:empty {
    margin-top: 60px;
    margin-bottom: 60px;
    border-top: 1px solid #ddd;
}

/* Match panels in grids
 ========================================================================== */
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    /* 1 */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .uk-grid-match > * > * {
        /* 1 */
        -ms-flex: none;
        -webkit-box-flex: 0;
        flex: none;
        box-sizing: border-box;
        width: 100%;
    }

/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
    box-sizing: border-box;
    width: 100%;
}

.uk-grid-width-1-2 > * {
    width: 50%;
}

.uk-grid-width-1-3 > * {
    width: 33.333%;
}

.uk-grid-width-1-4 > * {
    width: 25%;
}

.uk-grid-width-1-5 > * {
    width: 20%;
}

.uk-grid-width-1-6 > * {
    width: 16.666%;
}

.uk-grid-width-1-10 > * {
    width: 10%;
}

.uk-grid-width-auto > * {
    width: auto;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-grid-width-small-1-1 > * {
        width: 100%;
    }

    .uk-grid-width-small-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-small-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-small-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-small-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-small-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-small-1-10 > * {
        width: 10%;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-grid-width-medium-1-1 > * {
        width: 100%;
    }

    .uk-grid-width-medium-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-medium-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-medium-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-medium-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-medium-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-medium-1-10 > * {
        width: 10%;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-grid-width-large-1-1 > * {
        width: 100%;
    }

    .uk-grid-width-large-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-large-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-large-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-large-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-large-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-large-1-10 > * {
        width: 10%;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-grid-width-xlarge-1-1 > * {
        width: 100%;
    }

    .uk-grid-width-xlarge-1-2 > * {
        width: 50%;
    }

    .uk-grid-width-xlarge-1-3 > * {
        width: 33.333%;
    }

    .uk-grid-width-xlarge-1-4 > * {
        width: 25%;
    }

    .uk-grid-width-xlarge-1-5 > * {
        width: 20%;
    }

    .uk-grid-width-xlarge-1-6 > * {
        width: 16.666%;
    }

    .uk-grid-width-xlarge-1-10 > * {
        width: 10%;
    }
}

/* Sub-objects: `uk-width-*`
 ========================================================================== */
[class*='uk-width'] {
    box-sizing: border-box;
    width: 100%;
}

/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
    width: 100%;
}

/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
    width: 50%;
}

/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%;
}

.uk-width-2-3,
.uk-width-4-6 {
    width: 66.666%;
}

/* Quarters */
.uk-width-1-4 {
    width: 25%;
}

.uk-width-3-4 {
    width: 75%;
}

/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
    width: 20%;
}

.uk-width-2-5,
.uk-width-4-10 {
    width: 40%;
}

.uk-width-3-5,
.uk-width-6-10 {
    width: 60%;
}

.uk-width-4-5,
.uk-width-8-10 {
    width: 80%;
}

/* Sixths */
.uk-width-1-6 {
    width: 16.666%;
}

.uk-width-5-6 {
    width: 83.333%;
}

/* Tenths */
.uk-width-1-10 {
    width: 10%;
}

.uk-width-3-10 {
    width: 30%;
}

.uk-width-7-10 {
    width: 70%;
}

.uk-width-9-10 {
    width: 90%;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    /* Whole */
    .uk-width-small-1-1 {
        width: 100%;
    }
    /* Halves */
    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%;
    }
    /* Thirds */
    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%;
    }

    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%;
    }
    /* Quarters */
    .uk-width-small-1-4 {
        width: 25%;
    }

    .uk-width-small-3-4 {
        width: 75%;
    }
    /* Fifths */
    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%;
    }

    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%;
    }

    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%;
    }

    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%;
    }
    /* Sixths */
    .uk-width-small-1-6 {
        width: 16.666%;
    }

    .uk-width-small-5-6 {
        width: 83.333%;
    }
    /* Tenths */
    .uk-width-small-1-10 {
        width: 10%;
    }

    .uk-width-small-3-10 {
        width: 30%;
    }

    .uk-width-small-7-10 {
        width: 70%;
    }

    .uk-width-small-9-10 {
        width: 90%;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    /* Whole */
    .uk-width-medium-1-1 {
        width: 100%;
    }
    /* Halves */
    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%;
    }
    /* Thirds */
    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%;
    }

    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%;
    }
    /* Quarters */
    .uk-width-medium-1-4 {
        width: 25%;
    }

    .uk-width-medium-3-4 {
        width: 75%;
    }
    /* Fifths */
    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%;
    }

    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%;
    }

    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%;
    }

    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%;
    }
    /* Sixths */
    .uk-width-medium-1-6 {
        width: 16.666%;
    }

    .uk-width-medium-5-6 {
        width: 83.333%;
    }
    /* Tenths */
    .uk-width-medium-1-10 {
        width: 10%;
    }

    .uk-width-medium-3-10 {
        width: 30%;
    }

    .uk-width-medium-7-10 {
        width: 70%;
    }

    .uk-width-medium-9-10 {
        width: 90%;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    /* Whole */
    .uk-width-large-1-1 {
        width: 100%;
    }
    /* Halves */
    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%;
    }
    /* Thirds */
    .uk-width-large-1-3,
    .uk-width-large-2-6 {
        width: 33.333%;
    }

    .uk-width-large-2-3,
    .uk-width-large-4-6 {
        width: 66.666%;
    }
    /* Quarters */
    .uk-width-large-1-4 {
        width: 25%;
    }

    .uk-width-large-3-4 {
        width: 75%;
    }
    /* Fifths */
    .uk-width-large-1-5,
    .uk-width-large-2-10 {
        width: 20%;
    }

    .uk-width-large-2-5,
    .uk-width-large-4-10 {
        width: 40%;
    }

    .uk-width-large-3-5,
    .uk-width-large-6-10 {
        width: 60%;
    }

    .uk-width-large-4-5,
    .uk-width-large-8-10 {
        width: 80%;
    }
    /* Sixths */
    .uk-width-large-1-6 {
        width: 16.666%;
    }

    .uk-width-large-5-6 {
        width: 83.333%;
    }
    /* Tenths */
    .uk-width-large-1-10 {
        width: 10%;
    }

    .uk-width-large-3-10 {
        width: 30%;
    }

    .uk-width-large-7-10 {
        width: 70%;
    }

    .uk-width-large-9-10 {
        width: 90%;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    /* Whole */
    .uk-width-xlarge-1-1 {
        width: 100%;
    }
    /* Halves */
    .uk-width-xlarge-1-2,
    .uk-width-xlarge-2-4,
    .uk-width-xlarge-3-6,
    .uk-width-xlarge-5-10 {
        width: 50%;
    }
    /* Thirds */
    .uk-width-xlarge-1-3,
    .uk-width-xlarge-2-6 {
        width: 33.333%;
    }

    .uk-width-xlarge-2-3,
    .uk-width-xlarge-4-6 {
        width: 66.666%;
    }
    /* Quarters */
    .uk-width-xlarge-1-4 {
        width: 25%;
    }

    .uk-width-xlarge-3-4 {
        width: 75%;
    }
    /* Fifths */
    .uk-width-xlarge-1-5,
    .uk-width-xlarge-2-10 {
        width: 20%;
    }

    .uk-width-xlarge-2-5,
    .uk-width-xlarge-4-10 {
        width: 40%;
    }

    .uk-width-xlarge-3-5,
    .uk-width-xlarge-6-10 {
        width: 60%;
    }

    .uk-width-xlarge-4-5,
    .uk-width-xlarge-8-10 {
        width: 80%;
    }
    /* Sixths */
    .uk-width-xlarge-1-6 {
        width: 16.666%;
    }

    .uk-width-xlarge-5-6 {
        width: 83.333%;
    }
    /* Tenths */
    .uk-width-xlarge-1-10 {
        width: 10%;
    }

    .uk-width-xlarge-3-10 {
        width: 30%;
    }

    .uk-width-xlarge-7-10 {
        width: 70%;
    }

    .uk-width-xlarge-9-10 {
        width: 90%;
    }
}

/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */
@media (min-width: 768px) {
    [class*='uk-push-'],
    [class*='uk-pull-'] {
        position: relative;
    }
    /*
     * Push
     */
    /* Halves */
    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%;
    }
    /* Thirds */
    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%;
    }

    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%;
    }
    /* Quarters */
    .uk-push-1-4 {
        left: 25%;
    }

    .uk-push-3-4 {
        left: 75%;
    }
    /* Fifths */
    .uk-push-1-5,
    .uk-push-2-10 {
        left: 20%;
    }

    .uk-push-2-5,
    .uk-push-4-10 {
        left: 40%;
    }

    .uk-push-3-5,
    .uk-push-6-10 {
        left: 60%;
    }

    .uk-push-4-5,
    .uk-push-8-10 {
        left: 80%;
    }
    /* Sixths */
    .uk-push-1-6 {
        left: 16.666%;
    }

    .uk-push-5-6 {
        left: 83.333%;
    }
    /* Tenths */
    .uk-push-1-10 {
        left: 10%;
    }

    .uk-push-3-10 {
        left: 30%;
    }

    .uk-push-7-10 {
        left: 70%;
    }

    .uk-push-9-10 {
        left: 90%;
    }
    /*
     * Pull
     */
    /* Halves */
    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%;
    }
    /* Thirds */
    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%;
    }

    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%;
    }
    /* Quarters */
    .uk-pull-1-4 {
        left: -25%;
    }

    .uk-pull-3-4 {
        left: -75%;
    }
    /* Fifths */
    .uk-pull-1-5,
    .uk-pull-2-10 {
        left: -20%;
    }

    .uk-pull-2-5,
    .uk-pull-4-10 {
        left: -40%;
    }

    .uk-pull-3-5,
    .uk-pull-6-10 {
        left: -60%;
    }

    .uk-pull-4-5,
    .uk-pull-8-10 {
        left: -80%;
    }
    /* Sixths */
    .uk-pull-1-6 {
        left: -16.666%;
    }

    .uk-pull-5-6 {
        left: -83.333%;
    }
    /* Tenths */
    .uk-pull-1-10 {
        left: -10%;
    }

    .uk-pull-3-10 {
        left: -30%;
    }

    .uk-pull-7-10 {
        left: -70%;
    }

    .uk-pull-9-10 {
        left: -90%;
    }
}

/* ========================================================================
   Component: Panel
 ========================================================================== */
/*
 * 1. Needed for `a` elements
 * 2. Create position context for badges
 */
.uk-panel {
    /* 1 */
    display: block;
    /* 2 */
    position: relative;
}

    /*
 * Allow panels to be anchors
 */
    .uk-panel,
    .uk-panel:hover {
        text-decoration: none;
    }

        /*
 * Micro clearfix to make panels more robust
 */
        .uk-panel:before,
        .uk-panel:after {
            content: "";
            display: table;
        }

        .uk-panel:after {
            clear: both;
        }

        /*
 * Remove margin from the last-child if not `uk-widget-title`
 */
        .uk-panel > :not(.uk-panel-title):last-child {
            margin-bottom: 0;
        }

/* Sub-object: `uk-panel-title`
 ========================================================================== */
.uk-panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #333840;
}

/* Sub-object: `uk-panel-badge`
 ========================================================================== */
.uk-panel-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* Sub-object: `uk-panel-teaser`
 ========================================================================== */
.uk-panel-teaser {
    margin-bottom: 15px;
}

/* Sub-object: `uk-panel-body`
 ========================================================================== */
.uk-panel-body {
    padding: 15px;
}

/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
    padding: 15px;
    background: #f5f5f5;
    color: #333840;
}

.uk-panel-box-hover:hover {
    color: #333840;
}

.uk-panel-box .uk-panel-title {
    color: #333840;
}

.uk-panel-box .uk-panel-badge {
    top: 10px;
    right: 10px;
}

.uk-panel-box > .uk-panel-teaser {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}

/*
 * Nav in panel
 */
.uk-panel-box > .uk-nav-side {
    margin: 0 -15px;
}

/*
 * Sub-modifier: `uk-panel-box-primary`
 */
.uk-panel-box-primary {
    background-color: #ebf7fd;
    color: #2d7091;
}

.uk-panel-box-primary-hover:hover {
    color: #2d7091;
}

.uk-panel-box-primary .uk-panel-title {
    color: #2d7091;
}

/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.uk-panel-box-secondary {
    background-color: #eee;
    color: #333840;
}

.uk-panel-box-secondary-hover:hover {
    color: #333840;
}

.uk-panel-box-secondary .uk-panel-title {
    color: #333840;
}

/* Modifier: `uk-panel-hover`
 ========================================================================== */
.uk-panel-hover {
    padding: 15px;
    color: #333840;
}

    .uk-panel-hover:hover {
        background: #f5f5f5;
        color: #333840;
    }

    .uk-panel-hover .uk-panel-badge {
        top: 10px;
        right: 10px;
    }

    .uk-panel-hover > .uk-panel-teaser {
        margin-top: -15px;
        margin-left: -15px;
        margin-right: -15px;
    }

/* Modifier: `uk-panel-header`
 ========================================================================== */
.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #333840;
}

/* Modifier: `uk-panel-space`
 ========================================================================== */
.uk-panel-space {
    padding: 30px;
}

    .uk-panel-space .uk-panel-badge {
        top: 30px;
        right: 30px;
    }

/* Modifier: `uk-panel-divider`
 ========================================================================== */
.uk-panel + .uk-panel-divider {
    margin-top: 50px !important;
}

    .uk-panel + .uk-panel-divider:before {
        content: "";
        display: block;
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        border-top: 1px solid #ddd;
    }

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-panel + .uk-panel-divider {
        margin-top: 70px !important;
    }

        .uk-panel + .uk-panel-divider:before {
            top: -35px;
        }
}

/* ========================================================================
   Component: Block
 ========================================================================== */
.uk-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Phone landscape and bigger */
@media (min-width: 768px) {
    .uk-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/*
 * Micro clearfix to make blocks more robust
 */
.uk-block:before,
.uk-block:after {
    content: "";
    display: table;
}

.uk-block:after {
    clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-block > :last-child {
    margin-bottom: 0;
}

/* Padding Modifier
 ========================================================================== */
/*
 * Large padding
 */
.uk-block-large {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Tablets and bigger */
@media (min-width: 768px) {
    .uk-block-large {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-block-large {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

/* Color Modifier
 ========================================================================== */
/*
 * Default
 */
.uk-block-default {
    background: #fff;
}

/*
 * Muted
 */
.uk-block-muted {
    background: #f9f9f9;
}

/*
 * Primary
 */
.uk-block-primary {
    background: #478fa7;
}

/*
 * Secondary
 */
.uk-block-secondary {
    background: #222;
}

/* ========================================================================
   Component: Article
 ========================================================================== */
/*
 * Micro clearfix to make articles more robust
 */
.uk-article:before,
.uk-article:after {
    content: "";
    display: table;
}

.uk-article:after {
    clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-article > :last-child {
    margin-bottom: 0;
}

/*
 * Vertical gutter for articles
 */
.uk-article + .uk-article {
    margin-top: 25px;
}

/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    text-transform: none;
}

    .uk-article-title a {
        color: inherit;
        text-decoration: none;
    }

/* Sub-object `uk-article-meta`
 ========================================================================== */
.uk-article-meta {
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

/* Sub-object `uk-article-lead`
 ========================================================================== */
.uk-article-lead {
    color: #333840;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

/* Sub-object `uk-article-divider`
 ========================================================================== */
.uk-article-divider {
    margin-bottom: 25px;
    border-color: #ddd;
}

* + .uk-article-divider {
    margin-top: 25px;
}

/* ========================================================================
   Component: Comment
 ========================================================================== */
/* Sub-object `uk-comment-header`
 ========================================================================== */
.uk-comment-header {
    margin-bottom: 15px;
}

    /*
 * Micro clearfix
 */
    .uk-comment-header:before,
    .uk-comment-header:after {
        content: "";
        display: table;
    }

    .uk-comment-header:after {
        clear: both;
    }

/* Sub-object `uk-comment-avatar`
 ========================================================================== */
.uk-comment-avatar {
    margin-right: 15px;
    float: left;
}

/* Sub-object `uk-comment-title`
 ========================================================================== */
.uk-comment-title {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 22px;
}

/* Sub-object `uk-comment-meta`
 ========================================================================== */
.uk-comment-meta {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #999;
}

/* Sub-object `uk-comment-body`
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-comment-body > :last-child {
    margin-bottom: 0;
}

/* Sub-object `uk-comment-list`
 ========================================================================== */
.uk-comment-list {
    padding: 0;
    list-style: none;
}

    .uk-comment-list .uk-comment + ul {
        margin: 15px 0 0 0;
        list-style: none;
    }

        .uk-comment-list > li:nth-child(n+2),
        .uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
            margin-top: 15px;
        }

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-comment-list .uk-comment + ul {
        padding-left: 100px;
    }
}

/* Modifier `uk-comment-primary`
 ========================================================================== */
/* ========================================================================
   Component: Cover
 ========================================================================== */
/*
 * Background image always covers and centers its element
 */
.uk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
 * Emulates image cover, works with video and image elements
 * 1. Parent container which clips resized object
 * 2. Resizes the object to always covers its container
 * 3. Reset the responsive image CSS
 * 4. Center object
 */
/* 1 */
.uk-cover {
    overflow: hidden;
}

.uk-cover-object {
    /* 2 */
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    /* 3 */
    max-width: none;
    /* 4 */
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*
 * To center iframes use `data-uk-cover` JavaScript
 */
[data-uk-cover] {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ========================================================================
   Component: Nav
 ========================================================================== */
.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    /*
 * Items
 */
    .uk-nav li > a {
        display: block;
        text-decoration: none;
    }

    .uk-nav > li > a {
        padding: 5px 15px;
    }

    /*
 * Nested items
 */
    .uk-nav ul {
        padding-left: 15px;
    }

        .uk-nav ul a {
            padding: 2px 0;
        }

    /*
 * Item subtitle
 */
    .uk-nav li > a > div {
        font-size: 12px;
        line-height: 18px;
    }

/* Sub-object: `uk-nav-header`
 ========================================================================== */
.uk-nav-header {
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

    .uk-nav-header:not(:first-child) {
        margin-top: 15px;
    }

/* Sub-object: `uk-nav-divider`
 ========================================================================== */
.uk-nav-divider {
    margin: 9px 15px;
}

/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
    padding: 5px 0 5px 15px;
}

/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
    content: "?";
    width: 20px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center;
}

.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
    content: "?";
}

/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
    color: #333840;
}

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-nav-side > li > a:hover,
    .uk-nav-side > li > a:focus {
        background: rgba(0, 0, 0, 0.05);
        color: #333840;
        /* 2 */
        outline: none;
    }

/* Active */
.uk-nav-side > li.uk-active > a {
    background: #478fa7;
    color: #fff;
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-side .uk-nav-header {
    color: #333840;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #ddd;
}

/*
 * Nested items
 */
.uk-nav-side ul a {
    color: #07D;
}

    .uk-nav-side ul a:hover {
        color: #059;
    }

/* Modifier `uk-nav-dropdown`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-dropdown > li > a {
    color: #333840;
}

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-nav-dropdown > li > a:hover,
    .uk-nav-dropdown > li > a:focus {
        background: #478fa7;
        color: #fff;
        /* 2 */
        outline: none;
    }

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-dropdown .uk-nav-header {
    color: #999;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid #ddd;
}

/*
 * Nested items
 */
.uk-nav-dropdown ul a {
    color: #07D;
}

    .uk-nav-dropdown ul a:hover {
        color: #059;
    }

/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
    color: #333840;
}

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-nav-navbar > li > a:hover,
    .uk-nav-navbar > li > a:focus {
        background: #478fa7;
        color: #fff;
        /* 2 */
        outline: none;
    }

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
    color: #999;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid #ddd;
}

/*
 * Nested items
 */
.uk-nav-navbar ul a {
    color: #07D;
}

    .uk-nav-navbar ul a:hover {
        color: #059;
    }

/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
    color: #ccc;
    padding: 10px 15px;
}

/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #404040;
    color: #fff;
    /* 2 */
    outline: none;
}

/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #1a1a1a;
    color: #fff;
}

/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
    color: #777;
}

/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid #1a1a1a;
}

/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
    color: #ccc;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #fff;
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
    background: #fff;
    color: #333840;
}

nav.uk-navbar {
    border-bottom: 1px solid #dedeed;
}

/*
 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
    content: "";
    display: table;
}

.uk-navbar:after {
    clear: both;
}

/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

    /*
 * 1. Create position context for dropdowns
 */
    .uk-navbar-nav > li {
        float: left;
        /* 1 */
        position: relative;
    }

        /*
 * 1. Dimensions
 * 2. Style
 */
        .uk-navbar-nav > li > a {
            display: block;
            box-sizing: border-box;
            text-decoration: none;
            /* 1 */
            height: 40px;
            padding: 0 15px;
            line-height: 40px;
            /* 2 */
            color: #333840;
            font-size: 16px;
            font-family: "Lato", Helvetica, Arial, sans-serif;
            font-weight: 300;
        }

            /* Appear not as link */
            .uk-navbar-nav > li > a[href='#'] {
                cursor: text;
            }

            /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
            .uk-navbar-nav > li:hover > a,
            .uk-navbar-nav > li > a:focus,
            .uk-navbar-nav > li.uk-open > a {
                color: #25282e;
                /* 3 */
                outline: none;
            }

            /* OnClick */
            .uk-navbar-nav > li > a:active {
                color: #25282e;
            }

        /* Active */
        .uk-navbar-nav > li.uk-active > a {
            background-color: #f5f5f5;
            color: #333840;
        }

        .uk-navbar-nav > li > .uk-button {
            font-weight: 700;
        }

    /* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
    .uk-navbar-nav .uk-navbar-nav-subtitle {
        line-height: 28px;
    }

.uk-navbar-nav-subtitle > div {
    margin-top: -6px;
    font-size: 10px;
    line-height: 12px;
}

/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    height: 40px;
    padding: 0 15px;
    float: left;
}

    /*
 * Helper to center all child elements vertically
 */
    .uk-navbar-content:before,
    .uk-navbar-brand:before,
    .uk-navbar-toggle:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    /* Sub-objects: `uk-navbar-content`
 ========================================================================== */
    /*
 * Better sibling spacing
 */
    .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
        padding-left: 0;
    }

    /*
 * Link colors
 */
    .uk-navbar-content > a:not([class]) {
        color: #07D;
    }

        .uk-navbar-content > a:not([class]):hover {
            color: #059;
        }

/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
    font-size: 18px;
    color: #333840;
    text-decoration: none;
}

    /*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-navbar-brand:hover,
    .uk-navbar-brand:focus {
        color: #333840;
        text-decoration: none;
        /* 2 */
        outline: none;
    }

/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
    font-size: 18px;
    color: #333840;
    text-decoration: none;
}

    /*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-navbar-toggle:hover,
    .uk-navbar-toggle:focus {
        color: #333840;
        text-decoration: none;
        /* 2 */
        outline: none;
    }

    /*
 * 1. Center icon vertically
 */
    .uk-navbar-toggle:after {
        content: "?";
        font-family: FontAwesome;
        /* 1 */
        vertical-align: middle;
    }

.uk-navbar-toggle-alt:after {
    content: "?";
}

/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
    float: none;
    text-align: center;
    /* 1 */
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
    float: right;
}

/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */
.uk-subnav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 1 */
    margin-left: -10px;
    margin-top: -10px;
    /* 2 */
    padding: 0;
    list-style: none;
}

    /*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 * 3. Create position context for dropdowns
 */
    .uk-subnav > * {
        /* 1 */
        -ms-flex: none;
        -webkit-box-flex: 0;
        flex: none;
        /* 2 */
        padding-left: 10px;
        margin-top: 10px;
        /* 3 */
        position: relative;
    }

    /*
 * DEPRECATED IE9 Support
 */
    .uk-subnav:before,
    .uk-subnav:after {
        content: "";
        display: block;
        overflow: hidden;
    }

    .uk-subnav:after {
        clear: both;
    }

    .uk-subnav > * {
        float: left;
    }

        /* Items
 ========================================================================== */
        .uk-subnav > * > * {
            display: inline-block;
            color: #333840;
        }

        /*
 * Hover
 * 1. Apply hover style also to focus state
 */
        .uk-subnav > * > :hover,
        .uk-subnav > * > :focus {
            color: #07D;
            text-decoration: none;
        }

    /*
 * Active
 */
    .uk-subnav > .uk-active > * {
        color: #07D;
    }

/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-line > :before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle;
}

.uk-subnav-line > :nth-child(n+2):before {
    margin-right: 10px;
    border-left: 1px solid #ddd;
}

/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-pill > * > * {
    padding: 3px 9px;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
    background: #eee;
    color: #333840;
    text-decoration: none;
    /* 2 */
    outline: none;
}

/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-pill > .uk-active > * {
    background: #478fa7;
    color: #fff;
}

/* Disabled state
 ========================================================================== */
.uk-subnav > .uk-disabled > * {
    background: none;
    color: #999;
    text-decoration: none;
    cursor: text;
}

/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-breadcrumb {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    font-size: 0.001px;
}

    /* Items
 ========================================================================== */
    /*
 * Reset whitespace hack
 */
    .uk-breadcrumb > li {
        font-size: 1rem;
        vertical-align: top;
    }

        .uk-breadcrumb > li,
        .uk-breadcrumb > li > a,
        .uk-breadcrumb > li > span {
            display: inline-block;
        }

            .uk-breadcrumb > li:nth-child(n+2):before {
                content: "/";
                display: inline-block;
                margin: 0 8px;
            }

            /*
 * Disabled
 */
            .uk-breadcrumb > li:not(.uk-active) > span {
                color: #999;
            }

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.uk-pagination {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    text-align: center;
    /* 3 */
    font-size: 0.001px;
}

    /*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
    .uk-pagination:before,
    .uk-pagination:after {
        content: "";
        display: table;
    }

    .uk-pagination:after {
        clear: both;
    }

    /* Items
 ========================================================================== */
    /*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
    .uk-pagination > li {
        display: inline-block;
        /* 1 */
        font-size: 1rem;
        /* 2 */
        vertical-align: top;
    }

        .uk-pagination > li:nth-child(n+2) {
            margin-left: 5px;
        }

        /*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
        .uk-pagination > li > a,
        .uk-pagination > li > span {
            display: inline-block;
            min-width: 16px;
            padding: 3px 5px;
            line-height: 20px;
            text-decoration: none;
            /* 1 */
            box-sizing: content-box;
            /* 2 */
            text-align: center;
        }

        /*
 * Links
 */
        .uk-pagination > li > a {
            background: #ffffff;
            color: #333840;
        }

            /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
            .uk-pagination > li > a:hover,
            .uk-pagination > li > a:focus {
                background-color: #478fa7;
                color: #2c7b95;
                /* 2 */
                outline: none;
            }

            /* OnClick */
            .uk-pagination > li > a:active {
                background-color: #ddd;
                color: #478fa7;
            }

    /*
 * Active
 */
    .uk-pagination > .uk-active > span {
        background: #d5e8ee;
        color: #fff;
    }

    /*
 * Disabled
 */
    .uk-pagination > .uk-disabled > span {
        background-color: #f5f5f5;
        color: #999;
    }

/* Previous and next navigation
 ========================================================================== */
.uk-pagination-previous {
    float: left;
}

.uk-pagination-next {
    float: right;
}

/* Alignment modifiers
 ========================================================================== */
.uk-pagination-left {
    text-align: left;
}

.uk-pagination-right {
    text-align: right;
}

/* ========================================================================
   Component: Tab
 ========================================================================== */
.uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0 solid #ddd;
}

    /*
 * Micro clearfix on the deepest container
 */
    .uk-tab:before,
    .uk-tab:after {
        content: "";
        display: table;
    }

    .uk-tab:after {
        clear: both;
    }

    /*
 * Items
 * 1. Create position context for dropdowns
 */
    .uk-tab > li {
        margin-bottom: 0;
        float: left;
        /* 1 */
        position: relative;
    }

        .uk-tab > li > a {
            display: block;
            padding: 8px 12px 8px 12px;
            border: 0 solid transparent;
            border-bottom-width: 0;
            color: #07D;
            text-decoration: none;
        }

        .uk-tab > li:nth-child(n+2) > a {
            margin-left: 5px;
        }

        /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
        .uk-tab > li > a:hover,
        .uk-tab > li > a:focus,
        .uk-tab > li.uk-open > a {
            border-color: #f5f5f5;
            background: #f5f5f5;
            color: #059;
            /* 2 */
            outline: none;
        }

        .uk-tab > li:not(.uk-active) > a:hover,
        .uk-tab > li:not(.uk-active) > a:focus,
        .uk-tab > li.uk-open:not(.uk-active) > a {
            margin-bottom: 0;
            padding-bottom: 8px;
        }

        /* Active */
        .uk-tab > li.uk-active > a {
            border-color: #ddd;
            border-bottom-color: transparent;
            background: #fff;
            color: #333840;
        }

        /* Disabled */
        .uk-tab > li.uk-disabled > a {
            color: #999;
            cursor: text;
        }

            .uk-tab > li.uk-disabled > a:hover,
            .uk-tab > li.uk-disabled > a:focus,
            .uk-tab > li.uk-disabled.uk-active > a {
                background: none;
                border-color: transparent;
            }

/* Modifier: 'tab-flip'
 ========================================================================== */
.uk-tab-flip > li {
    float: right;
}

    .uk-tab-flip > li:nth-child(n+2) > a {
        margin-left: 0;
        margin-right: 5px;
    }

/* Modifier: 'tab-responsive'
 ========================================================================== */
.uk-tab > li.uk-tab-responsive > a {
    margin-left: 0;
    margin-right: 0;
}

/*
 * Icon
 */
.uk-tab-responsive > a:before {
    content: "\f0c9\00a0";
    font-family: FontAwesome;
}

/* Modifier: 'tab-center'
 ========================================================================== */
.uk-tab-center {
    border-bottom: 0 solid #ddd;
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 0 solid #ddd;
}

.uk-tab-center:before,
.uk-tab-center:after {
    content: "";
    display: table;
}

.uk-tab-center:after {
    clear: both;
}

/*
 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
 */
.uk-tab-center .uk-tab {
    position: relative;
    right: 50%;
    border: none;
    float: right;
}

    .uk-tab-center .uk-tab > li {
        position: relative;
        right: -50%;
    }

        .uk-tab-center .uk-tab > li > a {
            text-align: center;
        }

/* Modifier: 'tab-bottom'
 ========================================================================== */
.uk-tab-bottom {
    border-top: 0 solid #ddd;
    border-bottom: none;
}

    .uk-tab-bottom > li {
        margin-top: 0;
        margin-bottom: 0;
    }

        .uk-tab-bottom > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
            border-bottom-width: 0;
            border-top-width: 0;
        }

        .uk-tab-bottom > li:not(.uk-active) > a:hover,
        .uk-tab-bottom > li:not(.uk-active) > a:focus,
        .uk-tab-bottom > li.uk-open:not(.uk-active) > a {
            margin-bottom: 0;
            margin-top: 0;
            padding-bottom: 8px;
            padding-top: 8px;
        }

        .uk-tab-bottom > li.uk-active > a {
            border-top-color: transparent;
            border-bottom-color: #ddd;
        }

/* Modifier: 'tab-grid'
 ========================================================================== */
/*
 * 1. Create position context to prevent hidden border because of negative `z-index`
 */
.uk-tab-grid {
    margin-left: -5px;
    border-bottom: none;
    /* 1 */
    position: relative;
    z-index: 0;
}

    .uk-tab-grid:before {
        display: block;
        position: absolute;
        left: 5px;
        right: 0;
        bottom: 0;
        border-top: 0 solid #ddd;
        /* 1 */
        z-index: -1;
    }

    .uk-tab-grid > li:first-child > a {
        margin-left: 5px;
    }

    .uk-tab-grid > li > a {
        text-align: center;
    }

    /*
 * If `uk-tab-bottom`
 */
    .uk-tab-grid.uk-tab-bottom {
        border-top: none;
    }

        .uk-tab-grid.uk-tab-bottom:before {
            top: 0;
            bottom: auto;
        }

/* Modifier: 'tab-left', 'tab-right'
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-tab-left,
    .uk-tab-right {
        border-bottom: none;
    }

        .uk-tab-left > li,
        .uk-tab-right > li {
            margin-bottom: 0;
            float: none;
        }

            .uk-tab-left > li > a,
            .uk-tab-right > li > a {
                padding-top: 8px;
                padding-bottom: 8px;
            }

            .uk-tab-left > li:nth-child(n+2) > a,
            .uk-tab-right > li:nth-child(n+2) > a {
                margin-left: 0;
                margin-top: 5px;
            }

            .uk-tab-left > li.uk-active > a,
            .uk-tab-right > li.uk-active > a {
                border-color: #ddd;
            }
    /*
     * Modifier: 'tab-left'
     */
    .uk-tab-left {
        border-right: 0 solid #ddd;
    }

        .uk-tab-left > li {
            margin-right: 0;
        }

            .uk-tab-left > li > a {
                border-bottom-width: 0;
                border-right-width: 0;
            }

            .uk-tab-left > li:not(.uk-active) > a:hover,
            .uk-tab-left > li:not(.uk-active) > a:focus {
                margin-bottom: 0;
                margin-right: 0;
                padding-bottom: 8px;
                padding-right: 12px;
            }

            .uk-tab-left > li.uk-active > a {
                border-right-color: transparent;
            }
    /*
     * Modifier: 'tab-right'
     */
    .uk-tab-right {
        border-left: 0 solid #ddd;
    }

        .uk-tab-right > li {
            margin-left: 0;
        }

            .uk-tab-right > li > a {
                border-bottom-width: 0;
                border-left-width: 0;
            }

            .uk-tab-right > li:not(.uk-active) > a:hover,
            .uk-tab-right > li:not(.uk-active) > a:focus {
                margin-bottom: 0;
                margin-left: 0;
                padding-bottom: 8px;
                padding-left: 12px;
            }

            .uk-tab-right > li.uk-active > a {
                border-left-color: transparent;
            }
}

/* ========================================================================
   Component: Thumbnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */
.uk-thumbnav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 1 */
    margin-left: -10px;
    margin-top: -10px;
    /* 2 */
    padding: 0;
    list-style: none;
}

    /*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 */
    .uk-thumbnav > * {
        /* 1 */
        -ms-flex: none;
        -webkit-box-flex: 0;
        flex: none;
        /* 2 */
        padding-left: 10px;
        margin-top: 10px;
    }

    /*
 * DEPRECATED IE9 Support
 */
    .uk-thumbnav:before,
    .uk-thumbnav:after {
        content: "";
        display: block;
        overflow: hidden;
    }

    .uk-thumbnav:after {
        clear: both;
    }

    .uk-thumbnav > * {
        float: left;
    }

        /* Items
 ========================================================================== */
        .uk-thumbnav > * > * {
            display: block;
            background: #fff;
        }

            .uk-thumbnav > * > * > img {
                opacity: 0.7;
                -webkit-transition: opacity 0.15s linear;
                transition: opacity 0.15s linear;
            }

        /*
 * Hover
 */
        .uk-thumbnav > * > :hover > img,
        .uk-thumbnav > * > :focus > img {
            opacity: 1;
        }

    /*
 * Active
 */
    .uk-thumbnav > .uk-active > * > img {
        opacity: 1;
    }

/* ========================================================================
   Component: List
 ========================================================================== */
.uk-list {
    padding: 0;
    list-style: none;
}

    /*
 * Micro clearfix to make list more robust
 */
    .uk-list > li:before,
    .uk-list > li:after {
        content: "";
        display: table;
    }

    .uk-list > li:after {
        clear: both;
    }

    /*
 * Remove margin from the last-child
 */
    .uk-list > li > :last-child {
        margin-bottom: 0;
    }

    /*
 * Nested lists
 */
    .uk-list ul {
        margin: 0;
        padding-left: 20px;
        list-style: none;
    }

/* Modifier: `uk-list-line`
 ========================================================================== */
.uk-list-line > li:nth-child(n+2) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}

/* Modifier: `uk-list-striped`
 ========================================================================== */
.uk-list-striped > li {
    padding: 5px 5px;
}

    .uk-list-striped > li:nth-of-type(odd) {
        background: #f5f5f5;
    }

/* Modifier: `uk-list-space`
 ========================================================================== */
.uk-list-space > li:nth-child(n+2) {
    margin-top: 10px;
}

/* ========================================================================
   Component: Description list
 ========================================================================== */
/* Modifier: `uk-description-list-horizontal`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-description-list-horizontal {
        overflow: hidden;
    }

        .uk-description-list-horizontal > dt {
            width: 160px;
            float: left;
            clear: both;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .uk-description-list-horizontal > dd {
            margin-left: 180px;
        }
}

/* Modifier: `uk-description-list-line`
 ========================================================================== */
.uk-description-list-line > dt {
    font-weight: normal;
}

    .uk-description-list-line > dt:nth-child(n+2) {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #ddd;
    }

.uk-description-list-line > dd {
    color: #999;
}

/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Block element behavior
 * 3. Style
 */
.uk-table {
    /* 1 */
    border-collapse: collapse;
    border-spacing: 0;
    /* 2 */
    width: 100%;
    /* 3 */
    margin-bottom: 15px;
}

/*
 * Add margin if adjacent element
 */
* + .uk-table {
    margin-top: 15px;
}

.uk-table th,
.uk-table td {
    padding: 8px 8px;
}

/*
 * Set alignment
 */
.uk-table th {
    text-align: left;
}

.uk-table td {
    vertical-align: top;
}

.uk-table thead th {
    vertical-align: bottom;
}

/*
 * Caption and footer
 */
.uk-table caption,
.uk-table tfoot {
    font-size: 12px;
    font-style: italic;
}

.uk-table caption {
    text-align: left;
    color: #999;
}

/*
 * Active State
 */
.uk-table tbody tr.uk-active {
    background: #EEE;
}

/* Sub-modifier: `uk-table-middle`
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle !important;
}

/* Modifier: `uk-table-striped`
 ========================================================================== */
.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f5f5f5;
}

/* Modifier: `uk-table-condensed`
 ========================================================================== */
.uk-table-condensed td {
    padding: 4px 8px;
}

/* Modifier: `uk-table-hover`
 ========================================================================== */
.uk-table-hover tbody tr:hover {
    background: #EEE;
}

/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Correct `font` properties and `color` not being inherited.
 */
.uk-form input,
.uk-form select,
.uk-form textarea {
    /* 1 */
    box-sizing: border-box;
    /* 2 */
    margin: 0;
    /* 3 */
    border-radius: 0;
    /* 4 */
    font: inherit;
    color: inherit;
}

/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.uk-form select {
    text-transform: none;
}

/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.uk-form optgroup {
    /* 1 */
    font: inherit;
    /* 2 */
    font-weight: bold;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-form input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * Removes excess padding in IE 8/9/10.
 */
.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
    padding: 0;
}

    /*
 * Improves consistency of cursor style for clickable elements
 */
    .uk-form input[type="checkbox"]:not(:disabled),
    .uk-form input[type="radio"]:not(:disabled) {
        cursor: pointer;
    }

/*
 * Remove default style in iOS.
 */
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="number"],
.uk-form input[type="datetime"] {
    -webkit-appearance: none;
}

    /*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
    .uk-form input[type="search"]::-webkit-search-cancel-button,
    .uk-form input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    /*
 * 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`.
 */
    .uk-form input[type="number"]::-webkit-inner-spin-button,
    .uk-form input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

/*
 * Define consistent border, margin, and padding.
 */
.uk-form fieldset {
    border: none;
}

/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.uk-form textarea {
    /* 1 */
    overflow: auto;
    /* 2 */
    vertical-align: top;
}

/*
 * Removes placeholder transparency in Firefox.
 */
.uk-form ::-moz-placeholder {
    opacity: 1;
}

/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.uk-form :invalid {
    box-shadow: none;
}

/*
 * Vertical alignment
 */
.uk-form input:not([type="radio"]):not([type="checkbox"]),
.uk-form select {
    vertical-align: middle;
}

/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-form > :last-child {
    margin-bottom: 0;
}

/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
    /* 1 */
    height: 30px;
    /* 2 */
    max-width: 100%;
    /* 3 */
    padding: 4px 6px;
    /* 4 */
    border: 1px solid #ddd;
    background: #fff;
    color: #333840;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

    .uk-form select:focus,
    .uk-form textarea:focus,
    .uk-form input:not([type]):focus,
    .uk-form input[type="text"]:focus,
    .uk-form input[type="password"]:focus,
    .uk-form input[type="datetime"]:focus,
    .uk-form input[type="datetime-local"]:focus,
    .uk-form input[type="date"]:focus,
    .uk-form input[type="month"]:focus,
    .uk-form input[type="time"]:focus,
    .uk-form input[type="week"]:focus,
    .uk-form input[type="number"]:focus,
    .uk-form input[type="email"]:focus,
    .uk-form input[type="url"]:focus,
    .uk-form input[type="search"]:focus,
    .uk-form input[type="tel"]:focus,
    .uk-form input[type="color"]:focus {
        border-color: #99baca;
        outline: 0;
        background: #f5fbfe;
        color: #333840;
    }

    .uk-form select:disabled,
    .uk-form textarea:disabled,
    .uk-form input:not([type]):disabled,
    .uk-form input[type="text"]:disabled,
    .uk-form input[type="password"]:disabled,
    .uk-form input[type="datetime"]:disabled,
    .uk-form input[type="datetime-local"]:disabled,
    .uk-form input[type="date"]:disabled,
    .uk-form input[type="month"]:disabled,
    .uk-form input[type="time"]:disabled,
    .uk-form input[type="week"]:disabled,
    .uk-form input[type="number"]:disabled,
    .uk-form input[type="email"]:disabled,
    .uk-form input[type="url"]:disabled,
    .uk-form input[type="search"]:disabled,
    .uk-form input[type="tel"]:disabled,
    .uk-form input[type="color"]:disabled {
        border-color: #ddd;
        background-color: #f5f5f5;
        color: #999;
    }

/*
 * Placeholder
 */
.uk-form :-ms-input-placeholder {
    color: #999 !important;
}

.uk-form ::-moz-placeholder {
    color: #999;
}

.uk-form ::-webkit-input-placeholder {
    color: #999;
}

.uk-form :disabled:-ms-input-placeholder {
    color: #999 !important;
}

.uk-form :disabled::-moz-placeholder {
    color: #999;
}

.uk-form :disabled::-webkit-input-placeholder {
    color: #999;
}

/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.uk-form legend {
    /* 1 */
    width: 100%;
    /* 2 */
    border: 0;
    /* 3 */
    padding: 0;
    /* 4 */
    padding-bottom: 15px;
    /* 5 */
    font-size: 18px;
    line-height: 30px;
}

    /*
 * 1. Fixes IE9
 */
    .uk-form legend:after {
        content: "";
        display: block;
        border-bottom: 1px solid #ddd;
        /* 1 */
        width: 100%;
    }

/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small {
    height: 25px;
    padding: 3px 3px;
    font-size: 12px;
}


select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large {
    height: 50px;
    padding: 11px 6px;
    font-size: 18px;
}


/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
    height: auto;
}

/* Validation states
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Error state
 */
.uk-form-danger {
    border-color: #dc8d99 !important;
    background: #fff7f8 !important;
    color: #d85030 !important;
}

/*
 * Success state
 */
.uk-form-success {
    border-color: #8ec73b !important;
    background: #fafff2 !important;
    color: #659f13 !important;
}

/* Style modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Blank form
 */
.uk-form-blank {
    border-color: transparent !important;
    border-style: dashed !important;
    background: none !important;
}

    .uk-form-blank:focus {
        border-color: #ddd !important;
    }

/* Size sub-modifiers
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-mini {
    width: 40px;
}

select.uk-form-width-mini {
    width: 65px;
}

.uk-form-width-small {
    width: 130px;
}

.uk-form-width-medium {
    width: 200px;
}

.uk-form-width-large {
    width: 500px;
}

/* Sub-objects: `uk-form-row`
 * Groups labels and controls in rows
 ========================================================================== */
/*
 * Micro clearfix
 * Needed for `uk-form-horizontal` modifier
 */
.uk-form-row:before,
.uk-form-row:after {
    content: "";
    display: table;
}

.uk-form-row:after {
    clear: both;
}

/*
 * Vertical gutter
 */
.uk-form-row + .uk-form-row {
    margin-top: 15px;
}

/* Help text
 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
 ========================================================================== */
.uk-form-help-inline {
    display: inline-block;
    margin: 0 0 0 10px;
}

.uk-form-help-block {
    margin: 5px 0 0 0;
}

/* Controls content
 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
 ========================================================================== */
/*
 * Remove margins
 */
.uk-form-controls > :first-child {
    margin-top: 0;
}

.uk-form-controls > :last-child {
    margin-bottom: 0;
}

/*
 * Group controls and text into blocks with a small spacing between blocks
 */
.uk-form-controls-condensed {
    margin: 5px 0;
}

/* Modifier: `uk-form-stacked`
 * Requires sub-object: `uk-form-label`
 ========================================================================== */
.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Modifier: `uk-form-horizontal`
 * Requires sub-objects: `uk-form-label`, `uk-form-controls`
 ========================================================================== */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
    /* Behave like `uk-form-stacked` */
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 5px;
        float: left;
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px;
    }
    /* Better vertical alignment if controls are checkboxes and radio buttons with text */
    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 5px;
    }
}

/* Sub-object: `uk-form-icon`
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Prevent `inline-block` consequences
 */
.uk-form-icon {
    /* 1 */
    display: inline-block;
    /* 2 */
    position: relative;
    /* 3 */
    max-width: 100%;
}

    /*
 * 1. Make form element clickable through icon
 */
    .uk-form-icon > [class*='uk-icon-'] {
        position: absolute;
        top: 50%;
        width: 30px;
        margin-top: -7px;
        font-size: 14px;
        color: #999;
        text-align: center;
        /* 1 */
        pointer-events: none;
    }

    .uk-form-icon:not(.uk-form-icon-flip) > input {
        padding-left: 30px !important;
    }

/*
 * Sub-modifier: `uk-form-icon-flip`
 */
.uk-form-icon-flip > [class*='uk-icon-'] {
    right: 0;
}

.uk-form-icon-flip > input {
    padding-right: 30px !important;
}

/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Style
 * 8. `line-height` is used to create a height
 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
 * 10. Reset button group whitespace hack
 * 11. Required for `a`.
 */
.uk-button {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: #333840;
    /* 6 */
    text-transform: none;
    /* 7 */
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #eee;
    vertical-align: middle;
    /* 8 */
    line-height: 30px;
    /* 9 */
    min-height: 30px;
    /* 10 */
    font-size: 1rem;
    /* 11 */
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;
}

    .uk-button:not(:disabled) {
        cursor: pointer;
    }

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
    .uk-button:hover,
    .uk-button:focus {
        background-color: #f5f5f5;
        color: #333840;
        /* 2 */
        outline: none;
        /* 3 */
        text-decoration: none;
    }

    /* Active */
    .uk-button:active,
    .uk-button.uk-active {
        background-color: #ddd;
        color: #333840;
    }

/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
    background-color: #ee5a40;
    border-radius:4px !important;
    color: #fff !important;
    font-weight:700 !important;
}

    /* Hover */
    .uk-button-primary:hover,
    .uk-button-primary:focus {
        background-color: #e63415;
        color: #fff;
    }

    /* Active */
    .uk-button-primary:active,
    .uk-button-primary.uk-active {
        background-color: #e63415;
        color: #fff;
    }

/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
    background-color: #8cc14c;
    color: #fff;
}

    /* Hover */
    .uk-button-success:hover,
    .uk-button-success:focus {
        background-color: #8ec73b;
        color: #fff;
    }

    /* Active */
    .uk-button-success:active,
    .uk-button-success.uk-active {
        background-color: #72ae41;
        color: #fff;
    }

/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
    background-color: #da314b;
    color: #fff;
}

    /* Hover */
    .uk-button-danger:hover,
    .uk-button-danger:focus {
        background-color: #e4354f;
        color: #fff;
    }

    /* Active */
    .uk-button-danger:active,
    .uk-button-danger.uk-active {
        background-color: #c91032;
        color: #fff;
    }

/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
    background-color: #f5f5f5;
    color: #999;
}

/* Modifier: `uk-button-link`
 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
    border-color: transparent;
    background: none;
}

/* Color */
.uk-button-link {
    color: #07D;
}

    .uk-button-link:hover,
    .uk-button-link:focus,
    .uk-button-link:active,
    .uk-button-link.uk-active {
        color: #059;
        text-decoration: underline;
    }

    .uk-button-link:disabled {
        color: #999;
    }

    /* Focus */
    .uk-button-link:focus {
        outline: 1px dotted;
    }

/* Size modifiers
 ========================================================================== */
.uk-button-mini {
    min-height: 20px;
    padding: 0 6px;
    line-height: 20px;
    font-size: 11px;
}

.uk-button-small {
    min-height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 12px;
}

.uk-button-large {
    padding: 5px 15px;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .uk-button-large {
        min-height: 50px;
        padding: 0 30px;
        line-height: 50px;
        font-size: 16px;
        line-height: 1.4em;
        padding: 15px 30px;
    }
}

/* Sub-object `uk-button-group`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 * 3. Remove whitespace between child elements when using `inline-block`
 * 4. Prevent buttons from wrapping
 * 5. Remove whitespace between child elements when using `inline-block`
 */
.uk-button-group {
    /* 1 */
    display: inline-block;
    vertical-align: middle;
    /* 2 */
    position: relative;
    /* 3 */
    font-size: 0.001px;
    /* 4 */
    white-space: nowrap;
}

    .uk-button-group > * {
        display: inline-block;
    }

    /* 5 */
    .uk-button-group .uk-button {
        vertical-align: top;
    }

/* Sub-object: `uk-button-dropdown`
 ========================================================================== */
/*
 * 1. Behave like buttons
 * 2. Create position context for dropdowns
 */
.uk-button-dropdown {
    /* 1 */
    display: inline-block;
    vertical-align: middle;
    /* 2 */
    position: relative;
}

/* ========================================================================
   Component: Icon
 ========================================================================== */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*
 * 1. Allow margin
 * 2. Prevent inherit font style
 * 4. Correct line-height
 * 5. Better font rendering
 * 6. Remove `text-decoration` for anchors
 */
[class*='uk-icon-'] {
    font-family: FontAwesome;
    /* 1 */
    display: inline-block;
    /* 2 */
    font-weight: normal;
    font-style: normal;
    /* 4 */
    line-height: 1;
    /* 5 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    /* 6 */
    [class*='uk-icon-'],
    [class*='uk-icon-']:hover,
    [class*='uk-icon-']:focus {
        text-decoration: none;
    }

/* Size modifiers
 ========================================================================== */
.uk-icon-small {
    font-size: 150%;
    vertical-align: -10%;
}

.uk-icon-medium {
    font-size: 200%;
    vertical-align: -16%;
}

.uk-icon-large {
    font-size: 250%;
    vertical-align: -22%;
}

/* Modifier: `uk-icon-justify`
 ========================================================================== */
.uk-icon-justify {
    width: 1em;
    text-align: center;
}

/* Modifier: `uk-icon-spin`
 ========================================================================== */
.uk-icon-spin {
    display: inline-block;
    -webkit-animation: uk-rotate 2s infinite linear;
    animation: uk-rotate 2s infinite linear;
}

/* Modifier: `uk-icon-hover`
 ========================================================================== */
.uk-icon-hover {
    color: #999;
}

    /*
 * Hover
 */
    .uk-icon-hover:hover {
        color: #333840;
    }

/* Modifier: `uk-icon-button`
 ========================================================================== */
.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #eee;
    line-height: 35px;
    color: #333840;
    font-size: 18px;
    text-align: center;
}

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
    .uk-icon-button:hover,
    .uk-icon-button:focus {
        background-color: #f5f5f5;
        color: #333840;
        /* 2 */
        outline: none;
    }

    /* Active */
    .uk-icon-button:active {
        background-color: #ddd;
        color: #333840;
    }

/* Icon mapping
 ========================================================================== */
.uk-icon-glass:before {
    content: "\f000";
}

.uk-icon-music:before {
    content: "\f001";
}

.uk-icon-search:before {
    content: "\f002";
}

.uk-icon-envelope-o:before {
    content: "\f003";
}

.uk-icon-heart:before {
    content: "\f004";
}

.uk-icon-star:before {
    content: "\f005";
}

.uk-icon-star-o:before {
    content: "\f006";
}

.uk-icon-user:before {
    content: "\f007";
}

.uk-icon-film:before {
    content: "\f008";
}

.uk-icon-th-large:before {
    content: "\f009";
}

.uk-icon-th:before {
    content: "\f00a";
}

.uk-icon-th-list:before {
    content: "\f00b";
}

.uk-icon-check:before {
    content: "\f00c";
}

.uk-icon-remove:before,
.uk-icon-close:before,
.uk-icon-times:before {
    content: "\f00d";
}

.uk-icon-search-plus:before {
    content: "\f00e";
}

.uk-icon-search-minus:before {
    content: "\f010";
}

.uk-icon-power-off:before {
    content: "\f011";
}

.uk-icon-signal:before {
    content: "\f012";
}

.uk-icon-gear:before,
.uk-icon-cog:before {
    content: "\f013";
}

.uk-icon-trash-o:before {
    content: "\f014";
}

.uk-icon-home:before {
    content: "\f015";
}

.uk-icon-file-o:before {
    content: "\f016";
}

.uk-icon-clock-o:before {
    content: "\f017";
}

.uk-icon-road:before {
    content: "\f018";
}

.uk-icon-download:before {
    content: "\f019";
}

.uk-icon-arrow-circle-o-down:before {
    content: "\f01a";
}

.uk-icon-arrow-circle-o-up:before {
    content: "\f01b";
}

.uk-icon-inbox:before {
    content: "\f01c";
}

.uk-icon-play-circle-o:before {
    content: "\f01d";
}

.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
    content: "\f01e";
}

.uk-icon-refresh:before {
    content: "\f021";
}

.uk-icon-list-alt:before {
    content: "\f022";
}

.uk-icon-lock:before {
    content: "\f023";
}

.uk-icon-flag:before {
    content: "\f024";
}

.uk-icon-headphones:before {
    content: "\f025";
}

.uk-icon-volume-off:before {
    content: "\f026";
}

.uk-icon-volume-down:before {
    content: "\f027";
}

.uk-icon-volume-up:before {
    content: "\f028";
}

.uk-icon-qrcode:before {
    content: "\f029";
}

.uk-icon-barcode:before {
    content: "\f02a";
}

.uk-icon-tag:before {
    content: "\f02b";
}

.uk-icon-tags:before {
    content: "\f02c";
}

.uk-icon-book:before {
    content: "\f02d";
}

.uk-icon-bookmark:before {
    content: "\f02e";
}

.uk-icon-print:before {
    content: "\f02f";
}

.uk-icon-camera:before {
    content: "\f030";
}

.uk-icon-font:before {
    content: "\f031";
}

.uk-icon-bold:before {
    content: "\f032";
}

.uk-icon-italic:before {
    content: "\f033";
}

.uk-icon-text-height:before {
    content: "\f034";
}

.uk-icon-text-width:before {
    content: "\f035";
}

.uk-icon-align-left:before {
    content: "\f036";
}

.uk-icon-align-center:before {
    content: "\f037";
}

.uk-icon-align-right:before {
    content: "\f038";
}

.uk-icon-align-justify:before {
    content: "\f039";
}

.uk-icon-list:before {
    content: "\f03a";
}

.uk-icon-dedent:before,
.uk-icon-outdent:before {
    content: "\f03b";
}

.uk-icon-indent:before {
    content: "\f03c";
}

.uk-icon-video-camera:before {
    content: "\f03d";
}

.uk-icon-photo:before,
.uk-icon-image:before,
.uk-icon-picture-o:before {
    content: "\f03e";
}

.uk-icon-pencil:before {
    content: "\f040";
}

.uk-icon-map-marker:before {
    content: "\f041";
}

.uk-icon-adjust:before {
    content: "\f042";
}

.uk-icon-tint:before {
    content: "\f043";
}

.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
    content: "\f044";
}

.uk-icon-share-square-o:before {
    content: "\f045";
}

.uk-icon-check-square-o:before {
    content: "\f046";
}

.uk-icon-arrows:before {
    content: "\f047";
}

.uk-icon-step-backward:before {
    content: "\f048";
}

.uk-icon-fast-backward:before {
    content: "\f049";
}

.uk-icon-backward:before {
    content: "\f04a";
}

.uk-icon-play:before {
    content: "\f04b";
}

.uk-icon-pause:before {
    content: "\f04c";
}

.uk-icon-stop:before {
    content: "\f04d";
}

.uk-icon-forward:before {
    content: "\f04e";
}

.uk-icon-fast-forward:before {
    content: "\f050";
}

.uk-icon-step-forward:before {
    content: "\f051";
}

.uk-icon-eject:before {
    content: "\f052";
}

.uk-icon-chevron-left:before {
    content: "\f053";
}

.uk-icon-chevron-right:before {
    content: "\f054";
}

.uk-icon-plus-circle:before {
    content: "\f055";
}

.uk-icon-minus-circle:before {
    content: "\f056";
}

.uk-icon-times-circle:before {
    content: "\f057";
}

.uk-icon-check-circle:before {
    content: "\f058";
}

.uk-icon-question-circle:before {
    content: "\f059";
}

.uk-icon-info-circle:before {
    content: "\f05a";
}

.uk-icon-crosshairs:before {
    content: "\f05b";
}

.uk-icon-times-circle-o:before {
    content: "\f05c";
}

.uk-icon-check-circle-o:before {
    content: "\f05d";
}

.uk-icon-ban:before {
    content: "\f05e";
}

.uk-icon-arrow-left:before {
    content: "\f060";
}

.uk-icon-arrow-right:before {
    content: "\f061";
}

.uk-icon-arrow-up:before {
    content: "\f062";
}

.uk-icon-arrow-down:before {
    content: "\f063";
}

.uk-icon-mail-forward:before,
.uk-icon-share:before {
    content: "\f064";
}

.uk-icon-expand:before {
    content: "\f065";
}

.uk-icon-compress:before {
    content: "\f066";
}

.uk-icon-plus:before {
    content: "\f067";
}

.uk-icon-minus:before {
    content: "\f068";
}

.uk-icon-asterisk:before {
    content: "\f069";
}

.uk-icon-exclamation-circle:before {
    content: "\f06a";
}

.uk-icon-gift:before {
    content: "\f06b";
}

.uk-icon-leaf:before {
    content: "\f06c";
}

.uk-icon-fire:before {
    content: "\f06d";
}

.uk-icon-eye:before {
    content: "\f06e";
}

.uk-icon-eye-slash:before {
    content: "\f070";
}

.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
    content: "\f071";
}

.uk-icon-plane:before {
    content: "\f072";
}

.uk-icon-calendar:before {
    content: "\f073";
}

.uk-icon-random:before {
    content: "\f074";
}

.uk-icon-comment:before {
    content: "\f075";
}

.uk-icon-magnet:before {
    content: "\f076";
}

.uk-icon-chevron-up:before {
    content: "\f077";
}

.uk-icon-chevron-down:before {
    content: "\f078";
}

.uk-icon-retweet:before {
    content: "\f079";
}

.uk-icon-shopping-cart:before {
    content: "\f07a";
}

.uk-icon-folder:before {
    content: "\f07b";
}

.uk-icon-folder-open:before {
    content: "\f07c";
}

.uk-icon-arrows-v:before {
    content: "\f07d";
}

.uk-icon-arrows-h:before {
    content: "\f07e";
}

.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
    content: "\f080";
}

.uk-icon-twitter-square:before {
    content: "\f081";
}

.uk-icon-facebook-square:before {
    content: "\f082";
}

.uk-icon-camera-retro:before {
    content: "\f083";
}

.uk-icon-key:before {
    content: "\f084";
}

.uk-icon-gears:before,
.uk-icon-cogs:before {
    content: "\f085";
}

.uk-icon-comments:before {
    content: "\f086";
}

.uk-icon-thumbs-o-up:before {
    content: "\f087";
}

.uk-icon-thumbs-o-down:before {
    content: "\f088";
}

.uk-icon-star-half:before {
    content: "\f089";
}

.uk-icon-heart-o:before {
    content: "\f08a";
}

.uk-icon-sign-out:before {
    content: "\f08b";
}

.uk-icon-linkedin-square:before {
    content: "\f08c";
}

.uk-icon-thumb-tack:before {
    content: "\f08d";
}

.uk-icon-external-link:before {
    content: "\f08e";
}

.uk-icon-sign-in:before {
    content: "\f090";
}

.uk-icon-trophy:before {
    content: "\f091";
}

.uk-icon-github-square:before {
    content: "\f092";
}

.uk-icon-upload:before {
    content: "\f093";
}

.uk-icon-lemon-o:before {
    content: "\f094";
}

.uk-icon-phone:before {
    content: "\f095";
}

.uk-icon-square-o:before {
    content: "\f096";
}

.uk-icon-bookmark-o:before {
    content: "\f097";
}

.uk-icon-phone-square:before {
    content: "\f098";
}

.uk-icon-twitter:before {
    content: "\f099";
}

.uk-icon-facebook-f:before,
.uk-icon-facebook:before {
    content: "\f09a";
}

.uk-icon-github:before {
    content: "\f09b";
}

.uk-icon-unlock:before {
    content: "\f09c";
}

.uk-icon-credit-card:before {
    content: "\f09d";
}

.uk-icon-rss:before {
    content: "\f09e";
}

.uk-icon-hdd-o:before {
    content: "\f0a0";
}

.uk-icon-bullhorn:before {
    content: "\f0a1";
}

.uk-icon-bell:before {
    content: "\f0f3";
}

.uk-icon-certificate:before {
    content: "\f0a3";
}

.uk-icon-hand-o-right:before {
    content: "\f0a4";
}

.uk-icon-hand-o-left:before {
    content: "\f0a5";
}

.uk-icon-hand-o-up:before {
    content: "\f0a6";
}

.uk-icon-hand-o-down:before {
    content: "\f0a7";
}

.uk-icon-arrow-circle-left:before {
    content: "\f0a8";
}

.uk-icon-arrow-circle-right:before {
    content: "\f0a9";
}

.uk-icon-arrow-circle-up:before {
    content: "\f0aa";
}

.uk-icon-arrow-circle-down:before {
    content: "\f0ab";
}

.uk-icon-globe:before {
    content: "\f0ac";
}

.uk-icon-wrench:before {
    content: "\f0ad";
}

.uk-icon-tasks:before {
    content: "\f0ae";
}

.uk-icon-filter:before {
    content: "\f0b0";
}

.uk-icon-briefcase:before {
    content: "\f0b1";
}

.uk-icon-arrows-alt:before {
    content: "\f0b2";
}

.uk-icon-group:before,
.uk-icon-users:before {
    content: "\f0c0";
}

.uk-icon-chain:before,
.uk-icon-link:before {
    content: "\f0c1";
}

.uk-icon-cloud:before {
    content: "\f0c2";
}

.uk-icon-flask:before {
    content: "\f0c3";
}

.uk-icon-cut:before,
.uk-icon-scissors:before {
    content: "\f0c4";
}

.uk-icon-copy:before,
.uk-icon-files-o:before {
    content: "\f0c5";
}

.uk-icon-paperclip:before {
    content: "\f0c6";
}

.uk-icon-save:before,
.uk-icon-floppy-o:before {
    content: "\f0c7";
}

.uk-icon-square:before {
    content: "\f0c8";
}

.uk-icon-navicon:before,
.uk-icon-reorder:before,
.uk-icon-bars:before {
    content: "\f0c9";
}

.uk-icon-list-ul:before {
    content: "\f0ca";
}

.uk-icon-list-ol:before {
    content: "\f0cb";
}

.uk-icon-strikethrough:before {
    content: "\f0cc";
}

.uk-icon-underline:before {
    content: "\f0cd";
}

.uk-icon-table:before {
    content: "\f0ce";
}

.uk-icon-magic:before {
    content: "\f0d0";
}

.uk-icon-truck:before {
    content: "\f0d1";
}

.uk-icon-pinterest:before {
    content: "\f0d2";
}

.uk-icon-pinterest-square:before {
    content: "\f0d3";
}

.uk-icon-google-plus-square:before {
    content: "\f0d4";
}

.uk-icon-google-plus:before {
    content: "\f0d5";
}

.uk-icon-money:before {
    content: "\f0d6";
}

.uk-icon-caret-down:before {
    content: "\f0d7";
}

.uk-icon-caret-up:before {
    content: "\f0d8";
}

.uk-icon-caret-left:before {
    content: "\f0d9";
}

.uk-icon-caret-right:before {
    content: "\f0da";
}

.uk-icon-columns:before {
    content: "\f0db";
}

.uk-icon-unsorted:before,
.uk-icon-sort:before {
    content: "\f0dc";
}

.uk-icon-sort-down:before,
.uk-icon-sort-desc:before {
    content: "\f0dd";
}

.uk-icon-sort-up:before,
.uk-icon-sort-asc:before {
    content: "\f0de";
}

.uk-icon-envelope:before {
    content: "\f0e0";
}

.uk-icon-linkedin:before {
    content: "\f0e1";
}

.uk-icon-rotate-left:before,
.uk-icon-undo:before {
    content: "\f0e2";
}

.uk-icon-legal:before,
.uk-icon-gavel:before {
    content: "\f0e3";
}

.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
    content: "\f0e4";
}

.uk-icon-comment-o:before {
    content: "\f0e5";
}

.uk-icon-comments-o:before {
    content: "\f0e6";
}

.uk-icon-flash:before,
.uk-icon-bolt:before {
    content: "\f0e7";
}

.uk-icon-sitemap:before {
    content: "\f0e8";
}

.uk-icon-umbrella:before {
    content: "\f0e9";
}

.uk-icon-paste:before,
.uk-icon-clipboard:before {
    content: "\f0ea";
}

.uk-icon-lightbulb-o:before {
    content: "\f0eb";
}

.uk-icon-exchange:before {
    content: "\f0ec";
}

.uk-icon-cloud-download:before {
    content: "\f0ed";
}

.uk-icon-cloud-upload:before {
    content: "\f0ee";
}

.uk-icon-user-md:before {
    content: "\f0f0";
}

.uk-icon-stethoscope:before {
    content: "\f0f1";
}

.uk-icon-suitcase:before {
    content: "\f0f2";
}

.uk-icon-bell-o:before {
    content: "\f0a2";
}

.uk-icon-coffee:before {
    content: "\f0f4";
}

.uk-icon-cutlery:before {
    content: "\f0f5";
}

.uk-icon-file-text-o:before {
    content: "\f0f6";
}

.uk-icon-building-o:before {
    content: "\f0f7";
}

.uk-icon-hospital-o:before {
    content: "\f0f8";
}

.uk-icon-ambulance:before {
    content: "\f0f9";
}

.uk-icon-medkit:before {
    content: "\f0fa";
}

.uk-icon-fighter-jet:before {
    content: "\f0fb";
}

.uk-icon-beer:before {
    content: "\f0fc";
}

.uk-icon-h-square:before {
    content: "\f0fd";
}

.uk-icon-plus-square:before {
    content: "\f0fe";
}

.uk-icon-angle-double-left:before {
    content: "\f100";
}

.uk-icon-angle-double-right:before {
    content: "\f101";
}

.uk-icon-angle-double-up:before {
    content: "\f102";
}

.uk-icon-angle-double-down:before {
    content: "\f103";
}

.uk-icon-angle-left:before {
    content: "\f104";
}

.uk-icon-angle-right:before {
    content: "\f105";
}

.uk-icon-angle-up:before {
    content: "\f106";
}

.uk-icon-angle-down:before {
    content: "\f107";
}

.uk-icon-desktop:before {
    content: "\f108";
}

.uk-icon-laptop:before {
    content: "\f109";
}

.uk-icon-tablet:before {
    content: "\f10a";
}

.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
    content: "\f10b";
}

.uk-icon-circle-o:before {
    content: "\f10c";
}

.uk-icon-quote-left:before {
    content: "\f10d";
}

.uk-icon-quote-right:before {
    content: "\f10e";
}

.uk-icon-spinner:before {
    content: "\f110";
}

.uk-icon-circle:before {
    content: "\f111";
}

.uk-icon-mail-reply:before,
.uk-icon-reply:before {
    content: "\f112";
}

.uk-icon-github-alt:before {
    content: "\f113";
}

.uk-icon-folder-o:before {
    content: "\f114";
}

.uk-icon-folder-open-o:before {
    content: "\f115";
}

.uk-icon-smile-o:before {
    content: "\f118";
}

.uk-icon-frown-o:before {
    content: "\f119";
}

.uk-icon-meh-o:before {
    content: "\f11a";
}

.uk-icon-gamepad:before {
    content: "\f11b";
}

.uk-icon-keyboard-o:before {
    content: "\f11c";
}

.uk-icon-flag-o:before {
    content: "\f11d";
}

.uk-icon-flag-checkered:before {
    content: "\f11e";
}

.uk-icon-terminal:before {
    content: "\f120";
}

.uk-icon-code:before {
    content: "\f121";
}

.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
    content: "\f122";
}

.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
    content: "\f123";
}

.uk-icon-location-arrow:before {
    content: "\f124";
}

.uk-icon-crop:before {
    content: "\f125";
}

.uk-icon-code-fork:before {
    content: "\f126";
}

.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
    content: "\f127";
}

.uk-icon-question:before {
    content: "\f128";
}

.uk-icon-info:before {
    content: "\f129";
}

.uk-icon-exclamation:before {
    content: "\f12a";
}

.uk-icon-superscript:before {
    content: "\f12b";
}

.uk-icon-subscript:before {
    content: "\f12c";
}

.uk-icon-eraser:before {
    content: "\f12d";
}

.uk-icon-puzzle-piece:before {
    content: "\f12e";
}

.uk-icon-microphone:before {
    content: "\f130";
}

.uk-icon-microphone-slash:before {
    content: "\f131";
}

.uk-icon-shield:before {
    content: "\f132";
}

.uk-icon-calendar-o:before {
    content: "\f133";
}

.uk-icon-fire-extinguisher:before {
    content: "\f134";
}

.uk-icon-rocket:before {
    content: "\f135";
}

.uk-icon-maxcdn:before {
    content: "\f136";
}

.uk-icon-chevron-circle-left:before {
    content: "\f137";
}

.uk-icon-chevron-circle-right:before {
    content: "\f138";
}

.uk-icon-chevron-circle-up:before {
    content: "\f139";
}

.uk-icon-chevron-circle-down:before {
    content: "\f13a";
}

.uk-icon-html5:before {
    content: "\f13b";
}

.uk-icon-css3:before {
    content: "\f13c";
}

.uk-icon-anchor:before {
    content: "\f13d";
}

.uk-icon-unlock-alt:before {
    content: "\f13e";
}

.uk-icon-bullseye:before {
    content: "\f140";
}

.uk-icon-ellipsis-h:before {
    content: "\f141";
}

.uk-icon-ellipsis-v:before {
    content: "\f142";
}

.uk-icon-rss-square:before {
    content: "\f143";
}

.uk-icon-play-circle:before {
    content: "\f144";
}

.uk-icon-ticket:before {
    content: "\f145";
}

.uk-icon-minus-square:before {
    content: "\f146";
}

.uk-icon-minus-square-o:before {
    content: "\f147";
}

.uk-icon-level-up:before {
    content: "\f148";
}

.uk-icon-level-down:before {
    content: "\f149";
}

.uk-icon-check-square:before {
    content: "\f14a";
}

.uk-icon-pencil-square:before {
    content: "\f14b";
}

.uk-icon-external-link-square:before {
    content: "\f14c";
}

.uk-icon-share-square:before {
    content: "\f14d";
}

.uk-icon-compass:before {
    content: "\f14e";
}

.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
    content: "\f150";
}

.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
    content: "\f151";
}

.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
    content: "\f152";
}

.uk-icon-euro:before,
.uk-icon-eur:before {
    content: "\f153";
}

.uk-icon-gbp:before {
    content: "\f154";
}

.uk-icon-dollar:before,
.uk-icon-usd:before {
    content: "\f155";
}

.uk-icon-rupee:before,
.uk-icon-inr:before {
    content: "\f156";
}

.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
    content: "\f157";
}

.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
    content: "\f158";
}

.uk-icon-won:before,
.uk-icon-krw:before {
    content: "\f159";
}

.uk-icon-bitcoin:before,
.uk-icon-btc:before {
    content: "\f15a";
}

.uk-icon-file:before {
    content: "\f15b";
}

.uk-icon-file-text:before {
    content: "\f15c";
}

.uk-icon-sort-alpha-asc:before {
    content: "\f15d";
}

.uk-icon-sort-alpha-desc:before {
    content: "\f15e";
}

.uk-icon-sort-amount-asc:before {
    content: "\f160";
}

.uk-icon-sort-amount-desc:before {
    content: "\f161";
}

.uk-icon-sort-numeric-asc:before {
    content: "\f162";
}

.uk-icon-sort-numeric-desc:before {
    content: "\f163";
}

.uk-icon-thumbs-up:before {
    content: "\f164";
}

.uk-icon-thumbs-down:before {
    content: "\f165";
}

.uk-icon-youtube-square:before {
    content: "\f166";
}

.uk-icon-youtube:before {
    content: "\f167";
}

.uk-icon-xing:before {
    content: "\f168";
}

.uk-icon-xing-square:before {
    content: "\f169";
}

.uk-icon-youtube-play:before {
    content: "\f16a";
}

.uk-icon-dropbox:before {
    content: "\f16b";
}

.uk-icon-stack-overflow:before {
    content: "\f16c";
}

.uk-icon-instagram:before {
    content: "\f16d";
}

.uk-icon-flickr:before {
    content: "\f16e";
}

.uk-icon-adn:before {
    content: "\f170";
}

.uk-icon-bitbucket:before {
    content: "\f171";
}

.uk-icon-bitbucket-square:before {
    content: "\f172";
}

.uk-icon-tumblr:before {
    content: "\f173";
}

.uk-icon-tumblr-square:before {
    content: "\f174";
}

.uk-icon-long-arrow-down:before {
    content: "\f175";
}

.uk-icon-long-arrow-up:before {
    content: "\f176";
}

.uk-icon-long-arrow-left:before {
    content: "\f177";
}

.uk-icon-long-arrow-right:before {
    content: "\f178";
}

.uk-icon-apple:before {
    content: "\f179";
}

.uk-icon-windows:before {
    content: "\f17a";
}

.uk-icon-android:before {
    content: "\f17b";
}

.uk-icon-linux:before {
    content: "\f17c";
}

.uk-icon-dribbble:before {
    content: "\f17d";
}

.uk-icon-skype:before {
    content: "\f17e";
}

.uk-icon-foursquare:before {
    content: "\f180";
}

.uk-icon-trello:before {
    content: "\f181";
}

.uk-icon-female:before {
    content: "\f182";
}

.uk-icon-male:before {
    content: "\f183";
}

.uk-icon-gittip:before,
.uk-icon-gratipay:before {
    content: "\f184";
}

.uk-icon-sun-o:before {
    content: "\f185";
}

.uk-icon-moon-o:before {
    content: "\f186";
}

.uk-icon-archive:before {
    content: "\f187";
}

.uk-icon-bug:before {
    content: "\f188";
}

.uk-icon-vk:before {
    content: "\f189";
}

.uk-icon-weibo:before {
    content: "\f18a";
}

.uk-icon-renren:before {
    content: "\f18b";
}

.uk-icon-pagelines:before {
    content: "\f18c";
}

.uk-icon-stack-exchange:before {
    content: "\f18d";
}

.uk-icon-arrow-circle-o-right:before {
    content: "\f18e";
}

.uk-icon-arrow-circle-o-left:before {
    content: "\f190";
}

.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
    content: "\f191";
}

.uk-icon-dot-circle-o:before {
    content: "\f192";
}

.uk-icon-wheelchair:before {
    content: "\f193";
}

.uk-icon-vimeo-square:before {
    content: "\f194";
}

.uk-icon-turkish-lira:before,
.uk-icon-try:before {
    content: "\f195";
}

.uk-icon-plus-square-o:before {
    content: "\f196";
}

.uk-icon-space-shuttle:before {
    content: "\f197";
}

.uk-icon-slack:before {
    content: "\f198";
}

.uk-icon-envelope-square:before {
    content: "\f199";
}

.uk-icon-wordpress:before {
    content: "\f19a";
}

.uk-icon-openid:before {
    content: "\f19b";
}

.uk-icon-institution:before,
.uk-icon-bank:before,
.uk-icon-university:before {
    content: "\f19c";
}

.uk-icon-mortar-board:before,
.uk-icon-graduation-cap:before {
    content: "\f19d";
}

.uk-icon-yahoo:before {
    content: "\f19e";
}

.uk-icon-google:before {
    content: "\f1a0";
}

.uk-icon-reddit:before {
    content: "\f1a1";
}

.uk-icon-reddit-square:before {
    content: "\f1a2";
}

.uk-icon-stumbleupon-circle:before {
    content: "\f1a3";
}

.uk-icon-stumbleupon:before {
    content: "\f1a4";
}

.uk-icon-delicious:before {
    content: "\f1a5";
}

.uk-icon-digg:before {
    content: "\f1a6";
}

.uk-icon-pied-piper:before {
    content: "\f1a7";
}

.uk-icon-pied-piper-alt:before {
    content: "\f1a8";
}

.uk-icon-drupal:before {
    content: "\f1a9";
}

.uk-icon-joomla:before {
    content: "\f1aa";
}

.uk-icon-language:before {
    content: "\f1ab";
}

.uk-icon-fax:before {
    content: "\f1ac";
}

.uk-icon-building:before {
    content: "\f1ad";
}

.uk-icon-child:before {
    content: "\f1ae";
}

.uk-icon-paw:before {
    content: "\f1b0";
}

.uk-icon-spoon:before {
    content: "\f1b1";
}

.uk-icon-cube:before {
    content: "\f1b2";
}

.uk-icon-cubes:before {
    content: "\f1b3";
}

.uk-icon-behance:before {
    content: "\f1b4";
}

.uk-icon-behance-square:before {
    content: "\f1b5";
}

.uk-icon-steam:before {
    content: "\f1b6";
}

.uk-icon-steam-square:before {
    content: "\f1b7";
}

.uk-icon-recycle:before {
    content: "\f1b8";
}

.uk-icon-automobile:before,
.uk-icon-car:before {
    content: "\f1b9";
}

.uk-icon-cab:before,
.uk-icon-taxi:before {
    content: "\f1ba";
}

.uk-icon-tree:before {
    content: "\f1bb";
}

.uk-icon-spotify:before {
    content: "\f1bc";
}

.uk-icon-deviantart:before {
    content: "\f1bd";
}

.uk-icon-soundcloud:before {
    content: "\f1be";
}

.uk-icon-database:before {
    content: "\f1c0";
}

.uk-icon-file-pdf-o:before {
    content: "\f1c1";
}

.uk-icon-file-word-o:before {
    content: "\f1c2";
}

.uk-icon-file-excel-o:before {
    content: "\f1c3";
}

.uk-icon-file-powerpoint-o:before {
    content: "\f1c4";
}

.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before,
.uk-icon-file-image-o:before {
    content: "\f1c5";
}

.uk-icon-file-zip-o:before,
.uk-icon-file-archive-o:before {
    content: "\f1c6";
}

.uk-icon-file-sound-o:before,
.uk-icon-file-audio-o:before {
    content: "\f1c7";
}

.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
    content: "\f1c8";
}

.uk-icon-file-code-o:before {
    content: "\f1c9";
}

.uk-icon-vine:before {
    content: "\f1ca";
}

.uk-icon-codepen:before {
    content: "\f1cb";
}

.uk-icon-jsfiddle:before {
    content: "\f1cc";
}

.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-saver:before,
.uk-icon-support:before,
.uk-icon-life-ring:before {
    content: "\f1cd";
}

.uk-icon-circle-o-notch:before {
    content: "\f1ce";
}

.uk-icon-ra:before,
.uk-icon-rebel:before {
    content: "\f1d0";
}

.uk-icon-ge:before,
.uk-icon-empire:before {
    content: "\f1d1";
}

.uk-icon-git-square:before {
    content: "\f1d2";
}

.uk-icon-git:before {
    content: "\f1d3";
}

.uk-icon-hacker-news:before {
    content: "\f1d4";
}

.uk-icon-tencent-weibo:before {
    content: "\f1d5";
}

.uk-icon-qq:before {
    content: "\f1d6";
}

.uk-icon-wechat:before,
.uk-icon-weixin:before {
    content: "\f1d7";
}

.uk-icon-send:before,
.uk-icon-paper-plane:before {
    content: "\f1d8";
}

.uk-icon-send-o:before,
.uk-icon-paper-plane-o:before {
    content: "\f1d9";
}

.uk-icon-history:before {
    content: "\f1da";
}

.uk-icon-genderless:before,
.uk-icon-circle-thin:before {
    content: "\f1db";
}

.uk-icon-header:before {
    content: "\f1dc";
}

.uk-icon-paragraph:before {
    content: "\f1dd";
}

.uk-icon-sliders:before {
    content: "\f1de";
}

.uk-icon-share-alt:before {
    content: "\f1e0";
}

.uk-icon-share-alt-square:before {
    content: "\f1e1";
}

.uk-icon-bomb:before {
    content: "\f1e2";
}

.uk-icon-soccer-ball-o:before,
.uk-icon-futbol-o:before {
    content: "\f1e3";
}

.uk-icon-tty:before {
    content: "\f1e4";
}

.uk-icon-binoculars:before {
    content: "\f1e5";
}

.uk-icon-plug:before {
    content: "\f1e6";
}

.uk-icon-slideshare:before {
    content: "\f1e7";
}

.uk-icon-twitch:before {
    content: "\f1e8";
}

.uk-icon-yelp:before {
    content: "\f1e9";
}

.uk-icon-newspaper-o:before {
    content: "\f1ea";
}

.uk-icon-wifi:before {
    content: "\f1eb";
}

.uk-icon-calculator:before {
    content: "\f1ec";
}

.uk-icon-paypal:before {
    content: "\f1ed";
}

.uk-icon-google-wallet:before {
    content: "\f1ee";
}

.uk-icon-cc-visa:before {
    content: "\f1f0";
}

.uk-icon-cc-mastercard:before {
    content: "\f1f1";
}

.uk-icon-cc-discover:before {
    content: "\f1f2";
}

.uk-icon-cc-amex:before {
    content: "\f1f3";
}

.uk-icon-cc-paypal:before {
    content: "\f1f4";
}

.uk-icon-cc-stripe:before {
    content: "\f1f5";
}

.uk-icon-bell-slash:before {
    content: "\f1f6";
}

.uk-icon-bell-slash-o:before {
    content: "\f1f7";
}

.uk-icon-trash:before {
    content: "\f1f8";
}

.uk-icon-copyright:before {
    content: "\f1f9";
}

.uk-icon-at:before {
    content: "\f1fa";
}

.uk-icon-eyedropper:before {
    content: "\f1fb";
}

.uk-icon-paint-brush:before {
    content: "\f1fc";
}

.uk-icon-birthday-cake:before {
    content: "\f1fd";
}

.uk-icon-area-chart:before {
    content: "\f1fe";
}

.uk-icon-pie-chart:before {
    content: "\f200";
}

.uk-icon-line-chart:before {
    content: "\f201";
}

.uk-icon-lastfm:before {
    content: "\f202";
}

.uk-icon-lastfm-square:before {
    content: "\f203";
}

.uk-icon-toggle-off:before {
    content: "\f204";
}

.uk-icon-toggle-on:before {
    content: "\f205";
}

.uk-icon-bicycle:before {
    content: "\f206";
}

.uk-icon-bus:before {
    content: "\f207";
}

.uk-icon-ioxhost:before {
    content: "\f208";
}

.uk-icon-angellist:before {
    content: "\f209";
}

.uk-icon-cc:before {
    content: "\f20a";
}

.uk-icon-shekel:before,
.uk-icon-sheqel:before,
.uk-icon-ils:before {
    content: "\f20b";
}

.uk-icon-meanpath:before {
    content: "\f20c";
}

.uk-icon-buysellads:before {
    content: "\f20d";
}

.uk-icon-connectdevelop:before {
    content: "\f20e";
}

.uk-icon-dashcube:before {
    content: "\f210";
}

.uk-icon-forumbee:before {
    content: "\f211";
}

.uk-icon-leanpub:before {
    content: "\f212";
}

.uk-icon-sellsy:before {
    content: "\f213";
}

.uk-icon-shirtsinbulk:before {
    content: "\f214";
}

.uk-icon-simplybuilt:before {
    content: "\f215";
}

.uk-icon-skyatlas:before {
    content: "\f216";
}

.uk-icon-cart-plus:before {
    content: "\f217";
}

.uk-icon-cart-arrow-down:before {
    content: "\f218";
}

.uk-icon-diamond:before {
    content: "\f219";
}

.uk-icon-ship:before {
    content: "\f21a";
}

.uk-icon-user-secret:before {
    content: "\f21b";
}

.uk-icon-motorcycle:before {
    content: "\f21c";
}

.uk-icon-street-view:before {
    content: "\f21d";
}

.uk-icon-heartbeat:before {
    content: "\f21e";
}

.uk-icon-venus:before {
    content: "\f221";
}

.uk-icon-mars:before {
    content: "\f222";
}

.uk-icon-mercury:before {
    content: "\f223";
}

.uk-icon-transgender:before {
    content: "\f224";
}

.uk-icon-transgender-alt:before {
    content: "\f225";
}

.uk-icon-venus-double:before {
    content: "\f226";
}

.uk-icon-mars-double:before {
    content: "\f227";
}

.uk-icon-venus-mars:before {
    content: "\f228";
}

.uk-icon-mars-stroke:before {
    content: "\f229";
}

.uk-icon-mars-stroke-v:before {
    content: "\f22a";
}

.uk-icon-mars-stroke-h:before {
    content: "\f22b";
}

.uk-icon-neuter:before {
    content: "\f22c";
}

.uk-icon-facebook-official:before {
    content: "\f230";
}

.uk-icon-pinterest-p:before {
    content: "\f231";
}

.uk-icon-whatsapp:before {
    content: "\f232";
}

.uk-icon-server:before {
    content: "\f233";
}

.uk-icon-user-plus:before {
    content: "\f234";
}

.uk-icon-user-times:before {
    content: "\f235";
}

.uk-icon-hotel:before,
.uk-icon-bed:before {
    content: "\f236";
}

.uk-icon-viacoin:before {
    content: "\f237";
}

.uk-icon-train:before {
    content: "\f238";
}

.uk-icon-subway:before {
    content: "\f239";
}

.uk-icon-medium-logo:before {
    content: "\f23a";
}

.uk-icon-500px:before {
    content: "\f26e";
}

.uk-icon-amazon:before {
    content: "\f270";
}

.uk-icon-balance-scale:before {
    content: "\f24e";
}

.uk-icon-battery-empty:before,
.uk-icon-battery-0:before {
    content: "\f244";
}

.uk-icon-battery-quarter:before,
.uk-icon-battery-1:before {
    content: "\f243";
}

.uk-icon-battery-half:before,
.uk-icon-battery-2:before {
    content: "\f242";
}

.uk-icon-battery-three-quarters:before,
.uk-icon-battery-3:before {
    content: "\f241";
}

.uk-icon-battery-full:before,
.uk-icon-battery-4:before {
    content: "\f240";
}

.uk-icon-black-tie:before {
    content: "\f27e";
}

.uk-icon-calendar-check-o:before {
    content: "\f274";
}

.uk-icon-calendar-minus-o:before {
    content: "\f272";
}

.uk-icon-calendar-plus-o:before {
    content: "\f271";
}

.uk-icon-calendar-times-o:before {
    content: "\f273";
}

.uk-icon-cc-diners-club:before {
    content: "\f24c";
}

.uk-icon-cc-jcb:before {
    content: "\f24b";
}

.uk-icon-chrome:before {
    content: "\f268";
}

.uk-icon-clone:before {
    content: "\f24d";
}

.uk-icon-commenting:before {
    content: "\f27a";
}

.uk-icon-commenting-o:before {
    content: "\f27b";
}

.uk-icon-contao:before {
    content: "\f26d";
}

.uk-icon-creative-commons:before {
    content: "\f25e";
}

.uk-icon-expeditedssl:before {
    content: "\f23e";
}

.uk-icon-firefox:before {
    content: "\f269";
}

.uk-icon-fonticons:before {
    content: "\f280";
}

.uk-icon-get-pocket:before {
    content: "\f265";
}

.uk-icon-gg:before {
    content: "\f260";
}

.uk-icon-gg-circle:before {
    content: "\f261";
}

.uk-icon-hand-lizard-o:before {
    content: "\f258";
}

.uk-icon-hand-stop-o:before,
.uk-icon-hand-paper-o:before {
    content: "\f256";
}

.uk-icon-hand-peace-o:before {
    content: "\f25b";
}

.uk-icon-hand-pointer-o:before {
    content: "\f25a";
}

.uk-icon-hand-grab-o:before,
.uk-icon-hand-rock-o:before {
    content: "\f255";
}

.uk-icon-hand-scissors-o:before {
    content: "\f257";
}

.uk-icon-hand-spock-o:before {
    content: "\f259";
}

.uk-icon-hourglass:before {
    content: "\f254";
}

.uk-icon-hourglass-o:before {
    content: "\f250";
}

.uk-icon-hourglass-1:before,
.uk-icon-hourglass-start:before {
    content: "\f251";
}

.uk-icon-hourglass-2:before,
.uk-icon-hourglass-half:before {
    content: "\f252";
}

.uk-icon-hourglass-3:before,
.uk-icon-hourglass-end:before {
    content: "\f253";
}

.uk-icon-houzz:before {
    content: "\f27c";
}

.uk-icon-i-cursor:before {
    content: "\f246";
}

.uk-icon-industry:before {
    content: "\f275";
}

.uk-icon-internet-explorer:before {
    content: "\f26b";
}

.uk-icon-map:before {
    content: "\f279";
}

.uk-icon-map-o:before {
    content: "\f278";
}

.uk-icon-map-pin:before {
    content: "\f276";
}

.uk-icon-map-signs:before {
    content: "\f277";
}

.uk-icon-mouse-pointer:before {
    content: "\f245";
}

.uk-icon-object-group:before {
    content: "\f247";
}

.uk-icon-object-ungroup:before {
    content: "\f248";
}

.uk-icon-odnoklassniki:before {
    content: "\f263";
}

.uk-icon-odnoklassniki-square:before {
    content: "\f264";
}

.uk-icon-opencart:before {
    content: "\f23d";
}

.uk-icon-opera:before {
    content: "\f26a";
}

.uk-icon-optin-monster:before {
    content: "\f23c";
}

.uk-icon-registered:before {
    content: "\f25d";
}

.uk-icon-safari:before {
    content: "\f267";
}

.uk-icon-sticky-note:before {
    content: "\f249";
}

.uk-icon-sticky-note-o:before {
    content: "\f24a";
}

.uk-icon-tv:before,
.uk-icon-television:before {
    content: "\f26c";
}

.uk-icon-trademark:before {
    content: "\f25c";
}

.uk-icon-tripadvisor:before {
    content: "\f262";
}

.uk-icon-vimeo:before {
    content: "\f27d";
}

.uk-icon-wikipedia-w:before {
    content: "\f266";
}

.uk-icon-yc:before,
.uk-icon-y-combinator:before {
    content: "\f23b";
}

.uk-icon-yc-square:before,
.uk-icon-y-combinator-square:before {
    content: "\f1d4";
}

.uk-icon-bluetooth:before {
    content: "\f293";
}

.uk-icon-bluetooth-b:before {
    content: "\f294";
}

.uk-icon-codiepie:before {
    content: "\f284";
}

.uk-icon-credit-card-alt:before {
    content: "\f283";
}

.uk-icon-edge:before {
    content: "\f282";
}

.uk-icon-fort-awesome:before {
    content: "\f286";
}

.uk-icon-hashtag:before {
    content: "\f292";
}

.uk-icon-mixcloud:before {
    content: "\f289";
}

.uk-icon-modx:before {
    content: "\f285";
}

.uk-icon-pause-circle:before {
    content: "\f28b";
}

.uk-icon-pause-circle-o:before {
    content: "\f28c";
}

.uk-icon-percent:before {
    content: "\f295";
}

.uk-icon-product-hunt:before {
    content: "\f288";
}

.uk-icon-reddit-alien:before {
    content: "\f281";
}

.uk-icon-scribd:before {
    content: "\f28a";
}

.uk-icon-shopping-bag:before {
    content: "\f290";
}

.uk-icon-shopping-basket:before {
    content: "\f291";
}

.uk-icon-stop-circle:before {
    content: "\f28d";
}

.uk-icon-stop-circle-o:before {
    content: "\f28e";
}

.uk-icon-usb:before {
    content: "\f287";
}

/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7. */
    padding: 0;
    background: transparent;
    /* 8 */
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.3;
}

    /* Icon */
    .uk-close:after {
        display: block;
        content: "\f00d";
        font-family: FontAwesome;
    }

    /*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
    .uk-close:hover,
    .uk-close:focus {
        opacity: 0.5;
        /* 2 */
        outline: none;
        /* 3 */
        color: inherit;
        text-decoration: none;
        cursor: pointer;
    }

/* Modifier
 ========================================================================== */
.uk-close-alt {
    padding: 2px;
    border-radius: 50%;
    background: #eee;
    opacity: 1;
}

    /* Hover */
    .uk-close-alt:hover,
    .uk-close-alt:focus {
        opacity: 1;
    }

    /* Icon */
    .uk-close-alt:after {
        opacity: 0.5;
    }

    .uk-close-alt:hover:after,
    .uk-close-alt:focus:after {
        opacity: 0.8;
    }

/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
    display: inline-block;
    padding: 0 5px;
    background: #478fa7;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
}

/*
 * Keep color when badge is a link
 */
a.uk-badge:hover {
    color: #fff;
}

/* Modifier: `uk-badge-notification`;
 ========================================================================== */
.uk-badge-notification {
    box-sizing: border-box;
    min-width: 18px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 18px;
}

/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */
.uk-badge-success {
    background-color: #8cc14c;
}

/*
 * Modifier: `uk-badge-warning`
 */
.uk-badge-warning {
    background-color: #faa732;
}

/*
 * Modifier: `uk-badge-danger`
 */
.uk-badge-danger {
    background-color: #da314b;
}

/* ========================================================================
   Component: Alert
 ========================================================================== */
.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #ebf7fd;
    color: #2d7091;
}

/*
 * Add margin if adjacent element
 */
* + .uk-alert {
    margin-top: 15px;
}

/*
 * Remove margin from the last-child
 */
.uk-alert > :last-child {
    margin-bottom: 0;
}

/*
 * Keep color for headings if the default heading color is changed
 */
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit;
}

/* Close in alert
 ========================================================================== */
.uk-alert > .uk-close:first-child {
    float: right;
}

    /*
 * Remove margin from adjacent element
 */
    .uk-alert > .uk-close:first-child + * {
        margin-top: 0;
    }

/* Modifier: `uk-alert-success`
 ========================================================================== */
.uk-alert-success {
    background: #f2fae3;
    color: #659f13;
}

/* Modifier: `uk-alert-warning`
 ========================================================================== */
.uk-alert-warning {
    background: #fffceb;
    color: #e28327;
}

/* Modifier: `uk-alert-danger`
 ========================================================================== */
.uk-alert-danger {
    background: #fff1f0;
    color: #d85030;
}

/* Modifier: `uk-alert-large`
 ========================================================================== */
.uk-alert-large {
    padding: 20px;
}

    .uk-alert-large > .uk-close:first-child {
        margin: -10px -10px 0 0;
    }

/* ========================================================================
   Component: Thumbnail
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Responsive behavior
 * 3. Corrects `max-width` behavior sed
 * 4. Required for `figure` element
 * 5. Style
 */
.uk-thumbnail {
    /* 1 */
    display: inline-block;
    /* 2 */
    max-width: 100%;
    /* 3 */
    box-sizing: border-box;
    /* 3 */
    margin: 0;
    /* 4 */
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

/*
 * Hover state for `a` elements
 * 1. Apply hover style also to focus state
 * 2. Needed for caption
 * 3. Remove default focus style
 */
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
    border-color: #aaa;
    background-color: #fff;
    /* 2 */
    text-decoration: none;
    /* 3 */
    outline: none;
}

/* Caption
 ========================================================================== */
.uk-thumbnail-caption {
    padding-top: 4px;
    text-align: center;
    color: #333840;
}

/* Sizes
 ========================================================================== */
.uk-thumbnail-mini {
    width: 150px;
}

.uk-thumbnail-small {
    width: 200px;
}

.uk-thumbnail-medium {
    width: 300px;
}

.uk-thumbnail-large {
    width: 400px;
}

.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
    width: 100%;
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Set max-width for responsive images to prevent `inline-block` consequences
 * 4. Remove the gap between the container and its child element
 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 * 7. Reset margin
 */
.uk-overlay {
    /* 1 */
    display: inline-block;
    /* 2 */
    position: relative;
    /* 3 */
    max-width: 100%;
    /* 4 */
    vertical-align: middle;
    /* 5 */
    overflow: hidden;
    /* 6 */
    -webkit-transform: translateZ(0);
    /* 7 */
    margin: 0;
}

    /* 6 for Safari */
    .uk-overlay.uk-border-circle {
        -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    }

    /*
 * Remove margin from content
 */
    .uk-overlay > :first-child {
        margin-bottom: 0;
    }

/* Sub-object `uk-overlay-panel`
 ========================================================================== */
/*
 * 1. Position cover
 * 2. Style
 */
.uk-overlay-panel {
    /* 1 */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* 2 */
    padding: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

    /*
 * Remove margin from the last-child
 */
    .uk-overlay-panel > :last-child,
    .uk-overlay-panel.uk-flex > * > :last-child {
        margin-bottom: 0;
    }

    /*
 * Keep color for headings if the default heading color is changed
 */
    .uk-overlay-panel h1,
    .uk-overlay-panel h2,
    .uk-overlay-panel h3,
    .uk-overlay-panel h4,
    .uk-overlay-panel h5,
    .uk-overlay-panel h6 {
        color: inherit;
    }

    .uk-overlay-panel a:not([class]) {
        color: inherit;
        text-decoration: underline;
    }

    .uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
        color: inherit;
    }

/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
 ========================================================================== */
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
    opacity: 0;
}

.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
    opacity: 0;
}

/* Modifier `uk-overlay-background`
 ========================================================================== */
.uk-overlay-background {
    background: rgba(0, 0, 0, 0.5);
}

/* Modifier `uk-overlay-image`
 ========================================================================== */
/*
 * Reset panel
 */
.uk-overlay-image {
    padding: 0;
}

/* Position modifiers
 ========================================================================== */
.uk-overlay-top {
    bottom: auto;
}

.uk-overlay-bottom {
    top: auto;
}

.uk-overlay-left {
    right: auto;
}

.uk-overlay-right {
    left: auto;
}

/* Sub-object `uk-overlay-icon`
 ========================================================================== */
.uk-overlay-icon:before {
    content: "?";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
}

/* Transitions
 ========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
    transition-property: opacity, -webkit-transform, -webkit-filter;
    transition-property: opacity, transform, filter;
    transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
}

.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

/*
 * Fade
 */
.uk-overlay-fade {
    opacity: 0.7;
}

.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
    opacity: 1;
}

/*
 * Scale
 */
.uk-overlay-scale {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.uk-overlay-hover:hover .uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-active .uk-active > .uk-overlay-scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*
 * Spin
 */
.uk-overlay-spin {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.uk-overlay-hover:hover .uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-active .uk-active > .uk-overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}

/*
 * Grayscale
 */
.uk-overlay-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.uk-overlay-hover:hover .uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-active .uk-active > .uk-overlay-grayscale {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/*
 * Slide
 */
[class*='uk-overlay-slide'] {
    opacity: 0;
}

/* Top */
.uk-overlay-slide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* Bottom */
.uk-overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

/* Left */
.uk-overlay-slide-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

/* Right */
.uk-overlay-slide-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

/* Hover */
.uk-overlay-hover:hover [class*='uk-overlay-slide'],
.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

/* DEPRECATED
 * Sub-object `uk-overlay-area`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-area {
    /* 1 */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* 2 */
    background: rgba(0, 0, 0, 0.3);
    /* 3 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: translate3d(0, 0, 0);
}

/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
    opacity: 1;
}

/*
 * Icon
 */
.uk-overlay-area:empty:before {
    content: "?";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
}

/* DEPRECATED
 * Sub-object `uk-overlay-area-content`
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 * Needed for Firefox
 */
.uk-overlay-area:not(:empty) {
    font-size: 0.001px;
}

    /*
 * 1. Needed for vertical alignment
 */
    .uk-overlay-area:not(:empty):before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

/*
 * 1. Set vertical alignment
 * 2. Reset whitespace hack
 * 3. Set horizontal alignment
 * 4. Set style
 */
.uk-overlay-area-content {
    /* 1 */
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    /* 2 */
    font-size: 1rem;
    /* 3 */
    text-align: center;
    /* 4 */
    padding: 0 15px;
    color: #fff;
}

    /*
 * Remove margin from the last-child
 */
    .uk-overlay-area-content > :last-child {
        margin-bottom: 0;
    }

    /*
 * Links in overlay area
 */
    .uk-overlay-area-content a:not([class]),
    .uk-overlay-area-content a:not([class]):hover {
        color: inherit;
    }

/* DEPRECATED
 * Sub-object `uk-overlay-caption`
 ========================================================================== */
/*
 * 1. Set position
 * 2. Set style
 * 3. Fade-in transition
 */
.uk-overlay-caption {
    /* 1 */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* 2 */
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    /* 3 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: translate3d(0, 0, 0);
}

/*
 * Hover
 * 1. `uk-hover` to support touch devices
 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
 */
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
    opacity: 1;
}

/* ========================================================================
   Component: Column
 ========================================================================== */
[class*='uk-column-'] {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

/* Width modifiers
 ========================================================================== */
.uk-column-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-column-small-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .uk-column-small-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .uk-column-small-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .uk-column-small-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .uk-column-small-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-column-medium-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .uk-column-medium-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .uk-column-medium-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .uk-column-medium-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .uk-column-medium-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-column-large-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .uk-column-large-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .uk-column-large-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .uk-column-large-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .uk-column-large-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-column-xlarge-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .uk-column-xlarge-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .uk-column-xlarge-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }

    .uk-column-xlarge-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }

    .uk-column-xlarge-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}

/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='uk-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Hide animated element if scrollspy is used */
@media screen {
    [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
        opacity: 0;
    }
}

/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
 */
.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important;
}

/*
 * Fade with scale
 */
.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18;
}

/*
 * Fade with slide
 */
.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left;
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right;
}

/*
 * Scale
 */
.uk-animation-scale {
    -webkit-animation-name: uk-scale-12;
    animation-name: uk-scale-12;
}

/*
 * Shake
 */
.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake;
}

/* Direction modifiers
 ========================================================================== */
.uk-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/* Duration modifiers
========================================================================== */
.uk-animation-15 {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}

/* Origin modifiers
========================================================================== */
.uk-animation-top-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.uk-animation-top-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.uk-animation-top-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.uk-animation-middle-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.uk-animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.uk-animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.uk-animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.uk-animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/* Sub-object: `uk-animation-hover`
========================================================================== */
/*
 * Enable animation only on hover
 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
 */
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
    -webkit-animation-name: none;
    animation-name: none;
}

/* Keyframes: Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@-webkit-keyframes uk-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Keyframes: Fade with slide
 ========================================================================== */
/*
 * Top
 */
@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*
 * Bottom
 */
@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*
 * Left
 */
@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*
 * Right
 */
@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Keyframes: Fade with scale
 ========================================================================== */
/*
 * Scale by 0.2
 */
@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*
 * Scale by 1.5
 * Used by slideshow component
 */
@-webkit-keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*
 * Scale by 1.8
 */
@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Keyframes: Slide
 * Used by slideshow component
 ========================================================================== */
/*
 * Left
 */
@-webkit-keyframes uk-slide-left {
    0% {
        -webkit-transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-left {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*
 * Right
 */
@-webkit-keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*
 * Left third
 */
@-webkit-keyframes uk-slide-left-33 {
    0% {
        -webkit-transform: translateX(33%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-left-33 {
    0% {
        -webkit-transform: translateX(33%);
        transform: translateX(33%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*
 * Right third
 */
@-webkit-keyframes uk-slide-right-33 {
    0% {
        -webkit-transform: translateX(-33%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-right-33 {
    0% {
        -webkit-transform: translateX(-33%);
        transform: translateX(-33%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes uk-scale-12 {
    0% {
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes uk-scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Keyframes: Rotate
 * Used by icon component
 ========================================================================== */
@-webkit-keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Keyframes: Shake
 ========================================================================== */
@-webkit-keyframes uk-shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-9px);
    }

    20% {
        -webkit-transform: translateX(8px);
    }

    30% {
        -webkit-transform: translateX(-7px);
    }

    40% {
        -webkit-transform: translateX(6px);
    }

    50% {
        -webkit-transform: translateX(-5px);
    }

    60% {
        -webkit-transform: translateX(4px);
    }

    70% {
        -webkit-transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
    }

    90% {
        -webkit-transform: translateX(-1px);
    }
}

@keyframes uk-shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px);
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px);
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
}

/* Keyframes: Fade with slide fixed
 * Used by dropdown and search component
 ========================================================================== */
/*
 * Top fixed
 */
@-webkit-keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*
 * Bottom fixed
 */
@-webkit-keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set width
 */
.uk-dropdown,
.uk-dropdown-blank {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    z-index: 970;
    /* 3 */
    box-sizing: border-box;
    /* 4 */
    width: 100px;
}

/*
 * Dropdown style
 * 1. Reset button group whitespace hack
 */
.uk-dropdown {
    padding: 15px;
    background: #ffffff;
    color: #74b2c7;
    /* 1 */
    font-size: 0.875em;
    vertical-align: top;
}

/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */
.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
    /* 1 */
    display: block;
    /* 2 */
    -webkit-animation: uk-fade 0.2s ease-in-out;
    animation: uk-fade 0.2s ease-in-out;
    /* 3 */
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Alignment modifiers
 ========================================================================== */
/*
 * Modifier
 */
.uk-dropdown-top {
    margin-top: 0;
}

.uk-dropdown-bottom {
    margin-top: 0;
}

.uk-dropdown-left {
    margin-left: 0;
}

.uk-dropdown-right {
    margin-left: 0;
}

/* Nav in dropdown
 ========================================================================== */
.uk-dropdown .uk-nav {
    margin: 0 -15px;
}

/* Grid and panel in dropdown
 ========================================================================== */
/*
* Vertical gutter
*/
/*
 * Grid
 * Higher specificity to override large gutter
 */
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
    margin-top: 15px;
}

/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
    margin-top: 15px;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    /*
     * Horizontal gutter
     */
    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

        .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
            padding-left: 15px;
            padding-right: 15px;
        }
            /*
     * Column divider
     */
            .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
                border-left: 1px solid #dedede;
            }
    /*
     * Width multiplier for dropdown columns
     */
    .uk-dropdown-width-2:not(.uk-dropdown-stack) {
        width: 200px;
    }

    .uk-dropdown-width-3:not(.uk-dropdown-stack) {
        width: 300px;
    }

    .uk-dropdown-width-4:not(.uk-dropdown-stack) {
        width: 400px;
    }

    .uk-dropdown-width-5:not(.uk-dropdown-stack) {
        width: 500px;
    }
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    /*
     * Stack columns and take full width
     */
    .uk-dropdown-grid > [class*='uk-width-'] {
        width: 100%;
    }
        /*
     * Vertical gutter
     */
        .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
            margin-top: 15px;
        }
}

/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
    width: 100%;
}

    .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
        margin-top: 15px;
    }

/* Modifier `uk-dropdown-small`
 ========================================================================== */
/*
 * Set min-width and text expands dropdown if needed
 */
.uk-dropdown-small {
    min-width: 150px;
    width: auto;
    padding: 5px;
    white-space: nowrap;
}

    /*
 * Nav in dropdown
 */
    .uk-dropdown-small .uk-nav {
        margin: 0 -5px;
    }

/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */
.uk-dropdown-navbar {
    margin-top: 0;
    background: #ffffff;
    color: #74b2c7;
}

.uk-open > .uk-dropdown-navbar {
    -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
    animation: uk-slide-top-fixed 0.2s ease-in-out;
}

/* Modifier `uk-dropdown-scrollable`
 ========================================================================== */
/*
 * Usefull for long lists
 */
.uk-dropdown-scrollable {
    overflow-y: auto;
    max-height: 200px;
}

/* Sub-object: `uk-dropdown-overlay`
 ========================================================================== */
/* ========================================================================
   Component: Modal
 ========================================================================== */
/*
 * This is the modal overlay and modal dialog container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Allow scrolling for the modal dialog
 * 4. Mask the background page
 * 5. Fade-in transition
 * 6. Deactivate browser history navigation in IE11
 * 7. force hardware acceleration to prevent browser rendering hiccups
 */
.uk-modal {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    background: rgba(0, 0, 0, 0.6);
    /* 5 */
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    /* 6 */
    -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    /* 7 */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    /*
 * Open state
 */
    .uk-modal.uk-open {
        opacity: 1;
    }

/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
    overflow: hidden;
}

/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for caption, spinner and close button
 * 2. Set box sizing
 * 3. Set style
 * 4. Slide-in transition
 */
.uk-modal-dialog {
    /* 1 */
    position: relative;
    /* 2 */
    box-sizing: border-box;
    margin: 50px auto;
    padding: 20px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    /* 3 */
    background: #fff;
    /* 4 */
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s linear, transform 0.3s ease-out;
    transition: opacity 0.3s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    /*
     * Fit in small screen
     */
    .uk-modal-dialog {
        width: auto;
        margin: 10px auto;
    }
}

/*
 * Open state
 */
.uk-open .uk-modal-dialog {
    /* 4 */
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
    margin-bottom: 0;
}

/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right;
}

    /*
 * Remove margin from adjacent element
 */
    .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
        margin-top: 0;
    }

/* Modifier: `uk-modal-dialog-lightbox`
 ========================================================================== */
.uk-modal-dialog-lightbox {
    margin: 15px auto;
    padding: 0;
    max-width: 95%;
    max-width: calc(100% - 30px);
    min-height: 50px;
}

    /*
 * Close button
 */
    .uk-modal-dialog-lightbox > .uk-close:first-child {
        position: absolute;
        top: -12px;
        right: -12px;
        margin: 0;
        float: none;
    }

/* Phone landscape and smaller */
@media (max-width: 767px) {
    .uk-modal-dialog-lightbox > .uk-close:first-child {
        top: -7px;
        right: -7px;
    }
}

/* Modifier: `uk-modal-dialog-blank`
 ========================================================================== */
.uk-modal-dialog-blank {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

    /*
* Close button
*/
    .uk-modal-dialog-blank > .uk-close:first-child {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1;
        margin: 0;
        float: none;
    }

/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-modal-dialog-large {
        width: 930px;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-modal-dialog-large {
        width: 1130px;
    }
}

/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
 ========================================================================== */
.uk-modal-header {
    margin-bottom: 15px;
}

.uk-modal-footer {
    margin-top: 15px;
}

    /*
 * Remove margin from the last-child
 */
    .uk-modal-header > :last-child,
    .uk-modal-footer > :last-child {
        margin-bottom: 0;
    }

/* Sub-Object: `uk-modal-caption`
 ========================================================================== */
.uk-modal-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-bottom: -10px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sub-Object: `uk-modal-spinner`
 ========================================================================== */
.uk-modal-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #ddd;
}

    .uk-modal-spinner:after {
        content: "\f110";
        display: block;
        font-family: FontAwesome;
        -webkit-animation: uk-rotate 2s infinite linear;
        animation: uk-rotate 2s infinite linear;
    }

/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */
.uk-offcanvas {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    /* 3 */
    -ms-touch-action: none;
    touch-action: none;
    /* 4 */
    background: rgba(0, 0, 0, 0.1);
}

    .uk-offcanvas.uk-active {
        display: block;
    }

/* Sub-object `uk-offcanvas-page`
 ========================================================================== */
/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 */
.uk-offcanvas-page {
    /* 1 */
    position: fixed;
    /* 2 */
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
}

/* Sub-object `uk-offcanvas-bar`
 ========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deactivate scroll chaining in IE11
 */
.uk-offcanvas-bar {
    /* 1 */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    /* 2 */
    width: 270px;
    max-width: 100%;
    background: #333;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    /* 5 */
    -ms-scroll-chaining: none;
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */
.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

/* Panel in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777;
}

.uk-offcanvas .uk-panel-title {
    color: #ccc;
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #ccc;
}

    .uk-offcanvas .uk-panel a:not([class]):hover {
        color: #fff;
    }

/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * 1. Deactivate browser history navigation in IE11
 */
.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    /* 1 */
    -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
}

    /*
 * Items
 */
    .uk-switcher > :not(.uk-active) {
        display: none;
    }

/* ========================================================================
   Component: Text
 ========================================================================== */
/* Size modifiers
 ========================================================================== */
.uk-text-small {
    font-size: 11px;
    line-height: 16px;
}

.uk-text-large {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

/* Weight modifiers
 ========================================================================== */
.uk-text-bold {
    font-weight: bold;
}

/* Color modifiers
 ========================================================================== */
.uk-text-muted {
    color: #999 !important;
}

.uk-text-primary {
    color: #2d7091 !important;
}

.uk-text-success {
    color: #659f13 !important;
}

.uk-text-warning {
    color: #e28327 !important;
}

.uk-text-danger {
    color: #d85030 !important;
}

.uk-text-contrast {
    color: #fff !important;
}

/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
    text-align: left !important;
}

.uk-text-right {
    text-align: right !important;
}

.uk-text-center {
    text-align: center !important;
}

.uk-text-justify {
    text-align: justify !important;
}

.uk-text-top {
    vertical-align: top !important;
}

.uk-text-middle {
    vertical-align: middle !important;
}

.uk-text-bottom {
    vertical-align: bottom !important;
}

/* Only tablets portrait and smaller */
@media (max-width: 959px) {
    .uk-text-center-medium {
        text-align: center !important;
    }

    .uk-text-left-medium {
        text-align: left !important;
    }
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
    .uk-text-center-small {
        text-align: center !important;
    }

    .uk-text-left-small {
        text-align: left !important;
    }
}

/* Wrap modifiers
 ========================================================================== */
/*
 * Prevent text from wrapping onto multiple lines
 */
.uk-text-nowrap {
    white-space: nowrap;
}

/*
 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 */
.uk-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * Break strings if their length exceeds the width of their container
 */
.uk-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
.uk-container {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 40px;
    max-width: 100%;
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-container {
        max-width: 1200px;
        padding: 0 90px;
    }
}

/*
 * Micro clearfix
 */
.uk-container:before,
.uk-container:after {
    content: "";
    display: table;
}

.uk-container:after {
    clear: both;
}

/*
 * Center container
 */
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}

/* Clearing
 ========================================================================== */
/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
.uk-clearfix:before {
    content: "";
    display: table-cell;
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*
 *  Create a new block formatting context
 */
.uk-nbfc {
    overflow: hidden;
}

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px;
}

/* Alignment of block elements
 ========================================================================== */
/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */
.uk-float-left {
    float: left;
}

.uk-float-right {
    float: right;
}

/* 1 */
[class*='uk-float-'] {
    max-width: 100%;
}

/* Alignment of images and objects
 ========================================================================== */
/*
 * Alignment
 */
[class*='uk-align-'] {
    display: block;
    margin-bottom: 15px;
}

.uk-align-left {
    margin-right: 15px;
    float: left;
}

.uk-align-right {
    margin-left: 15px;
    float: right;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-align-medium-left {
        margin-right: 15px;
        float: left;
    }

    .uk-align-medium-right {
        margin-left: 15px;
        float: right;
    }
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto;
}

/* Vertical alignment
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 */
.uk-vertical-align {
    font-size: 0.001px;
}

    /*
 *  The `uk-vertical-align` container needs a specific height
 */
    .uk-vertical-align:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
    display: inline-block;
    max-width: 100%;
    /* 1 */
    font-size: 1rem;
}

.uk-vertical-align-middle {
    vertical-align: middle;
}

.uk-vertical-align-bottom {
    vertical-align: bottom;
}

/* Height
 ========================================================================== */
/*
 * More robust if padding and border are used
 */
[class*='uk-height'] {
    box-sizing: border-box;
}

/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */
.uk-height-1-1 {
    height: 100%;
}

/*
 * Useful to create image teasers
 */
.uk-height-viewport {
    height: 100vh;
    min-height: 600px;
}

/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */
/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
    box-sizing: border-box;
}

/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * `important` needed to override `uk-img-preserve img`
 */
.uk-responsive-width {
    max-width: 100% !important;
    height: auto;
}

/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */
.uk-responsive-height {
    max-height: 100%;
    width: auto;
}

/* Margin
 ========================================================================== */
/*
 * Create a block with the same margin of a paragraph
 * Add margin if adjacent element
 */
.uk-margin {
    margin-bottom: 15px;
}

* + .uk-margin {
    margin-top: 15px;
}

.uk-margin-top {
    margin-top: 15px !important;
}

.uk-margin-bottom {
    margin-bottom: 15px !important;
}

.uk-margin-left {
    margin-left: 15px !important;
}

.uk-margin-right {
    margin-right: 15px !important;
}

/*
 * Larger margins
 */
.uk-margin-large {
    margin-bottom: 50px;
}

* + .uk-margin-large {
    margin-top: 50px;
}

.uk-margin-large-top {
    margin-top: 50px !important;
}

.uk-margin-large-bottom {
    margin-bottom: 50px !important;
}

.uk-margin-large-left {
    margin-left: 50px !important;
}

.uk-margin-large-right {
    margin-right: 50px !important;
}

/*
 * Smaller margins
 */
.uk-margin-small {
    margin-bottom: 5px;
}

* + .uk-margin-small {
    margin-top: 5px;
}

.uk-margin-small-top {
    margin-top: 5px !important;
}

.uk-margin-small-bottom {
    margin-bottom: 5px !important;
}

.uk-margin-small-left {
    margin-left: 5px !important;
}

.uk-margin-small-right {
    margin-right: 5px !important;
}

/*
 * Remove margins
 */
.uk-margin-remove {
    margin: 0 !important;
}

.uk-margin-top-remove {
    margin-top: 0 !important;
}

.uk-margin-bottom-remove {
    margin-bottom: 0 !important;
}

/* Padding
 ========================================================================== */
.uk-padding-remove {
    padding: 0 !important;
}

.uk-padding-top-remove {
    padding-top: 0 !important;
}

.uk-padding-bottom-remove {
    padding-bottom: 0 !important;
}

.uk-padding-vertical-remove {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Border
 ========================================================================== */
.uk-border-circle {
    border-radius: 50%;
}

.uk-border-rounded {
    border-radius: 5px;
}

/* Headings
 ========================================================================== */
.uk-heading-large {
    font-size: 36px;
    line-height: 42px;
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-heading-large {
        font-size: 52px;
        line-height: 64px;
    }
}

/* Link
 ========================================================================== */
/*
 * Let links appear in default text color
 */
.uk-link-muted,
.uk-link-muted a {
    color: #333840;
}

    .uk-link-muted:hover,
    .uk-link-muted a:hover {
        color: #333840;
    }

/*
 * Reset link style
 */
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset a:focus {
    color: inherit;
    text-decoration: none;
}

/* Scrollable
 ========================================================================== */
/*
 * Enable scrolling for preformatted text
 */
.uk-scrollable-text {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

/*
 * Box with scrolling enabled
 */
.uk-scrollable-box {
    box-sizing: border-box;
    height: 170px;
    padding: 10px;
    border: 1px solid #ddd;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
}

    .uk-scrollable-box > :last-child {
        margin-bottom: 0;
    }

/* Overflow
 ========================================================================== */
.uk-overflow-hidden {
    overflow: hidden;
}

/*
 * Enable scrollbars if content is clipped
 */
.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .uk-overflow-container > :last-child {
        margin-bottom: 0;
    }

/* Position
 ========================================================================== */
.uk-position-absolute,
[class*='uk-position-top'],
[class*='uk-position-bottom'] {
    position: absolute !important;
}

/* Don't use `width: 100%` because it is wrong if the parent has padding. */
.uk-position-top {
    top: 0;
    left: 0;
    right: 0;
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.uk-position-top-left {
    top: 0;
    left: 0;
}

.uk-position-top-right {
    top: 0;
    right: 0;
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0;
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0;
}

/*
 * Cover
 */
.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*
 * Relative
 */
.uk-position-relative {
    position: relative !important;
}

/*
 * Z-index
 */
.uk-position-z-index {
    z-index: 1;
}

/* Display
 ========================================================================== */
/*
 * Display
 * 1. Required if child is a responsive image
 */
.uk-display-block {
    display: block !important;
}

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

.uk-display-inline-block {
    display: inline-block !important;
    /* 1 */
    max-width: 100%;
}

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-medium {
        display: none !important;
    }

    .uk-hidden-large {
        display: none !important;
    }
}

/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-medium {
        display: none !important;
    }
}

/* Phone landscape and smaller*/
@media (max-width: 767px) {
    .uk-visible-medium {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-small {
        display: none !important;
    }
}

/* Remove from the flow and screen readers on any device */
.uk-hidden {
    display: none !important;
    visibility: hidden !important;
}

/* It's hidden, but still affects layout */
.uk-invisible {
    visibility: hidden !important;
}

/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important;
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important;
}

/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
    display: none !important;
}

/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.uk-flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
}

    /*
 * Fixes initial flex-shrink value in IE10
 */
    .uk-flex > *,
    .uk-flex-inline > * {
        -ms-flex-negative: 1;
    }

/* Alignment
 ========================================================================== */
/*
 * Vertical alignment
 * Default value is `stretch`
 */
.uk-flex-top {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.uk-flex-middle {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.uk-flex-bottom {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

/*
 * Horizontal alignment
 * Default value is `flex-start`
 */
.uk-flex-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.uk-flex-right {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.uk-flex-space-between {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.uk-flex-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* Direction
 ========================================================================== */
.uk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.uk-flex-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.uk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

/* Wrap
 ========================================================================== */
.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.uk-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/*
 * Horizontal alignment
 * Default value is `stretch`
 */
.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center;
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.uk-flex-wrap-space-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.uk-flex-wrap-space-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.uk-flex-order-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.uk-flex-order-last {
    -ms-flex-order: 99;
    -webkit-box-ordinal-group: 100;
    order: 99;
}

/* Phone landscape and bigger */
@media (min-width: 480px) {
    .uk-flex-order-first-small {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .uk-flex-order-last-small {
        -ms-flex-order: 99;
        -webkit-box-ordinal-group: 100;
        order: 99;
    }
}

/* Tablet and bigger */
@media (min-width: 768px) {
    .uk-flex-order-first-medium {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .uk-flex-order-last-medium {
        -ms-flex-order: 99;
        -webkit-box-ordinal-group: 100;
        order: 99;
    }
}

/* Desktop and bigger */
@media (min-width: 960px) {
    .uk-flex-order-first-large {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .uk-flex-order-last-large {
        -ms-flex-order: 99;
        -webkit-box-ordinal-group: 100;
        order: 99;
    }
}

/* Large screen and bigger */
@media (min-width: 1220px) {
    .uk-flex-order-first-xlarge {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .uk-flex-order-last-xlarge {
        -ms-flex-order: 99;
        -webkit-box-ordinal-group: 100;
        order: 99;
    }
}

/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.uk-flex-item-none {
    -ms-flex: none;
    -webkit-box-flex: 0;
    flex: none;
}

/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 * 1. Fixes flex-shrink value in IE10
 */
.uk-flex-item-auto {
    -ms-flex: auto;
    -webkit-box-flex: 1;
    flex: auto;
    /* 1 */
    -ms-flex-negative: 1;
}

/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
.uk-flex-item-1 {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}

/* ========================================================================
   Component: Contrast
 ========================================================================== */
.uk-contrast {
    color: #fff;
    /* Active */
}

    .uk-contrast a:not([class]),
    .uk-contrast .uk-link {
        color: fade(#fff, 70%);
        text-decoration: none;
    }

        .uk-contrast a:not([class]):hover,
        .uk-contrast .uk-link:hover {
            color: #fff;
            text-decoration: underline;
        }

    .uk-contrast :not(pre) > code,
    .uk-contrast :not(pre) > kbd,
    .uk-contrast :not(pre) > samp {
        color: #fff;
    }

    .uk-contrast em {
        color: #fff;
    }

    .uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 {
        color: #fff;
    }

    .uk-contrast hr {
        border-top-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-nav li > a,
    .uk-contrast .uk-nav li > a:hover {
        text-decoration: none;
    }

    .uk-contrast .uk-nav-side > li > a {
        color: #fff;
    }

        .uk-contrast .uk-nav-side > li > a:hover,
        .uk-contrast .uk-nav-side > li > a:focus {
            background: fade(#fff, 10%);
            color: #fff;
        }

    .uk-contrast .uk-nav-side > li.uk-active > a {
        background: #fff;
        color: #333840;
    }

    .uk-contrast .uk-nav-side .uk-nav-header {
        color: #fff;
    }

    .uk-contrast .uk-nav-side .uk-nav-divider {
        border-top-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-nav-side ul a {
        color: fade(#fff, 70%);
    }

        .uk-contrast .uk-nav-side ul a:hover {
            color: #fff;
        }

    .uk-contrast .uk-subnav > * > a {
        color: fade(#fff, 70%);
        text-decoration: none;
    }

        .uk-contrast .uk-subnav > * > a:hover,
        .uk-contrast .uk-subnav > * > a:focus {
            color: #fff;
            text-decoration: none;
        }

    .uk-contrast .uk-subnav > .uk-active > a {
        color: #fff;
    }

    .uk-contrast .uk-subnav-line > :nth-child(n+2):before {
        border-left-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-subnav-pill > * > a:hover,
    .uk-contrast .uk-subnav-pill > * > a:focus {
        background: fade(#fff, 70%);
        color: #333840;
        text-decoration: none;
    }

    .uk-contrast .uk-subnav-pill > .uk-active > a {
        background: #fff;
        color: #333840;
    }

    .uk-contrast .uk-tab {
        border-bottom-color: fade(#fff, 20%);
    }

        .uk-contrast .uk-tab > li > a {
            border-color: transparent;
            color: fade(#fff, 70%);
        }

            .uk-contrast .uk-tab > li > a:hover,
            .uk-contrast .uk-tab > li > a:focus,
            .uk-contrast .uk-tab > li.uk-open > a {
                border-color: fade(#fff, 70%);
                background: fade(#fff, 70%);
                color: #333840;
                text-decoration: none;
            }

        .uk-contrast .uk-tab > li.uk-active > a {
            border-color: fade(#fff, 20%);
            border-bottom-color: transparent;
            background: #fff;
            color: #333840;
        }

    .uk-contrast .uk-tab-center {
        border-bottom-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-tab-grid:before {
        border-top-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-list-line > li:nth-child(n+2) {
        border-top-color: fade(#fff, 20%);
    }

    .uk-contrast .uk-form select,
    .uk-contrast .uk-form textarea,
    .uk-contrast .uk-form input:not([type]),
    .uk-contrast .uk-form input[type="text"],
    .uk-contrast .uk-form input[type="password"],
    .uk-contrast .uk-form input[type="datetime"],
    .uk-contrast .uk-form input[type="datetime-local"],
    .uk-contrast .uk-form input[type="date"],
    .uk-contrast .uk-form input[type="month"],
    .uk-contrast .uk-form input[type="time"],
    .uk-contrast .uk-form input[type="week"],
    .uk-contrast .uk-form input[type="number"],
    .uk-contrast .uk-form input[type="email"],
    .uk-contrast .uk-form input[type="url"],
    .uk-contrast .uk-form input[type="search"],
    .uk-contrast .uk-form input[type="tel"],
    .uk-contrast .uk-form input[type="color"] {
        border-color: fade(#fff, 80%);
        background: fade(#fff, 80%);
        color: #333840;
        background-clip: padding-box;
    }

        .uk-contrast .uk-form select:focus,
        .uk-contrast .uk-form textarea:focus,
        .uk-contrast .uk-form input:not([type]):focus,
        .uk-contrast .uk-form input[type="text"]:focus,
        .uk-contrast .uk-form input[type="password"]:focus,
        .uk-contrast .uk-form input[type="datetime"]:focus,
        .uk-contrast .uk-form input[type="datetime-local"]:focus,
        .uk-contrast .uk-form input[type="date"]:focus,
        .uk-contrast .uk-form input[type="month"]:focus,
        .uk-contrast .uk-form input[type="time"]:focus,
        .uk-contrast .uk-form input[type="week"]:focus,
        .uk-contrast .uk-form input[type="number"]:focus,
        .uk-contrast .uk-form input[type="email"]:focus,
        .uk-contrast .uk-form input[type="url"]:focus,
        .uk-contrast .uk-form input[type="search"]:focus,
        .uk-contrast .uk-form input[type="tel"]:focus,
        .uk-contrast .uk-form input[type="color"]:focus {
            border-color: #fff;
            background: #fff;
            color: #333840;
        }

    .uk-contrast .uk-form :-ms-input-placeholder {
        color: fade(#333840, 70%) !important;
    }

    .uk-contrast .uk-form ::-moz-placeholder {
        color: fade(#333840, 70%);
    }

    .uk-contrast .uk-form ::-webkit-input-placeholder {
        color: fade(#333840, 70%);
    }

    .uk-contrast .uk-button {
        color: #333840;
        background: #fff;
    }

        .uk-contrast .uk-button:hover,
        .uk-contrast .uk-button:focus {
            background-color: fade(#fff, 80%);
            color: #333840;
        }

        .uk-contrast .uk-button:active,
        .uk-contrast .uk-button.uk-active {
            background-color: fade(#fff, 70%);
            color: #333840;
        }

    .uk-contrast .uk-button-primary {
        background-color: #478fa7;
        color: #fff;
    }

        .uk-contrast .uk-button-primary:hover,
        .uk-contrast .uk-button-primary:focus {
            background-color: #35b3ee;
            color: #fff;
        }

        .uk-contrast .uk-button-primary:active,
        .uk-contrast .uk-button-primary.uk-active {
            background-color: #0091ca;
            color: #fff;
        }

    .uk-contrast .uk-icon-hover {
        color: fade(#fff, 70%);
    }

        .uk-contrast .uk-icon-hover:hover {
            color: #fff;
        }

    .uk-contrast .uk-icon-button {
        background: #fff;
        color: #333840;
    }

        .uk-contrast .uk-icon-button:hover,
        .uk-contrast .uk-icon-button:focus {
            background-color: fade(#fff, 80%);
            color: #333840;
        }

        .uk-contrast .uk-icon-button:active {
            background-color: fade(#fff, 70%);
            color: #333840;
        }

    .uk-contrast .uk-text-muted {
        color: fade(#fff, 60%) !important;
    }

    .uk-contrast .uk-text-primary {
        color: #2d7091 !important;
    }





/************************
*************************
    Mobile Menu v1.0
    (c) 2015 George Lieu
    licensed under MIT
************************
************************/

@media (max-width: 767px) {
    html {
        overflow-x: hidden;
    }
}

#page {
    position: relative;
    left: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    z-index: 20;
    background: black;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

.mmPushBody {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#mobile-menu {
    background: #ffffff;
    position: fixed;
    top: 0;
    z-index: 99999;
    -webkit-box-shadow: 0 1px 8px #555555;
    -moz-box-shadow: 0 1px 8px #555555;
    -o-box-shadow: 0 1px 8px #555555;
    box-shadow: 0 1px 8px #555555;
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.mobile-menu {
    list-style-type: none;
    margin: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*
    .mobile-menu ul {
        margin-left: 0;
        padding-left: 0;
    }

    .mobile-menu li {
        display: block;
        width: 100%;
        float: left;
        margin-left: 0;
        padding-left: 0;
        position: relative;
    }

        .mobile-menu li a {
            display: block;
            overflow: hidden;
            white-space: normal;
            text-decoration: none;
        }

        .mobile-menu li li {
            background: #eeeeee;
        }

            .mobile-menu li li a {
                padding-left: 25px;
            }

            .mobile-menu li li li {
                background: #dddddd;
            }

                .mobile-menu li li li a {
                    padding-left: 35px;
                }

    .mobile-menu .social a {
        float: left;
        padding: 0;
        margin: 10px 0 10px 15px;
    }

    .mobile-menu .social i {
        font-size: 22px;
        color: #01c7c5;
    }

    .mobile-menu input.simple:focus {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .mobile-menu [class^="icon-"]:before {
        margin-right: 0;
        margin-left: 0;
    }

    .mobile-menu [class*=" icon-"]:before {
        margin-right: 0;
        margin-left: 0;
    }
*/
.mm-toggle-wrap {
    color: white;
    width: 100%;
    height: 45px;
    background: #555555;
    line-height: 1;
    overflow: hidden;
}

.mm-toggle {
    cursor: pointer;
    font-size: 22px;
    display: none;
    width: auto;
}

@media (max-width: 767px) {
    .mm-toggle {
        display: block;
    }

        .mm-toggle .mm-label {
            margin-left: 3px;
        }
}

@media (max-width: 480px) {
    .mm-toggle .mm-label {
        display: none;
    }
}



/* ========================================================================
   Component: Print
 ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
 * Modifier: `uk-button-secondary`
 */
.uk-button-secondary {
    background-color: #74b2c7;
    color: #ffffff !important;
}

    /* Hover */
    .uk-button-secondary:hover,
    .uk-button-secondary:focus {
        background-color: #3d8198;
        color: #ffffff !important;
    }

    .uk-button-secondary:disabled {
        background-color: #f5f5f5 !important;
        color: #ffffff !important;
    }

/*
 * Modifier: `uk-button-tertiary`
 */
.uk-button-tertiary {
    background-color: #333840;
    color: #ffffff !important;
}

    /* Hover */
    .uk-button-tertiary:hover,
    .uk-button-tertiary:focus {
        background-color: #060607;
        color: #ffffff !important;
    }

.uk-button-secondary:disabled {
    background-color: #f5f5f5 !important;
    color: #ffffff !important;
}

/*
 * Modifier: `uk-button-primary-inverted`
 */
.uk-button-primary-inverted {
    background: none;
    color: #ee5a40;
    border: 1px solid #f49786;
}

    /* Hover */
    .uk-button-primary-inverted:hover,
    .uk-button-primary-inverted:focus {
        background: #f49786;
        color: #ffffff;
    }

    .uk-button-primary-inverted:disabled {
        background: #f5f5f5 !important;
        color: #ffffff !important;
    }

/*
 * Modifier: `uk-button-secondary-inverted`
 */
.uk-button-secondary-inverted {
    background: none;
    color: #74b2c7 !important;
    border: 1px solid #abd0dd;
}

    /* Hover */
    .uk-button-secondary-inverted:hover,
    .uk-button-secondary-inverted:focus {
        background: #abd0dd;
        color: #ffffff !important;
    }

    .uk-button-secondary-inverted.pagination-button:focus {
        background: #ffffff;
        color: #74b2c7 !important;
    }

    .uk-button-secondary-inverted.pagination-button:hover {
        background: #abd0dd;
        color: #ffffff !important;
    }

    /*Disabled*/
    .uk-button-secondary-inverted:disabled {
        background: #f5f5f5 !important;
        border: 1px solid #dedede;
        color: #ffffff !important;
    }

.uk-button-secondary:disabled.ladda-button {
    background-color: #3d8198 !important;
    color: #ffffff !important;
}

.uk-button-primary:disabled.ladda-button {
    background-color: #b82910 !important;
    color: #ffffff !important;
}

/*
 * Modifier: `uk-button-tertiary-inverted`
 */
.uk-button-tertiary-inverted {
    background: none;
    color: #333840;
    border: 1px solid #333840;
}

    /* Hover */
    .uk-button-tertiary-inverted:hover,
    .uk-button-tertiary-inverted:focus {
        background: #333840;
        color: #ffffff;
    }

    .uk-button-tertiary-inverted:disabled {
        background: #f5f5f5 !important;
        border: 1px solid #dedede;
        color: #ffffff !important;
    }

nav {
    background: #fff;
    color: #ffffff;
}

.main-nav {
    /*height: 50px;*/
}

    .main-nav .uk-navbar-nav {
        /*margin-right: 10px;*/
        /*margin-top: 5px;*/
    }

        .main-nav .uk-navbar-nav a {
            background: none;
            font-weight: 600;
        }

            .main-nav .uk-navbar-nav a:hover {
                background: none;
                text-decoration: none;
            }

        .main-nav .uk-navbar-nav .separate-nav-link {
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .main-nav .uk-navbar-nav .separate-nav-link:hover {
                text-decoration: underline;
            }

        .main-nav .uk-navbar-nav .nav-header-link {
            border-radius: 4px 4px 0 0;
            margin-bottom: 0;
            border-bottom: 1px solid transparent;
        }

            .main-nav .uk-navbar-nav .nav-header-link a {
                color: #333840;
                background: none;
            }

                .main-nav .uk-navbar-nav .nav-header-link a:hover {
                    color: #060607;
                    background: none;
                    text-decoration: none;
                }

    .main-nav .goody-nav .nav-header-link.uk-open {
        background: none;
        border-bottom: 1px solid #dedede;
    }

        .main-nav .goody-nav .nav-header-link.uk-open a {
            color: #478fa7;
            background: none;
        }

        .main-nav .goody-nav .nav-header-link.uk-open ul li a {
            color: #478fa7;
        }

            .main-nav .goody-nav .nav-header-link.uk-open ul li a:hover {
                color: #29525f;
                text-decoration: underline;
                background: none;
            }

            .main-nav .goody-nav .nav-header-link.uk-open ul li a:hover, .main-nav .goody-nav .nav-header-link.uk-open ul li a:focus {
                background: none;
            }

        .main-nav .goody-nav .nav-header-link.uk-open .uk-dropdown {
            border-radius: 0 0 3px 3px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        }

    .main-nav .goody-nav.business-nav {
        border-radius: 4px;
        background: #62a8c0;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

        .main-nav .goody-nav.business-nav .nav-header-link.uk-open:first-child {
            border-radius: 3px 0 0 0;
        }

        .main-nav .goody-nav.business-nav .nav-header-link.uk-open ~ li {
            border-bottom: 1px solid #dedede;
            background: #ffffff;
        }

            .main-nav .goody-nav.business-nav .nav-header-link.uk-open ~ li a {
                color: #478fa7;
                background: none;
            }

            .main-nav .goody-nav.business-nav .nav-header-link.uk-open ~ li:last-child {
                border-radius: 0 3px 0 0;
            }

        .main-nav .goody-nav.business-nav .nav-header-link.not-dropdown {
            border-radius: 0 0 0 0;
        }

            .main-nav .goody-nav.business-nav .nav-header-link.not-dropdown:last-child {
                border-radius: 0 3px 3px 0;
            }

            .main-nav .goody-nav.business-nav .nav-header-link.not-dropdown:hover {
                background: #4490aa;
            }

                .main-nav .goody-nav.business-nav .nav-header-link.not-dropdown:hover a {
                    color: #ffffff;
                    background: none;
                }

    .main-nav .goody-nav .uk-button {
        height: 42px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .main-nav .goody-nav .uk-button.uk-button-primary {
            background: #ee5a40 !important;
            padding: 6px 20px;
        }

            .main-nav .goody-nav .uk-button.uk-button-primary:hover {
                background: #e63415 !important;
            }

.mobile-header-link {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid transparent;
    width: 100%;
    display: block;
    color: #333840;
}

    .mobile-header-link.uk-open {
        background: #ffffff;
        border-bottom: 1px solid #dedede;
        width: 100%;
        color: #478fa7;
    }

    .mobile-header-link a {
        padding: 5px;
        color: #333840;
    }

        .mobile-header-link a:hover {
            color: #478fa7;
            background: #ffffff;
        }

        .mobile-header-link a.nav-btn {
            color: #ffffff;
            margin: 5px 15px 0;
        }

    .mobile-header-link .uk-dropdown {
        border-radius: 0 0 3px 3px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    }

#mobileNavigation {
    color: #ffffff;
    height: 45px;
}

    #mobileNavigation div {
        position: relative;
    }

        #mobileNavigation div ul {
            border-radius: 3px;
            list-style: none;
            padding: 10px 0;
            margin: 0;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 2500;
        }

            #mobileNavigation div ul li {
                display: none;
                line-height: 30px;
                padding: 5px;
                width: 100%;
                text-align: center;
            }

                #mobileNavigation div ul li.nav-divider {
                    widht: 100%;
                    height: 1px;
                    background: #dedede;
                    padding: 0;
                    margin: 5px 0;
                }

                #mobileNavigation div ul li:first-child {
                    margin-top: 5px;
                }

                #mobileNavigation div ul li:nth-last-child(3) {
                    margin-bottom: 5px;
                }

                #mobileNavigation div ul li a {
                    font-size: 0.875em;
                }

                    #mobileNavigation div ul li a.nav-button {
                        padding: 10px 0;
                        width: calc(100% - 10px);
                        margin: 0 5px;
                    }

            #mobileNavigation div ul:hover {
                background: #ffffff;
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
                color: #478fa7;
            }

                #mobileNavigation div ul:hover li {
                    display: inherit;
                }

.mobile-menu__icon {
    height: auto;
    max-height: 35px;
    max-width: 35px;
    width: 100%;
}

.mobile-header {
    border-bottom: 1px solid #e6e6e8;
    padding: 16px;
}

.mobile-header__toggle {
    opacity: 0.9;
    transition: opacity 200ms;
}

    .mobile-header__toggle:hover {
        opacity: 1;
        transition: opacity 200ms;
    }

.mobile-nav {
    padding: 10px;
}

.mobile-nav__button {
    margin-top: 10px;
    width: 100%;
}

    .mobile-nav__button:first-child {
        margin-top: 0;
    }

.mobile-nav__link {
    color: #25282e;
    display: block;
    font-weight: 700;
    margin-top: 10px;
}

    .mobile-nav__link:hover {
        color: #000000;
    }

p {
    font-size: 1em;
    widows: 2 !important;
}

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


* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    /*margin-top: 40px;*/
}

.width-limited {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

strong {
    font-weight: 600;
}

.list-numbered {
    list-style-type: decimal !important;
    list-style: outside;
    line-height: 1.2em;
    counter-reset: terms-counter;
}

    .list-numbered.regular-size {
        font-size: 1em;
    }

    .list-numbered > li {
        margin-bottom: 20px;
        margin-top: 20px;
        counter-increment: terms-counter;
    }

        .list-numbered > li .list-counter {
            font-size: 0.5em;
            counter-reset: terms-secondary-counter;
            list-style-type: none;
        }

            .list-numbered > li .list-counter > li {
                counter-increment: terms-secondary-counter;
            }

                .list-numbered > li .list-counter > li:before {
                    content: counter(terms-counter) "." counter(terms-secondary-counter) " ";
                    font-weight: 700;
                    font-size: 1.2em;
                }

                .list-numbered > li .list-counter > li .list-alpha, .list-numbered > li .list-counter > li .list-roman {
                    font-size: 1em;
                }

                .list-numbered > li .list-counter > li span {
                    font-size: 1.2em;
                }

    .list-numbered .list-alpha {
        list-style-type: lower-alpha !important;
        list-style: outside;
    }

        .list-numbered .list-alpha .list-roman {
            font-size: 1em;
            list-style-type: lower-roman !important;
        }

    .list-numbered .list-roman {
        margin-top: 10px;
        list-style-type: lower-roman !important;
        list-style: outside;
    }

        .list-numbered .list-roman .list-alpha {
            font-size: 1em;
            list-style-type: lower-alpha !important;
        }

.list-bulleted {
    list-style-type: disc;
}

    .list-bulleted li {
        margin-bottom: 20px;
        margin-top: 20px;
    }

@media (min-width: 768px) and (max-width: 959px) {
    p {
        font-size: 0.938em;
    }

    h1, .uk-h1 {
        font-size: 2.074em;
        line-height: 1.25em;
    }

    h2, .uk-h2 {
        font-size: 1.777em;
        line-height: 1.3em;
    }

    h3, .uk-h3 {
        font-size: 1.728em;
        line-height: 1.3em;
    }

    h4, .uk-h4 {
        font-size: 1.44em;
        line-height: 1.6em;
    }

    h5, .uk-h5 {
        font-size: 1.333em;
        line-height: 1.6em;
    }

    h6, .uk-h6 {
        font-size: 1.125em;
        line-height: 1.6em;
    }
}

@media (min-width: 960px) {
    p {
        font-size: 1em;
    }

    h1, .uk-h1 {
        font-size: 2.986em;
        line-height: 1.25em;
    }

    h2, .uk-h2 {
        font-size: 2.488em;
        line-height: 1.3em;
    }

    h3, .uk-h3 {
        font-size: 2.074em;
        line-height: 1.3em;
    }

    h4, .uk-h4 {
        font-size: 1.728em;
        line-height: 1.6em;
    }

    h5, .uk-h5 {
        font-size: 1.44em;
        line-height: 1.6em;
    }

    h6, .uk-h6 {
        font-size: 1.2em;
        line-height: 1.6em;
    }
}

.content-panel input[type="text"] {
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    width: 100%;
}

    .content-panel input[type="text"] ~ button {
        height: 40px;
        width: 100%;
        margin-top: 10px;
    }

.content-panel button {
    height: 40px;
    width: 100%;
    display: inline-block;
}

    .content-panel button ~ button {
        height: 40px;
        width: 100%;
        margin-top: 10px;
    }

label {
    /*text-transform: uppercase;*/
    font-size: 0.875em;
    font-weight: 600;
}

input[type="text"] {
    border-radius: 4px;
    margin-bottom: 10px;
}

select {
    margin-bottom: 10px !important;
}

textarea {
    border-radius: 4px !important;
    margin-bottom: 10px !important;
}

    textarea#contactMessage {
        height: 200px;
    }

@media (min-width: 768px) and (max-width: 959px) {
    .content-panel input[type="text"] {
        margin-right: 1%;
        width: 48%;
    }

        .content-panel input[type="text"] ~ button {
            margin-left: 1%;
            width: 48%;
            margin-top: 0;
        }

    .content-panel button {
        margin-right: 1%;
        width: 48%;
    }

        .content-panel button ~ button {
            margin-left: 1%;
            width: 48%;
            margin-top: 0;
        }

    textarea#contactMessage {
        height: 400px;
    }
}

@media (min-width: 960px) {
    .content-panel input[type="text"] {
        margin-right: 0;
        width: 100%;
    }

        .content-panel input[type="text"] ~ button {
            margin-left: 0;
            width: 100%;
            margin-top: 10px;
        }

    .content-panel button {
        margin-right: 0;
        width: 100%;
    }

        .content-panel button ~ button {
            margin-left: 0;
            width: 100%;
            margin-top: 10px;
        }
}

.switch label {
    margin: -5px auto 0;
}

.threeMonth, .twelveMonth {
    cursor: pointer;
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: transparent;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}

    input.cmn-toggle-round-flat + label:before,
    input.cmn-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
    }

    input.cmn-toggle-round-flat + label:before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #ee5a40;
        border-radius: 30px;
        -webkit-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.cmn-toggle-round-flat + label:after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 22px;
        background-color: #ffffff;
        border-radius: 22px;
        -webkit-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
    }

input.cmn-toggle-round-flat:checked + label {
    background-color: #ffffff;
}

    input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 30px;
        background-color: #ffffff;
    }

.red {
    color: #ee5a40;
}

.blue {
    color: #74b2c7;
}

.larger-text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 1em;
}

.emphasised {
    font-style: italic;
}

.flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.rounded {
    border-radius: 4px;
}

.match-large-form {
    height: 50px !important;
    font-size: 18px;
}

a.match-large-form {
    padding-top: 11px;
    font-size: 17px;
}

.no-bg {
    background: transparent !important;
}

.blue-bg {
    background: #74b2c7;
    color: #ffffff !important;
}

    .blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5, .blue-bg h6 {
        color: #ffffff;
    }

.img-25 {
    width: 100%;
    height: auto;
    max-width: 25px;
    max-height: 25px;
}

.img-50 {
    width: 100%;
    height: auto;
    max-width: 50px;
    max-height: 50px;
}

.img-75 {
    width: 100%;
    height: auto;
    max-width: 75px;
    max-height: 75px;
}

.img-150 {
    max-width: 150px;
    max-height: 150px;
}

.img-250 {
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 250px;
}

.img-300 {
    width: 100%;
    height: auto;
    max-width: 300px;
    max-height: 300px;
}

.img-350 {
    width: 100%;
    height: auto;
    max-width: 350px;
    max-height: 350px;
}

.img-450 {
    width: 100%;
    height: auto;
    max-width: 450px;
    max-height: 450px;
}

.slipping-away {
    opacity: 0.25;
}

.border {
    border: 1px solid #dedede;
}

.border-top {
    border-top: 1px solid #dedede;
}

.border-bottom {
    border-bottom: 1px solid #dedede;
}

.border-left {
    border-left: 1px solid #dedede;
}

.border-right {
    border-right: 1px solid #dedede;
}

.no-border {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.flex-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.flex-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

/* Padding */

.padding-xxl {
    padding: 30px !important;
}

.padding-xl {
    padding: 25px !important;
}

.padding-l {
    padding: 20px !important;
}

.padding-m {
    padding: 15px !important;
}

.padding-s {
    padding: 10px !important;
}

.padding-xs {
    padding: 5px !important;
}

.padding-horz-xxl {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

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

.padding-horz-l {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-horz-m {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-horz-s {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-horz-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding-vert-xxl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

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

.padding-vert-l {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-vert-m {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-vert-s {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-vert-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-lft-xxl {
    padding-left: 30px !important;
}

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

.padding-lft-l {
    padding-left: 20px !important;
}

.padding-lft-m {
    padding-left: 15px !important;
}

.padding-lft-s {
    padding-left: 10px !important;
}

.padding-lft-xs {
    padding-left: 5px !important;
}

.padding-rgt-xxl {
    padding-right: 30px !important;
}

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

.padding-rgt-l {
    padding-right: 20px !important;
}

.padding-rgt-m {
    padding-right: 15px !important;
}

.padding-rgt-s {
    padding-right: 10px !important;
}

.padding-rgt-xs {
    padding-right: 5px !important;
}

.padding-top-xxl {
    padding-top: 30px !important;
}

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

.padding-top-l {
    padding-top: 20px !important;
}

.padding-top-m {
    padding-top: 15px !important;
}

.padding-top-s {
    padding-top: 10px !important;
}

.padding-top-xs {
    padding-top: 5px !important;
}

.padding-btm-xxl {
    padding-bottom: 30px !important;
}

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

.padding-btm-l {
    padding-bottom: 20px !important;
}

.padding-btm-m {
    padding-bottom: 15px !important;
}

.padding-btm-s {
    padding-bottom: 10px !important;
}

.padding-btm-xs {
    padding-bottom: 5px !important;
}

/* Margin */

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

.margin-xxl {
    margin: 30px !important;
}

.margin-xl {
    margin: 25px !important;
}

.margin-l {
    margin: 20px !important;
}

.margin-m {
    margin: 15px !important;
}

.margin-s {
    margin: 10px !important;
}

.margin-xs {
    margin: 5px !important;
}

.margin-horz-xxl {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

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

.margin-horz-l {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.margin-horz-m {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.margin-horz-s {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.margin-horz-xs {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.margin-vert-xxl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

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

.margin-vert-l {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-vert-m {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin-vert-s {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-vert-t {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-lft-xxl {
    margin-left: 30px !important;
}

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

.margin-lft-l {
    margin-left: 20px !important;
}

.margin-lft-m {
    margin-left: 15px !important;
}

.margin-lft-s {
    margin-left: 10px !important;
}

.margin-lft-xs {
    margin-left: 5px !important;
}

.margin-rgt-xxl {
    margin-right: 30px !important;
}

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

.margin-rgt-l {
    margin-right: 20px !important;
}

.margin-rgt-m {
    margin-right: 15px !important;
}

.margin-rgt-s {
    margin-right: 10px !important;
}

.margin-rgt-xs {
    margin-right: 5px !important;
}

.margin-top-xxl {
    margin-top: 30px !important;
}

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

.margin-top-l {
    margin-top: 20px !important;
}

.margin-top-m {
    margin-top: 15px !important;
}

.margin-top-s {
    margin-top: 10px !important;
}

.margin-top-xs {
    margin-top: 5px !important;
}

.margin-btm-xxl {
    margin-bottom: 30px !important;
}

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

.margin-btm-l {
    margin-bottom: 20px !important;
}

.margin-btm-m {
    margin-bottom: 15px !important;
}

.margin-btm-s {
    margin-bottom: 10px !important;
}

.margin-btm-xs {
    margin-bottom: 5px !important;
}

@media (min-width: 768px) and (max-width: 959px) {
    .padding-xxl {
        padding: 80px !important;
    }

    .padding-xl {
        padding: 40px !important;
    }

    .padding-l {
        padding: 30px !important;
    }

    .padding-m {
        padding: 20px !important;
    }

    .padding-s {
        padding: 10px !important;
    }

    .padding-xs {
        padding: 5px !important;
    }

    .padding-horz-xxl {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .padding-horz-xl {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .padding-horz-l {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .padding-horz-m {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .padding-horz-s {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .padding-horz-xs {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .padding-vert-xxl {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .padding-vert-xl {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .padding-vert-l {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .padding-vert-m {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .padding-vert-s {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .padding-vert-xs {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .padding-lft-xxl {
        padding-left: 50px !important;
    }

    .padding-lft-xl {
        padding-left: 40px !important;
    }

    .padding-lft-l {
        padding-left: 30px !important;
    }

    .padding-lft-m {
        padding-left: 20px !important;
    }

    .padding-lft-s {
        padding-left: 10px !important;
    }

    .padding-lft-xs {
        padding-left: 5px !important;
    }

    .padding-rgt-xxl {
        padding-right: 50px !important;
    }

    .padding-rgt-xl {
        padding-right: 40px !important;
    }

    .padding-rgt-l {
        padding-right: 30px !important;
    }

    .padding-rgt-m {
        padding-right: 20px !important;
    }

    .padding-rgt-s {
        padding-right: 10px !important;
    }

    .padding-rgt-xs {
        padding-right: 5px !important;
    }

    .padding-top-xxl {
        padding-top: 50px !important;
    }

    .padding-top-xl {
        padding-top: 40px !important;
    }

    .padding-top-l {
        padding-top: 30px !important;
    }

    .padding-top-m {
        padding-top: 20px !important;
    }

    .padding-top-s {
        padding-top: 10px !important;
    }

    .padding-top-xs {
        padding-top: 5px !important;
    }

    .padding-btm-xxl {
        padding-bottom: 50px !important;
    }

    .padding-btm-xl {
        padding-bottom: 40px !important;
    }

    .padding-btm-l {
        padding-bottom: 30px !important;
    }

    .padding-btm-m {
        padding-bottom: 20px !important;
    }

    .padding-btm-s {
        padding-bottom: 10px !important;
    }

    .padding-btm-xs {
        padding-bottom: 5px !important;
    }

    .margin-xxl {
        margin: 50px !important;
    }

    .margin-xl {
        margin: 40px !important;
    }

    .margin-l {
        margin: 30px !important;
    }

    .margin-m {
        margin: 20px !important;
    }

    .margin-s {
        margin: 10px !important;
    }

    .margin-xs {
        margin: 5px !important;
    }

    .margin-horz-xxl {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .margin-horz-xl {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .margin-horz-l {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .margin-horz-m {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .margin-horz-s {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .margin-horz-xs {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .margin-vert-xxl {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .margin-vert-xl {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .margin-vert-l {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .margin-vert-m {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .margin-vert-s {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .margin-vert-xs {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .margin-lft-xxl {
        margin-left: 50px !important;
    }

    .margin-lft-xl {
        margin-left: 40px !important;
    }

    .margin-lft-l {
        margin-left: 30px !important;
    }

    .margin-lft-m {
        margin-left: 20px !important;
    }

    .margin-lft-s {
        margin-left: 10px !important;
    }

    .margin-lft-xs {
        margin-left: 5px !important;
    }

    .margin-rgt-xxl {
        margin-right: 50px !important;
    }

    .margin-rgt-xl {
        margin-right: 40px !important;
    }

    .margin-rgt-l {
        margin-right: 30px !important;
    }

    .margin-rgt-m {
        margin-right: 20px !important;
    }

    .margin-rgt-s {
        margin-right: 10px !important;
    }

    .margin-rgt-xs {
        margin-right: 5px !important;
    }

    .margin-top-xxl {
        margin-top: 50px !important;
    }

    .margin-top-xl {
        margin-top: 40px !important;
    }

    .margin-top-l {
        margin-top: 30px !important;
    }

    .margin-top-m {
        margin-top: 20px !important;
    }

    .margin-top-s {
        margin-top: 10px !important;
    }

    .margin-top-xs {
        margin-top: 5px !important;
    }

    .margin-btm-xxl {
        margin-bottom: 50px !important;
    }

    .margin-btm-xl {
        margin-bottom: 40px !important;
    }

    .margin-btm-l {
        margin-bottom: 30px !important;
    }

    .margin-btm-m {
        margin-bottom: 20px !important;
    }

    .margin-btm-s {
        margin-bottom: 10px !important;
    }

    .margin-btm-xs {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 960px) {
    .padding-xxl {
        padding: 80px !important;
    }

    .padding-xl {
        padding: 50px !important;
    }

    .padding-l {
        padding: 30px !important;
    }

    .padding-m {
        padding: 20px !important;
    }

    .padding-s {
        padding: 10px !important;
    }

    .padding-xs {
        padding: 5px !important;
    }

    .padding-horz-xxl {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .padding-horz-xl {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .padding-horz-l {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .padding-horz-m {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .padding-horz-s {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .padding-horz-xs {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .padding-vert-xxl {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .padding-vert-xl {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .padding-vert-l {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .padding-vert-m {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .padding-vert-s {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .padding-vert-xs {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .padding-lft-xxl {
        padding-left: 80px !important;
    }

    .padding-lft-xl {
        padding-left: 50px !important;
    }

    .padding-lft-l {
        padding-left: 30px !important;
    }

    .padding-lft-m {
        padding-left: 20px !important;
    }

    .padding-lft-s {
        padding-left: 10px !important;
    }

    .padding-lft-xs {
        padding-left: 5px !important;
    }

    .padding-rgt-xxl {
        padding-right: 80px !important;
    }

    .padding-rgt-xl {
        padding-right: 50px !important;
    }

    .padding-rgt-l {
        padding-right: 30px !important;
    }

    .padding-rgt-m {
        padding-right: 20px !important;
    }

    .padding-rgt-s {
        padding-right: 10px !important;
    }

    .padding-rgt-xs {
        padding-right: 5px !important;
    }

    .padding-top-xxl {
        padding-top: 80px !important;
    }

    .padding-top-xl {
        padding-top: 50px !important;
    }

    .padding-top-l {
        padding-top: 30px !important;
    }

    .padding-top-m {
        padding-top: 20px !important;
    }

    .padding-top-s {
        padding-top: 10px !important;
    }

    .padding-top-xs {
        padding-top: 5px !important;
    }

    .padding-btm-xxl {
        padding-bottom: 80px !important;
    }

    .padding-btm-xl {
        padding-bottom: 50px !important;
    }

    .padding-btm-l {
        padding-bottom: 30px !important;
    }

    .padding-btm-m {
        padding-bottom: 20px !important;
    }

    .padding-btm-s {
        padding-bottom: 10px !important;
    }

    .padding-btm-xs {
        padding-bottom: 5px !important;
    }

    .margin-xxl {
        margin: 80px !important;
    }

    .margin-xl {
        margin: 50px !important;
    }

    .margin-l {
        margin: 30px !important;
    }

    .margin-m {
        margin: 20px !important;
    }

    .margin-s {
        margin: 10px !important;
    }

    .margin-xs {
        margin: 5px !important;
    }

    .margin-horz-xxl {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .margin-horz-xl {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .margin-horz-l {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .margin-horz-m {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .margin-horz-s {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .margin-horz-xs {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .margin-vert-xxl {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .margin-vert-xl {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .margin-vert-l {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .margin-vert-m {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .margin-vert-s {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .margin-vert-xs {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .margin-lft-xxl {
        margin-left: 80px !important;
    }

    .margin-lft-xl {
        margin-left: 50px !important;
    }

    .margin-lft-l {
        margin-left: 30px !important;
    }

    .margin-lft-m {
        margin-left: 20px !important;
    }

    .margin-lft-s {
        margin-left: 10px !important;
    }

    .margin-lft-xs {
        margin-left: 5px !important;
    }

    .margin-rgt-xxl {
        margin-right: 80px !important;
    }

    .margin-rgt-xl {
        margin-right: 50px !important;
    }

    .margin-rgt-l {
        margin-right: 30px !important;
    }

    .margin-rgt-m {
        margin-right: 20px !important;
    }

    .margin-rgt-s {
        margin-right: 10px !important;
    }

    .margin-rgt-xs {
        margin-right: 5px !important;
    }

    .margin-top-xxl {
        margin-top: 80px !important;
    }

    .margin-top-xl {
        margin-top: 50px !important;
    }

    .margin-top-l {
        margin-top: 30px !important;
    }

    .margin-top-m {
        margin-top: 20px !important;
    }

    .margin-top-s {
        margin-top: 10px !important;
    }

    .margin-top-xs {
        margin-top: 5px !important;
    }

    .margin-btm-xxl {
        margin-bottom: 80px !important;
    }

    .margin-btm-xl {
        margin-bottom: 50px !important;
    }

    .margin-btm-l {
        margin-bottom: 30px !important;
    }

    .margin-btm-m {
        margin-bottom: 20px !important;
    }

    .margin-btm-s {
        margin-bottom: 10px !important;
    }

    .margin-btm-xs {
        margin-bottom: 5px !important;
    }
}

* {
    box-sizing: border-box;
}

html {
    background: #f2f2f4;
    font-size: 17px;
}

body {
    background: #f2f2f4;
}

a, button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header {
    width: 100%;
    background: none;
}

    header .mobile-banner-cta {
        background: #ffffff;
    }

blockquote {
    font-size: 1.2em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.brand-red {
    background: #ee5a40;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}

.brand-blue {
    background: #74b2c7;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}

.brand-dark-blue {
    background: #2c7b95;
    color: #ffffff;
    text-align: center;
    padding: 7px;
}

.brand-mid-blue {
    background: #478fa7;
    color: #ffffff;
    text-align: center;
    padding: 7px;
}

.brand-light-blue {
    background: #d5e8ee;
    color: #333840;
    text-align: center;
    padding: 7px;
}

.page-container {
    background: #ffffff;
    /*box-shadow: 0 0 150px rgba(222, 222, 222, 0.25);*/
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.header-logo {
    width: 130px;
    height: auto;
}

/*
h3 + p {
  margin-bottom: 50px;
}*/
.resources-dropdown {
    color: #74b2c7;
    border: 1px solid #d5e8ee;
    background: #ffffff;
    margin-top: 5px !important;
    margin-left: 0 !important;
    padding: 5px;
    border-radius: 4px;
}

    .resources-dropdown.large-dropdown {
        width: 610px;
    }

.resources-thumbnail {
    width: 100%;
    height: 235px;
    max-height: 105px;
    overflow: hidden;
}

    .resources-thumbnail img {
        width: 100%;
        height: auto;
    }

.resource-categories {
    border: 1px solid #d5e8ee;
    border-radius: 4px;
    padding: 20px;
}

    .resource-categories a {
        font-size: 0.80em;
    }

    .resource-categories .category-header {
        font-size: .75em;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 10px;
        color: #787878;
    }

    .resource-categories.mobile-categories a {
        font-size: 0.9em;
    }

    .resource-categories.mobile-categories .category-header {
        font-size: 0.8em;
    }



.pagination-button {
    padding: 9px 10px !important;
    line-height: 15px !important;
    min-height: 0 !important;
}

    .pagination-button span {
        padding: 0 !important;
    }

.feature-box {
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feature-box p {
        color: #333840;
    }

    .feature-box:hover {
        border: 1px solid #74b2c7;
    }

#mapSection {
    position: relative;
}

.locations-searchbar {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.industry-image {
    margin-top: -75px;
    width: 260px;
    height: auto;
    border: 1px solid #dedede;
}



.industry-intro {
    margin-bottom: 50px;
}

.business-banner {
    background: #ffffff;
}

.contact-dropdown {
    background: transparent;
}

    .contact-dropdown ul {
        background: #ffffff;
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
        padding-top: 4px;
        padding-bottom: 4px;
    }

.business-details {
    background: #ffffff;
}

    .business-details .rewards-list li {
        border-bottom: 1px solid #dedede;
    }

        .business-details .rewards-list li:last-child {
            border-bottom: none;
        }


.goody-tabs {
    border-bottom: none;
    border: 1px solid #dedede;
    background: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
}

    .goody-tabs li {
        margin: 0 auto;
    }

        .goody-tabs li a {
            background: #f4f4f6;
            color: #99999b;
            font-weight: 700;
            margin: 0 auto !important;
            border: none;
            border-bottom: none;
            padding: 20px;
            text-transform: capitalize;
        }

            .goody-tabs li a .icon-active {
                display: none;
                margin: 0;
            }

            .goody-tabs li a .icon-inactive {
                display: block;
                margin: 6px auto 6px;
            }

            .goody-tabs li a:hover {
                background: #fff;
                color: #99999b;
            }

            .goody-tabs li a:focus {
                color: #333840;
            }

        .goody-tabs li:first-child {
            border-radius: 4px 0 0 4px;
        }

            .goody-tabs li:first-child a {
                border-radius: 4px 0 0 4px;
            }

        .goody-tabs li:nth-child(5) {
            border-radius: 0 4px 4px 0;
            margin-right: -1px;
        }

            .goody-tabs li:nth-child(5) a {
                border-radius: 0 4px 4px 0;
            }

        .goody-tabs li.uk-active a {
            border: none;
            background: #fff;
            color: #333840;
        }

            .goody-tabs li.uk-active a .icon-active {
                display: block;
                margin: 6px auto 6px;
            }

            .goody-tabs li.uk-active a .icon-inactive {
                display: none;
                margin: 0;
            }

        .goody-tabs li.uk-tab-responsive {
            border-radius: 4px;
            width: 100%;
            background: #ffffff;
            color: #74b2c7;
        }

            .goody-tabs li.uk-tab-responsive a {
                width: 100%;
                text-align: center;
                color: #333840;
                background: #ffffff;
                border-radius: 4px;
            }

            .goody-tabs li.uk-tab-responsive.uk-active {
                background: #ffffff;
                color: #333840;
            }

                .goody-tabs li.uk-tab-responsive.uk-active a {
                    width: 100%;
                    text-align: center;
                    color: #333840;
                    background: #ffffff;
                }

            .goody-tabs li.uk-tab-responsive div {
                width: 100%;
            }

                .goody-tabs li.uk-tab-responsive div ul {
                    width: 100%;
                }

                    .goody-tabs li.uk-tab-responsive div ul li {
                        width: 100%;
                        text-align: center;
                    }

            .goody-tabs li.uk-tab-responsive.uk-open {
                border-radius: 4px 4px 0 0;
            }

                .goody-tabs li.uk-tab-responsive.uk-open > div {
                    width: calc(100% + 2px) !important;
                    margin: -1px;
                    border-left: 1px solid #dedede;
                    border-right: 1px solid #dedede;
                    border-bottom: 1px solid #dedede;
                    border-radius: 0 0 4px 4px;
                }


.banner {
    width: 100%;
    /*height: 300px;*/
    background-size: cover;
    padding: 70px;
}

    .banner .uk-button-large {
        padding: 0 15px;
        line-height: 50px;
    }

    .banner.home-banner {
        background-size: cover;
        background-position: center center;
    }

    .banner.members-banner {
        background: url("../img/banners/members-1-1-mobile.jpg");
        background-size: cover;
        background-position: center center;
    }

    .banner h1, .banner h2, .banner h3, .banner h4, .banner h5 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .banner .banner-logo {
        width: 300px;
        height: auto;
        margin-left: -17px;
    }

    .banner .banner-copy {
        padding: 50px;
    }

        .banner .banner-copy p {
            margin: 7px 0;
        }

        .banner .banner-copy .right-side {
            max-width: 550px;
        }

        .banner .banner-copy ul.banner-pointers {
            margin: 7px 0 3px 0;
        }

            .banner .banner-copy ul.banner-pointers li {
                margin-bottom: 3px;
            }

                .banner .banner-copy ul.banner-pointers li:last-child {
                    margin-bottom: 0;
                }

            .banner .banner-copy ul.banner-pointers a {
                position: relative;
            }

                .banner .banner-copy ul.banner-pointers a::after {
                    content: '';
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    width: 0;
                    border-top: 1px solid #74b2c7;
                    -webkit-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                    -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
                }

                .banner .banner-copy ul.banner-pointers a:hover::after {
                    width: 100%;
                }

.mobile-banner-cta .uk-button-large {
    padding: 0 15px;
    line-height: 50px;
}

blockquote small {
    font-size: 0.625em;
    font-style: normal;
    display: block;
    color: #25282e;
}

.panel {
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(222, 222, 222, 0.25);
    border: 1px solid #dedede;
}

.steps-marker {
    background: url(../img/goody-logos/goody-marker.svg);
    width: auto;
    height: auto;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.8em;
    background-repeat: no-repeat;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(0.6em - 1px);
    padding-bottom: 0.6em;
    margin-left: -0.5em;
    margin-top: -0.5em;
    background-position: center 65%;
    background-size: 60%;
    float: left;
}

.content-panel {
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: none;
    border: 1px solid rgba(222, 222, 222, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .content-panel .steps-image {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }

        .content-panel .steps-image img {
            width: 100%;
            height: auto;
        }

    .content-panel .steps-description {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .content-panel .steps-description .step-cta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

            .content-panel .steps-description .step-cta form input[type='text'] {
                margin-right: 5px;
            }

            .content-panel .steps-description .step-cta form button {
                margin-left: 5px;
            }

.rounded-gradient-panel {
    border-radius: 5px;
    border: 1px solid #ee5a40;
}

.goody-rewards {
    padding: 30px 0;
}


@media (min-width: 768px) and (max-width: 959px) {
    html {
        font-size: 17px !important;
    }

    .header-logo {
        width: 130px;
        height: auto;
    }

    .store-badge {
        max-height: 40px;
        display: inline-block;
        max-width: 135px;
        height: auto;
    }

    .banner {
        height: 450px;
        padding: 40px;
    }

        .banner.home-banner {
            background: url("../img/banners/home-1-1-tablet.jpg");
            background-position: left top;
            background-size: cover;
        }

        .banner .banner-logo {
            width: 200px;
            margin-left: -10px;
        }

        .banner.members-banner {
            background: url("../img/banners/members-1-1-tablet.jpg");
            background-size: cover;
        }

    .content-panel {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .content-panel .steps-description {
            padding-left: 20px;
        }

            .content-panel .steps-description .step-cta {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

    .industry-image {
        margin-top: -160px;
        width: 600px;
        height: auto;
    }

    .industry-intro {
        margin-bottom: 80px;
    }
}

@media (min-width: 960px) {
    html {
        font-size: 17px !important;
    }

    .header-logo {
        width: 130px;
        height: auto;
        padding-top: 7px;
    }

    .banner {
        height: 600px;
    }

        .banner.overview-banner {
            height: 450px;
        }

        .banner.home-banner {
            background: url("../img/banners/home-1-1.jpg");
            background-size: cover;
            background-position: left center;
        }

        .banner.members-banner {
            background: url("../img/banners/members-1-1.jpg");
            background-size: cover;
            background-position: left center;
        }

    .steps-description {
        padding-left: 0;
    }

    .business-banner {
        background: #ffffff;
        padding: 40px;
    }

    .industry-image {
        margin-top: -230px;
        width: 800px;
        height: auto;
    }

    .industry-intro {
        margin-bottom: 100px;
    }
}

@media (min-width: 1220px) {
    html {
        font-size: 17px !important;
    }

    .header-logo {
        width: 130px;
        height: auto;
        padding-top: 0;
    }

    .page-container {
        max-width: 1440px;
    }

    .uk-container {
        max-width: 100%;
    }

    .banner {
        height: 600px;
    }

        .banner.overview-banner {
            height: 550px;
        }

    .header-logo {
        width: 130px;
        height: auto;
    }

    .business-banner {
        background: #ffffff;
        padding: 50px;
    }
}

@media (min-width: 960px) and (max-width: 1030px) {
    .header-logo {
        width: 130px;
        max-width: 130px;
    }
}

#coupon-preview .uk-overlay .goody-preview-overlay {
    background: none;
}

#coupon-preview .uk-overlay #discount-circle {
    background-image: url("/img/assets/preview_discount_circle.png");
    width: 13.316%;
    height: 7.842%;
    left: 67%;
    top: 14.71%;
    background-size: contain;
    line-height: 1.2;
    background-repeat: no-repeat;
}

    #coupon-preview .uk-overlay #discount-circle div div.uk-width-1-1 {
        font-size: 1.2vw;
        margin-top: 20%;
    }

#coupon-preview .uk-overlay img.goody-preview-primary-image {
    width: 62.814%;
    top: 11%;
    margin-left: auto;
    margin-right: auto;
}

#coupon-preview .uk-overlay div.goody-preview-mask {
    top: 33.21%;
    height: 100%;
    background-color: #dcdcdc;
}

#coupon-preview .uk-overlay #preview-display-area {
    top: 30.6%;
    text-align: left;
    padding: 0;
    margin: 0;
    /*div {
                width: 73%
            }*/
}

    #coupon-preview .uk-overlay #preview-display-area .text-container {
        background-color: #ffffff;
        line-height: 1.5;
        padding: 2%;
        color: black;
        text-align: left;
        font-size: 0.8vw;
        font-weight: lighter;
    }

    #coupon-preview .uk-overlay #preview-display-area .title-container {
        background-color: #ffffff;
        color: black;
        text-align: left;
        font-size: 0.8vw;
        font-weight: lighter;
    }

    #coupon-preview .uk-overlay #preview-display-area .preview-container {
        width: 61.47%;
        line-height: 0em;
        height: 100%;
    }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #store-name {
            min-height: 9.9%;
            border: 0;
            margin-left: 0px;
        }

            #coupon-preview .uk-overlay #preview-display-area .preview-container #store-name .name-logo-grid {
                margin-left: 0px;
            }

                #coupon-preview .uk-overlay #preview-display-area .preview-container #store-name .name-logo-grid > * {
                    padding: 2%;
                }

        #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-gap-small {
            height: 0.2%;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-gap-large {
            height: 0.51%;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-offer-title {
            color: #ec472b;
            font-size: 0.9vw;
            font-weight: lighter;
            min-height: 2%;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-offer-description {
            min-height: 10%;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-terms-conditions {
            min-height: 10%;
        }

            #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-terms-conditions #conditions_header {
                font-size: 0.9vw;
                font-weight: 500;
            }

        #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-top {
            /*height: 0.3075%;*/
        }

            #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-top img {
                height: 0.3075%;
            }

        #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-bottom {
            /*height: 0.3075%;*/
        }

            #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-bottom img {
                height: 0.3075%;
            }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-merchant-name {
            font-weight: 500;
            font-size: 1.0vw;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container .preview-info {
            color: #868686;
        }

        #coupon-preview .uk-overlay #preview-display-area .preview-container #preview-logo {
            padding-right: 2%;
        }

/************************************************
    Loader
************************************************/
.loading-circle,
.loading-circle-sm {
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    font-size: 10px;
    margin: 60px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

    .loading-circle.light-grey,
    .loading-circle-sm.light-grey {
        border-bottom: 0.3em solid #dedede;
        border-left: 0.3em solid #b8b8b8;
        border-right: 0.3em solid #dedede;
        border-top: 0.3em solid #dedede;
    }

    .loading-circle.light-blue,
    .loading-circle-sm.light-blue {
        border-bottom: 0.3em solid #d5e8ee;
        border-left: 0.3em solid #9fcad8;
        border-right: 0.3em solid #d5e8ee;
        border-top: 0.3em solid #d5e8ee;
    }

    .loading-circle,
    .loading-circle:after {
        border-radius: 50%;
        height: 10em;
        width: 10em;
    }

    .loading-circle-sm,
    .loading-circle-sm:after {
        border-radius: 50%;
        height: 3em;
        width: 3em;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.sk-circle {
    height: 22px;
    margin: 0 auto;
    position: relative;
    width: 22px;
}

@media (min-width: 640px) {
    .sk-circle {
        height: 32px;
        width: 32px;
    }
}

.sk-circle .sk-child {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .sk-circle .sk-child::before {
        background-color: #74b2c7;
        border-radius: 100%;
        content: '';
        display: block;
        height: 15%;
        margin: 0 auto;
        width: 15%;
        -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    }

.light-grey .sk-circle .sk-child::before {
    background-color: #868686;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

    .sk-circle .sk-circle2::before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

    .sk-circle .sk-circle3::before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .sk-circle .sk-circle4::before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

    .sk-circle .sk-circle5::before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

    .sk-circle .sk-circle6::before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .sk-circle .sk-circle7::before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

    .sk-circle .sk-circle8::before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

    .sk-circle .sk-circle9::before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

    .sk-circle .sk-circle10::before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
}

    .sk-circle .sk-circle11::before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
}

    .sk-circle .sk-circle12::before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/************************************************
    Modal Classes
************************************************/
.bootbox.modal {
    z-index: 9500;
}

    .bootbox.modal .modal-dialog {
        margin-top: 64px;
    }

        .bootbox.modal .modal-dialog .modal-header {
            padding: 16px;
        }

        .bootbox.modal .modal-dialog .modal-body {
            padding: 16px;
        }

        .bootbox.modal .modal-dialog .modal-footer {
            padding: 16px;
        }

            .bootbox.modal .modal-dialog .modal-footer::after {
                content: "";
                display: table;
                clear: both;
            }

            .bootbox.modal .modal-dialog .modal-footer .btn {
                float: left;
                margin-left: 16px;
            }

                .bootbox.modal .modal-dialog .modal-footer .btn:first-child {
                    margin-left: 0;
                }

        .bootbox.modal .modal-dialog .btn[data-bb-handler="cancel"] {
            background-color: transparent;
            background-image: none;
            border: 1px solid #ee5a40;
            color: #ee5a40;
            display: block;
        }

            .bootbox.modal .modal-dialog .btn[data-bb-handler="cancel"]:hover, .bootbox.modal .modal-dialog .btn[data-bb-handler="cancel"]:active, .bootbox.modal .modal-dialog .btn[data-bb-handler="cancel"]:focus {
                background-color: rgba(238, 90, 64, 0.05);
                background-image: none;
                color: #ee5a40;
            }

.modal-backdrop {
    z-index: 9000;
}

.legacy-container {
    padding: 50px;
    text-align: center;
}

    .legacy-container .download-app__button img {
        width: 200px;
        padding: 10px;
    }

.field-validation-error {
    font-weight: bold;
    color: red;
}

@media (max-width: 1024px) {
    .intro--resource {
        padding-top: 60px !important;
    }
}

@media (max-width: 640px) {
    .intro--resource {
        padding-top: 20px !important;
    }
}

.intro--resource .filter-area {
    text-align: right;
    padding-bottom: 20px;
}

    .intro--resource .filter-area .dropdown ul {
        width: 100%;
    }

        .intro--resource .filter-area .dropdown ul li {
            margin: 8px 0;
        }

    .intro--resource .filter-area .browse-text {
        padding: 8px 0 8px 8px;
    }

    .intro--resource .filter-area .btn {
        width: 100%;
        text-align: left;
    }

        .intro--resource .filter-area .btn span {
            margin-top: -14px;
        }

@media (max-width: 640px) {
    .intro--resource .filter-area {
        text-align: left;
    }
}

.intro--resource .listing-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .intro--resource .listing-grid .resource-thumbnail {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        border-radius: 5px;
        padding-bottom: 30px;
        padding-left: 16px;
        padding-right: 16px;
    }

        .intro--resource .listing-grid .resource-thumbnail h6 {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .intro--resource .listing-grid .resource-thumbnail .publish-date {
            color: #ee5a40;
            font-size: 14px;
        }

        .intro--resource .listing-grid .resource-thumbnail .limited-rectangle {
            overflow: hidden;
            display: block;
            max-width: 100%;
            max-height: 137px;
            min-height: 137px;
            margin-bottom: 15px !important;
            margin-top: 0 !important;
        }

        .intro--resource .listing-grid .resource-thumbnail img {
            width: 100%;
            height: auto;
            margin-top: 0 !important;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border-radius: 2px;
            max-width: 242px;
        }

            .intro--resource .listing-grid .resource-thumbnail img:hover {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            }

        .intro--resource .listing-grid .resource-thumbnail.resource-pointers {
            text-align: center;
        }

            .intro--resource .listing-grid .resource-thumbnail.resource-pointers img {
                max-width: 150px;
                width: 150px;
                height: auto;
            }

            .intro--resource .listing-grid .resource-thumbnail.resource-pointers h6 {
                width: 270px;
                text-align: center;
                margin: 0 auto;
                padding-top: 10px;
            }

.intro--resource .pager li > a {
    border-radius: 5px;
    background: transparent;
}

.intro--resource .pager .page-index {
    line-height: 36px;
}

.intro--resource .pager .pager-label {
    display: inline-block;
}

@media (max-width: 640px) {
    .intro--resource .pager .pager-label {
        display: none;
    }
}

button#renewal-button-lumino {
    background-color: #003868;
}

/*# sourceMappingURL=maps/main.css.map */







/***
    Nav Header
***/


/***
    App Store Buttons
***/
.app-store-badges {
    margin-top: 20px;
}

.app-store-badges__link {
}

.app-store-badges__image {
    display: inline-block;
    height: auto;
    max-height: 80px;
    max-width: 250px;
    width: 100%;
}


/********************
    Navigation
********************/
/*** Site Level ***/
/* ----- Header ----- */
.header                                                 { background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid #dedee1; z-index: 10; }
    .header__container                                      { clear: both; padding: 16px; }
    .header__container::before,
    .header__container::after                               { content: ""; display: table; }
    .header__container::after                               { clear: both; }

.brand                                                  { display: block; float:left; padding-right: 16px; }
    .brand__image                                           { height: auto; padding:0; width: 130px; }

.toggle                                                 { cursor: pointer; display: block; float: right; }
    .toggle-icon                                            { height: auto; max-height: 3px; max-width:35px; width: 100%; }

@media (min-width: 768px) {
    .toggle                                                 { display: none; }
}

.header {
    z-index: 10
}

.header__nav { clear:both;
}

.header__nav-item {
    margin-bottom: 0 !important;
}


.secondary-nav                              { background: #25282e; float: left; padding: 2px 16px; width: 100%; }
.secondary-nav::before,
.secondary-nav::after                       { content: ""; display: table; }
.secondary-nav::after                       { clear: both; }
    .secondary-nav__list                        { float: right; list-style-type: none; margin-bottom: 0; }
    .secondary-nav__item                        { float: left; }
    .secondary-nav__link                        { color: #ffffff; font-size: 14px; font-weight:300; opacity: 1; padding: 0 15px; text-decoration: none; }
    .secondary-nav__link:hover                  { color: #ffffff; opacity: 0.8; text-decoration: none; }

.header-nav                                             { display: block }
.header-nav::before,
.header-nav::after                                      { content: ""; display: table; }
.header-nav::after                                      { clear: both; }
.header-nav--left                                       { float: left; }
.header-nav--right                                      { float: right; }
    .header-nav__list                                       { float: left; list-style: none; margin: 0; padding: 0; }
    .header-nav__item                                       { float: left; margin: 0; padding: 0; position: relative; }
    .header-nav__link                                       { box-sizing: border-box; color: #25282e; display: block; font-size: 15px; font-weight: 700; height: 40px; line-height: 40px; padding: 0 16px; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .header-nav__link:hover                                 { color: #25282e; opacity: 0.75; }
    .header-nav__link--secondary                            { font-weight: 300; }
    .header__nav-link--button                               { font-size: 15px; height: 40px; line-height: 40px; padding: 0 15px; }
    .header-nav__link--toggle                               { cursor: default; padding-right: 30px; position: relative; }
    .header-nav__link--toggle::after                        { content: url('https://goodycard.co.nz/img/icons/chevron-down_black.svg'); display: block; opacity: 0.5; position: absolute; right: 10px; top: 0; transition: opacity .2s; width: 12px; }
    .header-nav__link--toggle:hover::after                  { opacity: 1; transition: opacity .2s; }

.dropdown-nav                                           {  }
    .dropdown-nav__container                                { border: 1px solid #dedee1; border-radius: 4px; box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07); min-width: 220px; padding: 15px; width: auto; z-index: 1000; }
    .dropdown-nav__list                                     { height: 100%; list-style-type: none; margin: 0 8px; padding: 0; position: relative; }
    .dropdown-nav__item                                     { width: 100%; }
    .dropdown-nav__item:hover,
    .dropdown-nav__item.uk-active                           {  }
    .dropdown-nav__item.uk-active                           { background: #f8f8fa; }
    .dropdown-nav__item--button                             { margin-top: 22px; }
    .dropdown-nav__item--border_bottom                      { border-bottom: 1px solid #dedee1; margin-bottom: 15px; padding-bottom: 15px; }
    .dropdown-nav__item--pin_bottom                         { bottom: 0; position: absolute; }
    .dropdown-nav__link                                     { background: none; border-radius: 4px; color: #25282e; display: block; font-size: 1em; font-weight: 700; padding: 8px 10px; }
    .dropdown-nav__link:active,
    .dropdown-nav__link:focus,
    .dropdown-nav__link:hover,
    .dropdown-nav__item.uk-active .dropdown-nav__link       { background: #f2f2f4; color: #25282e !important; }
    .dropdown-nav__description                              { font-weight: 300; margin: 0; }




/*** Page Level ***/
.horizontal-nav {
}

.horizontal-nav__list {
}

.horizontal-nav__item {
    background: none;
    border-bottom: 3px solid #ffffff;
    float: left;
    margin-bottom: 0 !important;
}

    .horizontal-nav__item:hover {
        border-bottom: 3px solid #99999b;
    }

    .horizontal-nav__item:active,
    .horizontal-nav__item:focus,
    .horizontal-nav__item_selected {
        border-bottom: 3px solid #25282e;
    }

.horizontal-nav__link {
    color: #99999b;
    display: block;
}

    .horizontal-nav__link,
    .horizontal-nav__link:active,
    .horizontal-nav__link:focus,
    .horizontal-nav__link:hover {
        font-weight: 600;
        margin: 0 10px !important;
        padding: 30px 12px !important;
    }

        .horizontal-nav__link:active,
        .horizontal-nav__link:focus,
        .horizontal-nav__link:hover {
            background: none;
            color: #99999b;
        }

.horizontal-nav__item_selected .horizontal-nav__link {
    color: #25282e;
}

.vertical-nav {
    padding-bottom: 30px;
    padding-top: 30px;
    z-index: 5;
}

.vertical-nav__anchor {
}

.vertical-nav__list {
    border-left: 1px solid #dedeed;
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.vertical-nav__list_stuck {
    margin-top: 100px;
    position: fixed;
    top: 0;
    z-index: 900;
}

.vertical-nav__item {
    border-left: 3px solid #ffffff;
    padding: 3px 0 3px 25px;
}

    .vertical-nav__item:hover {
        border-left: 3px solid #99999b;
    }

.vertical-nav__item_static {
    color: #25282e;
}

    .vertical-nav__item_static:hover {
        border-left: 3px solid #ffffff;
    }

.vertical-nav__item_selected {
    border-left: 3px solid #25282e;
}

.vertical-nav__link {
    color: #99999b;
    margin: 10px 0;
}

    .vertical-nav__link:hover,
    .vertical-nav__link_selected {
        color: #25282e;
    }

.categories-filter {
    box-shadow: 0 2px 10px rgba(23,55,87,.1), 0 2px 5px rgba(0,0,0,.07);
    padding: 16px 0;
}

.categories-filter__heading {
    font-weight: 600;
    padding: 8px 16px;
}

.categories-filter__list {
    list-style-type: none;
    padding: 0;
}

.categories-filter__item {
    border-top: 1px solid #dedeed;
    padding: 8px 16px;
}

.categories-filter__link {
    color: #25282e;
}

@media (min-width: 768px) {
    .vertical-nav {
        padding-bottom: 0;
        padding-top: 0;
    }
}



/********************
    Accordion
********************/
.accordion {
}

.accordion__title {
    font-size: 1em;
}

.accordion__title {
    cursor: pointer;
    padding-right: 30px !important;
    position: relative;
}

    .accordion__title::after {
        content: url('https://goodycard.co.nz/img/icons/chevron-down_black.svg');
        display: block;
        opacity: 0.5;
        position: absolute;
        right: 10px;
        top: 0;
        transition: opacity 200ms;
        width: 12px;
    }

    .accordion__title:hover::after {
        opacity: 1;
        transition: opacity 200ms;
    }

.accordion__checkbox:checked ~ .accordion__title::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion__content {
    background: #ffffff;
    max-height: 0;
    overflow: hidden;
    padding-top: 5px;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}

.accordion__checkbox {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

    .accordion__checkbox:checked ~ .accordion__content {
        max-height: 10em;
    }

.features .accordion {
    border-top: 1px solid #dedeed;
    padding: 10px 0;
}

    .features .accordion:first-child {
        border-top: none;
    }

.features .accordion__title {
    font-size: 1.25em;
    font-weight: 300;
    padding-top: 4px;
    padding-bottom: 4px
}

.features .accordion__title {
    cursor: pointer;
    display: block;
    padding-right: 30px !important;
    position: relative;
    width: 100%;
}

    .features .accordion__title::after {
        content: url('https://goodycard.co.nz/img/icons/chevron-down_black.svg');
        display: block;
        opacity: 0.5;
        position: absolute;
        right: 10px;
        top: 0;
        transition: opacity 200ms;
        width: 12px;
    }

    .features .accordion__title:hover::after {
        opacity: 1;
        transition: opacity 200ms;
    }

.features .accordion__checkbox:checked ~ .accordion__title::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.features .accordion__content {
    background: #ffffff;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}

    .features .accordion__content .vertical-nav__list {
        margin-top: 5px;
    }

.features .accordion__checkbox {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

    .features .accordion__checkbox:checked ~ .accordion__content {
        max-height: 100%;
    }


#accordionContent {
    display: none;
}

.mobile-filter-header {
    border: 1px solid #dedeed;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 100%;
}

    .mobile-filter-header::after {
        content: url('https://goodycard.co.nz/img/icons/chevron-down_black.svg');
        display: block;
        opacity: 0.5;
        position: absolute;
        right: 10px;
        top: 10px;
        transition: opacity 200ms;
        width: 12px;
    }

    .mobile-filter-header:hover::after {
        opacity: 1;
        transition: opacity 200ms;
    }

header nav .uk-navbar-nav .nav-header-link {
    margin-bottom: 0;
}





/***
    Hero sections
***/
.primary-hero {
    border-top: none;
}

.primary-hero__container {
    margin-bottom: 40px;
    margin-top: 40px;
}

.primary-hero__text {
    font-size: 1.25em;
    line-height: 1.5em;
}

.primary-hero__button {
    margin-top: 20px;
}

    .primary-hero__button + .primary-hero__button {
        margin-left: 20px;
    }


.secondary-hero {
    background-color: #f8f8fa;
    border-top: none;
}

.secondary-hero__container {
    margin-bottom: 40px;
    margin-top: 40px;
}

.secondary-hero__heading {
    color: #99999b;
    font-size: 0.9em;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.secondary-hero__text {
    font-size: 1.25em;
    line-height: 1.5em;
}

.secondary-hero__button {
    margin-left: 20px;
    margin-top: 20px;
}

.secondary-hero__button_first {
    margin-left: 0;
}


.tertiary-hero {
    background-color: #f8f8fa;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}

.tertiary-hero__container {
    margin-bottom: 40px;
    margin-top: 40px;
}

.tertiary-hero__heading {
    color: #99999b;
    font-size: 0.9em;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.tertiary-hero__text {
    font-size: 1.25em;
    line-height: 1.5em;
}
/* Specific tertiary heroes*/
.resources-hero {
    background-color: #ffffff;
    background-image: url('/img/banners/signin__hero.jpg');
}

.signin-hero {
    background-color: #ffffff;
    background-image: url('/img/banners/signin__hero.jpg');
}

/*** Quaternary Hero: used for Merchant and Offer pages */
.quaternary-hero {
    padding-bottom: 30px;
    padding-top: 30px;
}

.quaternary-hero__image {
}

.quaternary-hero__text {
    display: block;
}



@media (min-width: 768px) {
    .secondary-hero {
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
        height: 26.042vw;
        max-height: 600px;
        min-height: 300px;
    }

    .business-hero {
        background-image: url('/img/banners/business__hero.jpg');
    }

    .enterprise-hero {
        background-image: url('/img/banners/enterprise__hero.jpg');
    }

    .get-the-app-hero {
        background-image: url('/img/banners/get-the-app__hero.jpg');
    }

    .acquisition-marketing-hero {
        background-image: url('/img/banners/acquisition-marketing__hero.jpg');
    }

    .marketing-automation-hero {
        background-image: url('/img/banners/marketing-automation__hero.jpg');
    }

    .loyalty-hero {
        background-image: url('/img/banners/loyalty__hero.jpg');
    }

    .members-hero {
        background-image: url('/img/banners/members__hero.jpg');
    }

    .nps-hero {
        background-image: url('/img/banners/nps__hero.jpg');
    }

    .reporting-hero {
        background-image: url('/img/banners/reporting__hero.jpg');
    }

    .about-us-hero {
    }

    .locations-hero {
        background-color: #fff;
    }

    .locations-hero__heading {
        text-align: left;
    }

    .locations-hero__sub-heading {
        text-align: left;
    }

    .media-hero {
    }

    .quaternary-hero__image {
        margin-left: 0;
        margin-right: 25px;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .tertiary-hero {
        padding-bottom: 50px;
        padding-top: 50px;
    }
}

@media (min-width: 960px) {
    .primary-hero {
        background-image: url('/img/banners/home__hero-background.jpg');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 90% auto;
        height: 45.573vw;
        max-height: 700px;
        position: relative;
    }

    .primary-hero__carousel {
        height: 67%;
        left: 8.95%;
        top: 14.9%;
        width: 18.3%
    }

    .tertiary-hero {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}

/***
    Carousels
***/

.carousel__list {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}

.carousel__item {
    display: block;
    float: left;
    margin: 0 !important;
    width: 25%;
}


/***
    Sections
***/
.section {
    padding-bottom: 30px;
    padding-top: 30px;
}

    .section:first-child,
    .dark-section,
    .dark-section + section,
    .light-section,
    .light-section + .section {
        border-top: none;
    }

.dark-section {
    background-color: #25282e;
}

    .dark-section h1,
    .dark-section h2,
    .dark-section h3,
    .dark-section h4,
    .dark-section h5,
    .dark-section h6,
    .dark-section p {
        color: #ffffff;
    }

.light-section {
    background-color: #f8f8fa;
}

.business-demo-section {
    background-image: url('../img/banners/home__business-demo-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


section#view-business-locations {
    background-image: url('../img/banners/bkgd_view-business-locations.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section#goody-for-members,
section#goody-for-business {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (min-width: 768px) {
    section#goody-for-members,
    section#goody-for-business {
        padding-bottom: 0;
        padding-top: 0;
    }
}

.section > h1,
.section > h2,
.section > h3,
.section > h4,
.section > h5,
.section > h6,
.section > p {
    text-align: left;
}

.section__container { /*margin-bottom:15px;*/
    margin-top: 15px;
}

.section__container--justified {
    text-align: justify;
}

.section__sub-section {
    margin-bottom: 40px;
    margin-top: 40px;
}

.section__button {
    margin-top: 20px;
}

    .section__button + .section__button {
        margin-left: 10px;
    }

.section__image {
}

.section__image_width_100pc {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}

.section__image_centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tight-section {
    padding-bottom: 10px;
    padding-top: 10px;
}

section#see-business-demo {
    background-image: url('../img/assets/home__business-demo-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media (min-width: 768px) and (max-width: 959px) {
    .section {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .section__container {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .section { /*text-align:center*/
    }

        .section > h1,
        .section > h2,
        .section > h3,
        .section > h4,
        .section > h5,
        .section > h6,
        .section > p {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

    .background-section {
        min-height: 450px;
    }
}



@media (min-width: 960px) {
    .section {
        padding-bottom: 80px;
        padding-top: 80px;
    }

        .section > h1,
        .section > h2,
        .section > h3,
        .section > h4,
        .section > h5,
        .section > h6,
        .section > p {
            width: 50%;
        }

    .section__container {
        margin-top: 40px;
    }
}

/***
    Forms
***/
.form {
}

.inline-form {
    margin: 20px 0;
}

.form > h1,
.form > h2,
.form > h3,
.form > h4,
.form > h5,
.form > h6,
.form > p {
    text-align: center;
}

.form__fieldset {
    border: none;
    display: block;
    margin-top: 20px;
    outline: none;
}

.form__row {
    margin-top: 15px;
}

    .form__row:first-child { /*margin-top:0;*/
    }

    .form__row .form__input,
    .form__row .form__select,
    .form__row .form__textarea {
        width: 100%;
    }

.form__input {
    border-radius:4px !important;
}

.form__input-group {
    width: 100%;
}

    .form__input-group .form__button {
        border-radius:4px;
        color:#fff;
        font-weight:700;
        height: 50px;
    }

.form__button-group .form__button {
    border-radius: 0;
}

    .form__button-group .form__button:first-child {
        border-radius: 4px 0 0 4px;
    }

    .form__button-group .form__button:last-child {
        border-radius: 0 4px 4px 0;
    }

.form .form__select {
    -webkit-appearance: button;
    -webkit-border-radius: 3px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 6px;
    -webkit-user-select: none;
    background-color: #ffffff;
    background-image: url('/img/assets/select__chevron.png');
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #dedeed;
    border-radius: 4px;
    font-size: 18px;
    height: 50px;
    margin-bottom: 0 !important;
    overflow: hidden;
    padding: 11px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

@media (min-width: 768px) {
    .form__input-group .form__input {
        border-radius: 4px 0 0 4px;
        margin-bottom: 0;
    }

    .form__input-group .form__button {
        border-radius: 0 4px 4px 0;
        margin-left: -5px;
    }
}

/*** Validation ***/
.validation {
}

.validation__container {
    padding: 15px 20px;
    width: 100%;
}

.validation__container_success {
    background: #7bc516 !important;
    border-radius: 4px;
    color: #ffffff;
}

.validation__message {
    color: #ffffff;
    margin-bottom: 0;
}

.validation__message_center {
    text-align: center;
}

/***
    Videos
***/
.loyalty-video-section {
    background-image: url('../img/banners/loyalty__video-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.demo-video-section {
    background-image: url('../img/banners/demo__video-background.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}




.video-section {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

    .video-section + .section {
        padding-top: 120px;
    }

.video-section__container {
    height: 0;
    margin-bottom: 40px;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
    top: 80px;
}

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


.map-section,
.map-section__container,
.map-section__map {
    min-height: 100% !important;
}


/***
    Lists
***/
.decimal-list {
    list-style-type: lower-alpha;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.decimal-list__item {
    margin-bottom: 10px;
}

    .decimal-list__item:last-child {
        margin-bottom: 15px;
    }

.lower-alpha-list {
    list-style-type: lower-alpha;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.lower-alpha-list__item {
    margin-bottom: 10px;
}

    .lower-alpha-list__item:last-child {
        margin-bottom: 15px;
    }

.lower-roman-list {
    list-style-type: lower-roman;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.lower-roman-list__item {
    margin-bottom: 10px;
}

    .lower-roman-list__item:last-child {
        margin-bottom: 15px;
    }

.circle-list {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.circle-list__item {
    margin-bottom: 10px;
}

    .circle-list__item:last-child {
        margin-bottom: 15px;
    }

.disc-list {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.disc-list__item {
    margin-bottom: 10px;
}

    .disc-list__item:last-child {
        margin-bottom: 15px;
    }

.definition-list {
}

.definition-list__term {
    font-weight: 300;
    margin-top: 15px;
}

    .definition-list__term:first-child {
        margin-top: 0;
    }

.definition-list__description {
    color: #868688;
}

.features hr {
    margin-bottom: 80px;
    margin-top: 80px;
}

.features-list {
}

.features__item {
    margin-bottom: 10px;
    margin-top: 10px;
}

.image-list {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
}

.image-list__item {
    border-top: 1px solid #dedeed;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding: 12px 0;
    cursor: pointer;
}

    .image-list__item:first-child {
        border-top: none;
    }

.image-list__image {
    margin-right: 15px;
    max-width: 60px;
}

.image-list__description {
    width: 100%;
}

.image-list__title {
    display: block;
}

.image-list__meta-data {
    display: block;
    font-size: 0.875em;
}

.image-list__meta-data_right {
    float: right;
}

.rewards-list {
    list-style-type: none;
    padding-left: 0;
    text-align: left;
}

.rewards-list__item {
    border-top: 1px solid #dedeed;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding: 12px 0;
}

    .rewards-list__item:first-child {
        border-top: none;
    }

.rewards-list__points {
    color: #ffffff;
    background: #25282e;
    border-radius: 50%;
    font-weight: 600;
    height: 48px;
    margin-right: 15px;
    max-width: 60px;
    width: 48px;
    padding: 10px;
    text-align: center;
}

.rewards-list__description {
    width: 100%;
}

.rewards-list__title {
    display: block;
}

.rewards-list__meta-data {
    display: block;
    font-size: 0.875em;
}

.rewards-list__meta-data_right {
    float: right;
}

.check-list {
    list-style-type: none;
    padding: 0;
}

ul.check-list li {
    border-bottom: 1px solid #dedede;
    padding: 12px 0;
}

    ul.check-list li:last-child {
        border-bottom: none;
    }

    ul.check-list li img {
        float: right;
        width: 22px;
    }

.centered-check-list {
    list-style-type: none;
    padding: 0;
}

.centered-check-list__item {
    text-align: center;
}

.centered-check-list__check {
    margin-right: 15px;
    width: 22px;
}

/***
    "Tables": Responsive DIV tables. E.g., the pricing table
***/
.table {
}

.table__col--features,
.table__col--plan {
    margin-bottom: 30px;
    margin-top: 30px;
}

.table__col--features {
}

.table__col--plan {
    border: 1px solid #dedeed;
    border-radius: 3px;
}

.table__header {
    border-bottom: 1px solid #dedeed;
    padding: 15px;
}

.table__col--plan .table__header__cell {
    text-align: center;
}

.table__header__cell a {
    display: none;
}


.table-features {
    padding: 15px;
}

.table__footer {
    border-top: 1px solid #dedeed;
    padding: 15px;
}


.table-features__category {
    margin-bottom: 10px;
    margin-top: 10px;
}

.table-features__feature {
    margin-bottom: 5px;
    margin-top: 5px;
}

.table-features__feature__check {
    margin-right: 15px;
    width: 22px;
}


.table__col--best-seller {
    position: relative;
}

    .table__col--best-seller::before {
        content: url('/img/assets/ribbon_most-popular.svg');
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        width: 25%
    }

@media (min-width: 960px) {
    .table__col--features,
    .table__col--plan {
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px;
    }

    .table__col--plan {
        border: none;
        text-align: center;
    }

    .table__col--best-seller {
        box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
    }

        .table__col--best-seller::before {
            width: 40%
        }

    .table__header {
        border-bottom: none;
        min-height: 260px;
        padding: 25px 0;
    }

    .table__header__cell p {
        min-height: 76px;
    }

    .table__header__cell a {
        display: block;
    }


    .table-features {
        padding: 0;
    }

    .table-features__category,
    .table-features__feature {
        height: 35px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .table-features__feature--2-lines {
        height: 60px;
    }

    .table-features__feature--3-lines {
        height: 85px;
    }

    .table-features__feature__check {
        margin-right: 0;
    }

    .table__footer {
        border-top: none;
        padding: 0;
    }
}


/***
    Cards:
***/
.card {
}

.card__container {
    border-radius: 3px;
    box-shadow: 0 10px 25px rgba(23,55,87,.1), 0 0 10px rgba(0,0,0,.07);
    display: block;
    margin-top: 25px;
    padding: 20px;
    text-align: left;
}

.card__container_center {
    text-align: center;
}

.card__container_height_100pc {
    height: 100%;
}

.card__container_width_100pc {
    width: 100%;
}

.card__link-container {
    box-shadow: none;
    display: block;
    margin-top: 25px;
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
}

    .card__link-container:hover {
        box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
        -webkit-transition: box-shadow .2s ease-in-out, 1s cubic-bezier(.35,1.69,.35,.81);
        transition: box-shadow .2s ease-in-out, 1s cubic-bezier(.35,1.69,.35,.81);
    }

    .card__link-container p {
        color: #25282e;
    }

.card__content {
    padding: 15px;
}

.card__heading {
    display: block;
    width: 100%;
}

.card__image {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    object-fit: cover;
    height: 100%
}

.card__button_left {
    float: left;
}

.card__button_right {
    float: right;
}

.card__container_small {
    padding: 10px;
}

.card__container_large {
    padding: 30px;
}

.card__container_background_grey-1 {
    background-color: #f8f8fa;
}

.card__container_background_grey-2 {
    background-color: #868686;
    color: #ffffff;
}

.card__container_background_grey-3 {
    background-color: #333840;
    color: #ffffff;
}

.card__container_background_grey-4 {
    background-color: #25282e;
    color: #ffffff;
}

.card__container_background_red {
    background-color: #ee5a40;
    color: #ffffff;
}

.card__container_background_white {
    background-color: #ffffff;
}

.card__container_goody-member,
.card__container_goody-business {
    background-color:#000000;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    min-height:250px;
    position:relative;
}

.card__container_goody-member {
    background-image: url('{{asset "img/blog__become-a-goody-member.png"}}');
}
.card__container_goody-business {
    background-image: url('{{asset "img/blog__partner-with-goody.png"}}');
}

.card__container_goody-member .card__content,
.card__container_goody-business .card__content {
    bottom:0;
    position:absolute;
    width:100%;
}

    .card__container_goody-member .card__content--centered,
    .card__container_goody-business .card__content--centered {
        color: #ffffff;
        margin-top: -20px;
        position: absolute;
        width: 100%;
        top: 50%;
    }

        .card__container_goody-member .card__content--centered h6,
        .card__container_goody-business .card__content--centered h6 {
            color: #ffffff !important; font-weight: bold;
        }

.card__title {
    margin-bottom: 0;
}

.card__meta-data {
    color: #25282e;
    display: block;
    font-size: 0.875em;
}

.card__meta-data_right {
    float: right;
}

.card__image_resources {
    height: 200px
}

.card__media-top {
    height: 280px;
}


/***
    Video Sections
***/

.responsify {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}

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


/***
    Offer Page
***/
.category {
    margin-top: 50px !important;
}

.category__header {
    margin-bottom: 30px;
    margin-top: 30px;
}

.category__heading {
    margin-bottom: 0;
}

.category__button {
    margin-left: 30px;
}

.offer__image-link {
    display: block;
    position: relative;
}

.offer__get-offer {
    background: rgba(0,0,0,0.55);
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
}

/***
    Spinner
***/

.spinner {
    height: 35px;
    margin: 100px auto;
    position: relative;
    width: 35px;
}

.double-bounce1, .double-bounce2 {
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
    background-color: #ee5a40;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}



/************************************************
        Banners
************************************************/
/*
.main-header {
    height: auto;
    padding: 0;
}

.author-head.main-header,
.author-head.main-header.no-cover,
.tag-head.main-header,
.tag-head.main-header.no-cover {
    height: auto;
    min-height: 0;
    padding: 0;
}

.main-header .vertical {
    background-color: black;
    display: table;
    height: 244px !important;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .main-header .vertical::after {
        content: '';
        background-image: url('http://goody-card-test.ghost.io/assets/img/cover_blog.jpg');
        background-position: center top;
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 100;
        background-repeat: no-repeat;
        background-size: cover;
    }

.main-header .main-header-content.inner {
    display: table-cell;
    max-width: 100%;
    min-height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 500;
}

    .main-header .main-header-content.inner h1,
    .main-header .main-header-content.inner h2 {
        color: white;
        margin-left: auto;
        margin-right: auto;
        max-width: 920px;
        text-align: center;
    }

@media (min-width: 640px) {
}
*/


/************************************************
        Ghost Overrides
************************************************/
/*** Hide the Ghost Nav ***/
#header + .nav {
    display: none;
}

.site-wrapper {
    padding-top: 0;
}

.inner {
    border-bottom: 0;
}

@media only screen and (max-width: 900px) {
    .no-cover.post-head.main-header {
        height: 20px;
    }

    .post {
        font-size: 16px;
    }
}

@media (min-width: 640px) {
    .site-wrapper {
        padding-top: 96px;
    }
}

h1.page-title {
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
    margin-bottom: 12px;
    text-align: center;
}

.page-description {
    color: #333840;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 19.2px !important;
    font-weight: 300;
}

@media (min-width: 640px) {
    .page-description {
        font-size: 24px !important;
    }
}

.extra-pagination {
    border-bottom: 0;
}

.pagination {
    border-bottom-color: #dedede;
    border-top: 1px solid #dedeed;
    display: block;
    font-size: 16px;
    margin: auto;
    margin: 40px 0;
    max-width: 100%;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
    width: 100%;
}

.pagination__list {
    display:inline;
    list-style-type:none;
    padding-left:0;
}

.pagination__page {
    display: inline-block;
    font-size: 16px;
    margin: 0 8px;
}

.pagination__link {
    color: #25282e;
    font-size: 16px;
}

.extra-pagination .pagination {
    margin-top: 0;
}

.pagination .page-number {
    color:#9a9a9c;
    font-size: 16px;
    padding: 16px 0;
}

.pagination .older-posts {
    left: 0;
    right: auto;
    top: 0;
}

.pagination .newer-posts {
    left: auto;
    right: 0;
    top: 0;
}


h1.post-title {
    font-size: 60px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 12px;
    text-align: left;
}

h2.post-title {
    text-align: left;
}

.post-meta {
    color: #9a9a9c;
    font-size: 14px;
    text-align: left;
}

    .post-meta a {
        color: #868686;
    }

        .post-meta a:hover {
            color: #ee5a40;
            text-decoration: none;
        }

    .post-meta .divider {
        color:#dedeed;
        font-size: 10px;
        line-height: 24px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .post-meta .post-date {
        border-left: none;
        color: #9a9a9c;
        font-size: 14px;
        margin-left: 0;
        padding-left: 0;
        text-transform: capitalize;
    }

.read-next {
    margin-top: 0;
}

.read-next-story.no-cover {
    background-color: #d5e8ee;
}

nav.main-nav {
    display: none;
}

.read-next-story .post {
    padding-left: 1.75em;
    padding-right: 1.75em;
}


/*** Individual Article Page ***/

.post-template .main-header.post-head {
    display: none;
}

.post-template .post,
.post-template #secondary-content {
    padding-top: 0;
}

.post-template .post-title {
    margin-bottom: 12px;
}

.post-template .post-meta {
    margin-top: 40px;
}

.post-content img {
    margin: 25px 0;
    width: 100%;
}

.share > h4,
.author > h4 {
    font-size: 20px !important;
}

    .author > h4 > a:hover {
        color: rgba(37,40,46,0.9);
        text-decoration: none;
    }


.author-profile {
    border-bottom: 0;
    padding-top: 50px;
}

    .author-profile .author-image {
        margin-top: 0;
    }

.read-next-story h2 {
    text-align: center;
}

.read-next-story .post::before,
.read-next-story.no-cover .post::before {
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    font-weight:700;
    text-transform: capitalize;
}

.read-next-story:hover .post::before,
.read-next-story.no-cover:hover .post::before {
    background-color: #25282e;
    color: #ffffff;
}

@media only screen and (max-width: 500px) {
    .read-next {
        margin-bottom: 0;
    }

    .read-next-story .post {
        padding-bottom: 0;
        padding-top: 40px;
    }
}

/*** Additional Content Styles ***/
.post-content::after {
    content: "";
    display: table;
    clear: both;
}

.floating-image.left {
    float: left;
    margin-right: 20px;
    max-width: 350px;
}

.floating-image img {
    display: block;
    margin-bottom: 20px;
    padding-top: 0;
    max-width: 100%;
    width: 100%;
}

@media (max-width: 750px) {
    .floating-image.left {
        clear: both;
        display: block;
        float: none;
        margin: auto;
        max-width: 100%;
        width: 100%;
    }
}

/*** Author Profile Page ***/
.author-profile .author-meta {
    color: #868686;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-style: normal;
}



/*** Category List ***/
.tag-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
}

.tag-list__item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 0;
    padding: 0;
}

    .tag-list__item:first-child {
        padding-left: 0;
    }

.tag-list__link,
.tag-list__link:visited {
    background: #fff;
    border:none;
    color: #25282e;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    padding: 0;
    word-break: keep-all;
}

    .tag-list__link:hover,
    .tag-list__link:active {
        background: none !important;
        color: #ee5a40;
    }


.post-tag-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
}

.post-tag-list__item {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-top: 0;
    padding: 0;
}

    .post-tag-list__item:first-child {
        padding-left: 0;
    }

.post-tag-list__link,
.post-tag-list__link:visited {
    color: #25282e;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0;
    word-break: keep-all;
}

    .post-tag-list__link:hover,
    .post-tag-list__link:active {
        background: none !important;
        color: #ee5a40;
    }

.tag-list__item:after,
.post-tag-list__item:after {
    content: ", ";
    color: #25282e;
}

.tag-list__item:last-child:after,
.post-tag-list__item:last-child:after {
    content: "";
}

.social-btns {
    list-style-type: none;
    margin: 0 auto 32px;
    padding-left: 0;
}

    .social-btns li {
        display: inline-block;
        float: left;
        margin: 0 0 8px 0;
        padding-left: 8px;
        width: 24.999%;
    }

        .social-btns li:first-child {
            margin: 0;
            padding-left: 0;
        }

        .social-btns li a {
            border-radius: 4px;
            display: inline-block;
            padding: 12px;
            width: 100%;
        }

        .social-btns li.facebook a {
            background-color: #fff;
        }

        .social-btns li.linkedin a {
            background-color: #fff;
        }

        .social-btns li.instagram a {
            background-color: #fff;
        }

        .social-btns li.twitter a {
            background-color: #fff;
        }

        .social-btns li a img {
            display: block;
            height: 20px;
            margin: auto;
            width: auto;
        }

/*** Post List ***/
.post {
    border-bottom: none;
    margin: 40px 0;
    max-width: 100%;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.post:first-child {
    margin-top:0;
}

    .post .post-image {
        display: block;
        margin-bottom: 16px;
        width: 100%;
    }

    .post .post-excerpt p {
        font-size: 16px;
        margin-bottom: 16px;
        text-align: left;
    }

    .post .post-excerpt .read-more::after {
        content: ' ...';
    }

    .post .post-meta {
        text-align: left;
    }

.post-footer {
    border-top-color: #dedede;
}

.post::after {
    background: none;
    border: none;
    box-shadow: none;
    content: "";
    display: table;
    clear: both;
    position: static;
}


@media (min-width: 640px) {
    .post {
        margin: 60px 0;
        padding-bottom: 60px;
    }

    .post-image-column {
        float: left;
        margin-right: 0;
        max-width: 49.999%;
        padding-right: 16px;
        padding-top: 4px;
    }

    .post-info-column {
        float: left;
        max-width: 49.999%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*** First Post ***/
.post.first-post {
    margin-top: 0;
}

    .post.first-post .post-meta {
        /*margin-top: 16px;*/
    }

    .post.first-post .post-image {
        float: none;
        margin-bottom: 16px;
        margin-right: 0;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

        .post.first-post .post-image::before {
            background-color: #74b2c7;
            color: #ffffff;
            content: 'Latest Post';
            font-size: 20px;
            font-weight: 400;
            left: 0;
            padding: 8px 24px;
            position: absolute;
            top: 20px;
        }

    .post.first-post .category-list {
        margin-top: 8px;
    }


/*** Secondary Content ***/
/*
#posts,
#secondary-content {
    padding-bottom: 60px;
}

@media (min-width: 1200px) {
    #posts {
        float: left;
        padding: 0 32px 80px 16px;
    }

    #secondary-content {
        float: left;
        padding: 0 16px 60px 32px;
    }
}

#categories,
#newsletter {
    margin-bottom: 0;
    padding-bottom: 40px;
}

    #categories hr,
    #newsletter hr {
        margin-bottom: 0;
        margin-top: 40px;
    }

.form-field {
    margin-bottom: 12px;
}

    .form-field input {
        background-color: #ffffff;
        border: 1px solid #dedede;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
        color: #25282e;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        margin-bottom: 0;
        min-height: 40px;
        padding: 7px 16px;
        width: 100%;
    }

        .form-field input::-webkit-input-placeholder {
            color: #868686;
            font-size: 14px;
            font-weight: 300;
        }
*/

div.mce_inline_error {
    color: #a82209;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

    div.mce_inline_error::before {
        color: #a82209;
        content: '+';
        display: inline-block;
        font-size: 1em;
        font-weight: 700;
        margin-right: 4px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

input.mce_inline_error {
    margin-bottom: 0;
}

div.mce-success-response {
    color: #5D9A08;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 16px 0;
}

.archive-template main#content,
.home-template main#content,
.tag-template main#content {
    margin-top: 50px;
}

.feed {
    display: block;
    margin-bottom: 40px;
    max-width: 500px;
    width: 100%;
}

    .feed .feed-header {
        background-color: #2c7b95;
        border-radius: 4px 4px 0 0;
        display: block;
        padding: 8px 16px;
        width: 100%;
    }

        .feed .feed-header h6 {
            color: #ffffff;
            margin-bottom: 0;
        }

            .feed .feed-header h6 img {
                display: inline-block;
                height: 21px;
                margin-right: 16px;
                width: auto;
            }

    .feed .feed-content {
        background-color: #ffffff;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        padding: 0 4px;
    }

#facebook-feed .feed-content {
    padding: 0;
    border-left: none;
    border-right: none;
}

#instagram-feed .feed-content {
    padding: 8px;
}

.feed .feed-content iframe {
    margin: 0 !important;
}

.feed .feed-footer {
    background-color: #74b2c7;
    border-radius: 0 0 4px 4px;
    padding: 8px 16px;
}

    .feed .feed-footer .twitter-follow-button {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        height: 42px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .feed .feed-footer .ig-follow {
        background: transparent;
        border: 1px solid #ffffff;
        border-radius: 4px;
        color: #ffffff;
        transition: all 0.2s ease-in;
        width: 100%;
    }

        .feed .feed-footer .ig-follow > div {
            width: 100%;
        }

        .feed .feed-footer .ig-follow .ig-background {
            background: transparent;
            border: none;
            box-shadow: none;
            font-family: "Lato", Helvetica, Arial, sans-serif;
            height: 60px;
            line-height: 26px;
            padding: 15px 40px;
            width: 100%;
        }

            .feed .feed-footer .ig-follow .ig-background .ig-camera {
                display: none;
            }

            .feed .feed-footer .ig-follow .ig-background .ig-text {
                font-family: "Lato", Helvetica, Arial, sans-serif;
                font-size: 20px;
                font-weight: 400;
                text-align: center;
                width: 100%;
            }

                .feed .feed-footer .ig-follow .ig-background .ig-text::after {
                    content: ' us';
                }

@media screen and (min-device-width: 1200px) {
    .feed .feed-footer .ig-follow .ig-background .ig-text::after {
        content: ' us on Instagram';
    }
}

@media (max-width: 1024px) {

    .feed .feed-footer .ig-follow .ig-background {
        height: 40px;
        padding: 8px 24px;
    }

        .feed .feed-footer .ig-follow .ig-background .ig-text {
            font-size: 16px;
            line-height: 21px;
        }
}

.feed .feed-footer .ig-follow:hover {
    background-color: rgba(255,255,255,0.1);
    transition: all 0.2s ease-in;
}

.feed .feed-footer .fancylike-fb-like {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    margin: 0 !important;
    padding: 15px 40px;
    text-align: center;
    width: 100% !important;
}

    .feed .feed-footer .fancylike-fb-like:hover {
        background-color: rgba(255,255,255,0.1);
        transition: all 0.2s ease-in;
    }


.form__input--footer {
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    width: 100%;
}

    .form__input--footer::-webkit-input-placeholder,
    .form__input--footer::-moz-placeholder,
    .form__input--footer:-ms-input-placeholder,
    .form__input--footer:-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }

.form__button--footer {
    height: 50px !important;
    width: 100%;
}


.button--colour_2,
.button--colour_2:visited {
    background-color: #00bcd4;
}

    .button--colour_2:active,
    .button--colour_2:focus,
    .button--colour_2:hover {
        background-color: #00a4ba;
    }

.button__icon {
    height: 20px;
}

.highlight--colour_2 {
    color: #00bcd4;
}



.content-box {
    border: 1px solid rgba(222, 222, 222, 0.25);
    box-shadow: none;
    padding: 20px;
}


iframe.hs-form-iframe {  margin:0 auto !important; }

/**
    Footer
********************************************************************/
.footer {
    background: #0f1127;
    color: #ffffff;
}

.footer__form-heading {
    color: #ffffff;
}

.footer__container {
    padding-bottom: 60px;
    padding-top: 60px;
}

.footer__divider {
    border-top: 1px solid #ffffff;
    opacity: 0.25;
    margin: 40px 0;
}

.footer__logo-link {
    margin-bottom: 5px;
}

.footer__logo {
    width: 190px;
}

.footer__description {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.footer__heading {
    color: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
}

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

.footer__list--social {
    float: right;
}

.footer__item {
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
}

.footer__item--inline {
    border-left: 1px solid #ffffff;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-left: 10px;
}

    .footer__item--inline:first-child {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }

.footer__item--social {
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 5px;
}

    .footer__item--social:first-child {
        margin-left: 0;
    }

.footer__heading-link {
    color: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

    .footer__heading-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.footer__link {
    color: #ffffff;
    font-size: 17px !important;
    opacity: 0.5;
}

    .footer__link:hover {
        color: #ffffff;
        opacity: 1.0;
    }

.footer__icon {
    display: inline-block;
    height: 30px;
    width: 30px;
}

@media (max-width: 768px) {

    .footer__form-heading {
        padding-bottom: 20px;
    }

    .form-input--footer {
        height: 40px;
    }

    .footer__heading {
        margin-top: 20px;
    }

    .footer__list--social {
        float: left;
        margin-top: 20px;
    }

    .footer__item--inline {
        border-left: 0;
        display: block;
        margin: 5px 0;
        padding: 0;
        width: 100%;
    }
}

.hubspot-form                                                       { margin-top: 20px; }
.hs-form-iframe                                                     { width: 100% !important; }
.hubspot-form--lightbox .hs-form-iframe                             { min-height: 500px !important; }

/*** Featherlight Form ***/
.lightbox {
    display: none;
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.

    WE ARE NOT USING FEATHERLIGHT JS JUST THE CSS
**/
html.with-featherlight {
    /* disable global scrolling when featherlights are visible */
    overflow: hidden;
}

.featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200; /* z-index needs to be >= elements on the site. but less than notie*/
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0,0,0,1);
}

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 1);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        color: #ffffff;
        position: relative;
        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        /* dimensions: cut off images */
        overflow: auto;
        width: 80%;
        height: 100%;
        /*border-bottom: 25px solid transparent;*/
        /* dimensions: handling large content */
        /*
                margin-left: 5%;
                margin-right: 5%;
                max-height: 95%;
                cursor: auto;
                */
        /* reset white-space wrapping */
        white-space: normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
        padding-top: 60px;
    }

    /* don't show these though */
    .featherlight script.featherlight-inner,
    .featherlight link.featherlight-inner,
    .featherlight style.featherlight-inner {
        display: none;
    }

    .featherlight .featherlight-close-icon {
        font-size: 24px;
        position: absolute;
        z-index: 9999;
        top: 20px;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial,sans-serif;
        color: #fff;
        border: none;
        padding: 0;
        background: none;
    }

        /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
        .featherlight .featherlight-close-icon::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
    }


.featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.featherlight iframe {
    /* styling */
    border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.featherlight .featherlight-content h1,
.featherlight .featherlight-content h2,
.featherlight .featherlight-content h3 {
    color: #fff;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 0;
        margin-right: 0;
    }
}
/* hide non featherlight items when printing */
@media print {
    @page {
        size: landscape
    }

    html.with-featherlight > * > :not(.featherlight) {
        display: none;
    }
}


/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {
}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {
}

/* Labels (selects field labels and error messages) */
.hs-form label {
    color: #ababab;
}

.hs-form .hs-form-field > label {
    color: #ababab;
}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"],
.hs-form input[type="datetime"],
.hs-form input[type="datetime-local"],
.hs-form input[type="date"],
.hs-form input[type="month"],
.hs-form input[type="time"],
.hs-form input[type="week"],
.hs-form input[type="number"],
.hs-form input[type="email"],
.hs-form input[type="url"],
.hs-form input[type="search"],
.hs-form input[type="tel"],
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #0f1127;
    font-size: 16px;
    height: 50px;
    margin-bottom: 10px;
    padding: 12px 5px;
}

    /* Inputs in focus (selectors for all inputs when clicked)  */
    .hs-form input[type="text"]:focus,
    .hs-form input[type="password"]:focus,
    .hs-form input[type="datetime"]:focus,
    .hs-form input[type="datetime-local"]:focus,
    .hs-form input[type="date"]:focus,
    .hs-form input[type="month"]:focus,
    .hs-form input[type="time"]:focus,
    .hs-form input[type="week"]:focus,
    .hs-form input[type="number"]:focus,
    .hs-form input[type="email"]:focus,
    .hs-form input[type="url"]:focus,
    .hs-form input[type="search"]:focus,
    .hs-form input[type="tel"]:focus,
    .hs-form input[type="color"]:focus,
    .hs-form input[type="file"]:focus,
    .hs-form textarea:focus,
    .hs-form select:focus {
        border: #00bcd4;
    }

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {
    height: auto;
}

    .hs-form textarea:focus {
    }

/* Dropdowns (selectors for dropdowns) */
.hs-form select {
}

    .hs-form select:focus {
    }

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {
}

    .hs-form form.hs-form .hs-form-field ul.inputs-list li input {
    }

.hs-form input[type="radio"] {
}

.hs-form input[type="checkbox"] {
}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid,
.hs-form textarea:focus:required:invalid,
.hs-form select:focus:required:invalid {
    background: #ffcdd2;
    border: 1px solid #f44336;
}

    .hs-form input:focus:required:invalid:focus,
    .hs-form textarea:focus:required:invalid:focus,
    .hs-form select:focus:required:invalid:focus {
        background: #fff;
        border: 1px solid #d32f2f;
    }

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label {
    color: #f44336;
}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */
    color: #999;
}

:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder { /* IE10 */
    color: #999;
}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {
}

    .hs-form .hs-form fieldset.form-columns-1 .hs-form-field {
    }

.hs-form .hs-form fieldset.form-columns-2 {
}

    .hs-form .hs-form fieldset.form-columns-2 .hs-form-field {
    }

.hs-form .hs-form fieldset.form-columns-3 {
}

    .hs-form .hs-form fieldset.form-columns-3 .hs-form-field {
    }

/* Submit buttons (selectors for all non-CTA buttons) 
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    background-color: #ee5a40;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    min-height: 30px;
    padding: 5px 15px;
}

    body .hs-button.primary:hover,
    body input[type="submit"]:hover,
    body input[type="button"]:hover {
        background-color: #e63415;
        color: #fff;
    }

    body .hs-button.primary:focus,
    body input[type="submit"]:focus,
    body input[type="button"]:focus {
        background-color: #e63415;
        color: #fff;
    }

@media (min-width: 768px) {
    body .hs-button.primary,
    body input[type="submit"],
    body input[type="button"] {
        font-size: 16px;
        line-height: 50px;
        min-height: 50px;
        padding: 15px 30px;
    }
}