/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style

@media (min-width: 0px) {
    
}

@media (min-width: 768px) {

}

@media (min-width: 970px) {
    
}

*/

html {
    font: 300 16px / 1.5em Tahoma, Geneva, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #FFF;
    color: #444;
}

@font-face{
    font-family: "ThaiSansNeue";
    src: url("pkt-font/ThaiSansNeue-Regular.eot");
    src: url("pkt-font/ThaiSansNeue-Regular.eot?") format("embedded-opentype"), 
         url("pkt-font/ThaiSansNeue-Regular.ttf") format("truetype"), 
         url("pkt-font/ThaiSansNeue-Regular.svg#svgFontName") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "ThaiSansNeueBold";
    src: url("pkt-font/ThaiSansNeue-Bold.eot");
    src: url("pkt-font/ThaiSansNeue-Bold.eot?") format("embedded-opentype"), 
         url("pkt-font/ThaiSansNeue-Bold.ttf") format("truetype"), 
         url("pkt-font/ThaiSansNeue-Bold.svg#svgFontName") format("svg");
    font-weight: bold;
}

.pkt-font{
    font-family: ThaiSansNeue, sans-serif !important;
    line-height: 1.5em;
}

.pkt-font-bold{
    font-family: ThaiSansNeueBold, sans-serif !important;
    line-height: 1.5em;
}

/*
 * Removes default margin.
 */

@media (min-width: 0px) {
    body{
        padding-top: 56px;
        overflow: hidden;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 960px) {
    body{
        padding-top: 0;
    }
}

body {
    margin: 0;
}

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

a {
    background: transparent;
}

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

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

/* Text-level semantics
 ========================================================================== */
/*
 * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.
 */

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

/*
 * Addresses style set to `bolder` in Firefox
 */

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: #7a769a;
    white-space: nowrap;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background: #f7f7f7;
}

/*
 * Emphasize
 */

em {
    color: #ac6b66;
}

/*
 * Insert
 */

ins {
    background: #f3f2e6;
    color: #5c5a4c;
    text-decoration: none;
}

/*
 * Mark
 * Note: Addresses styling not present in IE 8/9.
 */

mark {
    background: #f3f2e6;
    color: #5c5a4c;
}

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

/* Images
 ========================================================================== */
/*
 * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * 2. Corrects `max-width` behavior if padding and border are used
 * 3. Remove border when inside `a` element in IE 8/9/10.
 * 4. Remove the gap between images and the bottom of their containers
 */

img {
    /* 1 */
    
    max-width: 100%;
    height: auto;
    /* 2 */
    
    box-sizing: border-box;
    /* 3 */
    
    border: 0;
    /* 4 */
    
    vertical-align: middle;
}

/*
 * Preserve original image dimensions
 */

.uk-img-preserve,
.uk-img-preserve img {
    max-width: none;
}

/*
 * 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{
    margin: 0 0 15px 0;
}

figure {
    margin: 0;
}

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

/* Headings
 ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    font-weight: 300;
    line-height: 1.5em;
}

/*
 * Margins
 */

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

/*
 * Sizes
 */

h1,
.uk-h1 {
    font-size: 30px;
}

h2,
.uk-h2 {
    font-size: 24px;
}

h3,
.uk-h3 {
    font-size: 18px;
}

h4,
.uk-h4 {
    font-size: 16px;
}

h5,
.uk-h5 {
    font-size: 14px;
}

h6,
.uk-h6 {
    font-size: 12px;
}

/* 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: 15px 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Address
 ========================================================================== */

address {
    font-style: normal;
}

/* Blockquotes
 ========================================================================== */

blockquote {
    padding-left: 15px;
    border-left: 5px solid rgba(0, 0, 0, 0.07);
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */

pre {
    padding: 10px;
    background: #f7f7f7;
    font: 12px / 18px Consolas, monospace, serif;
    color: #515456;
    -moz-tab-size: 4;
    tab-size: 4;
    /* 1 */
    
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

/* HTML5 elements
 ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */

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

/*
 * Addresses inconsistent 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.
 * Hide the `template` element in IE and Safari
 */

[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;
    }
}

/* Hyperlink */

a:not([class]),
:not([class*='uk-nav']) a:not([class]) {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/* ========================================================================
   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-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-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-flex: none;
    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 */



@media (min-width: 0px) {
    .uk-grid {
        margin-left: -10px;
    }
    .uk-grid > * {
        padding-left: 10px;
    }
    
    .uk-grid + .uk-grid,
    .uk-grid-margin,
    .uk-grid > * > .uk-panel + .uk-panel {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .uk-grid {
        margin-left: -15px;
    }
    .uk-grid > * {
        padding-left: 15px;
    }
    
    .uk-grid + .uk-grid,
    .uk-grid-margin,
    .uk-grid > * > .uk-panel + .uk-panel {
        margin-top: 15px;
    }
}

@media (min-width: 970px) {
    .uk-grid {
        margin-left: -20px;
    }
    .uk-grid > * {
        padding-left: 20px;
    }
    
    .uk-grid + .uk-grid,
    .uk-grid-margin,
    .uk-grid > * > .uk-panel + .uk-panel {
        margin-top: 20px;
    }
}



/* Vertical */

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

/* Large screen and bigger */

@media (min-width: 1220px) {
    /* Horizontal */
    
    .uk-grid {
        margin-left: -20px;
    }

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

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

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

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

/* Vertical */

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

/*
 * Medium gutter
 */
/* Horizontal */

.uk-grid-medium {
    margin-left: -20px;
}

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

/* Vertical */

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

/* 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: -20px;
    margin-right: -20px;
}

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

.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 rgba(0, 0, 0, 0.07);
}

/* Tablet and bigger */

@media (min-width: 970px) {
    .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
    
    .uk-grid-divider > [class*='uk-pull-']:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
        border-left: 0;
    }
}

/* 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 rgba(0, 0, 0, 0.07);
    }
}

/* Large screen and bigger */

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

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

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

/*
 * Vertical divider
 */

.uk-grid-divider:empty {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Match panels in grids
 ========================================================================== */
/*
 * 1. Behave like a block element
 */

.uk-grid-match > * {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* 1 */
    
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-grid-match > * > * {
    /* 1 */
    
    -ms-flex: none;
    -webkit-flex: none;
    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%;
}

/* Phone landscape and bigger */

@media (min-width: 480px) {
    .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: 970px) {
    .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-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-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%;
    }
}

/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */

@media (min-width: 970px) {
    [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: 300;
    text-transform: uppercase;
    color: #2a2d31;
}

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

/* Modifier: `uk-panel-box`
 ========================================================================== */

.uk-panel-box {
    padding: 25px;
    background: #ffffff;
    color: #515456;
}

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

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

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

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

/*
 * Nav in panel
 */

.uk-panel-box > .uk-nav-side {
    margin: 0 -25px;
}

/*
 * Sub-modifier: `uk-panel-box-primary`
 */

.uk-panel-box-primary {
    background-color: #54aacb;
    color: #d1efff;
}

.uk-panel-box-primary > a:not([class]),
.uk-panel-box-primary >:not([class*='uk-nav']) a:not([class]) {
    color: #ffffff;
}

.uk-panel-box-primary > a:not([class]):hover,
.uk-panel-box-primary >:not([class*='uk-nav']) a:not([class]):hover {
    color: #133340;
}

.uk-panel-box-primary .uk-badge {
    background: #ffffff;
    color: #3792b5;
    text-shadow: none;
}

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

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

/*
 * Sub-modifier: `uk-panel-box-secondary`
 */

.uk-panel-box-secondary {
    background-color: #f7f7f7;
    color: #515456;
}

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

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

/* Modifier: `uk-panel-hover`
 ========================================================================== */

.uk-panel-hover {
    padding: 15px;
    color: #444444;
    border: 1px solid transparent;
}

.uk-panel-hover:hover {
    background: #f0f1f3;
    color: #515456;
    border-color: rgba(0, 0, 0, 0.07);
}

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

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

/* Modifier: `uk-panel-header`
 ========================================================================== */

.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #54aacb;
}

/* Modifier: `uk-panel-space`
 ========================================================================== */

.uk-panel-space {
    padding: 25px;
}

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

/* Modifier: `uk-panel-divider`
 ========================================================================== */

.uk-panel + .uk-panel-divider {
    margin-top: 40px !important;
}

.uk-panel + .uk-panel-divider:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* Large screen and bigger */

@media (min-width: 1220px) {
    .uk-panel + .uk-panel-divider {
        margin-top: 40px !important;
    }

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

/* `uk-panel-header` */

.uk-panel-header {
    padding: 25px;
    background: #ffffff;
}

.uk-panel-header .uk-panel-badge {
    top: 25px;
    right: 25px;
}

.uk-panel-header > .uk-nav-side {
    margin: 0 -25px;
}

/* `uk-panel-divider` */

.uk-panel-divider {
    border: none !important;
}

/* ========================================================================
   Component: Block
 ========================================================================== */

.uk-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Phone landscape and bigger */

@media (min-width: 970px) {
    .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: 970px) {
    .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: #f0f1f3;
}

/*
 * Muted
 */

.uk-block-muted {
    background: #f7f7f7;
}

/*
 * Primary
 */

.uk-block-primary {
    background: #52a9ca;
}

/*
 * Secondary
 */

.uk-block-secondary {
    background: #383d46;
}

.uk-block-default + .uk-block-default,
.uk-block-muted + .uk-block-muted,
.uk-block-primary + .uk-block-primary,
.uk-block-secondary + .uk-block-secondary {
    padding-top: 0;
}

/* ========================================================================
   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: 15px;
}

/* Sub-object `uk-article-title`
 ========================================================================== */

.uk-article-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

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

/* Sub-object `uk-article-meta`
 ========================================================================== */

.uk-article-meta {
    font-size: 13px;
    line-height: 20px;
    color: #92969a;
}

/* Sub-object `uk-article-lead`
 ========================================================================== */

.uk-article-lead {
    color: #515456;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

/* Sub-object `uk-article-divider`
 ========================================================================== */

.uk-article-divider {
    margin-bottom: 25px;
    border-color: rgba(0, 0, 0, 0.07);
}

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

.uk-article + .uk-article {
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-article-title + .uk-article-meta {
    margin-top: 0;
}

/* ========================================================================
   Component: Comment
 ========================================================================== */
/* Sub-object `uk-comment-header`
 ========================================================================== */

.uk-comment-header {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background: #f7f7f7;
}

/*
 * 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: #92969a;
}

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

/* Tablet and bigger */

@media (min-width: 970px) {
    .uk-comment-list .uk-comment + ul {
        padding-left: 100px;
    }
}

/* Modifier `uk-comment-primary`
 ========================================================================== */
/* Sub-object `uk-comment-body` */

.uk-comment-body {
    padding-left: 10px;
    padding-right: 10px;
}

.uk-comment-primary .uk-comment-header {
    border: 2px solid #52a9ca;
}

.uk-comment-primary .uk-comment-title {
    color: #54aacb;
}

/* ========================================================================
   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: 10px 15px;
}

/*
 * Nested items
 */

.uk-nav ul {
    padding-left: 15px;
}

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

/*
 * Item subtitle
 */

.uk-nav li > a > div {
    font-size: 12px;
    line-height: 18px;
    color: #9A9A9A;
}

.uk-parent .uk-nav-sub{
    padding: 0px 10px 0 40px;
}

.uk-nav ul a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.uk-nav ul li:first-child a{
    box-shadow: none;
}

.uk-nav ul li:last-child a{
    border-bottom: none;
}

/* Sub-object: `uk-nav-header`
 ========================================================================== */

.uk-nav-header {
    padding: 5px 25px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
}

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

/* Sub-object: `uk-nav-divider`
 ========================================================================== */

.uk-nav-divider {
    margin: 9px 25px;
}

/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */

ul.uk-nav-sub {
    padding: 5px 0 5px 25px;
}

/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */

.uk-nav-parent-icon > .uk-parent > a:after {
    content: "\f104";
    width: 20px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center;
}

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

/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */

.uk-nav-side > li > a {
    color: #515456;
}

/*
 * 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.03);
    color: #515456;
    /* 2 */
    
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Active */

.uk-nav-side > li.uk-active > a {
    background: #54aacb;
    color: #ffffff;
    box-shadow: none;
    margin: 0 -1px;
}

.uk-nav-side > li.uk-active > a:hover {
    background: #54aacb;
    color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.uk-nav-side > li.uk-active > a:hover:after {
    color: #EEE;
}

.uk-nav-side > li.uk-active > a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 25px;
    color: #EEE;
    float: right;
}

/*
 * Sub-object: `uk-nav-header`
 */

.uk-nav-side .uk-nav-header {
    color: #92969a;
}

/*
 * Sub-object: `uk-nav-divider`
 */

.uk-nav-side .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

/*
 * Nested items
 */

.uk-nav-side ul a {
    color: #54aacb;
}

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

/* Modifier `uk-nav-dropdown`
 ========================================================================== */
/*
 * Items
 */

.uk-nav-dropdown > li > a {
    color: #515456;
}

/*
 * 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: rgba(0, 0, 0, 0.03);
    color: #202121;
    /* 2 */
    
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*
 * Sub-object: `uk-nav-header`
 */

.uk-nav-dropdown .uk-nav-header {
    color: #92969a;
}

/*
 * Sub-object: `uk-nav-divider`
 */

.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */

.uk-nav-dropdown ul a {
    color: #54aacb;
}

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

/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */

.uk-nav-navbar > li > a {
    color: #666;
}

/*
 * 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: rgba(0, 0, 0, 0.03);
    color: #202121;
    /* 2 */
    
    outline: none;
    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

/*
 * Sub-object: `uk-nav-header`
 */

.uk-nav-navbar .uk-nav-header {
    color: #92969a;
}

/*
 * Sub-object: `uk-nav-divider`
 */

.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */

.uk-nav-navbar ul a {
    color: #54aacb;
}

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

/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */

.uk-nav-offcanvas > li > a {
    color: #FFF;
    padding: 10px 15px;
    border-top: 1px solid #1d1f22;
    box-shadow: none;
}

/*
 * 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: #363a3e;
    color: #ffffff;
    /* 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: #0D94C3;
    color: #ffffff;
    box-shadow: none;
}

/*
 * Sub-object: `uk-nav-header`
 */

.uk-nav-offcanvas .uk-nav-header {
    color: #777777;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background: #363a3e;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/*
 * Sub-object: `uk-nav-divider`
 */

.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.01);
    margin: 0;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */

.uk-nav-offcanvas ul a {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.65em;
}

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

.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
}

/* Sub-object: `uk-nav-sub` */

.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
}

.uk-nav-offcanvas .uk-nav-sub .uk-active a{
	color: #FFF;
}

.uk-nav-offcanvas li a i{
    width: 20px;
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */

/*
 * 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 */
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
}

/*
 * 1. Dimensions
 * 2. Style
 */

.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    /* 1 */
    
    height: 52px;
    padding: 0 21px;
    line-height: 52px;
    /* 2 */
    
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    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 {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    /* 3 */
    
    outline: none;
    position: relative;
    z-index: 1;
    /*box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);*/
}

/* OnClick */

.uk-navbar-nav > li > a:active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #54aacb;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */

.uk-navbar-nav .uk-navbar-nav-subtitle {
    line-height: 37px;
}

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

.uk-navbar-nav > li > a i{
    margin-right: 2px;
}

/* 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 13px;
    float: right;
}

/*
 * 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: #54aacb;
}

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

/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */

.uk-navbar-brand {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}



@media (min-width: 0px) {
    .logo-small{
        float: left !important;
        padding-left: 10px;
        margin-top: 4px;
        max-width: 200px !important;
    }
    
    .uk-navbar-toggle {
        font-size: 20px;
        color: #666;
        text-decoration: none;
        background: #f5f6f6;
        margin: 8px;
        border-radius: 2px;
    }
}

@media (min-width: 768px) {
    .logo-small{
        padding-left: 15px;
    }
    
    .uk-navbar-toggle {
        margin: 8px 15px 8px 8px;
    }
}

@media (min-width: 970px) {
    .logo-small{
        padding-left: 10px;
    }
    
    .uk-navbar-toggle {
        margin: 8px;
    }
}

.tm-logo-small img{
    height: 46px;
}

/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
    color: #ffffff;
    text-decoration: none;
    /* 2 */
    
    outline: none;
}

/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */



/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
    color: #ffffff;
    text-decoration: none;
    /* 2 */
    
    outline: none;
}

/*
 * 1. Center icon vertically
 */

.uk-navbar-toggle:after {
    content: "\f0c9";
    font-family: FontAwesome;
    /* 1 */
    
    vertical-align: middle;
}

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

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

/* Navbar nav */

.uk-navbar-nav > li > a {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.uk-navbar-nav > li:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.uk-navbar-nav > li:last-child.uk-active{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.uk-navbar-nav > li:last-child a{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

/* ========================================================================
   Component: Subnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */

.uk-subnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-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-flex: none;
    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: #515456;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 */

.uk-subnav > * >:hover,
.uk-subnav > * >:focus {
    color: #54aacb;
    text-decoration: none;
}

/*
 * Active
 */

.uk-subnav > .uk-active > * {
    color: #54aacb;
}

/* 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 rgba(0, 0, 0, 0.07);
}

/* Modifier: 'subnav-pill'
 ========================================================================== */

.uk-subnav-pill > * > * {
    padding: 3px 9px;
    border-radius: 2px;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.uk-subnav-pill > * >:hover,
.uk-subnav-pill > * >:focus {
    background: #f7f7f7;
    color: #515456;
    text-decoration: none;
    /* 2 */
    
    outline: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

/*
 * Active
 * `li` needed for higher specificity to override hover
 */

.uk-subnav-pill > .uk-active > * {
    background: #52a9ca;
    color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Disabled state
 ========================================================================== */

.uk-subnav > .uk-disabled > * {
    background: none;
    color: #92969a;
    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: #92969a;
}

/* ========================================================================
   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;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

/*
 * Links
 */

.uk-pagination > li > a {
    background: #ffffff;
    color: #515456;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

/*
 * 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: #f7f7f7;
    color: #202121;
    /* 2 */
    
    outline: none;
    border-color: rgba(0, 0, 0, 0.16);
    background-image: none;
}

/* OnClick */

.uk-pagination > li > a:active {
    background-color: #f5f5f5;
    color: #515456;
    background-image: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*
 * Active
 */

.uk-pagination > .uk-active > span {
    background: #52a9ca;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #66b2d1, #44a3c6);
    background-image: linear-gradient(to bottom, #66b2d1, #44a3c6);
}

/*
 * Disabled
 */

.uk-pagination > .uk-disabled > span {
    background-color: #f7f7f7;
    color: #92969a;
}

/* 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: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * 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: -1px;
    float: left;
    /* 1 */
    
    position: relative;
}

.uk-tab > li > a {
    display: block;
    padding: 10px 18px 10px 18px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #54aacb;
    text-decoration: none;
    border: none;
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

.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: #f7f7f7;
    color: #54aacb;
    /* 2 */
    
    outline: none;
    background: #f1f1f1;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #e8e8e8);
    background-image: linear-gradient(to bottom, #f1f1f1, #e8e8e8);
}

.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: 1px;
    padding-bottom: 9px;
}

/* Active */

.uk-tab > li.uk-active > a {
    border-color: rgba(0, 0, 0, 0.07);
    border-bottom-color: transparent;
    background: #ffffff;
    color: #2a2d31;
}

/* Disabled */

.uk-tab > li.uk-disabled > a {
    color: #92969a;
    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;
    margin-right: 4px;
}

/* Modifier: 'tab-center'
 ========================================================================== */

.uk-tab-center {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.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: 1px solid rgba(0, 0, 0, 0.07);
    border-bottom: none;
}

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

.uk-tab-bottom > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    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: 1px;
    padding-bottom: 10px;
    padding-top: 9px;
}

.uk-tab-bottom > li.uk-active > a {
    border-top-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.07);
}

/* 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: -1px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    /* 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: -1px;
    bottom: auto;
}

/* Modifier: 'tab-left', 'tab-right'
 ========================================================================== */
/* Tablet and bigger */

@media (min-width: 970px) {
    .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: 10px;
        padding-bottom: 10px;
    }

    .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: rgba(0, 0, 0, 0.07);
    }

    /*
     * Modifier: 'tab-left'
     */
    
    .uk-tab-left {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
    }

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

    .uk-tab-left > li > a {
        border-bottom-width: 1px;
        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: 1px;
        padding-bottom: 10px;
        padding-right: 17px;
    }

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

    /*
     * Modifier: 'tab-right'
     */
    
    .uk-tab-right {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }

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

    .uk-tab-right > li > a {
        border-bottom-width: 1px;
        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: 1px;
        padding-bottom: 10px;
        padding-left: 17px;
    }

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

.uk-tab {
    border: none;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
}

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

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

/* Hover */

.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: 10px;
}

/* OnClick */

.uk-tab > li > a:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Modifier: 'tab-flip'
     ========================================================================== */

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

/* Modifier: 'tab-center'
     ========================================================================== */

.uk-tab-center {
    border-bottom: none;
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: none;
}

/* Modifier: 'tab-bottom'
     ========================================================================== */

.uk-tab-bottom {
    border-top: none;
}

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

.uk-tab-bottom > li > a {
    border-bottom-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-top: 0;
    padding-top: 10px;
}

/* Modifier: 'tab-grid'
     ========================================================================== */

.uk-tab-grid {
    margin-left: 0;
}

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

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

/*
     * If `uk-tab-bottom`
     */

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

/* Modifier: 'tab-left', 'tab-right'
     ========================================================================== */
/* Only tablets and desktops */

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

    /*
         * Modifier: 'tab-left'
         */
    
    .uk-tab-left {
        border-right: none;
    }

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

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

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

    /*
         * Modifier: 'tab-right'
         */
    
    .uk-tab-right {
        border-left: 0;
    }

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

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

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

/* ========================================================================
   Component: Thumbnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */

.uk-thumbnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-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-flex: none;
    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: #ffffff;
}

.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 rgba(0, 0, 0, 0.07);
}

/* Modifier: `uk-list-striped`
 ========================================================================== */

.uk-list-striped > li {
    padding: 5px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

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

/* Modifier: `uk-list-space`
 ========================================================================== */

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

.uk-list-striped > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* ========================================================================
   Component: Description list
 ========================================================================== */
/* Modifier: `uk-description-list-horizontal`
 ========================================================================== */
/* Tablet and bigger */

@media (min-width: 970px) {
    .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 rgba(0, 0, 0, 0.07);
}

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

/* ========================================================================
   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 */
    border: 1px solid #F1F1F1;
    margin-bottom: 15px;
}

/*
 * Add margin if adjacent element
 */

* + .uk-table {
    margin-top: 15px;
}

@media (min-width: 0px) {
    .uk-table th,
    .uk-table td {
        padding: 5px 6px;
        font-size: 14px;
    }
}

@media (min-width: 970px) {
    .uk-table th,
    .uk-table td {
        padding: 8px 8px;
        font-size: 16px;
    }
}


/*
 * Set alignment
 */

.uk-table th {
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.uk-table td {
    vertical-align: top;
    border: 1px solid rgba(255, 255, 255, 1);
    border-bottom: 1px solid #F1F1F1;
}

.uk-table tbody tr td:last-child {
    border-right: 0;
}

.uk-table tbody tr td:first-child {
    border-left: 0;
}

.uk-table tbody tr:last-child td {
    border-bottom: 0;
}

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

/*
 * Caption and footer
 */

.uk-table caption,
.uk-table tfoot {
    font-size: 12px;
    font-style: italic;
}

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

/*
 * Active State
 */

.uk-table tbody tr.uk-active {
    background: rgba(0, 0, 0, 0.03);
}

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

/* Modifier: `uk-table-condensed`
 ========================================================================== */

.uk-table-condensed td {
    padding: 4px 8px;
}

/* Modifier: `uk-table-hover`
 ========================================================================== */

.uk-table-hover tbody tr:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* ========================================================================
   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.
 */

label{
    cursor: pointer;
}

.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
    display: inline-block;
    height: 15px;
    width: 15px;
    border: 1px solid #aaa;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: 0 0;
}

.uk-form input[type="checkbox"]:checked:before, 
.uk-form input[type="checkbox"]:indeterminate:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 14px;
    color: #00a8e6;
    display: block;
}

.uk-form input[type="checkbox"]:disabled, 
.uk-form input[type="radio"]:disabled {
    border-color: #ddd;
}

.uk-form input[type="radio"] {
    border-radius: 50%;
}

.uk-form input[type=radio]:checked:before {
    content: '';
    width: 9px;
    height: 9px;
    margin: 1.5px auto 0;
    border-radius: 50%;
    background: #00a8e6;
    display: block;
}

/*
 * 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;
    margin: 0;
    padding: 0;
}

/*
 * 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 rgba(0, 0, 0, 0.1);
    background: rgba(32, 179, 230, 0.03);
    color: #515456;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    border-radius: 2px;
    font-weight: inherit;
}

.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: rgba(0, 0, 0, 0.16);
    outline: 0;
    background: #ffffff;
    color: #515456;
}

.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: rgba(0, 0, 0, 0.07);
    background-color: #f7f7f7;
    color: #c8c8c9;
    text-shadow: 1px 1px #FFF, -1px -1px rgba(68, 68, 68, 0);
}

/*
 * Placeholder
 */

.uk-form:-ms-input-placeholder {
    color: #92969a !important;
}

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

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

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

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

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

::-webkit-input-placeholder {
    color: #CCC;
}

:-moz-placeholder { /* Firefox 18- */
    color: #CCC;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #CCC;
}

:-ms-input-placeholder {  
    color: #CCC;
}

/*
 * 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 rgba(0, 0, 0, 0.07);
    /* 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: 40px;
    padding: 8px 10px;
    font-size: 16px;
}

/* 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: rgba(191, 73, 87, 0.3) !important;
    background: #fff7f8 !important;
    color: #d83044 !important;
}

/*
 * Success state
 */

.uk-form-success {
    border-color: rgba(37, 140, 42, 0.3) !important;
    background: #f4fff5 !important;
    color: #139e1a !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: rgba(0, 0, 0, 0.07) !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: -6px;
    font-size: 14px;
    color: #92969a;
    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: #515456;
    /* 6 */
    
    text-transform: none;
    /* 7 */
    
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #ffffff;
    vertical-align: middle;
    /* 8 */
    
    line-height: 30px;
    /* 9 */
    
    min-height: 30px;
    /* 10 */
    
    font-size: 13px;
    /* 11 */
    
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    background-origin: border-box;
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
    background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
    font-weight: 300;
}

.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: #f7f7f7;
    color: #515456 !important;
    /* 2 */
    
    outline: none;
    /* 3 */
    
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0.16);
    background-image: none;
}

/* Active */

.uk-button:active,
.uk-button.uk-active {
    background-color: #f5f5f5;
    color: #515456;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */

.uk-button-primary {
    background-color: #52a9ca;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #66b2d1, #44a3c6);
    background-image: linear-gradient(to bottom, #66b2d1, #44a3c6);
}

/* Hover */

.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: #6bb0ca;
    color: #ffffff;
    background-image: none;
}

/* Active */

.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #469cbd;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*
 * Modifier: `uk-button-success`
 */

.uk-button-success {
    background-color: #6fc39b;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #82d2ad, #63b98f);
    background-image: linear-gradient(to bottom, #82d2ad, #63b98f);
    line-height: 28px;
}

/* Hover */

.uk-button-success:hover,
.uk-button-success:focus {
    background-color: #87c5a7;
    color: #ffffff;
    background-image: none;
}

/* Active */

.uk-button-success:active,
.uk-button-success.uk-active {
    background-color: #64b58e;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/*
 * Modifier: `uk-button-danger`
 */

.uk-button-danger {
    background-color: #dd435c;
    color: #ffffff;
    background-image: -webkit-linear-gradient(top, #e55761, #d83558);
    background-image: linear-gradient(to bottom, #e55761, #d83558);
    line-height: 28px;
}

/* Hover */

.uk-button-danger:hover,
.uk-button-danger:focus {
    background-color: #db5e72;
    color: #ffffff;
    background-image: none;
}

/* Active */

.uk-button-danger:active,
.uk-button-danger.uk-active {
    background-color: #d2344e;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */

.uk-button:disabled {
    background-color: #f7f7f7;
    color: #c8c8c9;
    background-image: none;
    box-shadow: none;
    text-shadow: 1px 1px #FFF, -1px -1px rgba(68, 68, 68, 0);
}

.uk-button:disabled:hover {
    background-color: #f7f7f7;
    color: #c8c8c9;
    background-image: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

/* 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;
    box-shadow: none;
}

/* Color */

.uk-button-link {
    color: #54aacb;
}

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

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

/* 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 {
    min-height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}

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

/* Sub-object `uk-button-group`
     ========================================================================== */
/*
     * Reset border-radius
     */

.uk-button-group > .uk-button:not(:first-child):not(:last-child),
.uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
    border-radius: 0;
}

.uk-button-group > .uk-button:first-child,
.uk-button-group > div:first-child .uk-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.uk-button-group > .uk-button:last-child,
.uk-button-group > div:last-child .uk-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*
     * Collapse border
     */

.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
    margin-left: -1px;
}

/*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */

.uk-button-group .uk-button:active {
    position: relative;
}

/* ========================================================================
   Component: Icon
 ========================================================================== */

@font-face {
    font-family: 'FontAwesome';
    src: url("../warp/vendor/uikit/fonts/fontawesome-webfont.eot");
    src: url("../warp/vendor/uikit/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../warp/vendor/uikit/fonts/fontawesome-webfont.woff2") format('woff2'), url("../warp/vendor/uikit/fonts/fontawesome-webfont.woff") format("woff"), url("../warp/vendor/uikit/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: #92969a;
}

/*
 * Hover
 */

.uk-icon-hover:hover {
    color: #54aacb;
}

/* Modifier: `uk-icon-button`
 ========================================================================== */

.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    background: none;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    text-align: center;
    border: 0;
    background-image: none;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.uk-icon-button:hover,
.uk-icon-button:focus {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    /* 2 */
    
    outline: none;
    background-image: none;
}

/* Active */

.uk-icon-button:active {
    background-color: #52a9ca;
    color: #ffffff;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

/* ========================================================================
   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: 26px;
    line-height: 26px;
    font-size: 18px;
    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: #f7f7f7;
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* 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 6px;
    background: #52a9ca;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #66b2d1, #44a3c6);
    background-image: linear-gradient(to bottom, #66b2d1, #44a3c6);
    font-weight: 300;
}

/*
 * Keep color when badge is a link
 */

a.uk-badge:hover {
    color: #ffffff;
}

/* Modifier: `uk-badge-notification`;
 ========================================================================== */

.uk-badge-notification {
    box-sizing: border-box;
    min-width: 20px;
    border-radius: 500px;
    font-size: 12px;
    line-height: 20px;
}

/* Color modifier
 ========================================================================== */
/*
 * Modifier: `uk-badge-success`
 */

.uk-badge-success {
    background-color: #6fc39b;
    background-image: -webkit-linear-gradient(top, #82d2ad, #63b98f);
    background-image: linear-gradient(to bottom, #82d2ad, #63b98f);
}

/*
 * Modifier: `uk-badge-warning`
 */

.uk-badge-warning {
    background-color: #fea52a;
    background-image: -webkit-linear-gradient(top, #ffb23d, #fd9c1e);
    background-image: linear-gradient(to bottom, #ffb23d, #fd9c1e);
}

/*
 * Modifier: `uk-badge-danger`
 */

.uk-badge-danger {
    background-color: #dd435c;
    background-image: -webkit-linear-gradient(top, #e55761, #d83558);
    background-image: linear-gradient(to bottom, #e55761, #d83558);
}

/* ========================================================================
   Component: Alert
 ========================================================================== */

.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #f4fbff;
    color: #3578a6;
    border: 1px solid rgba(75, 116, 144, 0.3);
    border-radius: 2px;
}

/*
 * 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: #f4fff5;
    color: #139e1a;
    border-color: rgba(37, 140, 42, 0.3);
}

/* Modifier: `uk-alert-warning`
 ========================================================================== */

.uk-alert-warning {
    background: #fffef2;
    color: #e2955d;
    border-color: rgba(207, 152, 112, 0.4);
}

/* Modifier: `uk-alert-danger`
 ========================================================================== */

.uk-alert-danger {
    background: #fff7f8;
    color: #d83044;
    border-color: rgba(191, 73, 87, 0.3);
}

/* 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: 8px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #f7f7f7;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/*
 * 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: rgba(0, 0, 0, 0.16);
    background-color: #f7f7f7;
    /* 2 */
    
    text-decoration: none;
    /* 3 */
    
    outline: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}

/* Caption
 ========================================================================== */

.uk-thumbnail-caption {
    padding-top: 8px;
    text-align: center;
    color: #515456;
}

/* 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, #ffffff 100%, #000000 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: #ffffff;
}

/*
 * 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: "\f002";
    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: #ffffff;
}

/* Transitions
 ========================================================================== */

.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-property: opacity transform 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'] {
    transition-duration: 0.8s;
}

/*
 * Fade
 */

.uk-overlay-fade {
    opacity: 0.7;
}

.uk-overlay-hover: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-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-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-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-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(82, 169, 202, 0.8);
    /* 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: "\f054";
    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: #ffffff;
}

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

/*
 * 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(2, 2, 3, 0.5);
    color: #ffffff;
    /* 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;
}

.uk-overlay {
    overflow: hidden;
}

.uk-overlay img {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.uk-overlay:hover .uk-overlay-area {
    left: 0;
}

.uk-overlay:hover img {
    -webkit-transform: scale(1.2) translate(-20px);
    transform: scale(1.2) translate(-20px);
}

/* ========================================================================
   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;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        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;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        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;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        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;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        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;
        transform: scale(0.2);
    }

    100% {
        opacity: 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;
        transform: scale(1.5);
    }

    100% {
        opacity: 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;
        transform: scale(1.8);
    }

    100% {
        opacity: 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% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

/*
 * Right
 */

@-webkit-keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%);
    }

    100% {
        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% {
        transform: translateX(33%);
    }

    100% {
        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% {
        transform: translateX(-33%);
    }

    100% {
        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% {
        transform: scale(1.2);
    }

    100% {
        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% {
        transform: rotate(0deg);
    }

    100% {
        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% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(-9px);
    }

    20% {
        transform: translateX(8px);
    }

    30% {
        transform: translateX(-7px);
    }

    40% {
        transform: translateX(6px);
    }

    50% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(4px);
    }

    70% {
        transform: translateX(-3px);
    }

    80% {
        transform: translateX(2px);
    }

    90% {
        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;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        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;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================================================
   Component: Dropdown
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set style
 * 5. Reset button group whitespace hack
 */

.uk-dropdown {
    /* 1 */
    
    display: none;
    /* 2 */
    
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1020;
    /* 3 */
    
    box-sizing: border-box;
    /* 4 */
    
    width: 200px;
    margin-top: 5px;
    padding: 0;
    background: #ffffff;
    color: #515456;
    /* 5 */
    
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1)
}

/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */

.uk-open > .uk-dropdown {
    /* 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-flip`
 */

.uk-dropdown-flip {
    left: auto;
    right: 0;
}

/*
 * Modifier `uk-dropdown-up`
 */

.uk-dropdown-up {
    top: auto;
    bottom: 100%;
    margin-top: auto;
    margin-bottom: 5px;
}

/* Nav in dropdown
 ========================================================================== */

.uk-dropdown .uk-nav {
    /*margin: 0 -15px;*/
}

.uk-dropdown li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.uk-dropdown li.uk-active a{
	color: #000;
	font-weight: bold;
}

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

.uk-dropdown-grid .uk-nav-navbar i{
    margin-left: -6px;
    width: 20px;
    text-align: center;
}

/* Panels */

.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
    margin-top: 15px;
}

/* Tablet and bigger */

@media (min-width: 970px) {
    /*
     * 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 rgba(0, 0, 0, 0.07);
    }

    /*
     * Width multiplier for dropdown columns
     */
    
    .uk-dropdown-width-2:not(.uk-dropdown-stack) {
        width: 400px;
    }

    .uk-dropdown-width-3:not(.uk-dropdown-stack) {
        width: 600px;
    }

    .uk-dropdown-width-4:not(.uk-dropdown-stack) {
        width: 800px;
    }

    .uk-dropdown-width-5:not(.uk-dropdown-stack) {
        width: 1000px;
    }
}

/* 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;
    padding-bottom: 0;
    border-bottom: 0;
}

/*
 * Nav in dropdown
 */

.uk-dropdown-small .uk-nav {
    margin: 0 -5px;
}

/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */

.uk-dropdown-navbar {
    margin-top: 6px;
    background: #ffffff;
    color: #515456;
    left: -1px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.06);
}

.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`
 ========================================================================== */

.uk-dropdown-navbar.uk-dropdown-flip {
    left: auto;
}

/* ========================================================================
   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.75);
    /* 5 */
    
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    /* 6 */
    
    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, transform 0.3s ease-out;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* 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);
    border-radius: 0;
}

/*
 * 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: -14px;
        right: -14px;
    }
}

/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */

@media (min-width: 970px) {
    .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: #ffffff;
    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";
    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 */
    
    touch-action: none;
    /* 4 */
    
    background: rgba(255, 255, 255, 0.8);
}

.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: 275px;
    max-width: 100%;
    background: #2a2d30;
    /* 3 */
    
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: 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%);
}

.uk-offcanvas-page{
    overflow:visible;
}

/* 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: #777777;
    /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);*/
    border: 0;
}

.uk-offcanvas .uk-panel-title {
    color: #cccccc;
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #cccccc;
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #ffffff;
}

.uk-offcanvas-bar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.6);
    /*box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);*/
}

.uk-offcanvas-bar-flip:after {
    right: auto;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.6);
    /*box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);*/
}

/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * 1. Deactivate browser history navigation in IE11
 */

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    /* 1 */
    
    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: 13px;
    line-height: 18px;
}

.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: #92969a !important;
}

.uk-text-primary {
    color: #3578a6 !important;
}

.uk-text-success {
    color: #139e1a !important;
}

.uk-text-warning {
    color: #e2955d !important;
}

.uk-text-danger {
    color: #d83044 !important;
}

.uk-text-contrast {
    color: #ffffff !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;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Container
 ========================================================================== */
@media (min-width: 0px) {
    .uk-container {
        box-sizing: border-box;
    }
}

@media (min-width: 970px) {
    .uk-container {
        box-sizing: border-box;
        width: 1140px;
        padding: 0 20px;
        background: #FFF;
        box-shadow: none;
    }
}

/*
 * 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: 970px) {
    .uk-align-medium-left {
        margin-right: 15px;
        margin-bottom: 15px;
        float: left;
    }

    .uk-align-medium-right {
        margin-left: 15px;
        margin-bottom: 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: 970px) {
    .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: #515456;
}

.uk-link-muted:hover,
.uk-link-muted a:hover {
    color: #515456;
}

/*
 * 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 rgba(0, 0, 0, 0.07);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    border-radius: 2px;
}

.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
 */

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

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

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

/*
 * Visibility
 * Avoids setting display to `block` so it works also with `inline-block` and `table`
 */
/* Phone landscape and smaller*/
@media (min-width: 0px) and (max-width: 767px) {
    .uk-visible-medium {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-small {
        display: none !important;
    }
}

/* Tablets portrait */
@media (min-width: 768px) and (max-width: 969px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-large {
        display: none !important;
    }

    .uk-hidden-medium {
        display: none !important;
    }
}

/* Desktop and bigger */
@media (min-width: 970px) {
    .uk-visible-small {
        display: none !important;
    }

    .uk-visible-medium {
        display: none !important;
    }

    .uk-hidden-large {
        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-flex;
    display: flex;
}

.uk-flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    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-align-items: flex-start;
    align-items: flex-start;
}

.uk-flex-middle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.uk-flex-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/*
 * Horizontal alignment
 * Default value is `flex-start`
 */

.uk-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.uk-flex-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.uk-flex-space-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.uk-flex-space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* Direction
 ========================================================================== */

.uk-flex-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.uk-flex-column {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.uk-flex-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/* Wrap
 ========================================================================== */

.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.uk-flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/*
 * Horizontal alignment
 * Default value is `stretch`
 */

.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.uk-flex-wrap-space-between {
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.uk-flex-wrap-space-around {
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
    align-content: space-around;
}

/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */

.uk-flex-order-first {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
}

.uk-flex-order-last {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
}

/* Phone landscape and bigger */

@media (min-width: 480px) {
    .uk-flex-order-first-small {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }

    .uk-flex-order-last-small {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99;
    }
}

/* Tablet and bigger */

@media (min-width: 970px) {
    .uk-flex-order-first-medium {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }

    .uk-flex-order-last-medium {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99;
    }
}

/* Desktop and bigger */

@media (min-width: 960px) {
    .uk-flex-order-first-large {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }

    .uk-flex-order-last-large {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99;
    }
}

/* Large screen and bigger */

@media (min-width: 1220px) {
    .uk-flex-order-first-xlarge {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }

    .uk-flex-order-last-xlarge {
        -ms-flex-order: 99;
        -webkit-order: 99;
        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-flex: none;
    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-flex: auto;
    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-flex: 1;
    flex: 1;
}

/* ========================================================================
   Component: Contrast
 ========================================================================== */

.uk-contrast {
    color: #ffffff;
}

.uk-contrast a:not([class]),
.uk-contrast .uk-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.uk-contrast:not(pre) > code,
.uk-contrast:not(pre) > kbd,
.uk-contrast:not(pre) > samp {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.uk-contrast em {
    color: #ffffff;
}

.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
    color: #ffffff;
}

.uk-contrast hr {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.uk-contrast .uk-nav li > a,
.uk-contrast .uk-nav li > a:hover {
    text-decoration: none;
}

.uk-contrast .uk-nav-side > li > a {
    color: #ffffff;
}

.uk-contrast .uk-nav-side > li > a:hover,
.uk-contrast .uk-nav-side > li > a:focus {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.uk-contrast .uk-nav-side > li.uk-active > a {
    background: #ffffff;
    color: #2a2d31;
}

.uk-contrast .uk-nav-side .uk-nav-header {
    color: #ffffff;
}

.uk-contrast .uk-nav-side .uk-nav-divider {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.uk-contrast .uk-nav-side ul a {
    color: rgba(255, 255, 255, 0.7);
}

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

.uk-contrast .uk-subnav > * > a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.uk-contrast .uk-subnav > * > a:hover,
.uk-contrast .uk-subnav > * > a:focus {
    color: #ffffff;
    text-decoration: none;
}

.uk-contrast .uk-subnav > .uk-active > a {
    color: #ffffff;
}

.uk-contrast .uk-subnav-line >:nth-child(n+2):before {
    border-left-color: rgba(255, 255, 255, 0.2);
}

.uk-contrast .uk-subnav-pill > * > a:hover,
.uk-contrast .uk-subnav-pill > * > a:focus {
    background: rgba(255, 255, 255, 0.7);
    color: #2a2d31;
    text-decoration: none;
}

.uk-contrast .uk-subnav-pill > .uk-active > a {
    background: #ffffff;
    color: #2a2d31;
}

.uk-contrast .uk-list-line > li:nth-child(n+2) {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.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: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.8);
    color: #2a2d31;
    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: #ffffff;
    background: #ffffff;
    color: #2a2d31;
}

.uk-contrast .uk-form:-ms-input-placeholder {
    color: rgba(42, 45, 49, 0.7) !important;
}

.uk-contrast .uk-form::-moz-placeholder {
    color: rgba(42, 45, 49, 0.7);
}

.uk-contrast .uk-form::-webkit-input-placeholder {
    color: rgba(42, 45, 49, 0.7);
}

.uk-contrast .uk-button {
    color: #2a2d31;
    background: #ffffff;
}

.uk-contrast .uk-button:hover,
.uk-contrast .uk-button:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #2a2d31;
}

.uk-contrast .uk-button:active,
.uk-contrast .uk-button.uk-active {
    background-color: rgba(255, 255, 255, 0.7);
    color: #2a2d31;
}

.uk-contrast .uk-button-primary {
    background-color: #00a8e6;
    color: #ffffff;
}

.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
    background-color: #35b3ee;
    color: #ffffff;
}

.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
    background-color: #0091ca;
    color: #ffffff;
}

.uk-contrast .uk-icon-hover {
    color: rgba(255, 255, 255, 0.7);
}

.uk-contrast .uk-icon-hover:hover {
    color: #ffffff;
}

.uk-contrast .uk-icon-button {
    background: #ffffff;
    color: #2a2d31;
}

.uk-contrast .uk-icon-button:hover,
.uk-contrast .uk-icon-button:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #2a2d31;
}

.uk-contrast .uk-icon-button:active {
    background-color: rgba(255, 255, 255, 0.7);
    color: #2a2d31;
}

.uk-contrast .uk-text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.uk-contrast .uk-text-primary {
    color: #2d7091 !important;
}

/* ========================================================================
   Component: Print
 ========================================================================== */

@media print {
    * {
        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;
    }
}

/* ========================================================================
   Component: Dotnav
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */

.uk-dotnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 1 */
    
    margin-left: -12px;
    margin-top: -12px;
    /* 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-dotnav > * {
    /* 1 */
    
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    /* 2 */
    
    padding-left: 12px;
    margin-top: 12px;
}

/*
 * DEPRECATED IE9 Support
 */

.uk-dotnav:before,
.uk-dotnav:after {
    content: "";
    display: block;
    overflow: hidden;
}

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

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

/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */

.uk-dotnav > * > * {
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(42, 45, 49, 0.2);
    /* 1 */
    
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.uk-dotnav > * >:hover,
.uk-dotnav > * >:focus {
    background: rgba(42, 45, 49, 0.5);
    /* 2 */
    
    outline: none;
}

/* OnClick */

.uk-dotnav > * >:active {
    background: #2a2d31;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/* Active */

.uk-dotnav > .uk-active > * {
    background: #52a9ca;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Modifier: `uk-dotnav-contrast`
 ========================================================================== */

.uk-dotnav-contrast > * > * {
    background: rgba(255, 255, 255, 0.4);
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 */

.uk-dotnav-contrast > * >:hover,
.uk-dotnav-contrast > * >:focus {
    background: rgba(255, 255, 255, 0.7);
}

/* OnClick */

.uk-dotnav-contrast > * >:active {
    background: rgba(255, 255, 255, 0.9);
}

/* Active */

.uk-dotnav-contrast > .uk-active > * {
    background: rgba(255, 255, 255, 0.9);
}

/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */
/*
 * DEPRECATED
 */

.uk-dotnav-vertical {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/*
 * DEPRECATED IE9 Support
 */

.uk-dotnav-vertical > * {
    float: none;
}

/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * 1. Required for `a` elements
 * 2. Dimension
 * 3. Style
 */

.uk-slidenav {
    /* 1 */
    
    display: inline-block;
    /* 2 */
    
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    /* 3 */
    
    line-height: 50px;
    color: rgba(81, 84, 86, 0.3);
    font-size: 50px;
    text-align: center;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 * 4. Style
 */

.uk-slidenav:hover,
.uk-slidenav:focus {
    /* 2 */
    
    outline: none;
    /* 3 */
    
    text-decoration: none;
    /* 4 */
    
    color: rgba(81, 84, 86, 0.5);
    cursor: pointer;
}

/* Active */

.uk-slidenav:active {
    color: #515456;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/*
 * Icons
 */

.uk-slidenav-previous:before {
    content: "\f104";
    font-family: FontAwesome;
}

.uk-slidenav-next:before {
    content: "\f105";
    font-family: FontAwesome;
}

/* Sub-object: `uk-slidenav-position`
 ========================================================================== */
/*
 * Create position context
 */

.uk-slidenav-position {
    position: relative;
}

/*
 * Center vertically
 */

.uk-slidenav-position .uk-slidenav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -25px;
}

.uk-slidenav-position:hover .uk-slidenav {
    display: block;
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 20px;
}

.uk-slidenav-position .uk-slidenav-next {
    right: 20px;
}

/* Modifier: `uk-slidenav-contrast`
 ========================================================================== */

.uk-slidenav-contrast {
    color: #ffffff;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 */

.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
    color: rgba(81, 84, 86, 0.7);
}

/* Active */

.uk-slidenav-contrast:active {
    color: rgba(81, 84, 86, 0.9);
}

/* ========================================================================
   Component: Progress
 ========================================================================== */
/*
 * 1. Clearing
 * 2. Vertical alignment if text is used
 */

.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: rgba(0, 0, 0, 0.03);
    /* 1 */
    
    overflow: hidden;
    /* 2 */
    
    line-height: 20px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
    border-radius: 100px;
}

/*
 * Add margin if adjacent element
 */

* + .uk-progress {
    margin-top: 15px;
}

/* Sub-object: `uk-progress-bar`
 ========================================================================== */
/*
 * 1. Transition
 * 2. Needed for text
 */

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #52a9ca;
    float: left;
    /* 1 */
    
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    /* 2 */
    
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #66b2d1, #44a3c6);
    background-image: linear-gradient(to bottom, #66b2d1, #44a3c6);
}

/* Size modifiers
 ========================================================================== */
/* Mini */

.uk-progress-mini {
    height: 6px;
}

/* Small */

.uk-progress-small {
    height: 12px;
}

/* Color modifiers
 ========================================================================== */

.uk-progress-success .uk-progress-bar {
    background-color: #6fc39b;
    background-image: -webkit-linear-gradient(top, #82d2ad, #63b98f);
    background-image: linear-gradient(to bottom, #82d2ad, #63b98f);
}

.uk-progress-warning .uk-progress-bar {
    background-color: #fea52a;
    background-image: -webkit-linear-gradient(top, #ffb23d, #fd9c1e);
    background-image: linear-gradient(to bottom, #ffb23d, #fd9c1e);
}

.uk-progress-danger .uk-progress-bar {
    background-color: #dd435c;
    background-image: -webkit-linear-gradient(top, #e55761, #d83558);
    background-image: linear-gradient(to bottom, #e55761, #d83558);
}

/* Modifier: `uk-progress-striped`
 ========================================================================== */

.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
}

/*
 * Animation
 */

.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 30px 0;
    }
}

@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 30px 0;
    }
}

/* Size modifiers
     ========================================================================== */

.uk-progress-mini,
.uk-progress-small {
    border-radius: 500px;
}

/* ========================================================================
   Component: Accordion
 ========================================================================== */
/* Sub-object: `uk-accordion-title`
 ========================================================================== */

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: #f7f7f7;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
}

/* Sub-object: `uk-accordion-content`
 ========================================================================== */

.uk-accordion-content {
    padding: 0 10px 10px 10px;
}

/*
 * Micro clearfix to make panels more robust
 */

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

.uk-accordion-content:after {
    clear: both;
}

/*
 * Remove margin from the last-child
 */

.uk-accordion-content >:last-child {
    margin-bottom: 0;
}

/* ========================================================================
   Component: Slider
 ========================================================================== */
/*
 * 1. Create position context
 * 2. Create stacking context to prevent z-index issues with other components
 * 3. Deactivate browser history navigation in IE11
 */

.uk-slider {
    /* 1 */
    
    position: relative;
    /* 2 */
    
    z-index: 0;
    /* 3 */
    
    touch-action: pan-y;
}

/*
 * 1. Reset list style without interfering with grid
 */

.uk-slider:not(.uk-grid) {
    /* 1 */
    
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 * Sub-object item
 * 1. Position items above each other
 */

.uk-slider > * {
    /* 1 */
    
    position: absolute;
    top: 0;
    left: 0;
}

/*
 * Clip child elements
 */

.uk-slider-container {
    overflow: hidden;
}

/*
 * Dragged
 */

.uk-slider:not(.uk-drag) {
    -webkit-transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear;
}

/*
 * 1. Makes text unselectable
 */

.uk-slider.uk-drag {
    cursor: col-resize;
    /* 1 */
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 * 1. Prevents images and links from being dragged (default browser behavior)
 * 2. Disables the default callout shown when you touch and hold a touch target
 * Currently only works in Webkit
 */

.uk-slider a,
.uk-slider img {
    /* 1 */
    
    -webkit-user-drag: none;
    user-drag: none;
    /* 2 */
    
    -webkit-touch-callout: none;
}

/*
 * 1. Prevents images and links from being dragged in Firefox
 */

.uk-slider img {
    pointer-events: none;
}

/* Modifier: `uk-slider-fullscreen`
 ========================================================================== */

.uk-slider-fullscreen,
.uk-slider-fullscreen > li {
    height: 100vh;
}

/* ========================================================================
   Component: Slideshow
 ========================================================================== */
/*
 * 1. Create position context
 * 2. Create stacking context to prevent z-index issues with other components
 * 3. Set width because child elements are positioned absolute. Height is set via JS
 * 4. Reset list style
 * 5. Clip child elements
 * 6. Deactivate browser history navigation in IE11
 */

.uk-slideshow {
    /* 1 */
    
    position: relative;
    /* 2 */
    
    z-index: 0;
    /* 3 */
    
    width: 100%;
    /* 4 */
    
    margin: 0;
    padding: 0;
    list-style: none;
    /* 5 */
    
    overflow: hidden;
    /* 6 */
    
    touch-action: pan-y;
}

/*
 * Sub-object item
 * 1. Position items above each other
 * 2. Expand to parent container width
 * 3. Hide by default
 */

.uk-slideshow > li {
    /* 1 */
    
    position: absolute;
    top: 0;
    left: 0;
    /* 2 */
    
    width: 100%;
    /* 3 */
    
    opacity: 0;
}

/*
 * Active
 * 1. Stack at first
 * 2. Show slide
 */

.uk-slideshow > .uk-active {
    /* 1 */
    
    z-index: 10;
    /* 2 */
    
    opacity: 1;
}

/*
 * Hide default images which is only relevant to keep existing proportions
 */

.uk-slideshow > li > img {
    visibility: hidden;
}

/*
 * Pointer for controls
 */

[data-uk-slideshow-slide] {
    cursor: pointer;
}

/* Modifier: `uk-slideshow-fullscreen`
 ========================================================================== */

.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen > li {
    height: 100vh;
}

/* Animations
 ========================================================================== */
/*
 * Fade
 */

.uk-slideshow-fade-out {
    -webkit-animation: uk-fade 0.5s linear reverse;
    animation: uk-fade 0.5s linear reverse;
}

/*
 * Scroll
 */

.uk-slideshow-scroll-forward-in {
    -webkit-animation: uk-slide-right 0.5s ease-in-out;
    animation: uk-slide-right 0.5s ease-in-out;
}

.uk-slideshow-scroll-forward-out {
    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
    animation: uk-slide-left 0.5s ease-in-out reverse;
}

.uk-slideshow-scroll-backward-in {
    -webkit-animation: uk-slide-left 0.5s ease-in-out;
    animation: uk-slide-left 0.5s ease-in-out;
}

.uk-slideshow-scroll-backward-out {
    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
    animation: uk-slide-right 0.5s ease-in-out reverse;
}

/*
 * Scale
 */

.uk-slideshow-scale-out {
    -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
    animation: uk-fade-scale-15 0.5s ease-in-out reverse;
}

/*
 * Swipe
 */

.uk-slideshow-swipe-forward-in {
    -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
    animation: uk-slide-left-33 0.5s ease-in-out;
}

.uk-slideshow-swipe-forward-out {
    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
    animation: uk-slide-left 0.5s ease-in-out reverse;
}

.uk-slideshow-swipe-backward-in {
    -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
    animation: uk-slide-right-33 0.5s ease-in-out;
}

.uk-slideshow-swipe-backward-out {
    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
    animation: uk-slide-right 0.5s ease-in-out reverse;
}

.uk-slideshow-swipe-forward-in:before,
.uk-slideshow-swipe-backward-in:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    -webkit-animation: uk-fade 0.5s ease-in-out reverse;
    animation: uk-fade 0.5s ease-in-out reverse;
}

/* ========================================================================
   Component: Search
 ========================================================================== */
/*
 * 1. Create position context for dropdowns
 * 2. Needed for `form` element
 */

.uk-search {
    display: inline-block;
    /* 1 */
    
    position: relative;
    /* 2 */
    
    margin: 0;
}

/*
 * Icon
 */

.uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 35px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

/* Sub-object `uk-search-field`
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */

.uk-search-field::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */

.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes cancel button in IE10
 */

.uk-search-field::-ms-clear {
    display: none;
}

/*
 * Removes placeholder transparency in Firefox.
 */

.uk-search-field::-moz-placeholder {
    opacity: 1;
}

/*
 * 1. Define consistent box sizing.
 * 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.
 * 5. Remove default style in iOS.
 * 6. Style
 */

.uk-search-field {
    /* 1 */
    
    box-sizing: border-box;
    /* 2 */
    
    margin: 0;
    /* 3 */
    
    border-radius: 0;
    /* 4 */
    
    font: inherit;
    color: #515456;
    /* 5 */
    
    -webkit-appearance: none;
    /* 6 */
    
    width: 220px;
    height: 35px;
    padding: 0 0 0 30px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    vertical-align: middle;
    border-radius: 2px;
    background-clip: padding-box;
    font-weight: 300;
}

/* Placeholder */

.uk-search-field:-ms-input-placeholder {
    color: #92969a !important;
}

.uk-search-field::-moz-placeholder {
    color: #92969a;
}

.uk-search-field::-webkit-input-placeholder {
    color: #92969a;
}

/* Focus */

.uk-search-field:focus {
    outline: 0;
    border-color: rgba(0, 0, 0, 0.12);
    background-clip: padding-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Focus + Active */

.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
    width: 250px;
}

/* Dropdown modifier: `uk-dropdown-search`
 ========================================================================== */

.uk-dropdown-search {
    width: 300px;
    margin-top: 0;
    background: #ffffff;
    color: #515456;
}

.uk-open > .uk-dropdown-search {
    -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
    animation: uk-slide-top-fixed 0.2s ease-in-out;
}

/*
 * Dependency `uk-navbar-flip`
 */

.uk-navbar-flip .uk-dropdown-search {
    margin-top: 10px;
    margin-right: -20px;
}

/* Nav modifier `uk-nav-search`
 ========================================================================== */
/*
 * Items
 */

.uk-nav-search > li > a {
    color: #515456;
}

/*
 * Active
 * 1. Remove default focus style
 */

.uk-nav-search > li.uk-active > a {
    background: #52a9ca;
    color: #ffffff;
    /* 1 */
    
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/*
 * Sub-object: `uk-nav-header`
 */

.uk-nav-search .uk-nav-header {
    color: #92969a;
    text-shadow: none;
}

/*
 * Sub-object: `uk-nav-divider`
 */

.uk-nav-search .uk-nav-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Nested items
 */

.uk-nav-search ul a {
    color: #54aacb;
}

.uk-nav-search ul a:hover {
    color: #2b728e;
}

/* Search in offcanvas
 ========================================================================== */

.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px;
}

.uk-offcanvas .uk-search:before {
    color: #777777;
}

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: rgba(0, 0, 0, 0);
    background: #121315;
    color: #cccccc;
}

.uk-offcanvas .uk-search-field:-ms-input-placeholder {
    color: #777777 !important;
}

.uk-offcanvas .uk-search-field::-moz-placeholder {
    color: #777777;
}

.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
    color: #777777;
}

/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */

.uk-tooltip {
    /* 1 */
    
    display: none;
    /* 2 */
    
    position: absolute;
    z-index: 1030;
    /* 3 */
    
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    /* 4 */
    
    background: #52a9ca;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
}

/* Triangle
 ========================================================================== */
/*
 * 1. Dashed is less antialised than solid
 */

.uk-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    /* 1 */
    
    border: 5px dashed #52a9ca;
}

/* Direction modifiers
 ========================================================================== */
/*
 * Top
 */

.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #52a9ca;
}

/*
 * Bottom
 */

.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #52a9ca;
}

/*
 * Top/Bottom center
 */

.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
    left: 50%;
    margin-left: -5px;
}

/*
 * Top/Bottom left
 */

.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
    left: 10px;
}

/*
 * Top/Bottom right
 */

.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
    right: 10px;
}

/*
 * Left
 */

.uk-tooltip-left:after {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #52a9ca;
}

/*
 * Right
 */

.uk-tooltip-right:after {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #52a9ca;
}

/* ========================================================================
   Warp theme
 ========================================================================== */
/* Layout
 ========================================================================== */
/*
 * Force vertical scrollbar
 */

html {
    overflow-y: scroll;
}

body {
    min-height: 100vh;
}

@media (min-width: 970px) {
    /* Webkit flickering fix */
    
    .uk-panel {
        position: relative;
        -webkit-backface-visibility: hidden;
    }
}

/*
 * Blocks
 */

.tm-container {
    margin: 0 auto;
}

/* Only tablets landscape and desktop */

@media (min-width: 970px) {
    .tm-container {
        margin: 0 auto 0 auto;
    }
}

/* Block Background */

.tm-grid-block,
.tm-block-bottom,
.tm-noblog .tm-content,
.uk-article {
    background: #ffffff;
}

/* Block Gutter */

.tm-grid-block,
.tm-block-bottom,
.tm-grid-block + .tm-content,
.tm-top-block + .tm-middle {
    margin-top: 0;
}

/* Block Gutter - Only phones */
@media (min-width: 0px) {
    .tm-sidebar-a,
    .tm-sidebar-b {
        margin-top: 20px !important;
        padding-bottom: 10px;
    }
}

@media (min-width: 970px) {
    .tm-sidebar-a{
        margin-top: 30px !important;
        padding-left: 36px;
        padding-bottom: 20px;
    }
}

/*
 * Headerbar
 */

.tm-headerbar .tm-logo {
    float: left;
    margin-bottom: 0;
}

.tm-logo h1{
    margin-bottom: 0;
}

.tm-logo-small {
    letter-spacing: -0.31em;
    display: inline-block;
}

.tm-headerbar .uk-panel {
    max-width: 300px;
    margin-right: 0;
    float: right;
}

/*
 * Toolbar
 */
@media (min-width: 0px) {
    .tm-toolbar {
        padding: 5px 8px;
        border-bottom: 1px solid #EEE;
    }
}

@media (min-width: 970px) {
    .tm-toolbar {
        padding: 10px 15px;
        border-bottom: 1px dotted #EEE;
    }
}

/*
 * Content
 */

.tm-noblog .tm-content {
    padding: 25px;
}

/* Setting border style for panel-box within tm-content */

.tm-content .uk-panel-box {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);
}

/*
 * Main-Top
 */
/* No gutter for main-top if sidebar is published */

.tm-grid-block.tm-main-top {
    margin-top: 0;
}

/*
 * Bottom B + Bottom C
 */

.tm-grid-block.tm-bottom-b,
.tm-grid-block.tm-bottom-c {
    margin-top: 0 !important;
    box-shadow: none;
}

/* Border top if bottom-b is published */

.tm-grid-block.tm-bottom-b + .tm-grid-block.tm-bottom-c {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * Footer
 */

/* Border top if bottom-b and/or bottom-c is published */

.tm-grid-block.tm-bottom-b + .tm-footer,
.tm-grid-block.tm-bottom-c + .tm-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 * To-top scroller
 */

@media (min-width: 0px) {
    .tm-totop-scroller {
        display: block;
        z-index: 1000;
        height: 20px;
        line-height: 30px;
        font-size: 20px;
        color: #CCC;
        text-align: right;
        -webkit-transition: all linear 0.05s;
        transition: all linear 0.05s;
        margin-top: -30px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .tm-totop-scroller {
	    display: block;
	    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 1000;
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	    font-size: 18px;
	    color: #2c3e50;
	    text-align: center;
	    -webkit-transition: all linear 0.05s;
	    transition: all linear 0.05s;
	    margin-top: 0;
	    margin-bottom: 0;
    }
}

.tm-totop-scroller:after {
    content: "\f077";
    font-family: "FontAwesome";
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */

.tm-totop-scroller:hover,
.tm-totop-scroller:focus {
    /* 1 */
    
    color: #83878a;
    outline: none;
    /* 2 */
    
    text-decoration: none;
}

/* Active */

.tm-totop-scroller:active {
    color: #202121;
    font-size: 11px;
}

/* Modifier: `tm-grid-block`
 ========================================================================== */

.tm-grid-block:not(:empty) {
    margin-left: 0;
    margin-right: 0;
}

.tm-grid-block:not(:empty) > [class*='uk-width-'] {
    padding-left: 0;
    padding-right: 0;
}

/* Large gutter
 ========================================================================== */
/* Only large screens */

@media (min-width: 1220px) {
    /* Vertical gutter for panels */
    
    .tm-grid-block:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel {
        margin-top: 0 !important;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
    }
}

/* Panel in 'tm-grid-block'
 ========================================================================== */
/*
 * Border style
 */

.tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

/* Vertical Border - Only tablets and desktop */

@media (max-width: 970px) {
    .tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        border-left: 0;
    }
}

/* Socialbuttons
 ========================================================================== */

.tm-socialbuttons > div {
    margin-right: 10px;
    float: left;
}

/* Error
 ========================================================================== */

.tm-error-icon {
    font-size: 250px;
}

.tm-error-headline {
    font-size: 100px;
}

/* Offline
 ========================================================================== */

.tm-offline {
    width: 300px;
}

/* WordPress only
 ========================================================================== */

.alignleft {
    display: block;
    margin-right: 15px;
    float: left;
}

.alignright {
    display: block;
    margin-left: 15px;
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
 * Widgetkit Gallery: Avenue Style
 */
/* Navigation
----------------------------------------------------------------------------------------------------*/

.wk-gallery-avenue .nav {
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: center;
    z-index: 5;
}

.wk-gallery-avenue .prev + .nav {
    left: 54px;
}

.wk-gallery-avenue .nav li {
    display: inline-block;
    margin-left: 3px;
}

.wk-gallery-avenue .nav li:first-child {
    margin-left: 0;
}

.wk-gallery-avenue .nav span {
    width: 20px;
    height: 20px;
    background: url(../../../images/widgetkit/default/nav_icons.svg) 0 0 no-repeat;
    overflow: hidden;
}

.wk-gallery-avenue .nav span:hover {
    background-position: 0 -20px;
}

.wk-gallery-avenue .nav span:active {
    background-position: 0 -40px;
}

.wk-gallery-avenue .nav .active span {
    background-position: 0 -60px;
}

/* Buttons
----------------------------------------------------------------------------------------------------*/

.wk-gallery-avenue > div {
    position: relative;
}

.wk-gallery-avenue > div:hover .next,
.wk-gallery-avenue > div:hover .prev {
    top: 50%;
    width: 50px;
    height: 52px;
    margin-top: -50px;
    background: url(../../../images/widgetkit/default/buttons.svg) 0 0 no-repeat;
}

.wk-gallery-avenue > div:hover .prev {
    left: 30px;
    background-position: 0 0;
}

.wk-gallery-avenue > div:hover .prev:hover {
    background-position: 0 -60px;
}

.wk-gallery-avenue > div:hover .prev:active {
    background-position: 0 -120px;
}

.wk-gallery-avenue > div:hover .next {
    right: 30px;
    background-position: 0 -180px;
}

.wk-gallery-avenue > div:hover .next:hover {
    background-position: 0 -240px;
}

.wk-gallery-avenue > div:hover .next:active {
    background-position: 0 -300px;
}

/* Only phones */

@media (max-width: 480px) {
    .wk-gallery-avenue > div .prev,
    .wk-gallery-avenue > div .next {
        display: none !important;
    }
}

/* Caption
----------------------------------------------------------------------------------------------------*/

.wk-gallery-avenue .caption {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 0;
    padding: 15px 20px;
    background: rgba(48, 48, 48, 0.9);
    color: #fff;
    z-index: 5;
}

.wk-gallery-avenue .caption h1 {
    color: #fff;
}

.wk-gallery-avenue .caption a {
    text-decoration: none;
}

/* Only tablets & phones */

@media (max-width: 970px) {
    .wk-gallery-avenue .caption h1 {
        font-size: 28px;
    }
}

/* Only phones */

@media (max-width: 480px) {
    .wk-gallery-avenue .caption {
        display: none !important;
    }
}

/* RTL */

html[dir="rtl"] .wk-gallery-avenue > div:hover .next {
    background-position: 0 0;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .next:hover {
    background-position: 0 -60px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .next:active {
    background-position: 0 -120px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev {
    background-position: 0 -180px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev:hover {
    background-position: 0 -240px;
}

html[dir="rtl"] .wk-gallery-avenue > div:hover .prev:active {
    background-position: 0 -300px;
}

/* Article style
 ========================================================================== */

.uk-article:nth-child(n+2) {
    margin-top: 20px;
}

/* Vertical Gutter - Only tablets and desktop */

@media (max-width: 767px) {
    .tm-blog > [class*='uk-width-']:nth-child(1n+2) > .tm-article {
        margin-top: 20px;
    }
}

/*
* Article padding
*/

@media (min-width: 0px) {
    .tm-content .uk-article {
        padding: 0;
        border: none;
    }
    
    .tm-content .firstbox{
        padding-top: 15px !important;
    }
    
    .tm-content .lastbox{
        margin-bottom: -30px !important;
    }
}

@media (min-width: 970px) {
    .tm-content .uk-article {
        padding: 0;
    }
    
    .tm-content .firstbox{
        padding-top: 30px !important;
    }
}

/*
 * Custom article date style
 */

.tm-article {
    /* Socialbuttons offset */
    /* Featured article image offset */
}

.tm-article .tm-article-content {
    position: relative;
}

.tm-article .tm-article-content.tm-article-date-true {
    margin-left: 60px;
}

.tm-article .tm-article-date-true .tm-article-date {
    position: absolute;
    top: 5px;
    left: -60px;
    width: 35px;
    padding: 5px;
    border-radius: 2px;
    background: #52a9ca;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
}

.tm-article .tm-article-date-true .tm-article-date .tm-article-date-day {
    display: block;
    font-size: 11px;
}

.tm-article .tm-article-date-true .tm-article-date .tm-article-date-year {
    display: block;
    font-size: 15px;
}

.tm-article .tm-socialbuttons {
    margin-left: 60px;
}

.tm-article .tm-article-featured-image {
    margin: -25px -25px 25px -25px;
}

/* Dropdown stack
 ========================================================================== /

/
 * Reset width if column width is set
 */

.uk-dropdown-navbar.uk-dropdown-stack {
    min-width: 0 !important;
    max-width: none !important;
}

/* Background Styles
 ========================================================================== */

body {
    background: #FFF;
}

/* Layouts
     ========================================================================== */
/* Block Box-Shadow */
/*
.tm-grid-block,
.tm-block-bottom,
.uk-article,
.tm-noblog .tm-content,
.tm-middle > [class*='tm-sidebar-'] > .uk-panel {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
}
*/
/* Widgetkit Gallery
     ========================================================================== */
/* Caption */

.wk-gallery-avenue .caption {
    background-color: rgba(43, 46, 50, 0.9);
}

.wk-gallery-avenue .nav span {
    background-image: url(../../../images/widgetkit/blue/nav_icons.svg);
}

/*
 * Default Style
 */
/*
 * Blue Style
 */
/*
 * Salmon Style
 */
/*
 * Turquoise Style
 */
/*
 * Graphite Style
 */
/*
 * Orange Style
 */
/*
 * Lilac Style
 */
/*
 * Gold Style
 */
/* Search
 ========================================================================== */

.tm-search {
    margin-top: 0;
}

* + .tm-search {
    margin-left: 15px;
}

/* Social Icon Buttons
 ========================================================================== */

.tm-social-icon-buttons {
    margin-top: 10px;
}

/* Hover background colors */

.tm-social-icon-buttons > .uk-icon-twitter:hover {
    background-color: #019AD1;
}

.tm-social-icon-buttons > .uk-icon-linkedin:hover {
    background-color: #069;
}

.tm-social-icon-buttons > .uk-icon-facebook:hover {
    background-color: #3b5998;
}

.tm-social-icon-buttons > .uk-icon-flickr:hover {
    background-color: #ff0084;
}

/* Social Icons
 ========================================================================== */

.tm-social-icons {
    margin: 15px 25px !important;
}

.tm-social-icons > li {
    display: inline-block;
    margin-left: 15px;
}

.tm-social-icons > li:first-child {
    margin-left: 0;
}

/* Only phones */

@media (max-width: 767px) {
    .tm-social-icons {
        margin: 15px 0 !important;
        float: none;
    }
}

/* Socialbuttons
 ========================================================================== */

.tm-socialbuttons {
    line-height: 1;
}

.tm-socialbuttons > div {
    margin-right: 10px;
    float: left;
}

/* Demo Content
 ========================================================================== */
/* Modifier: `tm-list` */

.tm-list > li {
    padding: 15px 25px 6px 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    clear: both;
}

.tm-list > li:first-child {
    border: 0;
}

.tm-list > li img {
    margin-right: 20px;
}

/* Only phones */

@media (max-width: 959px) and (min-width: 970px) {
    .tm-list > li:last-child {
        display: none !important;
    }
}

/* Modifier: `tm-subnav` */

.tm-subnav {
    margin: 15px 25px !important;
}

.tm-subnav > * {
    margin-top: 0 !important;
}

/* Modifier: `tm-list-image` */

.tm-list-image > li {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    clear: both;
}

.tm-list-image > li:first-child {
    padding-top: 0;
    border: 0;
}

.tm-list-image > li:nth-child(n+2) {
    margin-top: 0;
    padding-top: 15px;
}

.tm-list-image > li img {
    margin-right: 15px;
}

/* Global Custom CSS */

@media (min-width: 0px) {
	.res-bottom{
	    margin-bottom: -20px;
	}
}

@media (min-width: 768px) {
    .res-bottom{
        margin-bottom: -15px;
    }
}

@media (min-width: 970px) {
    .res-bottom{
        margin-bottom: 0;
    }
}

.pkt-center{
    text-align: center !important;
}

.pkt-right{
    text-align: right !important;
}

.pkt-res{
    width: 100% !important;
}

.pkt-space{
    letter-spacing: 1.5px !important;
}

.pkt-transition{
    -webkit-transition: all 0.2s ease-out, background 0.2s linear;
    -moz-transition: all 0.2s ease-out, background 0.2s linear;
    -o-transition : all 0.2s ease-out, background 0.2s linear;
    transition: all 0.2s ease-out, background 0.2s linear;
}

.pkt-transition:hover{
    -webkit-transition: all 0.2s ease-out, background 0.2s linear;
    -moz-transition: all 0.2s ease-out, background 0.2s linear;
    -o-transition : all 0.2s ease-out, background 0.2s linear;
    transition: all 0.2s ease-out, background 0.2s linear;
}

.pkt-overflow{
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.cate-title{
    margin: 25px 0 15px 0;
    color: #444444;
    line-height: 1.4em;
}

.ow-button-base a{
	font-weight: bold;
	text-decoration: none !important;
	letter-spacing: 1px;
}

.sow-contact-form .sow-form-field .sow-error{
    background: #fce4e5;
    border: none;
    border-top: 1px solid #ec666a;
    color: #ec666a;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 0.8em;
    list-style: none;
    margin: 0 0 0px 0;
}

.page h2,
.page h3{
	font-weight: bold;
	margin-bottom: 6px;
}

.sow-contact-form-success{
    padding: 60px 15px;
    text-align: center;
    background: #00b900;
    line-height: 1.5em;
}

.sow-contact-form-success p{
	margin-bottom: 0;
}

.greenbox p:last-child,
.bluebox p:last-child,
.yellowbox p:last-child,
.redbox p:last-child{
	margin-bottom: 0;
}

.greenbox,
.bluebox,
.yellowbox,
.redbox{
    border-radius: 4px;
    padding: 7px 11px;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.5em;
    font-size: 15px;
}

.greenbox{
    background: #f2fae3;
    color: #659f13;
    border: 1px solid rgba(101,159,19,.3);
}

.bluebox{
    background: #ebf7fd;
    color: #2d7091;
    border: 1px solid rgba(45,112,145,.3);
}

.yellowbox{
    background: #fffceb;
    color: #e28327;
    border: 1px solid rgba(226,131,39,.3);
}

.redbox{
    background: #fff1f0;
    color: #d85030;
    border: 1px solid rgba(216,80,48,.3);
}

@media (min-width: 0px) {
    .tm-content{
        padding: 0 10px;
    }
    
    .tm-sidebar-a .uk-panel{
        padding: 0 10px;
        margin-bottom: 10px;
    }
    
    .page-h1{
        font-size: 26px;
        padding-top: 15px;
    }
    
	.cate-title{
	    font-size: 24px;
	}
}

@media (min-width: 768px) {
    .tm-content{
        padding: 0 15px;
    }
    
    .tm-sidebar-a .uk-panel{
        padding: 0 15px;
        margin-bottom: 20px;
    }
    
    .page-h1{
        font-size: 26px;
        padding-top: 15px;
    }
    
    .cate-title{
        font-size: 26px;
    }
}

@media (min-width: 970px) {
    .tm-content{
        padding: 0;
    }
    
    .tm-sidebar-a .uk-panel{
        padding: 0;
        margin-bottom: 30px;
    }
    
    .page-h1{
        font-size: 28px;
        padding-top: 0;
    }
    
    .cate-title{
        font-size: 30px;
    }
}

.page-h1{
    line-height: 1.5em;
    color: #2c3e50;
}

.shareaholic-canvas + img{
    display: none;
}

.page-body{
	margin-bottom: 30px;
	line-height: 1.65em;
}

.footborder{
    border-bottom: 1px dashed #DDD;
    padding-bottom: 30px;
}

/* SHARE FIX */

@media (min-width: 0px) {
    .service-share .shareaholic-share-buttons li:nth-child(4){
        display: none !important;
    }
    
    .service-share .shareaholic-share-buttons li:nth-child(5){
        display: list-item !important;
    }
}

@media (min-width: 970px) {
    .service-share .shareaholic-share-buttons li:nth-child(4){
        display: list-item !important;
    }
    
    .service-share .shareaholic-share-buttons li:nth-child(5){
        display: none !important;
    }
}

.service-share{
    margin-left: -10px !important;
}

.shareaholic-service-icon{
    font-family: FontAwesome !important;
    text-align: center !important;
}

.shareaholic-share-buttons-wrapper .shareaholic-share-buttons .shareaholic-share-button-container .share-button-sizing .shareaholic-service-icon.service-facebook:before{
    content: "\f09a" !important;
    font-family: FontAwesome !important;  
    left: 13px !important;
    top: 11px !important;
    font-size: 22px;
}

.shareaholic-share-buttons-wrapper .shareaholic-share-buttons .shareaholic-share-button-container .share-button-sizing .shareaholic-service-icon.service-twitter:before{
    content: "\f099" !important;
    font-family: FontAwesome !important;  
    left: 9px !important;
    top: 8px !important;
    font-size: 25px;
}

.shareaholic-share-buttons-wrapper .shareaholic-share-buttons .shareaholic-share-button-container .share-button-sizing .shareaholic-service-icon.service-google_plus:before{
    content: "\f0d5" !important;
    font-family: FontAwesome !important;  
    left: 7px !important;
    top: 10px !important;
    font-size: 23px;
}

.shareaholic-share-buttons-wrapper .shareaholic-share-buttons .shareaholic-share-button-container .share-button-sizing .shareaholic-service-icon.service-pinterest:before{
    content: "\f231" !important;
    font-family: FontAwesome !important;  
    left: 13px !important;
    top: 10px !important;
    font-size: 22px;
}

.shareaholic-share-buttons-wrapper .shareaholic-share-buttons .shareaholic-share-button-container .share-button-sizing .shareaholic-service-icon.service-line_me:before{
    content: "\f075" !important;
    font-family: FontAwesome !important;  
    left: 9px !important;
    top: 7px !important;
    font-size: 22px;
}

#social-show {
    background: #FFF;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
    padding: 3px 5px 2px 10px;
    box-sizing: border-box;
    box-shadow: 0 0px 4px rgba(102, 102, 102, 0.2);
    margin-bottom: -5px;
    height: 0;
}

/* Header */

@media (min-width: 0px) {
    .top-menu{
        position: fixed;
        width: 100%;
        margin-top: -56px;
        z-index: 100;
    }
}

@media (min-width: 970px) {
    .top-logo .tm-headerbar{
        width: 1100px;
        margin: 0 auto 0 auto;
    }
    
    .top-menu .tm-navbar{
        width: 1100px;
        margin: 0 auto 0 auto;
    }
    
    .top-menu{
        position: relative;
        width: 100%;
        margin-top: 0;
    }
}

.top-logo{
    padding: 15px 0 15px 0;
}

.tm-logo img{
    max-height: 100px;
}

/* Breadcrumb */

@media (min-width: 0px) {
    .breadcrumbs{
        font-size: 12px;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden; 
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        padding: 5px 10px;
        color: #999;
        background: #f6f6f6;
        box-sizing: border-box;
    }
    
    .breadcrumbs i{
        margin: 0 2.5px;
        color: #999;
    }
}

@media (min-width: 768px) {
    .breadcrumbs{
        padding: 3px 15px;
    }
}

@media (min-width: 970px) {
    .breadcrumbs{
        font-size: 13px;
        width: 1100px;
        padding: 3px 20px;
    }
    
    .breadcrumbs i{
        margin: 0 4px;
    }
}

.top-breadcrumb{
    background: #F5F6F6;
}

.breadcrumbs a{
    color: #999;
}

.breadcrumbs a:hover,
.breadcrumbs a:hover i{
    text-decoration: none;
    color: #666 !important;
}

/* Top Search */

@media (min-width: 0px) {
    .top-slogan{
        text-align: center;
        color: rgba(255, 255, 255, 0.4);
	}
	
    .searchbox{
	    margin: -20px -15px;
	    padding: 10px;
    }
    
    .top-search input{
	    opacity: 1;
	}
}

@media (min-width: 970px) {
    .top-slogan{
        text-align: left;
        color: rgba(0, 0, 0, 0.61);
    }
    
    .searchbox{
        margin: 0;
        padding: 22px 0 0 0;
    }
    
    .top-search input{
        opacity: 0.7;
    }
}

.tm-search{
	max-width: 250px;
}

.top-search{
	width: 250px;
}

.top-search input{
	width: 250px; 
	font-size: 14px;
	transition: none;
}

.top-search input:active,
.top-search input:focus{
	opacity: 1;
	font-size: 16px;
	transition: none;
}

#offcanvas .top-search{
    padding: 0;
    margin: 0;
    width: 100%;
}

.top-slogan{
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 6px;
}

.top-social{
	padding-top: 22px;
}

/* Google Search CSE */

@media (min-width: 0px) {
    
}

@media (min-width: 768px) {
	.gs-web-image-box img.gs-image, 
	.gs-promotion-image-box img.gs-promotion-image{
	    max-width: 120px !important;
	}
	
	.gs-web-image-box, 
	.gs-promotion-image-box{
	    width: 120px !important;
	}
}

.page-template-page-search .tm-content{
	padding-bottom: 30px;
}

.page-template-page-search h1{
	margin-left: 15px;
	font-size: 20px;
	margin-bottom: 0;
}

.cse input.gsc-search-button, input.gsc-search-button {
    font-size: 15px !important;
    color: #FFF !important;
    padding: 0 12px !important;
    height: 39px !important;
    background-color: #777 !important;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    cursor: pointer;
}

.gsc-result .gs-title{
    overflow: visible !important;
    height: auto !important;
}

input.gsc-input {
    border-color: #333 !important;
    font-size: 16px !important;
    padding: 10px 10px 9px 10px !important;
}

td.gsc-clear-button{
    display: none !important;
}

.gsc-orderby-container{
    display: none !important;
}

table.gsc-search-box td.gsc-input{
    padding-right: 0 !important;
}

.gsc-wrapper{
    padding-top: 15px !important;
}

.gsc-cursor-box.gs-bidi-start-align{
    text-align: center !important;
    font-size: 16px !important;
}

.gcsc-branding{
    display: none !important;
}

.cse .gsc-webResult.gsc-result, 
.gsc-webResult.gsc-result, 
.gsc-imageResult-column, 
.gsc-imageResult-classic{
	padding-left: 0 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page{
    padding: 5px 10px;
    background: #EEE;
}

/* Footer */

@media (min-width: 0px) {
    .tm-footer{
        font-size: 12px;
        color: #666;
    }
    
    .footer-menu{
        padding: 5px 10px 5px 10px;
    }
}

@media (min-width: 768px) {
    .footer-menu{
        padding: 5px 10px 5px 10px;
    }
}

@media (min-width: 970px) {
    .tm-footer{
        width: 1100px;
        margin: 0 auto 0 auto;
    }

    .footer-menu{
        padding: 5px 0 5px 0;
    }
}

.auto-footer a{
	font-size: 14px;
	background: #282c2f;
}

.tm-footer {
    position: relative;
}

/* Bottom */

@media (min-width: 0px) {
	.bottom-menubox{
	    width: 100%;
	    padding: 15px 10px;
	    box-sizing: border-box;
	}
	
	.bottom-middle{
	    padding: 20px 0 20px 0;
	}
}

@media (min-width: 768px) {
    .bottom-menubox{
        width: 100%;
        padding: 20px 15px;
    }
    
    .bottom-middle{
        padding: 15px 15px 15px 0;
    }
}

@media (min-width: 970px) {
    .bottom-menubox{
        width: 1100px;
        padding: 30px 0;
    }
    
    .bottom-middle{
        padding: 0 15px 0 15px;
    }
}

.bottom-left:after{
	clear: both;
	float: none;
}

.bottom-left-logo{
	background: #000;
	float: left;
	width: 88px;
	opacity: 0.85;
}

.bottom-left-text{
    color: #AAA;
    margin-left: 102px;
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 2px;
    max-width: 300px;
}

.bottom-right{
	margin-bottom: -5px;
}

.bottom-right a{
    padding: 6px 7px;
    line-height: 1em;
    margin: 0 1px 5px 0;
    font-size: 12px;
    display: inline-block;
    color: #999;
    background: #1a1717;
}

.bottom-right a:hover{
	text-decoration: none;
    color: #EEE;
    background: #000;
}

.bottom-middle{
	font-size: 14px;
}

.bottom-middle a,
.bottom-middle{
    color: #AAA;
}

.bottom-middle a:hover{
	color: #FFF;
}

.bottom-middle i{
    background: #060707;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 4px;
    border-radius: 50%;
    line-height: 20px;
    margin: 0 4px 2px 0;
    color: #999;
    font-size: 14px;
}

.bottom-middle-phone{
	letter-spacing: 1px;
	font-weight: bold;
}

.bottom-middle-email{
	letter-spacing: 1px;
}

.bottom-middle-line span{
    letter-spacing: 1.5px;
    font-weight: bold;
}

.bottom-middle div:last-child i{
	margin-bottom: 0;
}

.tm-bottom-c h3{
	font-size: 16px;
	color: #EEE;
	margin-bottom: 10px;
	font-weight: bold;
}

.bottom-menu{
	background: #282c2f;
}

.bottom-menubox{
    margin: 0 auto 0 auto;
}

/* Error 404 */

@media (min-width: 0px) {
    .tm-error-headline{
        font-size: 34px;
    }
    
    .tm-error-headline{
        color: #666;
    }
}

@media (min-width: 768px) {
    .tm-error-headline{
        font-size: 46px;
    }
}

@media (min-width: 970px) {
    
}

.tm-error-headline{
    margin: 20px 0 0 0;
}

.ait-link-error{
    margin-left: 10px;
}

/* Archived Article */

@media (min-width: 0px) {
    .archive-article--left{
        width: 100%;
        text-align: center;
    }
    
    .archive-article--right{
        margin-left: 0;
        margin-bottom: 15px;
    }
    
    .archive-article-h1{
        font-size: 24px;
        margin: 15px 0 0 0;
    }
    
    .archive-article h2{
        font-size: 20px;
        line-height: 1.5em;
        max-height: 78px;
        padding-top: 8px;
        margin-bottom: 0;
    }
    
    archive-article h2{
        margin-bottom: 0;
    }
    
    .archive-article{
        margin-top: 10px;
        border-bottom: 2px dashed #EEE;
        padding-bottom: 10px;
    }
    
    .archive-article--right_button{
        text-align: center;
    }
}

@media (min-width: 768px) {
    .archive-article h2{
        font-size: 18px;
        margin-bottom: 5px;
        padding-top: 4px;
    }
    
    .archive-article{
        margin-top: 15px;
        padding-bottom: 15px;
    }
    
    .archive-article--left{
        float: left;
        width: 216px;
    }
    
    .archive-article--right{
        margin-left: 236px;
        margin-bottom: 0;
    }

    .archive-article--right_button{
        text-align: left;
    }
}

@media (min-width: 970px) {
    .archive-article--left{
        width: 300px;
    }
    
    .archive-article--right{
        margin-left: 325px;
    }
    
    .archive-article-h1{
        font-size: 30px;
        margin: 20px 0 20px 0;
    }
    
    .archive-article h2{
        font-size: 24px;
        line-height: 1.45em;
        margin-bottom: 2px;
        max-height: 70px;
        margin-top: 0;
        padding-top: 2px;
    }
    
    .archive-article{
        margin-top: 20px;
        border-bottom: 2px dashed #EEE;
        padding-bottom: 20px;
    }
}

.post-type-archive-article .tm-content,
.archive.category .tm-content{
	margin-bottom: 25px;
}

.archive-article:after{
    clear: both;
    content: "";
    display: block;
    overflow: hidden;
}

.archive-article--right_desc{
    max-height: 50px;
    font-size: 14px;
    line-height: 1.65em;
    max-width: 500px;
    color: #888;
    box-sizing: border-box;
}

.archive-article--right_button{
    margin-top: 9px;
}

.archive-article--left img{
    opacity: 0.95;
    width: 100%;
}

.archive-article--left img:hover{
    opacity: 1;
}

.archive-article--right_date{
    color: #CCC;
    margin-bottom: 3px;
    font-size: 12px;
}

.archive-article--right_category{
	font-size: 11px;
	margin-bottom: 5px;
}

.archive-article--right_category a{
    margin-right: 3px;
    background: #EEE;
    color: #AAA;
    line-height: 1em;
    padding: 4px 6px;
}

/* Archived Article */

@media (min-width: 0px) {
    .archive-article.archive-category h2{
        font-size: 23px;
    }
}

@media (min-width: 768px) {
    archive-article.archive-category h2{
        font-size: 24px;
    }
    
	.archive-category .archive-article--right_desc{
	    max-height: 65px;
	}
}

@media (min-width: 970px) {
    .archive-article.archive-category h2{
        padding-top: 8px;
        font-size: 27px;
    }
    
	.archive-category .archive-article--right_desc{
	    max-height: 75px;
	}
}

.archive-category .archive-article--right_desc{
    font-size: 16px;
    line-height: 1.5em;
    margin: 7px 0 14px 0;
}

/* Archived Reference */

@media (min-width: 0px) {
	.archive-ref-gallery{
		margin: 10px 0 10px 0;
	}
	
	.archive-ref .archive-article--right_category,
	.archive-ref h2{
		text-align: center;
	}
}

@media (min-width: 768px) {
    .archive-ref .archive-article--left{
        width: 287px;
    }
    
    .archive-ref .archive-article--right{
        margin-left: 300px;
    }
	
	.archive-ref-gallery{
		margin: 10px 0 5px 0;
	}
	
	.archive-ref .archive-article--right_category,
	.archive-ref h2{
		text-align: left;
	}
}

@media (min-width: 970px) {
    .archive-ref .archive-article--left{
        width: 303px;
    }
    
    .archive-ref .archive-article--right{
        margin-left: 318px;
    }
	
	.archive-ref-gallery{
		margin: 8px 0 5px 0;
	}
}

.archive-ref-gallery img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.25;
	background: #FFF;
}

.archive-ref .archive-article--right_category a{
	margin-right: 0;
}

/* Page Navi */

@media (min-width: 0px) {
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .extend + .page,
    .wp-pagenavi .extend + .page + .page + .current + .page + .page{
        display: none;
    }
    
    .wp-pagenavi .previouspostslink + .extend,
    .wp-pagenavi .previouspostslink + .page{
        border-left: 1px solid #EEE;
    }
    
    .wp-pagenavi span,
    .wp-pagenavi a{
        width: 41.5px;
    }
    
    .wp-pagenavi{
        margin-top: 10px;
    }
}

@media (min-width: 970px) {
    .wp-pagenavi .nextpostslink,
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .extend + .page,
    .wp-pagenavi .extend + .page + .page + .current + .page + .page{
        display: inline-block;
    }
    
    .wp-pagenavi .previouspostslink + .extend,
    .wp-pagenavi .previouspostslink + .page{
        border-left: 0;
    }
    
    .wp-pagenavi span,
    .wp-pagenavi a{
        width: 54.5px;
    }
    
    .wp-pagenavi{
        margin-top: 40px;
    }
}

.wp-pagenavi .first{
    border-left: 1px solid #EEE;
}

.wp-pagenavi .last{
    border-right: 1px solid #EEE;
}

.wp-pagenavi .current{
    cursor: default;
    background: #DDD;
    border: 0;
    margin: -1px 0;
    padding: 2px 0;
    border-color: #EEE !important;
    border-right: 1px solid #EEE;
}

.wp-pagenavi .previouspostslink{
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
}

.wp-pagenavi .page{
    border-right: 1px solid #EEE;
}

.wp-pagenavi .extend{
    border-right: 1px solid #EEE;
    color: #CCC;
}

.wp-pagenavi .extend:last-child{
    border-left: 1px solid #EEE;
}

.wp-pagenavi .nextpostslink{
    width: 80px;
    color: #FFF !important;
    margin: -1px 0;
    padding: 1px 0;
}

.wp-pagenavi .nextpostslink:hover{
    width: 80px;
    color: #FFF !important;
}

.wp-pagenavi span,
.wp-pagenavi a{
    background: #FFF;
    line-height: 2.5em;
    display: inline-block;
    border: 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin: -1px 0;
    padding: 1px 0;
}

.wp-pagenavi a:hover{
    color: #000 !important;
    text-decoration: none;
    background: #EEE;
    border-color: #EEE;
}

.wp-pagenavi .page{
    color: #888;   
}

.m-nav-prev,
.m-nav-next{
    width: 80px;
    text-align: center;
    display: inline-block;
    padding: 5px 0;
    border-radius: 2px;
    margin-top: 20px;
}

.m-nav-prev:hover,
.m-nav-next:hover{
    text-decoration: none;
}

/* Side Service */

.side-service{
	margin-bottom: -20px;
}

.side-service-box{
	margin-bottom: 30px;
}

.side-service-box-kw{
    margin: 15px 10px -45px 10px;
    background: #FFF;
    position: relative;
    padding: 6px 10px;
    text-align: center;
    font-weight: bold;
    opacity: 0.8;
    border-radius: 2px;
    z-index: 1;
    cursor: default;
    color: #333;
}

.side-service-box img{
	width: 100%;
	opacity: 1;
}

.side-service-box--link{
	background: #000;
	display: block;
}

.side-service-box:hover img{
	opacity: 0.9;
}

.side-service-box h2{
    margin: 0;
}

.side-service-box h2 a{
    display: block;
    padding: 8px 13px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    height: 48px;
    text-align: center;
}

/* Loop 1 */

@media (min-width: 0px) {
	.loop1 p{
	    padding: 0 10px 10px 10px;
	    margin-bottom: 0;
	}
	
	.loop1 h2{
	    font-size: 18px;
	}
	
	.loop1{
	    margin-bottom: 10px;
	}
	
    .indexsv{
    	margin-bottom: -15px;
    }
}

@media (min-width: 768px) {
    .loop1 p{
        padding: 0 10px 10px 10px;
    }
    
    .loop1 h2{
        font-size: 18px;
    }
    
    .loop1{
        margin-bottom: 15px;
    }
    
    .indexsv{
    	margin-bottom: -15px;
    }
}

@media (min-width: 970px) {
    .loop1 h2{
        font-size: 20px;
    }
	
    .loop1 p{
        padding: 0 15px 10px 15px;
    }
    
    .loop1{
        margin-bottom: 20px;
    }
    
    .indexsv{
    	margin-bottom: -15px;
    }
}

.loop1 a{
	display: block;
}

.loop1 a:hover{
	text-decoration: none;
}

.loop1 img{
    width: 100%;
}

.loop1 img:hover{
    opacity: 0.85;
}

.loop1 h2{
	text-align: center;
	margin: 10px 0 5px 0;
	padding: 0 10px;
}

.loop1 h2:hover{
	text-decoration: none;
}

.loop1 p{
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

/* Loop 2 */

.loop2{
	margin-bottom: 10px;
}

.loop2:last-child{
	margin-bottom: 0;
}

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

.loop2 > a{
    display: block;
    float: left;
    width: 80px;
    opacity: 0.9;
}

.loop2 > a:hover{
	opacity: 1;
}

.loop2 div{
	color: #CCC;
	font-size: 14px;
}

.loop2 h3{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
	margin-left: 90px;
}

.loop2 h3 a{
	display: block;
}

/* Loop 3 */

@media (min-width: 0px) {
	.loop3 h2{
	    font-size: 18px;
	    padding-top: 10px;
	    margin-bottom: 7px;
	}
	
    .loop3-desc{
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (min-width: 768px) {
    .loop3 h2{
        font-size: 18px;
        margin-bottom: 5px;
        padding-top: 0;
    }
}

@media (min-width: 970px) {
    .loop3 h2{
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .loop3-desc{
        font-size: 16px;
        line-height: 1.65em;
    }    
}

.loop3 img{
	width: 100%;
}

.loop3 h2{
    font-weight: bold;
    line-height: 1.45em;
}

.loop3-desc{
	color: #777;
}

/* Loop 4 */

@media (min-width: 0px) {
    .loop4{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #EEE;
    }
	
    .loop4-link{
        display: block;
        width: 120px;
        float: left;
    }
    
    .loop4 h3{
        margin: 0 0 0 130px;
        height: 80px;
        font-weight: bold;
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .loop4{
        margin-bottom: 20px;
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .loop4-link{
        width: 100%;
        float: none;
    }
	
    .loop4 h3{
        margin: 0;
        height: 68px;
        font-size: 14px;
        line-height: 1.4em;
    }
    
	.loop4{
	    margin-bottom: 15px;
	}
}

@media (min-width: 970px) {
    .loop4 h3{
        margin: 0;
        height: 58px;
        font-size: 16px;
        line-height: 1.5em;
    }
}

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

.loop4:hover img{
	opacity: 1;
}

.loop4:hover a{
	text-decoration: underline;
}

.loop4 img{
	width: 100%;
	opacity: 0.9;
}

.loop4 h3 a{
	display: block;
	padding: 5px 0 4px 0;
}

.loop4header{
	margin: 10px 0 -18px 0;
}

.loop4header h2{
	font-weight: bold;
	font-size: 22px;
}

/* Large Banner */

.large-banner{
	text-align: center;
	opacity: 0.95;
}

.large-banner:hover{
    opacity: 1;
}

.large-banner a:hover{
	text-decoration: none;
}

.large-banner:hover .large-banner-text{
    background: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.large-banner img{
	width: 100%;
}

.large-banner-text{
    padding: 15px 0;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    color: #FFF;
    font-weight: bold;
    transform: rotate(-5deg) skew(-5deg);
    -webkit-transform: rotate(-5deg) skew(-5deg);
    box-sizing: border-box;
    margin: -114px -1px 31px -1px;
    letter-spacing: 1px;
}

.large-banner-text span{
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
	color: #EEE;
}

/* Product Banner */

.product-banner{
	background: #0D94C3;
	border: 2px solid #0D94C3;
}

.product-banner:hover{
    background: #098ab7;
    border: 2px solid #098ab7;
}

.product-banner:hover .product-banner-view--icon{
	color: #FFF;
	background: rgba(0, 0, 0, 0.35);
}

.product-banner img{
	width: 100%;
	border-radius: 1px;
}

.product-banner-link{
	display: block;
}

.product-banner a:hover{
	text-decoration: none;
}

.product-banner h2{
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 8px 0 5px 10px;
	line-height: 1.4em;
	margin-bottom: 0;
}

.product-banner-price{
    margin: -30px 0 6px 0;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.product-banner-view--icon{
    text-align: center;
    font-size: 33px;
    padding: 16px 0;
    color: #EEE;
    margin: 0 -2px -2px 0;
    background: rgba(0, 0, 0, 0.2);
}

/* Article */

@media (min-width: 0px) {
    .single-content-h1{
        line-height: 1.4em;
        margin-bottom: 8px;
        font-size: 25px;
        margin-top: 15px;
    }
    
    .single-content h2{
        margin-bottom: 5px;
        margin-top: 30px;
        font-size: 24px;
        line-height: 1.4em;
        font-weight: bold;
    }
    
    .single-content h3{
        margin-bottom: 5px;
        margin-top: 0;
        font-size: 20px;
        color: #666;
        line-height: 1.5em;
        font-weight: bold;
    }
    
    .single-article-meta--views{
        text-align: left;
    }
    
    .article-footer--right h3{
        text-align: left;
        padding-top: 3px;
    }
    
	.single-article-meta--comment{
	    text-align: left;
	}
	
	.article-footer{
	    margin: 20px 0 20px 0;
	    border-top: 1px solid #EEE;
	    padding-top: 10px;
	}
	
	.article-footer--left{
	    float: left;
	    width: 120px;
	}
	
	.article-footer--right{
	    margin-left: 130px;
	}
	
	.article-footer-box{
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #EEE;
	}
}

@media (min-width: 768px) {
    .single-article-meta--views{
        text-align: right;
    }
    
    .single .single-cover img{
        margin: -70px 0;
    }
    
    .article-footer--right h3{
        text-align: left;
        padding-top: 0;
    }
    
	.single-article-meta--comment{
	    text-align: right;
	}
	
    .article-footer{
        margin: 20px 0 20px 0;
        border-top: none;
        padding-top: 0;
    }
    
    .article-footer--left{
        float: none;
        width: 100%;
    }
    
    .article-footer--right{
        margin-left: 0;
    }
    
    .article-footer-box{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    
	.article-footer--left a{
	    padding-bottom: 5px;
	}
}

@media (min-width: 970px) {
    .single-content-h1{
        line-height: 1.5em;
        margin-bottom: 5px;
        font-size: 28px;
        margin-top: 30px;
    }
    
    .single-content h2{
        margin-bottom: 5px;
        margin-top: 25px;
        font-size: 25px;
        line-height: 1.5em;
    }
    
    .single-content h3{
        margin-bottom: 6px;
        margin-top: 0;
        font-size: 20px;
        color: #444;
        line-height: 1.5em;
    }
    
    .single .single-cover img{
        margin: -50px 0;
    }
}

.single-content{
    line-height: 1.65em;
    padding-top: 5px;
}

.single-content p{
    margin-top: 0;
}

.single-content > b,
.single-content > strong{
    color: #333;
}

.single-content ul,
.single-content ol{
	margin-top: 10px;
}

.single-content ul li,
.single-content ol li{
    margin-bottom: 5px;
    line-height: 1.45em;
}

.single-content ul li:last-child,
.single-content ol li:last-child{
    margin-bottom: 0;
}

.single-content a:hover{
    text-decoration: underline;
}

.single .single-cover{
    margin-bottom: 15px;
    margin-top: 3px;
    overflow: hidden;
}

.single .single-cover img{
    width: 100%;
}

.single-article-meta{
    color: #BBB;
    margin-bottom: 12px;
    font-size: 12px;
    border-bottom: 1px dotted #DDD;
    padding-bottom: 6px;
}

.article-footer-box:after{
	content: " ";
	display: block;
	clear: both;
}

.article-footer--left a{
	display: block;
}

.article-footer--right h3{
	font-size: 16px;
	line-height: 1.4em;
}

.article-footer--left img{
	width: 100%;
	border: 1px solid #EEE;
}

.article-side-box{
	margin-bottom: 5px;
}

.article-side-box:after{
	clear: both;
	display: block;
	content: " ";
}

.article-side--left{
	float: left;
	width: 83px;
}

.article-side--left img{
	width: 100%;
}

.article-side--right{
	margin-left: 90px;
}

.article-side-box .article-side--right h3{
	font-size: 14px;
	margin-bottom: 0;
	color: inherit;
}

.single .wp-caption{
	max-width: 100%;
}

.single .wp-caption-text{
	text-align: center;
    font-size: 14px;
    color: #999;
    margin: 3px 0 15px 0;
}

/* FAQs */

@media (min-width: 0px) {
    .page-faq-box--title{
        padding: 6px 10px;
        margin-top: 10px;
        font-size: 15px;
    }
    
    .page-faq-box--info{
        padding: 8px 10px;
        display: none;
        font-size: 14px;
        line-height: 1.5em;
    }
}

@media (min-width: 0px) {
    .page-faq-box--info{
        display: none;
    }
    
    .page-faq-box--inner{
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .page-faq-box--info{
        display: block;
    }
    
    .page-faq-box--inner{
        margin-bottom: 15px;
    }
}

@media (min-width: 970px) {
    .page-faq-box--title{
        padding: 7px 15px;
        margin-top: 20px;
        font-size: 16px;
    }
    
    .page-faq-box--info{
        padding: 10px 15px;
        display: block;
        font-size: 16px;
        line-height: 1.65em;
    }
    
    .page-faq-box--inner{
        margin-bottom: 20px;
    }
}

.page-faq-box--image{
    border: 1px solid #EEE;
    border-bottom: 0;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    display: inline-block;
}

.page-faq-box--image img{
    width: 100px;
}

.page-faq-box{
    margin-top: 0;
}

.page-faq-box--title{
    border: 1px solid #EEE;
    line-height: 1.5em;
    font-weight: bold;
    cursor: default;
}

.page-faq-box--title:first-child{
    margin-top: 0;
}

.page-faq-box--info{
    border: 1px solid #EEE;
    border-top: 0;
}

.page-faq-box--info__ask{
    font-weight: bold;
    margin-bottom: 3px;
}

.page-faq-box--info__ans{
    margin-bottom: 15px;
    color: #666;
}

.page-faq-box--info__ans:last-child{
    margin-bottom: 0;
}

/* Hospital Support */

@media (min-width: 0px) {
	.hospital-support-text{
	    font-size: 10px;
	}
	
	.hospital-support-sum{
        font-size: 14px;
	}
}

@media (min-width: 768px) {
    .hospital-support-sum{
        font-size: 16px;
    }
}

@media (min-width: 970px) {
    .hospital-support-text{
        font-size: 12px;
    }
}

.hospital-support{
	margin-top: -10px;
}

.hospital-support-box{
	margin-bottom: 10px;
}

.hospital-support-box img{
	width: 100%;
	border-radius: 4px;
}

.hospital-support-text{
	text-align: center;
}

.hospital-support-sum{
	text-align: center;
	background: #FFF;
	border-radius: 4px;
	margin-top: 10px;
	padding: 8px 0;
}

/* PKT Responsive */

@media (min-width: 768px) {
	.pkt-responsive > [id^="pgc-1259-2"],
	.pkt-responsive > [id^="pgc-1259-3"]{
	    width: 50% !important;
	    width: calc(50% - ( 0.5 * 15px ) ) !important;
	}
}

@media (min-width: 970px) {
    .pkt-responsive > [id^="pgc-1259-2"],
    .pkt-responsive > [id^="pgc-1259-3"]{
	    width: 50% !important;
	    width: calc(50% - ( 0.5 * 30px ) ) !important;
	}
}

/* PKT Tablet */

@media (min-width: 768px) {
	.pkt-tablet .panel-grid{
	   display: block !important;
	}
	
    .pkt-tablet .panel-grid-cell{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 970px) {
    .pkt-tablet .panel-grid{
	    display: -webkit-flex !important;
	    display: flex !important;
    }
    
    .pkt-tablet .panel-grid-cell{
        width: 50% !important;
        width: calc(50% - ( 0.5 * 30px ) ) !important;
        margin-bottom: 30px !important;
    }
}

/* Hero 1 */

.hero1 p{
    line-height: 1.7em;
    color: #FFF;
}

.hero1 h1{
	font-family: "ThaiSansNeueBold";
	font-weight: bold;
}

/* Headline 1 */

.headline1 h1,
.headline1 h2,
.headline1 h3{
    font-family: "ThaiSansNeueBold";
    font-weight: bold;
    margin-bottom: 0;
}

.headline1 .sow-sub-headline{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7em !important;
    margin-bottom: 20px;
}

/* Headline 2 */

.headline2 h2{
    font-weight: bold;
    margin-bottom: 0;
    font-size: 30px;
    margin-bottom: -10px;
}

.headline2 .so-widget-sow-headline .sow-headline-container h3.sow-headline{
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: -20px !important;
    color: #1f8a3e;
}

/* Headline 3 */

.headline3 .so-widget-sow-headline .sow-headline-container h2.sow-headline{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: -20px !important;
}

.headline3 i{
	font-size: 80%;
}

/* Headline 4 */

@media (min-width: 0px) {
    .headline4 .so-widget-sow-headline .sow-headline-container h3.sow-headline{
        text-align: center;
    }
}

@media (min-width: 768px) {
    .headline4 .so-widget-sow-headline .sow-headline-container h3.sow-headline{
        text-align: left;
    }
}

.headline4 .so-widget-sow-headline .sow-headline-container h3.sow-headline{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: -20px !important;
    text-decoration: underline;
}

/* Headline 5 */

.headline5 h2{
    font-family: "ThaiSansNeueBold";
    font-weight: bold;
    margin-bottom: 0;
}

.headline5 h3{
    font-family: "ThaiSansNeueBold";
    font-weight: bold;
    margin-bottom: 0;
}

.headline5 .sow-sub-headline{
	margin-top: 5px;
}

/* header 6 */

#sgp .headline6 h2{
	margin-bottom: -20px !important;
}

/* header 7 */

@media (min-width: 0px) {
	#sgp .headline7 h2{
		font-size : 18px !important;
		margin-bottom: -20px !important;
	}	
}
	
@media (min-width: 768px) {
	#sgp .headline7 h2{
		font-size : 24px !important;
		margin-bottom: -20px !important;
	}	
}

/* lightbox1 */

@media (min-width: 0px) {
    .lightbox1{
        padding: 0;
        margin: -3px -7px;
    }
    
    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 50%;
        box-sizing: border-box;
        margin: -4px -8px;
    }
    
    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .lightbox1{
        padding: 0;
        margin: -2px -5px;
    }

    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 50%;
        box-sizing: border-box;
        margin: -2px -5px;
    }
    
    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 970px) {
    .lightbox1{
        padding: 0;
        margin: 0 -2px 5px -2px;
    }

    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 25%;
        box-sizing: border-box;
        margin: 0 -3px;
    }
    
    .lightbox1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
    
}

/* old air head */

#sgp .old-air-btn a{
	width : 100%;	
}

#sgp .old-air-head .decoration{
	text-align : left;
}

#sgp .old-air-service h3{
	background: #ed3b39;
	padding: 10px;
	color: #FFF;
}

#sgp .old-air-row-service-last{
	border-bottom: solid #ed3b39 5px!important;
}

/* old-air-service */

@media (min-width: 0px) {
	.old-air-service{
		margin-right : 0px;
	}
}
@media (min-width: 768px) {
	.old-air-service{
		margin-right : -15px;
	}
}
@media (min-width: 970px) {
	.old-air-service{
		margin-right : 0px;
	}
}	

/* old-air-iframe */
@media (min-width: 0px) {
	.old-air-iframe{
		height : 300px;
	}
}
@media (min-width: 768px) {
	.old-air-iframe{
		height : 500px;
	}
}
@media (min-width: 970px) {
	.old-air-iframe{ 
		height : 500px;
	}
}

/* old-air-home-price */

.old-air-home-price{
	font-size: 18px;
	
}

/* content11-remark */

.content11-remark{
	font-size: 14px;
    padding: 10px;
    line-height: 1.5em;
    background-color: whitesmoke;
    margin-bottom: 20px;
}


/* old-air-buy-img  */

@media (min-width: 0px) {
	.old-air-buy-img{
		margin-bottom : -20px;
	}	
}

@media (min-width: 768px) {
	.old-air-buy-img{
		margin-bottom : 0px;
		margin-right: -15px !important;
	}	
	
}

@media (min-width: 970px) {
	.old-air-buy-img{
		margin-bottom : 0px;
		margin-right: -10px !important;
	}	
}

/* old-air-row-service */

.old-air-row-service .widget_sow-editor{
	border-left: solid 4px #ed3b39;
    margin-bottom: 0px !important;
	
}

.old-air-row-service p{
	padding: 5px 10px;
	margin-bottom : 10px;
}

/* old-air-home-intro */

.old-air-home-intro{
	margin-bottom: -25px;
}

/* old-air-home-intro2 */

@media (min-width: 0px) {
	.old-air-home-intro2{
		margin-top : -45px;
		margin-bottom : -20px;
	}
}	
@media (min-width: 768px) {
	.old-air-home-intro2{
		margin-top : -45px;
		margin-bottom : -30px;
	}	
}
@media (min-width: 970px) {
	.old-air-home-intro2{
		margin-top : -45px;
		margin-bottom : -30px;
	}	
}	

/* lightbox2 */

.lightbox2 .sow-image-grid-wrapper{
	margin-bottom: -50px;	
}

@media (min-width: 0px) {
    .lightbox2{
        padding: 0;
        margin: 0 -2px 10px -2px;
    }
    
    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 50%;
        box-sizing: border-box;
        margin: -4px -8px;
    }
    
    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .lightbox2{
        padding: 0;
        margin: 0 -2px 13px -2px;
    }

    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 25%;
        box-sizing: border-box;
        margin: -2px -5px;
    }
    
    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 970px) {
    .lightbox2{
        padding: 0;
        margin: 0 -2px 13px -2px;
    }

    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 25%;
        box-sizing: border-box;
        margin: 0 -3px;
    }
    
    .lightbox2 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
    
}

/* old-air-facebook */

@media (min-width: 0px) {
	.old-air-facebook{
		
	}
}	
@media (min-width: 768px) {
	.old-air-facebook{
		margin-bottom : -20px;
	}	
}
@media (min-width: 970px) {
	.old-air-facebook{
		margin-bottom : 0px;
	}	
}	

/* List air reference */

.li-air-reference{
	border-bottom: 1px solid #e8e3e0;
}

/* Contact 1 */

@media (min-width: 0px) {
    .contact1 .so-widget-sow-contact-form form{
        padding: 15px;
        margin-bottom: -10px;
    }
}

@media (min-width: 768px) {
	.contact1 .so-widget-sow-contact-form form{
	    padding: 20px;
	    margin-bottom: 0;
	}
}

@media (min-width: 970px) {
    .contact1 .so-widget-sow-contact-form form{
        padding: 25px;
    }
}

.contact1 .so-widget-sow-contact-form i{
	margin-right: 3px;
}

.contact1 .so-widget-sow-contact-form h3{
	font-weight: bold;
	padding: 10px 15px;
	margin-bottom: 0;
}

.contact1 .so-widget-sow-contact-form label{
	font-size: 14px;
	margin-bottom: 2px;
}

.contact1 .so-widget-sow-contact-form input[type="text"],
.contact1 .so-widget-sow-contact-form input[type="email"]{
    height: 35px;
    padding: 8px 6px;
    font-size: 16px;
    border: none;
    background: #fff;
    color: #333;
}

.contact1 .so-widget-sow-contact-form textarea{
    padding: 8px 6px;
    font-size: 16px;
    border: none;
    background: #fff;
    color: #333;
    font-family: Tahoma, Geneva, sans-serif;
}

.contact1 .so-widget-sow-contact-form input[type="submit"]{
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 15px;
    background: #f7f7f7;
    vertical-align: middle;
    line-height: 36px;
    min-height: 36px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom-color: rgba(0,0,0,0.2);
    background-origin: border-box;
    color: #666;
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(to bottom,#fff,#eee);
    text-shadow: 0 1px 0 #FFF;
    border-radius: 3px;
}

.contact1 .so-widget-sow-contact-form input[type="submit"]:hover{
    background-color: #f7f7f7;
    color: #515456;
    outline: none;
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0.16);
    background-image: none;
    cursor: pointer;
}

.contact1 .so-widget-sow-contact-form input[type="submit"]:active{
    background-color: #f5f5f5;
    color: #515456;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.contact1 .so-widget-sow-contact-form .sow-submit-wrapper{
	text-align: center;
}

/* Contact 2 */

@media (min-width: 0px) {
	.contact2-icon{
	    text-align: center;
	    padding: 20px 0;
	}
	
	.contact2-title{
	    padding: 5px 0 20px 0;
	    line-height: 1.65em;
	}
	
	.contact2{
	    padding: 20px 20px 25px 20px;
	}
	
	.contact2-title--submit button{
	    font-size: 22px;
	    padding: 5px 0;
	    margin-top: 10px;
	}
	
	.contact2-title--input{
	    margin-bottom: 10px;
	}
	
    .contact2-title--subject{
        font-size: 12px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .contact2-icon{
        padding: 20px 0;
    }
    
    .contact2-title{
        padding: 5px 0 30px 0;
    }
    
    .contact2{
        padding: 20px 20px 25px 20px;
    }
    
    .contact2-title--submit button{
        font-size: 19px;
        padding: 8px 0 7px 0;
        margin-top: 26px;
    }
    
    .contact2-title--input{
        margin-bottom: 0;
    }
    
	.contact2-title--subject{
	    font-size: 14px;
	    margin-bottom: 2px;
	}
}

@media (min-width: 970px) {
    .contact2-icon{
        padding: 30px 0;
    }
	
    .contact2-title{
        padding: 45px 0;
    }
    
    .contact2{
        padding: 20px;
    }
    
    .contact2-title--submit button{
        font-size: 22px;
        padding: 5px 0;
    }
}

.contact2{
    background: #2166aa;
    border-radius: 5px;
}

.contact2 input,
.contact2 button{
	width: 100%;
}

.contact2-icon img{
	width: 160px;
	border-radius: 50%;
}

.contact2 input{
    padding: 13px 10px 12px 10px;
    box-sizing: border-box;
    border-radius: 2px;
    border: none;
    font-size: 16px;
}

.contact2-title{
	color: #FFF;
	text-align: center;
}

.contact2-title--subject{
    color: #EEE;
}

.contact2-title--head{
	font-size: 34px;
	margin-bottom: 16px;
}

.contact2-title--remark{
	font-size: 14px;
	color: #DDD;
	margin-top: 10px;
}

.contact2-title--submit button{
    border-radius: 3px;
    border: none;
    background: #81b720;
    color: #FFF;
}

.contact2-title--submit button:hover{
	cursor: pointer;
	background: #95cc32;
}

.contact2-title--submit button:disabled {
    background: #dddddd;
}

.cname-r,
.cphone-r{
    font-size: 12px;
    margin-left: 7px;
    background: #bcf8ff;
    padding: 3px 7px;
    border-radius: 3px;
    color: #000;
    display: none;
}

.contact2-success{
    text-align: center;
    background: #81b720;
    color: #FFF;
    padding: 20px 10px 20px 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
    display: none;
    line-height: 1.65em;
}

/* Contact 3 */

.contact3 .sow-image-container img{
	height: 50px;
	margin-bottom: -10px;
}

.contact3-title{
	font-weight: bold;
	margin-bottom: 5px;
	color: #444;
	margin-top: 15px;
}

.contact3-title i{
	width: 8px;
}

.contact3-info{
	margin: 0;
	padding-left: 12px;
	font-size: 17px;
}

.contact3-info i{
	margin-right: 2px;
}

.contact-3-lineimg{
	letter-spacing: 1.5px;
	font-weight: bold;
	font-family: tahoma, Helvetica;
}

.contact-3-lineimg img{
    width: 24px;
    margin-right: 5px;
}

/* Button 1 */

@media (min-width: 0px) {
	.button1{
	    margin-bottom: 0 !important;
	}
	
    .button1 .panel-grid-cell,
    .button1 .widget_sow-button{
        margin-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    .button1{
        margin-bottom: 0 !important;
    }
	
    .button1 .panel-grid-cell,
    .button1 .widget_sow-button{
        margin-bottom: 30px !important;
    }
}

@media (min-width: 960px) {
    .button1{
        margin-bottom: -30px !important;
    }
    
    .button1 .panel-grid-cell,
    .button1 .widget_sow-button{
        margin-bottom: 30px !important;
    }
}

/* Button 2 */

@media (min-width: 0px) {
	.button2 .panel-grid-cell{
	    width: 100% !important;
	    margin-bottom: 10px !important;
	}
	
    .button2 .panel-grid{
        margin-bottom: 10px !important;
        display: block !important;
    }
}

@media (min-width: 768px) {
    .button2 .panel-grid{
        margin-bottom: 20px !important;
    }
}

@media (min-width: 970px) {
	.button2 .panel-grid-cell{
	    width: 50% !important;
        width: calc(50% - ( 0.5 * 30px ) ) !important;
	}
	
    .button2 .panel-grid{
        display: -webkit-flex !important;
        display: flex !important;
    }
}

/* About 1 */

@media (min-width: 0px) {
    .about1jump ul li a:after{
        content: "\f175";
    }
    
    .about1jump ul li a{
        font-size: 14px;
        padding: 7px 0 7px 0;
    }
}

@media (min-width: 768px) {
	.about1jump ul li a:after{
	    content: "\f178";
	}
	
    .about1jump ul li a{
        font-size: 12px;
        padding: 10px 0 10px 0;
    }
}

@media (min-width: 970px) {
	.about1jump ul li a{
	    font-size: 14px;
	    padding: 10px 0 10px 7px;
	}
}

.about1list{
	border-bottom: 2px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.about1jump{
	margin-top: -20px;
}

.about1jump ul{
	padding: 0;
}

.about1jump ul li{
	border-bottom: 1px solid #EEE;
	list-style: none;
}

.about1jump ul li a{
	display: block;
}

.about1jump ul li a:hover{
	text-decoration: none;
}

.about1jump ul li a:hover:after{
	color: #888;
}

.about1jump ul li a:after{
    float: right;
    color: #CCC;
    font-family: "FontAwesome";
}

/* About 2 */

@media (min-width: 0px) {
    .about2{
        margin: 10px 0 -15px 0;
    }
    
    #sgp .about2 .panel-grid-cell{
        padding: 10px 15px 3px 10px;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .about2{
        margin: 15px 0 -15px 0;
    }
    
    #sgp .about2 .panel-grid-cell{
        padding: 15px 20px 5px 20px;
        margin: 30px auto 30px auto;
    }
}

@media (min-width: 970px) {
	.about2{
	    margin: 20px 0 -5px 0;
	}
	
	#sgp .about2 .panel-grid-cell{
	    padding: 0 20px 5px 20px;
	}
}

.about2{
	background: #F5F6F6;
}

#sgp .about2 .panel-grid-cell{
    box-shadow: #DDD 1px 1px 1px;
    border: 1px solid #EEE;
    background: #FFF;
    max-width: 600px;
}

/* Quote 1 */

@media (min-width: 0px) {
	.quote1 .sow-testimonial-user{
	    padding: 10px 7px 10px 0;
	}
	
    .quote1 .sow-text{
        font-size: 12px;
        line-height: 1.5em;
    }
    
    .quote1 .sow-testimonial-text{
        font-size: 14px;
        line-height: 1.65em;
    }
}

@media (min-width: 768px) {
    .quote1 .sow-testimonial-user{
        padding: 10px 20px 10px 10px;
    }
    
    .quote1 .sow-text{
        font-size: 16px;
        line-height: 1.5em;
    }
    
    .quote1 .sow-testimonial-text{
        font-size: 16px;
        line-height: 1.65em;
    }
}

@media (min-width: 970px) {
    .quote1{
        padding-right: 60px;
    }
}

.quote1 .sow-testimonial-user{
	text-align: center;
}

.quote1 .sow-text span{
	color: #999;
}

/* Content 0 */

.content0{
	line-height: 1.65em;
}

.content0 ul li,
.content0 ol li{
    line-height: 1.45em;
    margin-bottom: 4px;
}

.content0 .siteorigin-widget-tinymce p:last-child{
	margin-bottom: 0;
}

/* Content 1 */

@media (min-width: 0px) {
	.content1 img{
	    max-width: 100%;
	}
}

@media (min-width: 768px) {
    .content1 img{
        max-width: 400px;
    }
}

.content1{
	padding: 10px 0 0 0;
}

.content1 h2{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.4em;
}

.content1 p{
	margin: 10px 0;
	color: #747474;
    line-height: 1.8em;
    padding: 0 15px;
}

.content1 img{
	margin-top: 30px;
}

/* Content 2 */

.content2{
    padding: 40px 0;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.content2 h3{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 26px;
    color: #FFF;
}

.content2 p{
    margin: 10px 0;
    color: #FFF;
    line-height: 1.7em;
    padding: 0 15px;
}

.content2 p:last-child{
    margin-bottom: 5px;
}

.content2 h1{
	font-family: "ThaiSansNeueBold";
	color: #FFF;
	font-size: 40px;
}

/* Content 3 */

.content3{
    padding: 40px 0 10px 0;
}

.content3 h2{
    margin-bottom: -8px;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4em;
}

.content3 p{
	text-indent: 20px;
}

/* Content 4 */

@media (min-width: 0px) {
	.content4{
	    padding-top: 0;
	    margin-top: -15px;
	}
	
	.content4 h3,
	.content4-price{
	    text-align: center;
	}
}

@media (min-width: 768px) {
	.content4{
	    margin-top: 0;
	}
	
    .content4 h3,
    .content4-price{
        text-align: left;
    }
    
    .content4.camera{
        margin-left: -5px;
    }
}

@media (min-width: 970px) {
    .content4{
        padding-top: 12px;
    }
    
    .content4.camera{
        margin-left: 0;
    }
}

.content4 h3{
    font-size: 24px;
    font-weight: bold;
}

.content4-price{
	font-size: 18px;
	color: #E47911;
	margin-bottom: 0;
	margin-top: 22px;
}

.content4-remark{
	margin-top: 5px;
	font-size: 12px;
	color: #999;
}

/* Content 5 */

.content5 h3{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
    color: #555;
}

.content5 ul{
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}

/* Content 6 */

.content6{
	margin-bottom: -20px;
}

.content6 h3{
	font-weight: bold;
	color: #333;
	margin-bottom: 3px;
}

.content6 .content6-price{
	margin-top: -7px;
	color: #999;
	font-size: 14px;
}

.content6 .content6-price--num{
    background: #EEE;
    padding: 6px 10px;
    color: #0b882c;
}

/* Content 7 */

@media (min-width: 0px) {
	.content7{
	    margin-top: -25px;
	}
}

@media (min-width: 768px) {
    .content7{
        margin-top: -35px;
    }
}

.content7{
	color: #999;
}

.content7 a{
	color: #999;
	letter-spacing: 1px;
}

.content7 a:hover{
	text-decoration: underline;
}

/* Content 8 */

@media (min-width: 0px) {
	.content8 p{
	    margin: 10px 0;
	}
}

@media (min-width: 768px) {
    .content8 p{
        margin: -5px 0 0 0;
    }
}

@media (min-width: 970px) {
    .content8 p{
        margin: 10px 0;
    }
}

.content8{
    padding: 40px 0;
}

.content8 p{
    color: #333;
    line-height: 1.7em;
    padding: 0 15px;
}

/* Content 9 */

@media (min-width: 0px) {
	.content9-price{
	    text-align: center;
	}

	.content9-price strong{
	    margin: -10px -15px 10px -15px;
	    padding: 8px 15px 8px 15px;
	    border-radius: 2px 2px 0 0;
	    width: 100%;
	    display: block;
	} 
}

@media (min-width: 768px) {
    .content9-price{
        text-align: left;
    }
	
    .content9-price strong{
        margin: -15px 15px -15px -15px;
        padding: 12px 15px 13px 15px;
        border-radius: 2px 0 0 2px;
        text-align: left;
        display: inline;
    } 
}

.content9{
	padding-top: 3px;
}

.content9-price{
    margin: 17px 0 -10px 0;
    padding: 10px 15px;
    background: #FFF;
    border-radius: 3px;
    color: #000;
    border: 1px solid #66CCC4;
}

.content9-price strong{
    background: #85D6CF;
}

/* Content 10 */

@media (min-width: 0px) {
    .content10 ul li{
        width: 100%;
        float: none;
        margin-bottom: 2px;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .content10 ul li{
        width: 50%;
        float: left;
        margin-bottom: 2px;
        font-size: 14px;
    }
}

@media (min-width: 970px) {
    .content10 ul li{
        width: 33.33%;
        margin-bottom: 2px;
    }
}

.content10 h3{
	font-weight: bold;
	margin-bottom: 5px;
}

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

/*  Content 11 */

.content11 p{
	line-height: 1.65em;
	
}

.content11-remark{
	font-size: 14px;
    padding: 10px;
    line-height: 1.5em;
    background-color: whitesmoke;
    margin-bottom: 20px;
}

.content11-ul{
	list-style: none;
	padding-left: 0;
	margin-bottom : -15px;
}
.content11-ul .uk-icon-check-square-o{
	color : #02B133;
}

.content11-ul li{
	 margin-bottom: 5px;
	 line-height : 1.5em;
}

.conttent11-bt-phone:hover{
	text-decoration: none;	
}

@media (min-width: 0px) {
	.conttent11-bt-phone{
		font-size : 30px;	
		font-weight : bold;
		letter-spacing: 2px;
		display: block;
		margin-bottom : -10px;
	}
}	

@media (min-width: 768px) {
	.conttent11-bt-phone{
		font-size : 28px;	
		font-weight : bold;
		letter-spacing: 2px;
		display: block;
		margin-bottom : -10px;
	}
	
}
@media (min-width: 970px) {
	.conttent11-bt-phone{
		font-size : 44px;	
		font-weight : bold;
		letter-spacing: 2px;
		display: block;
		margin-bottom : -10px;
	}
}

/*  Content 12 */

@media (min-width: 0px) {
	.content12-quote{
	    font-size: 22px;
	    margin-top: -30px;
	    text-align: center;
	    padding: 10px 18px;
	}
	
	.content12-ref{
	    margin-top: -5px;
	}
}   

@media (min-width: 768px) {
    .content12-quote{
        text-align: left;
        font-size: 24px;
	    margin-left: -30px;
	    margin-right: 0;
	    padding: 10px 20px;
	    margin-top: 60px;
	    border-radius: 0 5px 5px 0;
    }
    
    .content12-ref{
        padding-right: 20px;
        margin-top: 0;
    }
}
@media (min-width: 970px) {
    .content12-quote{
        font-size: 30px;
    }
}

.content12 p{
    line-height: 1.65em;
}

.content12-quote{
    font-weight: bold;
    background: #027a9f;
    color: #f6f6f6;
}

.content12-quote .uk-icon-quote-left{
    font-size: 20px;
    margin-top: 5px;
    margin-right: 12px;
    vertical-align: top;
    color: #FFF;
}

.content12-quote .uk-icon-quote-right{
    font-size: 20px;
    margin-top: 5px;
    margin-left: 12px;
    vertical-align: top;
    color: #FFF;
}

.content12-ref{
	text-align: right;
    color: #999;
    font-size: 14px;
}

.row5 .sow-image-container img{
	border: 7px solid #027a9f;
}

/* Image 1 */

.image1{
    background: #FFF;
    text-align: center;
}

.image1 h3{
    font-size: 16px;
    padding: 15px 0;
    color: #666;
    margin-bottom: 0;
}

/* Features 1 */

@media (min-width: 0px) {
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
	    margin-right: 20px;
        margin-top: 5px;
	    width: 70px;
	    height: 70px;
	    font-size: 80px;
	}
	
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 80px;
        height: 80px;
    }
    
    #sgp .features1 .sow-features-feature{
        margin-bottom: 30px;
    }
    
    #sgp .features1 .sow-features-list .sow-features-feature:last-child{
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
        margin-right: 15px;
        margin-top: 6px;
        width: 120px;
        height: 120px;
        font-size: 120px;
    }
    
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 120px;
        height: 120px;
    }
    
    #sgp .features1 .sow-features-feature{
        margin-bottom: 25px;
    }
}

@media (min-width: 970px) {
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
        margin-right: 18px;
        margin-top: auto;
        width: 150px;
        height: 150px;
        font-size: 150px;
    }
    
    .features1 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 150px;
        height: 150px;
    }
}

.features1 .so-widget-sow-features .sow-features-list .sow-features-feature h5{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0;
}

.features1 p{
	margin: 0;
	line-height: 1.5em;
	color: #666;
}

/* Features 2 */

@media (min-width: 0px) {
    .features2{
        padding-top: 40px;
    }

    .features2 .so-panel{
        margin-bottom: 10px !important;
    }
    
    .features2 .so-panel.panel-last-child{
        margin-bottom: 0 !important;
    }
    
    .features2 .panel-grid-cell{
        margin-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    .features2 .so-panel{
        margin-bottom: 25px !important;
        margin-left: -7px !important;
        margin-right: -7px !important;
        margin-top: -7px !important;
    }
    
    .features2{
        padding: 30px 10px 0 10px !important;
        margin-bottom: -5px !important;
    }
    
    .features2 .panel-grid-cell{
        margin-bottom: 30px !important;
    }
}

@media (min-width: 970px) {
    .features2 .so-panel{
        margin-bottom: 30px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    
    .features2{
        padding: 30px 0 0 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Features 3 */

.features3 .so-widget-sow-features .sow-features-list .sow-features-feature h5{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.features3 .so-widget-sow-features .sow-features-list .sow-features-feature p{
    margin: 0;
    line-height: 1.5em;
    color: #666;
}

.features3 .so-widget-sow-features .sow-features-list .sow-features-feature{
	margin-bottom: 30px;
}

/* Features 4 */

.features4 ul{
    list-style: none;
    padding-left: 23px;
    margin-bottom: 0;
}

.features4 ul li{
    margin-bottom: 3px;
    line-height: 1.4em;
}

.features4 ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -22px;
    width: 20px;
    font-size: 15px;
    color: #37b24d;
    margin-right: 1px;
}

/* Features 5 */

@media (min-width: 0px) {
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
        margin-right: 20px;
        margin-top: 6px;
        width: 70px;
        height: 70px;
        font-size: 80px;
    }
    
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 80px;
        height: 80px;
    }
    
    #sgp .features5 .sow-features-list .sow-features-feature{
        margin-bottom: 30px;
    }
    
    #sgp .features5 .sow-features-list .sow-features-feature:last-child{
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
        margin-right: 15px;
        margin-top: 6px;
        width: 120px;
        height: 120px;
        font-size: 120px;
    }
    
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 120px;
        height: 120px;
    }
    
    #sgp .features5 .sow-features-list .sow-features-feature{
        margin-bottom: 20px;
    }
}

@media (min-width: 970px) {
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container {
        margin-right: 18px;
        margin-top: auto;
        width: 150px;
        height: 150px;
        font-size: 150px;
    }
    
    .features5 .so-widget-sow-features .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
        width: 150px;
        height: 150px;
    }
}

.features5 .so-widget-sow-features .sow-features-list .sow-features-feature h5{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
}

.features5 p{
    margin: 0;
    line-height: 1.5em;
    color: #666;
}

.features5 .sow-features-feature{
    margin-bottom: 25px;
}

/* features6 */



/* Price 1 */

@media (min-width: 0px) {
	.price1{
        padding: 0 10px;
	} 
}

@media (min-width: 768px) {
    .price1{
        padding: 0;
    } 
}

.price1 .so-widget-sow-price-table h3{
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-per{
	font-size: 12px;
	margin-top: 4px;
	color: #DDD;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-title{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    color: #fff2b1;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-featured .ow-pt-title{
	font-size: 26px;
	color: #fff1a8;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-subtitle{
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    color: #F0F0F0;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .sow-feature-text strong{
	font-weight: bold;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-price{
    font-size: 32px;
    letter-spacing: 1px;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .sow-feature-icon{
	padding-top: 6px;
	font-size: 18px;
	padding-right: 7px;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-features .ow-pt-feature:last-child{
    background: #DDD;
    color: #333;
    text-shadow: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
}

.price1 .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-image img{
	width: 100%;
	padding: 10px 0;
}

.price1.price1a .so-widget-sow-price-table .ow-pt-columns-atom .ow-pt-column .ow-pt-features .ow-pt-feature{
	padding: 7px 20px;
}

.price1.price1a .ow-pt-price{
    font-size: 22px !important;
    letter-spacing: 0 !important;
}

/* Gallery 1 */

@media (min-width: 0px) {
    .gallery1{
        padding: 0;
        margin: -3px -7px;
    }
    
    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 50%;
        box-sizing: border-box;
        margin: -4px -8px;
    }
    
    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .gallery1{
        padding: 0;
        margin: -2px -5px;
    }

    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 33.33%;
        box-sizing: border-box;
        margin: -2px -5px;
    }
    
    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
}

@media (min-width: 970px) {
    .gallery1{
        padding: 0;
        margin: 0 -2px 5px -2px;
    }

    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image{
        width: 20%;
        box-sizing: border-box;
        margin: 0 -3px;
    }
    
    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
    
    .gallery1 .so-widget-sow-image-grid .sow-image-grid-wrapper .sow-image-grid-image:last-child{
        display: none;
    }
}

/* Gallery 2 */

@media (min-width: 0px) {
    .gallery2 .sow-image-grid-image{
        padding-top: 0 !important;
        margin-top: -4px;
    }
}

@media (min-width: 768px) {
	.gallery2 .sow-image-grid-image{
	    padding-top: 8px !important;
	    margin-top: 0;
	}
}

/* Full Width 1 */

@media (min-width: 0px) {
	.fullwidth1 > div{
	    padding: 0 !important;
	} 
}

@media (min-width: 768px) {
    .fullwidth1 > div{
        padding: 0 20px !important;
    } 
}

@media (min-width: 970px) {
    .fullwidth1 > div{
        padding: 0 30px !important;
    } 
}

/* Row 1 */

.row1{
    padding: 25px 0;
}

/* Row 2 */

.row2{
    padding-top: 25px;
    padding-bottom: 40px;
}

/* Row 3 */

@media (min-width: 768px) {
    .row3{
        padding-left: 20px;
        border-left: 1px dotted #DDD;
        margin-left: -10px;
    }
}

@media (min-width: 970px) {
    .row3{
        padding-left: 30px;
        margin-left: 0;
    }
}

/* Row 4 */

.row4{
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #DDD;
    text-align: center;
}

/* Row 5 */

.row5{
	
}

/* Tour Table */

@media (min-width: 0px) {
    .tourtable{
        margin-bottom: -25px;
    }
    
    .tourtable .panel-layout .panel-grid-cell:first-child{
        margin-bottom: 5px !important;
    }
    
    .tourtable .sow-image-grid-wrapper .sow-image-grid-image img{
        width: 100%;
        max-width: 100% !important;
    }
    
    .tourbox{
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .tourtable{
        margin-bottom: -40px;
    }
    
    .tourtable .tourtable-left{
        margin-right: -12px;
    }
    
    .tourtable-gallery{
        margin-left: -40px;
    }
    
    .tourbox{
        margin-bottom: 80px;
    }
}

@media (min-width: 970px) {
    .tourtable-gallery{
        margin-left: 0;
    }
    
    .tourtable .sow-image-grid-wrapper .sow-image-grid-image img{
        max-width: 232px !important;
    }
    
    .tourbox{
        margin-bottom: 90px;
    }
}

.tourtable .tourtable-left{
    text-align: center;
    font-weight: bold;
    color: #045d98;
}

.tourtable-right ol{
    margin-top: -5px;
    padding-left: 20px;
}

.tourtable-right ol li{
    margin-bottom: 5px;
}

.tourtable-right ol li:last-child{
    margin-bottom: 0;
}

.tourtable-right-warning .textwidget{
    background: #bae8ff;
    color: #444;
    padding: 5px 8px;
    text-align: center;
    border-radius: 2px;
}

.tourtable .widget_sow-editor,
.tourtable .panel-grid{
    margin-bottom: 0 !important;
}

.tourtable-gallery{
    margin-bottom: 20px;
}

/* Tour Table 1 */

@media (min-width: 0px) {
    .tour-table1 table tr td{
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .tour-table1 table tr td{
        font-size: 14px;
    }
}

.tourtable1 h3{
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
}

.tour-table1.su-table table{
    margin-bottom: 0 !important;
    margin: 0 auto !important;
}

.tour-table1 table thead th{
    font-weight: bold !important;
    padding: 10px 0 !important;
}

.tour-table1 table tr td:first-child{
    text-align: center;
}

.tour-table1.su-table .su-even td{
    background: #FFF !important;
}

.tour-table1 .tour-table1-more{
    color: #AAA;
    font-size: 13px;
}

/* Table 2 */

@media (min-width: 0px) {
    .table2 img{
        display: none;
        margin: -5px 3px -4px -12px;
    }
    
    .su-table.table2 td{
        padding: 8px 10px !important;
        font-size: 14px;
        line-height: 1.5em;
    }
}

@media (min-width: 768px) {
    .table2 img{
        margin: -8px 3px -5px -10px;
    }
    
    .su-table.table2 td{
        padding: 8px 14px !important;
        line-height: 1.65em;
    }
}

@media (min-width: 970px) {
    .table2 img{
        display: inline;
    }
	
    .su-table.table2 td{
        font-size: 16px;
    }
}

.table2 img{
    width: 34px;
    background: #85d6cf;
    padding: 2px;
    border-radius: 3px;
}

.su-table.table2{
	margin-bottom: 2px !important;
}

.su-table.table2 td,
.su-table.table2 .su-even td{
    background: #e1f4f1 !important;
}

.su-table.table2 td:last-child,
.su-table.table2 .su-even td:last-child{
	background: #FFF !important;
}

/* Tour Place */

@media (min-width: 0px) {
    .tourplace .panel-grid-cell:first-child .so-widget-sow-editor p{
        margin-bottom: -15px;
    }
    
    .tourplace .panel-grid-cell:last-child .panel-first-child .so-widget-sow-editor{
        margin-bottom: -15px;
    }
    
    .tourplace .panel-grid-cell:last-child ul{
        padding-left: 25px;
    }
    
    .tourloop2 .loop2 h3{
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .tourplace .panel-grid-cell:last-child > div{
        margin-left: -5px;
    }
    
    .tourplace .panel-grid-cell:last-child .panel-first-child .so-widget-sow-editor{
        padding-top: 42px;
        margin-bottom: -25px;
    }
    
    .tourplace .panel-grid-cell:first-child .so-widget-sow-editor p{
        margin-bottom: 0;
    }   
    
    .tourplace .panel-grid-cell:last-child ul{
        padding-left: 30px;
    }
    
    .tourloop2 .loop2 h3{
        font-size: 12px;
    }
}

@media (min-width: 970px) {
    .tourplace .panel-grid-cell:last-child > div{
        margin-left: 0;
    }
    
    .tourloop2 .loop2 h3{
        font-size: 16px;
    }
}

.tourplace{
    padding-bottom: 30px;
    border-bottom: 1px dashed #CCC;
}

.tourplace.lasttourplace{
    border-bottom: 0;
    padding-bottom: 10px;
}

.tourplace .so-panel .so-widget-sow-headline .sow-headline-container h3.sow-headline{
    font-size: 22px !important;
    font-weight: bold;
    margin-bottom: -17px !important;
}

#sgp .tourplace h4.sow-headline{
    font-size: 18px;
    text-align: left;
    margin-bottom: -25px !important;
    font-weight: bold;
}

.tourplace .panel-grid-cell:first-child .so-widget-sow-editor{
    margin-top: -15px;
    font-size: 15px;
    line-height: 1.5em;
}

.tourplace .sow-slide-nav{
    display: block !important;
}

.tourplace .sow-slider-pagination{
    display: block !important;
    text-align: center;
}

.tourplace .sow-slide-nav-next{
    right: 10px !important;
}

.tourplace .sow-slide-nav.sow-slide-nav-next a{
    padding: 6px 6px 9px 9px;
    border-radius: 50%;
}

.tourplace .sow-slide-nav-prev{
    left: 10px !important;
}

.tourplace .sow-slide-nav.sow-slide-nav-prev a{
    padding: 6px 9px 9px 6px;
    border-radius: 50%;
}

.tourplace .sow-slide-nav a{
    background: #EEE;
    color: #FFF;
    width: 20px;
    height: 20px;
    text-align: center;
}

.tourplace .sow-slider-base .sow-slide-nav:hover{
    opacity: 1;
}

.tourplace .sow-slide-nav em{
    font-size: 22px;
    color: #444;
}

.tourplace-remark{
    margin-top: -15px;
}

.tourplace .tourplace-remark .so-widget-sow-editor{
    padding-top: 0 !important;
    font-size: 12px;
    line-height: 1.5em;
    color: #999;
}

#sgp .tourplace .tourplace-special{
    margin-bottom: -20px;
    color: #A0522D;
    font-size: 15px;
    background: #f2fae3;
    padding: 10px 10px 1px 12px;
    max-width: 350px;
    border-radius: 4px;
}

#sgp .tourplace .tourplace-special ul{
    margin-top: -11px;
    line-height: 1.7em;
    padding-left: 17px;
    text-indent: 4px;
    margin-bottom: 12px;
}

#sgp .tourplace .tourplace-special p i{
	margin-right: 3px;
}

.tourplace .panel-grid-cell:last-child .panel-first-child .so-widget-sow-editor ul i{
    font-size: 14px;
    color: #777;
}

/* Tour Index */

@media (min-width: 0px) {
    .tourindex ul {
        padding-left: 30px;
        margin-top: -20px;
    }
    
    .tourindex ul li{
        margin-bottom: 0;
        font-size: 15px;
        line-height: 1.5em;
    }
    
    .tourindex .ow-button-base{
        text-align: center !important;
    }
}

@media (min-width: 768px) {
	.tourfacebook{
	    margin-left: -10px;
	}
	
    .tourindex ul {
        padding-left: 17px;
        margin-top: -20px;
        margin-top: 0;
    }
    
    .tourindex .ow-button-base{
        text-align: left !important;
    }
}

@media (min-width: 970px) {
    .tourfacebook{
        margin-left: 0;
    }
	
    .tourindex ul li{
        margin-bottom: 3px;
        font-size: 16px;
        line-height: 1.65em;
    }
}

.tourindex{
    padding-bottom: 20px;
    margin-bottom: -10px;
    border-bottom: 1px dashed #CCC;
}

.tourindex ul{
	margin-bottom: -17px;
}

.tourindex.lasttourindex{
	border-bottom: 0;
	margin-bottom: 0;
}

.tourindex .so-widget-sow-button a{
	letter-spacing: 0px !important;
	padding: 13px 32px !important;
}

/* Insurance Box */

@media (min-width: 0px) {
    #sgp .insurancebox h2{
        margin: -10px -10px -22px -10px !important;
    }
    
    .insurancebox .panel-grid-cell:last-child{
        padding: 10px !important;
        margin-top: -15px;
    }
    
	.insurance-remark{
	    font-size: 12px;
	}
}

@media (min-width: 768px) {
	#sgp .insurancebox h2{
	    margin: -20px !important;
	}
	
    .insurancebox .panel-grid-cell:last-child{
        padding: 20px !important;
    }
    
    .insurance-remark{
        font-size: 14px;
    }
}

@media (min-width: 970px) {

}

.insurancebox{
	
}

.insurancebox .panel-grid-cell:last-child{
	background: #bde6e2;
	margin-bottom: 20px;
	color: #333;
	border-radius: 5px;
}

#sgp .insurancebox h2{
    text-align: center;
    font-weight: bold;
    background: #85D6CF;
    padding: 8px 0;
    font-size: 22px !important;
    color: #000;
    border-radius: 5px 5px 0 0 !important;
}

.insurance-remark{
    color: #666;
    text-align: center;
}

/* Payment 1 */

@media (min-width: 0px) {
    .payment1-bank{
	    text-align: center;
	    display: block;
	    font-size: 12px;
	    line-height: 1.5em;
	    width: 100%;
    }
    
    .payment1 table thead th:first-child,
    .payment1 table tbody td:first-child{
        max-width: 100px;
        box-sizing: border-box;
    }
    
    .payment1-name{
        padding-top: 3px;
    }
    
    .payment1-type{
        font-size: 12px;
    }
    
	.payment1-number{
	    padding-top: 6px;
	}
}

@media (min-width: 768px) {
    .payment1 table thead th:first-child,
    .payment1 table tbody td:first-child{
        max-width: none;
        box-sizing: border-box;
    }
	
    .payment1-bank{
        text-align: left;
        display: inline;
        font-size: 14px;
        line-height: 1.65em;
    }
	
	.payment1-branch{
	    font-size: 12px;
	}
	
	.payment1-type{
	    font-size: 14px;
	    padding-top: 18px;
	}
	
    .payment1 table img{
        width: 60px;
        margin-right: 5px;
    }
    
    .payment1-name{
        padding-top: 7px;
    }
    
    .payment1-number{
        padding-top: 18px;
    }
}

@media (min-width: 970px) {
    .payment1-branch{
        font-size: 14px;
    }
    
    .payment1-type{
        font-size: 16px;
    }
}

.payment1 h2{
    font-size: 18px;
}

.payment1 table{
    border: 1px solid #EEE;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.payment1 table td{
    border: 1px solid #f1f1f1;
}

.payment1 table thead th{
    background: #EEE;
    color: #444;
}

.payment1 table img{
	text-align: center;
}

.payment1-bank{
	margin-top: 4px;
}

.payment1-name{
	font-weight: bold;
}

.payment1-branch{
    color: #999;
    line-height: 1.4em;
}

.payment1-number{
    letter-spacing: 1.5px;
    font-size: 18px;
    color: #000;
}

.payment1-type{
	color: #999;
}

/* Transport 1 */

@media (min-width: 0px) {
    .transport1jump ul li a:after{
        content: "\f175";
    }
    
    .transport1jump ul li a{
        font-size: 14px;
        padding: 7px 10px 7px 10px;
    }
    
	#sgp .transport1 h2{
	    text-align: center;
	}
}

@media (min-width: 768px) {
    #sgp .transport1 h2{
        text-align: left;
    }
}

.transport1{
    padding-bottom: 30px;
    border-bottom: 1px dashed #CCC;
}

.transport1.transport1last{
    border-bottom: 0;
}

#sgp .transport1 h2{
    line-height: 1.4em;
    font-size: 20px;
    margin-bottom: -17px !important;
    font-weight: bold;
}

#sgp .transport1 .sow-icon-container{
	margin-bottom: -15px;
}

.transport1jump{
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.transport1jump{
    margin-top: -10px;
}

.transport1jump ul{
    padding: 0;
}

.transport1jump ul li{
	border: 1px solid #EEE;
    border-bottom: none;
    list-style: none;
}

.transport1jump ul li:last-child{
	border-bottom: 1px solid #EEE;
}

.transport1jump ul li a{
    display: block;
}

.transport1jump ul li a:hover{
    text-decoration: none;
}

.transport1jump ul li a:hover:after{
    color: #888;
}

.transport1jump ul li a:after{
    float: right;
    color: #CCC;
    font-family: "FontAwesome";
}

/* Product Single */

@media (min-width: 0px) {
	#prd h1{
	    font-size: 24px;
	    font-weight: bold;
	    margin: 10px 0 0 0;
	}
	
	.prd-img-more img{
        width: 19%;
        margin-right: 1.25%;
	}
	
	.prd-img-more img:last-child{
	    margin-right: 0;
	}
	
    .prd-img-more{
        float: none;
        width: 100%;
        margin-top: 5px;
    }
    
    .prd-img{
        width: 100%;
    }
    
    .prd-feature{
        margin-left: 0;
        padding-top: 10px;
    }
    
    .prd-feature-more--list{
        margin-bottom: 12px;
        font-size: 12px;
    }
    
	a.prd-buy-main{
	    width: 100%;
	}
	
	.prd-content h2{
	    font-size: 16px;
	}
	
	.prd-content h3{
	    font-size: 15px;
	}
	
	.prd-content-promote{
	    margin-top: 25px;
	}
}

@media (min-width: 768px) {
    #prd h1{
        font-size: 26px;
        margin: 15px 0 0 0;
    }
    
    .prd-img-more img{
	    width: 100%;
	}
	
	.prd-img-more{
	    float: left;
	    width: 63px;
	    margin-left: -423px;
	    padding-left: 0;
	    margin-top: 0;
	}
	
	.prd-img-more img.prd-img-more--current{
	    opacity: 1 ;
	}
	
	.prd-img{
	    width: 351px;
	    float: left;
	    margin-left: 73px;
	}
	
    .prd-img-more img:last-child{
        margin-bottom: 0;
    }
	
    .prd-feature{
        margin-left: 445px;
        padding-top: 0;
    }
    
	.prd-feature-more--list{
	    margin-bottom: 10px;
	    font-size: 14px;
	}
    
    .prd-content h2{
        font-size: 18px;
    }
    
    .prd-content h3{
        font-size: 16px;
    }
    
    .prd-content-promote{
        margin-top: 11px;
    }
    
    .prd-content-promote .product-box{
        margin-bottom: 10px;
    }
}

@media (min-width: 970px) {
    #prd h1{
        font-size: 28px;
    }
    
    .prd-img-more{
        float: left;
        width: 83px;
        margin-left: -544px;
    }
    
    .prd-img{
        width: 451px;
        margin-left: 93px;
    }
    
    .prd-feature{
        margin-left: 571px;
        padding-top: 10px;
    }
    
    .prd-feature-more--list{
        margin-bottom: 6px;
    }
    
    a.prd-buy-main{
        width: 225px;
    }
    
    .prd-content-promote .product-box{
        margin-bottom: 20px;
    }
}

.prd-meta{
    font-size: 13px;
    margin: 3px 0 10px 0;
    color: #888;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
}

.prd-top:after{
	clear: both;
	content: " ";
	display: block;
}

.prd-img img{
    width: 100%;
}

.prd-img-more img{
	margin-bottom: 9px;
	opacity: 0.8;
}

.prd-img-more img:hover{
	opacity: 1;
	cursor: pointer;
}

.prd-feature h2{
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.prd-feature ul{
	font-size: 14px;
	padding-left: 25px;
	margin-top: 7px;
	margin-bottom: 20px;
}

.prd-feature ul li{
	line-height: 1.5em;
	margin-bottom: 4px;
}

.prd-feature-more{
	font-size: 14px;
}

.prd-feature-more--list:last-child{
	margin-bottom: 0;
}

.prd-feature-more--list strong{
    background: #EEE;
    padding: 5px 7px;
}

.prd-buy-price{
    margin: 25px 0 10px 0;
    font-size: 20px;
}

.prd-buy-price span{
	font-size: 15px;
}

.prd-buy-space{
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.prd-buy-show{
	display: none;
    font-size: 14px;
    border: 1px solid #EEE;
    padding: 5px 8px 6px 8px;
    color: #333;
    max-width: 300px;
    box-sizing: border-box;
}

.prd-buy-show strong{
    margin-bottom: 4px;
    display: block;
}

.prd-buy-show a{
    width: 100%;
    display: block;
    color: #FFF;
    padding: 8px 9px 7px 0;
    box-sizing: border-box;
    margin-bottom: 2px;
    opacity: 0.9;
    font-size: 16px;
}

.prd-buy-show a:hover{
	opacity: 1;
	text-decoration: none;
}

.prd-buy-show a span.prd-icon{
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: -8px 10px -7px 0;
    padding: 8px 7px 5px 7px;
    box-sizing: border-box;
}

.prd-buy-show a img{
    line-height: 1em;
    height: 28px;
    margin-top: -3px;
}

.prd-buy-line{
    background: #00c300;
}

.prd-buy-fb{
    background: #0084ff;
}

.prd-buy-tel{
    background: #8a8c8d;
}

a.prd-buy-main{
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 9px 0;
    margin: 0 0 10px 0;
}

a.prd-buy-show-click{
    background: #CCC;
    color: #666;
}

.prd-buy a.prd-buy-show-click:hover{
    text-decoration: none !important;
    background: #CCC !important;
}

.prd-buy a.prd-buy-main:hover{
	text-decoration: none;
}

.prd-content{
	margin-top: 25px;
}

#prd-content ul{
    list-style-type: initial;
}

.prd-content .uk-tab > li > a{
    padding: 8px 12px 8px 12px;
    border-color: #e5e5e5;
    color: #5c626b;
    border: 1px solid #FFF;
    border-bottom: none;
    margin-right: 7px;
    background: none;
    box-shadow: none !important;
    text-decoration: none !important;
}

.prd-content .uk-tab > li.uk-active > a{
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	transition: none !important;
	background: #FFF;
}

.prd-content .uk-tab > li.uk-active > a:hover{
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    transition: none;
    background: #FFF;
    padding: 8px 12px 8px 12px;
}

.prd-content .uk-tab > li > a:hover{
	transition: none !important;
	padding: 8px 12px 8px 12px;
	border: 1px solid #e5e5e5;
    border-bottom: 0;
    background: #f6f6f6;
}

.prd-content .uk-tab{
	background: none;
	margin-bottom: 0;
}

ul#prd-content{
	border: 1px solid #e5e5e5;
    margin-top: -1px;
    padding: 15px 12px 13px 12px;
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.prd-content h2{
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

.prd-content h3{
    margin-bottom: 10px;
    font-weight: bold;
    color: #555;
}

.prd-content p{
	margin-top: 0;
}

.prd-content p:last-child{
	margin-bottom: 0;
}

.prd-content .uk-table{
	border-top: 3px solid #EEE;
	margin-top: 20px;
}

.prd-content .uk-table th{
	color: #333;
    border: 1px solid #EEE;
}

.prd-content .uk-table td{
	border: 1px solid #EEE;
	font-size: 15px;
}

.prd-content .uk-table td:first-child{
	width: 40%;
}

.prd-content-promote{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #EEE;
}

.prd-content-promote i{
	margin-right: 4px;
}

.prd-content-promote strong{
    margin-bottom: 5px;
    display: block;
}

.prd-content-article{
	margin-bottom: 20px;
	padding-top: 13px;
}

.prd-content-article strong{
	display: block;
	margin-bottom: 3px;
}

.prd-related{
	margin-top: 25px;
	margin-bottom: 20px;
}

.prd-related h2{
	font-size: 16px;
}

.post-type-archive-product .tm-content,
.wp-product-archive .tm-content{
	margin-bottom: 20px;
}

.term-desc{
	margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.5em;
    color: #777;
}

#facebook-chat .uk-modal-dialog{
	max-width: 380px;
}

#facebook-chat .uk-modal-header{
    text-align: center;
    font-size: 16px;
    margin-top: -10px;
    display: inline-block;
    width: 100%;
    color: #333;
    margin-bottom: 8px;
}

#facebook-chat .uk-modal-header a{
	color: #111;
	font-weight: bold;
}

#facebook-chat .uk-modal-header i{
    color: #666;
    margin: 10px 0 0 0;
}

/* Product Box */

@media (min-width: 0px) {
    .product-loop{
        margin: 0 -10px;
    }
    
	.product-box--right__title{
	    font-size: 12px;
	    line-height: 1.4em;
	    height: 48px;
	}
	
	.product-box--right__title h3{
	    font-size: 12px;
	}
	
    .product-box--right div{
        font-size: 12px;
    }
    
    .product-loop .uk-grid div:nth-child(even) .product-box{
        border-right-width: 0;
        margin-left: -5.5px;
    }
    
    .product-loop .uk-grid div:nth-child(odd) .product-box{
        border-left-width: 0;
        margin-right: -5.5px;
    }
    
	.product-box{
	    margin-bottom: -1px;
	}
	
	.post-type-archive-product .tm-content .product-box{
	    margin-bottom: -1px;
	}
}

@media (min-width: 768px) {
    .product-loop{
        margin: 0;
    }
    
    .product-box--right__title{
        font-size: 14px;
        line-height: 1.4em;
        height: 40px;
    }
    
    .product-box--right__title h3{
        font-size: 14px;
    }
    
	.product-box--right div{
	    font-size: 14px;
	}
	
    .product-box{
        margin-bottom: 10px;
    }
    
    .product-loop .uk-grid div:nth-child(even) .product-box{
        border-right-width: 1px;
        margin-left: 0;
    }
    
    .product-loop .uk-grid div:nth-child(odd) .product-box{
        border-left-width: 1px;
        margin-right: 0;
    }
    
    .post-type-archive-product .tm-content .product-box{
        margin-bottom: 15px;
    }
}

@media (min-width: 970px) {
    .post-type-archive-product .tm-content .product-box{
        margin-bottom: 20px;
    }
}

.product-box{
	border: 1px solid #e5e5e5;
	padding: 10px 10px 10px 10px;
}

.product-box h3{
	font-weight: normal;
	margin-top: 6px;
	line-height: 1.4em;
	margin-bottom: 5px;
}

.product-box h3 a:hover{
	text-decoration: none;
}

.product-box--left img{
	opacity: 0.9;
	width: 100%;
}

.product-box--left img:hover{
	opacity: 1;
}

.product-box--right__button{
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 6px 0;
    margin: 5px 0 0 0;
}

.product-box--right__button:hover{
	text-decoration: none;
}

/* Project 1 */

@media (min-width: 0px) {
	.hero1.project1{
	    margin: 10px 0 -20px 0;
	}
	
    .project1 .loop1{
        margin-bottom: -5px;
    }
}

@media (min-width: 768px) {
    .hero1.project1{
        margin: 15px 0 -15px 0;
    }
    
    .project1 .loop1{
        margin-bottom: 15px;
    }
    
    .project1 .loop1 p{
        height: 75px;
    }
}

@media (min-width: 970px) {
    .hero1.project1{
        margin: 20px 0 -10px 0;
    }
    
    .project1 .loop1{
        margin-bottom: 20px;
    }
    
    .project1 .loop1 p{
        height: 75px;
    }
}

/* Map 1 */

@media (min-width: 0px) {
    .map1{
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -30px;
        margin-bottom: -30px;
    }
    
    .map1 .map1-c{
        margin-top: -20px;
    }
}

@media (min-width: 768px) {
    .map1{
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: -30px;
        margin-bottom: -30px;
    }
    
    .map1 .map1-c{
        margin-top: -8px;
        margin-left: -10px;
    }
}

@media (min-width: 970px) {
	.map1{
	    padding-top: 20px;
	    padding-bottom: 20px;
	    margin-top: -30px;
	    margin-bottom: -30px;
	}
	
	.map1 .map1-c{
	    margin-top: 0;
	    margin-left: -7px;
	}
}

.map1-title{
	font-weight: bold;
	font-size: 18px;
}

.map1-address{
	line-height: 1.5em;
}

.map1 .map1-c p{
	margin-bottom: 10px;
	margin-top: 10px;
}

.map1 .map1-space{
	letter-spacing: 1px;
}

/* Certificate */

@media (min-width: 0px) {
    .certificate1 .certificate1-title{
        margin-bottom: 15px;
	}
	
	.certificate1{
	    margin-bottom: -15px;
	}
}

@media (min-width: 768px) {
    .certificate1 .certificate1-title{
        margin-bottom: 0;
    }
    
    .certificate1{
        margin-bottom: 0;
    }
}

.certificate1{
	text-align: center;
}

.certificate1 .certificate1-title{
    font-size: 12px;
    font-weight: bold;
    color: #888;
    line-height: 1.4em;
    margin-top: 4px;
}

/* Document 1 */

@media (min-width: 0px) {
    .document1 a{
        margin-bottom: 10px;
    }
    
    .document1 .document1-title{
        font-size: 13px;
        padding: 8px 10px 8px 10px;
    }
}

@media (min-width: 768px) {
    .document1 a{
        margin-bottom: 15px;
    }
}

@media (min-width: 960px) {
    .document1 .document1-title{
        font-size: 15px;
        padding: 5px 10px 8px 10px;
    }
}

.document1 a{
	display: block;
	border: 1px solid #DDD;
	background: #FFF;
	padding: 5px 5px 0 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.document1 a:hover{
	text-decoration: none;
	border: 1px solid #CCC;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.document1 .document1-title{
	text-align: center;
	border-top: 1px solid #DDD;
	margin: 0 -5px 0 -5px;
	color: #515456;
    line-height: 1.5em;
}

/* Water Ion 1 */

.waterion1{
    background: #6cd1cd;
    padding: 12px 15px 3px 15px;
    color: #333;
    border-radius: 4px;
}

.waterion1 h3{
	font-size: 24px;
	margin-bottom: -10px;
	color: #FFF;
}

/* Product Contact */

@media (min-width: 0px) {
    .product-contact-line,
	.product-contact-tel,
	.product-contact-email{
        margin-bottom: 10px;
	}
	
	.product-contact-price{
	    text-align: center;
	}
	
	.product-contact{
	    padding: 10px 10px 0 10px;
	}
	
	.product-contact-content h2{
        margin-top: 19px;
	}
}

@media (min-width: 768px) {
    .product-contact-line,
    .product-contact-tel,
    .product-contact-email{
        margin-bottom: 10px;
    }
    
    .product-contact-price{
        text-align: left;
    }
    
    .product-contact{
        padding: 10px;
    }
    
    .product-contact-content h2{
        margin-top: 8px;
    }
    
    .product-contact-content{
        margin-bottom: -10px;
    }
}

@media (min-width: 960px) {
    .product-contact-line,
    .product-contact-tel,
    .product-contact-email{
        margin-bottom: 0;
    }
    
    .product-contact-content{
        margin-bottom: 0;
    }
    
    .product-contact-content h2{
        margin-top: 14px;
    }
}

.product-contact{
    border: 1px solid #EEE;
    background: #ebf9f8;
    border-radius: 3px;
}

.product-contact-img img{
	width: 100%;
	border-radius: 2px;
}

.product-contact-content h2{
    font-family: "ThaiSansNeueBold";
    font-weight: bold;
    font-size: 28px;
}

.product-contact-content h2 i{
	margin-right: 10px;
}

.product-contact-content p{
	margin-top: 9px;
	line-height: 1.65em;
	color: #333;
	margin-bottom: 12px;
}

.product-contact-content ul{
	margin-top: 5px;
}

.product-contact-price{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
}

.product-contact-line,
.product-contact-tel,
.product-contact-email{
	display: block;
	width: 100%;
	background: #FFF;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 5px 0;
	border-radius: 2px;
    box-shadow: 1px 1px 1px #CCC;
}

.product-contact-line:hover,
.product-contact-tel:hover,
.product-contact-email:hover{
	text-decoration: none;
	color: #FFF;
}

.product-contact-line:active,
.product-contact-tel:active,
.product-contact-email:active{
	box-shadow: none;
}

.product-contact-line{
	background: #00c300;
}

.product-contact-line:hover{
	background: #03b303;
}

.product-contact-line img{
	margin-left: 7px;
	height: 30px;
}

.product-contact-tel{
    background: #8a8c8d;
    padding: 8px 0;
}

.product-contact-tel:hover{
	background: #777979;
}

.product-contact-email{
    background: #BBB;
    padding: 8px 0 11px 0;
    font-size: 20px;
    line-height: 1em;
}

.product-contact-email:hover{
	background: #afafaf;
}

.product-contact-after{
	background: -webkit-radial-gradient(50% 0%, 50% 5px, #aaa 0%, white 100%);
    width: 100%;
    height: 5px;
}

/* DBD 1 */

@media (min-width: 0px) {
    .dbd1 h2{
        margin-top: -20px;
        margin-bottom: -10px;
        font-size: 22px;
    }
    
    .dbd1{
        padding-bottom: 10px;
        margin-bottom: -15px;
    }
}

@media (min-width: 768px) {
    .dbd1 h2{
        margin-top: 0;
        margin-bottom: -7px;
    }

    .dbd1{
        padding-bottom: 20px;
        margin-bottom: -10px;
    }
    
    .dbd1 .sow-image-container{
        margin-right: -10px;
    }
}

@media (min-width: 960px) {
    .dbd1 h2{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 26px;
    }

    .dbd1{
        padding-bottom: 30px;
        margin-bottom: 0;
    }
    
    .dbd1 .sow-image-container{
        margin-right: 0;
    }
}

.dbd1{
	border-bottom: 1px dotted #DDD;
}

.dbd1.dbd1-last{
	padding-bottom: 0;
	border-bottom: 0;
}

/* Single Reference */

@media (min-width: 0px) {
	.serf-left{
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.serf-left img{
		max-width: 160px !important;
	}
	
	.serf-right{
		margin-left: 0;
		text-align: center;
	}
	
	.serf-right h3{
		font-size: 18px;
		padding-top: 12px;
	}
}

@media (min-width: 768px) {
	.serf-left{
		width: 180px;
		float: left;
	}
	
	.serf-right{
		margin-left: 200px;
		text-align: left;
	}
	
	.serf-right h3{
		font-size: 20px;
		padding-top: 30px;
	}
}

@media (min-width: 970px) {
	.single-ref-serviceline{
		border-top: 4px solid #000;
	}
}

.single-cref{
	margin-bottom: 40px;
}

.single-cref-img{
	margin-bottom: 0;
}

.single-cref-img img{
	width: 100%;
}

.single-cref-service{
	margin: 0 auto 50px auto;
	max-width: 580px;
}

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

.serf-left img{
	border-radius: 50%;
}

.serf-right h3{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.serf-right-desc{
	font-size: 15px;
    line-height: 1.5em;
}

.serf-btn{
	margin-top: 15px;
}

/* Article Service */

@media (min-width: 0px) {
	.as-img img{
	    border-radius: 50%;
	    width: 120px;
	}
	
	.as-text{
		padding: 0px 15px 0 15px;
		text-align: center;
	}
	
	.as-btn{
		text-align: center;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	.as-img img{
	    border-radius: 50%;
	    width: 100%;
	}
	
	.as-text{
		padding: 28px 20px 0 0;
		margin-left: -5px;
		text-align: left;
	}
	
	.as-btn{
		margin-left: -5px;
		text-align: left;
		margin-bottom: 0;
	}
}

@media (min-width: 970px) {
	.as-img img{
	    border-radius: 50%;
	    width: 100%;
	}
	
	.as-text{
		padding: 28px 20px 0 0;
		margin-left: -5px;
	}
}

.article-service{
	background: #0bc9eb;
    border-radius: 3px;
    margin-bottom: 25px;
}

.as-img{
	padding: 20px;
	text-align: center;
}

.as-text a{
	color: #444;
}

.as-text a:hover{
	text-decoration: none;
}

.as-text a:hover h2{
	text-decoration: underline;
}

.as-text a:hover div{
	color: #000;
}

.as-text a h2{
	color: #FFF;
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
    text-shadow: #147b8e 1px 1px 1px;
}

.as-text div{
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 12px;
}

.as-btn-line{
	letter-spacing: 1px;
	background-image: -webkit-linear-gradient(top, #00c300, #00b900);
    background-image: linear-gradient(to bottom, #00c300, #00b900);
	color: #FFF;
}

.as-btn-line:hover{
	letter-spacing: 1px;
	background-image: -webkit-linear-gradient(top, #00b900, #00b900);
    background-image: linear-gradient(to bottom, #00b900, #00b900);
	color: #FFF !important;
}

.txtshadow{
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.automargin{
	margin-left: auto;
	margin-right: auto;
}

.single-post .elementor .elementor-inner p:last-child{
	margin-bottom: 0 !important;
}

.fadeout:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0), 
                    rgba(255,255,255, 1) 90%);
  width    : 100%;
  height   : 100px;
}

@media (min-width: 0px) {
	.svcustomer img{
		max-height: 50px;
	}
}

@media (min-width: 768px) {
	.svcustomer img{
		max-height: 60px;
	}
}

@media (min-width: 970px) {
	.svcustomer img{
		max-height: 100px;
	}
}

.svcustomer{
	text-align: center;
}

.svcustomer-line{
	border-top: 1px solid #CCC;
    width: 70%;
    display: block;
    margin: -20px auto 0 auto;
}

.svcustomer h2{
	font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #666;
    background: #FFF;
    display: inline-block;
    padding: 0 20px;
}

.svcustomer img{
	margin: 0 5px 15px 5px;
}

/* MANUAL */

@media (min-width: 0px) {
    .manual-box{
    	padding-left: 40px;
    }
    
	.manual-loop{
		background-size: 150px;
	}
}

@media (min-width: 768px) {
	.manual-loop{
		background-size: 250px;
	}
	
	.thumb-userm2{
		font-size: 12px;
	}
}

@media (min-width: 970px) {
	.thumb-userm2{
		font-size: 15px;
	}
}

.manual-loop{
	background-image: url('https://www.1belief.com/wp-content/uploads/2022/09/08480920221626700704-1belief.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

.manual-boxh{
    color: #666;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 0;
    margin-left: 12px;
}

.manual-boxh a{
	color: #666;
}

.man-desc{
	max-width: 840px;
	margin-bottom: 20px;
}

.manual-box{
	margin-bottom: 0;
	color: #22b7ea;
	margin-top: 5px;
}

.manual-box--list h3,
.manual-box--list h2{
	line-height: 1.3em;
	margin-bottom: 4px;
	font-size: 18px;
}

.manual-box--list a{
	font-size: 16px;
	font-weight: normal;
}

.thumb-userm{
	text-align: left;
    color: #C7C7C7;
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0 5px 0;
}

.manual-cover{
	border: 1px solid #C7C7C7;
}

.manual-icon{
	margin-top: 2px;
}

.manual-cover img,
.manual-icon img{
	width: 100%;
}

.single-content.manual-content{
	padding-top: 10px;
}

.thumb-userm2{
	color: #C7C7C7;
	line-height: 1.4em;
}

.manual-content{
	border-top: 1px dotted #DDD;
    margin-top: 12px;
}

.software-img{
	margin: 40px auto -15px auto;
	max-width: 400px;
}

.svfeature-sep-desc a{
	color: #abf2ff;
}