/* Minification failed. Returning unminified contents.
(6564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14225,52): run-time error CSS1030: Expected identifier, found '.'
(14225,53): run-time error CSS1030: Expected identifier, found 'showhide-subul'
(14225,67): run-time error CSS1031: Expected selector, found ')'
(14225,67): run-time error CSS1025: Expected comma or open brace, found ')'
(14230,47): run-time error CSS1030: Expected identifier, found '.'
(14230,62): run-time error CSS1031: Expected selector, found ')'
(14230,62): run-time error CSS1025: Expected comma or open brace, found ')'
(14251,47): run-time error CSS1030: Expected identifier, found '.'
(14251,62): run-time error CSS1031: Expected selector, found ')'
(14251,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

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

[hidden] {
    display: none;
}

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

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

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

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

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

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

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

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/*#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#cboxOverlay {
    background: url(/assets/images/all/overlay.png) repeat 0 0;
}

#colorbox {
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background-image: url('/assets/images/all/controls.png');
    background: url(/assets/images/all/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/assets/images/all/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/assets/images/all/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/assets/images/all/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/assets/images/all/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/assets/images/all/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious.hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/assets/images/all/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext.hover {
        background-position: -50px -25px;
    }

#cboxLoadingOverlay {
    background: url(/assets/images/all/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/assets/images/all/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/assets/images/all/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxClose.hover {
        background-position: -25px -25px;
    }

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.cboxIE6 #cboxTopLeft {
    background: url(/assets/images/all/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(/assets/images/all/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(/assets/images/all/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(/assets/images/all/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(/assets/images/all/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(/assets/images/all/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(/assets/images/all/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(/assets/images/all/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: url(/assets/images/all/overlay.png) repeat 0 0;
}

#colorbox {
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/assets/images/all/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/assets/images/all/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/assets/images/all/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/assets/images/all/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/assets/images/all/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/assets/images/all/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious.hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/assets/images/all/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext.hover {
        background-position: -50px -25px;
    }

#cboxLoadingOverlay {
    background: url(/assets/images/all/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/assets/images/all/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/assets/images/all/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxClose.hover {
        background-position: -25px -25px;
    }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft {
    background: url(/assets/images/all/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(/assets/images/all/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(/assets/images/all/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(/assets/images/all/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(/assets/images/all/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(/assets/images/all/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(/assets/images/all/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(/assets/images/all/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.ddsmoothmenu-v {
}
    .ddsmoothmenu-v ul {
        padding: 0;
        width: 230px; /* Main Menu Item widths */
        list-style-type: none;
    }

        .ddsmoothmenu-v ul li {
            position: relative;
        }
            /* Top level menu links style */
            .ddsmoothmenu-v ul li a {
                display: block;
                text-align: left;
                padding: 7px 8px 7px 12px;
                border-bottom: 1px solid #f2f2f2;
                font-size: 13px;
            }

                .ddsmoothmenu-v ul li a:before {
                    content: "";
                    display: block;
                    height: 5px;
                    width: 5px;
                    position: absolute;
                    top: 13px;
                    left: 0;
                    background: #333;
                }

                .ddsmoothmenu-v ul li a:hover:before {
                    background: #1854a2;
                }

                .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited {
                }

                .ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
                }

                .ddsmoothmenu-v ul li a:hover, .ddsmoothmenu-v ul li a:active {
                }

            /*Sub level menu items */
            .ddsmoothmenu-v ul li ul {
                position: absolute;
                width: 210px; /*Sub Menu Items width */
                top: 0;
                margin: 0px;
                visibility: hidden;
            }

                .ddsmoothmenu-v ul li ul li {
                    display: list-item;
                    display: inline;
                    text-align: left;
                }

                    .ddsmoothmenu-v ul li ul li a {
                        margin: 0;
                    }

                        .ddsmoothmenu-v ul li ul li a:hover {
                        }
        /* Holly Hack for IE \*/
        * html .ddsmoothmenu-v ul li {
            float: left;
            height: 1%;
        }

            * html .ddsmoothmenu-v ul li a {
                height: 1%;
            }
/* End */

.ddsmoothmenu {
    position: relative;
}

    .ddsmoothmenu ul {
        padding: 0;
        list-style: none;
    }

        /*Top level list items*/
        .ddsmoothmenu ul li {
            position: relative;
            display: inline;
            float: left;
        }

            .ddsmoothmenu ul li:hover, .ddsmoothmenu ul li.selected {
                background: #ed1c24;
            }
            /*Top level menu link items style*/
            .ddsmoothmenu ul li a {
                display: block;
                padding: 0 16px;
                height: 50px;
                line-height: 50px;
                font-weight: normal;
                text-align: center;
            }

    .ddsmoothmenu > ul > li > a {
        color: #fff;
        text-transform: uppercase;
    }

    * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
        display: inline-block;
    }

        .ddsmoothmenu ul li:hover a, .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a:focus {
        }

    .ddsmoothmenu ul li .showhide-subul {
        display: none;
        position: absolute;
        top: 0;
        right: 5px;
        width: 28px;
        height: 36px;
        line-height: 1;
        padding: 0 10px;
        margin-top: 0;
    }

        .ddsmoothmenu ul li .showhide-subul i {
            height: auto;
            width: auto;
            position: absolute;
            top: 10px;
            bottom: 0;
            right: 0;
            left: 50%;
            margin: auto;
            font-size: 1.5rem;
            color: #fff;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .ddsmoothmenu ul li ul li .showhide-subul {
        height: 37.6px;
        width: 28px;
    }
    /*1st sub level menu*/
    .ddsmoothmenu ul li > ul {
        width: 250px;
        position: absolute;
        left: 0;
        display: none; /*collapse all sub menus to begin with*/
        overflow: visible !important;
        visibility: hidden;
        border-top: 3px solid #ed1c24;
        background: #fff;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(133,131,133,0.7);
        -moz-box-shadow: 0px 2px 5px 0px rgba(133,131,133,0.7);
        box-shadow: 0px 2px 5px 0px rgba(133,131,133,0.7);
    }
    /*Sub level menu list items (undo style from Top level List Items)*/
    .ddsmoothmenu ul li ul li {
        display: inline;
        float: left;
        text-align: left;
        height: auto;
        border-bottom: 1px solid #eee;
    }

        .ddsmoothmenu ul li ul li:hover, .ddsmoothmenu ul li ul li.selected {
            background-color: #f6f6f6;
        }

            .ddsmoothmenu ul li ul li:hover:after {
                display: none;
            }
        /*All subsequent sub menu levels vertical offset after 1st level sub menu */

        /* Sub level menu links style */
        .ddsmoothmenu ul li ul li > a {
            display: block;
            font: normal 1rem tahoma !important;
            width: 250px; /*width of sub menus*/
            padding: 10px 15px 10px 20px;
            height: auto;
            line-height: 150%;
            color: #000;
            margin: 0;
            float: left;
            text-align: left;
            text-transform: none;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .ddsmoothmenu ul li ul li a:hover {
            color: #ec3235;
        }
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
}
/*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
    display: block;
    position: absolute;
    top: 18px;
    right: 7px;
    font-size: 0.95rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rightarrowclass {
    position: absolute;
    top: 11px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'feathericons';
    src: url('../fonts/feathericons/feathericons.eot?-8is7zf');
    src: url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.grid {
    position: relative;
    margin: 0 auto;
    /*padding: 1em 0 4em;*/
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 15px 0;
        /*min-width: 320px;
	max-width: 480px;
	max-height: 360px;*/
        width: 100%;
        background: none;
        text-align: center;
        cursor: pointer;
        border: 8px solid #fff;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.175);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.175);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.175);
    }

        .grid figure img {
            position: relative;
            display: block;
            height: 100%;
            opacity: 1;
        }

        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            word-spacing: -0.15em;
            font-weight: 300;
        }

            .grid figure h2 span {
                font-weight: 800;
            }

        .grid figure h2,
        .grid figure p {
            margin: 0;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
    text-align: left;
}

    figure.effect-lily figcaption > div {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        height: 50%;
    }

figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/
figure.effect-sadie:before {
    content: "";
    display: block;
    padding-top: 60%;
}

figure.effect-sadie img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    word-spacing: normal;
    color: #fff;
    font-family: "Roboto Condensed";
    text-shadow: 0 0 0.3em #000, 0 0 0.3em #555;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie:hover h2 {
    color: #fb0007 !important;
    font-weight: bold;
    text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

    figure.effect-roxy img {
        max-width: none;
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50px,0,0);
        transform: translate3d(-50px,0,0);
    }

    figure.effect-roxy figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    figure.effect-roxy figcaption {
        padding: 3em;
        text-align: left;
    }

    figure.effect-roxy h2 {
        padding: 30% 0 10px 0;
    }

    figure.effect-roxy p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    figure.effect-roxy:hover img {
        opacity: 0.7;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-roxy:hover figcaption::before,
    figure.effect-roxy:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
    background: #9e5406;
}

    figure.effect-bubba img {
        opacity: 0.7;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-bubba:hover img {
        opacity: 0.4;
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
    }

    figure.effect-bubba h2 {
        padding-top: 30%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    figure.effect-bubba p {
        padding: 20px 2.5em;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-bubba:hover figcaption::before,
    figure.effect-bubba:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-bubba:hover h2,
    figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    figure.effect-romeo img {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,0,300px);
        transform: translate3d(0,0,300px);
    }

    figure.effect-romeo:hover img {
        opacity: 0.6;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-romeo figcaption::before,
    figure.effect-romeo figcaption::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 1px;
        background: #fff;
        content: '';
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    figure.effect-romeo:hover figcaption::before {
        opacity: 0.5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
        transform: translate3d(-50%,-50%,0) rotate(45deg);
    }

    figure.effect-romeo:hover figcaption::after {
        opacity: 0.5;
        -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
        transform: translate3d(-50%,-50%,0) rotate(-45deg);
    }

    figure.effect-romeo h2,
    figure.effect-romeo p {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-romeo h2 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    }

    figure.effect-romeo p {
        padding: 0.25em 2em;
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
        transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    }

    figure.effect-romeo:hover h2 {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
    }

    figure.effect-romeo:hover p {
        -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
        transform: translate3d(0,-50%,0) translate3d(0,100%,0);
    }

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
    background: #18a367;
}

    figure.effect-layla img {
        height: 390px;
    }

    figure.effect-layla figcaption {
        padding: 3em;
    }

        figure.effect-layla figcaption::before,
        figure.effect-layla figcaption::after {
            position: absolute;
            content: '';
            opacity: 0;
        }

        figure.effect-layla figcaption::before {
            top: 50px;
            right: 30px;
            bottom: 50px;
            left: 30px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: scale(0,1);
            transform: scale(0,1);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        figure.effect-layla figcaption::after {
            top: 30px;
            right: 50px;
            bottom: 30px;
            left: 50px;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            -webkit-transform: scale(1,0);
            transform: scale(1,0);
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }

    figure.effect-layla h2 {
        padding-top: 26%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-layla p {
        padding: 0.5em 2em;
        text-transform: none;
        opacity: 0;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    figure.effect-layla img,
    figure.effect-layla h2 {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    figure.effect-layla img,
    figure.effect-layla figcaption::before,
    figure.effect-layla figcaption::after,
    figure.effect-layla p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-layla:hover img {
        opacity: 0.7;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-layla:hover figcaption::before,
    figure.effect-layla:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-layla:hover h2,
    figure.effect-layla:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-layla:hover figcaption::after,
    figure.effect-layla:hover h2,
    figure.effect-layla:hover p,
    figure.effect-layla:hover img {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
    background: #4a3753;
}

    figure.effect-honey img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-honey:hover img {
        opacity: 0.5;
    }

    figure.effect-honey figcaption::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: #fff;
        content: '';
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    figure.effect-honey h2 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 1em 1.5em;
        width: 100%;
        text-align: left;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

        figure.effect-honey h2 i {
            font-style: normal;
            opacity: 0;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: translate3d(0,-30px,0);
            transform: translate3d(0,-30px,0);
        }

    figure.effect-honey figcaption::before,
    figure.effect-honey h2 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-honey:hover figcaption::before,
    figure.effect-honey:hover h2,
    figure.effect-honey:hover h2 i {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

    figure.effect-oscar img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-oscar figcaption {
        padding: 3em;
        background-color: rgba(58,52,42,0.7);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
    }

        figure.effect-oscar figcaption::before {
            position: absolute;
            top: 30px;
            right: 30px;
            bottom: 30px;
            left: 30px;
            border: 1px solid #fff;
            content: '';
        }

    figure.effect-oscar h2 {
        margin: 20% 0 10px 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    figure.effect-oscar figcaption::before,
    figure.effect-oscar p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    figure.effect-oscar:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-oscar:hover figcaption::before,
    figure.effect-oscar:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-oscar:hover figcaption {
        background-color: rgba(58,52,42,0);
    }

    figure.effect-oscar:hover img {
        opacity: 0.4;
    }

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
    text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}


figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
    background-color: #17819c;
}

    figure.effect-ruby img {
        opacity: 0.7;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }

    figure.effect-ruby:hover img {
        opacity: 0.5;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-ruby h2 {
        margin-top: 20%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-ruby p {
        margin: 1em 0 0;
        padding: 3em;
        border: 1px solid #fff;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0) scale(1.1);
        transform: translate3d(0,20px,0) scale(1.1);
    }

    figure.effect-ruby:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-ruby:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
    background: #2e5d5a;
}

    figure.effect-milo img {
        max-width: none;
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-30px,0,0) scale(1.12);
        transform: translate3d(-30px,0,0) scale(1.12);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-milo:hover img {
        opacity: 0.5;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }

    figure.effect-milo h2 {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 1em 1.2em;
    }

    figure.effect-milo p {
        padding: 0 10px 0 0;
        width: 50%;
        border-right: 1px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-40px,0,0);
        transform: translate3d(-40px,0,0);
    }

    figure.effect-milo:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
    background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
    background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}

    figure.effect-dexter img {
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-dexter:hover img {
        opacity: 0.4;
    }

    figure.effect-dexter figcaption::after {
        position: absolute;
        right: 30px;
        bottom: 30px;
        left: 30px;
        height: -webkit-calc(50% - 30px);
        height: calc(50% - 30px);
        border: 7px solid #fff;
        content: '';
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    figure.effect-dexter:hover figcaption::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-dexter figcaption {
        padding: 3em;
        text-align: left;
    }

    figure.effect-dexter p {
        position: absolute;
        right: 60px;
        bottom: 60px;
        left: 60px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
    }

    figure.effect-dexter:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
    background: #42b078;
}

    figure.effect-sarah img {
        max-width: none;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-sarah:hover img {
        opacity: 0.4;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-sarah figcaption {
        text-align: left;
    }

    figure.effect-sarah h2 {
        position: relative;
        overflow: hidden;
        padding: 0.5em 0;
    }

        figure.effect-sarah h2::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #fff;
            content: '';
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

    figure.effect-sarah:hover h2::after {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-sarah p {
        padding: 1em 0;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    figure.effect-sarah:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: #fff;
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
    float: left;
}

figure.effect-zoe p.icon-links a {
    float: right;
    color: #3c4a50;
    font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
    color: #252d31;
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 8em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}

    figure.effect-zoe p.icon-links a span::before {
        display: inline-block;
        padding: 8px 10px;
        font-family: 'feathericons';
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.icon-eye::before {
    content: '\e000';
}

.icon-paper-clip::before {
    content: '\e001';
}

.icon-heart::before {
    content: '\e024';
}

figure.effect-zoe h2 {
    display: inline-block;
}

figure.effect-zoe:hover p.description {
    opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
    padding: 3em;
}

    figure.effect-chico figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        content: '';
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    figure.effect-chico figcaption::before,
    figure.effect-chico p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

figure.effect-chico h2 {
    padding: 20% 0 20px 0;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 50em) {
    .grid figure .content {
        padding: 0 10px;
        text-align: center;
    }

    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

.grid {
    position: relative;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        width: 100%;
        margin: 10px 0;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

    .grid figure {
        content: "";
        display: block;
        padding-top: 65%;
    }

        .grid figure img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
            height: auto;
            width: 100%;
            opacity: 0.8;
        }

        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 10;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h3 {
            text-transform: uppercase;
            font-weight: 300;
            text-shadow: 0 0 0.3em #000, 0 0 0.3em #555;
        }

            .grid figure h3 span {
                font-weight: 800;
            }

        .grid figure h3,
        .grid figure p {
            margin: 0;
            text-transform: normal;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 1.1rem;
            line-height: 1.5;
            text-align: justify;
        }

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
    background: #2f3238;
}

    figure.effect-julia img {
        max-width: none;
        height: 400px;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-julia figcaption {
        text-align: left;
    }

    figure.effect-julia h3 {
        position: relative;
        padding: 0.5em 0;
    }

    figure.effect-julia p {
        display: inline-block;
        margin: 0 0 0.25em;
        padding: 0.4em 1em;
        background: rgba(255,255,255,0.9);
        color: #2f3238;
        text-transform: none;
        font-weight: 500;
        font-size: 75%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-360px,0,0);
        transform: translate3d(-360px,0,0);
    }

        figure.effect-julia p:first-child {
            -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
        }

        figure.effect-julia p:nth-of-type(2) {
            -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }

        figure.effect-julia p:nth-of-type(3) {
            -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
        }

    figure.effect-julia:hover p:first-child {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    figure.effect-julia:hover p:nth-of-type(2) {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
    }

    figure.effect-julia:hover p:nth-of-type(3) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    figure.effect-julia:hover img {
        opacity: 0.4;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1);
    }

    figure.effect-julia:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
    background: #df4e4e;
}

    figure.effect-goliath img,
    figure.effect-goliath h3 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-goliath img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-goliath h3,
    figure.effect-goliath p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px;
    }

    figure.effect-goliath p {
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0);
    }

    figure.effect-goliath:hover img {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0);
    }

    figure.effect-goliath:hover h3 {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0);
    }

    figure.effect-goliath:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*-----------------*/
/***** Hera *****/
/*-----------------*/

figure.effect-hera {
    background: #303fa9;
}

    figure.effect-hera h3 {
        font-size: 158.75%;
    }

    figure.effect-hera h3,
    figure.effect-hera p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }

    figure.effect-hera figcaption::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 200px;
        border: 2px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
        transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
    }

    figure.effect-hera p {
        width: 100px;
        text-transform: none;
        font-size: 121%;
        line-height: 2;
    }

        figure.effect-hera p a {
            color: #fff;
        }

            figure.effect-hera p a:hover,
            figure.effect-hera p a:focus {
                opacity: 0.6;
            }

            figure.effect-hera p a i {
                opacity: 0;
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
            }

            figure.effect-hera p a:first-child i {
                -webkit-transform: translate3d(-60px,-60px,0);
                transform: translate3d(-60px,-60px,0);
            }

            figure.effect-hera p a:nth-child(2) i {
                -webkit-transform: translate3d(60px,-60px,0);
                transform: translate3d(60px,-60px,0);
            }

            figure.effect-hera p a:nth-child(3) i {
                -webkit-transform: translate3d(-60px,60px,0);
                transform: translate3d(-60px,60px,0);
            }

            figure.effect-hera p a:nth-child(4) i {
                -webkit-transform: translate3d(60px,60px,0);
                transform: translate3d(60px,60px,0);
            }

    figure.effect-hera:hover figcaption::before {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
        transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    }

    figure.effect-hera:hover h3 {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
        transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
    }

    figure.effect-hera:hover p i:empty {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
        opacity: 1;
    }

/*-----------------*/
/***** Winston *****/
/*-----------------*/

figure.effect-winston {
    background: #162633;
    text-align: left;
}

    figure.effect-winston img {
        -webkit-transition: opacity 0.45s;
        transition: opacity 0.45s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-winston figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/triangle.svg) no-repeat center center;
        background-size: 100% 100%;
        content: '';
        -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
        transition: opacity 0.45s, transform 0.45s;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    figure.effect-winston h3 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-winston p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 7% 0;
    }

    figure.effect-winston a {
        margin: 0 10px;
        color: #5d504f;
        font-size: 170%;
    }

        figure.effect-winston a:hover,
        figure.effect-winston a:focus {
            color: #cc6055;
        }

    figure.effect-winston p a i {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0);
    }

    figure.effect-winston:hover img {
        opacity: 0.6;
    }

    figure.effect-winston:hover h3 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-winston:hover figcaption::before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0,0,1,20deg);
        transform: rotate3d(0,0,1,20deg);
    }

    figure.effect-winston:hover p i {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-winston:hover p a:nth-child(3) i {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
    }

    figure.effect-winston:hover p a:nth-child(2) i {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    figure.effect-winston:hover p a:first-child i {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }

/*-----------------*/
/***** Selena *****/
/*-----------------*/

figure.effect-selena {
    background: #fff;
}

    figure.effect-selena img {
        opacity: 0.95;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    figure.effect-selena:hover img {
        -webkit-transform: scale3d(0.95,0.95,1);
        transform: scale3d(0.95,0.95,1);
    }

    figure.effect-selena h3 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-selena p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
        transform: perspective(1000px) rotate3d(1,0,0,90deg);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    figure.effect-selena:hover h3 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-selena:hover p {
        opacity: 1;
        -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
        transform: perspective(1000px) rotate3d(1,0,0,0);
    }

/*-----------------*/
/***** Terry *****/
/*-----------------*/

figure.effect-terry {
    background: #34495e;
}

    figure.effect-terry figcaption {
        padding: 1em;
    }

        figure.effect-terry figcaption::before,
        figure.effect-terry figcaption::after {
            position: absolute;
            width: 200%;
            height: 200%;
            border-style: solid;
            border-color: #101010;
            content: '';
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
        }

        figure.effect-terry figcaption::before {
            right: 0;
            bottom: 0;
            border-width: 0 70px 60px 0;
            -webkit-transform: translate3d(70px,60px,0);
            transform: translate3d(70px,60px,0);
        }

        figure.effect-terry figcaption::after {
            top: 0;
            left: 0;
            border-width: 15px 0 0 15px;
            -webkit-transform: translate3d(-15px,-15px,0);
            transform: translate3d(-15px,-15px,0);
        }

    figure.effect-terry img,
    figure.effect-terry p a {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-terry img {
        opacity: 0.85;
    }

    figure.effect-terry h3 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0.4em 10px;
        width: 50%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

@media screen and (max-width: 920px) {
    figure.effect-terry h3 {
        padding: 0.75em 10px;
        font-size: 120%;
    }
}

figure.effect-terry p {
    float: right;
    clear: both;
    text-align: left;
    text-transform: none;
    font-size: 111%;
}

    figure.effect-terry p a {
        display: block;
        margin-bottom: 1em;
        color: #fff;
        opacity: 0;
        -webkit-transform: translate3d(90px,0,0);
        transform: translate3d(90px,0,0);
    }

        figure.effect-terry p a:hover,
        figure.effect-terry p a:focus {
            color: #f3cf3f;
        }

figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-terry:hover img {
    opacity: 0.6;
}

figure.effect-terry:hover h3,
figure.effect-terry:hover p a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-terry:hover p a {
    opacity: 1;
}

    figure.effect-terry:hover p a:first-child {
        -webkit-transition-delay: 0.025s;
        transition-delay: 0.025s;
    }

    figure.effect-terry:hover p a:nth-child(2) {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
    }

    figure.effect-terry:hover p a:nth-child(3) {
        -webkit-transition-delay: 0.075s;
        transition-delay: 0.075s;
    }

    figure.effect-terry:hover p a:nth-child(4) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

/*-----------------*/
/***** Phoebe *****/
/*-----------------*/

figure.effect-phoebe {
    background: #675983;
}

    figure.effect-phoebe img {
        opacity: 0.85;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-phoebe:hover img {
        opacity: 0.6;
    }

    figure.effect-phoebe figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/triangle2.svg) no-repeat center center;
        background-size: 100% 100%;
        content: '';
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(5,2.5,1);
        transform: scale3d(5,2.5,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    figure.effect-phoebe:hover figcaption::before {
        opacity: 0.6;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    figure.effect-phoebe h3 {
        margin-top: 1em;
        -webkit-transition: transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0);
    }

    figure.effect-phoebe:hover h3 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-phoebe p a {
        color: #fff;
        font-size: 140%;
        opacity: 0;
        position: relative;
        display: inline-block;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

        figure.effect-phoebe p a:first-child {
            -webkit-transform: translate3d(-60px,-60px,0);
            transform: translate3d(-60px,-60px,0);
        }

        figure.effect-phoebe p a:nth-child(2) {
            -webkit-transform: translate3d(0,60px,0);
            transform: translate3d(0,60px,0);
        }

        figure.effect-phoebe p a:nth-child(3) {
            -webkit-transform: translate3d(60px,-60px,0);
            transform: translate3d(60px,-60px,0);
        }

    figure.effect-phoebe:hover p a {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    background: #3498db;
}

    figure.effect-apollo img {
        opacity: 0.95;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
    }

    figure.effect-apollo figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    }

    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 150px;
        border-right: 4px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-apollo h3 {
        text-align: left;
    }

    figure.effect-apollo:hover img {
        opacity: 0.6;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    figure.effect-apollo:hover figcaption::before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    }

    figure.effect-apollo:hover p {
        opacity: 1;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

/*-----------------*/
/***** Kira *****/
/*-----------------*/

figure.effect-kira {
    background: #fff;
    text-align: left;
}

    figure.effect-kira img {
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-kira figcaption {
        z-index: 1;
    }

    figure.effect-kira p {
        padding: 2.25em 0.5em;
        font-weight: 600;
        font-size: 100%;
        line-height: 1.5;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

        figure.effect-kira p a {
            margin: 0 0.5em;
            color: #101010;
        }

            figure.effect-kira p a:hover,
            figure.effect-kira p a:focus {
                opacity: 0.6;
            }

    figure.effect-kira figcaption::before {
        position: absolute;
        top: 0;
        right: 2em;
        left: 2em;
        z-index: -1;
        height: 3.5em;
        background: #fff;
        content: '';
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1);
        transform: translate3d(0,4em,0) scale3d(1,0.023,1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    figure.effect-kira:hover img {
        opacity: 0.5;
    }

    figure.effect-kira:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-kira:hover figcaption::before {
        opacity: 0.7;
        -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1);
        transform: translate3d(0,5em,0) scale3d(1,1,1);
    }

/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
    z-index: auto;
    overflow: visible;
    background: #000;
}

    figure.effect-steve:before,
    figure.effect-steve h3:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #000;
        content: '';
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-steve:before {
        box-shadow: 0 3px 30px rgba(0,0,0,0.8);
        opacity: 0;
    }

    figure.effect-steve figcaption {
        z-index: 1;
    }

    figure.effect-steve img {
        opacity: 1;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: perspective(1000px) translate3d(0,0,0);
        transform: perspective(1000px) translate3d(0,0,0);
    }

    figure.effect-steve h3,
    figure.effect-steve p {
        background: #fff;
        color: #2d434e;
    }

    figure.effect-steve h3 {
        position: relative;
        margin-top: 2em;
        padding: 0.25em;
    }

        figure.effect-steve h3:before {
            box-shadow: 0 1px 10px rgba(0,0,0,0.5);
        }

    figure.effect-steve p {
        margin-top: 1em;
        padding: 0.5em;
        font-weight: 800;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(0.9,0.9,1);
        transform: scale3d(0.9,0.9,1);
    }

    figure.effect-steve:hover:before {
        opacity: 1;
    }

    figure.effect-steve:hover img {
        -webkit-transform: perspective(1000px) translate3d(0,0,21px);
        transform: perspective(1000px) translate3d(0,0,21px);
    }

    figure.effect-steve:hover h3:before {
        opacity: 0;
    }

    figure.effect-steve:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

/*-----------------*/
/***** Moses *****/
/*-----------------*/

figure.effect-moses {
    background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
    background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

    figure.effect-moses img {
        opacity: 0.85;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-moses h3,
    figure.effect-moses p {
        padding: 20px;
        width: 50%;
        height: 50%;
        border: 2px solid #fff;
    }

    figure.effect-moses h3 {
        padding: 20px;
        width: 50%;
        height: 50%;
        text-align: left;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
    }

    figure.effect-moses p {
        float: right;
        padding: 20px;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    figure.effect-moses:hover h3 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-moses:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-moses:hover img {
        opacity: 0.6;
    }

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
    background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}

    figure.effect-jazz img {
        opacity: 0.9;
    }

    figure.effect-jazz figcaption::after,
    figure.effect-jazz img,
    figure.effect-jazz p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-jazz figcaption::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        content: '';
        opacity: 0;
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    figure.effect-jazz h3,
    figure.effect-jazz p {
        opacity: 1;
        -webkit-transform: scale3d(0.8,0.8,1);
        transform: scale3d(0.8,0.8,1);
    }

    figure.effect-jazz h3 {
        padding-top: 26%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-jazz p {
        padding: 0.5em 2em;
        text-transform: none;
        font-size: 0.85em;
        opacity: 0;
    }

    figure.effect-jazz:hover img {
        opacity: 0.7;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
    }

    figure.effect-jazz:hover figcaption::after {
        opacity: 1;
        -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
        transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    }

    figure.effect-jazz:hover h3,
    figure.effect-jazz:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
    background: #030c17;
}

    figure.effect-ming img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-ming figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(1.4,1.4,1);
        transform: scale3d(1.4,1.4,1);
    }

    figure.effect-ming h3 {
        margin: 25% 0 10px 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    figure.effect-ming p {
        padding: 1em;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    figure.effect-ming:hover h3 {
        margin: 8% 0 10px 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    figure.effect-ming:hover figcaption::before,
    figure.effect-ming:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    figure.effect-ming:hover figcaption {
        background-color: rgba(58,52,42,0);
    }

    figure.effect-ming:hover img {
        opacity: 0.4;
    }

/*---------------*/
/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
    background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

    figure.effect-lexi img {
        margin: -10px 0 0 -10px;
        max-width: none;
        width: -webkit-calc(100% + 10px);
        width: calc(100% + 10px);
        opacity: 0.9;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-lexi figcaption::before,
    figure.effect-lexi p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-lexi figcaption::before {
        position: absolute;
        right: -100px;
        bottom: -100px;
        width: 300px;
        height: 300px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
        content: '';
        opacity: 0;
        -webkit-transform: scale3d(0.5,0.5,1);
        transform: scale3d(0.5,0.5,1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    figure.effect-lexi:hover img {
        opacity: 0.6;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-lexi h3 {
        text-align: left;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(5px,5px,0);
        transform: translate3d(5px,5px,0);
    }

    figure.effect-lexi p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 1.5em 0;
        width: 140px;
        text-align: right;
        opacity: 0;
        -webkit-transform: translate3d(20px,20px,0);
        transform: translate3d(20px,20px,0);
    }

    figure.effect-lexi:hover figcaption::before {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    figure.effect-lexi:hover h3,
    figure.effect-lexi:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
    background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
    background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

    figure.effect-duke img,
    figure.effect-duke p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-duke:hover img {
        opacity: 0.1;
        -webkit-transform: scale3d(2,2,1);
        transform: scale3d(2,2,1);
    }

    figure.effect-duke h3 {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: scale3d(0.8,0.8,1);
        transform: scale3d(0.8,0.8,1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    figure.effect-duke p {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 20px;
        padding: 30px;
        border: 2px solid #fff;
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        -webkit-transform: scale3d(0.8,0.8,1);
        transform: scale3d(0.8,0.8,1);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
    }

    figure.effect-duke:hover h3,
    figure.effect-duke:hover p {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

/* Media queries */
@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }

    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

@charset "UTF-8"; /*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/

@font-face {
    font-family: "Ionicons";
    src: url("../fonts/ionicons.eot?v=2.0.0");
    src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("../fonts/ionicons.woff?v=2.0.0") format("woff"),url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal
}

.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ion-alert:before {
    content: "\f101"
}

.ion-alert-circled:before {
    content: "\f100"
}

.ion-android-add:before {
    content: "\f2c7"
}

.ion-android-add-circle:before {
    content: "\f359"
}

.ion-android-alarm-clock:before {
    content: "\f35a"
}

.ion-android-alert:before {
    content: "\f35b"
}

.ion-android-apps:before {
    content: "\f35c"
}

.ion-android-archive:before {
    content: "\f2c9"
}

.ion-android-arrow-back:before {
    content: "\f2ca"
}

.ion-android-arrow-down:before {
    content: "\f35d"
}

.ion-android-arrow-dropdown:before {
    content: "\f35f"
}

.ion-android-arrow-dropdown-circle:before {
    content: "\f35e"
}

.ion-android-arrow-dropleft:before {
    content: "\f361"
}

.ion-android-arrow-dropleft-circle:before {
    content: "\f360"
}

.ion-android-arrow-dropright:before {
    content: "\f363"
}

.ion-android-arrow-dropright-circle:before {
    content: "\f362"
}

.ion-android-arrow-dropup:before {
    content: "\f365"
}

.ion-android-arrow-dropup-circle:before {
    content: "\f364"
}

.ion-android-arrow-forward:before {
    content: "\f30f"
}

.ion-android-arrow-up:before {
    content: "\f366"
}

.ion-android-attach:before {
    content: "\f367"
}

.ion-android-bar:before {
    content: "\f368"
}

.ion-android-bicycle:before {
    content: "\f369"
}

.ion-android-boat:before {
    content: "\f36a"
}

.ion-android-bookmark:before {
    content: "\f36b"
}

.ion-android-bulb:before {
    content: "\f36c"
}

.ion-android-bus:before {
    content: "\f36d"
}

.ion-android-calendar:before {
    content: "\f2d1"
}

.ion-android-call:before {
    content: "\f2d2"
}

.ion-android-camera:before {
    content: "\f2d3"
}

.ion-android-cancel:before {
    content: "\f36e"
}

.ion-android-car:before {
    content: "\f36f"
}

.ion-android-cart:before {
    content: "\f370"
}

.ion-android-chat:before {
    content: "\f2d4"
}

.ion-android-checkbox:before {
    content: "\f374"
}

.ion-android-checkbox-blank:before {
    content: "\f371"
}

.ion-android-checkbox-outline:before {
    content: "\f373"
}

.ion-android-checkbox-outline-blank:before {
    content: "\f372"
}

.ion-android-checkmark-circle:before {
    content: "\f375"
}

.ion-android-clipboard:before {
    content: "\f376"
}

.ion-android-close:before {
    content: "\f2d7"
}

.ion-android-cloud:before {
    content: "\f37a"
}

.ion-android-cloud-circle:before {
    content: "\f377"
}

.ion-android-cloud-done:before {
    content: "\f378"
}

.ion-android-cloud-outline:before {
    content: "\f379"
}

.ion-android-color-palette:before {
    content: "\f37b"
}

.ion-android-compass:before {
    content: "\f37c"
}

.ion-android-contact:before {
    content: "\f2d8"
}

.ion-android-contacts:before {
    content: "\f2d9"
}

.ion-android-contract:before {
    content: "\f37d"
}

.ion-android-create:before {
    content: "\f37e"
}

.ion-android-delete:before {
    content: "\f37f"
}

.ion-android-desktop:before {
    content: "\f380"
}

.ion-android-document:before {
    content: "\f381"
}

.ion-android-done:before {
    content: "\f383"
}

.ion-android-done-all:before {
    content: "\f382"
}

.ion-android-download:before {
    content: "\f2dd"
}

.ion-android-drafts:before {
    content: "\f384"
}

.ion-android-exit:before {
    content: "\f385"
}

.ion-android-expand:before {
    content: "\f386"
}

.ion-android-favorite:before {
    content: "\f388"
}

.ion-android-favorite-outline:before {
    content: "\f387"
}

.ion-android-film:before {
    content: "\f389"
}

.ion-android-folder:before {
    content: "\f2e0"
}

.ion-android-folder-open:before {
    content: "\f38a"
}

.ion-android-funnel:before {
    content: "\f38b"
}

.ion-android-globe:before {
    content: "\f38c"
}

.ion-android-hand:before {
    content: "\f2e3"
}

.ion-android-hangout:before {
    content: "\f38d"
}

.ion-android-happy:before {
    content: "\f38e"
}

.ion-android-home:before {
    content: "\f38f"
}

.ion-android-image:before {
    content: "\f2e4"
}

.ion-android-laptop:before {
    content: "\f390"
}

.ion-android-list:before {
    content: "\f391"
}

.ion-android-locate:before {
    content: "\f2e9"
}

.ion-android-lock:before {
    content: "\f392"
}

.ion-android-mail:before {
    content: "\f2eb"
}

.ion-android-map:before {
    content: "\f393"
}

.ion-android-menu:before {
    content: "\f394"
}

.ion-android-microphone:before {
    content: "\f2ec"
}

.ion-android-microphone-off:before {
    content: "\f395"
}

.ion-android-more-horizontal:before {
    content: "\f396"
}

.ion-android-more-vertical:before {
    content: "\f397"
}

.ion-android-navigate:before {
    content: "\f398"
}

.ion-android-notifications:before {
    content: "\f39b"
}

.ion-android-notifications-none:before {
    content: "\f399"
}

.ion-android-notifications-off:before {
    content: "\f39a"
}

.ion-android-open:before {
    content: "\f39c"
}

.ion-android-options:before {
    content: "\f39d"
}

.ion-android-people:before {
    content: "\f39e"
}

.ion-android-person:before {
    content: "\f3a0"
}

.ion-android-person-add:before {
    content: "\f39f"
}

.ion-android-phone-landscape:before {
    content: "\f3a1"
}

.ion-android-phone-portrait:before {
    content: "\f3a2"
}

.ion-android-pin:before {
    content: "\f3a3"
}

.ion-android-plane:before {
    content: "\f3a4"
}

.ion-android-playstore:before {
    content: "\f2f0"
}

.ion-android-print:before {
    content: "\f3a5"
}

.ion-android-radio-button-off:before {
    content: "\f3a6"
}

.ion-android-radio-button-on:before {
    content: "\f3a7"
}

.ion-android-refresh:before {
    content: "\f3a8"
}

.ion-android-remove:before {
    content: "\f2f4"
}

.ion-android-remove-circle:before {
    content: "\f3a9"
}

.ion-android-restaurant:before {
    content: "\f3aa"
}

.ion-android-sad:before {
    content: "\f3ab"
}

.ion-android-search:before {
    content: "\f2f5"
}

.ion-android-send:before {
    content: "\f2f6"
}

.ion-android-settings:before {
    content: "\f2f7"
}

.ion-android-share:before {
    content: "\f2f8"
}

.ion-android-share-alt:before {
    content: "\f3ac"
}

.ion-android-star:before {
    content: "\f2fc"
}

.ion-android-star-half:before {
    content: "\f3ad"
}

.ion-android-star-outline:before {
    content: "\f3ae"
}

.ion-android-stopwatch:before {
    content: "\f2fd"
}

.ion-android-subway:before {
    content: "\f3af"
}

.ion-android-sunny:before {
    content: "\f3b0"
}

.ion-android-sync:before {
    content: "\f3b1"
}

.ion-android-textsms:before {
    content: "\f3b2"
}

.ion-android-time:before {
    content: "\f3b3"
}

.ion-android-train:before {
    content: "\f3b4"
}

.ion-android-unlock:before {
    content: "\f3b5"
}

.ion-android-upload:before {
    content: "\f3b6"
}

.ion-android-volume-down:before {
    content: "\f3b7"
}

.ion-android-volume-mute:before {
    content: "\f3b8"
}

.ion-android-volume-off:before {
    content: "\f3b9"
}

.ion-android-volume-up:before {
    content: "\f3ba"
}

.ion-android-walk:before {
    content: "\f3bb"
}

.ion-android-warning:before {
    content: "\f3bc"
}

.ion-android-watch:before {
    content: "\f3bd"
}

.ion-android-wifi:before {
    content: "\f305"
}

.ion-aperture:before {
    content: "\f313"
}

.ion-archive:before {
    content: "\f102"
}

.ion-arrow-down-a:before {
    content: "\f103"
}

.ion-arrow-down-b:before {
    content: "\f104"
}

.ion-arrow-down-c:before {
    content: "\f105"
}

.ion-arrow-expand:before {
    content: "\f25e"
}

.ion-arrow-graph-down-left:before {
    content: "\f25f"
}

.ion-arrow-graph-down-right:before {
    content: "\f260"
}

.ion-arrow-graph-up-left:before {
    content: "\f261"
}

.ion-arrow-graph-up-right:before {
    content: "\f262"
}

.ion-arrow-left-a:before {
    content: "\f106"
}

.ion-arrow-left-b:before {
    content: "\f107"
}

.ion-arrow-left-c:before {
    content: "\f108"
}

.ion-arrow-move:before {
    content: "\f263"
}

.ion-arrow-resize:before {
    content: "\f264"
}

.ion-arrow-return-left:before {
    content: "\f265"
}

.ion-arrow-return-right:before {
    content: "\f266"
}

.ion-arrow-right-a:before {
    content: "\f109"
}

.ion-arrow-right-b:before {
    content: "\f10a"
}

.ion-arrow-right-c:before {
    content: "\f10b"
}

.ion-arrow-shrink:before {
    content: "\f267"
}

.ion-arrow-swap:before {
    content: "\f268"
}

.ion-arrow-up-a:before {
    content: "\f10c"
}

.ion-arrow-up-b:before {
    content: "\f10d"
}

.ion-arrow-up-c:before {
    content: "\f10e"
}

.ion-asterisk:before {
    content: "\f314"
}

.ion-at:before {
    content: "\f10f"
}

.ion-backspace:before {
    content: "\f3bf"
}

.ion-backspace-outline:before {
    content: "\f3be"
}

.ion-bag:before {
    content: "\f110"
}

.ion-battery-charging:before {
    content: "\f111"
}

.ion-battery-empty:before {
    content: "\f112"
}

.ion-battery-full:before {
    content: "\f113"
}

.ion-battery-half:before {
    content: "\f114"
}

.ion-battery-low:before {
    content: "\f115"
}

.ion-beaker:before {
    content: "\f269"
}

.ion-beer:before {
    content: "\f26a"
}

.ion-bluetooth:before {
    content: "\f116"
}

.ion-bonfire:before {
    content: "\f315"
}

.ion-bookmark:before {
    content: "\f26b"
}

.ion-bowtie:before {
    content: "\f3c0"
}

.ion-briefcase:before {
    content: "\f26c"
}

.ion-bug:before {
    content: "\f2be"
}

.ion-calculator:before {
    content: "\f26d"
}

.ion-calendar:before {
    content: "\f117"
}

.ion-camera:before {
    content: "\f118"
}

.ion-card:before {
    content: "\f119"
}

.ion-cash:before {
    content: "\f316"
}

.ion-chatbox:before {
    content: "\f11b"
}

.ion-chatbox-working:before {
    content: "\f11a"
}

.ion-chatboxes:before {
    content: "\f11c"
}

.ion-chatbubble:before {
    content: "\f11e"
}

.ion-chatbubble-working:before {
    content: "\f11d"
}

.ion-chatbubbles:before {
    content: "\f11f"
}

.ion-checkmark:before {
    content: "\f122"
}

.ion-checkmark-circled:before {
    content: "\f120"
}

.ion-checkmark-round:before {
    content: "\f121"
}

.ion-chevron-down:before {
    content: "\f123"
}

.ion-chevron-left:before {
    content: "\f124"
}

.ion-chevron-right:before {
    content: "\f125"
}

.ion-chevron-up:before {
    content: "\f126"
}

.ion-clipboard:before {
    content: "\f127"
}

.ion-clock:before {
    content: "\f26e"
}

.ion-close:before {
    content: "\f12a"
}

.ion-close-circled:before {
    content: "\f128"
}

.ion-close-round:before {
    content: "\f129"
}

.ion-closed-captioning:before {
    content: "\f317"
}

.ion-cloud:before {
    content: "\f12b"
}

.ion-code:before {
    content: "\f271"
}

.ion-code-download:before {
    content: "\f26f"
}

.ion-code-working:before {
    content: "\f270"
}

.ion-coffee:before {
    content: "\f272"
}

.ion-compass:before {
    content: "\f273"
}

.ion-compose:before {
    content: "\f12c"
}

.ion-connection-bars:before {
    content: "\f274"
}

.ion-contrast:before {
    content: "\f275"
}

.ion-crop:before {
    content: "\f3c1"
}

.ion-cube:before {
    content: "\f318"
}

.ion-disc:before {
    content: "\f12d"
}

.ion-document:before {
    content: "\f12f"
}

.ion-document-text:before {
    content: "\f12e"
}

.ion-drag:before {
    content: "\f130"
}

.ion-earth:before {
    content: "\f276"
}

.ion-easel:before {
    content: "\f3c2"
}

.ion-edit:before {
    content: "\f2bf"
}

.ion-egg:before {
    content: "\f277"
}

.ion-eject:before {
    content: "\f131"
}

.ion-email:before {
    content: "\f132"
}

.ion-email-unread:before {
    content: "\f3c3"
}

.ion-erlenmeyer-flask:before {
    content: "\f3c5"
}

.ion-erlenmeyer-flask-bubbles:before {
    content: "\f3c4"
}

.ion-eye:before {
    content: "\f133"
}

.ion-eye-disabled:before {
    content: "\f306"
}

.ion-female:before {
    content: "\f278"
}

.ion-filing:before {
    content: "\f134"
}

.ion-film-marker:before {
    content: "\f135"
}

.ion-fireball:before {
    content: "\f319"
}

.ion-flag:before {
    content: "\f279"
}

.ion-flame:before {
    content: "\f31a"
}

.ion-flash:before {
    content: "\f137"
}

.ion-flash-off:before {
    content: "\f136"
}

.ion-folder:before {
    content: "\f139"
}

.ion-fork:before {
    content: "\f27a"
}

.ion-fork-repo:before {
    content: "\f2c0"
}

.ion-forward:before {
    content: "\f13a"
}

.ion-funnel:before {
    content: "\f31b"
}

.ion-gear-a:before {
    content: "\f13d"
}

.ion-gear-b:before {
    content: "\f13e"
}

.ion-grid:before {
    content: "\f13f"
}

.ion-hammer:before {
    content: "\f27b"
}

.ion-happy:before {
    content: "\f31c"
}

.ion-happy-outline:before {
    content: "\f3c6"
}

.ion-headphone:before {
    content: "\f140"
}

.ion-heart:before {
    content: "\f141"
}

.ion-heart-broken:before {
    content: "\f31d"
}

.ion-help:before {
    content: "\f143"
}

.ion-help-buoy:before {
    content: "\f27c"
}

.ion-help-circled:before {
    content: "\f142"
}

.ion-home:before {
    content: "\f144"
}

.ion-icecream:before {
    content: "\f27d"
}

.ion-image:before {
    content: "\f147"
}

.ion-images:before {
    content: "\f148"
}

.ion-information:before {
    content: "\f14a"
}

.ion-information-circled:before {
    content: "\f149"
}

.ion-ionic:before {
    content: "\f14b"
}

.ion-ios-alarm:before {
    content: "\f3c8"
}

.ion-ios-alarm-outline:before {
    content: "\f3c7"
}

.ion-ios-albums:before {
    content: "\f3ca"
}

.ion-ios-albums-outline:before {
    content: "\f3c9"
}

.ion-ios-americanfootball:before {
    content: "\f3cc"
}

.ion-ios-americanfootball-outline:before {
    content: "\f3cb"
}

.ion-ios-analytics:before {
    content: "\f3ce"
}

.ion-ios-analytics-outline:before {
    content: "\f3cd"
}

.ion-ios-arrow-back:before {
    content: "\f3cf"
}

.ion-ios-arrow-down:before {
    content: "\f3d0"
}

.ion-ios-arrow-forward:before {
    content: "\f3d1"
}

.ion-ios-arrow-left:before {
    content: "\f3d2"
}

.ion-ios-arrow-right:before {
    content: "\f3d3"
}

.ion-ios-arrow-thin-down:before {
    content: "\f3d4"
}

.ion-ios-arrow-thin-left:before {
    content: "\f3d5"
}

.ion-ios-arrow-thin-right:before {
    content: "\f3d6"
}

.ion-ios-arrow-thin-up:before {
    content: "\f3d7"
}

.ion-ios-arrow-up:before {
    content: "\f3d8"
}

.ion-ios-at:before {
    content: "\f3da"
}

.ion-ios-at-outline:before {
    content: "\f3d9"
}

.ion-ios-barcode:before {
    content: "\f3dc"
}

.ion-ios-barcode-outline:before {
    content: "\f3db"
}

.ion-ios-baseball:before {
    content: "\f3de"
}

.ion-ios-baseball-outline:before {
    content: "\f3dd"
}

.ion-ios-basketball:before {
    content: "\f3e0"
}

.ion-ios-basketball-outline:before {
    content: "\f3df"
}

.ion-ios-bell:before {
    content: "\f3e2"
}

.ion-ios-bell-outline:before {
    content: "\f3e1"
}

.ion-ios-body:before {
    content: "\f3e4"
}

.ion-ios-body-outline:before {
    content: "\f3e3"
}

.ion-ios-bolt:before {
    content: "\f3e6"
}

.ion-ios-bolt-outline:before {
    content: "\f3e5"
}

.ion-ios-book:before {
    content: "\f3e8"
}

.ion-ios-book-outline:before {
    content: "\f3e7"
}

.ion-ios-bookmarks:before {
    content: "\f3ea"
}

.ion-ios-bookmarks-outline:before {
    content: "\f3e9"
}

.ion-ios-box:before {
    content: "\f3ec"
}

.ion-ios-box-outline:before {
    content: "\f3eb"
}

.ion-ios-briefcase:before {
    content: "\f3ee"
}

.ion-ios-briefcase-outline:before {
    content: "\f3ed"
}

.ion-ios-browsers:before {
    content: "\f3f0"
}

.ion-ios-browsers-outline:before {
    content: "\f3ef"
}

.ion-ios-calculator:before {
    content: "\f3f2"
}

.ion-ios-calculator-outline:before {
    content: "\f3f1"
}

.ion-ios-calendar:before {
    content: "\f3f4"
}

.ion-ios-calendar-outline:before {
    content: "\f3f3"
}

.ion-ios-camera:before {
    content: "\f3f6"
}

.ion-ios-camera-outline:before {
    content: "\f3f5"
}

.ion-ios-cart:before {
    content: "\f3f8"
}

.ion-ios-cart-outline:before {
    content: "\f3f7"
}

.ion-ios-chatboxes:before {
    content: "\f3fa"
}

.ion-ios-chatboxes-outline:before {
    content: "\f3f9"
}

.ion-ios-chatbubble:before {
    content: "\f3fc"
}

.ion-ios-chatbubble-outline:before {
    content: "\f3fb"
}

.ion-ios-checkmark:before {
    content: "\f3ff"
}

.ion-ios-checkmark-empty:before {
    content: "\f3fd"
}

.ion-ios-checkmark-outline:before {
    content: "\f3fe"
}

.ion-ios-circle-filled:before {
    content: "\f400"
}

.ion-ios-circle-outline:before {
    content: "\f401"
}

.ion-ios-clock:before {
    content: "\f403"
}

.ion-ios-clock-outline:before {
    content: "\f402"
}

.ion-ios-close:before {
    content: "\f406"
}

.ion-ios-close-empty:before {
    content: "\f404"
}

.ion-ios-close-outline:before {
    content: "\f405"
}

.ion-ios-cloud:before {
    content: "\f40c"
}

.ion-ios-cloud-download:before {
    content: "\f408"
}

.ion-ios-cloud-download-outline:before {
    content: "\f407"
}

.ion-ios-cloud-outline:before {
    content: "\f409"
}

.ion-ios-cloud-upload:before {
    content: "\f40b"
}

.ion-ios-cloud-upload-outline:before {
    content: "\f40a"
}

.ion-ios-cloudy:before {
    content: "\f410"
}

.ion-ios-cloudy-night:before {
    content: "\f40e"
}

.ion-ios-cloudy-night-outline:before {
    content: "\f40d"
}

.ion-ios-cloudy-outline:before {
    content: "\f40f"
}

.ion-ios-cog:before {
    content: "\f412"
}

.ion-ios-cog-outline:before {
    content: "\f411"
}

.ion-ios-color-filter:before {
    content: "\f414"
}

.ion-ios-color-filter-outline:before {
    content: "\f413"
}

.ion-ios-color-wand:before {
    content: "\f416"
}

.ion-ios-color-wand-outline:before {
    content: "\f415"
}

.ion-ios-compose:before {
    content: "\f418"
}

.ion-ios-compose-outline:before {
    content: "\f417"
}

.ion-ios-contact:before {
    content: "\f41a"
}

.ion-ios-contact-outline:before {
    content: "\f419"
}

.ion-ios-copy:before {
    content: "\f41c"
}

.ion-ios-copy-outline:before {
    content: "\f41b"
}

.ion-ios-crop:before {
    content: "\f41e"
}

.ion-ios-crop-strong:before {
    content: "\f41d"
}

.ion-ios-download:before {
    content: "\f420"
}

.ion-ios-download-outline:before {
    content: "\f41f"
}

.ion-ios-drag:before {
    content: "\f421"
}

.ion-ios-email:before {
    content: "\f423"
}

.ion-ios-email-outline:before {
    content: "\f422"
}

.ion-ios-eye:before {
    content: "\f425"
}

.ion-ios-eye-outline:before {
    content: "\f424"
}

.ion-ios-fastforward:before {
    content: "\f427"
}

.ion-ios-fastforward-outline:before {
    content: "\f426"
}

.ion-ios-filing:before {
    content: "\f429"
}

.ion-ios-filing-outline:before {
    content: "\f428"
}

.ion-ios-film:before {
    content: "\f42b"
}

.ion-ios-film-outline:before {
    content: "\f42a"
}

.ion-ios-flag:before {
    content: "\f42d"
}

.ion-ios-flag-outline:before {
    content: "\f42c"
}

.ion-ios-flame:before {
    content: "\f42f"
}

.ion-ios-flame-outline:before {
    content: "\f42e"
}

.ion-ios-flask:before {
    content: "\f431"
}

.ion-ios-flask-outline:before {
    content: "\f430"
}

.ion-ios-flower:before {
    content: "\f433"
}

.ion-ios-flower-outline:before {
    content: "\f432"
}

.ion-ios-folder:before {
    content: "\f435"
}

.ion-ios-folder-outline:before {
    content: "\f434"
}

.ion-ios-football:before {
    content: "\f437"
}

.ion-ios-football-outline:before {
    content: "\f436"
}

.ion-ios-game-controller-a:before {
    content: "\f439"
}

.ion-ios-game-controller-a-outline:before {
    content: "\f438"
}

.ion-ios-game-controller-b:before {
    content: "\f43b"
}

.ion-ios-game-controller-b-outline:before {
    content: "\f43a"
}

.ion-ios-gear:before {
    content: "\f43d"
}

.ion-ios-gear-outline:before {
    content: "\f43c"
}

.ion-ios-glasses:before {
    content: "\f43f"
}

.ion-ios-glasses-outline:before {
    content: "\f43e"
}

.ion-ios-grid-view:before {
    content: "\f441"
}

.ion-ios-grid-view-outline:before {
    content: "\f440"
}

.ion-ios-heart:before {
    content: "\f443"
}

.ion-ios-heart-outline:before {
    content: "\f442"
}

.ion-ios-help:before {
    content: "\f446"
}

.ion-ios-help-empty:before {
    content: "\f444"
}

.ion-ios-help-outline:before {
    content: "\f445"
}

.ion-ios-home:before {
    content: "\f448"
}

.ion-ios-home-outline:before {
    content: "\f447"
}

.ion-ios-infinite:before {
    content: "\f44a"
}

.ion-ios-infinite-outline:before {
    content: "\f449"
}

.ion-ios-information:before {
    content: "\f44d"
}

.ion-ios-information-empty:before {
    content: "\f44b"
}

.ion-ios-information-outline:before {
    content: "\f44c"
}

.ion-ios-ionic-outline:before {
    content: "\f44e"
}

.ion-ios-keypad:before {
    content: "\f450"
}

.ion-ios-keypad-outline:before {
    content: "\f44f"
}

.ion-ios-lightbulb:before {
    content: "\f452"
}

.ion-ios-lightbulb-outline:before {
    content: "\f451"
}

.ion-ios-list:before {
    content: "\f454"
}

.ion-ios-list-outline:before {
    content: "\f453"
}

.ion-ios-location:before {
    content: "\f456"
}

.ion-ios-location-outline:before {
    content: "\f455"
}

.ion-ios-locked:before {
    content: "\f458"
}

.ion-ios-locked-outline:before {
    content: "\f457"
}

.ion-ios-loop:before {
    content: "\f45a"
}

.ion-ios-loop-strong:before {
    content: "\f459"
}

.ion-ios-medical:before {
    content: "\f45c"
}

.ion-ios-medical-outline:before {
    content: "\f45b"
}

.ion-ios-medkit:before {
    content: "\f45e"
}

.ion-ios-medkit-outline:before {
    content: "\f45d"
}

.ion-ios-mic:before {
    content: "\f461"
}

.ion-ios-mic-off:before {
    content: "\f45f"
}

.ion-ios-mic-outline:before {
    content: "\f460"
}

.ion-ios-minus:before {
    content: "\f464"
}

.ion-ios-minus-empty:before {
    content: "\f462"
}

.ion-ios-minus-outline:before {
    content: "\f463"
}

.ion-ios-monitor:before {
    content: "\f466"
}

.ion-ios-monitor-outline:before {
    content: "\f465"
}

.ion-ios-moon:before {
    content: "\f468"
}

.ion-ios-moon-outline:before {
    content: "\f467"
}

.ion-ios-more:before {
    content: "\f46a"
}

.ion-ios-more-outline:before {
    content: "\f469"
}

.ion-ios-musical-note:before {
    content: "\f46b"
}

.ion-ios-musical-notes:before {
    content: "\f46c"
}

.ion-ios-navigate:before {
    content: "\f46e"
}

.ion-ios-navigate-outline:before {
    content: "\f46d"
}

.ion-ios-nutrition:before {
    content: "\f470"
}

.ion-ios-nutrition-outline:before {
    content: "\f46f"
}

.ion-ios-paper:before {
    content: "\f472"
}

.ion-ios-paper-outline:before {
    content: "\f471"
}

.ion-ios-paperplane:before {
    content: "\f474"
}

.ion-ios-paperplane-outline:before {
    content: "\f473"
}

.ion-ios-partlysunny:before {
    content: "\f476"
}

.ion-ios-partlysunny-outline:before {
    content: "\f475"
}

.ion-ios-pause:before {
    content: "\f478"
}

.ion-ios-pause-outline:before {
    content: "\f477"
}

.ion-ios-paw:before {
    content: "\f47a"
}

.ion-ios-paw-outline:before {
    content: "\f479"
}

.ion-ios-people:before {
    content: "\f47c"
}

.ion-ios-people-outline:before {
    content: "\f47b"
}

.ion-ios-person:before {
    content: "\f47e"
}

.ion-ios-person-outline:before {
    content: "\f47d"
}

.ion-ios-personadd:before {
    content: "\f480"
}

.ion-ios-personadd-outline:before {
    content: "\f47f"
}

.ion-ios-photos:before {
    content: "\f482"
}

.ion-ios-photos-outline:before {
    content: "\f481"
}

.ion-ios-pie:before {
    content: "\f484"
}

.ion-ios-pie-outline:before {
    content: "\f483"
}

.ion-ios-pint:before {
    content: "\f486"
}

.ion-ios-pint-outline:before {
    content: "\f485"
}

.ion-ios-play:before {
    content: "\f488"
}

.ion-ios-play-outline:before {
    content: "\f487"
}

.ion-ios-plus:before {
    content: "\f48b"
}

.ion-ios-plus-empty:before {
    content: "\f489"
}

.ion-ios-plus-outline:before {
    content: "\f48a"
}

.ion-ios-pricetag:before {
    content: "\f48d"
}

.ion-ios-pricetag-outline:before {
    content: "\f48c"
}

.ion-ios-pricetags:before {
    content: "\f48f"
}

.ion-ios-pricetags-outline:before {
    content: "\f48e"
}

.ion-ios-printer:before {
    content: "\f491"
}

.ion-ios-printer-outline:before {
    content: "\f490"
}

.ion-ios-pulse:before {
    content: "\f493"
}

.ion-ios-pulse-strong:before {
    content: "\f492"
}

.ion-ios-rainy:before {
    content: "\f495"
}

.ion-ios-rainy-outline:before {
    content: "\f494"
}

.ion-ios-recording:before {
    content: "\f497"
}

.ion-ios-recording-outline:before {
    content: "\f496"
}

.ion-ios-redo:before {
    content: "\f499"
}

.ion-ios-redo-outline:before {
    content: "\f498"
}

.ion-ios-refresh:before {
    content: "\f49c"
}

.ion-ios-refresh-empty:before {
    content: "\f49a"
}

.ion-ios-refresh-outline:before {
    content: "\f49b"
}

.ion-ios-reload:before {
    content: "\f49d"
}

.ion-ios-reverse-camera:before {
    content: "\f49f"
}

.ion-ios-reverse-camera-outline:before {
    content: "\f49e"
}

.ion-ios-rewind:before {
    content: "\f4a1"
}

.ion-ios-rewind-outline:before {
    content: "\f4a0"
}

.ion-ios-rose:before {
    content: "\f4a3"
}

.ion-ios-rose-outline:before {
    content: "\f4a2"
}

.ion-ios-search:before {
    content: "\f4a5"
}

.ion-ios-search-strong:before {
    content: "\f4a4"
}

.ion-ios-settings:before {
    content: "\f4a7"
}

.ion-ios-settings-strong:before {
    content: "\f4a6"
}

.ion-ios-shuffle:before {
    content: "\f4a9"
}

.ion-ios-shuffle-strong:before {
    content: "\f4a8"
}

.ion-ios-skipbackward:before {
    content: "\f4ab"
}

.ion-ios-skipbackward-outline:before {
    content: "\f4aa"
}

.ion-ios-skipforward:before {
    content: "\f4ad"
}

.ion-ios-skipforward-outline:before {
    content: "\f4ac"
}

.ion-ios-snowy:before {
    content: "\f4ae"
}

.ion-ios-speedometer:before {
    content: "\f4b0"
}

.ion-ios-speedometer-outline:before {
    content: "\f4af"
}

.ion-ios-star:before {
    content: "\f4b3"
}

.ion-ios-star-half:before {
    content: "\f4b1"
}

.ion-ios-star-outline:before {
    content: "\f4b2"
}

.ion-ios-stopwatch:before {
    content: "\f4b5"
}

.ion-ios-stopwatch-outline:before {
    content: "\f4b4"
}

.ion-ios-sunny:before {
    content: "\f4b7"
}

.ion-ios-sunny-outline:before {
    content: "\f4b6"
}

.ion-ios-telephone:before {
    content: "\f4b9"
}

.ion-ios-telephone-outline:before {
    content: "\f4b8"
}

.ion-ios-tennisball:before {
    content: "\f4bb"
}

.ion-ios-tennisball-outline:before {
    content: "\f4ba"
}

.ion-ios-thunderstorm:before {
    content: "\f4bd"
}

.ion-ios-thunderstorm-outline:before {
    content: "\f4bc"
}

.ion-ios-time:before {
    content: "\f4bf"
}

.ion-ios-time-outline:before {
    content: "\f4be"
}

.ion-ios-timer:before {
    content: "\f4c1"
}

.ion-ios-timer-outline:before {
    content: "\f4c0"
}

.ion-ios-toggle:before {
    content: "\f4c3"
}

.ion-ios-toggle-outline:before {
    content: "\f4c2"
}

.ion-ios-trash:before {
    content: "\f4c5"
}

.ion-ios-trash-outline:before {
    content: "\f4c4"
}

.ion-ios-undo:before {
    content: "\f4c7"
}

.ion-ios-undo-outline:before {
    content: "\f4c6"
}

.ion-ios-unlocked:before {
    content: "\f4c9"
}

.ion-ios-unlocked-outline:before {
    content: "\f4c8"
}

.ion-ios-upload:before {
    content: "\f4cb"
}

.ion-ios-upload-outline:before {
    content: "\f4ca"
}

.ion-ios-videocam:before {
    content: "\f4cd"
}

.ion-ios-videocam-outline:before {
    content: "\f4cc"
}

.ion-ios-volume-high:before {
    content: "\f4ce"
}

.ion-ios-volume-low:before {
    content: "\f4cf"
}

.ion-ios-wineglass:before {
    content: "\f4d1"
}

.ion-ios-wineglass-outline:before {
    content: "\f4d0"
}

.ion-ios-world:before {
    content: "\f4d3"
}

.ion-ios-world-outline:before {
    content: "\f4d2"
}

.ion-ipad:before {
    content: "\f1f9"
}

.ion-iphone:before {
    content: "\f1fa"
}

.ion-ipod:before {
    content: "\f1fb"
}

.ion-jet:before {
    content: "\f295"
}

.ion-key:before {
    content: "\f296"
}

.ion-knife:before {
    content: "\f297"
}

.ion-laptop:before {
    content: "\f1fc"
}

.ion-leaf:before {
    content: "\f1fd"
}

.ion-levels:before {
    content: "\f298"
}

.ion-lightbulb:before {
    content: "\f299"
}

.ion-link:before {
    content: "\f1fe"
}

.ion-load-a:before {
    content: "\f29a"
}

.ion-load-b:before {
    content: "\f29b"
}

.ion-load-c:before {
    content: "\f29c"
}

.ion-load-d:before {
    content: "\f29d"
}

.ion-location:before {
    content: "\f1ff"
}

.ion-lock-combination:before {
    content: "\f4d4"
}

.ion-locked:before {
    content: "\f200"
}

.ion-log-in:before {
    content: "\f29e"
}

.ion-log-out:before {
    content: "\f29f"
}

.ion-loop:before {
    content: "\f201"
}

.ion-magnet:before {
    content: "\f2a0"
}

.ion-male:before {
    content: "\f2a1"
}

.ion-man:before {
    content: "\f202"
}

.ion-map:before {
    content: "\f203"
}

.ion-medkit:before {
    content: "\f2a2"
}

.ion-merge:before {
    content: "\f33f"
}

.ion-mic-a:before {
    content: "\f204"
}

.ion-mic-b:before {
    content: "\f205"
}

.ion-mic-c:before {
    content: "\f206"
}

.ion-minus:before {
    content: "\f209"
}

.ion-minus-circled:before {
    content: "\f207"
}

.ion-minus-round:before {
    content: "\f208"
}

.ion-model-s:before {
    content: "\f2c1"
}

.ion-monitor:before {
    content: "\f20a"
}

.ion-more:before {
    content: "\f20b"
}

.ion-mouse:before {
    content: "\f340"
}

.ion-music-note:before {
    content: "\f20c"
}

.ion-navicon:before {
    content: "\f20e"
}

.ion-navicon-round:before {
    content: "\f20d"
}

.ion-navigate:before {
    content: "\f2a3"
}

.ion-network:before {
    content: "\f341"
}

.ion-no-smoking:before {
    content: "\f2c2"
}

.ion-nuclear:before {
    content: "\f2a4"
}

.ion-outlet:before {
    content: "\f342"
}

.ion-paintbrush:before {
    content: "\f4d5"
}

.ion-paintbucket:before {
    content: "\f4d6"
}

.ion-paper-airplane:before {
    content: "\f2c3"
}

.ion-paperclip:before {
    content: "\f20f"
}

.ion-pause:before {
    content: "\f210"
}

.ion-person:before {
    content: "\f213"
}

.ion-person-add:before {
    content: "\f211"
}

.ion-person-stalker:before {
    content: "\f212"
}

.ion-pie-graph:before {
    content: "\f2a5"
}

.ion-pin:before {
    content: "\f2a6"
}

.ion-pinpoint:before {
    content: "\f2a7"
}

.ion-pizza:before {
    content: "\f2a8"
}

.ion-plane:before {
    content: "\f214"
}

.ion-planet:before {
    content: "\f343"
}

.ion-play:before {
    content: "\f215"
}

.ion-playstation:before {
    content: "\f30a"
}

.ion-plus:before {
    content: "\f218"
}

.ion-plus-circled:before {
    content: "\f216"
}

.ion-plus-round:before {
    content: "\f217"
}

.ion-podium:before {
    content: "\f344"
}

.ion-pound:before {
    content: "\f219"
}

.ion-power:before {
    content: "\f2a9"
}

.ion-pricetag:before {
    content: "\f2aa"
}

.ion-pricetags:before {
    content: "\f2ab"
}

.ion-printer:before {
    content: "\f21a"
}

.ion-pull-request:before {
    content: "\f345"
}

.ion-qr-scanner:before {
    content: "\f346"
}

.ion-quote:before {
    content: "\f347"
}

.ion-radio-waves:before {
    content: "\f2ac"
}

.ion-record:before {
    content: "\f21b"
}

.ion-refresh:before {
    content: "\f21c"
}

.ion-reply:before {
    content: "\f21e"
}

.ion-reply-all:before {
    content: "\f21d"
}

.ion-ribbon-a:before {
    content: "\f348"
}

.ion-ribbon-b:before {
    content: "\f349"
}

.ion-sad:before {
    content: "\f34a"
}

.ion-sad-outline:before {
    content: "\f4d7"
}

.ion-scissors:before {
    content: "\f34b"
}

.ion-search:before {
    content: "\f21f"
}

.ion-settings:before {
    content: "\f2ad"
}

.ion-share:before {
    content: "\f220"
}

.ion-shuffle:before {
    content: "\f221"
}

.ion-skip-backward:before {
    content: "\f222"
}

.ion-skip-forward:before {
    content: "\f223"
}

.ion-social-android:before {
    content: "\f225"
}

.ion-social-android-outline:before {
    content: "\f224"
}

.ion-social-angular:before {
    content: "\f4d9"
}

.ion-social-angular-outline:before {
    content: "\f4d8"
}

.ion-social-apple:before {
    content: "\f227"
}

.ion-social-apple-outline:before {
    content: "\f226"
}

.ion-social-bitcoin:before {
    content: "\f2af"
}

.ion-social-bitcoin-outline:before {
    content: "\f2ae"
}

.ion-social-buffer:before {
    content: "\f229"
}

.ion-social-buffer-outline:before {
    content: "\f228"
}

.ion-social-chrome:before {
    content: "\f4db"
}

.ion-social-chrome-outline:before {
    content: "\f4da"
}

.ion-social-codepen:before {
    content: "\f4dd"
}

.ion-social-codepen-outline:before {
    content: "\f4dc"
}

.ion-social-css3:before {
    content: "\f4df"
}

.ion-social-css3-outline:before {
    content: "\f4de"
}

.ion-social-designernews:before {
    content: "\f22b"
}

.ion-social-designernews-outline:before {
    content: "\f22a"
}

.ion-social-dribbble:before {
    content: "\f22d"
}

.ion-social-dribbble-outline:before {
    content: "\f22c"
}

.ion-social-dropbox:before {
    content: "\f22f"
}

.ion-social-dropbox-outline:before {
    content: "\f22e"
}

.ion-social-euro:before {
    content: "\f4e1"
}

.ion-social-euro-outline:before {
    content: "\f4e0"
}

.ion-social-facebook:before {
    content: "\f231"
}

.ion-social-facebook-outline:before {
    content: "\f230"
}

.ion-social-foursquare:before {
    content: "\f34d"
}

.ion-social-foursquare-outline:before {
    content: "\f34c"
}

.ion-social-freebsd-devil:before {
    content: "\f2c4"
}

.ion-social-github:before {
    content: "\f233"
}

.ion-social-github-outline:before {
    content: "\f232"
}

.ion-social-google:before {
    content: "\f34f"
}

.ion-social-google-outline:before {
    content: "\f34e"
}

.ion-social-googleplus:before {
    content: "\f235"
}

.ion-social-googleplus-outline:before {
    content: "\f234"
}

.ion-social-hackernews:before {
    content: "\f237"
}

.ion-social-hackernews-outline:before {
    content: "\f236"
}

.ion-social-html5:before {
    content: "\f4e3"
}

.ion-social-html5-outline:before {
    content: "\f4e2"
}

.ion-social-instagram:before {
    content: "\f351"
}

.ion-social-instagram-outline:before {
    content: "\f350"
}

.ion-social-javascript:before {
    content: "\f4e5"
}

.ion-social-javascript-outline:before {
    content: "\f4e4"
}

.ion-social-linkedin:before {
    content: "\f239"
}

.ion-social-linkedin-outline:before {
    content: "\f238"
}

.ion-social-markdown:before {
    content: "\f4e6"
}

.ion-social-nodejs:before {
    content: "\f4e7"
}

.ion-social-octocat:before {
    content: "\f4e8"
}

.ion-social-pinterest:before {
    content: "\f2b1"
}

.ion-social-pinterest-outline:before {
    content: "\f2b0"
}

.ion-social-python:before {
    content: "\f4e9"
}

.ion-social-reddit:before {
    content: "\f23b"
}

.ion-social-reddit-outline:before {
    content: "\f23a"
}

.ion-social-rss:before {
    content: "\f23d"
}

.ion-social-rss-outline:before {
    content: "\f23c"
}

.ion-social-sass:before {
    content: "\f4ea"
}

.ion-social-skype:before {
    content: "\f23f"
}

.ion-social-skype-outline:before {
    content: "\f23e"
}

.ion-social-snapchat:before {
    content: "\f4ec"
}

.ion-social-snapchat-outline:before {
    content: "\f4eb"
}

.ion-social-tumblr:before {
    content: "\f241"
}

.ion-social-tumblr-outline:before {
    content: "\f240"
}

.ion-social-tux:before {
    content: "\f2c5"
}

.ion-social-twitch:before {
    content: "\f4ee"
}

.ion-social-twitch-outline:before {
    content: "\f4ed"
}

.ion-social-twitter:before {
    content: "\f243"
}

.ion-social-twitter-outline:before {
    content: "\f242"
}

.ion-social-usd:before {
    content: "\f353"
}

.ion-social-usd-outline:before {
    content: "\f352"
}

.ion-social-vimeo:before {
    content: "\f245"
}

.ion-social-vimeo-outline:before {
    content: "\f244"
}

.ion-social-whatsapp:before {
    content: "\f4f0"
}

.ion-social-whatsapp-outline:before {
    content: "\f4ef"
}

.ion-social-windows:before {
    content: "\f247"
}

.ion-social-windows-outline:before {
    content: "\f246"
}

.ion-social-wordpress:before {
    content: "\f249"
}

.ion-social-wordpress-outline:before {
    content: "\f248"
}

.ion-social-yahoo:before {
    content: "\f24b"
}

.ion-social-yahoo-outline:before {
    content: "\f24a"
}

.ion-social-yen:before {
    content: "\f4f2"
}

.ion-social-yen-outline:before {
    content: "\f4f1"
}

.ion-social-youtube:before {
    content: "\f24d"
}

.ion-social-youtube-outline:before {
    content: "\f24c"
}

.ion-soup-can:before {
    content: "\f4f4"
}

.ion-soup-can-outline:before {
    content: "\f4f3"
}

.ion-speakerphone:before {
    content: "\f2b2"
}

.ion-speedometer:before {
    content: "\f2b3"
}

.ion-spoon:before {
    content: "\f2b4"
}

.ion-star:before {
    content: "\f24e"
}

.ion-stats-bars:before {
    content: "\f2b5"
}

.ion-steam:before {
    content: "\f30b"
}

.ion-stop:before {
    content: "\f24f"
}

.ion-thermometer:before {
    content: "\f2b6"
}

.ion-thumbsdown:before {
    content: "\f250"
}

.ion-thumbsup:before {
    content: "\f251"
}

.ion-toggle:before {
    content: "\f355"
}

.ion-toggle-filled:before {
    content: "\f354"
}

.ion-transgender:before {
    content: "\f4f5"
}

.ion-trash-a:before {
    content: "\f252"
}

.ion-trash-b:before {
    content: "\f253"
}

.ion-trophy:before {
    content: "\f356"
}

.ion-tshirt:before {
    content: "\f4f7"
}

.ion-tshirt-outline:before {
    content: "\f4f6"
}

.ion-umbrella:before {
    content: "\f2b7"
}

.ion-university:before {
    content: "\f357"
}

.ion-unlocked:before {
    content: "\f254"
}

.ion-upload:before {
    content: "\f255"
}

.ion-usb:before {
    content: "\f2b8"
}

.ion-videocamera:before {
    content: "\f256"
}

.ion-volume-high:before {
    content: "\f257"
}

.ion-volume-low:before {
    content: "\f258"
}

.ion-volume-medium:before {
    content: "\f259"
}

.ion-volume-mute:before {
    content: "\f25a"
}

.ion-wand:before {
    content: "\f358"
}

.ion-waterdrop:before {
    content: "\f25b"
}

.ion-wifi:before {
    content: "\f25c"
}

.ion-wineglass:before {
    content: "\f2b9"
}

.ion-woman:before {
    content: "\f25d"
}

.ion-wrench:before {
    content: "\f2ba"
}

.ion-xbox:before {
    content: "\f30c"
}

#jssor_1 {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    max-width: 100%;
    height: 300px;
    overflow: hidden;
    visibility: hidden;
}
/* jssor slider bullet navigator skin 01 css */
/*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
.jssorb01 {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

    .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
        position: absolute;
        /* size of bullet elment */
        width: 13px;
        height: 13px;
        filter: alpha(opacity=90);
        opacity: .9;
        overflow: hidden;
        cursor: pointer;
        border: #fff 3px solid;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .jssorb01 div {
        background-color: #fff;
    }

        .jssorb01 div:hover, .jssorb01 .av:hover {
            background-color: #161616;
        }

    .jssorb01 .av {
        background-color: #161616;
    }

    .jssorb01 .dn, .jssorb01 .dn:hover {
        background-color: #161616;
    }

/* jssor slider arrow navigator skin 05 css */
/*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('/assets/images/all/a17.png') no-repeat;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
    top: 0px;
    left: 8px;
}

.jssora05r {
    background-position: -70px -40px;
    top: 0px;
    right: 8px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05l.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05r.jssora05rdn {
    background-position: -310px -40px;
}

@charset "utf-8";

html {
    /*-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;*/
    font-size: 14px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, img, embed {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

ol, ul {
    list-style-position: inside;
}

:focus {
    outline: 0;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #0078ad;
        outline: none;
        text-decoration: none;
    }

    a:active {
        outline: none;
        text-decoration: none;
    }

b, strong {
    font-weight: bold;
}

body {
    color: #333;
    background: #fff;
    font-family: 'Roboto', sans-serif;
}

.cke_show_borders, cke_editable_themed, .cke_contents_ltr, .cke_editable {
    padding: 1rem;
}


li {
    list-style: none;
}

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

td, input, textarea {
    padding: 5px;
}

p {
    max-width: 100%;
}

.text-df-hover:hover {
    color: #0078ad !important;
}

.text-df {
    color: #0078ad;
}

.bg-df-hover:hover {
    background: #0078ad !important;
}

.bg-df {
    background: #0078ad;
}
.border-df {
    --falcon-border-opacity: 1;
    border-color: #0078ad !important;
}

.border-df-hover:hover {
    --falcon-border-opacity: 1;
    border-color: #0078ad !important;
}

.bggray {
    background: #f6f6f6;
    padding: 0 0 30px;
    margin-top: 30px;
    position: relative;
    border-top: 1px solid #ececec;
}
.bg-ddd {
    background-color: #ddd;
}

/**/

.h1-home {
    position: absolute;
    margin-left: -10000px;
}

#_MenuTopRight1 .nav-item:hover .dropdown-menu {
    z-index: 999 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0) !important;
}

#_MenuTopRight1 .nav-item .dropdown-menu {
    opacity: 0;
    z-index: 2;
    -webkit-box-shadow: 0px 6px 12px rgb(0, 0, 0.18);
    box-shadow: 0px 6px 12px rgb(0, 0, 0.18);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

/*cat-box start*/
/*.cat-box {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*    .cat-box .box-content {*/
/*        text-align: center;*/
/*        font-family: 'Roboto', sans-serif;*/
/*        border-radius: 0;*/
/*        display: block;*/
/*        position: absolute;*/
/*        opacity: 1;*/
/*        z-index: 1;*/
/*        bottom: 0;*/
/*        left: 0;*/
/*        right: 0;*/
/*        background: linear-gradient(0deg, #000000fc 22%, transparent);*/
/*        border-radius: 8px;*/
/*        overflow: hidden;*/
/*        color: #fff;*/
/*    }*/

/*    .cat-box:hover .box-content {*/
/*        bottom: 0;*/
/*        height: calc(100% - 30px);*/
/*        background: #000000b8;*/
/*        margin: 15px 15px !important;*/
/*        display: -webkit-box !important;*/
/*        display: -ms-flexbox !important;*/
/*        display: flex !important;*/
/*        -webkit-box-orient: vertical !important;*/
/*        -webkit-box-direction: normal !important;*/
/*        -ms-flex-direction: column !important;*/
/*        flex-direction: column !important;*/
/*        align-items: center;*/
/*        justify-content: center;*/
        /*justify-content: end;*/
/*    }*/

/*    .cat-box .box-content .box-viewmore {*/
/*        text-align: center;*/
/*        width: 100%;*/
/*    }*/

/*        .cat-box .box-content .box-viewmore a {*/
/*            margin: auto;*/
/*            display: inline-block;*/
/*            transform: scale(0);*/
/*            opacity: 0;*/
/*        }*/

/*        .cat-box:hover .box-content .box-viewmore a {*/
/*            transform: scale(1);*/
/*            opacity: 1;*/
/*        }*/

/*    .cat-box .box-img {*/
/*        position: relative;*/
/*        display: block;*/
/*    }*/

/*        .cat-box .box-img:before, .cat-box .box-img:after {*/
/*            bottom: 10px;*/
/*            content: "";*/
/*            left: 10px;*/
/*            opacity: 0;*/
/*            position: absolute;*/
/*            right: 10px;*/
/*            top: 10px;*/
/*            -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;*/
/*            -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;*/
/*            transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;*/
/*            z-index: 1;*/
/*        }*/

/*        .cat-box .box-img:before {*/
/*            border-bottom: 1px solid #ffffff;*/
/*            border-top: 1px solid #ffffff;*/
/*            -webkit-transform: scale(0, 1);*/
/*            -ms-transform: scale(0, 1);*/
/*            -o-transform: scale(0, 1);*/
/*            transform: scale(0, 1);*/
/*            margin: 0 -6px;*/
/*        }*/

/*    .cat-box .box-img:after {*/
/*        border-left: 1px solid #ffffff;*/
/*        border-right: 1px solid #ffffff;*/
/*        -webkit-transform: scale(1, 0);*/
/*        -ms-transform: scale(1, 0);*/
/*        -o-transform: scale(1, 0);*/
/*        transform: scale(1, 0);*/
/*        margin: -6px 0;*/
/*    }*/
    
/*    .cat-box .box-title {*/
/*       font-weight: 700 !important;*/
/*       font-size: 1.2rem !important;*/
/*       color: #fff;*/
/*    }*/

/*    .cat-box .box-summary {*/
/*        transform: scale(0);*/
/*        opacity: 0;*/
/*        height: 0;*/
/*        -webkit-transition: all 0.5s ease-in-out !important;*/
/*        -o-transition: all 0.5s ease-in-out !important;*/
/*        transition: all 0.5s ease-in-out !important;*/
/*        font-size: 1rem;*/
/*    }*/
    
/*    .cat-box:hover .box-img:before, .cat-box:hover .box-img:after, .cat-box:hover .box-summary {*/
/*        opacity: 1;*/
/*        -webkit-transform: scale(1);*/
/*        -ms-transform: scale(1);*/
/*        -o-transform: scale(1);*/
/*        transform: scale(1);*/
/*    }*/
    
/*    .cat-box:hover .box-summary {*/
/*        height: auto;*/
/*    }*/

/*cat-box end*/

/*#new-big .news-big-ul-extend {
}

    #new-big .news-big-ul-extend .news:first-child {
        padding-top: 0;
    }*/
/*.listProduct td a, .listProduct td a:hover {
    color: #0078ad !important;
}*/
/*.btnChangeQuantity:hover i {
    color: #fff;
}*/
/*.boxbydy_tb1_af_none:after {
    background: none !important;
}*/
.jssorb01 .av {
    background-color: #0078ad !important;
}

    .jssorb01 div:hover, .jssorb01 .av:hover {
        background-color: #0078ad !important;
    }

/*.boxbody_tbl {
}

.boxbody_tbl,
hr {
    position: relative;
}*/

/*.Whr:after {
    content: '';
    height: 2px;
    width: 10%;
    background: #0078ad;
    display: block;
    min-width: 88px;
    position: absolute;
    bottom: 0px;
}*/



/*.author-box .fas,
.author-box .fa,
.author-box .far {
    width: 22px;
    color: #0078ad;
    text-align: center;
    background: #fff;
    padding: 5px 0;
    font-size: .8rem;
    margin-right: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}*/

#cart a,
#cart span,
#hotline a,
#hotline p,
#hotline span,
#tel a,
#tel p,
#tel span {
    color: #0078ad !important;
}

#cart p {
    color: #0078ad !important
}

#cart p {
    color: #000 !important;
}

    #cart p b,
    #hotline b,
    #tel b {
        color: #ff0000 !important;
    }

#tel a span i,
#hotline a span i,
#cart a span i {
    color: #0078ad !important;
}


#catsearch,
#txtsearch {
    background: #fff !important;
    color: #333 !important;
}

#catsearch {
    padding-left: 10px
}
/*WIND*/

/*#wrapper {
    width: 100%;
    overflow: hidden;
}*/

/*.container {
    position: relative;
    clear: both;
}*/

#header {
    margin: 0 auto;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0;
    z-index: 10;
    /*margin-top: 40px;*/
    margin-top: 0px;
    background: #fff;
}

    #header #logo {
        margin-top: -40px;
        height: 110px;
        display: flex
    }

        #header #logo a {
            margin: auto;
            position: relative;
            text-align: left
        }

        #header #logo img {
            padding: 7px 0;
            max-height: 110px;
            max-width: 100%
        }

    #header.header-fixed {
        background: #0078ad;
    }

        #header.header-fixed #logo {
            margin-top: 0;
            height: 70px;
            display: flex
        }

            #header.header-fixed #logo img {
                max-height: 70px
            }
        #header.header-fixed #search {
            color: #fff;
            background: #ffffff30;
        }
    #topbar .container,
    #header .container {
        /*max-width: 100%;*/
    }

#topbar {
    padding: 7px 0;
    color: #000;
    width: 100%;
    height: 40px;
    z-index: 1;
    /*position: fixed;*/
    top: 0;
    left: 0;
    background: #fff;
    border-top: 2px solid #0078ad;
}

    #topbar div {
        color: #0078ad
    }

    #topbar .topbar-email,
    #topbar .topbar-phone {
        font-weight: normal;
        display: inline-block;
        color: #000;
        margin-right:0.5rem;
    }

        #topbar .topbar-email:hover,
        #topbar .topbar-phone:hover {
            color: #0078ad;
        }

    #topbar div a i {
        width: 26px;
        height: 26px;
        background: #0078ad;
        border-radius: 50%;
        padding: 6px;
        font-size: 1rem;
        color: #ffffff;
    }

#search {
    position: absolute;
    z-index: 200;
    top: 20px;
    right: 0;
    color: #0078ad;
    background: #f2f2f2;
    border-radius: 50%;
}

    #search #frmsearch {
        display: none;
        border-top: 3px solid #0078ad;
        background: #fff;
        position: absolute;
        top: 40px;
        right: 0;
        width: 300px;
        padding: 10px;
        text-align: left;
        z-index: 1000;
        -webkit-box-shadow: 0 2px 5px 0 rgba(133,131,133,.7);
        -moz-box-shadow: 0 2px 5px 0 rgba(133,131,133,.7);
        box-shadow: 0 2px 5px 0 rgba(133,131,133,.7);
    }

    #search > span {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
    }

    #search #txtsearch {
        padding: 0 44px 0 8px;
        width: 100%;
        height: 36px;
        line-height: 36px;
        background-color: #0078ad;
        color: #666;
        border: 1px solid #eee;
    }

    #search #btnsearch {
        position: absolute;
        right: 0;
        top: 0;
        background: #0078ad;
        display: block;
        color: #fff;
        margin: 0 auto;
        width: 36px;
        height: 100%;
        cursor: pointer;
        border: none;
        text-align: center;
    }

        #search #btnsearch i {
            font-size: 1.2rem;
        }

        #search #btnsearch:hover {
            background: #0078ad;
        }

#cart, #hotline, #tel {
    margin-top: 15px;
    margin-left: 25px;
    position: relative;
    float: right;
}


#hotline {
    margin-left: 0
}

    #tel p b,
    #hotline p b {
        font-size: 1.2rem;
    }

/*.cart-link {
    font-weight: normal
}

    .cart-link span, #hotline span, #tel span {
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
        color: #0078ad;
        font-size: 2.3rem;
        position: absolute;
        top: 0;
        left: 0;
    }

    .cart-link p, #hotline p, #tel p {
        padding: 0 0 0 55px;
        color: #434343;
        text-align: left;
        margin-bottom: 5px;
    }

        .cart-link p strong, #hotline p strong, #tel p strong {
            display: block;
            color: #000;
        }*/

/*#cart-content {
    width: 320px;
    padding: 15px;
    position: absolute;
    background-color: #fff;
    color: #000;
    display: none;
    top: 48px;
    right: 0;
    border-top: 3px solid #0078ad;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3)
}

    #cart-content table {
        text-align: left
    }

    #cart-content td img {
        width: 96%
    }

    #cart-content a.button {
        display: inline-block;
        height: auto;
        line-height: normal;
        padding: 7px 15px;
        font-weight: normal;
        margin: 0 6px
    }

        #cart-content a.button:hover {
            color: #fff !important;
        }

    #cart-content td {
        border-bottom: 1px solid #f2f2f2;
        vertical-align: top;
        padding: 8px 0;
        line-height: 1.5
    }

        #cart-content td:nth-child(2) {
            padding: 5px
        }

    #cart-content .remove-cart {
        float: right;
        cursor: pointer;
        color: red
    }

    #cart-content ul {
        border-top: 2px solid #0078ad;
        margin: -2px 0 6px;
        list-style: none;
        min-height: 30px;
        width: 100%
    }

    #cart-content li {
        padding: 8px 0
    }

        #cart-content li:nth-child(1) {
            float: left
        }

        #cart-content li:nth-child(2) {
            float: right;
            font-size: 1.2rem
        }

#cart:hover #cart-content {
    display: block;
    z-index: 100000
}*/

#nav-toggle, #closemenu, .showhide-subul {
    display: none;
}

.top-menu {
    float: right;
    margin-top: 6px;
    list-style: none;
}

    .top-menu li {
        float: left;
        position: relative;
        display: inline;
        margin-left: 20px;
    }

        .top-menu li a {
            display: block;
            padding: 5px 0;
        }

            .top-menu li a i {
                margin-right: 7px;
                font-size: 1.2rem;
                color: #0078ad;
            }

/*.user-area {
    position: absolute;
    top: 0;
    right: 15px;
}

    .user-area ul {
        list-style: none;
        white-space: nowrap;
    }

    .user-area li {
        float: left;
        white-space: nowrap;
    }

        .user-area li > a {
            display: block;
            padding: 4px;
            color: #0078ad;
            background: #fff !important;
            font-weight: normal;
            border: 2px solid #0078ad;
            margin: 6px 5px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 22px;
        }

        .user-area li a:hover {
            background: #aaa;
        }

        .user-area li a i {
            margin-right: 7px;
        }*/

#slideshow {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: -5px;
}

    #slideshow a:after {
        /*background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    border-bottom:1px solid #fff;
    bottom: -1px;
    content: "";
    height: 60%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;*/
    }

    #slideshow #targetHeader {
        bottom: 10%
    }

        #slideshow .slide-desc a:after,
        #slideshow #targetHeader a:after {
            background: none !important;
        }

        #slideshow #targetHeader a {
            background: #fff !important;
            display: block !important;
            padding: 20px 10px !important;
            border-radius: 8px !important;
        }

            #slideshow #targetHeader a img {
                width: 30px !important;
                height: 30px !important;
                margin: auto;
                margin-bottom: 10px;
            }

        #slideshow #targetHeader .form-floating > .form-select ~ label {
            font-size: 1.1rem;
        }

/*#slideshow .slide-desc {
        top: 20%;
        left: 0%;
    }

        #slideshow .slide-desc p {
            display: none;
        }

        #slideshow .slide-desc a:hover,
        #slideshow .slide-desc a {
            color: #fff !important;
        }

        #slideshow .slide-desc p:nth-child(1) {
            display: block;
            font-size: 18px;
            line-height: 30px;
        }

        #slideshow .slide-desc p:nth-child(2) {
            display: block;
            font-size: 48px;
            line-height: 57px;
        }

        #slideshow .slide-desc p:nth-child(3) {
            display: block;
            margin-top: 20px;
            font-size: 16px;
            line-height: 24px;
        }*/
#welcome-text {
    text-shadow: 0 0 7px rgba(0,0,0,0.9);
    font-size: 2.2rem;
    letter-spacing: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 1.5;
    margin: 0 auto;
    padding: 30px;
    color: #fff;
    text-transform: uppercase;
    z-index: 20;
    font-weight: bold;
    transform: translate(0,-50%)
}

/*#body-panel {
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 1rem;
    text-align: left;*/
/*width: 73%;
    float: right;*/
/*margin-bottom: 30px;
    background-color: #fff;
}*/
/*#right-panel {*/
/*width: 25%;
    float: left;*/
/*text-align: left;
    margin-bottom: 20px;
}

    #right-panel .home-title span {
        font-family: "Roboto Condensed",sans-serif;
        font-size: 1.1rem
    }

    #right-panel .home-title {
        margin: 0
    }

    #right-panel .news .news-img, #right-panel .news .news-image {
        width: 36%
    }

    #right-panel .news-info {
        width: 64%;
        padding-left: 10px
    }

        #right-panel .news-info .title {
            line-height: 1.1;
        }

            #right-panel .news-info .title a, #right-panel .news-info .posted-date {
                font-weight: normal;
                font-size: 1rem;
            }

        #right-panel .news-info .posted-date {
            margin-bottom: 0
        }
        #right-panel .box_top{
            border-top-right-radius:0.5rem;
            border-top-left-radius:0.5rem;
        }
        #right-panel .box_top .icon{
            border-top-left-radius:0.5rem;
        }*/
/*#menudmsp ul {
    list-style: none
}

    #menudmsp ul li {
        position: relative;
        border-bottom: 1px solid #eee;
    }

        #menudmsp ul li:last-child {
            border-bottom: none;
        }

        #menudmsp ul li a.selected {
            background-color: #f6f6f6;
            font-weight: bold
        }

        #menudmsp ul li a {
            display: block;
            padding: 8px 0 8px 6px;
            border-bottom: 1px solid #f2f2f2;
            font-weight: normal;*/
/*padding-right: 14px;*/
/*line-height: 140%
        }

            #menudmsp ul li a:before {
                content: "\203A";
                left: -6px;
                top: -1px;
                position: relative;
            }

            #menudmsp ul li a:hover {
                font-weight: normal
            }

        #menudmsp ul li span {
            padding: 3px;
            display: block;
            position: absolute;
            right: 0;
            top: 5px;
            cursor: pointer
        }

        #menudmsp ul li ul {
            display: none
        }

            #menudmsp ul li ul li a {
                padding-left: 25px
            }

            #menudmsp ul li ul li ul li a {
                padding-left: 45px
            }

            #menudmsp ul li ul li ul li ul li a {
                padding-left: 60px
            }

            #menudmsp ul li ul li ul li ul li ul li a {
                padding-left: 75px
            }*/
/*.vide {
    clear: both;
}

.vide10 {
    display: block;
    height: 10px;
    clear: both;
}*/
#social {
    margin-top: 1rem;
}

#social-top {
    margin-top: 4px;
    float: right;
}

a.social {
    color: #0078ad !important;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.1rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    transition: 0s all !important;
    position: relative;
}

#social a {
    overflow: hidden;
    display: inline-block;
}

    #social a:hover {
        padding-left: 0px !important;
    }

    #social a:before {
        content: "";
        opacity: 0;
        position: absolute;
        background: rgba(255,255,255,0.6) none repeat scroll 0 0;
        transition: all 0.8s;
        transform: rotate(-45deg);
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
    }

    #social a:hover:before {
        opacity: 1;
        height: 0;
    }

    #social a i:not(.fa-tiktok) {
        color: #fff !important;
    }

    #social a:hover i.fa-tiktok {
        color: #000 !important;
    }

a.social {
    color: #fff !important
}

/*.line {
    background: #723b14;
    height: 1px;
    margin: 20px 0;
}*/

#footer {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    line-height: 150%;
    /*padding: 40px 0 0px;*/
    position: relative;
    color: #363636;
    position: relative;
}

    #footer a svg,
    #footer a i {
        transition: 0.5s all;
    }

.payment_methods {
    float: right;
}



/*#footer ul li,
#footer p {
    color: #fff;
}

    #footer ul li:hover,
    #footer p:hover {
        color: #fff;
    }

#footer a {
    color: #fff;
}

    #footer a:hover {
        color: #fff;
    }

#footer .title {
    color: #fff;
}

    #footer .title:hover {
        color: #fff;
    }

#footer-info i.fa, #footer-info i.far, #footer-info i.fas, #fdb-info i.fad, #fdb-info i.fab, #footer-info svg {
    color: #fff;
    background: #0078ad;
}

#footer-info i.fa, #footer-info i.far, #footer-info i.fas, #fdb-info i.fad, #fdb-info i.fab, #footer-info svg {
    background: #0078ad;
}

    #footer-info i.fa:hover, #footer-info i.far:hover, #footer-info i.fas:hover, #fdb-info i.fad:hover, #fdb-info i.fab:hover, #footer-info svg:hover, #footer a:hover i, #social a:hover {
        color: #fff;
        background: #0078ad;
    }*/

#footer a {
    font-weight: normal;
    display: block;
    transition: 0.5s all;
}

    #footer a:hover {
        /*padding-left: 5px;*/
    }

        #footer a:hover i {
            transition: 0.5s all;
        }

#footer ul {
    list-style: none;
}

    #footer ul li {
        padding: 5px 0;
    }

#footer .title {
    /*text-transform: uppercase;*/
    /*margin-bottom: 8px;*/
    /*font-size: 1.1rem;*/
    /*position: relative;*/
    /*font-weight: bold;*/
}

#footer-info, #fdb-info {
    line-height: 200%;
    position: relative;
}

    #footer-info img, #fdb-info img {
        height: auto !important;
    }

#footer-facebook {
    text-align: left;
    overflow: hidden;
}

#fdb-info i.fa, #fdb-info i.far, #fdb-info i.fas, #fdb-info svg, #fdb-info i.fad, #fdb-info i.fab {
    width: 22px;
    color: #fff;
    text-align: center;
    background: #0078ad;
    padding: 5px 0;
    font-size: 0.8rem;
    margin-right: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#footer-info i.fa, #footer-info i.far, #footer-info i.fas, #fdb-info i.fad, #fdb-info i.fab, #footer-info svg {
    width: 22px;
    text-align: center;
    background: #0078ad;
    padding: 5px 0;
    font-size: 0.8rem;
    margin-right: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*#footer-policy {
}

    #footer-cat ul, #footer-policy ul {
        list-style: none;
    }

    #footer-cat li, #footer-policy li {
        padding: 5px 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        #footer-cat li:hover, #footer-policy li:hover {
            margin-left: 6px;
        }

        #footer-cat li i, #footer-policy li i {
            margin-right: 6px;
            color: #fff;
            font-size: 0.8rem;
            top: -1px;
            position: relative;
        }*/

#footer-designed {
    color: #fff;
    padding: 0 0;
    /*border-top: 1px solid #ddd;*/
    background: #0078ad;
}

    #footer-designed a, #footer-designed a:hover {
        font-weight: normal;
        color: #fff !important;
    }

#menu-footer ul {
    padding-left: 0.25rem;
}

    #menu-footer ul ul {
        padding-left: 0.5rem;
    }

        #menu-footer ul ul ul {
            padding-left: 0.75rem;
        }

            #menu-footer ul ul ul ul {
                padding-left: 0.1rem;
            }
            
            
#footer .title,
#footer p.item-menu-footer,
.item-menu-footer,
#menu-footer > li > a {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 1.1rem;
    position: relative;
    font-weight: bold;
    color: #0078ad;
}

#menu-footer ul a {
    position: relative;
}

    #menu-footer ul a::after {
        position: absolute;
        content: "\f0da";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1.5;
        left: -3px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        top:0;
    }

    #menu-footer ul a:hover:after {
        color: #0078ad;
        transform: rotate(45deg)
    }

#menu-footer ul ul a::after {
    font-weight: 400;
}


/*
.effect-v3:before, .effect-v3:after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}

.effect-v3:before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    margin: 0 -6px;
}

.effect-v3:after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    margin: -6px 0;
}

.effect-v3:hover:before, .effect-v3:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hover-effect1:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: -100%;
    width: 120%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.2),70%,rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg)
}

.hover-effect1:hover:after {
    opacity: 1;
    left: 120%;
    transition-property: left,top,opacity;
    transition-duration: 1s,2s,.1s;
    transition-timing-function: ease
}

.hover-flash {
    position: relative;
}

    .hover-flash::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out
    }

    .hover-flash::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out
    }

    .hover-flash:hover::before {
        right: 50%;
        left: 50%;
        width: 0;
        background: rgba(255,255,255,0.3)
    }

    .hover-flash:hover::after {
        height: 0;
        top: 50%;
        bottom: 50%;
        background: rgba(255,255,255,0.3)
    }*/

/*.cat-desc {
    text-align: justify;
    line-height: 1.8;
    font-size: 1.2rem;
}

    .cat-desc p {
        margin: 10px 0;
        line-height: 1.8;
    }

    .cat-desc img, .cat-desc div, .cat-desc iframe {
        max-width: 100%;
    }*/

/*.shortContent {
    overflow: hidden;
    max-height: 30em;
}

.fullContent {
    max-height: 8000em;
}*/

/*.btn-show-more {
    margin-top: 10px;
}

    .btn-show-more, .btn-show-more span {
        cursor: pointer;
        color: #0078ad;
    }

        .btn-show-more:hover, .btn-show-more:hover span {
            color: #0078ad;
        }*/

/*.home-title {
    text-align: left;
    color: #0078ad;
    margin: 40px 0 20px;
    position: relative;
    max-width: 100%;
}

    .home-title > span {
        border-left: 4px solid #0078ad;
        display: inline-block;
        padding-left: 15px;
        font-size: 2rem;
        text-transform: uppercase;
        position: relative;
        font-weight: normal;
        color: #222;
        line-height: 1;
    }

        .home-title > span:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 2px;
            width: 100%;
            display: none;
            background: #aaa;
        }*/

/*.home-title > span b, .home-title1 > span b {
            color: #0078ad;
            font-weight: normal;
        }*/

/*.home-title1 {
    text-align: center;
    color: #0078ad;
    margin: 40px 0 20px;
    position: relative;
    font-family: Muli,sans-serif;
    max-width: 100%;
}

    .home-title1 > span {
        display: inline-block;
        font-size: 1.8rem;
        text-transform: uppercase;
        position: relative;
        font-family: Muli,sans-serif;
        font-weight: normal;
        color: #222;
        line-height: 1;
    }

        .home-title1 > span:after {
            content: "";
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            bottom: -15px;
            height: 2px;
            width: 30%;
            display: none;
            background: #0078ad;
        }

    .home-title1 p {
        margin-top: 25px;
        line-height: 1.5;
        font-family: Muli,sans-serif;
        font-style: italic;
    }*/
/*.home-title span h2, .home-title span h3 {
        font-size: 1.8rem;
        font-weight: normal;
    }*/

/*.home-title span a {
    font-weight: normal;
}

.home-title > span span {
    color: #000
}*/

/*.home-title p {
    color: #000;
    font-size: 1.2rem;
}*/

/*.cat-title {
    text-align: left;
    position: relative;
    margin: 15px 0 10px;
}

    .cat-title:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #eee;
    }

    .cat-title h2, .cat-title span {
        text-transform: uppercase;
        font-size: 1.3rem;
        padding: 10px 15px;
        background-color: #0078ad;
        color: #fff;
        border-left: 5px solid #0078ad;
        position: relative;
        display: inline-block;
    }*/

/*.cat-product-button {
    margin: 10px 0 6px;
    padding: 10px;
    font-size: 1.1rem;
    background-color: #0078ad;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}*/

/*.btn.product-btn-action button, .product-btn-action a {
    background-color: #0078ad;
    border-color: #0078ad;
    color: #fff;
}

    .product-btn-action button:hover, .product-btn-action a:hover,
    .product-btn-action button:active, .product-btn-action a:active,
    .product-btn-action button:focus, .product-btn-action a:focus {
        background-color: #0078ad;
        border-color: #0078ad;
    }*/

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #fff !important;
    color: #0078ad;
}

/*.cat-product-button:hover {
    background-color: #0078ad;
}*/

/*.view-more {
    padding: 8px 13px;
    border: 1px solid #ccc;
    margin: 15px 0 5px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

    .view-more:hover {
        border: 1px solid #0078ad;
    }*/

/*.box_tbl {
    width: 100%;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
}*/

.box_tbl {
    border-radius: 0.25rem;
    background: white;
    /*overflow: hidden;*/
}

.box_top {
    padding: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    position: relative;
    background: #0078ad;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

    .box_top span {
        display: inline-block;
        padding: 10px 10px 10px 20px;
        font-size: 1.3rem;
    }

    .box_top .toggle-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .box_top span.icon {
        background-color: #0078ad;
        color: #fff;
        text-align: center;
        padding: 0;
        -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 45px;
    }

        .box_top span.icon:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -10px;
            margin: auto;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 5px solid #0078ad;
            border-right: 5px solid transparent;
        }

        .box_top span.icon:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -14px;
            margin: auto;
            border-bottom: 7px solid transparent;
            border-top: 7px solid transparent;
            border-left: 7px solid rgba(0,0,0,0.17);
            border-right: 7px solid transparent;
        }

    .box_top .title {
        padding-left: 55px;
    }

/*.box_tbl .box_top span.icon img {
            display: block;
            height: 42px;
            padding: 0 8px;
            float: left;
        }*/

.box_tbl .box_top span.icon i {
    display: block;
    padding: 0 8px;
    font-size: 1.7rem;
    /*line-height: 46px;*/
    background: none;
}

.box_tbl .box_body {
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #ddd;
    overflow: hidden;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
/*.box_top h3 {
    font-size: 1.6rem;
}*/
/*.box_top a {
    color: #fff;
    font-weight: normal;
}*/
/*.box_body {
    margin: 0;
    vertical-align: top;
    padding: 10px 15px;
    position: relative;
    border: 1px solid #eee;
}*/
/*.box_bottom {
    height: 0;
}*/
.boxbody_tbl {
    width: 100%;
    text-align: left;
    /*margin: 20px 0;*/
    background-color: #fff;
}

/*#body-panel .boxbody_tbl {
    margin: 0;
}*/

/*.boxbody_top h1 span,#WTexth3,.boxbody_top h1, .boxbody_top h2, .boxbody_top h3 {
    font-size: 2rem !important;
    font-weight: normal !important;
    display: inline-block;
    font-size: 1.3rem !important;
    color: #fff;
    transition: 0.3s all;
}*/
/*.boxbody_top .h2 {
        font-size: 2rem !important;
        font-weight: normal !important;
        display: inline-block;
        font-size: 1.3rem !important;
        color: #0078ad;
        transition: 0.3s all;
    }*/

/*.home-title1 h2,
    #WTexth3:hover,
    .boxbody_top h1:hover, .boxbody_top h3:hover {
        color: #0078ad;
        transition: 0.3s all;
    }*/

/*.boxbody_top h2:hover,
        .home-title1 h2:hover {
        }*/

.boxbody_top {
    /*position: relative;
    overflow: hidden;
    max-width: 100%;
    line-height: normal;*/
    /*border-bottom: 2px solid #0078ad;
    border-top-left-radius: 10px;*/
}

/*.boxbody_top span {
        font-family: "roboto Condensed";
    }*/

/*.boxbody_top a {
        font-weight: normal;
        color: #0078ad;
    }*/

/*.boxbody_top .boxbody_top-title {
        text-transform: uppercase;
        font-size: 1.3rem;
        padding-bottom: 5px;
        position: relative;
        display: inline-block;
        float: left;
        background-color: #0078ad;
        border-left: 6px solid #0078ad;
        min-height: 40px;
        padding: 12px 9px 2px 9px;
        cursor: pointer;
    }*/


/* .boxbody_top span a {
            font-weight: normal;
        }

            .boxbody_top span a:hover {
                color: #0078ad;
            }*/

/*.boxbody_top span img {
            height: 24px
        }*/

/*.boxbody_top h1, .boxbody_top h1:hover, .boxbody_top h2, .boxbody_top h3 {
        font-size: 1.3rem;
        font-weight: normal;
        display: inline-block;
        color: #0078ad;
        transition: .3s all;
        font-weight: normal !IMPORTANT;
    }*/

/* .boxbody_top .boxbody_top-title:after {
            content: "";
            position: absolute;
            top: 0;
            right: -44px;
            height: 0;
            width: 0;
            display: block;
            border-top: 24px solid transparent;
            border-bottom: 22px solid #0078ad;
            border-left: 22px solid #0078ad;
            border-right: 22px solid transparent;
        }*/

/*.boxbody_top .subcat {
        display:none;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        padding-left: 15px
    }

        .boxbody_top .subcat ul {
            width: 10000px;
            list-style: none;
        }

        .boxbody_top .subcat li {
            float: left;
            padding: 0 15px;
            position: relative
        }

            .boxbody_top .subcat li:after {
                content: "|";
                position: absolute;
                right: 0;
                top: 0;
                color: #ccc
            }

        .boxbody_top .subcat a {
            float: left;
            font-size: 1rem;
            line-height: 42px;
        }

            .boxbody_top .subcat a:hover {
                font-weight: bold
            }*/

/*.boxbody_top p.viewall {
        text-align: right;
        font-style: italic;
        position: absolute;
        top: -3px;
        right: 10px;
        float: right;
        text-transform: none;
        display: block;
        height: 100%;
        line-height: 50px;
        background: none;
    }

        .boxbody_top p.viewall a {
            color: #000;
        }*/

/*.boxbody_body {
    clear: both;
    margin: 0;
    padding: 15px;
    text-align: left;
    border: 1px solid #eee;
    border-radius:8px;
}*/

/*.box-bgwhite .boxbody_body {
    padding: 20px;
    background: #fff;
    border: 1px solid #eee
}
*/
/*.cat-image {
    width: 20%;
    position: absolute;
    top: 0;
    left: 0
}

    .cat-image img {
        width: 100%
    }*/

/*.pro-box {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    background: #fff;
    overflow: hidden
}*/

.product-box {
    /*text-align: center;*/
    /*width: 100%;
    position: relative;
    margin: 8px 0px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px 0 #ddd;
    -moz-box-shadow: 0 0 20px 0 #ddd;
    box-shadow: 0 0 20px 0 #ddd;*/
}

    .product-box:hover {
        /*-webkit-box-shadow: 0 0 20px 0 rgb(0,0,0.1);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0.1);
        box-shadow: 0 0 20px 0 rgb(0,0,0.1);*/
    }

/*.product-actions {
    text-align: center;
    position: absolute;
    width: 50px;
    right: -10px;
    top: 40%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 100
}*/

/*.product-actions i {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 2px 0;
        display: inline-block;
        background: #0078ad;
        color: #fff;
        font-size: 1.1rem;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

        .product-actions i:hover {
            background: #bf6008
        }

    .product-actions span {
        display: none
    }*/

/*.product-box:hover .product-actions, .product-box1:hover .product-actions {
    opacity: 1;
    visibility: visible;
    right: 0;
    transition: all ease 300ms
}*/

/*.sp-img-wrapper {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 2px solid #fff
}

    .sp-img-wrapper:before {
        content: "";
        display: block;
        padding-top: 120%
    }

.sp-img {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}*/

/*.sp-img:hover {
        top: 55%;
        left: 55%;
        -webkit-transition: all 500ms ease-in;
        -webkit-transform: scale(1.1) translate(-50%,-50%);
        -ms-transition: all 500ms ease-in;
        -ms-transform: scale(1.1) translate(-50%,-50%);
        -moz-transition: all 500ms ease-in;
        -moz-transform: scale(1.1) translate(-50%,-50%);
        transition: all 500ms ease-in;
        transform: scale(1.1) translate(-50%,-50%);
        z-index: 98
    }*/

.product-name {
    /*height: 2.8em;
    line-height: 1.3;
    padding: 10px 10px 0px;
    margin-top: 6px;
    overflow: hidden;
    font-size: 1.1rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2*/
}

    /*.product-name, .product-name h2, .product-name h3 {
        font-size: 1.1rem;*/
    /*line-height: 1.3;*/
    /*}*/

    /*.product-shortcuts {
    margin: 10px 0;
    padding: 5px 10px;
    border-bottom: 3px solid #0296ff
}

    .product-shortcuts a {
        font-size: 13px;
        font-weight: 500;
        color: #0863ac;
        display: inline-block;
        text-decoration: underline;
        margin-right: 10px
    }*/

    /*.defcolor {
    color: #f44e00
}

.bg-defcolor {
    background: #f44e00 !important
}*/

    /*.product-detail-info-fix {
    font-size: 13px !important;
    color: #636363
}

    .product-detail-info-fix > div {
        margin-bottom: 7px
    }

    .product-detail-info-fix ul {
        padding-bottom: 5px
    }*/

    /*.product-status {
    float: right;
    color: #0863ac
}

    .product-status i {
        margin-right: 7px
    }*/

    /*.p-price {
    font-size: 17px;
    font-weight: bold;
    color: red
}*/

    /*.subquantity, .addquantity {
    height: 40px;
    line-height: 40px;
    width: 40px;
    top: 0;
    position: absolute;
    left: 20px;
    border: none;
    outline: none !important;
    font-size: 1.5rem;
    background: #f2f2f2;
}*/

    /*.addquantity {
    left: auto;
    right: 20px
}*/

    /*.p-order {
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    padding: 20px 0;
    margin-bottom: 10px !important
}*/

    /*.btnMuaNgay {
    border: none !important;
}

    .btnMuaNgay :hover {
        color: #f44e00 !important;
    }*/

    /*.product-call {
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    padding: 10px;
    margin: 10px 0;
    background-color: #f7f7f7
}*/

    /*.product-call-phone {
    font-size: 19px
}*/

    /*.promotion-title {
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: bolder;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 5px
}*/

    .product-name a {
        /*font-size: 1.2rem;
    font-weight: bold;
    line-height: 130%*/
    }

.product-box:hover .product-name a {
    /*color: #0078ad*/
}

.product-price-cart {
    /*position: relative;
    height: auto;
    padding: 0px 10px 10px;*/
}

.product-price {
    /*display: block;
    padding-bottom: 4px;
    color: #d4060e;
    font-size: 1.17rem*/
}

.product-price-old {
    /*display: block;
    padding-bottom: 4px;
    color: #aaa;
    text-decoration: line-through*/
}

/*a.product-order {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #00000024;
    color: #fff !important;
    text-align: center;
    font-size: 1.3rem;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    a.product-order i {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    a.product-order:before {
        content: "";
        position: absolute;
        top: 14px;
        left: -12px;
        height: 0;
        width: 0;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid #0078ad
    }*/

/*.product-box:hover a.product-order {
    background-color: #00000024;
}

    .product-box:hover a.product-order:before {
        border-right: 6px solid #0078ad
    }

    .product-box:hover a.product-order i {
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }*/

/*.product-info {
    display: none;
    padding: 10px;
    color: #aaa;
    font-size: .9rem
}

    .product-info span {
        display: inline-block;
        margin-right: 12px
    }

        .product-info span:last-child {
            float: right;
            margin-right: 0
        }*/

/*.end-row {
    margin-right: 0 !important
}*/

/*.product-code {
    display: none
}

.pro-detail-cat {
    font-size: 1rem;
}

    .pro-detail-cat img {
        border: 1px #ccc solid
    }

    .pro-detail-cat .label {
        color: #888;
    }

    .pro-detail-cat a {
        font-weight: normal;
        color: #0078ad;
    }

        .pro-detail-cat a:hover {
            text-decoration: underline !important;
        }*/

/*.pro-desc-tab {
    border-bottom: 1px solid #eee !important;
}*/

/*.nav-tabs .nav-link {
    text-transform: uppercase;
}

    .nav-tabs .nav-link.active {
        border-top: 3px solid #0078ad !important;
    }*/

.icon-sale {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: .8rem;
    z-index: 1;
    text-align: center;
    background: url(/assets/images/all/promo.png)
}

.icon-new {
    background-color: #0078ad;
    position: absolute;
    left: -25px;
    top: -25px;
    width: 50px;
    height: 50px;
    padding-top: 36px;
    text-align: center;
    color: #fff;
    z-index: 1;
    font-size: .7rem;
    text-transform: uppercase;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.icon-hot {
    background-color: #ff0000;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 50px;
    height: 50px;
    padding-top: 36px;
    text-align: center;
    color: #fff;
    z-index: 1;
    font-size: .7rem;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.icon-saleoff {
    position: absolute;
    bottom: 6px;
    right: 5px;
    padding: 3px 6px;
    text-align: center;
    /* background-color: #018a08; */
    background: url(/assets/images/all/saleoff.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 1;
    font-size: .8rem;
    text-transform: uppercase;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    height: 50px;
    width: 38px;
    padding-top: 25px;
    font-weight: bold;
}

    .icon-saleoff:after {
        /*content: "";
        display: none;
        width: 0;
        height: 0;
        position: absolute;
        left: 50%;
        top: -10px;
        margin-left: -5px;
        border: 5px solid transparent;
        border-bottom: 5px solid #007506*/
    }

/*.cat-news, .cat-product {
    text-align: center;
    position: relative;
    margin: 10px 0;
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.cat-news-img, .cat-product-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .cat-news-img:before, .cat-product-img:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .cat-product-img:before {
        padding-top: 65%;
    }

    .cat-news-img img, .cat-product-img img {
        width: 100%;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }*/

/*.cat-news h3, .cat-product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgba(0,0,0,0.6);
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
}*/

/*.cat-product h2 {
    font-size: 1.1rem;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.4;
}

.cat-product span {
    font-weight: normal;
    font-size: 0.9rem;
}*/

/*.box-news {
    text-align: center;
    position: relative;
    margin: 10px 0;
}

.box-news-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

    .box-news-img:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

    .box-news-img a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 0
    }

    .box-news-img:hover a:before {
        -webkit-animation: circle .75s;
        animation: circle .75s
    }

    .box-news-img img {
        width: 100%;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .box-news-img:hover img {
        -webkit-transform: scale(1.1) translate(0);
        -ms-transform: scale(1.1) translate(0);
        -moz-transform: scale(1.1) translate(0);
        transform: scale(1.1) translate(0);
    }

.box-news-title {
    display: block;
    width: 100%;
    height: 3.2em;
    font-weight: normal;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
}

    .box-news-title a {
        font-weight: normal;
    }*/

.phantrang {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center
}

    .phantrang a.changepage:hover,
    .phantrang .selected {
        background: #0078ad;
        color: #ffffff !important;
        border: 1px solid #0078ad;
    }

    .phantrang ul {
        margin: 15px 0;
        list-style-type: none;
        display: inline-block
    }

        .phantrang ul li {
            position: relative;
            float: left;
            display: inline;
            margin-left: -1px;
            color: #555;
            background: #fff;
            background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
            background: -webkit-gradient(left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
            background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
            background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
            background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
            background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0)
        }

            .phantrang ul li a {
                display: block;
                padding: 0 8px;
                text-decoration: none;
                min-width: 37px;
                min-height: 37px;
                line-height: 37px;
                border: 1px solid #ccc;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

            .phantrang ul li.bacham {
                min-width: 37px;
                min-height: 37px;
                line-height: 37px;
                border: 1px solid #ccc
            }

            .phantrang ul li a:link, .phantrang ul li a:visited {
            }

            .phantrang ul li a:hover, .phantrang ul li a.selected {
                background: #0078ad;
                color: #ffffff !important;
                border: 1px solid #0078ad;
            }


            .phantrang ul li a.selected {
                cursor: no-drop;
            }


.button, .btn-viewall, .button1, .button2 {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 20px;
    margin-top: 5px;
    color: #0078ad;
    font-weight: normal;
    position: relative;
    border: 0.5px solid #0078ad;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    background: #0078ad;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    outline: none !important;
    line-height: 2rem;
}

.button1 {
    color: #fff;
    background: transparent;
}

.button2 {
    color: #fff;
    background: #016d9d;
}

.button, .button1, .button2 {
    line-height: 1.6rem;
}

.btn-viewall {
    color: #0078ad;
    border: 1.5px solid #0078ad;
    background: #0078ad;
}

    .button:before, .btn-viewall:before, .button1:before, .button2:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

.button1:before {
    background: #0078ad;
}

.button2:before {
    background: #0078ad;
}

.button:hover, .button:focus, .button:active,
.btn-viewall:hover, .btn-viewall:focus, .btn-viewall:active {
    color: #fff !important
}

.button1:hover, .button1:focus, .button1:active {
    color: #0078ad !important
}

.button2:hover, .button2:focus, .button2:active {
    color: #fff !important
}

    .button:hover:before, .button:focus:before, .button:active:before,
    .btn-viewall:hover:before, .btn-viewall:focus:before, .btn-viewall:active:before,
    .button1:hover:before, .button1:focus:before, .button1:active:before,
    .button2:hover:before, .button2:focus:before, .button2:active:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

.button i, .button1 i, .button2 i {
    font-size: 0.9rem;
    margin-right: 4px;
}

    .button i.fa, .button i.fas, .button i.far.button i.fad.button i.fab, .button svg,
    .button1 i.fa, .button1 i.fas, .button1 i.far.button1 i.fad.button1 i.fab, .button1 svg,
    .button2 i.fa, .button2 i.fas, .button2 i.far.button2 i.fad.button2 i.fab, .button2 svg {
        font-size: 1rem;
        margin-right: 0;
        margin-left: 4px;
    }

.btn-view-more {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.1rem;
    margin: 10px 0;
    border: none;
    padding: 10px 20px;
    font-weight: normal;
    transition: all ease 300ms;
    background-color: #0078ad;
    color: #fff !important;
}

    .btn-view-more:hover {
        opacity: 0.9;
        -webkit-box-shadow: inset 6px 6px 15px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 6px 6px 15px 0px rgba(0,0,0,0.3);
        box-shadow: inset 6px 6px 15px 0px rgba(0,0,0,0.3);
    }

/*.sort-filter-box {
    position: relative;
    margin-bottom: 20px;
}*/

/*.filter-toggle {
    position: absolute;
    right: 10px;
    top: 9px;
    padding: 6px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    cursor: pointer;
}*/

/* quang cao start */
#slideads {
    position: fixed;
    z-index: 1070;
    height: 0px;
    top: 150px;
    width: 100%;
}

    #slideads img {
        width: 100%;
    }

#slideads1 {
    float: left;
    width: 100px;
    margin-left: -100px;
}

#slideads2 {
    float: right;
    width: 100px;
    margin-right: -100px;
}
/* quang cao end */

/* Clearfix */
.clearfix:before, .clearfix:after, .container:before, .container:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after {
    clear: both;
}

/*.left {
    float: left;
}
*/
.share-box {
    width: 100%;
    padding: 5px;
    margin: 20px 0;
    border: 1px solid #ddd;
    text-align: center;
    clear: both;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

    .share-box > div {
        margin: 3px;
    }

.share-tool {
    float: right;
    clear: none !important;
}

.fb-share-button.fb_iframe_widget > span {
    height: 20px !important;
}

.fb-like.fb_iframe_widget > span {
    height: 20px !important;
}

/*#filter ul {
    list-style: none;
    margin: 10px 0;
}

    #filter ul li {
        padding: 3px 0;
        display: block;
        margin-right: 10px;
    }

.filter-title {
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}*/

/*.properties {
    max-height: 200px;
    overflow-y: auto;
}

.scrollbar-style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.scrollbar-style-1::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.scrollbar-style-1::-webkit-scrollbar-thumb {
    background-color: #0078ad;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}*/

/*Tin tuc*/
/*.news {
    width: 100%;
    position: relative;
    border-bottom: 1px dashed #CCCCCC;
    padding: 15px 0;
    list-style: none;
}

    .news .news-img, .news .news-image {
        display: block;
        width: 28%;
        float: left;
        padding: 2px;
        border: 1px solid #ddd;
        background: #fff;
        margin-bottom: 6px;
    }

        .news .news-img img, .news .news-image img {
            width: 100%;
        }

.news-info {
    width: 68%;
    float: right;
    text-align: left;
}

.news .title {
    font-size: 1.4rem;
    display: block;
    line-height: 150%;
}*/

.posted-date {
    color: #999;
    margin: 8px 0;
}

    .posted-date > span {
        display: inline-block;
        margin-right: 20px;
    }

    .posted-date a {
        font-weight: normal;
        color: #999;
        display: inline-block;
    }

        .posted-date a:hover {
            color: #0078ad;
        }

/*.news a.btn-detail {
    display: inline-block;
    width: 79px;
    height: 19px;
    float: right;
}

.news .summary {
    text-align: justify;
    line-height: 140%;
}
*/
.news-detail {
    clear: both;
}

    .news-detail h1 {
        font-size: 2.4rem;
        color: #0078ad;
        font-family: 'Roboto', sans-serif;
    }

    .news-detail .news-image {
        width: 270px;
        margin: 5px 10px 10px 0;
        padding: 3px;
        border: 1px solid #D0D0D0;
        background: #FFFFFF;
    }

    .news-detail .summary {
        text-align: justify;
        font-weight: bold
    }

    .news-detail .detail {
        text-align: justify;
        line-height: 180%;
        margin-top: 15px;
    }

        .news-detail .detail p {
            text-align: justify;
            line-height: 180%;
            margin: 10px 0;
            max-width: 100%;
        }

    .news-detail .posted-date {
        border-bottom: 1px dashed #ddd;
        padding-bottom: 10px;
        margin: 8px 0 15px;
    }

    .news-detail .detail img {
        height: auto !important;
        max-width: 100%;
    }
    
    .detail-content-top img,
    .detail-content-bottom img{
        height: auto !important;
        max-width: 100%;
    }

/*ul.li-news li {
    margin-left: 20px;
    line-height: 150%;
    margin-top: 12px;
}

    ul.li-news li a {
        font-weight: normal;
    }

        ul.li-news li a:hover {
        }*/

/*ul.li-left {
    list-style: disc inside;
    margin: 0;
}

    ul.li-left li {
        line-height: 150%;
        margin: 0;
        padding: 0;
    }

        ul.li-left li a {
            font-weight: normal;
        }

            ul.li-left li a:hover {
            }*/

/*.news-big {
    float: left;
    width: 40%;
    margin-top: 30px;
}

    .news-big .news-image {
        width: 100%;
        margin-bottom: 15px;
    }

    .news-big .news-info {
        width: 100%;
    }

        .news-big .news-info .title {
            font-size: 1.6rem;
        }*/

/*.news-big-ul-extend {
    width: 100%;
    margin: 0;
    background: none;
    list-style: none;
}

    .news-big-ul-extend li.news {
        padding: 15px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }

        .news-big-ul-extend li.news a {
            font-weight: normal;
        }

        .news-big-ul-extend li.news .title {
            line-height: 1.3;
            max-height: 3.6em;
            font-size: 1.2rem;
            text-align: justify;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            -webkit-line-clamp: 3;
        }

        .news-big-ul-extend li.news .news-image {
            float: left;
            width: 25%;
            padding: 0;
            border: none;
            border-radius: 8px;
        }

        .news-big-ul-extend li.news .news-info {
            float: right;
            width: 71%;
        }

        .news-big-ul-extend li.news .posted-date {
            line-height: 1.5;
            font-size: 0.9rem;
        }
        .news .summary,
        .news-big-ul-extend li.news .summary {
            max-height: 6.5em;
            overflow: hidden;
            text-align: justify;
            line-height: 1.5;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            -webkit-line-clamp: 4;
        }
        .news-big-ul-extend li.news .summary {
            max-height: 3em;
            -webkit-line-clamp: 2;
        }*/

/*#box-customer {
    padding-bottom: 30px;
    color: #fff;
    background: #1a9acc;
    background: -moz-linear-gradient(left, #1a9acc 0%, #1d77bb 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #1a9acc), color-stop(100%, #1d77bb));
    background: -webkit-linear-gradient(left, #1a9acc 0%, #1d77bb 100%);
    background: -o-linear-gradient(left, #1a9acc 0%, #1d77bb 100%);
    background: -ms-linear-gradient(left, #1a9acc 0%, #1d77bb 100%);
    background: linear-gradient(to right, #1a9acc 0%, #1d77bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9acc', endColorstr='#1d77bb', GradientType=1 );
}

    #box-customer .home-title1 > span {
        color: #fff;
    }

        #box-customer .home-title1 > span:after {
            display: none;
        }

    #box-customer hr {
        background: #ccc;
    }

.box-customer {
    position: relative;
    border-top: 1px solid #ececec;
    padding: 15px 0;
    background: #fafafa;
}

.box-customer-summary {
    line-height: 1.5;
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 5px auto 15px;
}

.box-customer span {
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-size: 1.6rem;
    float: left;
}
*/
/*model customer start */

.customer-item {
    border: 1px solid #eee;
    background-color: #fff;
    height: 80px;
    position: relative
}

    .customer-item:hover img,
    .customer-item:hover a i {
        -moz-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }

    .customer-item img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: auto !important;
        border: 8px solid #fff;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .customer-item a i {
        font-size: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        height: 100%;
        color: #9a9a9a;
    }
    /*model customer end*/

    /*model customer - khách hàng phản hồi start*/
    .customer-comment {
        display: block;
        width: 90%;
        margin: 80px auto 20px;
        text-align: center;
        background: #fff;
        padding: 30px 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .customer-comment:before {
        content: "“";
        font-family: Georgia,serif;
        font-size: 100px;
        font-style: normal;
        line-height: 1;
        color: #0078ad;
        position: absolute;
        bottom: -56px;
        left: 0;
        right: 0
    }

    .customer-comment .comment-img {
        width: 130px;
        height: 130px;
        display: block;
        clear: both;
        margin: -90px auto 10px;
        text-align: center;
        border: 2px solid #0078ad;
        background: #ddd;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
    }

        .customer-comment .comment-img img {
            width: auto !important;
            height: 100%;
            position: absolute;
            margin: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .customer-comment:hover .comment-img img {
            -moz-transform: translate(-50%,-50%) rotateY(360deg);
            -o-transform: translate(-50%,-50%) rotateY(360deg);
            -webkit-transform: translate(-50%,-50%) rotateY(360deg);
            transform: translate(-50%,-50%) rotateY(360deg);
        }

        .customer-comment .comment-img i {
            position: absolute;
            font-size: 50px;
            color: #0078ad;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

        .customer-comment:hover .comment-img i {
            -moz-transform: translate(-50%,-50%) rotateY(360deg);
            -o-transform: translate(-50%,-50%) rotateY(360deg);
            -webkit-transform: translate(-50%,-50%) rotateY(360deg);
            transform: translate(-50%,-50%) rotateY(360deg);
        }

        .customer-comment .comment-content {
            width: 100%;
            display: block;
            text-align: center
        }

            .customer-comment .comment-content .title {
                font-size: 1.2rem;
                font-weight: bold;
                color: #0078ad
            }

/*model customer - khách hàng phản hồi end*/

/*Box tin tức kiểu dọc*/
/*.news-vertical {
    width: 100%;
    margin: 15px 0 20px 0;
    position: relative;
    text-align: left;
    padding-bottom: 10px;
}
    .news-vertical:after {
        content: '';
        position: absolute;
        pointer-events: none;
        top: 0;
        left: -100%;
        width: 120%;
        height: 100%;
        opacity: 0;
        background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.2),70%,rgba(255,255,255,.3) 100%);
        transform: skewX(-25deg);
    }

    .news-vertical:hover:after {
        opacity: 1;
        left: 120%;
        transition-property: left,top,opacity;
        transition-duration: 1s,2s,.1s;
        transition-timing-function: ease;
    }

#box-news .news-vertical {
    background: none;
    border-bottom: none;
    margin: 0;
}*/
/*
#box-news .news-vertical:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#box-news .news-vertical .title {
    padding: 10px 0;
    border: none;
}

#box-news .news-vertical .summary {
    padding: 0;
}

#box-news {
}*/

/*.news-vertical .posted-date {
    margin: -45px 0 0;
    padding: 18px 15px 15px;
    min-height: 45px;
    font-size: 1rem;
    color: #fff;
    z-index: 100;
    position: relative;
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#BF000000', GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#BF000000,GradientType=0);
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

    .news-vertical .posted-date span {
        float: right;
        margin: 0;
    }

        .news-vertical .posted-date span:first-child {
            float: left;
        }*/

/*.news-vertical .title {
    font-size: 1.3rem;
    padding: 10px 0px;
    clear: both;
    line-height: 1.4;
}

    .news-vertical .title a {
        font-weight: bold;
        color: #000000;
        border-left: 4px solid #0078ad;
        padding-left: 1rem;
    }*/

/*.news-vertical-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 auto;
    border-radius:8px;
}

    .news-vertical-img:hover {
        opacity: 0.85;
    }

    .news-vertical-img:before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    .news-vertical-img img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }*/

/*.news-vertical .summary {
    height: 4.33em;
    overflow: hidden;
    text-align: justify;
    padding: 0;
    line-height: 1.5;
    clear: both;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

    .news-vertical .summary p {
        margin: 0
    }*/

/*.btn-news-more, .ui-widget-content a.btn-news-more {
    font-style: italic;
    color: #0078ad;
    font-weight: normal;
}*/

.post-tag {
    margin: 20px 0 10px
}

    .post-tag i {
        /*font-size: 1.2rem;*/
        color: #0078ad
    }

a.tag {
    display: inline-block;
    font-weight: normal;
    background-color: #0078ad;
    color: #fff;
    margin: 0 -3px 4px 17px;
    padding: 0 8px;
    position: relative;
    height: 28px;
    line-height: 28px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    text-decoration: none
}

    a.tag:before {
        content: "";
        position: absolute;
        left: -14px;
        top: 0;
        width: 0;
        height: 0;
        border-color: transparent #0078ad transparent transparent;
        border-style: solid;
        border-width: 14px 14px 14px 0
    }

    a.tag:after {
        content: "";
        position: absolute;
        top: 12px;
        left: -5px;
        float: left;
        width: 5px;
        height: 5px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.4);
        -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.4);
        box-shadow: -1px -1px 2px rgba(0,0,0,.4)
    }

    a.tag:hover {
        background-color: #0078ad
    }

        a.tag:hover:before {
            border-color: transparent #0078ad transparent transparent
        }

/*p.view-sort {
    text-align: right;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: -1px;
}*/

/*.widget-price {
    padding: 20px 0;
}*/

#widget {
    display: none;
    position: fixed;
    right: 0;
    top: 25%;
    background-color: #fff;
    z-index: 1075;
    list-style: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,1);
    -moz-box-shadow: 0 0 5px 0 rgba(255,255,255,1);
    box-shadow: 0 0 5px 0 rgba(255,255,255,1)
}

    #widget li {
        border-bottom: 1px solid #ddd;
        -webkit-box-shadow: 0 0 7px 0 #c4c4c4;
        box-shadow: 0 0 7px 0 #c4c4c4;
        background-color: #fff;
        display: table;
        font-size: 1rem;
        color: gray;
        white-space: nowrap;
        position: absolute;
        right: 0;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    }

        #widget li:nth-of-type(1) {
            top: 0
        }

        #widget li:nth-of-type(2) {
            top: 3.5rem
        }

        #widget li:nth-of-type(3) {
            top: 7rem
        }

        #widget li:nth-of-type(4) {
            top: 10.5rem
        }

        #widget li span {
            display: table-cell;
            vertical-align: middle;
        }

            #widget li span.icon {
                min-width: 3.5rem;
                height: 3.5rem;
                text-align: center;
            }

            #widget li span.text {
                max-width: 0;
                opacity: 0;
                -webkit-transition: .2s ease-out;
                transition: .2s ease-out;
            }

        #widget li a.active, #widget li a:hover {
            color: #fb0007 !important
        }

            #widget li a.active .text,
            #widget li a:hover .text {
                opacity: 1;
                max-width: 12.5rem;
                padding-right: 1.25rem;
                -webkit-transition: max-width .5s ease-out;
                transition: max-width .5s ease-out
            }

        #widget li a i {
            font-size: 1.4rem
        }

    #widget .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none !important;
        padding: 0;
        border: none;
        border-radius: 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    #widget .dropleft .dropdown-toggle::before {
        position: absolute;
        left: 5px;
        top: 40%;
        display: none;
    }

    #widget .dropleft .dropdown-toggle:hover::before {
        display: block;
    }

.wgitem {
    position: absolute;
    top: 0;
    right: -250px;
    height: 50px;
    width: 300px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#widget .wgitem:nth-child(2) {
    top: 55px;
}

#widget .wgitem:nth-child(3) {
    top: 110px;
}

#widget .wgitem:nth-child(4) {
    top: 165px;
}

#widget .wgitem:nth-child(5) {
    top: 220px;
}

#widget .wgitem:nth-child(6) {
    top: 275px;
}

#widget .wgitem:nth-child(7) {
    top: 330px;
}

.wgitem-icon {
    float: left;
    height: 50px;
    width: 50px;
    background-color: #0078ad !important;
    color: #fff;
    border-radius: 6px 0 0 6px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 2px 0 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 2px 0 2px 0 rgba(0,0,0,0.3);
}

    .wgitem-icon:before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -14px;
        margin: auto;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #00000047;
        border-right: 7px solid transparent;
    }

    .wgitem-icon:after {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -10px;
        margin: auto;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-left: 5px solid #0078ad;
        border-right: 5px solid transparent;
    }

    .wgitem-icon i {
        font-size: 1.6rem;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        line-height: 50px;
    }

.wgitem-title {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #0078ad;
    color: #fff;
    margin: -20px -20px 10px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.wgitem-content {
    float: left;
    width: 250px;
    background-color: #fff;
    padding: 20px;
}

.wgitem:hover {
    right: 0 !important;
    z-index: 1075;
}

.wgitem:not(.wgitem-nocontent):hover .wgitem-content {
    -webkit-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
    -moz-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
    box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
}

.wgitem ul {
    list-style: none
}

.wgitem.wgitem-nocontent {
    width: 200px;
    right: -150px;
}

    .wgitem.wgitem-nocontent .wgitem-title {
        margin: 0 0 0 50px;
    }

.user-support {
    display: block;
    /*padding-bottom: 12px;*/
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

    .user-support:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .user-support a {
        font-weight: normal
    }

.user-support-name {
    margin-bottom: 0;
}

.user-support-phone {
    color: #0078ad;
}

.user-support-icon {
    display: block;
    clear: both
}

    .user-support-icon i {
        font-size: 1.6rem;
    }

    .user-support-icon img {
        height: 24px;
        vertical-align: top;
        float: left;
    }

.user-support-img {
    width: 25%;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

    .user-support-img:before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .user-support-img img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.user-support-info {
    width: 72%;
    float: right;
    text-align: left
}

.user-support-icon a {
    color: #000 !important;
    display: inline-block;
    margin: 3px 5px 0 5px
}

    .user-support-icon a:nth-child(1), .user-support-icon a:nth-child(1):hover {
        color: #fc1828 !important
    }

    .user-support-icon a:nth-child(2), .user-support-icon a:nth-child(2):hover {
        color: #0168e8 !important
    }

    .user-support-icon a:nth-child(3), .user-support-icon a:nth-child(3):hover {
        color: #4267b2 !important
    }

#support-online {
    background-color: #fff;
    color: #000;
    display: block;
    width: 280px;
}

#support-online-title {
    display: block;
    background-color: #fb0007;
    color: #fff;
    margin-top: -8px;
    padding: 6px 15px;
    font-size: 1.2rem;
    font-weight: bold
}

#support-online-content {
    padding: 15px;
}

/*.user-info {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    font-size: 1rem
}

    .user-info:last-child {
        border-bottom: none;
    }

    .user-info p {
        margin-bottom: 2px
    }

    .user-info a {
        font-weight: normal
    }

        .user-info a i {
            font-size: 1.63rem
        }

.user-icon {
    display: block;
    clear: both
}

.user-image {
    width: 25%;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

    .user-image:before {
        content: "";
        display: block;
        padding-top: 100%
    }

    .user-image img {
        width: 100%;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.user-desc {
    width: 72%;
    float: right;
    text-align: left
}

.user-icon a {
    color: #000 !important;
    display: inline-block;
    margin: 3px 5px 0 5px
}

    .user-icon a:nth-child(1) {
        color: #fc1828 !important
    }

    .user-icon a:nth-child(2) {
        color: #0168e8 !important
    }

    .user-icon a:nth-child(3) {
        color: #4267b2 !important
    }*/

.breadcrumb {
    display: block;
    font-size: 12px;
    color: #fff;
    
    display: block;
    font-size: 12px;
    color: #000;
    padding: 0.25rem 1rem;
    border: 1px solid #d8e2ef;
    border-radius: 0.375rem;
    margin-top: 1rem;
    
    /*background-color: #d8e2ef;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;*/
}

    .breadcrumb li {
        display: inline-block;
    }

    .breadcrumb ol li:first-child a {
        padding-left: 0px !important;
    }

    .breadcrumb a, .breadcrumb h1, .breadcrumb h2 {
        font-size: 1.1rem;
        font-weight: normal;
        color: #000;
    }

    .breadcrumb a {
        position: relative;
        display: block;
        padding: 3px;
    }

        .breadcrumb a:hover {
        }

    .breadcrumb li.sub-item {
        position: relative;
        margin-left: 0.75rem;
        line-height: 1.6;
    }

        .breadcrumb li.sub-item:after {
            top: 50%;
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: -10px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            position: absolute;
            content: "\f105";
        }



/*baner đầu trang start */
.banner-page {
    min-height: 200px;
    position: relative;
    padding: 50px 0;
    /*margin-bottom: 30px;*/
    color: #fff;
    /*background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover*/
}

    .banner-page .container {
        text-align: center
    }

.banner-page-wrap {
}

.banner-page:before {
    /*content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0*/
}

.banner-page-title {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: normal;
    display: block;
    margin: 10px 0;
    font-family: Oswald,sans-serif;
    /*color: #355cab;*/
}

    .banner-page-title h1 {
        font-weight: normal;
        font-size: 2.2rem;
    }

#banner-page, #banner-page img {
    width: 100%
}
/*baner đầu trang end */

.ChangeSize {
    display: inline-block;
}

.adv-r {
    max-width: 100%;
}

.adv img {
    padding-left: 5px
}

.adv, .adv img {
    width: 100%;
}

    .adv a {
        display: block;
        overflow: hidden;
        position: relative;
    }

.adv-v1 {
    float: right;
    width: 18%;
    height: 500px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

    .adv-v1 img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: auto;
        height: 100%;
    }

.adv-slide a {
    margin-bottom: 10px;
}

/*.ui-tabs {
    padding: 0 !important;
}

    .ui-tabs .ui-tabs-panel {
        padding: 15px 0 !important;
        font-family: roboto,Tahoma,sans-serif,arial !important;
        overflow: auto;
        font-size: 1rem;
        margin: auto;
        text-align: left;
        border-top: 1px solid #ddd !important;
        border-radius: 0;
        top: -3px;
    }

        .ui-tabs .ui-tabs-panel.border-0 {
            border: 0 !important;
        }

#tabs-pro.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
    border: none !important;
    top: 0;
}*/

/*.ui-tabs .ui-tabs-nav {
    margin-top: 20px !important;
    background-color: #fff;
    position: relative;
    background: none;
    padding: 0 !important;
}

    .ui-tabs .ui-tabs-nav li {
        margin: 0 0 -1px !important;
        padding: 0 !important;
    }

        .ui-tabs .ui-tabs-nav li a {
            display: block;
            font-size: 1rem;
            font-family: roboto,Arial,sans-serif !important;
            text-transform: uppercase;
            padding: 1em !important;
            font-weight: normal;
            border: 1px solid #ddd;
            background-color: #f4f4f4;
        }*/

/*.tabs-pro-home.ui-tabs .ui-tabs-nav li a {
    font-size: 0.75rem;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #fff !important;
    color: #0078ad;
    border: 1px solid #ddd;
    border-top: 4px solid #0078ad;
    border-bottom: 1px solid #fff;
    position: relative;
    margin-top: -3px;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a:after {
        content: "";
        display: none;
        position: absolute;
        left: 50%;
        bottom: -16px;
        margin-left: -8px;
        height: 0;
        width: 0;
        border-bottom: 8px solid transparent;
        border-top: 8px solid #0078ad;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }

.ui-widget-header {
    border: none !important;
    background: none !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none !important;
        background: none !important;
    }

#tabs-pro, #tabs-pro .ui-widget-content {
    background: none !important;
}

    #tabs-pro .ui-tabs-nav {
        margin-top: -10px !important;
        position: relative;
        background: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

        #tabs-pro .ui-tabs-nav li {
            float: none !important;
            display: inline-block;
            margin: 3px 4px !important;
        }

            #tabs-pro .ui-tabs-nav li a {
                font-size: 1rem;
                text-transform: uppercase;
                font-weight: normal;
                padding: .5em !important;
                margin-right: 0;
                border: 2px solid #eee;
            }

                #tabs-pro .ui-tabs-nav li a:hover {
                    background-color: #0078ad;
                    color: #fff;
                    border: 2px solid #0078ad;
                }

            #tabs-pro .ui-tabs-nav li.ui-tabs-active a {
                border: 2px solid #0078ad;
            }*/
/* trang lien he*/
/*#fdb-info {
    line-height: 2;
}

    #fdb-info p {
        line-height: 2;
    }

    #fdb-info ul li {
        margin-bottom: 15px;
    }

#fdb-frm {
}

    #fdb-frm p.title {
        text-transform: uppercase;
        display: inline-block;
        padding-bottom: 12px;
        border-bottom: 1px solid #0078ad;
        font-weight: bold;
    }

        #fdb-frm p.title i {
            font-size: 1.6rem;
            margin-right: 5px;
            color: #0078ad;
        }

    #fdb-frm table {
        border: none;
    }

        #fdb-frm table td {
            padding: 5px 10px;
        }*/
/* san pham chi tiet*/
/*.product-detail-img {
    float: left;
    width: 45%;
    position: relative;
}

    .product-detail-img .carousel-control-prev, .product-detail-img .carousel-control-next {
        height: 36px;
        width: 36px;
        top: 50%;
        background: rgba(0,0,0,0.5);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.thumbs {
    width: 100% !important;
    position: relative !important;
    margin-top: 10px;
}

.targetarea {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

.product-detail-info {
    float: right;
    width: 53%;
    text-align: left;
}
    .product-detail-info h1 {
        font-family: "Roboto Condensed"
    }

    .product-detail-info table {
        width: 100% !important;
    }

.product-info-attr {
    margin-bottom: 15px;
    padding: 5px 15px;
    border: 2px solid #eee;
}

    .product-info-attr ul {
        list-style: none;
    }

    .product-info-attr li {
        padding: 10px 0;
        border-bottom: 1px solid #f4f4f4;
        display: flex;
    }

        .product-info-attr li > span {
            display: block;
            float: left;
        }

            .product-info-attr li > span.label {
                white-space: nowrap;
                width: 120px;
                text-align: left;
                font-weight: bold;
            }

            .product-info-attr li > span.colon {
                white-space: nowrap;
                width: 10px;
            }

            .product-info-attr li > span.label i {
                color: #ccc;
            }

            .product-info-attr li > span.value {
                width: calc(100% - 138px);
                text-align: left;
            }

    .product-info-attr img, .product-info-attr table, .product-info-attr div {
        max-width: 100%;
    }

.product-info-price {
    font-size: 1.4rem;
    padding: 0 !important;
    margin-bottom: 5px;
    border-bottom: none !important;
}

    .product-info-price .no-vat {
        font-size: 1rem;
        display: block;
        width: 100%;
    }

    .product-info-price > span.pprice {
        color: red;
        font-weight: bold;
        display: inline-block;
    }

    .product-info-price > span.product-price-old {
        display: inline-block;
        margin-left: 15px;
    }

.product-btn-action, .product-btn-action button {
    text-transform: uppercase;
    font-size: 1.1rem !important;
}

.product-detail-summary {
    margin-top: 15px;
}

    .product-detail-summary * {
        max-width: 100%;
    }

.description-product-detail, .product-detail-summary {
    line-height: 1.8;
}

    .description-product-detail p, .product-detail-summary p {
        line-height: 1.8;
        margin: 10px 0;
    }

.product-quantity {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 250px;
    margin: auto;
}

.cbQuantity {
    padding: 8px 20px;
    background: #f2f2f2;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #eee;
    height: 40px;
    width: 100%;
}*/

/*#btnMua {
    margin-top: -8px !important;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    font-size: 1.3rem;
    background: #0078ad;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    #btnMua:before {
        display: none !important;
    }*/

/*.product-desc {
    clear: both;
    margin: 20px 0;
    line-height: 180%;
    text-align: justify;
}

    .product-desc p {
        text-align: justify;
        line-height: 180%;
        margin: 10px 0;
    }

    .product-desc img {
        height: auto;
        max-width: 100%;
    }
    .product-desc .nav-tabs .nav-link.active {
        color: #363636;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        border: 1px solid #ddd;
        border-bottom: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        margin-left: 15px;
    }*/

.other-news {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

    .other-news p.title {
        font-size: 1.14rem;
        text-transform: uppercase;
        font-weight: bold;
        color: #0078ad !important;
    }

        .other-news p.title i {
            margin-right: 8px;
        }

    .other-news .news-vertical .title {
        border: none;
        padding: 20px 0 10px 0;
        font-size: 1rem;
        transition: all 0.3s;
    }

/*.user-info {
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}*/

/*.user-icon {
    display: block;
    clear: both;
}

    .user-icon a {
        color: #000 !important;
        display: inline-block;
        margin: 8px 5px 0 5px;
    }

        .user-icon a:nth-child(1) {
            color: #fc1828 !important;
        }

        .user-icon a:nth-child(2) {
            color: #0168e8 !important;
        }

        .user-icon a:nth-child(3) {
            color: #4267b2 !important;
        }

        .user-icon a:hover {
            color: #3d3d3d !important;
        }*/

/*.item-fm {
    display: none;
}*/

/*social bottom left start*/

#widget-contact-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 7px 10px;
    background: rgba(255,255,255,.96);
    z-index: 1075;
    -webkit-box-shadow: 2px 1px 9px #dedede;
    -moz-box-shadow: 2px 1px 9px #dedede;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea
}

    #widget-contact-bottom ul {
        list-style: none
    }

        #widget-contact-bottom ul li {
            float: left;
            width: 20%;
            text-align: center
        }

            #widget-contact-bottom ul li:nth-child(3) {
                padding-top: 30px;
            }

            #widget-contact-bottom ul li img {
                height: 30px
            }

            #widget-contact-bottom ul li i {
                height: 30px;
                font-size: 2rem;
                color: #0078ad;
            }

            #widget-contact-bottom ul li span {
                display: block;
                font-weight: 300;
                font-size: .9rem;
                text-transform: uppercase;
            }

#widget-contact {
    width: 50px;
    position: fixed;
    left: 20px;
    bottom: 90px;
    z-index: 9999;
}

#widget-support {
    width: 50px;
    position: fixed;
    left: 20px;
    bottom: 10px;
    z-index: 10000;
}

    #widget-contact a, #widget-support a {
        display: block;
        width: 50px;
        height: 50px;
        margin-top: 10px;
        text-align: center;
        cursor: pointer;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.25);
        -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,.25);
        box-shadow: 0 0 13px 0 rgba(0,0,0,.25)
    }

        #widget-contact a:hover {
            opacity: .86
        }

#widget-contact img {
    width: 100%
}

#widget-contact .email-wg {
    background: #f60
}

    #widget-contact .email-wg i, #widget-support a i {
        font-size: 1.7rem;
        color: #fff;
        line-height: 50px
    }

#widget-support .wg-open {
    background: #0078ad
}

#widget-support .wg-close {
    background: #fb0007;
    display: none;
}
/*nút call*/
.hig-alo-right {
    left: auto !important;
    right: 150px;
}

.hig-alo-phone {
    position: fixed;
    left: 20px;
    bottom: 20px;
    visibility: hidden;
    background-color: transparent;
    /*width: 80px;*/
    height: 60px;
    cursor: pointer;
    z-index: 1000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

    .hig-alo-phone span {
        display: block;
        background-color: #e6050b;
        color: #fff;
        padding: 0 30px 0 60px;
        line-height: 46px;
        font-size: 1.5rem;
        position: absolute;
        top: 1px;
        left: 5px;
        white-space: nowrap;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

.hig-alo-move-cursor {
    cursor: move
}

.hig-alo-phone.hig-alo-show {
    visibility: visible
}

.hig-alo-phone.hig-alo-static {
    opacity: .6
}

.hig-alo-phone.hig-alo-hover, .hig-alo-phone:hover {
    opacity: 1
}

.hig-alo-ph-circle {
    width: 86px;
    height: 86px;
    top: -20px;
    left: -20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc;
    opacity: .1;
    -webkit-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;
    animation: hig-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hig-alo-mobile .hig-alo-ph-circle {
    width: 140px;
    height: 140px;
    top: 30px;
    left: 30px
}

.hig-alo-phone.hig-alo-active
.hig-alo-ph-circle {
    -webkit-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-static .hig-alo-ph-circle {
    -webkit-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle, .hig-alo-phone:hover .hig-alo-ph-circle {
    border-color: #e8000b;
    opacity: .5
}

.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle,
.hig-alo-phone.hig-alo-green:hover .hig-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.hig-alo-phone.hig-alo-green .hig-alo-ph-circle {
    border-color: #e8000b;
    opacity: .5
}

.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle,
.hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.hig-alo-phone.hig-alo-gray .hig-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.hig-alo-ph-circle-fill {
    width: 66px;
    height: 66px;
    top: -10px;
    left: -10px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .1;
    -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hig-alo-phone.hig-alo-active .hig-alo-ph-circle-fill {
    -webkit-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-static .hig-alo-ph-circle-fill {
    -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important
}

.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone:hover .hig-alo-ph-circle-fill {
    background-color: rgba(216,2,208,0.5);
    background-color: #e8000b;
    opacity: .75 !important
}

.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone
.hig-alo-green:hover .hig-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    background-color: #baf5a7;
    opacity: .75 !important
}

.hig-alo-phone.hig-alo-green .hig-alo-ph-circle-fill {
    background-color: rgba(216,2,208,0.5);
    opacity: .75 !important
}

.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle-fill {
    background-color: rgba(204,204,204,0.5);
    background-color: #ccc;
    opacity: .75 !important
}

.hig-alo-phone.hig-alo-gray .hig-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    opacity: .75 !important
}

.hig-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    padding: 8px;
    position: absolute;
    background: rgba(30,30,30,0.1) url("/assets/images/all/icon-phone-white.png") no-repeat center center;
    background-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-sizing: initial;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.hig-alo-ph-circle-shake {
    -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hig-alo-phone.hig-alo-active .hig-alo-ph-img-circle {
    -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-static .hig-alo-ph-img-circle {
    -webkit-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone:hover .hig-alo-ph-img-circle {
    background-color: #e8000b
}

.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-green:hover .hig-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50;
}

.hig-alo-phone.hig-alo-green .hig-alo-ph-img-circle {
    background-color: #e8000b;
}

.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-img-circle {
    background-color: #ccc;
}

.hig-alo-phone.hig-alo-gray .hig-alo-ph-img-circle {
    background-color: #75eb50;
}

/*social bottom left end*/

/*owl-carousel start */
.owl-nav i {
    font-size: 1.4rem;
    line-height: 1.6;
}
.owl-nav i:not(:first-child) {
    margin-left: 0.15rem;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    width: 34px !important;
    height: 34px !important;
    line-height: 36px !important;
    margin: auto !important;
    border: 1px solid #ddd !important;
    background-color: rgba(255,255,255,0.8) !important;
    outline: none !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .owl-prev:hover, .owl-next:hover {
        background-color: rgba(255,255,255,1) !important;
    }

.owl-next {
    right: 5px;
    left: auto;
}
#headertopbar .owl-carousel .owl-nav button.owl-prev,
#headertopbar .owl-carousel .owl-nav button.owl-next {
    background: none !important;
    border: none !IMPORTANT;
    
}
    #headertopbar .owl-carousel .owl-nav button.owl-prev i,
    #headertopbar .owl-carousel .owl-nav button.owl-next i {
        font-size: 2rem;
        line-height: 1.2;
        font-weight: normal !important;
        color: transparent;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        -ms-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }
    
#headertopbar:hover .owl-carousel .owl-nav button.owl-prev i,
#headertopbar:hover .owl-carousel .owl-nav button.owl-next i {
    color: #ffffffad;
}
#headertopbar .owl-carousel .owl-nav button.owl-prev:hover i,
#headertopbar .owl-carousel .owl-nav button.owl-next:hover i {
    color: #ffffff;
}
    
/* owl carousel end*/

.flash {
    position: relative;
    display: block;
}

    .flash::after, .flash::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

    .flash::before {
        z-index: 1;
    }

    .flash:hover::before {
        right: 50%;
        left: 50%;
        width: 0;
        background: rgba(255,255,255,.3)
    }

    .flash:hover::after {
        height: 0;
        top: 50%;
        bottom: 50%;
        background: rgba(255,255,255,.3)
    }

/*.remove-box-sizing #colorbox *, .remove-box-sizing #colorbox:before, .remove-box-sizing #colorbox:after,
.remove-box-sizing #colorbox *:after, .remove-box-sizing #colorbox *:before, .remove-box-sizing #cboxOverlay *,
.remove-box-sizing #colorbox *:after, .remove-box-sizing #colorbox *:before, .remove-box-sizing #cboxOverlay,
.remove-box-sizing #colorbox, .remove-box-sizing #cboxOverlay:after, .remove-box-sizing #cboxOverlay:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/
/*video ifames start*/
.video-responsive {
    margin: auto !important;
    width: 100%;
    max-width: 800px !important;
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*height: 0;*/
    overflow: hidden
}
    .video-responsive:after {
        content: '';
        display: block;
        width: 100%;
        padding-bottom: 56.25%;
    }

    .video-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }
/*video ifames end*/

/*.list-bullet li {
    list-style: none;
    margin: 4px 0;
}

    .list-bullet li:before {
        content: "";
        font-family: FontAwesome 5 Pro;
        font-size: 120%;
        padding-right: 7px;
        color: #39a949;
    }

.list-style1 li:before {
    content: "\f101";
}

.list-style2 li:before {
    content: "\f105";
}

.list-style3 li:before {
    content: "\f138";
}

.list-style4 li:before {
    content: "\f0da";
}

.list-style5 li:before {
    content: "\f13a";
}

.list-bullet li h2, .list-bullet li h3, .list-bullet li h4, .list-bullet li h5 {
    display: inline-block;
    font-size: inherit;
    margin: 0 !important;
}

.box-style1 {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-left: 4px solid #39a949;
}*/



/*.box-shadow h3, .box-shadow1 h3 {
        display: block;
        line-height: 1.5em;
        margin-bottom: 12px;
    }

    .box-shadow img, .box-shadow1 img {
        height: 100px !important;
        margin: 10px 0;
    }*/

/*.box-shadow1 {
    background-color: #fff;
    padding: 15px;
    margin: 8px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
}*/

/*.table-type-1 {
    background-color: #fff;
    width: 100%;
    border: 1px solid #e6e6e6;
}

    .table-type-1 th, .table-type-1 td {
        border: 1px solid #e6e6e6;
        padding: 10px;
    }

    .table-type-1 thead, .table-type-1 thead tr {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
        background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    }

.table-thead-color thead, .table-thead-color thead tr {
    background: #009bcb !important;
    color: #fff
}

.table-type-1 thead tr {
    height: 36px;
}

.table-color tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table-hover tr:hover {
    background-color: #f5f5f5;
}*/

/*thu vien anh*/
/*.box-album {
    float: left;
    display: block;
    text-align: center;
    vertical-align: top;
}

    .box-album .photo-album {
        border: 2px solid #ccc;
        margin: 10px 0;
    }

.photo-album {
    display: block;
    position: relative;
    overflow: hidden;
    top: 0;
    background: #fff;
    border: 4px solid #fff;
    outline: 1px solid #eee;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

    .photo-album:hover {
        top: -5px;
    }

    .photo-album:before {
        content: "";
        display: block;
        padding-top: 65%;
    }

    .photo-album img {
        width: 100%;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }*/

/*.view-more {
    float: right;
    font-style: italic;
    color: #f00;
    margin-top: 10px;
}

    .view-more:hover {
        text-decoration: underline;
    }*/

/*.tdproduct {
    text-align: left;
    padding: 10px 0 !important;
}

    .tdproduct:nth-child(2) {
        padding-left: 15px !important;
    }

    .tdproduct img {
        width: 100%;
        min-width: 60px;
        border: 1px solid #ccc;
    }

    .tdproduct a {
        font-weight: normal;
        font-size: 1rem
    }*/

/*.trTotal1, .trTotal2 {
    color: #cb0408;
    background: #f2f2f2;
}

.trTotal2 {
    font-size: 1.1rem
}*/

/*input.txtQuantity::-webkit-outer-spin-button,
input.txtQuantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number].txtQuantity {
    -moz-appearance: textfield;
}*/

/*.delivery ul, .payment ul {
    list-style: none
}

.delivery p.title, .payment p.title, .person-order p.title {
    font-size: 1.3rem;
    font-weight: bold
}*/

/*p.dname, p.pname {
    font-weight: bold;
    margin-left: 0 !important
}*/

/*.delivery li, .payment li {
    border-top: 1px solid #eee;
    padding: 8px 0
}

    .delivery li p, .payment li p {
        margin-left: 20px
    }

    .delivery li input, .payment li input {
        margin-right: 4px
    }

    .delivery li.li-dname {
        width: 100%;
        vertical-align: top;
        clear: left;
        border-top: 1px solid #ddd
    }

    .delivery li.li-dmoney {
        width: 30%;
        text-align: right;
        clear: right
    }*/

/*.dropdown-content {
    display: none;
    position: absolute;
    width: 170px;
    background-color: #222;
}

    .dropdown-content a {
        color: #fff;
        display: block;
        padding: 8px;
        border-bottom: 1px solid #000;
        text-align: left;
        margin: 0 !important;
    }

        .dropdown-content a:hover {
            background-color: #000 !important;
        }*/

/*.user:hover .dropdown-content {
    display: block;
    z-index: 9999;
}*/

/*.cat-news .count-product {
    color: black;
}*/

/*#right-panel .product-box {
    width: 100%;
    border: 1px solid #eee;
    margin-top: -1px;
    
}*/

/*.pStar {
    color: #0863ac
}*/

/*.pStar img {
        vertical-align: bottom;
    }*/

/*.pStar-border {
    border-right: 1px solid #f6eded;
    border-left: 1px solid #f6eded;
    padding: 4px;
    margin-right: 10px
}*/

/*.news-author-img {
    height: 40px;
    width: 40px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #4f4f4f;
    display: inline-block;
    margin: 0 20px 0 0;
}*/

.author-box {
    width: 100%;
    margin-top: 20px;
    padding: 1rem;
    /*background: #0078ad;*/
    border-radius: 10px;
    color: #fff;
    display: flex;
    -webkit-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
    -moz-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
    box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
}

    .author-box a, .author-box .author-description b, .author-box .author-description p, .author-box .author-description i {
        color: #333;
    }

    .author-box .author-description i {
        width: 22px;
        color: #fff;
        text-align: center;
        background: #0078ad;
        padding: 5px 0;
        font-size: 0.8rem;
        margin-right: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .author-box .author-info {
        width: 100%;
        padding: 1rem 2rem;
        /* background: #0078ad; */
        border-radius: 0.56rem;
    }

        .author-box .author-info .author-social {
            margin: 4px 0;
        }

            .author-box .author-info .author-social a {
                display: inline-block;
                margin-right: 10px;
                font-weight: normal;
                color: #fff;
                display: block;
                transition: 0.5s all;
                overflow: hidden;
            }

                .author-box .author-info .author-social a:hover {
                    color: #0078ad;
                    padding-left: 5px;
                    background: #ed1c24 !important;
                    padding-left: 0px !important;
                }

                .author-box .author-info .author-social a:before {
                    content: "";
                    opacity: 0;
                    position: absolute;
                    background: rgba(255,255,255,0.6) none repeat scroll 0 0;
                    transition: all 0.8s;
                    transform: rotate(-45deg);
                    top: -50%;
                    left: -50%;
                    width: 200%;
                    height: 200%;
                }

                .author-box .author-info .author-social a:hover:before {
                    opacity: 1;
                    height: 0;
                }

                .author-box .author-info .author-social a i {
                    font-size: 1rem;
                }

        .author-box .author-info .author-name {
            margin: 0 15px 0 0;
            font-weight: bold;
            font-size: 1.2rem;
            text-transform: uppercase;
        }

    .author-box .author-description {
        text-align: justify;
        line-height: 1.8;
        margin: 15px 0;
    }

    .author-box .author-img {
        width: 100px;
        border-radius: 6px;
        overflow: hidden;
        padding-top: 1rem;
    }

        .author-box .author-img img, .related-post {
            max-width: 100%
        }

/*#postComment {
    margin-top: 20px;
}

    #postComment .item-rating .star-avg {
        color: #f3c706;
        font-weight: bold;
        font-size: 3rem;
    }*/

/*.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ba1716;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

#postComment .progress {
    margin-bottom: 0px;
    width: 160px;
    display: inline-block;
}*/

/*.review-date {
    color: #999;
}

#topcontrol img {
    max-width: 50px;
}*/

/*.log-fb-btn {
    display: block;
    background: #304fae;
    color: #fff !important;
    margin-bottom: 12px;
    line-height: 35px;
    text-align: left;
}

    .log-fb-btn i {
        float: left;
        display: inline-block;
        background: #2946a2;
        padding: 0 10px;
        font-size: 1.3rem;
        line-height: 35px;
        margin-right: 15px;
    }

.log-gg-btn {
    display: block;
    background: #e94c3d;
    color: #fff !important;
    margin-bottom: 12px;
    line-height: 35px;
    text-align: left;
}

    .log-gg-btn i {
        float: left;
        display: inline-block;
        background: #cd3b2e;
        padding: 0 10px;
        font-size: 1.3rem;
        line-height: 35px;
        margin-right: 15px;
    }

    .log-fb-btn:hover, .log-gg-btn:hover {
        opacity: 0.9;
        color: #fff;
    }*/

/*.thumbs .active {
    border: 1px solid black;
}*/

/*.product-details-section {
    width: 100%;
    text-align: left;
    padding: 15px;
    background: #e2f1ff;
    border-radius: 4px;
    margin-top: 20px;
}*/

/*.box-hotline__icon {
    background-image: url(/Assets/Client/images/ho-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 4px;
}
*/

/*.box-hotline__icon.ic-zalo {
    background-position-x: -90px;
    background-position-y: -224px;
}*/

/*.box-hotline__icon.ic-facebook {
    background-position-x: -132px;
    background-position-y: -224px;
}*/

/*.box-hotline__icon.ic-phone {
    background-position-x: -1px;
    background-position-y: -224px;
}*/

/*.box-hotline__icon.ic-email {
    background-position-x: -45px;
    background-position-y: -224px;
}*/

/*.row-box .box-hotline, .row-box .box-contact {
    width: 50%;
    float: left;
}*/

/*.product-details-section p {
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
}*/

/*.box-hotline__link {
    display: inline-flex;
}*/

/*.product-details-section ul {
    list-style: none;
    margin: 0;
}*/

/*.box-hotline__name {
    line-height: 40px;
    color: red;
    font-weight: normal;
}*/

/*.modal {
    z-index: 1000000;
}*/

/*blockquote {
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}*/

/*.gia-sanpham {
    display: none;
}*/

/*.ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left {
    bottom: 100px !important;
    padding: 0 !important;
}*/

/*.modal button.close {
    background-color: #f00;
    color: #fff;
    font-size: 1.6rem;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: -5px;
    right: -15px;
    border-radius: 50%;
}*/

/*.ui-widget.ui-widget-content.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(207,207,207,1);
    -moz-box-shadow: 0 0 10px 0 rgba(207,207,207,1);
    box-shadow: 0 0 10px 0 rgba(207,207,207,1)
}*/

/*.bk-btn button {
    max-width: 100%;
}

.bk-btn button {
    width: 100% !important;
}*/

/*#catsearch {
    position: absolute;
    background: #f2f2f2;
    color: #333;
    border: none;
    height: 44px;
    width: 160px;
    left: 1px;
    border-right: 1px solid #ccc
}*/


/*.video-show {
    margin: 20px auto 50px;
    max-width: 800px;
    text-align: center
}

.video-show span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 2rem
}*/

/*.tdvideo {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
    float: left
}

.tdvideo img {
    width: 160px;
    height: 90px;
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc
}*/

.box-video-image {
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 8px
}

    .box-video-image:before {
        content: "";
        display: block;
        padding-top: 62.5%
    }

    .box-video-image img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .box-video-image .btn-play {
        position: absolute;
        z-index: 1;
        color: #fff;
        font-size: 50px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transition: 0.5s all;
    }

    .box-video-image:hover .btn-play {
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        -moz-transform: translate(-50%,-50%) scale(1.2);
        -ms-transform: translate(-50%,-50%) scale(1.2);
        -o-transform: translate(-50%,-50%) scale(1.2);
        transform: translate(-50%,-50%) scale(1.2);
        color: red;
    }

.box-video-name {
    padding: 10px;
    line-height: 1.5;
    min-height: 60px
}

/*login start*/

#CaptchaCode,
.BDC_CaptchaDiv input {
    border-radius: 50px
}

.hand-animation {
    position: absolute;
    left: 50%;
    margin-left: -625px;
    top: 131px;
}

.light-hand {
    background: url(/assets/images/all/light-hand.png);
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    animation: 20s light-hand linear infinite;
    opacity: .7;
}

.light-hand-two {
    background: url(/assets/images/all/light-hand.png);
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    animation: 20s light-hand linear infinite;
    opacity: .7;
}

.rune-hand {
    background: url(/assets/images/all/rune-hand.png);
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    animation: 15s rune-hand linear infinite;
    opacity: .8;
}




.language {
    position: absolute;
    bottom: 4px;
    right: 15px;
}

    .language img {
        height: 30px;
    }

#language {
    display: inline-block;
    border-left: 1px solid #fff;
    margin-left: 15px;
    padding-left: 10px
}

    #language a {
        margin-left: 5px;
        width: 26px;
        height: 26px;
        position: relative;
        overflow: hidden;
        border-radius: 50%;
    }

    #language img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.about-us {
    text-align: left;
    line-height: 2rem;
}

.about-us-content {
    text-align: justify;
    line-height: 1.7;
    margin-bottom: 15px;
}

.about-us-images {
    position: relative;
    overflow: hidden;
}

    .about-us-images:before {
        display: block;
        content: "";
        position: absolute;
        padding-top: 60%;
        overflow: hidden;
    }

.about-us-img1 {
}

.about-us-img1,
.about-us-images {
    border-radius: 10px;
    overflow: hidden;
}

.about-us-img {
    /*margin-top: 40px;*/
}

    .about-us-img img {
        /*width: 100%;
        max-height: 315px;*/
    }

.btn-outline-instagram {
    color: #d50000;
    border-color: #bd6800;
}

    .btn-outline-instagram:hover {
        color: #fff;
        border-color: #e4ff00;
        background: linear-gradient(130deg, #a000bdba, #ff0099,#f00,#fff700);
    }

#link-social a {
    width: 138px
}

.bar {
    margin: 1rem auto 1.5rem;
}

.bar {
    height: 4px;
    width: 85px
}

.bar {
}

    .bar:before {
        left: 0;
        animation-duration: 2s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-name: MOVE-BG-ltr
    }

    .bar:before {
        background: #fff
    }

    .bar:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 5px
    }
    .bar.bar1:before {
        background: #0078ad
    }

.js-toc-title {
    border-left: 5px solid #0078ad !important;
}

ol .easy_toc_list-item_link.active:before {
    background-color: #0078ad !important;
}

/*ckfinder star*/
div#ckf-modal, .ckf-file-preview-root {
    z-index: 999999 !important;
}
/*ckfinder end*/
/*tooltip bs-bootrap start*/
.tooltip.bs-tooltip-auto.fade.show {
    z-index: 100000;
}
/*tooltip bs-bootrap end*/

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    -ms-transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
}

.keyRequest {
    display: none
}

input ~ .clear-val {
    font-weight: 600;
    background: linear-gradient(44deg, #0235d7 33%, #22d7d9, #e1f4f1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    opacity: 0;
}
input:active ~ .clear-val,
input:focus ~ .clear-val,
input:hover ~ .clear-val {
    opacity: 1;
}

/*whychoose-box start*/

.whychoose-box {
    padding: 1rem;
    background: #000000a6;
    border-radius: 0.5rem;
    min-height: 22rem;
}
    .whychoose-box .box-title {
        color: #fcf097;
        margin-top: 0.5rem;
        text-align: center;
        font-size: 1.2rem;
        text-transform: uppercase;
        /*border-bottom: 1px dashed #fff;*/
        padding-bottom: 5px;
        display: block;
    }
    .whychoose-box .box-icon {
        color: #fcbd03;
        text-align: center;
        font-size: 0.8rem;
    }
    .whychoose-box .box-summary {
        color:#fff;
        margin-top:0.5rem;
        text-align:center;
    }
    .whychoose-box:hover .box-img {
        animation: 1s animation-rotateY-360 ease-in-out;
    }
    .whychoose-box .box-img{
        border-radius: 0.5rem;
        overflow: hidden;
    }
    .whychoose-box .box-img a img,
    .whychoose-box .box-img a i{
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }
    .whychoose-box .box-img a i {
        font-size: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%) !important;
        -ms-transform: translateX(-50%) translateY(-50%) !important;
        transform: translateX(-50%) translateY(-50%) !important;
        color: #fff;
    }
/*whychoose-box end*/

/* leftright-box start */
.leftright-box{
}
.leftright-box .box-body{
}
.leftright-box .box-body .box-img {
}
.leftright-box .box-body .box-content .box-title {
}
.leftright-box .box-body .box-content .box-summary {
}
.leftright-box .box-body .box-content .box-viewmore {
}
/* leftright-box end */

.toggle-body.hide {
    display: none;
}

/*count-box star*/
.count-box{

}
    .count-box .box-img {
    }

        .count-box .box-img img, .count-box .box-img i {
            color: #333;
            font-size: 2.5rem;
            width: 80px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            border: 2px solid #333;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .count-box .box-img img{
            padding: 13px;
        }

    .count-box .box-title {
        font-size: 1.2rem !important;
        font-weight: 700 !important;
    }

    .count-box .box-summary {
        color: #0078ad;
        font-weight: 700 !important;
    }
/*count-box end*/

/*cat-box start*/
.cat-box {
    position: relative;
    overflow: hidden;
    border-radius:0.375rem;
}
    .cat-box:hover {
        -webkit-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
        -moz-box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
        box-shadow: 0 10px 25px 5px rgba(137,173,255,.35);
        border: 1px solid #2483c5;
    }
    .cat-box .box-content {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        border-radius: 0;
        display: block;
        position: absolute;
        opacity: 1;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        
        border-radius: 0 0 0.375rem 0.375rem;
        overflow: hidden;
        color: #fff;
    }
    .cat-box:not(:hover) .box-content {
        background: linear-gradient(0deg, #000000fc -50%, transparent);
    }
    .cat-box:not(:hover) .box-content{
        top:30%;
    }
    
    .cat-box:hover .box-content {
        bottom: 0;
        height: calc(100% - 2rem);
        background: #000000b8;
        margin: 1rem 1rem !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*justify-content: start;*/
        text-align: left;
        padding-top: 0.5rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 0.375rem;
        padding-left: 1rem;
        padding-right: 1rem;
        background: linear-gradient(0deg, #000000fc 22%, transparent);
    }

    .cat-box .box-content .box-viewmore {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding-bottom: 0.5rem;
        margin-top: 0.5rem;
        text-align: center;
        width: 100%;
        margin-bottom: -3rem;
        
    }

        .cat-box .box-content .box-viewmore a {
            margin: auto;
            display: inline-block;
            transform: scale(0);
            opacity: 0;
        }

    .cat-box:hover .box-content .box-viewmore {
        margin-bottom: 0rem;
    }

    .cat-box:hover .box-content .box-viewmore a {
        transform: scale(1);
        opacity: 1;
    }

    .cat-box .box-img {
        position: relative;
        display: block;
    }

        .cat-box .box-img:before, .cat-box .box-img:after {
            bottom: 10px;
            content: "";
            left: 10px;
            opacity: 0;
            position: absolute;
            right: 10px;
            top: 10px;
            -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
            -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
            transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
            z-index: 1;
        }

        .cat-box .box-img:before {
            border-bottom: 1px solid #ffffff;
            border-top: 1px solid #ffffff;
            -webkit-transform: scale(0, 1);
            -ms-transform: scale(0, 1);
            -o-transform: scale(0, 1);
            transform: scale(0, 1);
            margin: 0 -6px;
        }

        .cat-box .box-img:after {
            border-left: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            -webkit-transform: scale(1, 0);
            -ms-transform: scale(1, 0);
            -o-transform: scale(1, 0);
            transform: scale(1, 0);
            margin: -6px 0;
        }

        .cat-box .box-img .img {
            position: relative;
            overflow: hidden;
        }

            .cat-box .box-img .img:after {
                position: relative;
                z-index: 1;
                content: "";
                padding-top: 0;
                display: block;
                padding-top: 100%;
            }

            .cat-box .box-img .img img {
                position: absolute;
                top: 0;
                bottom:auto;
                left: 0;
                width: 100%;
            }

    .cat-box .box-title {
        font-weight: 700;
        font-size: 1.2rem;
        color: #fff;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem;
        text-transform: uppercase;
    }

    .cat-box:hover .box-title {
        font-size: 1.4rem;
        border-bottom: 1px dashed #c3c3c3;
        margin-bottom: 0.5rem;
        padding-bottom: 0.4rem;
        padding-top: 0rem;
    }
    
    .cat-box:not(:hover) .box-title {
            opacity: 0.8;
        }

    .cat-box .box-titlemini {
        font-weight: normal;
        font-size: 1rem;
        color: #2da34a;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cat-box:hover .box-titlemini {
        display:none;
    }

    .cat-box .box-summary {
        transform: scale(0);
        opacity: 0;
        height: 0;
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        transition: all 0.5s ease-in-out !important;
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cat-box:hover .box-img:before, .cat-box:hover .box-img:after, .cat-box:hover .box-summary {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .cat-box:hover .box-summary {
        height: auto;
    }
    
    @media(min-width:425px){
        .cat-box:not(:hover) .box-content{
            /*top:25%;*/
        }
        .cat-box:not(:hover) .box-content .box-title {
            font-size: 1.4rem;
        }
    }
    
    @media(min-width:768px){
        .cat-box:not(:hover) .box-content .box-title {
            font-size: 1.6rem;
        }
        
    }
    
    @media(min-width:992px){
        .cat-box:not(:hover) .box-content{
            top:35%;
        }
        .cat-box:not(:hover) .box-content .box-title {
            font-size: 1.8rem;
        }
    }
    
    @media(min-width:1200px){
        .cat-box:not(:hover) .box-content{
            top:40%;
        }
        .cat-box:not(:hover) .box-content .box-title {
            font-size: 2rem;
        }
    }
    
    @media(max-width:1199px){
        .cat-box .box-title {
            padding-left: 0rem;
            padding-right: 0rem;
            padding-top: 0rem;
        }
    }
    @media(max-width:575px){
        .cat-box .box-summary{
            display: none;
        }
        .cat-box .box-title{
            font-size: 1rem;
        }
    }

/*cat-box end*/

/* colrow-box start */
.colrow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:start;
}
.colrow-box .box-img {
    width:150px;
    margin-right:2rem;
}
    .colrow-box .box-content {
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
        display:block;
    }
    .colrow-box .box-title {
        font-size: 1.1rem;
        font-weight: bold;
        color: #2483c5;
        margin-bottom: 0.7rem;
    }
    .colrow-box .box-title:hover {
        color: #2da34a;
    }
/* colrow-box end */
/*news-box start*/
@media (min-width:992px){
    #news-box > div:nth-child(4n+4) {
        display: none
    }
}

/*news-box end*/

/* newsvertical-box start */
.newsvertical-box {
    width: 100%;
    position: relative;
    clear: both;
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 1rem;
}
/* newsvertical-box end */
/*sd_PageList-box start */
.sd_PageList-box {
}

    .sd_PageList-box .sd_PageList-item {
        margin-bottom:2rem;
    }

        .sd_PageList-box .sd_PageList-item .box-title {
            display: flex;
            margin-bottom:2rem;
        }

            .sd_PageList-box .sd_PageList-item .box-title > a {
                display: inline-block;
            }

                .sd_PageList-box .sd_PageList-item .box-title > a > h2,
                .sd_PageList-box .sd_PageList-item .box-title > a > .h2,
                .sd_PageList-box .sd_PageList-item .box-title > a > h1,
                .sd_PageList-box .sd_PageList-item .box-title > a > .h1 {
                    font-weight: 500;
                    text-transform: uppercase;
                    line-height: 1.3;
                }

        .sd_PageList-box .sd_PageList-item .box-icon {
            width: 30px;
            height: 30px;
            min-width: 30px;
            max-width: 30px;
            min-height: 30px;
            max-height: 30px;
            display: inline-flex;
            margin-right: 0.5rem;
            text-align: center;
            align-items: center;
            justify-content: center;
        }

            .sd_PageList-box .sd_PageList-item .box-icon > i,
            .sd_PageList-box .sd_PageList-item .box-icon > img {
            }

            .sd_PageList-box .sd_PageList-item .box-icon > i {
                font-size: 1.5rem;
                color: #2483c5;
            }

            .sd_PageList-box .sd_PageList-item .box-icon > img {
                max-width: 100%;
                max-height: 100%;
            }

    .sd_PageList-box > .sd_PageList-item > .box-body .menu-item {
        list-style: disc;
    }
/*sd_PageList-box end */
/* item start */
.item-title{
    color: #0078ad;
    text-transform: uppercase !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 2.48832rem !important;
}
@media (max-width: 425px){
    .item-title,
    .itemset-title > span.box-title, .itemset-title h1.box-title, .itemset-title .h1.box-title, .itemset-title h2.box-title, .itemset-title .h2.box-title, .itemset-title h3.box-title, .itemset-title .h3.box-title{
        font-size: 1.8rem !important;
    }
}
    h1.itemset-title,
    h2.itemset-title,
    h3.itemset-title{
        text-align: center;
        
    }
    
    .itemset-title {
        color: #0078ad;
        text-align: center;
    }
    .itemset-title h1,
    .itemset-title h2,
    .itemset-title h3{
        color: #0078ad;
        text-transform: uppercase;
        font-weight: bold;
    }
@media(min-width:1200px){
    .itemset-title {
        font-size: 1.86rem !important;
    }
}
    .itemset-title .box-icon {
        float: left;
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .itemset-title .box-icon > i{
        font-size:1.5rem;
    }

.itemset-title > span.box-title,
.itemset-title h1.box-title,
.itemset-title .h1.box-title,
.itemset-title h2.box-title,
.itemset-title .h2.box-title,
.itemset-title h3.box-title,
.itemset-title .h3.box-title {
    text-align: center;display:inline-block;
}

.itemset-boxtitle {
    padding: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    position: relative;
    background: #2da34a;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

    .itemset-boxtitle > span,
    .itemset-boxtitle > h1,
    .itemset-boxtitle > .h1,
    .itemset-boxtitle > h2,
    .itemset-boxtitle > .h2,
    .itemset-boxtitle > h3,
    .itemset-boxtitle > .h3 {
        display: inline-block;
        padding: 10px 10px 10px 20px;
        font-size: 1.29rem;
    }

    .itemset-boxtitle .toggle-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .itemset-boxtitle .title {
        padding-left: 4.5rem;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .itemset-boxtitle span.icon {
        background-color: #00000017;
        color: #fff;
        text-align: center;
        padding: 0;
        -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 45px;
    }

        .itemset-boxtitle span.icon:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -12px;
            margin: auto;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 5px solid #2da34a;
            border-right: 5px solid transparent;
        }

        .itemset-boxtitle span.icon:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -16px;
            margin: auto;
            border-bottom: 7px solid transparent;
            border-top: 7px solid transparent;
            border-left: 7px solid rgba(0,0,0,0.17);
            border-right: 7px solid transparent;
        }


.itemset-boxtbl-center {

}

.itemset-boxtbl-start {

}

.itemset-boxtbl-end {
    
}

    .itemset-boxtbl-end .itemset-boxitem {
        background-color: #fff;
        border-radius: 0.375rem;
        overflow: hidden;
    }

        .itemset-boxtbl-end .itemset-boxitem .itemset-boxbody {
            border-bottom: 1px;
            border-left: 1px;
            border-right: 1px;
            border-style: solid;
            border-color: #ddd;
            padding: 1rem;
            border-radius: 0 0 0.375rem 0.375rem;
        }

.itemset-boxbody#project-new {
}
    .itemset-boxbody#project-new > .menu-item {
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
        border-bottom: 1px dashed #ddd;
    }
    .itemset-boxbody#project-new > .menu-item > a {
        padding-left: 1rem;
        position: relative;
        display: inline-block;
        
    }
    .itemset-boxbody#project-new > .menu-item:not(:last-child) > a {
        
    }
    .itemset-boxbody#project-new > .menu-item > a:after {
        position: absolute;
        content: "\f0da";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        left: 0.05rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        top: 0.22rem;
        transform: translateX(-50%);
        font-size: 1rem;
        color: #999;
    }
    .itemset-boxbody#project-new > .menu-item > a:hover:after {
        /*transform: translateX(-50%) rotate(45deg);*/
    }
/*item end */
/*add new star */
@media all and (max-width: 1599px) {
    #slideads1 {
        width: 100px;
        margin-left: -100px;
    }

    #slideads2 {
        width: 100px;
        margin-right: -100px;
    }
}

@media all and (max-width: 1200px) {
    .user .dropdown-content {
        display: block;
        z-index: 9999;
    }
}

@media all and (max-width: 1199px) {
    #content-body-menu {
        position: fixed;
        top: 0;
        left: -330px;
        width: 300px;
        z-index: 1000000;
        background-color: #fff;
        height: 100vh;
        overflow: hidden;
        padding: 0px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease
    }

    #header {
        z-index: 10000;
    }

        #header #logo {
            margin-top: 0;
            height: 70px;
            padding: 0;
            text-align: center;
        }
            #header #logo img {
                max-height: 70px;
            }


    
    #content-body-menu[style*="left: 0px"] .content-body-menu-close:after {
        background: #000;
        opacity: 0.6;
        position: fixed;
        z-index: -2;
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        top: 0;
        left: 0;
    }

    #tel {
        position: fixed;
        right: 93px;
        top: 2px;
        z-index: 1001;
        margin-top: 0;
    }

    #_MenuTopRight1 {
        position: fixed;
        right: 10px;
        top: 2px;
        z-index: 1001;
        margin-top: 0 !important;
    }

    #hotline {
        position: fixed;
        left: 64px;
        top: 2px;
        z-index: 1001;
        margin-top: 0;
    }

        #tel p strong,
        #hotline p strong {
            display: none;
        }

        #tel p b,
        #hotline p b {
            line-height: 36px;
        }

    #cart {
        position: fixed;
        top: 2px;
        right: 10px;
        z-index: 1000;
        margin-top: 0;
    }

    .cart-link span, #hotline span, #tel span {
        display: inline-block;
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 1.2rem;
        position: relative
    }

    .cart-link p {
        display: none
    }

    #tel p,
    #hotline p {
        display: inline-block;
        padding: 0;
    }

    .user-area {
        position: fixed;
        top: 2px;
        right: 50px;
    }

        .user-area ul {
            position: absolute;
            top: 34px;
            right: -10px;
            display: none;
        }

        .user-area li {
            width: 100%;
        }



    .downarrowclass, .rightarrowclass {
        display: none !important;
    }

    .cat-image {
        width: 0;
        display: none;
    }

   /* #right-panel, #body-panel {
        width: 100%;
    }*/

    .hide-m, .adv-r, #slideads {
        display: none;
    }

    /*#filter-box.box_tbl {
        width: 49%;
    }*/

    .box_tbl {
        border-radius: 0rem;
        height: 100vh;
    }


    .adv-slide {
    }

    .user-area #_MenuTopRight1 .nav-item .dropdown-menu {
        z-index: 999 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0) !important;
    }

    #tel .fa-phone,
    .user-area .fa-user {
        border: 1px solid #49190a;
        border-radius: 50%;
        background: #49190a;
        color: #fff !important;
        padding: 5px 6px;
        margin: 3px 15px 0px 0px;
    }

    #search {
        position: absolute;
        z-index: 200;
        top: 1rem;
        right: 1rem;
        background: #0078ad;
        border: 1px solid #0078ad;
        border-radius: 8px;
        width: 35px;
        height: 35px;
        padding: 2px;
        color: #fff;
    }
    #header.header-fixed #search {
        color: #0078ad;
        background: #fff;
        border: 1px solid #fff;
    }
}

@media all and (max-width: 991px) {
    /*.gia-sanpham {
        display: unset;
    }

    .product-detail-img {
        width: 100%;
    }

    .product-detail-info {
        width: 100%;
    }*/

}

@media all and (max-width: 767px) {
    .hotline li {
        padding: 0;
        margin: 6px 10px;
    }

        .hotline li span, .hig-alo-phone span {
            display: none;
        }

        .hotline li a {
            font-weight: normal;
        }

    .hotline i {
        position: relative;
        font-size: 0.8rem;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: none;
    }

    /* .product-desc img, .news-detail img {
        height: auto !important;
    }*/
    #header {
        top: 0px;
    }
    /* .product-detail-img, .product-detail-info {
        width: 100% !important;
        margin: 10px 0;
    }

    .cart-table > tbody > tr:first-of-type {
        display: none;
    }

    .footer_namex {
        text-align: center;
    }*/
}

@media all and (max-width: 667px) {
    /*.featuredimagezoomerhidden {
        display: none;
    }*/
}

@media all and (max-width: 575px) {
    /*.boxbody_top .subcat {
        display: none
    }*/

    .hig-alo-phone {
        left: 50%;
        bottom: 20px;
        z-index: 10001 !important;
        margin-left: -23px;
    }

    #topcontrol {
        right: 10% !important;
        bottom: 28px !important;
        opacity: 0 !important;
        z-index: 10010 !important;
        margin-right: -12px;
    }

    /* #btn-uptop {
        display: block;
    }*/

    /*.fb_dialog_content, .fb-customerchat {
        display: none !important;
    }*/

    #footer {
        /*margin-bottom: 70px;*/
    }

    #footer-googlemap {
        /*margin-bottom: 66px;*/
    }
    #widget-contact-bottom,
    .hig-alo-phone,
    #widget{display: none !important;}
}

@media all and (max-width: 520px) {
    /*.news-detail h1 {
        font-size: 2rem;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 1rem;
    }*/
}

@media all and (max-width: 480px) {
    /* html {
        font-size: 14px;
    }

    .col {
        width: 100%;
    }*/

    /*#sapxep {
        width: 90px;
    }*/

    /*p.view-sort {
        text-align: center;
    }*/

    /* .cat-product-info, .cat-product-info h3 {
        font-size: 1.2rem;
    }

    #filter-box.box_tbl,
    .box_tbl {
        width: 100%;
    }*/

    /*#catsearch {
        display: none;
    }*/

    #txtsearch {
        padding: 0 36px 0 20px;
    }
}

@media all and (max-width: 425px) {
    #footer .fb-page{
        text-align: center;
        display: block;
    }
}


@media all and (max-width: 414px) {
    /*.news-image, .news-img {
        width: 100% !important;
        margin: 5px auto;
    }

    .news-info {
        width: 100% !important;
    }*/

}

@media all and (max-width: 375px) {
    /*.product-name, .product-info, .news-big-ul-extend li.news .title {
        -webkit-line-clamp: 20;
        height: auto;
    }*/
}

@media (min-width:425px) {
    .position-xs-absotule {
        position: absolute !important
    }
}

@media (min-width:576px) {
    .position-sm-absotule {
        position: absolute !important
    }
    #hig-alo-phoneIcon{
        display: none;
    }
}

@media (min-width:768px) {
    .position-md-absotule {
        position: absolute !important
    }
    /*.footer_namex {
        line-height: 40px;
    }*/

    .hig-alo-phone a span {
        transition: all 0.5s;
    }

    .hig-alo-phone a span {
        opacity: 0;
        /*-webkit-transform: rotate(-90deg);nfvkereẻerg
        transform: rotate(-90deg);aâaa
        transform-origin: 0% 0%;*/

        -webkit-transform-origin: 10% 0%;
        transform-origin: 10% 0%;
        -webkit-transform: perspective(400) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400) rotate3d(0, 1, 0, 90deg);
    }

    .hig-alo-phone:hover a span {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media (min-width:992px) {
    .position-lg-absotule {
        position: absolute !important
    }

    #slideshow .jssora05l,
    #slideshow .jssora05lr,
    #slideshow .jssorb01 {
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -ms-transition: all 0.3s ease-in-out !important;
        transition: all 0.3s ease-in-out !important;
    }

    #slideshow:hover .jssora05l,
    #slideshow:hover .jssora05lr,
    #slideshow:hover .jssorb01 {
        opacity: 1
    }
}

@media (min-width:1200px) {
    .icon-xl-end-1 {
        -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    }

        .icon-xl-end-1:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -14px;
            margin: auto;
            border-bottom: 7px solid transparent;
            border-top: 7px solid transparent;
            border-left: 7px solid #abb3bd;
            border-right: 7px solid transparent;
        }

        .icon-xl-end-1:after {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -10px;
            margin: auto;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 5px solid #d8e2ef;
            border-right: 5px solid transparent;
        }

    .position-xl-absotule {
        position: absolute !important
    }

    .container {
        max-width: 1150px;
    }
    #topbar .container,
    #header .container {
        max-width: 98%;
    }

    /*.col-xl-2dot4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }*/
    .header-fixed #search {
        /*color: #000;*/
    }
}

@media all and (min-width: 1300px) {
    .container {
        max-width: 1230px;
    }
}

@media all and (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width:1540px) {
    .position-xxl-absotule {
        position: absolute !important
    }
}

@media all and (min-width: 1600px) {
    /*#slideads1 {
        width: 180px;
        margin-left: -180px;
    }

    #slideads2 {
        width: 180px;
        margin-right: -180px;
    }*/
}
@media (min-width: 1900px) {
    .container {
        max-width: 1440px;
    }
}
#menu {
    width: 100%;
    position: relative;
    /*z-index: 100;*/
    background: transparent;
}



    #menu .menu > ul > .menu-item ul li a {
        line-height: normal !important;
    }

/* header-fixed - khi cuộn chuột xuống start*/

#header.header-fixed {
    /*background: rgba(255,255,255,0.95) !important;*/
    /*background:#ea0000;*/
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    margin-top: 0;
}
    /*#header.header-fixed .menu > ul > .menu-item > a {
        color: #000;
    }
        #header.header-fixed .menu > ul > .menu-item > a:hover {
            color: #0078ad;
        }*/
    #header.header-fixed #logo a img {
        opacity: 1 !important
    }

/* header-fixed - khi cuộn chuột xuống end*/
#menu .menu {
}

    #menu .menu ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
    }

    #menu .menu > ul {
        /*max-width: 1000px;
  padding: 0 2rem;*/
    }

        #menu .menu > ul > .menu-item {
            display: inline;
            float: left;
        }
            #menu .menu > ul > .menu-item:first-child span {
                /*display: none;*/
            }
/*ẩn chữ trang chủ chỉ để icon*/
            #menu .menu > ul > .menu-item:hover {
                /*background: #ffffff;*/
                position: relative;
            }


            #menu .menu > ul > .menu-item:after {
                content: "";
                display: none;
                position: absolute;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                bottom: 5px;
                left: calc(50% - 2px);
                will-change: transform;
                transform: scale(0);
                transition: transform 0.2s ease;
            }

            #menu .menu > ul > .menu-item:hover:after {
                transform: scale(1);
            }

            #menu .menu > ul > .menu-item > a {
                color: #000;
            }

            #menu .menu > ul > .menu-item:hover > a {
                color: #000;
            }
            
            #menu .menu ul .menu-item a{
                text-transform: uppercase;
            }

            

#menu .menu-item {
    position: relative;
    text-align: center;
}

    #menu .menu-item.menu-pro {
        position: static;
    }

    #menu .menu-item menu-item a {
        display: block;
        padding: 15px 30px;
        font-weight: normal;
    }

#menu .sub-menu {
    position: absolute;
    width: 220px;
    background: #fff;
    top: 0;
    left: 100%;
    opacity: 0;
    z-index: 2;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}


#menu .menu > ul > li > .sub-menu {
    top: 100%;
    left: 0;
    z-index: 1;
    border-top: none;
}

#menu .menu-item:hover > .sub-menu {
    z-index: 10;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}

#menu .sub-menu .sub-menu:after {
    content: "";
    position: absolute;
    left: -16px;
    top: 12px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-right-color: #0078ad;
    border-width: 8px;
    border-right-color: #fff;
}
#menu .sub-menu .sub-menu.dr-left:after {
    left: auto;
    transform: rotate(180deg);
}
/*xử lý khi submenu tràn lề phải thì hiện sang trái*/
#menu .sub-menu .sub-menu.dr-left {
    left: -100%;
}

    .sub-menu .sub-menu.dr-left:after {
        right: -16px;
        left: auto;
        border-left-color: #fff;
        border-right-color: transparent;
    }
/*.sub-menu .menu-item {border-bottom: 1px solid #f6f6f6; line-height:normal;}
.sub-menu .menu-item:hover {
    background: #f6f6f6;
}*/
#menu .sub-menu .menu-item {
    line-height: normal;
}
    #menu .sub-menu .menu-item:last-child {
        border-bottom: 0px;
    }

    #menu .sub-menu .menu-item:hover > a {
        color: #fff !important;
    }

    #menu .sub-menu .menu-item a {
        padding: 0.75rem 0.75rem 0.75rem 1.7rem;
        text-align: left;
    }

        #menu .sub-menu .menu-item a:before {
            content: "\203A";
            left: -5px;
            top: -1px;
            position: relative;
        }

#menu .menu-item a {
    display: block;
}
/*#menu .sub-menu .menu-item {
    background: #fbe26c;
    }
    */
#menu .sub-menu .menu-item:hover {
    background: #0078ad;
}
#menu .sub-menu > .menu-item:first-child:hover {
    border-radius: 0;
}


#menu .sub-menu .menu-item a {
    color: #000 !important;
}

#menu .menu-item .showhide-subul {
    display: none;
    position: absolute;
    top: 0;
    right: 0px;
    width: 28px;
    height: 40px;
    line-height: 1;
    padding: 0 15px;
    margin-top: 0;
    cursor: pointer;
    z-index: 2;
}

    #menu .menu-item .showhide-subul svg,
    #menu .menu-item .showhide-subul i {
        height: auto;
        width: auto;
        position: absolute;
        top: 6px;
        bottom: 12px;
        right: 0;
        left: 0.5rem;
        margin: auto;
        font-size: 1.8rem;
        color: #fff;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
#menu .menu-item .menu-item .showhide-subul svg,
#menu .menu-item .menu-item .showhide-subul i {
    color: #000;
}

#menu .downarrowclass {
    position: absolute;
    top: 13px;
    right: 2px;
    font-size: .95rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#menu .menu-item:hover .downarrowclass {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
/*css cho menu sản phẩm mega-menu*/
/*.menu > ul > li > .sub-menu.mega-menu {
    width: 96%;
    margin: 0 2%;
    overflow: hidden;
    min-height: 250px;
    text-align: left;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    background: #fff;
}

.sub-menu.mega-menu .sub-menu:after {
    display: none;
}

.mega-menu .menu-item {
    width: 25%;
    float: left;
}

    .mega-menu .menu-item.menu-img {
        position: absolute;
        top: 0;
        right: 0;
        width: 55%;
    }

    .mega-menu .menu-item img {
        width: 100%;
        float: left;
        position: absolute;
        top: 0;
        right: 0;
    }

    .mega-menu .menu-item a {
        color: #241e20;
        position: relative;
    }

        .mega-menu .menu-item a:hover {
            color: #f20a09;
        }

.sub-menu.mega-menu .menu-item {
    border-bottom: none;
    background: none !important;
}

.sub-menu.mega-menu > .menu-item > a {
    text-transform: uppercase;
    background: none !important;
    font-weight: bold;
    z-index: 1;
}

    .sub-menu.mega-menu > .menu-item > a:before {
        display: none;
    }

.sub-menu.mega-menu .sub-menu {
    position: relative;
    width: 100%;
    background: #fff;
    left: 0;
    opacity: 1;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: cursor;
    -webkit-transform: none;
}

    .sub-menu.mega-menu .sub-menu .menu-item {
        width: 100%;
    }

        .sub-menu.mega-menu .sub-menu .menu-item a {
            padding: 5px 20px;
        }*/

#menu-footer{
    
}
#menu-footer .menu-item .sub-menu .menu-item a span{
    margin-left: 0.5rem;
}
    #menu-footer .showhide-subul {
        display: none;
    }
    
@media screen and (min-width:1200px) {
    /*#menu .menu > ul > .menu-item:hover:after {
        position: absolute;
        bottom: 10px;
        width: 80%;
        height: 2px;
        content: "";
        display: block;
        background-color: #0078ad;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0px;
    }*/
    #menu .sub-menu {
        width: 290px;
    }
        #menu .sub-menu:after {
            content: "";
            position: absolute;
            left: 45px;
            top: -16px;
            border: solid transparent;
            height: 0;
            width: 0;
            pointer-events: none;
            border-bottom-color: #0078ad;
            border-width: 8px;
        }

    #menu .sub-menu .menu-item {
        border-bottom: 1px solid #c5c5c561;
    }
    #menu .menu > ul > li > .sub-menu {
        display: block !important;
    }
    /* menu type 1*/

    #menu .menu > ul > .menu-item a {
        line-height: 70px !important;
    }

    #menu .menu-item > a {
        padding: 0rem 20px;
    }

    #menu .menu-item > .menu-item > a {
        padding: 1rem 20px;
    }


    #menu .sub-menu {
        border-radius: 8px
    }
        #menu .sub-menu > .menu-item:first-child:hover {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        #menu .sub-menu .sub-menu > .menu-item:first-child:hover {
            /*border-radius: 8px 8px 0 0;*/
            /*border-top-left-radius: 8px;
            border-top-right-radius: 8px;*/
            /*border-radius: 8px;*/
        }

        #menu .sub-menu > .menu-item:last-child:hover {
            /*border-radius: 0 0 8px 6px;*/
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        #menu .sub-menu .sub-menu {
            border-radius: 11px;
            display: block !important;
        }
    #menu .menu > ul > li > .sub-menu {
        top: 90%;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.5);
        box-shadow: 0 6px 12px rgba(0,0,0,0.5);
    }
    #menu .sub-menu.menu-acction {
    }

        #menu .sub-menu.menu-acction .menu-item a:before {
            content: "";
        }

        #menu .sub-menu.menu-acction .menu-item a {
            padding: 0.5rem;
            font-weight: normal;
            color: #000;
        }
            #menu .sub-menu.menu-acction .menu-item a i {
                color: #0078ad;
            }
            #menu .sub-menu.menu-acction .menu-item a:hover i {
                color: #fff;
            }
    #menu .menu ul {
        margin-right: 20px;
    }

    #menu .menu > ul > .menu-item > a {
        color: #000;
        font-weight: bold;
    }
    #menu .menu > ul > .menu-item:hover > a{
        color: #000;
        font-weight: bold;
    }
    
    /*tạo thêm start*/
    
    #header #menu .menu > ul > .menu-item:not(:has(.showhide-subul)) > a{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    
    #header #menu .menu > ul > .menu-item:has(.showhide-subul) > a{
        padding-left: 0rem;
    }
    
    #header #menu .menu > ul > .menu-item > a > span{
        padding: 1rem;
        border-radius: 0.25rem;
    }
    
    #header:not(.header-fixed) #menu .menu > ul > .menu-item:hover > a{
        color: #fff !important;
    }
    
    #header:not(.header-fixed) #menu .menu > ul > .menu-item:hover > a > span{
        background: #0078ad !important;
    }
    
    #header:not(.header-fixed) #menu .menu > ul > .menu-item:hover > .showhide-subul i {
        color:#fff;
    }
    
    #header #menu .menu > ul > .menu-item:has(.showhide-subul) > a > span{
        margin-right: -1rem;
    }
    
    #header.header-fixed #menu .menu > ul > .menu-item:hover > a{
        color: #0078ad !important;
    }
    
    #header.header-fixed #menu .menu > ul > .menu-item:hover > a > span{
        background: #fff !important;
    }
    
    #header.header-fixed #menu .menu > ul > .menu-item:hover > .showhide-subul i {
        color:#0078ad !important;
    }
    #header #menu .sub-menu .menu-item a{
        color:#0078ad !important;
    }
    #header #menu .sub-menu .menu-item:hover > a{
        color:#fff !important;
    }
    
    #menu .menu > ul > .menu-item > ul > li > .showhide-subul {
        display: block;
        position: absolute;
        top: 0;
        right: 0px;
        width: 28px;
        height: 40px;
        line-height: 1;
        padding: 0 15px;
        margin-top: 0;
        cursor: pointer;
        z-index: 2;
    }
    
        #menu .menu-item .showhide-subul i {
            top: 9px;
            font-weight: bold;
            font-size: 1.5rem;
            color: #0078ad !important;
        }
        #menu .menu-item:hover > .showhide-subul i {
            color: #fff !important;
        }
        #menu .menu-item .showhide-subul i:before {
            content: '\f0da';
        }
        
    /*tạo thêm end*/

    .header-fixed #menu .menu > ul > .menu-item > a {
        color: #fff;
        font-weight: bold;
    }

    .header-fixed #menu .sub-menu:after {
        border-bottom-color: #fff;
    }

    #menu .menu > ul > .menu-item > .showhide-subul {
        display: inline-block !important;
        height: auto;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        right: 8px;
    }

        #menu .menu > ul > .menu-item > .showhide-subul i {
            position: relative;
            top: auto;
            bottom: auto;
            right: auto;
            left: auto;
            font-size: 1rem;
            display: block;
            transform: none;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            color:#000;
        }

            #menu .menu > ul > .menu-item > .showhide-subul i:before {
                content: "\f107";
                font-weight: 900;
            }

    #menu .menu > ul > .menu-item:hover > .showhide-subul i {
        transform: rotate(-180deg)
    }
    .header-fixed #menu .menu > ul > .menu-item > .showhide-subul i{
        color:#fff !important;
    }
}



@media screen and (max-width: 1199px) {
    #menu .sub-menu .menu-item a {
        color: #000 !important;
    }


    #menu .sub-menu {
        z-index: 10;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    #menu .sub-menu {
        border-top: none !important;
    }

    
    #menu {
        z-index: 1000000;
    }

        #menu .menu #nav-toggle {
            position: absolute;
            left: 0;
            display: inline-block;
            font-size: 1.3rem;
            padding: 1px;
            background-color: #0078ad;
            border: 1px solid #0078ad;
            color: #fff;
            z-index: 10000;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            width: 35px;
            height: 35px;
        }

        #menu .menu #menu-button {
            padding: 3px 7px;
        }

        #menu #closemenu {
            position: fixed;
            top: 0;
            left: -350px;
            width: 300px;
            height: 40px;
            line-height: 40px;
            z-index: 30000;
            display: block;
            padding: 0 8px;
            color: #fff;
            font-size: 1.4rem;
            text-align: left;
            background-color: #000;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }
        #menu .menu-item .sub-menu {
            z-index: 10;
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: perspective(400) rotate3d(0,0,0,0);
        }



        #menu .menu {
            width: 100%;
            position: absolute !important;
            top: -55px;
            padding: 0;
            height: 0;
            left: 0;
            background-color: transparent;
            z-index: 30000;
        }

            #menu .menu > ul {
                clear: both;
                position: fixed;
                top: 0;
                left: -350px;
                width: 300px !important;
                height: 100vh;
                margin-top: 40px;
                overflow: auto !important;
                background: #0078ad;
                animation: fade 0.2s ease-out;
                z-index: 30001;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                -ms-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;

            }
        #menu #closemenu[style*="left: 0px;"]:after {
            background: #000;
            opacity: 0.6;
            position: fixed;
            z-index: -2;
            width: 100%;
            height: 100%;
            content: "";
            display: block;
            top: 0;
            left: 0;
        }
    /*#menu #closemenu[style*="left: 0px;"]:before {
        position: fixed;
        z-index: -1;
        width: 30px;
        height: 30px;
        content: "X";
        display: block;
        color:#fff;
        top: 0;
        right: 0;
    }*/

        #menu .menu:after {
            content: "";
            display: none;
            position: absolute;
            top: calc(50% - 2px);
            right: 1rem;
            width: 30px;
            height: 4px;
            background: #FFF;
            box-shadow: 0 10px #FFF, 0 -10px #FFF;
        }

        #menu .menu-item {
            line-height: normal;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #016d9d;
        }
        #menu .sub-menu .menu-item:hover {
            background: #016d9d;
        }

        #menu .sub-menu .menu-item a {
            padding: 0.7rem 20px;
        }

        #menu .menu-item.menu-pro {
            position: relative;
        }

        #menu .menu-item a {
            color: #fff !important;
            padding: .7em 40px .7em 16px;
        }
        #menu .menu > ul > .menu-item:hover > a {
            color: #fff !important;
            background: #016d9d !important;
        }
        #menu .menu > ul > .menu-item:hover > .showhide-subul svg,
        #menu .menu > ul > .menu-item:hover > .showhide-subul i {
            color: #fff !important;
        }
        #menu .menu-item .menu-item:hover > .showhide-subul svg,
        #menu .menu-item .menu-item:hover > .showhide-subul i {
            color: #fff;
        }
        #menu .menu-item .showhide-subul {
            display: block;
        }

        #menu .menu > ul > .menu-item {
            opacity: 0;
            animation: enter 0.3s ease-out forwards;
        }

        #menu .menu:hover:after {
            box-shadow: none;
        }

        #menu .menu > ul > .menu-item:first-child span {
            display: inline-block;
        }

        #menu .sub-menu {
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
            display: none;
            width: 100% !important;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #menu .sub-menu .menu-item {
                background: #fff;
                border-bottom: none;
                border-top: 1px solid #0078ad38;
            }
                #menu .sub-menu .menu-item:hover > a {
                    color: #fff !important;
                }

                #menu .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 26px;
                }

                    #menu .sub-menu .menu-item a:before {
                        content: "\203A";
                        left: -5px;
                        top: -1px;
                        position: relative;
                    }

                #menu .sub-menu .menu-item .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 40px;
                }

                #menu .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 54px;
                }
    /*css cho menu sản phẩm mega-menu*/
    /*.menu > ul > li > .sub-menu.mega-menu {
        width: 100%;
        margin: 0;
        min-height: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        background: #f20a09;
    }

    .mega-menu .menu-item {
        width: 100%;
    }

        .mega-menu .menu-item.menu-img {
            display: none;
        }

        .mega-menu .menu-item a {
            color: #fff;
        }

            .mega-menu .menu-item a:hover {
                color: #fff;
            }

    .sub-menu.mega-menu .menu-item {
        border-top: 1px solid #f20a09;
        background: #f20a09 !important;
    }

    .sub-menu.mega-menu > .menu-item > a {
        text-transform: none;
        background: #f20a09 !important;
    }

        .sub-menu.mega-menu > .menu-item > a:before {
            display: inline-block;
        }*/
    #header.header-fixed #menu .menu #nav-toggle {
        background-color: #fff;
        border: 1px solid #fff;
        color: #0078ad;
    }
}

@keyframes enter {
    from {
        opacity: 0;
        transform: scaleY(0.98) translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

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

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

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

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ccc;
        margin: 5px;
    }

        .owl-carousel button.owl-dot.active {
            background-color: #d70005;
        }

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

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

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

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

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

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

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

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

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

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

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

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    border-radius: 8px;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

/* ---- flickity-button ---- */

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}

    .flickity-button:hover {
        background: white;
        cursor: pointer;
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19F;
    }

    .flickity-button:active {
        opacity: 0.6;
    }

    .flickity-button:disabled {
        opacity: 0.3;
        cursor: auto;
        /* prevent disabled button from capturing pointer up event. #716 */
        pointer-events: none;
    }

.flickity-button-icon {
    fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
}

    .flickity-prev-next-button.previous {
        left: 10px;
    }

    .flickity-prev-next-button.next {
        right: 10px;
    }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
    }

.carousel--full-width .carousel-cell {
    width: 100%;
}
/*.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: 5px;
    left: 10px;
}

.rating-input {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 0 0 -24px !important;
    opacity: 0;
}

    .rating:hover .rating-star:hover,
    .rating:hover .rating-star:hover ~ .rating-star,
    .rating-input:checked ~ .rating-star {
        background-position: -24px 0;
    }

.rating-star,
.rating:hover .rating-star {
    margin-bottom: 0px;
    position: relative;
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    background: url('stars.svg') 0px 24px;
}
*/
/*.uk-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

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

    .uk-grid:after {
        clear: both
    }

    .uk-grid > * {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
        margin: 0;
        float: left
    }

        .uk-grid > * > :last-child {
            margin-bottom: 0
        }

.uk-grid {
    margin-left: -25px
}

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



@media (min-width:1220px) {
    .uk-grid {
        margin-left: -35px
    }

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

.uk-grid-collapse {
    margin-left: 0
}

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


.uk-grid-small {
    margin-left: -10px
}

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



.uk-grid-medium {
    margin-left: -25px
}

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



@media (min-width:960px) {
    .uk-grid-large {
        margin-left: -35px
    }

        .uk-grid-large > * {
            padding-left: 35px
        }
}

@media (min-width:1220px) {
    .uk-grid-large {
        margin-left: -50px
    }

        .uk-grid-large > * {
            padding-left: 50px
        }
}

.uk-grid-divider:not(:empty) {
    margin-left: -25px;
    margin-right: -25px
}

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

.uk-grid-divider > [class*=uk-width-9-]:nth-child(n+2),
.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) {
    border-left: 1px solid #E5E5E5
}

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

@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 #E5E5E5
    }
}

@media (min-width:1220px) {
    .uk-grid-divider:not(: empty) {
        margin-left: -35px;
        margin-right: -35px
    }

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

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

.uk-grid-divider:empty {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #E5E5E5
}

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

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

[class*=uk-grid-width] > * {
    box-sizing: border-box;
    width: 100%
}

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

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

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

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

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

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

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

@media (min-width:480px) {
    .uk-grid-width-small-1-1 > * {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1220px) {
    .uk-grid-width-xlarge-1-1 > * {
        width: 100%
    }

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

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

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

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

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

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

[class*=uk-width] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.uk-width-1-1 {
    width: 100%
}

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

.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%
}

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

.uk-width-1-4 {
    width: 25%
}

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

.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%
}

.uk-width-1-6 {
    width: 16.666%
}

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

.uk-width-1-10 {
    width: 10%
}

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

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

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

@media (min-width:480px) {
    .uk-width-small-1-1 {
        width: 100%
    }

    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%
    }

    .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%
    }

    .uk-width-small-1-4 {
        width: 25%
    }

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

    .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%
    }

    .uk-width-small-1-6 {
        width: 16.666%
    }

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

    .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%
    }
}

@media (min-width:768px) {
    .uk-width-medium-1-1 {
        width: 100%
    }

    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%
    }

    .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%
    }

    .uk-width-medium-1-4 {
        width: 25%
    }

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

    .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%
    }

    .uk-width-medium-1-6 {
        width: 16.666%
    }

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

    .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%
    }
}

@media (min-width:960px) {
    .uk-width-large-1-1 {
        width: 100%
    }

    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%
    }

    .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%
    }

    .uk-width-large-1-4 {
        width: 25%
    }

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

    .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%
    }

    .uk-width-large-1-6 {
        width: 16.666%
    }

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

    .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%
    }
}

@media (min-width:1220px) {
    .uk-width-xlarge-1-1 {
        width: 100%
    }

    .uk-width-xlarge-1-2,
    .uk-width-xlarge-2-4,
    .uk-width-xlarge-3-6,
    .uk-width-xlarge-5-10 {
        width: 50%
    }

    .uk-width-xlarge-1-3,
    .uk-width-xlarge-2-6 {
        width: 33.333%
    }

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

    .uk-width-xlarge-1-4 {
        width: 25%
    }

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

    .uk-width-xlarge-1-5,
    .uk-width-xlarge-2-10 {
        width: 20%
    }

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

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

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

    .uk-width-xlarge-1-6 {
        width: 16.666%
    }

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

    .uk-width-xlarge-1-10 {
        width: 10%
    }

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

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

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

@media (min-width:768px) {
    [class*=uk-push-],
    [class*=uk-pull-] {
        position: relative
    }

    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%
    }

    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%
    }

    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%
    }

    .uk-push-1-4 {
        left: 25%
    }

    .uk-push-3-4 {
        left: 75%
    }

    .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%
    }

    .uk-push-1-6 {
        left: 16.666%
    }

    .uk-push-5-6 {
        left: 83.333%
    }

    .uk-push-1-10 {
        left: 10%
    }

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

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

    .uk-push-9-10 {
        left: 90%
    }

    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%
    }

    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%
    }

    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%
    }

    .uk-pull-1-4 {
        left: -25%
    }

    .uk-pull-3-4 {
        left: -75%
    }

    .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%
    }

    .uk-pull-1-6 {
        left: -16.666%
    }

    .uk-pull-5-6 {
        left: -83.333%
    }

    .uk-pull-1-10 {
        left: -10%
    }

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

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

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

.uk-panel {
    display: block;
    position: relative;
}

    .uk-panel,
    .uk-panel:hover {
        text-decoration: none
    }

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

        .uk-panel:after {
            clear: both
        }

        .uk-panel > :not(.uk-panel-title):last-child {
            margin-bottom: 0
        }

.uk-panel-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    color: #666
}

.uk-panel-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.uk-panel-teaser {
    margin-bottom: 15px
}


.uk-panel-box {
    padding: 15px;
    background: #fafafa;
    color: #666;
    border: 1px solid #E5E5E5;
    border-radius: 4px
}

.uk-panel-box-hover:hover {
    color: #666
}

.uk-panel-box .uk-panel-title {
    color: #666
}

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

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

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

.uk-panel-box-primary {
    background-color: #ebf7fd;
    color: #2d7091;
    border-color: rgba(45, 112, 145, .3)
}

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

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

.uk-panel-box-secondary {
    background-color: #fff;
    color: #444
}

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

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

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

    .uk-panel-hover:hover {
        background: #fafafa;
        color: #666;
        border-color: #E5E5E5
    }

    .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
    }

.uk-panel-header .uk-panel-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
    color: #666
}

.uk-panel-space {
    padding: 30px
}

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

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

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

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

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

.uk-panel-box .uk-panel-teaser {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

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

@media (min-width:768px) {
    .uk-block {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

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

.uk-block:after {
    clear: both
}

.uk-block > :last-child {
    margin-bottom: 0
}

.uk-block-large {
    padding-top: 20px;
    padding-bottom: 20px
}

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

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

.uk-block-default {
    background: #fff
}

.uk-block-muted {
    background: #f9f9f9
}

.uk-block-primary {
    background: #00a8e6
}

.uk-block-secondary {
    background: #222
}

    .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
    }

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

.uk-article:after {
    clear: both
}

.uk-article > :last-child {
    margin-bottom: 0
}


.uk-article-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    text-transform: none
}

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

.uk-article-meta {
    font-size: 12px;
    line-height: 18px;
    color: #999
}

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

.uk-article-divider {
    margin-bottom: 25px;
    border-color: #E5E5E5
}

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

.uk-article + .uk-article {
    padding-top: 50px;
    border-top: 1px solid #E5E5E5
}


.uk-comment-header {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #fafafa
}

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

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

.uk-comment-avatar {
    margin-right: 15px;
    float: left
}

.uk-comment-title {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 22px
}

.uk-comment-meta {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 16px;
    color: #999
}

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

    .uk-comment-body > :last-child {
        margin-bottom: 0
    }

.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 .uk-comment + ul > li:nth-child(n+2),
        .uk-comment-list > li:nth-child(n+2) {
            margin-top: 25px
        }

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

.uk-comment-primary .uk-comment-header {
    border-color: rgba(45, 112, 145, .3);
    background-color: #ebf7fd;
    color: #2d7091;
    text-shadow: 0 1px 0 #fff
}

.uk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.uk-cover {
    overflow: hidden
}

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

[data-uk-cover] {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

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

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


    .uk-nav ul a {
        padding: 5px 10px
    }

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

.uk-nav-header {
    padding: 3px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

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

.uk-nav-divider {
    margin: 7px 15px
}

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

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

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

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

    .uk-nav-side > li > a:focus,
    .uk-nav-side > li > a:hover {
        background: rgba(0, 0, 0, .03);
        color: #666;
        outline: 0;
        box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
        text-shadow: 0 -1px 0 #fff
    }

.uk-nav-side > li.uk-active > a {
    background: #009dd8;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-side .uk-nav-header {
    color: #666
}

.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #E5E5E5;
    box-shadow: 0 1px 0 #fff
}

.uk-nav-side ul a {
    color: #1D8ACB
}

    .uk-nav-side ul a:hover {
        color: #0B5F90
    }

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

    .uk-nav-dropdown > li > a:focus,
    .uk-nav-dropdown > li > a:hover {
        background: #009dd8;
        color: #fff;
        outline: 0;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
    }

.uk-nav-dropdown .uk-nav-header {
    color: #999
}

.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-dropdown ul a {
    color: #1D8ACB
}

    .uk-nav-dropdown ul a:hover {
        color: #0B5F90
    }

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



.uk-nav-navbar .uk-nav-header {
    color: #999
}

.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-navbar ul a {
    color: #1D8ACB
}

    .uk-nav-navbar ul a:hover {
        color: #0B5F90
    }

.uk-nav-offcanvas > li > a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
    background: #404040;
    color: #fff;
    outline: 0
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas .uk-nav-header {
    color: #777;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, .3);
    background: #404040;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

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

.uk-nav-offcanvas ul a {
    color: #ccc
}

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

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

    .uk-nav-offcanvas .uk-nav-sub {
        border-top: 1px solid rgba(0, 0, 0, .3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
    }

.uk-navbar {
    background: #f7f7f7;
    color: #666;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
}

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

    .uk-navbar:after {
        clear: both
    }

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .uk-navbar-nav > li {
        float: left;
        position: relative
    }

        .uk-navbar-nav > li > a {
            display: block;
            box-sizing: border-box;
            text-decoration: none;
            padding: 10px 15px;
            line-height: 20px;
            color: #666;
            font-size: 14px;
            font-family: inherit;
            font-weight: 400;
            border: none;
        }

            .uk-navbar-nav > li > a[href='#'] {
                cursor: text
            }

            .uk-navbar-nav > li.uk-open > a,
            .uk-navbar-nav > li:hover > a,
            .uk-navbar-nav > li > a:focus {
                background-color: transparent;
                color: #666;
                outline: 0;
                position: relative;
                z-index: 1;
            }


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

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

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

.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    padding: 0 15px;
    margin-top: -1px;
}

    .uk-navbar-brand:before,
    .uk-navbar-content:before,
    .uk-navbar-toggle:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
        padding-left: 0
    }

    .uk-navbar-content > a:not([class]) {
        color: #1D8ACB
    }

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

.uk-navbar-brand {
    font-size: 18px;
    color: #666;
    text-decoration: none
}

    .uk-navbar-brand:focus,
    .uk-navbar-brand:hover {
        color: #666;
        text-decoration: none;
        outline: 0
    }

.uk-navbar-toggle {
    font-size: 18px;
    color: #666;
    text-decoration: none
}

    .uk-navbar-toggle:focus,
    .uk-navbar-toggle:hover {
        color: #666;
        text-decoration: none;
        outline: 0
    }

    .uk-navbar-toggle:after {
        content: "\f0c9";
        font-family: 'fas';
        vertical-align: middle
    }

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

.uk-navbar-center {
    float: none;
    text-align: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}

.uk-navbar-flip {
    float: right
}

    .uk-navbar-flip .uk-navbar-nav > li > a {
        margin-left: 0;
        margin-right: -1px
    }

    .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.uk-navbar-attached {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 0
}

    .uk-navbar-attached .uk-navbar-nav > li > a {
        border-radius: 0 !important
    }

.uk-subnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
    list-style: none
}

    .uk-subnav > * {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
        padding-left: 10px;
        margin-top: 10px;
        position: relative
    }

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

    .uk-subnav:after {
        clear: both
    }

    .uk-subnav > * {
        float: left
    }

        .uk-subnav > * > * {
            display: inline-block;
            color: #666
        }

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

    .uk-subnav > .uk-active > * {
        color: #1D8ACB
    }

.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 #E5E5E5
}

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

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

.uk-subnav-pill > .uk-active > * {
    background: #009dd8;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.uk-subnav > .uk-disabled > * {
    background: 0 0;
    color: #999;
    text-decoration: none;
    cursor: text;
    box-shadow: none
}

.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: 0 line-height: 0;
}

    .uk-breadcrumb:before {
        content: "";
        display: table-cell
    }

    .uk-breadcrumb:after {
        content: "";
        display: table;
        clear: both
    }

    .uk-breadcrumb > li {
        display: block;
        position: relative;
        float: left;
    }

        .uk-breadcrumb > li + li {
            margin-left: 15px;
            padding-left: 15px;
        }

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

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

.uk-pagination {
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0
}

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

    .uk-pagination:after {
        clear: both
    }

    .uk-pagination > li {
        display: inline-block;
        font-size: 1rem;
        vertical-align: top
    }

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

        .uk-pagination > li > a,
        .uk-pagination > li > span {
            display: inline-block;
            min-width: 16px;
            padding: 3px 5px;
            line-height: 20px;
            text-decoration: none;
            box-sizing: content-box;
            text-align: center;
            border-radius: 4px
        }

        .uk-pagination > li > a {
            background: #f7f7f7;
            color: #666;
            border: 1px solid rgba(0, 0, 0, .2);
            border-bottom-color: rgba(0, 0, 0, .3);
            background-origin: border-box;
            background-image: -webkit-linear-gradient(top, #fff, #eee);
            background-image: linear-gradient(to bottom, #fff, #eee);
        }

            .uk-pagination > li > a:focus,
            .uk-pagination > li > a:hover {
                background-color: #fafafa;
                color: #666;
                outline: 0;
                background-image: none
            }

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

    .uk-pagination > .uk-active > span {
        background: #009dd8;
        color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        border-bottom-color: rgba(0, 0, 0, .4);
        background-origin: border-box;
        background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
        background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
    }

    .uk-pagination > .uk-disabled > span {
        background-color: #fafafa;
        color: #999;
        border: 1px solid rgba(0, 0, 0, .2);
        text-shadow: 0 1px 0 #fff
    }

.uk-pagination-previous {
    float: left
}

.uk-pagination-next {
    float: right
}

.uk-pagination-left {
    text-align: left
}

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

.uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #E5E5E5
}

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

    .uk-tab:after {
        clear: both
    }

    .uk-tab > li {
        margin-bottom: -1px;
        float: left;
        position: relative
    }

        .uk-tab > li > a {
            display: block;
            padding: 8px 12px 8px 12px;
            border: 1px solid transparent;
            border-bottom-width: 0;
            color: #1D8ACB;
            text-decoration: none;
            border-radius: 4px 4px 0 0;
            text-shadow: 0 1px 0 #fff
        }

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

        .uk-tab > li.uk-open > a,
        .uk-tab > li > a:focus,
        .uk-tab > li > a:hover {
            border-color: #E5E5E5;
            background: #fafafa;
            color: #0B5F90;
            outline: 0
        }

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

        .uk-tab > li.uk-active > a {
            border-color: #E5E5E5;
            border-bottom-color: transparent;
            background: #fff;
            color: #666
        }

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

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

.uk-tab-flip > li {
    float: right
}

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

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

.uk-tab-responsive > a:before {
    content: "\f0c9\00a0";
    font-family: 'fas'
}

.uk-tab-center {
    border-bottom: 1px solid #E5E5E5
}

.uk-tab-center-bottom {
    border-bottom: none;
    border-top: 1px solid #E5E5E5
}

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

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

.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
        }

.uk-tab-bottom {
    border-top: 1px solid #E5E5E5;
    border-bottom: none
}

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

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

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

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

.uk-tab-grid {
    margin-left: -5px;
    border-bottom: none;
    position: relative;
    z-index: 0
}

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

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

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

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

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

@media (min-width:768px) {
    .uk-tab-left,
    .uk-tab-right {
        border-bottom: none
    }

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

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

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

            .uk-tab-left > li.uk-active > a,
            .uk-tab-right > li.uk-active > a {
                border-color: #E5E5E5
            }

    .uk-tab-left {
        border-right: 1px solid #E5E5E5
    }

        .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:focus,
            .uk-tab-left > li:not(.uk-active) > a:hover {
                margin-bottom: 0;
                margin-right: 1px;
                padding-bottom: 8px;
                padding-right: 11px
            }

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

    .uk-tab-right {
        border-left: 1px solid #E5E5E5
    }

        .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:focus,
            .uk-tab-right > li:not(.uk-active) > a:hover {
                margin-bottom: 0;
                margin-left: 1px;
                padding-bottom: 8px;
                padding-left: 11px
            }

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

.uk-tab-bottom > li > a {
    border-radius: 0 0 4px 4px
}

@media (min-width:768px) {
    .uk-tab-left > li > a {
        border-radius: 4px 0 0 4px
    }

    .uk-tab-right > li > a {
        border-radius: 0 4px 4px 0
    }
}

.uk-thumbnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
    list-style: none
}

    .uk-thumbnav > * {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
        padding-left: 10px;
        margin-top: 10px
    }

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

    .uk-thumbnav:after {
        clear: both
    }

    .uk-thumbnav > * {
        float: left
    }

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

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

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

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

.uk-list {
    padding: 0;
    list-style: none
}

    .uk-list > li:after,
    .uk-list > li:before {
        content: "";
        display: table
    }

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

    .uk-list > li > :last-child {
        margin-bottom: 0
    }

    .uk-list ul {
        margin: 0;
        padding: 0px;
        list-style: none
    }

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

.uk-list-striped > li {
    padding: 5px 5px;
    border-bottom: 1px solid #E5E5E5
}

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

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

.uk-list-striped > li:first-child {
    border-top: 1px solid #E5E5E5
}

@media (min-width:768px) {
    .uk-description-list-horizontal {
        overflow: hidden
    }

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

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

.uk-description-list-line > dt {
    font-weight: 400
}

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

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

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px
}

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

.uk-table td,
.uk-table th {
    padding: 8px 8px;
    border-bottom: 1px solid #E5E5E5
}

.uk-table th {
    text-align: left
}

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

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

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

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

.uk-table tbody tr.uk-active {
    background: #f0f0f0
}

.uk-table-middle,
.uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #fafafa
}

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

.uk-table-hover tbody tr:hover {
    background: #f0f0f0
}

.uk-form input,
.uk-form select,
.uk-form textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: inherit
}

.uk-form select {
    text-transform: none
}

.uk-form optgroup {
    font: inherit;
    font-weight: 700
}

.uk-form input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-form input[type=checkbox],
.uk-form input[type=radio] {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

    .uk-form input[type=checkbox]:not(:disabled),
    .uk-form input[type=radio]:not(:disabled) {
        cursor: pointer;
        vertical-align: middle;
    }

.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],
.uk-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

    .uk-form input[type=search]::-webkit-search-cancel-button,
    .uk-form input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
    }

    .uk-form input[type=number]::-webkit-inner-spin-button,
    .uk-form input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

.uk-form fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-form textarea {
    overflow: auto;
    vertical-align: top
}

.uk-form::-moz-placeholder {
    opacity: 1
}

.uk-form:invalid {
    box-shadow: none
}

.uk-form input:not([type=radio]):not([type=checkbox]),
.uk-form select {
    vertical-align: middle
}

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

.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],
.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=color],
.uk-form select,
.uk-form textarea {
    height: 32px;
    padding: 0px 10px;
    line-height: 32px;
    max-width: 100%;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #333;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all .2s linear;
    -webkit-transition-property: border, background, color, box-shadow, padding;
    transition: all .2s linear;
    transition-property: border, background, color, box-shadow, padding, width, height;
}


    .uk-form input:not([type]):disabled,
    .uk-form input[type=text]:disabled,
    .uk-form input[type=password]: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=number]: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=color]:disabled,
    .uk-form select:disabled,
    .uk-form textarea:disabled {
        border-color: #E5E5E5;
        background-color: #fafafa;
        color: #999
    }

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

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

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

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

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

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

.uk-form legend {
    width: 100%;
    border: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 30px
}

    .uk-form legend:after {
        content: "";
        display: block;
        border-bottom: 1px solid #E5E5E5;
        width: 100%
    }

input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
    height: 25px;
    padding: 3px 3px;
    font-size: 12px
}

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

.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
    height: auto
}

.uk-form-danger {
    border-color: #dc8d99 !important;
    background: #fff7f8 !important;
    color: #d85030 !important
}

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

.uk-form-blank {
    border-color: transparent !important;
    border-style: dashed !important;
    background: 0 0 !important
}

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

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
}

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

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

.uk-form-row + .uk-form-row {
    margin-top: 15px
}

.uk-form-help-inline {
    display: inline-block;
    margin: 0 0 0 10px
}

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

.uk-form-controls > :first-child {
    margin-top: 0
}

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

.uk-form-controls-condensed {
    margin: 5px 0
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

@media (max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px;
        font-weight: 700
    }
}

@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
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 5px
    }
}

.uk-form-icon {
    display: inline-block;
    position: relative;
    max-width: 100%
}

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

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

.uk-form-icon-flip > [class*=uk-icon-] {
    right: 0
}

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

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

.uk-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    display: inline-block;
    padding: 5px 15px;
    background: #d5d5d5;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    outline: none;
}

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

    .uk-button.uk-active,
    .uk-button:active {
        background-color: inherit;
        color: inherit;
        border-color: rgba(0, 0, 0, .2);
        border-top-color: rgba(0, 0, 0, .3);
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
    }

.uk-button-primary {
    background-color: #009dd8;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

    .uk-button-primary:focus,
    .uk-button-primary:hover {
        background-color: #00aff2;
        color: #fff;
        background-image: none
    }

    .uk-button-primary.uk-active,
    .uk-button-primary:active {
        background-color: #008abf;
        color: #fff;
        background-image: none;
        border-color: rgba(0, 0, 0, .2);
        border-top-color: rgba(0, 0, 0, .4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
    }

.uk-button-success {
    background-color: #82bb42;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

    .uk-button-success:focus,
    .uk-button-success:hover {
        background-color: #8fce48;
        color: #fff;
        background-image: none
    }

    .uk-button-success.uk-active,
    .uk-button-success:active {
        background-color: #76b430;
        color: #fff;
        background-image: none;
        border-color: rgba(0, 0, 0, .2);
        border-top-color: rgba(0, 0, 0, .4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
    }

.uk-button-danger {
    background-color: #d32c46;
    color: #fff;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39);
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

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

    .uk-button-danger.uk-active,
    .uk-button-danger:active {
        background-color: #c91c37;
        color: #fff;
        background-image: none;
        border-color: rgba(0, 0, 0, .2);
        border-top-color: rgba(0, 0, 0, .4);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
    }

.uk-button:disabled {
    background-color: #fafafa;
    color: #999;
    border-color: rgba(0, 0, 0, .2);
    background-image: none;
    box-shadow: none;
    text-shadow: 0 1px 0 #fff
}

.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
    text-shadow: none
}

.uk-button-link {
    color: #1D8ACB
}

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

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

    .uk-button-link:focus {
        outline: 1px dotted
    }

.uk-button-mini {
    min-height: 20px;
    padding: 0 6px;
    line-height: 18px;
    font-size: 11px
}

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

.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 5px
}

.uk-button-group {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    white-space: nowrap
}

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

    .uk-button-group .uk-button {
        vertical-align: top
    }

.uk-button-dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.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
}

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

.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
    position: relative
}



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

.uk-close {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: 0 0;
    display: inline-block;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}

    .uk-close:after {
        display: block;
        content: "\f00d";
        font-family: 'fas'
    }

    .uk-close:focus,
    .uk-close:hover {
        opacity: .5;
        outline: 0;
        color: inherit;
        text-decoration: none;
        cursor: pointer
    }

.uk-close-alt {
    padding: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}

    .uk-close-alt:focus,
    .uk-close-alt:hover {
        opacity: 1
    }

    .uk-close-alt:after {
        opacity: .5
    }

    .uk-close-alt:focus:after,
    .uk-close-alt:hover:after {
        opacity: .8
    }

.uk-badge {
    display: inline-block;
    padding: 0 5px;
    background: #009dd8;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    border-radius: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

a.uk-badge:hover {
    color: #fff
}

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

.uk-badge-success {
    background-color: #82bb42;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}

.uk-badge-warning {
    background-color: #f9a124;
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406)
}

.uk-badge-danger {
    background-color: #d32c46;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}

.uk-alert {
    margin-bottom: 15px;
    padding: 10px;
    background: #ebf7fd;
    color: #2d7091;
    border: 1px solid rgba(45, 112, 145, .3);
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff
}

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

.uk-alert > :last-child {
    margin-bottom: 0
}

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
    color: inherit
}

.uk-alert > .uk-close:first-child {
    float: right
}

    .uk-alert > .uk-close:first-child + * {
        margin-top: 0
    }

.uk-alert-success {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101, 159, 19, .3)
}

.uk-alert-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226, 131, 39, .3)
}

.uk-alert-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216, 80, 48, .3)
}

.uk-alert-large {
    padding: 20px
}

    .uk-alert-large > .uk-close:first-child {
        margin: -10px -10px 0 0
    }

.uk-thumbnail {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 4px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
    border-color: #b2b2b2;
    background-color: #fff;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

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

.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%
}

.uk-overlay {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin: 0
}

    .uk-overlay.uk-border-circle {
        -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
    }

    .uk-overlay > :first-child {
        margin-bottom: 0
    }

.uk-overlay-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff
}

    .uk-overlay-panel.uk-flex > * > :last-child,
    .uk-overlay-panel > :last-child {
        margin-bottom: 0
    }

    .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
    }

.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
}

.uk-overlay-background {
    background: rgba(0, 0, 0, .5)
}

.uk-overlay-image {
    padding: 0
}

.uk-overlay-top {
    bottom: auto
}

.uk-overlay-bottom {
    top: auto
}

.uk-overlay-left {
    right: auto
}

.uk-overlay-right {
    left: auto
}

.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: 'fas';
    text-align: center;
    color: #fff
}

.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
    transition-duration: .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: .8s
}

.uk-overlay-fade {
    opacity: .7
}

.uk-overlay-active .uk-active > .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
    opacity: 1
}

.uk-overlay-scale {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-overlay-active .uk-active > .uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-overlay-spin {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.uk-overlay-active .uk-active > .uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
}

.uk-overlay-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.uk-overlay-active .uk-active > .uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

[class*=uk-overlay-slide] {
    opacity: 0
}

.uk-overlay-slide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.uk-overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.uk-overlay-slide-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.uk-overlay-slide-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-overlay-active .uk-active > [class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.uk-overlay-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay:hover .uk-overlay-area {
    opacity: 1
}

.uk-overlay-area:empty: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: 'fas';
    text-align: center;
    color: #fff
}

.uk-overlay-area:not(:empty) {
    font-size: 0
}

    .uk-overlay-area:not(:empty):before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.uk-overlay-area-content {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    font-size: 1rem;
    text-align: center;
    padding: 0 15px;
    color: #fff
}

    .uk-overlay-area-content > :last-child {
        margin-bottom: 0
    }

    .uk-overlay-area-content a:not([class]),
    .uk-overlay-area-content a:not([class]):hover {
        color: inherit
    }

.uk-overlay-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -webkit-transform: translate3d(0, 0, 0)
}

.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
    opacity: 1
}

[class*=uk-column-] {
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

.uk-column-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

@media (min-width:480px) {
    .uk-column-small-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-small-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-small-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-small-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-small-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:768px) {
    .uk-column-medium-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-medium-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-medium-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-medium-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-medium-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-large-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-large-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-large-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-large-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-large-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

@media (min-width:1220px) {
    .uk-column-xlarge-1-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .uk-column-xlarge-1-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .uk-column-xlarge-1-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .uk-column-xlarge-1-5 {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5
    }

    .uk-column-xlarge-1-6 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media screen {
    [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
        opacity: 0
    }
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.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
}

.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
}

.uk-animation-scale {
    -webkit-animation-name: uk-scale-12;
    animation-name: uk-scale-12
}

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake
}

.uk-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-15 {
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.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%
}

.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
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-webkit-keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes uk-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

.uk-dropdown,
.uk-dropdown-blank {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 200px
}

.uk-dropdown {
    padding: 10px 20px;
    background: #fff;
    color: #666;
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid #d3d3d3;
}

.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
    display: block;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-dropdown-top {
    margin-top: -5px
}

.uk-dropdown-bottom {
}

.uk-dropdown-left {
    margin-left: -5px
}

.uk-dropdown-right {
    margin-left: 5px
}

.uk-dropdown .uk-nav {
    margin: 0 -20px
}

.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
    margin-top: 15px
}

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

@media (min-width:768px) {
    .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
        }

            .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=uk-width-]:nth-child(n+2) {
                border-left: 1px solid #E5E5E5
            }

    .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
    }
}

@media (max-width:767px) {
    .uk-dropdown-grid > [class*=uk-width-] {
        width: 100%
    }

        .uk-dropdown-grid > [class*=uk-width-]:nth-child(n+2) {
            margin-top: 15px
        }
}

.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
    }

.uk-dropdown-small {
    min-width: 150px;
    width: auto;
    padding: 5px;
    white-space: nowrap
}

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

.uk-dropdown-navbar {
    background: #fff;
    color: #666;
    left: 0px;
}

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

.uk-dropdown-scrollable {
    overflow-y: auto;
    max-height: 200px
}

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

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .uk-modal.uk-open {
        opacity: 1
    }

.uk-modal-page,
.uk-modal-page body {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    box-sizing: border-box;
    margin: 100px auto;
    padding: 10px;
    width: 650px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
    transition: opacity .3s linear, transform .3s ease-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

@media (max-width:767px) {
    .uk-modal-dialog {
        width: auto;
        margin: 10px auto
    }
}

.uk-open .uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-dialog > :not([class*=uk-modal-]):last-child {
    margin-bottom: 0
}

.uk-modal-dialog > .uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right;
    color: #898989;
}

    .uk-modal-dialog > .uk-close:first-child + :not([class*=uk-modal-]) {
        margin-top: 0
    }

.uk-modal-dialog-lightbox {
    margin: 15px auto;
    padding: 0;
    max-width: 95%;
    max-width: calc(100% - 30px);
    min-height: 50px;
    border-radius: 0
}

    .uk-modal-dialog-lightbox > .uk-close:first-child {
        position: absolute;
        top: -12px;
        right: -12px;
        margin: 0;
        float: none
    }

@media (max-width:767px) {
    .uk-modal-dialog-lightbox > .uk-close:first-child {
        top: -7px;
        right: -7px
    }
}

.uk-modal-dialog-blank {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

    .uk-modal-dialog-blank > .uk-close:first-child {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1;
        margin: 0;
        float: none
    }

@media (min-width:768px) {
    .uk-modal-dialog-large {
        width: 930px
    }
}

@media (min-width:1220px) {
    .uk-modal-dialog-large {
        width: 1130px
    }
}

.uk-modal-header {
    margin-bottom: 15px;
    margin: -20px -20px 15px -20px;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 4px 4px 0 0;
    background: #fafafa
}

.uk-modal-footer {
    margin-top: 15px;
    margin: 15px -20px -20px -20px;
    padding: 20px;
    border-top: 1px solid #E5E5E5;
    border-radius: 0 0 4px 4px;
    background: #fafafa
}

    .uk-modal-footer > :last-child,
    .uk-modal-header > :last-child {
        margin-bottom: 0
    }

.uk-modal-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-bottom: -10px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-modal-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #ddd
}

    .uk-modal-spinner:after {
        content: "\f110";
        display: block;
        font-family: 'fas';
        -webkit-animation: uk-rotate 2s infinite linear;
        animation: uk-rotate 2s infinite linear
    }

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    touch-action: none;
    background: rgba(0, 0, 0, .1)
}

    .uk-offcanvas.uk-active {
        display: block
    }

.uk-offcanvas-page {
    position: fixed;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-left: 0
}

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-offcanvas-bar[mode=none] {
    -webkit-transition: none;
    transition: none
}

.uk-offcanvas-bar[mode=reveal] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    clip: rect(0, 0, 100vh, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out, clip .3s ease-in-out;
    transition: transform .3s ease-in-out, clip .3s ease-in-out
}

.uk-offcanvas-bar-flip[mode=reveal] {
    clip: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

    .uk-offcanvas-bar-flip[mode=reveal] > * {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }

.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show > * {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-offcanvas .uk-panel-title {
    color: #ccc
}

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

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

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

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

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom
}

    .uk-switcher > :not(.uk-active) {
        display: none
    }

.uk-text-small {
    font-size: 11px;
    line-height: 16px
}

.uk-text-large {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-muted {
    color: #999 !important
}

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

.uk-text-success {
    color: #659f13 !important
}

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

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

.uk-text-contrast {
    color: #fff !important
}

.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
}

@media (max-width:959px) {
    .uk-text-center-medium {
        text-align: center !important
    }

    .uk-text-left-medium {
        text-align: left !important
    }
}

@media (max-width:767px) {
    .uk-text-center-small {
        text-align: center !important
    }

    .uk-text-left-small {
        text-align: left !important
    }
}

.uk-text-nowrap {
    white-space: nowrap
}

.uk-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uk-text-break {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.uk-text-capitalize {
    text-transform: capitalize !important
}

.uk-text-lowercase {
    text-transform: lowercase !important
}

.uk-text-uppercase {
    text-transform: uppercase !important
}

.uk-container {
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 25px
}

@media (min-width:1220px) {
    .uk-container {
        max-width: 1200px;
        padding: 0 35px
    }
}

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

.uk-container:after {
    clear: both
}

.uk-container-center {
    margin-left: auto;
    margin-right: auto
}

.uk-clearfix:before {
    content: "";
    display: table-cell
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.uk-nbfc {
    overflow: hidden
}

.uk-nbfc-alt {
    display: table-cell;
    width: 10000px
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

[class*=uk-align-] {
    display: block;
    margin-bottom: 15px
}

.uk-align-left {
    margin-right: 15px;
    float: left
}

.uk-align-right {
    margin-left: 15px;
    float: right
}

@media (min-width:768px) {
    .uk-align-medium-left {
        margin-right: 15px;
        float: left
    }

    .uk-align-medium-right {
        margin-left: 15px;
        float: right
    }
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-vertical-align {
    font-size: 0
}

    .uk-vertical-align:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.uk-vertical-align-bottom,
.uk-vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 1rem
}

.uk-vertical-align-middle {
    vertical-align: middle
}

.uk-vertical-align-bottom {
    vertical-align: bottom
}

[class*=uk-height] {
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    height: 100vh;
    min-height: 600px
}

.uk-responsive-height,
.uk-responsive-width {
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto
}

.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
}

.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
}

.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
}

.uk-margin-remove {
    margin: 0 !important
}

.uk-margin-top-remove {
    margin-top: 0 !important
}

.uk-margin-bottom-remove {
    margin-bottom: 0 !important
}

.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
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-rounded {
    border-radius: 5px
}

.uk-heading-large {
    font-size: 36px;
    line-height: 42px
}

@media (min-width:768px) {
    .uk-heading-large {
        font-size: 52px;
        line-height: 64px
    }
}

.uk-link-muted,
.uk-link-muted a {
    color: #666
}

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

.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
    color: inherit;
    text-decoration: none
}

.uk-scrollable-text {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.uk-scrollable-box {
    box-sizing: border-box;
    height: 170px;
    padding: 10px;
    border: 1px solid #E5E5E5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
    border-radius: 3px
}

    .uk-scrollable-box > :last-child {
        margin-bottom: 0
    }

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

    .uk-overflow-container > :last-child {
        margin-bottom: 0
    }

.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
    position: absolute !important
}

.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
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative !important
}

.uk-position-z-index {
    z-index: 1
}

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

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

.uk-display-inline-block {
    display: inline-block !important;
    max-width: 100%
}

@media (min-width:960px) {
    .uk-visible-small {
        display: none !important
    }

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

    .uk-hidden-large {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:959px) {
    .uk-visible-small {
        display: none !important
    }

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

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

@media (max-width:767px) {
    .uk-visible-medium {
        display: none !important
    }

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

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

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

.uk-invisible {
    visibility: hidden !important
}

.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
}

.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
    display: none !important
}

.uk-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.uk-flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

    .uk-flex-inline > *,
    .uk-flex > * {
        -ms-flex-negative: 1
    }

.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
}

.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
}

.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
}

.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
}

.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
}

.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
}

@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
    }
}

@media (min-width:768px) {
    .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
    }
}

@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
    }
}

@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
    }
}

.uk-flex-item-none {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none
}

.uk-flex-item-auto {
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
    -ms-flex-negative: 1
}

.uk-flex-item-1 {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.uk-contrast {
    color: #fff
}

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

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

    .uk-contrast:not(pre) > code,
    .uk-contrast:not(pre) > kbd,
    .uk-contrast:not(pre) > samp {
        color: #fff;
        border-color: rgba(255, 255, 255, .2);
        background: rgba(255, 255, 255, .1)
    }

    .uk-contrast em {
        color: #fff
    }

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

    .uk-contrast hr {
        border-top-color: rgba(255, 255, 255, .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: #fff
    }

        .uk-contrast .uk-nav-side > li > a:focus,
        .uk-contrast .uk-nav-side > li > a:hover {
            background: rgba(255, 255, 255, .1);
            color: #fff;
            text-shadow: none
        }

    .uk-contrast .uk-nav-side > li.uk-active > a {
        background: #fff;
        color: #444;
        text-shadow: none
    }

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

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

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

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

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

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

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

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

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

    .uk-contrast .uk-subnav-pill > .uk-active > a {
        background: #fff;
        color: #444
    }

    .uk-contrast .uk-tab {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

        .uk-contrast .uk-tab > li > a {
            border-color: transparent;
            color: rgba(255, 255, 255, .7);
            text-shadow: none
        }

            .uk-contrast .uk-tab > li.uk-open > a,
            .uk-contrast .uk-tab > li > a:focus,
            .uk-contrast .uk-tab > li > a:hover {
                border-color: rgba(255, 255, 255, .7);
                background: rgba(255, 255, 255, .7);
                color: #444;
                text-decoration: none
            }

        .uk-contrast .uk-tab > li.uk-active > a {
            border-color: rgba(255, 255, 255, .2);
            border-bottom-color: transparent;
            background: #fff;
            color: #444
        }

    .uk-contrast .uk-tab-center {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-contrast .uk-tab-grid:before {
        border-top-color: rgba(255, 255, 255, .2)
    }

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

    .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=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=number],
    .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=color],
    .uk-contrast .uk-form select,
    .uk-contrast .uk-form textarea {
        border-color: rgba(255, 255, 255, .8);
        background: rgba(255, 255, 255, .8);
        color: #444;
        background-clip: padding-box
    }

        .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=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=number]: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=color]:focus,
        .uk-contrast .uk-form select:focus,
        .uk-contrast .uk-form textarea:focus {
            border-color: #fff;
            background: #fff;
            color: #444
        }

    .uk-contrast .uk-form:-ms-input-placeholder {
        color: rgba(68, 68, 68, .7) !important
    }

    .uk-contrast .uk-form::-moz-placeholder {
        color: rgba(68, 68, 68, .7)
    }

    .uk-contrast .uk-form::-webkit-input-placeholder {
        color: rgba(68, 68, 68, .7)
    }

    .uk-contrast .uk-button {
        color: #444;
        background: #fff;
        border-color: transparent
    }

        .uk-contrast .uk-button:focus,
        .uk-contrast .uk-button:hover {
            background-color: rgba(255, 255, 255, .8);
            color: #444;
            border-color: transparent
        }

        .uk-contrast .uk-button.uk-active,
        .uk-contrast .uk-button:active {
            background-color: rgba(255, 255, 255, .7);
            color: #444;
            box-shadow: none
        }

    .uk-contrast .uk-button-primary {
        background-color: #009dd8;
        color: #fff
    }

        .uk-contrast .uk-button-primary:focus,
        .uk-contrast .uk-button-primary:hover {
            background-color: #00aff2;
            color: #fff
        }

        .uk-contrast .uk-button-primary.uk-active,
        .uk-contrast .uk-button-primary:active {
            background-color: #008abf;
            color: #fff
        }

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

        .uk-contrast .uk-icon-hover:hover {
            color: #fff
        }

    .uk-contrast .uk-icon-button {
        background: #fff;
        color: #444;
        border-color: transparent
    }

        .uk-contrast .uk-icon-button:focus,
        .uk-contrast .uk-icon-button:hover {
            background-color: rgba(255, 255, 255, .8);
            color: #444;
            border-color: transparent
        }

        .uk-contrast .uk-icon-button:active {
            background-color: rgba(255, 255, 255, .7);
            color: #444;
            box-shadow: none
        }

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

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

@media print {
    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.uk-dotnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

    .uk-dotnav > * {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
        margin: 0;
        padding: 0;
    }

        .uk-dotnav > * + * {
            margin-left: 10px;
        }

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

    .uk-dotnav:after {
        clear: both
    }

    .uk-dotnav > * {
        float: left
    }

        .uk-dotnav > * > * {
            display: block;
            width: 12px;
            height: 12px;
            background: #878481;
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

        .uk-dotnav > * > :focus,
        .uk-dotnav > * > :hover {
            background: #333;
            outline: 0
        }

        .uk-dotnav > * > :active {
            background: rgba(50, 50, 50, .6)
        }

    .uk-dotnav > .uk-active > * {
        background: rgba(50, 50, 50, .4);
    }

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

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

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

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

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

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

.uk-slidenav {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, .4);
    font-size: 40px;
    text-align: center
}

    .uk-slidenav:focus,
    .uk-slidenav:hover {
        outline: 0;
        text-decoration: none;
        color: rgba(50, 50, 50, .7);
        cursor: pointer
    }

    .uk-slidenav:active {
        color: rgba(50, 50, 50, .9)
    }

.uk-slidenav-previous:before {
    content: "\f053";
    font-family: 'fas';
}

.uk-slidenav-next:before {
    content: "\f054";
    font-family: 'fas';
}

.uk-slidenav-position {
    position: relative
}

    .uk-slidenav-position .uk-slidenav {
        display: none;
        position: absolute;
        top: 50%;
        z-index: 1;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

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

    .uk-slidenav-position .uk-slidenav-previous {
        left: 5px
    }

    .uk-slidenav-position .uk-slidenav-next {
        right: 5px
    }

.uk-slidenav-contrast {
    color: rgba(255, 255, 255, .5)
}

    .uk-slidenav-contrast:focus,
    .uk-slidenav-contrast:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-slidenav-contrast:active {
        color: rgba(255, 255, 255, .9)
    }

.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=radio] {
    border-radius: 50%
}

    .uk-form input[type=checkbox]:before,
    .uk-form input[type=radio]:before {
        display: block
    }

    .uk-form input[type=radio]:checked:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: #ff5622;
    }

.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f00c";
    font-family: 'fas';
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 13px;
    color: #ff0000;
}

.uk-form input[type=checkbox]:indeterminate:before {
    content: "\f068"
}

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

    .uk-form input[type=radio]:disabled:checked:before {
        background-color: #aaa
    }

    .uk-form input[type=checkbox]:disabled:checked:before,
    .uk-form input[type=checkbox]:disabled:indeterminate:before {
        color: #aaa
    }

.uk-form-file {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

    .uk-form-file input[type=file] {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        opacity: 0;
        cursor: pointer;
        left: 0;
        font-size: 500px
    }

.uk-form-password {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.uk-form-password-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    font-size: 13px;
    line-height: 13px;
    color: #999
}

    .uk-form-password-toggle:hover {
        color: #999;
        text-decoration: none
    }

.uk-form-password > input {
    padding-right: 50px !important
}

.uk-form-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

    .uk-form-select select {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        left: 0;
        -webkit-appearance: none
    }

.uk-placeholder {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px dashed #E5E5E5;
    background: #fafafa;
    color: #666
}

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

.uk-placeholder > :last-child {
    margin-bottom: 0
}

.uk-placeholder-large {
    padding-top: 80px;
    padding-bottom: 80px
}

.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), inset 0 2px 2px rgba(0, 0, 0, .07);
    border-radius: 4px
}

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

.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #009dd8;
    float: left;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

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

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

.uk-progress-success .uk-progress-bar {
    background-color: #82bb42;
    background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
    background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}

.uk-progress-warning .uk-progress-bar {
    background-color: #f9a124;
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406)
}

.uk-progress-danger .uk-progress-bar {
    background-color: #d32c46;
    background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
    background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}

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

.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
    }
}

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

.uk-accordion-title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

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

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

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

.uk-autocomplete {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

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

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

.uk-nav-autocomplete > li.uk-active > a {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-autocomplete .uk-nav-header {
    color: #999
}

.uk-nav-autocomplete .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-datepicker {
    z-index: 1050;
    width: auto;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-datepicker-nav {
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px
}

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

    .uk-datepicker-nav:after {
        clear: both
    }

    .uk-datepicker-nav a {
        color: #666;
        text-decoration: none
    }

        .uk-datepicker-nav a:hover {
            color: #666
        }

.uk-datepicker-previous {
    float: left
}

.uk-datepicker-next {
    float: right
}

    .uk-datepicker-next:after,
    .uk-datepicker-previous:after {
        width: 20px;
        font-family: 'fas'
    }

.uk-datepicker-previous:after {
    content: "\f053"
}

.uk-datepicker-next:after {
    content: "\f054"
}

.uk-datepicker-table {
    width: 100%
}

    .uk-datepicker-table td,
    .uk-datepicker-table th {
        padding: 2px
    }

    .uk-datepicker-table th {
        font-size: 12px
    }

    .uk-datepicker-table a {
        display: block;
        width: 26px;
        line-height: 24px;
        text-align: center;
        color: #666;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 4px;
        background-origin: border-box
    }

a.uk-datepicker-table-muted {
    color: #999
}

.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
    background-color: #fafafa;
    color: #666;
    outline: 0;
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    text-shadow: 0 1px 0 #fff
}

.uk-datepicker-table a:active {
    background-color: #f5f5f5;
    color: #666;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .3);
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-datepicker-table a.uk-active {
    background: #009dd8;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-htmleditor-navbar {
    background: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee)
}

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

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

.uk-htmleditor-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

    .uk-htmleditor-navbar-nav > li {
        float: left
    }

        .uk-htmleditor-navbar-nav > li > a {
            display: block;
            box-sizing: border-box;
            text-decoration: none;
            height: 41px;
            padding: 0 15px;
            line-height: 40px;
            color: #666;
            font-size: 11px;
            cursor: pointer;
            margin-top: -1px;
            margin-left: -1px;
            border: 1px solid transparent;
            border-bottom-width: 0;
            text-shadow: 0 1px 0 #fff
        }

            .uk-htmleditor-navbar-nav > li:hover > a,
            .uk-htmleditor-navbar-nav > li > a:focus {
                background-color: transparent;
                color: #666;
                outline: 0;
                position: relative;
                z-index: 1;
                border-left-color: rgba(0, 0, 0, .1);
                border-right-color: rgba(0, 0, 0, .1);
                border-top-color: rgba(0, 0, 0, .1);
                box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
            }

            .uk-htmleditor-navbar-nav > li > a:active {
                background-color: #f5f5f5;
                color: #666;
                border-left-color: rgba(0, 0, 0, .1);
                border-right-color: rgba(0, 0, 0, .1);
                border-top-color: rgba(0, 0, 0, .2);
                box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
            }

        .uk-htmleditor-navbar-nav > li.uk-active > a {
            background-color: #fafafa;
            color: #666;
            border-left-color: rgba(0, 0, 0, .1);
            border-right-color: rgba(0, 0, 0, .1);
            border-top-color: rgba(0, 0, 0, .2);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
        }

.uk-htmleditor-navbar-flip {
    float: right
}

[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
    display: none
}

.uk-htmleditor-content {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

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

    .uk-htmleditor-content:after {
        clear: both
    }

.uk-htmleditor-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990
}

    .uk-htmleditor-fullscreen .uk-htmleditor-content {
        position: absolute;
        top: 41px;
        left: 0;
        right: 0;
        bottom: 0
    }

    .uk-htmleditor-fullscreen .uk-icon-expand:before {
        content: "\f066"
    }

.uk-htmleditor-code,
.uk-htmleditor-preview {
    box-sizing: border-box
}

.uk-htmleditor-preview {
    padding: 20px;
    overflow-y: scroll;
    position: relative
}

[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
    display: none
}

[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
    float: left;
    width: 50%
}

[data-mode=split] .uk-htmleditor-code {
    border-right: 1px solid #eee
}

.uk-htmleditor-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.uk-htmleditor .CodeMirror {
    padding: 10px;
    box-sizing: border-box
}

.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
    border-top-left-radius: 4px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
    margin-left: 0;
    margin-right: -1px
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
    border-top-left-radius: 0
}

.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
    border-top-right-radius: 4px
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-content {
    border: none;
    border-radius: 0
}

.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
    border-radius: 0 !important
}

[data-uk-slider] {
    direction: ltr
}

html[dir=rtl] .uk-slider > * {
    direction: rtl
}

.uk-slider {
    position: relative;
    z-index: 0;
    touch-action: pan-y
}

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

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

.uk-slider-container {
    overflow: hidden
}

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

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

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

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

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

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    touch-action: pan-y
}

    .uk-slideshow > li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0
    }

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

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

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

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

.uk-slideshow-fade-in {
    -webkit-animation: uk-fade .5s linear;
    animation: uk-fade .5s linear
}

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

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

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

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

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

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

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

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

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

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

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

.uk-notify {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    box-sizing: border-box;
    width: 350px
}

.uk-notify-bottom-right,
.uk-notify-top-right {
    left: auto;
    right: 10px
}

.uk-notify-bottom-center,
.uk-notify-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:479px) {
    .uk-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notify-message {
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #444;
    border-radius: 4px
}

    .uk-notify-message > .uk-close {
        visibility: hidden;
        float: right
    }

    .uk-notify-message:hover > .uk-close {
        visibility: visible
    }

.uk-notify-message-primary {
    background: #ebf7fd;
    color: #2d7091;
    border-color: rgba(45, 112, 145, .3)
}

.uk-notify-message-success {
    background: #f2fae3;
    color: #659f13;
    border-color: rgba(101, 159, 19, .3)
}

.uk-notify-message-warning {
    background: #fffceb;
    color: #e28327;
    border-color: rgba(226, 131, 39, .3)
}

.uk-notify-message-danger {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216, 80, 48, .3)
}

.uk-search {
    display: inline-block;
    position: relative;
    margin: 0
}

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

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

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

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

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

.uk-search-field {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    color: #666;
    -webkit-appearance: none;
    width: 120px;
    height: 30px;
    padding: 0 0 0 30px;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle
}

    .uk-search-field:-ms-input-placeholder {
        color: #999 !important
    }

    .uk-search-field::-moz-placeholder {
        color: #999
    }

    .uk-search-field::-webkit-input-placeholder {
        color: #999
    }

    .uk-search-field:focus {
        outline: 0
    }

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

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

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

.uk-navbar-flip .uk-dropdown-search {
    margin-top: 12px;
    margin-right: -16px
}

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

.uk-nav-search > li.uk-active > a {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-search .uk-nav-header {
    color: #999
}

.uk-nav-search .uk-nav-divider {
    border-top: 1px solid #E5E5E5
}

.uk-nav-search ul a {
    color: #1D8ACB
}

    .uk-nav-search ul a:hover {
        color: #0B5F90
    }

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

    .uk-offcanvas .uk-search:before {
        color: #777
    }

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: transparent;
    background: #1a1a1a;
    color: #ccc
}

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

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

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

.uk-nestable {
    padding: 0;
    list-style: none
}

    .uk-nestable a,
    .uk-nestable img {
        -webkit-touch-callout: none
    }

.uk-nestable-list {
    margin: 0;
    padding-left: 40px;
    list-style: none
}

.uk-nestable-item {
    touch-action: none
}

    .uk-nestable-item + .uk-nestable-item {
        margin-top: 10px
    }

.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
    margin-top: 10px
}

.uk-nestable-dragged {
    position: absolute;
    z-index: 1050;
    pointer-events: none;
    padding-left: 0
}

.uk-nestable-placeholder {
    position: relative
}

    .uk-nestable-placeholder > * {
        opacity: 0
    }

    .uk-nestable-placeholder:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border: 1px dashed #E5E5E5;
        opacity: 1
    }

.uk-nestable-empty {
    min-height: 30px
}

.uk-nestable-handle {
    touch-action: none
}

    .uk-nestable-handle:hover {
        cursor: move
    }

.uk-nestable-moving,
.uk-nestable-moving * {
    cursor: move
}

    .uk-nestable-moving iframe {
        pointer-events: none
    }

[data-nestable-action=toggle] {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-nestable-toggle {
    display: inline-block;
    visibility: hidden
}

    .uk-nestable-toggle:after {
        content: "\f147";
        font-family: 'fas'
    }

.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
    visibility: visible
}

.uk-collapsed .uk-nestable-list {
    display: none
}

.uk-collapsed .uk-nestable-toggle:after {
    content: "\f196"
}

.uk-nestable-panel {
    padding: 5px;
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
    text-shadow: 0 1px 0 #fff
}

.uk-sortable {
    position: relative
}

    .uk-sortable > * {
        touch-action: none
    }

    .uk-sortable a,
    .uk-sortable img {
        -webkit-touch-callout: none
    }

    .uk-sortable > :last-child {
        margin-bottom: 0
    }

.uk-sortable-dragged {
    position: absolute;
    z-index: 1050;
    pointer-events: none
}

.uk-sortable-placeholder {
    opacity: 0
}

.uk-sortable-empty {
    min-height: 30px
}

.uk-sortable-handle {
    touch-action: none
}

    .uk-sortable-handle:hover {
        cursor: move
    }

.uk-sortable-moving,
.uk-sortable-moving * {
    cursor: move
}

    .uk-sortable-moving iframe {
        pointer-events: none
    }

[data-uk-sticky].uk-active {
    z-index: 980;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden
}

[data-uk-sticky][class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

[data-uk-sticky].uk-animation-reverse {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    background: #333;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

    .uk-tooltip:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px dashed #333
    }

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

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

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

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

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

.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: #333
}

.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: #333
}
*/