/* Minification failed. Returning unminified contents.
(10258,20): run-time error CSS1030: Expected identifier, found ' '
(10258,27): run-time error CSS1031: Expected selector, found ';'
(10258,27): run-time error CSS1025: Expected comma or open brace, found ';'
(10259,5): run-time error CSS1019: Unexpected token, found '}'
(10709,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(12107,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15677,14): run-time error CSS1030: Expected identifier, found '.'
(15677,57): run-time error CSS1031: Expected selector, found ')'
(15677,57): run-time error CSS1025: Expected comma or open brace, found ')'
(15706,14): run-time error CSS1030: Expected identifier, found '.'
(15706,57): run-time error CSS1031: Expected selector, found ')'
(15706,57): run-time error CSS1025: Expected comma or open brace, found ')'
(15747,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15748,10): run-time error CSS1035: Expected colon, found '{'
(15759,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15760,10): run-time error CSS1035: Expected colon, found '{'
(15914,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*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:not(.btn):not(.button1):not(.button2):not(.button3):not(.button4) {
    color: #000;
    text-decoration: none;
}

    a:not(.btn):not(.button1):not(.button2):not(.button3):not(.button4):hover, a:not(.btn):not(.button1):not(.button2):not(.button3):not(.button4):focus {
        color: #2da34a;
        outline: none;
        text-decoration: none;
    }

    a:not(.btn):not(.button1):not(.button2):not(.button3):not(.button4):active {
        outline: none;
        text-decoration: none;
    }*/

a {
    color: #113d5f;
    text-decoration: none;
}

    a:hover, a:focus {
        /*color: #fff;*/
        outline: none;
        text-decoration: none;
    }

    a:active {
        outline: none;
        text-decoration: none;
    }

b, strong {
    font-weight: bold;
    font-family: 'SVNGilroy Bold', sans-serif;
    /*font-weight: 400;
    font-family: 'Calistoga', cursive;*/
}

body {
    color: #333;
    font-family: 'SVNGilroy Light', sans-serif;
}
    body:not([class^="layout_"]):not([class^="cke_"]) {
        /*background: #efefef;*/
        background: #fff;
    }
    body[class^="layout_"], body[class^="cke_"] {
        background: #fff;
    }

.fw-700, .fw-bold {
    font-weight: 600 !important;
    font-family: 'SVNGilroy Bold', sans-serif;
    /*font-weight: 400 !important;
    font-family: 'Calistoga', cursive;*/
}

@font-face {
    font-family: "SVNGilroy Light";
    font-style: normal;
    font-weight: 400;
    src: local("SVNGilroy Light"),url('/assets/fontnew/SVNGilroy-Light.2d9437e.woff') format('woff');
}

@font-face {
    font-family: "SVNGilroy Bold";
    font-style: normal;
    font-weight: 400;
    src: local("SVNGilroy Bold"),url('/assets/fontnew/SVNGilroy-Bold.7cf709d.woff') format('woff')
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: 'SVNGilroy Bold', sans-serif;
}

/*ckediter 4 start*/
.cke_show_borders, cke_editable_themed, .cke_contents_ltr, .cke_editable {
    padding: 1rem;
}
body.cke_editable img {
    max-width: 100%;
    height: auto !important;
}
body.cke_editable table {
    margin: auto;
}

    body.cke_editable table td,
    body.cke_editable table th {
        border: 1px solid #ddd;
    }
/*ckediter 4 end*/
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: #000 !important;
}

.text-df {
    color: #113d5f;
}

.bg-df-hover:hover {
    background: #113d5f !important;
}

.bg-df {
    background: #113d5f;
}
.border-df {
    /*--falcon-border-opacity: 1;*/
    border-color: #113d5f !important;
}

.border-df-hover:hover {
    /*--falcon-border-opacity: 1;*/
    border-color: #113d5f !important;
}

.bggray {
    background: #f6f6f6;
    padding: 0 0 30px;
    margin-top: 30px;
    position: relative;
    border-top: 1px solid #ececec;
}
.bg-ddd {
    background-color: #ddd;
}
.ng-cloak{
    display:none;
}
/**/
.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;
}*/

.jssorb01 .av {
    background-color: #113d5f !important;
}

    .jssorb01 div:hover, .jssorb01 .av:hover {
        background-color: #113d5f !important;
    }


#header {
    margin: 0 auto;
    width: 100%;
    position: relative;
    /*top: 0px;
    left: 0;*/
    z-index: 1060;
    /* height: 37px;*/
    background: #113d5f;
    color: #fff;
    padding-bottom: 0.5rem;
}

    #header #logo {
    }

        #header #logo a {
            /*margin: auto;*/
            /*position: relative;*/
            position: relative;
            height: 2.5rem;
        }

        #header #logo img {
            /*padding: 7px 0;
            height: 70px;
            max-height: 70px;
            max-width: 100%;*/
            /*padding: 7px 0;*/
            max-height: 100%;
            max-width: 100%;
        }

    #header.header-fixed {
        /*background: rgba(255,255,255,0.95) !important;*/
        /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);*/
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 1005;
    }

        #header.header-fixed #logo {
            /*margin-top: 0;
            display: flex;*/
        }

            #header.header-fixed #logo img {
               /* height: 70px;
                max-height: 70px;
                max-width: 100%;*/
            }

        #header.header-fixed #search {
            /*color: #fff;
            background: #ffffff30;*/
        }

    #header li > a, #header li > a:hover, #header li > a:active {
        color: #fff;
    }

#topbar {
}

    #topbar .box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #topbar .box-body .box-item {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            #topbar .box-body .box-item a {
                height: 100%;
                display: block;
            }

            #topbar .box-body .box-item img {
                max-height: 100%;
                max-width: 100%;
            }

@media(min-width: 320px) {
    #topbar .box-body {
        height: 5rem;
        padding-top: 0.5rem;
        padding-bottom: 1rem;
    }
}

@media(min-width: 1200px) {
    #topbar .box-body {
        height: 7rem;
        padding-top: 0.75rem;
        padding-bottom: 1.5rem;
    }
}

#topbar {
    /*padding: 0;
    color: #000;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;*/
}

    #topbar div {
        /*border-radius: 0;*/
    }

    #topbar .topbar-phone {
        /*display: inline-block;
        color: #333e48;
        margin-right: 0.5rem;
        font-weight: 700;*/
    }

        
        #topbar .topbar-phone:hover {
            /*color: #113d5f;*/
        }

        #topbar .topbar-phone > i {
            /*color: #000000;
            transform: rotate(90deg);*/
        }

#search {
    /*position: absolute;
    z-index: 200;
    top: 2rem;
    right: 1rem;
    color: #008217;
    background: #f2f2f2;
    border-radius: 50%;*/
    margin-right: 1rem;
}

    #search #frmsearch {
        display: none;
        border-top: 3px solid #113d5f;
        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 {
        box-shadow: none;
        padding-right: 4rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    #search #btnsearch {
        /* background: repeating-linear-gradient(to right,red 0,#00f 50%,red 100%);
        background-size: 200% auto;
        background-position: 0 100%;
        animation: 2s linear infinite forwards gradient;*/
        background: #113d5f;
        position: absolute;
        top: 0;
        right: 3px;
        height: calc(100% - 6px);
        margin-top: 3px;
        border: none;
        color: #ffffff;
        padding: 0px 14px;
        border-radius: 5px;
        width: auto;
    }

        #search #btnsearch i {
            font-size: 1.2rem;
        }

        #search #btnsearch:hover {
            background: #113d5f;
        }

#modal-cart-content {
    z-index:1020;
}
    #modal-cart-content .modal-body {
        
    }
        #modal-cart-content .modal-body .box-header {
            background-color: #113d5f;
            background-position: center;
            background-size: cover;
            text-align: center;
            padding: 1rem 3.3rem 0.75rem 1.3rem;
            font-size: 1.2rem;
            line-height: 1.2;
            color: #ffffff;
            font-weight: bold;
        }
        #modal-cart-content .modal-body .box-content {
            padding:1rem;

        }


#cart {
    margin-right: 1rem;
}

#cart .box-cart {
    position: relative;
    font-size: 1rem;
}

    #cart .box-cart img {
        filter: brightness(0) invert(1);
        /*max-width: 14px;
        transform: translateY(2.4px);*/
    }
    
#cart .cart_count_Cart {
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 0.75rem;
    text-align: center;
    background-color: #d71920;
    border-radius: 50%;
    z-index: 1;
    top: -2px;
    left: 9px;
    color: #ffffff;
}
#cart .cart-link {
    font-weight: normal
}
#cart:hover #cart-content {
    /*display: block;
    z-index: 100000*/
}
#cart #cart-content.in {
    /*display: block;
    z-index: 100000*/
}
#cart #cart-content {
    width: 100%;
    /*padding: 1rem;*/
    /*position: absolute;*/
    background-color: #fff;
    color: #000;
    /*display: none;*/
    /*top: 100%;
    right: 0;*/
    /*border-top: 3px solid #113d5f;
    -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);
    border-radius: 0.25rem;*/
}
    #cart #cart-content:before {
        /*content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        top: -18px;
        bottom: 0;
        right: 25px;
        border-bottom: 9px solid #113d5f;
        border-top: 9px solid transparent;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;*/
    }
    #cart #cart-content:after {
        /*content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        top: -10px;
        bottom: 0;
        right: 29px;
        border-bottom: 5px solid #ffffff;
        border-top: 5px solid transparent;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;*/
    }

    #cart #cart-content table {
        display: block;
        text-align: left;
        max-height: 333px !important;
    }
        #cart #cart-content table::-webkit-scrollbar-thumb {
            background-color: #113d5f;
        }
    #cart #cart-content .cart-item:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }

    #cart #cart-content .cart-item .cart-info .cart-name {
        overflow: hidden;
        clear: both;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        position: relative;
        font-size: 1rem;
        font-weight: 500;
    }

        #cart #cart-content .cart-item .cart-info .cart-name:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            height: 1px;
            width: 50%;
            margin: auto;
            left: 0;
            right: 0;
        }
    #cart #cart-content .cart-item .cart-img {
        padding: 0;
        width:25%;
    }

        #cart #cart-content .cart-item .cart-img img {
            width: 100%;
            padding: 0.15rem;
            border: 1px solid #dbdbdb;
            /*border-radius: 0.25rem;*/
            margin: 0.5rem 0;
        }

    #cart #cart-content .cart-item .cart-info .br {
        display: list-item;
        text-decoration: none;
        list-style: none;
        height: 1px;
        border: 0.1px dashed #ebebeb;
        margin: 0.25rem 0;
    }
    #cart #cart-content .cart-item .cart-info .card-price {
        font-size: 1rem;
        color: #6c6c6c;
    }

.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: #113d5f;
            }

/*.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: #113d5f;
            background: #fff !important;
            font-weight: normal;
            border: 2px solid #113d5f;
            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;
        }*/

/* slide home strat */

#jssor_1 {
    /*border-radius: 0.25rem;*/
}

/*slide home end*/

#slideshow {
    width: 100%;
    height: auto;
    position: relative;
}

    #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: 0.25rem !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;
        }*/
#slide-sub{

}
    #slide-sub .slide-sub-item {
        
    }
    #slide-sub .slide-sub-img {
        position: relative;
        border-radius: 0.25rem;
        overflow: hidden;
        width: 100%;
        display: block;
    }
        #slide-sub .slide-sub-img:before {
            position: relative;
            z-index: 1;
            content: "";
            padding-top: 49%;
            display: block;
        }
        #slide-sub .slide-sub-img img {
            position: absolute;
            height: 100%;
            width: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

    #slide-sub .slide-sub-video {
        position: relative;
        border-radius: 0.25rem;
        overflow: hidden;
        width: 100%;
        display: block;
        cursor:pointer;
    }

        #slide-sub .slide-sub-video:before {
            position: relative;
            z-index: 1;
            content: "";
            padding-top: 49%;
            display: block;
        }

        #slide-sub .slide-sub-video img,
        #slide-sub .slide-sub-video > iframe {
            position: absolute;
            height: auto;
            width: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            border-radius: 0.25rem;
            z-index:1;
        }
        #slide-sub .slide-sub-video .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;
            color: red;
        }

        #slide-sub .slide-sub-video: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);
        }
#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%)
}

/*#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: #113d5f !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;
    border: 1px solid #fff;
}

#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
}

#social-all {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1060;
    cursor: pointer;
}

#social-all:hover {
    
}

    #social-all:hover .box-content {
        width: 200px;
        right: -200px;
    }

        #social-all:hover .box-content .box-title {
        }
    #social-all .box-body {
        position: relative;
    }

    #social-all .box-img {
    }

        #social-all .box-img img {
            width: 3.8rem;
            background: #fff;
            border-radius: 50% 50% 0 50%;
            padding: 0.5rem;
            border: 1px solid #001f45;
            box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.16);
        }

    #social-all .box-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        width: 0px;
        -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;
    }

        #social-all .box-content .box-title {
            padding: 0.25rem 1rem;
            background: #fff;
            border-radius: 0.375rem;
            width: auto;
            display:inline-block
        }

#footer {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.5;
    position: relative;
    color: #363636;
    position: relative;
}

    #footer a svg,
    #footer a i {
        transition: 0.5s all;
    }

.payment_methods {
    float: right;
}

#footer-info a{
    display:inline-block;
}

#footer a {
    /*font-weight: normal;
    display: block;
    transition: 0.5s all;*/
}

    #footer a:hover {
        
    }

        #footer a:hover i {
            /*transition: 0.5s all;*/
        }

#footer ul {
    list-style: none;
}

#footer .title {
    /*text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 1.1rem;
    position: relative;
    font-weight: bold;*/
    margin-bottom: 8px;
    font-size: 1.1rem;
    position: relative;
    font-weight: 400;
    padding-bottom: 0.75rem;
    display: block;
}

/*footer interface strat */

#footer ul li, #footer p {
    color: #fff;
}

#footer ul li:hover, #footer p:hover {
    color: #fff;
}

.footer-bg-color {
    background: rgba(17,61,95,1);
}

#footer-info i.fa, #footer-info i.far, #footer-info i.fas, #fdb-info i.fad, #fdb-info i.fab, #footer-info svg {
    background: #39a949
}

    #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: #ffffff !important
    }

#footer-info i.fa, #footer-info i.far, #footer-info i.fas, #fdb-info i.fad, #fdb-info i.fab, #footer-info svg {
    color: #ffffff
}

#footer .title:hover {
    color: #ffffff
}

#footer .title {
    color: #ffffff
}

#footer a:hover {
    color: #ffffff
}

#footer a {
    color: #ffffff
}
/*footer interface end*/

#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: #113d5f;
    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: #113d5f;
    padding: 5px 0;
    font-size: 0.8rem;
    margin-right: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#footer-designed {
    color: #113d5f;
    padding: 0 0;
    background: #fff;
    z-index: 1;
    position: relative;
    font-size:1rem;
}

    #footer-designed a, #footer-designed a:hover {
        font-weight: normal;
        color: #fff !important;
    }

/* menu-footer satrt */

#menu-footer ul {
    padding-left: 0.25rem;
}
    #menu-footer ul li {
        padding: 5px 0;
    }

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

#menu-footer > li > a {
    margin-bottom: 8px;
    font-size: 1.1rem;
    position: relative;
    font-weight: 400;
    padding-bottom: 0.75rem;
    display: block;
}

#menu-footer ul a {
    position: relative;
    padding-left: 0.5rem;
}

    #menu-footer ul a::after {
        position: absolute;
        content: "\f054";
        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.25rem;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        top: 0.28rem;
        font-size: 0.6rem;
    }

    #menu-footer ul a:hover:after {
        /*color: #113d5f;*/
        transform: rotate(45deg)
    }

#menu-footer ul ul a::after {
    font-weight: 400;
}

/* menu-footer end */

/* menu-hot start */
#menu-hot {
    background: #fff;
}
    #menu-hot .menu-hot {
    }

    #menu-hot .menu-hot  > li {
        
    }

        #menu-hot .menu-hot  > li > a {
            text-transform: uppercase;
            margin-bottom: 10px;
            font-size: 1.1rem;
            position: relative;
            font-weight: bold;
            display: block;
        }

        #menu-hot .menu-hot  > li > .showhide-subul {
            display:none;
        }

        #menu-hot .menu-hot  > li > ul {
        }

            #menu-hot .menu-hot  > li > ul > li {
            }

                #menu-hot .menu-hot > li > ul > li > a {
                    padding: 0 0 .375rem 1.2rem;
                    display: block;
                    color: #113d5f;
                    position: relative;
                }

                    #menu-hot .menu-hot  > li > ul > li > a:hover {
                        color: #2da34a;
                    }

                    #menu-hot .menu-hot > li > ul > li > a:after {
                        position: absolute;
                        content: "\f054";
                        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: 0.375rem;
                        transition: all .3s;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        top: 0.28rem;
                        color: #333;
                        font-size: 0.7rem;
                    }

                    #menu-hot .menu-hot  > li > ul > li > a:hover:after {
                        transform: rotate(45deg);
                    }

                #menu-hot .menu-hot  > li > ul > li > .showhide-subul {
                    display: none;
                }

/*menu-hot end*/

/* footer-customer start */
#footer-customer {
    background: #fff;
    margin-top: 2rem;
}

/* footer-customer end */
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #fff !important;
    color: #113d5f;
}

.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: #0066ff;
    position: absolute;
    left: -25px;
    top: -25px;
    width: 50px;
    height: 50px;
    padding-top: 36px;
    text-align: center;
    color: #fff;
    z-index: 1;
    font-size: .6rem;
    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: .6rem;
    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: 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*/
    }

.phantrang {
    width: 100%;
    clear: both;
    margin: 0rem auto 1rem auto;
    text-align: center;
}

    .phantrang a.changepage:hover,
    .phantrang .selected {
        background: #113d5f;
        color: #ffffff !important;
        border: 1px solid #113d5f;
    }

    .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: #113d5f;
                color: #ffffff !important;
                border: 1px solid #113d5f;
            }


            .phantrang ul li a.selected {
                cursor: no-drop;
            }


.button, .btn-viewall, .button1, .button2, .button3, .button4, .button5 {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 20px;
    margin-top: 5px;
    color: #113d5f;
    font-weight: normal;
    position: relative;
    border: 0.5px solid #113d5f;
    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: #113d5f;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    outline: none !important;
    line-height: 2;
}

.button1 {
    color: #fff;
    background: transparent;
}

.button5 {
    color: #000;
    border-color: #000;
    background: transparent;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    padding: 0.45rem 2rem 0.45rem 2rem;
    font-weight: bold;
    font-family: "SVNGilroy Bold";
    /*font-weight: 400;
    font-family: 'Calistoga', cursive;*/
}

.button2 {
    color: #fff;
    background: #113d5f;
    font-weight: bold;
    -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;
}

.button3, .button4 {
    border: 0.05rem solid #fff;
    color: #fff;
    background: none;
    text-shadow: 1px 1px 1px #000;
    text-transform: none;
    /*border-radius: 5px;*/
}
.button4 {
    background: #113d5f;
    border: 0.05rem solid #113d5f;
    border-left: 0.15rem solid #2da34a;
}

.button, .button1, .button2, .button3, .button4, .button5 {
    line-height: 1.6rem;
}

.btn-viewall {
    color: #113d5f;
    border: 1.5px solid #113d5f;
    background: #113d5f;
}

    .button:before, .btn-viewall:before, .button1:before, .button2:before, .button3:before, .button4:before, .button5: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: #113d5f;
}

.button5:before {
    background: transparent;
}

/*.button5:hover:before {
    background: #113d5f;
}*/

.button2:before {
    background: #113d5f;
}

.button3:before, .button4:before {
    background: #2da34a;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.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: #113d5f !important
}

.button2:hover, .button2:focus, .button2:active {
    color: #fff !important
}
.button2:hover, .button2:focus, .button2:active {
    letter-spacing: 0.5px;
}
.button3:hover, .button3:focus, .button3:active {
    border: none;
    color: #fff;
}
.button4:hover, .button4:focus, .button4:active {
    border: 0.05rem solid #2da34a;
    color: #fff;
}
.button5:hover, .button5:focus, .button5:active {
    color: #fff !important;
    background: #000;
}

    .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,
    .button5:hover:before, .button5:focus:before, .button5:active:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

.button3:hover:before, .button3:focus:before, .button3:active:before,
.button4:hover:before, .button4:focus:before, .button4:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.button i, .button1 i, .button2 i, .button3 i, .button4 i, .button5 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,
    .button3 i.fa, .button3 i.fas, .button3 i.far.button3 i.fad.button3 i.fab, .button3 svg,
    .button4 i.fa, .button4 i.fas, .button4 i.far.button4 i.fad.button4 i.fab, .button4 svg,
    .button5 i.fa, .button5 i.fas, .button5 i.far.button5 i.fad.button5 i.fab, .button5 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: #113d5f;
    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);
    }

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

.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 );
    border-radius: 0.25rem;
}

    .share-box > div {
        margin: 3px;
    }

.share-tool {
    float: right;
    clear: none !important;
}

#filter p {
    font-weight: bold;
    padding-top: 1rem;
    border-top: 1px solid #eee;
    margin-bottom: 0.5rem;
}

#filter > div > p {
    cursor: pointer;
}

#filter ul {
    list-style: none;
    margin-top: 10px
}

    #filter ul li {
        padding: 0.25rem 0;
    }

    #filter ul li label{
        cursor: pointer;
    }

.fb-share-button.fb_iframe_widget > span {
    height: 20px !important;
}

.fb-like.fb_iframe_widget > span {
    height: 20px !important;
}

.posted-date {
    color: #999;
    margin: 8px 0;
}

    .posted-date > span {
        display: inline-block;
        margin-right: 1.5rem;
        margin-top: 0.25rem;
    }

    .posted-date a {
        font-weight: normal;
        color: #999;
        display: inline-block;
    }

        .posted-date a:hover {
            color: #113d5f;
        }

.news-detail {
    clear: both;
}

    .news-detail > h1,
    .news-detail > .h1,
    .news-detail > h2,
    .news-detail > .h2,
    .news-detail > h3,
    .news-detail > .h3 {
        /*font-size: 1.3rem;
        color: #000;
        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 .detail table {
            margin: auto;
        }

            .news-detail .detail table td,
            .news-detail .detail table th {
                border: 1px solid #ddd;
            }

    .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%;
    }
    .content-category-star img,
    .content-category-end img {
        height: auto !important;
        max-width: 100%;
    }

.detail-ckeditor {
    text-align: justify;
    line-height: 180%;
    margin-top: 15px;
}

    .detail-ckeditor p {
        text-align: justify;
        line-height: 180%;
        margin: 10px 0;
        max-width: 100%;
    }

    .detail-ckeditor table {
        margin: auto;
    }

        .detail-ckeditor table td,
        .detail-ckeditor table th {
            border: 1px solid #ddd;
        }

    .detail-ckeditor img {
        height: auto !important;
        max-width: 100%;
    }

/*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: -webkit-box;
        display: -ms-flexbox;
        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*/
.comment-box {
    display: block;
    width: 90%;
    margin: 80px auto 20px;
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    -moz-border-radius: 20px;
    height: 100% !important;
    border: 1px solid #dedede;
}

    .comment-box:before {
        content: "“";
        font-family: Georgia,serif;
        font-size: 100px;
        font-style: normal;
        line-height: 1;
        color: #dedede;
        position: absolute;
        bottom: -56px;
        left: 0;
        right: 0
    }

    .comment-box .box-img {
        width: 80px;
        height: 80px;
        display: block;
        clear: both;
        margin: -70px auto 10px;
        text-align: center;
        /*border: 2px solid #113d5f;*/
        background: #ddd;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

        .comment-box .box-img img {
            width: auto !important;
            height: 100%;
            position: absolute;
            z-index: 1;
            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%);
            -webkit-transition: all 1s ease-in-out !important;
            -o-transition: all 1s ease-in-out !important;
            -ms-transition: all 1s ease-in-out !important;
            transition: all 1s ease-in-out !important;
        }
    .comment-box:hover .box-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);
    }

    .comment-box .box-img i {
        position: absolute;
        font-size: 50px;
        color: #113d5f;
        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%);
        -webkit-transition: all 1s ease-in-out !important;
        -o-transition: all 1s ease-in-out !important;
        -ms-transition: all 1s ease-in-out !important;
        transition: all 1s ease-in-out !important;
    }

    .comment-box:hover .box-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);
    }

    .comment-box .comment-content {
        width: 100%;
        display: block;
        text-align: center
    }

        .comment-box .comment-content .box-title {
            font-weight: bold;
            color: #2e2e2e
        }
        .comment-box .comment-content .box-minititle {
            font-size: 1.1rem;
            font-weight: 400;
            color: #dedede;
            margin-top: 0.25rem;
        }
        .comment-box .comment-content .box-summary {
            margin-top: 0.25rem;
            font-size: 1.1rem;
        }
        .comment-box .comment-content .box-summary img{
            max-width: 100%;
            width: auto;
            margin: 0 auto;
        }
        .comment-box .comment-content .box-rating {
            margin-top: 1rem;
            color: #e7b70f;
        }

        
@media(min-width:992px) {
    .comment-box .comment-content .box-title {
        font-size: 1.2rem;
    }
}
@media(min-width:1200px) {
    .comment-box .comment-content .box-title {
        font-size: 1.6rem;
    }
}
/*model customer - khách hàng phản hồi end*/

.post-tag {
    margin: 20px 0 10px;
    text-align: left;
}

    .post-tag i {
        color: #113d5f
    }

    .post-tag a.tag {
        display: inline-block;
        font-weight: normal;
        background-color: #113d5f;
        color: #fff;
        margin: 0 0 0.7rem 1.7rem;
        padding: 0 0.5rem;
        position: relative;
        /*height: 2rem;*/
        line-height: 2;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        text-decoration: none;
    }

        .post-tag a.tag:before {
            content: "";
            position: absolute;
            left: -14px;
            top: 0;
            width: 0;
            height: 0;
            border-color: transparent #113d5f transparent transparent;
            border-style: solid;
            border-width: 14px 14px 14px 0
        }

        .post-tag 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)
        }

        .post-tag a.tag:hover {
            background-color: #113d5f
        }

            .post-tag a.tag:hover:before {
                border-color: transparent #113d5f transparent transparent
            }

p.view-sort {
    text-align: right;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: -1px
}

#widget {
    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: -280px;
    height: 50px;
    width: 330px;
    -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: #e60312 !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 #e60312;
        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: #e60312;
    color: #fff;
    margin: -20px -20px 10px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.wgitem-content {
    float: left;
    width: 280px;
    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-wrap {
    max-height: 460px;
    margin-left: -0.5rem;
    width: calc(100% + 1.5rem);
}
    .user-support-wrap::-webkit-scrollbar-thumb {
        background-color: #113d5f;
    }

.user-support {
    display: block;
    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: #113d5f;
}

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

.breadcrumb {
    display: block;
    font-size: 12px;
    color: #fff;
    /*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: #fff;
    }

    .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;
    color: #fff;
    width: 100%;
}
    .banner-page .container {
        text-align: center
    }

    .banner-page.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: 'Roboto', sans-serif;
    }

        .banner-page.banner-page-title h1 {
            font-weight: normal;
            font-size: 2.2rem;
        }

    .banner-page.style-display-2 {
        min-height: auto;
        padding: 0rem 1rem;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 0.375rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .banner-page.style-display-4 {
        min-height: auto;
        padding: 0 1rem;
        margin-top: -0.5rem;
    }

        .banner-page.style-display-2 > ol,
        .banner-page.style-display-4 > ol {
        }

            .banner-page.style-display-2 > ol > li,
            .banner-page.style-display-4 > ol > li {
                display: inline-block;
                position: relative;
            }

            .banner-page.style-display-2 > ol > li{
                padding: 0.5rem 1rem;
            }

            .banner-page.style-display-4 > ol > li {
                padding: 0.25rem 1rem;
            }

                .banner-page.style-display-2 > ol > li:first-child,
                .banner-page.style-display-4 > ol > li:first-child {
                    padding-left: 0;
                }

                .banner-page.style-display-2 > ol > li:not(:first-child):after,
                .banner-page.style-display-4 > ol > li:not(:first-child):after {
                    position: absolute;
                    content: "\f054";
                    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: 50%;
                    transform: translate(-50%, -50%);
                    font-size: 0.7rem;
                    color: #999;
                }
                .banner-page.style-display-2 > ol > li > a,
                .banner-page.style-display-4 > ol > li > a {

                }

                    .banner-page.style-display-2 > ol > li > a > h1,
                    .banner-page.style-display-2 > ol > li > a > .h1,
                    .banner-page.style-display-2 > ol > li > a > h2,
                    .banner-page.style-display-2 > ol > li > a > .h2,
                    .banner-page.style-display-2 > ol > li > a > h3,
                    .banner-page.style-display-2 > ol > li > a > .h3,
                    .banner-page.style-display-2 > ol > li > a > span,
                    .banner-page.style-display-4 > ol > li > a > h1,
                    .banner-page.style-display-4 > ol > li > a > .h1,
                    .banner-page.style-display-4 > ol > li > a > h2,
                    .banner-page.style-display-4 > ol > li > a > .h2,
                    .banner-page.style-display-4 > ol > li > a > h3,
                    .banner-page.style-display-4 > ol > li > a > .h3,
                    .banner-page.style-display-4 > ol > li > a > span {
                        font-size: 1rem !important;
                        font-weight: normal;
                        color: #333;
                        font-family: 'SVNGilroy Light', sans-serif;
                    }

    .banner-page-6 {
        position:relative;
    }

        .banner-page-6 .breadcrumb {
            padding: 1rem;
        }

            .banner-page-6 .breadcrumb ol {
                border-bottom: 1px solid #113d5f;
                padding-bottom: 1rem;
            }

                .banner-page-6 .breadcrumb ol li {
                    color: #113d5f;
                }

                    .banner-page-6 .breadcrumb ol li a {
                        color: #113d5f;
                    }

        .banner-page-6 .box-banner {
            position: relative;
            min-height: 16rem;
        }

        .banner-page-6 .box-title {
            padding: 0 1rem 1rem 1rem;
            font-size: 1.4rem;
            font-weight: bold;
        }


@media(min-width: 768px) {
    .banner-page-6 .box-banner {
        min-height: 18rem;
    }
    .banner-page-6 .box-title {
        font-size: 1.8rem;
    }
}
@media(min-width: 992px) {
    .banner-page-6 .box-banner {
        min-height: 20rem;
    }
    .banner-page-6 .box-title {
        font-size: 2rem;
    }
}
@media(min-width: 1200px) {
    .banner-page-6 .breadcrumb {
        padding: 20px 3.0555555556% 0 28.3333333333%;
    }

    .banner-page-6 .box-title {
        padding: 20px 3.0555555556% 0 28.3333333333%;
        font-size: 2.4rem;
    }

    .banner-page-6 .box-banner {
        min-height: 24rem;
    }
}

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

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

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

/*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: 25%;
            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: #113d5f;
            }

            #widget-contact-bottom ul li span {
                display: block;
                font-weight: 300;
                font-size: .9rem
            }

#widget-contact {
    width: 50px;
    position: fixed;
    /*left: 20px;*/
    right: 20px;
    bottom: 120px;
    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%;
    position: relative;
    z-index: 1;
}

#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-contact .messenger-wg,
#widget-contact .zalo-wg {
    position: relative;
    height: 30px;
    width: 30px;
    margin: 48px auto 0;
}

    #widget-contact .messenger-wg img {
        background: #00b7e1;
        border-radius: 50%;
    }

    #widget-contact .zalo-wg img {
        background: #2c7be5;
        border-radius: 50%;
        padding: 3px;
    }

    #widget-contact .messenger-wg .hig-alo-ph-circle {
        border-color: #00b7e1;
        opacity: .1;
        top: -27px;
        left: -27px;
    }

    #widget-contact .messenger-wg .hig-alo-ph-circle-fill {
        background-color: #00b7e1;
        opacity: .1;
        top: -17px;
        left: -17px;
    }

    #widget-contact .zalo-wg .hig-alo-ph-circle {
        border-color: #2c7be5;
        opacity: .1;
        top: -27px;
        left: -27px;
    }

    #widget-contact .zalo-wg .hig-alo-ph-circle-fill {
        background-color: #2c7be5;
        opacity: .1;
        top: -17px;
        left: -17px;
    }

#widget-support .wg-open {
    background: #113d5f
}

#widget-support .wg-close {
    background: #fb0007;
    display: none;
}
/*social end*/
/*nút call*/
.hig-alo-right {
    left: auto !important;
    right: 150px;
}


.hig-alo-phone {
    position: fixed;
    /*left: 20px;*/
    right: 65px;
    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: #e50606e0;
        color: #fff;
        padding: 0 3rem 0 2rem;
        line-height: 35px;
        font-size: 1.5rem;
        position: absolute;
        top: 5px;
        right: -2rem;
        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: #f00;
    opacity: .1 !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: #f00;
    opacity: .1 !important
}

.hig-alo-phone.hig-alo-green .hig-alo-ph-circle-fill {
    background-color: #f00;
    opacity: .1 !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: #f00;
    opacity: .1 !important
}

.hig-alo-phone.hig-alo-gray .hig-alo-ph-circle-fill {
    background-color: #f00;
    opacity: .1 !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.5;
}
.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;
}
.ckfinder-owl .owl-dots {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
/*owl-carousel end*/
#adsbottom {
    position: fixed;
    z-index: 1035;
    width: 50rem;
    max-width: 85%;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
    #adsbottom .container {
        text-align: center;
    }
    #adsbottom a {
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
        #adsbottom a img {
            max-width: 100%;
            max-height: 100%;
            width: auto !important;
            margin: auto;
            padding-top: 0.5rem;
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }
    #adsbottom .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        background: #f00;
        z-index: 2;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        opacity: 0.9;
        border-radius: 50%;
        cursor: pointer;
    }
@media(max-width: 575px) {
    #adsbottom {
        bottom: 4.5rem;
    }
        #adsbottom,
        #adsbottom a {
            max-height: 5rem;
            height: 5rem;
        }
}
@media(min-width: 576px) {
    #adsbottom {
        bottom: 0;
    }
        #adsbottom,
        #adsbottom a {
            max-height: 7rem;
            height: 7rem;
        }
}

#adsbottom .owl-carousel .owl-nav button.owl-prev,
#adsbottom .owl-carousel .owl-nav button.owl-next,
#headertopbar .owl-carousel .owl-nav button.owl-prev,
#headertopbar .owl-carousel .owl-nav button.owl-next {
    background: none !important;
    border: none !IMPORTANT;
}
    #adsbottom .owl-carousel .owl-nav button.owl-prev i,
    #adsbottom .owl-carousel .owl-nav button.owl-next i,
    #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;
    }

#adsbottom:hover .owl-carousel .owl-nav button.owl-prev i,
#adsbottom:hover .owl-carousel .owl-nav button.owl-next i,
#headertopbar:hover .owl-carousel .owl-nav button.owl-prev i,
#headertopbar:hover .owl-carousel .owl-nav button.owl-next i {
    color: #ffffffad;
}
#adsbottom .owl-carousel .owl-nav button.owl-prev:hover i,
#adsbottom .owl-carousel .owl-nav button.owl-next:hover i
#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)
    }

/*video ifames start*/
.video-responsive {
    margin: auto;
    width: 100%;
    max-width: 800px;
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*height: 0;*/
    overflow: hidden
}

    .video-responsive:after {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%;
    }

    .video-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }
/*video ifames end*/

/* viewsort start */
.box-viewsort {
    padding: 0.5rem;
    /*background: #f3efef;*/
}


/* viewsort end */

.author-box {
    width: 100%;
    /*margin-top: 20px;*/
    padding: 1rem;
    border-radius: 10px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    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: #113d5f;
        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;
        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: #113d5f;
                    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%
        }

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

.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;
    height: 2px;
    width: 85px;
    background: #2da34a;
    overflow:hidden;
    position:relative;
    border-radius:0;
}

    .bar:before {
        /*left: 0;
        animation-duration: 2s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-name: MOVE-BG-ltr;
        background: #fff;
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 5px*/
    }

.js-toc-title {
    border-left: 5px solid #113d5f !important;
}

ol .easy_toc_list-item_link.active:before {
    background-color: #113d5f !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
}


/*.layout_account {
    background-color:#fff;
}
    .layout_account #topbar {
        background-color: #f2f2f2;
    }
    .layout_account #footer-designed {
        color: #000;
        background-color: #d9d9d9;
    }
        .layout_account #footer-designed a, #footer-designed a:hover {
            color: #000 !important;
        }*/

/* Modal bootbox start*/


.bootbox {
}

    .bootbox .max-size .bootbox-body iframe body::-webkit-scrollbar-thumb {
        background-color: #113d5f;
    }

    .bootbox .modal-sm.max-size,
    .bootbox .modal-lg.max-size,
    .bootbox .modal-xxl.max-size,
    .bootbox .modal-xl.max-size {
        padding: 0.5rem;
        height: 100%;
        margin: auto;
    }

        .bootbox .modal-xxl.max-size .modal-body {
            /*padding: 0rem !important;*/
        }

        .bootbox .modal-sm.max-size .modal-content,
        .bootbox .modal-lg.max-size .modal-content,
        .bootbox .modal-xxl.max-size .modal-content,
        .bootbox .modal-xl.max-size .modal-content {
            height: 100%;
            overflow: auto;
        }

            .bootbox .modal-sm.max-size .modal-content .modal-header,
            .bootbox .modal-lg.max-size .modal-content .modal-header,
            .bootbox .modal-xxl.max-size .modal-content .modal-header,
            .bootbox .modal-xl.max-size .modal-content .modal-header {
                position: sticky;
                top: 0;
                z-index: 1;
                background: #fff;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }

            .bootbox .modal-sm.max-size .modal-content .modal-footer,
            .bootbox .modal-lg.max-size .modal-content .modal-footer,
            .bootbox .modal-xxl.max-size .modal-content .modal-footer,
            .bootbox .modal-xl.max-size .modal-content .modal-footer {
                position: sticky;
                z-index: 1;
                bottom: 0;
                background: #fff;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

/*#td_modal .modal-xl {
    max-width: 100% !important;
    padding: 1rem !important;
    height: 100% !important;
    margin: 0 !important;
}

#td_modal .modal-max-height {
    padding: 1rem !important;
    height: 100% !important;
    margin: auto !important;
}

#td_modal .modal-content {
    width: 100% !important;
    height: 100% !important;
}*/
#td_modal .modal{
    z-index: 1060;
}
.modal.fade {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

    .modal.fade.show {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

#modal-falcon .max-size {
    max-width: 100% !important;
    padding: 1rem !important;
    height: 100% !important;
    margin: 0 !important;
}

/*#modal-falcon .modal-max-height {
    padding: 1rem !important;
    height: 100% !important;
    margin: auto !important;
}*/

#modal-falcon .max-size .modal-content {
    width: 100% !important;
    height: 100% !important;
}

#modal-falcon .modal-body.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #113d5f;
}

    #modal-falcon .modal-body.scrollbar::-webkit-scrollbar {
        width: 0.65rem;
    }

    #modal-falcon .modal-body.scrollbar::-webkit-scrollbar-thumb {
        background-color: #113d5f;
        cursor: pointer;
    }
/*#modal-falcon .modal-xl {
    max-width: 100% !important;
    padding: 1rem !important;
    height: 100% !important;
    margin: 0 !important;
}

#modal-falcon .modal-max-height {
    padding: 1rem !important;
    height: 100% !important;
    margin: auto !important;
}

#modal-falcon .modal-content {
    width: 100% !important;
    height: 100% !important;
}*/
/* Model bootbox end */

/*table-falcon star */
#table-falcon thead tr, #table-falcon thead th {
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
}
/*table-falcon end*/

/*Menu top right start */
#MTRLanguage{
    margin-right: 1rem;
}
#MTRLogin {
}
    #MTRLogin #socialLoginList {
    }
        #MTRLogin #socialLoginList #Google {
            margin-top: 0.5rem;
            display: block;
            width: 100%;
            background: linear-gradient(22deg, #a70000, #f75757);
            color: #fff;
            position: relative;
            padding-top: 4px;
            padding-bottom: 3px;
            line-height: 1.6;
        }

        #MTRLogin #socialLoginList #Facebook {
            margin-top: 0.5rem;
            display: block;
            width: 100%;
            background: linear-gradient(22deg, #032776, #5779f7);
            color: #fff;
            position: relative;
            padding-top: 4px;
            padding-bottom: 3px;
            line-height: 1.6;
        }

    #MTRLogin .dropdown-toggle::after {
        display: none;
    }



    #MTRLogin #Login {
        /* background: linear-gradient(22deg, #2f8b00, #4ecd24); */
        font-size: 1rem;
        text-align: center;
        color: #000;
        border-radius: 0.375rem;
        margin-bottom: 0.5rem;
        position: relative;
        line-height: 1.6;
        border: 1px solid #113d5f;
    }

        #MTRLogin #Login:hover {
            color: #fff;
            background: #113d5f;
            border: 1px solid #113d5f;
        }

    #MTRLogin #Register {
        /*background: linear-gradient(22deg, #505050, #a1a1a1);*/
        font-size: 1rem;
        text-align: center;
        color: #000;
        border-radius: 0.375rem;
        margin-bottom: 0.5rem;
        position: relative;
        line-height: 1.6;
        border: 1px solid #113d5f;
    }

        #MTRLogin #Register:hover {
            color: #fff;
            background: #113d5f;
            border: 1px solid #113d5f;
        }

    #MTRLogin .avatar-null {
        width: 1.1rem;
        /*filter: brightness(1) invert(1);*/
    }

#MTRLogin #Login i,
#MTRLogin #Register i {
    position: absolute;
    left: 0;
    top: 0px;
    height: 100%;
    width: 30px;
    /*background: #00000038;*/
    padding-top: .57rem;
    border-radius: 0.375rem 0 0 0.375rem;
}
    #MTRLogin #socialLoginList #Google i, #MTRLogin #socialLoginList #Facebook i {
        position: absolute;
        left: 0;
        top: 0px;
        height: 100%;
        width: 30px;
        background: #00000038;
        padding-top: 0.57rem;
    }

    /*Menu top right 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*/

/*whychoose-box start*/

.whychoose-box {
    padding: 1rem;
    /*background: #008217;
    border-radius: 0.5rem;
    border: 1px solid #fff;*/
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .whychoose-box:hover {
        /*background: #008217;
        border: 1px dashed #fff;*/
    }

    .whychoose-box .box-title {
        color: #113d5f;
        margin-top: 1.5rem;
        text-align: left;
        font-size: 1.4rem;
        padding-bottom: 5px;
        display: block;
        text-align: center;
    }

    .whychoose-box:hover .box-title {
        /*color: #ffffff;*/
    }

    .whychoose-box .box-summary {
        color: #113d5f;
        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;
        width: 7rem;
        height: 7rem;
        margin: auto;
    }

        .whychoose-box .box-img a {
            /*display: block;*/
            /*height: 100%;*/
        }

            .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;
                max-height: 100%;
                max-width: 100%;
                width: 100%:
            }

            .whychoose-box .box-img a i {
                font-size: 70px;
                display: flex;
                height: 100%;
                justify-content: center;
                align-items: center;
                color: #fff;
            }
/*whychoose-box end*/
/* .newsvertical-1-box start */
.newsvertical-1-box {
}

    .newsvertical-1-box .box-img {
        border: 1px solid #fff;
    }

        .newsvertical-1-box .box-img .img-icon {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 5rem;
            color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

/* .nnewsvertical-1-box end */

/* .newsvertical-2-box start */
.newsvertical-2-box {
}

    .newsvertical-2-box .box-img {
        border: 1px solid #fff;
    }

        .newsvertical-2-box .box-img .img-icon {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 5rem;
            color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

/* .nnewsvertical-2-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 #113d5f;
    }
    .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: 0 0 0.375rem 0.375rem;
        overflow: hidden;
        color: #fff;
    }

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

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

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

/*cat-box end*/

/*cat-1-box start*/
.cat-1-box {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 1rem;
    border: 1px solid #f2f2f2;
}

    .cat-1-box:hover {
    }

    .cat-1-box .box-content {
        width: calc(100% - 30% - 1rem);
    }

    .cat-1-box .box-img {
        display: block;
        width: 30%;
        margin-right: 1rem;
    }

    .cat-1-box .box-img .img {
        position: relative;
        overflow: hidden;
    }

        .cat-1-box .box-img .img:after {
            position: relative;
            z-index: 1;
            content: "";
            padding-top: 0;
            display: block;
            padding-top: 70%;
        }

        .cat-1-box .box-img .img img {
            position: absolute;
            top: 0;
            bottom: auto;
            left: 0;
            width: 100%;
        }

    .cat-1-box .box-title {
        color: #000;
        font-weight: 500;
        font-size: 1.2rem;
        display: block;
    }

    .cat-1-box:hover .box-title {
    }

    .cat-1-box .box-titlemini {
        font-size: 1rem;
        font-weight: 500;
        color: #6c6c6c;
    }

    .cat-1-box:hover .box-titlemini {

    }

/*cat-1-box end*/

/*cat-1-box start*/
.cat-2-box {
    
}

    .cat-2-box:hover {
    }

    .cat-2-box .box-content {
        
    }

    .cat-2-box .box-img {
        
    }

        .cat-2-box .box-img .img {
            text-align: center;
        }

            .cat-2-box .box-img .img:after {
              
            }

            .cat-2-box .box-img .img img {
                max-width: 100%;
                max-height: 100%;
            }

    .cat-2-box .box-title {
       
    }

    .cat-2-box:hover .box-title {
    }

    .cat-2-box .box-titlemini {
       
    }

    .cat-2-box:hover .box-titlemini {
    }

/*cat-2-box end*/

/*col-box start*/
.col-box {
    position: relative;
    overflow: hidden;
    /*border-radius: 0.375rem;*/
}

    .col-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 #113d5f;*/
    }

    .col-box .box-content {
        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;
        height: 100%;
        /*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: 0 0 0.375rem 0.375rem;
        overflow: hidden;
        color: #fff;*/
    }

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

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

        .col-box .box-content .box-viewmore a {
            /*margin: auto;
            display: inline-block;
            transform: scale(0);
            opacity: 0;*/
        }

    .col-box:hover .box-content .box-viewmore {
        /*margin-bottom: 0rem;*/
    }

        .col-box:hover .box-content .box-viewmore a {
            /*transform: scale(1);
            opacity: 1;*/
        }

    .col-box .box-img {
        /*position: relative;
        display: block;*/
    }

        .col-box .box-img:before, .col-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;*/
        }

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

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

        .col-box .box-img .img {
            position: relative;
            overflow: hidden;
        }

            .col-box .box-img .img:after {
                position: relative;
                z-index: 1;
                content: "";
                padding-top: 60%;
                display: block;
            }

            .col-box .box-img .img img {
                position: absolute;
                top: auto;
                left: auto;
                width: 100%;
            }

    .col-box .box-date {
        color: #828282;
        font-size: 1rem;
    }

    .col-box .box-title {
        font-size: 1.2rem;
        font-weight: 500;
        margin-top: 0.75rem;
    }

    .col-box:hover .box-title {
        /*font-size: 1.4rem;
        border-bottom: 1px dashed #c3c3c3;
        margin-bottom: 0.5rem;
        padding-bottom: 0.4rem;
        padding-top: 0rem;*/
    }

    .col-box .box-titlemini {
        /*font-weight: normal;
        font-size: 1rem;
        color: #2da34a;
        padding-left: 1rem;
        padding-right: 1rem;*/
    }

    .col-box:hover .box-titlemini {
        /*display: none;*/
    }

    .col-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;*/
        color: #1C1D20;
    }

    .col-box:hover .box-img:before, .col-box:hover .box-img:after, .col-box:hover .box-summary {
        /*opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);*/
    }

    .col-box:hover .box-summary {
        /*height: auto;*/
    }

/*col-box end*/

/*aboutus-box star */
.aboutus-box {
}

    .aboutus-box .box-img {
    }

        .aboutus-box .box-img img {
            width: 100%;
        }

    .aboutus-box .box-body {
    }

        .aboutus-box .box-body .box-title {
            font-size: 1.3rem;
            text-transform: uppercase;
            color: #000;
            font-weight: 500;
            font-family: 'SVNGilroy Bold', sans-serif;
            /*font-weight: 400;
            font-family: 'Calistoga', cursive;*/
        }

        .aboutus-box .box-body .box-summary {
            text-align: left;
            line-height: 2rem;
            margin-top:1.5rem;
        }

        .aboutus-box .box-body .box-btn {
        }
/*aboutus-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: #113d5f;
        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
    }
}
.sw-news{

}
    .sw-news-thumb .swiper-pagination-bullet {
        width: 20px !important;
        border-radius: 0 !important;
        height: 4px !important;
    }

        .sw-news-thumb .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #113d5f;
        }

.section5 {
    position: relative;
}

    .section5 > .box-background {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        z-index: -1;
    }

    .section5 > .tw_container > .box-content {
        position: relative;
        width: 100%;
        padding: 104px 0 110px 8.3333333333%;
    }

        .section5 > .tw_container > .box-content > .box-title > ._tab {
            margin-top: 3rem;
        }

            .section5 > .tw_container > .box-content > .box-title > ._tab .nav {
            }

                .section5 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item {
                }

                    .section5 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item .nav-link {
                        color: #000;
                        padding: 0.15rem 1rem;
                    }

                        .section5 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item .nav-link.active {
                            font-weight: bold;
                        }

        .section5 > .tw_container > .box-content .swiper-pagination {
            position: relative;
            margin-top: 4rem;
        }

@media (max-width: 991px) {
    .section5 > .box-background {
        width: 100%;
        height: 560px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .section5 > .tw_container > .box-content {
        padding: 0 22px 80px;
    }

        .section5 > .tw_container > .box-content > .box-title > ._tab .nav {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .section5 > .tw_container > .box-content > .box-title > ._tab {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }
}
@media (max-width: 576px) {
    .section5 > .box-background {
        height: 330px;
    }
}

@media(min-width: 992px){
    .section5 > .tw_container > .box-content > .box-title {
        position: absolute;
        top: 104px;
        left: 46.125%;
        z-index: 3;
    }
    .section5 > .tw_container > .box-content .box-thumb {
        padding-top: 165px
    }
}

@media(min-width: 1440px) {
    
    .section5 > .tw_container > .box-content .box-thumb {
        padding-top: 175px
    }
}   

/*news-box end*/
/*swiper-box start*/
.sw-project {
    margin-top: 5rem;
}

    .sw-project .swiper-slide:not(.swiper-slide-active) {
    }

    .sw-project .swiper-slide > div {
        -webkit-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;
    }

    .sw-project .swiper-slide:not(.swiper-slide-active) > div {
        padding-top: 50px;
    }

    .sw-project .swiper-slide:not(.swiper-slide-active).swiper-box .box-viewmore {
        display: none;
    }


    .sw-project .swiper-slide:not(.swiper-slide-active) .frames:after {
        padding-top: calc(56.25% - 50px);
    }

    .sw-project .swiper-slide:not(.swiper-slide-active).swiper-box .box-title {
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
        background: linear-gradient(0deg, black, transparent);
        padding: 0.5rem 1rem;
        overflow: hidden;
    }

    .sw-project .swiper-slide.swiper-slide-active {
    }

        .sw-project .swiper-slide.swiper-slide-active.swiper-box .box-title {
            /*background: #113d5f;*/
            background-image: url(/assets/images/project/s5_bg_text-new.png);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 0;
            padding: 0.5rem 6rem 0.5rem 1rem;
            line-height: 1.8;
            -webkit-line-clamp: 1;
            font-weight: bold;
        }

    .sw-project .swiper-button-prev, .sw-project .swiper-button-next {
        background: #113d5fa1;
        font-size: 1rem;
        left: -2rem;
        padding: 3rem 2rem 3rem 3rem;
        border-radius: 50%;
    }

    .sw-project .swiper-button-next {
        left: auto;
        right: -2rem;
        padding: 3rem 3rem 3rem 2rem;
    }

        .sw-project .swiper-button-next:after, .sw-project .swiper-button-prev:after {
            font-size: 1.6rem;
            color: #fff;
        }


.swiper-box {
}
    .swiper-box .box-title {
        -webkit-line-clamp: 1;
        line-height: 2;
        overflow: hidden;
        clear: both;
        display: -webkit-box;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        color: #fff;
        font-weight: 400;
        font-size: 1.2rem;
        padding-right: 1rem;
        padding-left: 1rem;
        margin-top: 0.5rem;
        position: relative;
    }

    .swiper-box .box-summary {

    }

    .swiper-box .position-relative:hover .box-viewmore {
        letter-spacing: 1px;
    }

    .swiper-box .box-viewmore {
        text-decoration: underline;
        font-size: 0.83rem;
        font-weight: 500;
        -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;
        color: #fff;
        cursor: pointer;
    }


@media(min-width: 576px) {
    .swiper-box .box-viewmore {
        position: absolute;
        display: flex;
        top: 0;
        bottom: 0;
        align-items: center;
        margin: auto;
        right: 1rem;
    }
    
}
@media(max-width: 575px) {
    .swiper-box .box-title {
        text-align: center;
        padding: 0.5rem 1rem !important;
    }
    .swiper-box .box-viewmore {
        background: #113d5f;
        display: block;
        padding: 0 1rem 0.5rem 1rem;
        text-align: center;
    }
}
/*swiper-box end*/
        /* newsvertical-box start */
        .newsvertical-box {
    width: 100%;
    position: relative;
    clear: both;
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 1rem;
}
/* newsvertical-box end */
/*login-box start*/
.login-box {
    z-index: 1;
    -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    overflow: hidden;
    background-color: #fff;
    background-clip: border-box;
    border: 0px;
    border-radius: 0.375rem;
}
    .login-box .box-body-left {
        text-align: center;
        background: #113d5f;
    }
        .login-box .box-body-left .box-img {
            margin-bottom: 1.5rem;
            display: inline-block;
            background: #fff;
            padding: 1rem;
            border-radius: 0.375rem;
        }
        .login-box .box-body-left .box-summary {
            opacity:0.75;
            color:#fff;
        }
        .login-box .box-body-left .box-summary a{
            font-weight : bold;
            color: #fff;
        }
    .login-box .box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
/*login-box end*/
/*manage box start */
.manage-box{
    margin-top:0.25rem;
    margin-bottom: 2rem;
}
    .manage-box .box-body-left .box-top {
        background: #113d5f;
        border-radius:0.375rem;
        overflow:hidden;
    }
        .manage-box .box-body-left .box-top .box-img {
        }
            .manage-box .box-body-left .box-top .box-img [class*=status-] {
                height: 1rem;
                width: 1rem;
                display: inline-block;
                position: absolute;
                bottom: 0.1rem;
                right: 0.5rem;
            }
                .manage-box .box-body-left .box-top .box-img [class*=status-]:before {
                    content: "";
                    position: absolute;
                    border-radius: 100%;
                    z-index: 1;
                    border: 3px solid #fff;
                    height: 18px;
                    width: 18px;
                    right: 0;
                    bottom: 0;
                    background: #df0000f0;
                }

            .manage-box .box-body-left .box-top .box-img [class*=status-online]:before {
                background: #00ff43;
            }
        .manage-box .box-body-left .box-top .box-title {
            margin-top: 1rem;
            color: #fff;
        }
        .manage-box .box-body-left .box-top .box-summary {
            margin-top: 1rem;
            color: #fff;
            font-weight:normal;
        }
    .manage-box .box-body-center {
        min-height: 100%;
        padding: 1rem;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 0.375rem;
    }
        .manage-box .box-body-center .box-title {
            cursor: pointer;
            position: relative;
            padding: 0.375rem 1rem;
            background: #fdfdfd;
            border-radius: 0.375rem;
            border: 1px solid #f9f9f9;
        }
        .manage-box .box-body-center .box-title .title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: inline-flex;
            align-items:center;
            justify-items:center;
        }
            .manage-box .box-body-center .box-title .title > .h1,
            .manage-box .box-body-center .box-title .title > .h2,
            .manage-box .box-body-center .box-title .title > .h3,
            .manage-box .box-body-center .box-title .title > h1,
            .manage-box .box-body-center .box-title .title > h2,
            .manage-box .box-body-center .box-title .title > h3 {
                display: inline-block;
            }

                .manage-box .box-body-center .box-title .title > .h1 > i,
                .manage-box .box-body-center .box-title .title > .h2 > i,
                .manage-box .box-body-center .box-title .title > .h3 > i,
                .manage-box .box-body-center .box-title .title > h1 > i,
                .manage-box .box-body-center .box-title .title > h2 > i,
                .manage-box .box-body-center .box-title .title > h3 > i {
                    margin-right: 0.5rem;
                }
            .manage-box .box-body-center .box-title > .toggle-button {
                position: absolute;
                right: 0.75rem;
                top: 0.65rem;
            }

/*manage 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: #113d5f;
            }

            .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 */
.itemset-title {
    color: #212529;
    /*text-transform: uppercase;*/
    text-align: left;
    font-weight: bold;
    font-family: 'SVNGilroy Bold', sans-serif;
    /*font-weight: 400;
    font-family: 'Calistoga', cursive;*/
}
    h1.itemset-title,
    h2.itemset-title,
    h3.itemset-title{
        text-align: center;
    }

.itemset-subtitle {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.5rem;
    display: block;
    color: #212529;
    font-weight: 400;
}
@media(min-width:320px) {
    .itemset-title {
        font-size: 1.8rem !important;
    }
    .itemset-subtitle {
        font-size: 1.2rem;
    }
}
@media(min-width:768px) {
    .itemset-title {
        font-size: 2.2rem !important;
    }
    .itemset-subtitle {
        font-size: 1.3rem;
    }
}
@media(min-width:992px) {
    .itemset-title {
        font-size: 2.6rem !important;
    }
}
@media(min-width:1200px){
    .itemset-title {
        font-size: 3rem !important;
    }
    .itemset-subtitle {
        font-size: 1.6rem;
    }
}
@media(min-width:1300px) {
    .itemset-title {
        font-size: 3.6rem !important;
    }

    .itemset-subtitle {
        font-size: 1.9rem;
    }
}

    .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: left;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.2rem;
    }

    .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', sans-serif; /*'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: -0.65rem;
            margin: auto;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-left: 5px solid #299443;
            border-right: 5px solid transparent;
        }

        .itemset-boxtitle span.icon:before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -0.93rem;
            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 */
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;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.animated-linear-gradient {
    background: repeating-linear-gradient(to right,red 0,#00f 50%,red 100%);
    color: #fff;
    width: 100%;
    background-size: 200% auto;
    background-position: 0 100%;
    animation: 2s linear infinite forwards gradient;
    padding: 0 10px;
    border-radius: 9999px;
}
@keyframes gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -200% 0
    }
}

/* add new end */

/* product start */
.pro-tabs {
    border-bottom: 2px solid #e6050b
}

    .pro-tabs .nav-link, .pro-tabs .tab-link {
        display: block;
        font-size: 1.2rem;
        font-weight: normal;
        text-align: center;
        padding: 8px 15px 5px;
        -webkit-transition: .3s;
        transition: .3s;
        margin-right: 5px;
        margin-top: 5px;
        border-radius: .25rem .25rem 0 0
    }

    .pro-tabs.nav-pills .nav-link{
        color: #000;
    }

        .pro-tabs.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            /*background-color: #e6050b;*/
            background: repeating-linear-gradient(to right,red 0,#00f 50%,red 100%);
            background-size: 200% auto;
            background-position: 0 100%;
            animation: 2s linear infinite forwards gradient;
            color: #fff;
        }

.product-box {
    text-align: center;
    width: 100%;
    position: relative;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    height: 100%;
}

.pro-box .product-box {
    /*width: 20%*/
}

.pro-box-f .product-box:first-child {
    /*width: 50%*/
}

.product-box:nth-child(-n+4) {
    border-top: 1px solid #eee
}

.product-box:nth-child(4n+1) {
    border-left: 1px solid #eee
}

.product-box:hover {
    z-index: 10;
    -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)
}

.product-actions {
    text-align: center;
    position: absolute;
    width: 45px;
    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;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translateY(-50%)
}

    .product-actions a {
        width: 45px;
        display: inline-block
    }

        .product-actions a:not(:first-child) {
            margin-top: 5px
        }

    .product-actions i {
        border-radius: 3px;
        padding: 10px;
        margin: 0 2px;
        display: inline-block;
        line-height: 12px;
        background: #113d5f;
        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: #0e324e
        }

.product-box:hover .product-actions {
    opacity: 1;
    visibility: visible;
    right: 5px;
    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: 100%
    }

.sp-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .sp-img:hover {
        -webkit-transition: all 500ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 500ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 500ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 500ms ease-in;
        transform: scale(1.1);
        z-index: 0
    }

.product-name {
    height: 2.8rem;
    line-height: 1.3;
    padding: 0 1rem;
    margin-top: 0.75rem ;
    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 h2, .product-name h3 {
        font-size: 1.1rem !important;
        line-height: 1.3
    }

.product-summary {
    padding: 0 1rem;
    overflow: hidden;
    clear: both;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    margin-top: 0.375rem;
}

.product-name a {
    font-size: 1rem;
    font-weight: normal;
    line-height: 130%
}

.product-box:hover .product-name a {
    color: #da251c
}

.product-price-cart {
    position: relative;
    height: 60px;
    padding: 5px 10px 0
}

.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
}

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

#tooltip {
    display: none;
    position: absolute;
    z-index: 99999;
    background: #fff;
    border: solid 1px #888;
    width: 370px;
    box-shadow: 0 0 7px #666;
    padding-bottom: 10px;
    border-radius: 8px;
    overflow: hidden
}

    #tooltip .hover-pro-name {
        width: 100%;
        padding: 10px 15px;
        font-size: 1.3rem;
        background: #e6050b;
        color: #fff;
        font-weight: bold
    }

    #tooltip .hover-pro-info {
        padding: 15px
    }

    #tooltip .hover-pro-title {
        display: inline-block;
        padding: 6px;
        background: #0066d3;
        color: #fff;
        border-radius: 6px
    }

.hover-content-pro {
    display: none;
    line-height: 1.8
}
    .hover-content-pro table tr td {
        padding: 2px 0px;
    }

        .hover-content-pro table tr td .fas {
            color: #e40000
        }

    .hover-content-pro table {
        padding: 0 10px;
        margin-top: 8px;
        width: 100%;
    }

.boxbody_tbl {
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
    background: #fff
}

.boxbody_body {
    clear: both;
    margin: 0;
    padding: 15px;
    text-align: left;
    border: 1px solid #eee;
}

.boxbody_top {
    background-color: #fff;
    position: relative;
    border-bottom: 2px solid #113d5f;
    overflow: hidden;
    max-width: 100%;
    line-height: normal;
}

    .boxbody_top span {
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif; /*"Roboto Condensed";*/
        font-size: 1.3rem;
        padding: 10px 15px 5px 15px;
        background-color: #113d5f;
        color: #fff;
        border-left: 6px solid #113d5f;
        position: relative;
        display: inline-block;
        float: left;
        min-width: 20%;
        min-height: 42px;
        border-bottom: 5px solid #fff;
    }
        .boxbody_top span:after {
            content: "";
            position: absolute;
            top: 0px;
            right: -2.3rem;
            height: 0;
            width: 0;
            display: block;
            border-top: 1.31rem solid transparent;
            border-bottom: 1.31rem solid transparent;
            border-left: 1.2rem solid #113d5f;
            border-right: 1.2rem solid transparent;
        }

    .boxbody_top span a {
        font-weight: normal;
        color: #fff;
    }
    .boxbody_top h1, .boxbody_top h2, .boxbody_top h3 {
        font-size: 1.3rem !important;
        font-weight: normal;
        display: inline-block;
        float: left;
    }

    .boxbody_top .subcat {
        height: 42px;
        line-height: 42px;
        overflow: hidden;
        padding-left: 45px;
    }
        .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 p.viewall {
        text-align: right;
        font-style: italic;
        font-family: tahoma;    
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        text-transform: none;
        display: block;
        height: 100%;
        line-height: 40px;
        border-left: 1px solid #eee;
        padding: 0 10px;
        background-color: #fff;
        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);
    }
.product-detail-info {
    /*float: right;*/
    font-size: 1.2rem;
    /*width: 53%;*/
    text-align: left
}

    .product-detail-info h1 {
        display: block;
        font-size: 1.4rem;
        font-weight: normal;
        text-transform: uppercase;
        padding-bottom: 15px;
        color: #000;
        font-family: 'Roboto', sans-serif; /*"Roboto Condensed";*/
        line-height: 1.6;
        word-spacing: 3px
    }

    .product-detail-info .product-detail-summary {
        font-size: 1rem;
    }

    .product-detail-info img, .product-detail-info table, .product-info-attr div {
        max-width: 100%
    }

    .product-detail-info table {
        width: 100% !important
    }

    .product-detail-info .product-info-attr {
        margin-bottom: 15px;
        list-style: none;
        padding: 15px;
        border: 2px solid #eee
    }

        .product-detail-info .product-info-attr > ul > li {
            padding: 4px 0;
            border-bottom: 1px solid #f4f4f4;
            font-size: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .product-detail-info .product-info-attr > ul > li:last-child {
                border-bottom: none
            }

            .product-detail-info .product-info-attr > ul > li > span {
                display: inline-block
            }

                .product-detail-info .product-info-attr > ul > li > span.label {
                    white-space: nowrap;
                    width: 128px;
                    text-align: left
                }

                    .product-detail-info .product-info-attr > ul > li > span.label i {
                        color: #e6050b
                    }

                .product-detail-info .product-info-attr > ul > li > span.colon {
                    white-space: nowrap;
                    width: 10px
                }

                .product-detail-info .product-info-attr > ul > li > span.value {
                    width: calc(100% - 138px);
                    text-align: left
                }

                .product-detail-info .product-info-attr > ul > li > span.pprice {
                    color: red;
                    font-weight: bold
                }

        .product-detail-info .product-info-attr li {
            list-style: none
        }

.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%;
}

.product-info-price {
    font-size: 1.6rem;
    padding: 0 0 0 15px !important;
    margin-bottom: 15px;
    border-bottom: none !important;
    border-left: 4px solid #eee;
}
    .product-info-price .product-info-price {
        padding: 0 !important;
        margin-bottom: 0;
        border-bottom: none !important;
        border-left: 0;
    }

    .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
}

.description-product-detail {
    line-height: 1.8
}

    .description-product-detail 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%
}

.subquantity, .addquantity {
    height: 40px;
    line-height: 38px;
    width: 40px;
    top: 0;
    position: absolute;
    left: 20px;
    border: none;
    outline: none !important;
    font-size: 1.5rem;
    background: #f2f2f2
}

.addquantity {
    left: auto;
    right: 20px
}

#btnMua {
    margin-top: -8px !important;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    font-size: 1.3rem;
    background: #e40000;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

    #btnMua:before {
        display: none !important
    }

.pro-detail-cat {
    font-size: 1rem
}

    .pro-detail-cat .label {
        color: #888
    }

    .pro-detail-cat a {
        font-weight: normal;
        color: #e6050b
    }

        .pro-detail-cat a:hover {
            text-decoration: underline !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 !important;
        max-width: 100%
    }

    .product-desc table {
        margin: auto;
    }

        .product-desc table td,
        .product-desc table th {
            border: 1px solid #ddd;
        }

    .product-desc ul.nav li.nav-item {
        margin: 0 0 -1px !important;
        padding: 0 !important
    }

        .product-desc ul.nav li.nav-item 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
        }

            .product-desc ul.nav li.nav-item a.nav-link.active {
                background-color: #fff !important;
                color: #e6050b;
                border: 1px solid #ddd;
                border-top: 4px solid #e6050b;
                border-bottom: 1px solid #fff;
                position: relative;
                margin-top: -3px
            }

                .product-desc ul.nav li.nav-item a.nav-link.active: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 #e40000;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent
                }

    .product-desc .event-tabs__body .tab-content > .tab-pane {
        padding-top: 1rem;
    }

    .product-desc .item-rating {
        
    }
        .product-desc .item-rating p,
        .product-desc #listComment p {
            text-align: center;
        }

            .product-desc #listComment p.review-date {
                text-align: left;
            }

#postComment {
    border: 1px solid #ddd;
    margin: 0 5px
}

    #postComment > .row {
        padding: 10px 0;
        margin: 0
    }

    #postComment .item-rating, #postComment .star-avg, #postComment .comments-count {
        text-align: center
    }

        #postComment .item-rating .star-avg {
            color: #ff6a00;
            font-weight: bold;
            font-size: 32px
        }

    #postComment .progress {
        margin-bottom: 0;
        width: 160px;
        display: inline-block
    }

        #postComment .progress .progress-bar {
            float: left;
            width: 0;
            height: 100%;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
            background-color: #f52200;
            -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;
        }
#formComment{

}
    #formCheckOrder .card-header,
    #formPayment .card-header,
    #formComment .card-header {
        font-size: 1.3rem;
        font-weight: bold;
        color: #000;
        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);
    }

.box_tbl {
    width: 100%;
    border: 0;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #fff
}

.box_top {
    text-align: left;
    padding: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    position: relative;
    font-family: 'Roboto', sans-serif; /*"Roboto Condensed";*/
    background: #113d5f;
    color: #fff;
    border-left: 6px solid #113d5f
}

    .box_top span {
        display: inline-block;
        padding: 8px 10px 8px 20px;
        font-size: 1.3rem
    }

        .box_top span.toggle {
            float: right;
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer
        }

        .box_top span.icon {
            display: inline-block;
            float: left;
            height: 43px;
            line-height: 43px;
            background-color: #113d5f;
            text-align: center;
            padding: 0;
            position: relative;
            -webkit-box-shadow: 2px 0 2px 0 rgba(0,0,0,.15);
            -moz-box-shadow: 2px 0 2px 0 rgba(0,0,0,.15);
            box-shadow: 2px 0 2px 0 rgba(0,0,0,.15)
        }

            .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 #113d5f;
                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 #00000020;
                border-right: 7px solid transparent
            }

            .box_top span.icon img {
                display: block;
                height: 42px;
                padding: 0 8px;
                float: left
            }

            .box_top span.icon i {
                display: block;
                padding: 0 8px;
                font-size: 1.7rem;
                line-height: 46px
            }

    .box_top h3 {
        font-size: 1.6rem
    }

    .box_top a {
        color: #fff;
        font-weight: normal
    }

.box_body.box_body-right {
    padding: 10px
}

    .box_body.box_body-right .product-box {
        border: 0 !important;
        margin-top: 10px
    }

.box_body {
    margin: 0;
    vertical-align: top;
    padding: 10px 15px;
    position: relative;
    border: 1px solid #eee
}

.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
}



/* product end*/
/* project start */
button.btn-circle:hover, button.btn-circle:focus {
    /*background-color: #f49098;*/
}
.tw_container {
    margin: auto;
}

.section6 {
    position: relative;
    padding-bottom: 4rem;
}

    .section6 > .box-background {
        position: absolute;
        width: 100%;
        background-size: cover;
        background-position: center center;
        z-index: -1;
        bottom: 0;
        left: 0;
        right: 0;
        height: 256px;
        background-color: #113d5f;
        background-position: center;
    }

    .section6 .box-title .box-summary {
        margin-top: 2rem;
    }

    .section6 > .tw_container > .box-content {
        position: relative;
        width: 100%;
        /*padding: 104px 0 110px 8.3333333333%;*/
    }

        .section6 > .tw_container > .box-content > .box-title > ._tab {
            margin-top: 3rem;
        }

            .section6 > .tw_container > .box-content > .box-title > ._tab .nav {
            }

                .section6 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item {
                }

                    .section6 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item .nav-link {
                        color: #000;
                        padding: 0.15rem 1rem;
                    }

                        .section5 > .tw_container > .box-content > .box-title > ._tab .nav .nav-item .nav-link.active {
                            font-weight: bold;
                        }

.section6 > .tw_container > .box-content .swiper-pagination {
    position: relative;
    margin-top: 4rem;
}

@media (max-width: 991px) {
    .section6 .box-title .box-summary {
        text-align: center;
        padding: 0 1rem;
    }


    .section6 > .box-background {
        width: 100%;
        height: 560px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .section6 > .tw_container > .box-content {
        /*padding: 0 22px 80px;*/
    }

        .section6 > .tw_container > .box-content > .box-title > ._tab .nav {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .section6 > .tw_container > .box-content > .box-title > ._tab {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }
}

@media (max-width: 576px) {
    .section6 > .box-background {
        height: 330px;
    }
}

@media(min-width: 992px) {
    .section6 > .tw_container > .box-content > .box-title {
        position: absolute;
        top: 1.5rem;
        left: 42.5%;
        z-index: 3;
    }

    .section6 > .tw_container > .box-content .box-thumb {
        padding-top: 18rem;
    }
    .section6 > .tw_container > .box-content > .box-title .itemset-subtitle {
        text-align:left;
    }
}

@media(min-width: 1440px) {
    .section6 > .tw_container > .box-content .box-thumb {
        padding-top: 18rem;
    }
}

.box-thumb .sp-cat1-box .box-img img {
    max-height: 200px;
}

.sp-cat1-box {
    border: 1px solid #ddd;
    background: #fff;
}
    .sp-cat1-box.swiper-slide-thumb-active {
        border-color: #113d5f;
    }

    .sp-cat1-box .box-code {
        padding: 0.5rem 1rem;
        font-size: 1.6rem;
        color: #bdbdbd;
    }

    .sp-cat1-box .box-img {
    }

        .sp-cat1-box .box-img img {
            padding: 0.5rem 0.5rem 2rem 0.5rem;
            max-width: 100%;
            max-height: 300px;
            margin: auto;
            display: block;
        }

    .sp-cat1-box .box-title {
        padding: 0.5rem 1rem;
        background: #e0e0e0;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .sp-cat1-box .box-title .title {
            -webkit-line-clamp: 1;
            line-height: 2;
            overflow: hidden;
            clear: both;
            display: -webkit-box;
            -moz-box-orient: vertical;
            -webkit-box-orient: vertical;
            -ms-box-orient: vertical;
            -o-box-orient: vertical;
            box-orient: vertical;
            text-overflow: ellipsis;
            white-space: normal;
            color: #113d5f;
            font-weight: 400;
            font-size: 1.2rem;
            position: relative;
        }

        .sp-cat1-box .box-title .box-viewmore {
            min-width: 7rem;
            padding-left: 2em;
            text-decoration: underline;
            font-weight: 500;
        }

#myTabItem6{

}

    #myTabItem6 .swiper-button-next,
    #myTabItem6 .swiper-button-prev {
        /*position: relative;*/
    }

        #myTabItem6 .swiper-button-next:after,
        #myTabItem6 .swiper-button-prev:after {
            display:none;
        }

        #myTabItem6 .swiper-button-next i,
        #myTabItem6 .swiper-button-prev i {
            font-size: 2rem;
            color: #bdbdbd;
        }

    #myTabItem6 .swiper-button-next {

    }

    #myTabItem6 .swiper-button-next {

    }
.box-menu-more {
    background: #113d5f;
}
    .box-menu-more .box-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .box-menu-more .box-body .box-item {
            text-align: center;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

            .box-menu-more .box-body .box-item .box-title {
                font-size: .6944444444rem;
                text-transform: uppercase;
                color: #fff;
            }

            .box-menu-more .box-body .box-item .box-title:hover {
                color: #fff;
            }

@media (min-width: 576px) {
    .box-menu-more .box-body .box-item .box-title {
        font-size: 1rem;
    }
}
@media (min-width: 992px) {
    .box-menu-more .box-body .box-item .box-title {
        font-size: 1.2rem;
    }
}
@media (min-width: 1200px){
    .box-menu-more .box-body .box-item .box-title {
        font-size: 1.44rem;
    }
}

#box-product-home {
    margin: 4rem 0 0rem 0;
}

    #box-product-home .box-header {
    }

        #box-product-home .box-header .box-img {
            margin-bottom: 1rem;
        }

            #box-product-home .box-header .box-img img {
                max-width: 100%;
                max-height: 6rem;
                display:block;
                margin: 0 auto;
            }

        #box-product-home .box-header .box-title {
            font-size: 1.1rem;
        }

.box-product-home {
}

    .box-product-home .box-img {
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
    }
        .box-product-home .box-img:after {
            position: relative;
            z-index: 1;
            content: "";
            padding-top: 60.8352%;
            display: block;
        }

        .box-product-home .box-img img {
            position: absolute;
            top: auto;
            left: auto;
            width: 100%;
        }

    .box-product-home .box-summary {
        /*text-align: justify;*/
    }
@media (max-width: 991px) {
    .box-product-home .box-summary {
        padding: 0 1rem !important;
    }
}
@media (max-width: 767px){
    .box-product-home .box-summary {
        text-align: center !important;
    }
}

@media (min-width: 576px) {
    #box-product-home .box-header .box-title {
        font-size: 1.1rem;
    }
}

@media (min-width: 992px) {
    #box-product-home .box-header .box-title {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    #box-product-home .box-header .box-title {
        font-size: 1.6rem;
    }
}
/* project end*/

.box-infobank {
}

    .box-infobank .box-img {
        display: block;
        text-align: center;
        margin-top: 1rem;
    }

        .box-infobank .box-img img {
        }

    .box-infobank .box-body {
        margin-top: 1rem;
        line-height: 1.8;
    }

        .box-infobank .box-body .box-title {
            font-weight: 500;
            /*font-family: 'SVNGilroy Bold', sans-serif;*/
        }

        .box-infobank .box-body .box-value {
        }

        .box-infobank .box-body .box-btncopy {
            cursor: pointer;
            border: 1px solid #04b2ff;
            background: #04b2ff1c;
            padding: 0.19rem 0.5rem 0.15rem 0.5rem;
            border-radius: 0.175rem;
            white-space: nowrap;
        }

            .box-infobank .box-body .box-btncopy:hover {
                background: #04b2ff;
                color: #fff;
            }

        .box-infobank .box-body .box-namebank {
            margin-top: 0.5rem;
        }

            .box-infobank .box-body .box-namebank .box-title {
            }

            .box-infobank .box-body .box-namebank .box-value {
            }

            .box-infobank .box-body .box-namebank .box-btncopy {
            }

        .box-infobank .box-body .box-numberacout {
            margin-top: 0.5rem;
        }

            .box-infobank .box-body .box-numberacout .box-title {
            }

            .box-infobank .box-body .box-numberacout .box-value {
            }

            .box-infobank .box-body .box-numberacout .box-btncopy {
            }

        .box-infobank .box-body .box-nameUser {
            margin-top: 0.5rem;
        }

            .box-infobank .box-body .box-nameUser .box-title {
            }

            .box-infobank .box-body .box-nameUser .box-value {
            }

            .box-infobank .box-body .box-nameUser .box-btncopy {
            }

        .box-infobank .box-body .box-content {
            margin-top: 0.5rem;
        }

            .box-infobank .box-body .box-content .box-title {
            }

            .box-infobank .box-body .box-content .box-value {
                white-space: nowrap;
            }

            .box-infobank .box-body .box-content .box-btncopy {
            }

        .box-infobank .box-body .box-total {
            margin-top: 0.5rem;
        }

            .box-infobank .box-body .box-total .box-title {
            }

            .box-infobank .box-body .box-total .box-value {
                font-weight: 500;
                /*font-family: 'SVNGilroy Bold', sans-serif;*/
                color: #f30000;
            }

            .box-infobank .box-body .box-total .box-btncopy {
            }

        .box-infobank .box-body .box-submit {
            margin-top: 0.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

@media (max-width: 575px) {
}

@media (min-width: 576px) {
    .box-infobank {
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: flex;*/
    }

        .box-infobank .box-img {
            /*margin-right: 1rem;*/
        }
}
/*box-infobank end*/

/*paymentResult start */
.paymentResult {
    margin: 1rem auto;
    max-width: 400px;
    width: 100%;
    padding: 1rem;
    -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);
    background: #fff;
}

    .paymentResult .box-img {
    }

        .paymentResult .box-img img {
            width: 100%;
            max-width: 10rem;
            margin: 0 auto;
            display: block;
        }

    .paymentResult .box-title {
        margin-top: 1rem;
        text-align: center;
    }

        .paymentResult .box-title span {
            font-size: 1.2rem;
            font-weight: bold;
            /*color: #19d000;*/
        }

    .paymentResult .box-body {
        margin-top: 1rem;
    }


/*paymentResult end*/

.bar-img{
    text-align:center;
}
.bar-img img{
    max-width: 100%;
}
#modal-table{
    z-index: 1080;
}

@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) {
    #header {
        /*background: #fff;
        color: #27282e;*/
    }

        #header li > a, #header li > a:hover, #header li > a:active {
            /*color: #27282e;*/
        }



    #cart {
        margin-right: 2rem;
    }

    #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
    }

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

    .downarrowclass, .rightarrowclass {
        display: none !important;
    }

    .cat-image {
        width: 0;
        display: none;
    }

    .hide-m, .adv-r, #slideads {
        display: none;
    }
    #search {
       
    }
    
}

@media all and (max-width: 991px) {
    
}

@media all and (max-width: 767px) {
    #header {
        /*top: 0px;*/
    }

    #header #logo a {
        /*margin: auto;*/
    }
    .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;
    }*/
    
    /* .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;
    }*/
    
    #header.header-fixed #MTRLogin {
        /*position: fixed;
        top: 3rem;
        z-index: 100000;
        right: 1rem;*/
    }
    #header.header-fixed #MTRLanguage {
        /*position: fixed;
        top: 1rem;
        z-index: 100000;
        right: 1rem;*/
    }
}

@media all and (max-width: 667px) {
    /*.featuredimagezoomerhidden {
        display: none;
    }*/
}

@media all and (max-width: 575px) {
    /*.boxbody_top .subcat {
        display: none
    }*/
    #social-all {
        bottom: 5rem;
        left: auto;
        right: 1rem;
    }
        #social-all:hover .box-content{
            display: none;
        }

    #widget-contact {
        /*display: none !important;*/
        /*display: block;*/
        left: auto;
        right: 1rem;
        bottom: 15.5rem;
    }
    #widget-contact {
        display: none;
    }
    #hig-alo-phoneIcon {
        display: none;
    }

    .hig-alo-phone {
        /*left: 50%;
        bottom: 20px;
        z-index: 10001 !important;
        margin-left: -23px;*/
        left: auto;
        bottom: 9rem;
        z-index: 10001 !important;
        right: 4.5rem;
    }

    #topcontrol {
        /*right: 10% !important;
        bottom: 28px !important;
        opacity: 0 !important;
        z-index: 10010 !important;
        margin-right: -12px;*/
        display: none;
        z-index: -10010 !important;
    } 

    #footer {
        
    }

    #footer-googlemap {
        margin-bottom: 66px;
    }
}

@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: 414px) {
   
}

@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;
    }
    #widget-contact {
        display: none;
    }
    .hig-alo-phone {
        bottom: 70px;
    }
    #widget-contact {
        bottom: 170px;
    }
}

@media (min-width:768px) {
    .position-md-absotule {
        position: absolute !important
    }
    
    .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);*/
        -webkit-transform: perspective(400) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400) rotate3d(1, 0, 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;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #slideshow:hover .jssora05l,
    #slideshow:hover .jssora05lr,
    #slideshow:hover .jssorb01 {
        opacity: 1
    }
}

@media (min-width:1200px) {
    #cart #cart-content .cart-item .cart-img {
        width: 15%;
    }

    #header.header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1010;
    }
    

    #MTRLogin .avatar-null {
        filter: brightness(0) invert(1);
    }

    #header {
        /*background: #f5e95f;
        color: #113d5f;*/
        /*background: #113d5f;
        color: #fff;*/
    }

        #header li > a, #header li > a:hover, #header li > a:active {
            /*color: #fff;
            font-weight: 500;*/
        }

        #header #cart #cart-content a:not(.button):not(.button2), #header #cart #cart-content a:not(.button):not(.button2):hover, #header #cart #cart-content a:not(.button):not(.button2):active {
            color: #27282e;
        }

    #MTRLanguage:hover > div {
        position: absolute;
        inset: 0px 0px auto auto;
        margin: 0px;
        top: 100%;
        display: block;
    }

    #falcon-dropdown-menu > .dropdown:hover > .dropdown-menu {
        display: block !important;
    }
    .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;*/
        max-width: 1130px;
    }
}

@media all and (min-width: 1300px) {
    .container {
        /*max-width: 1230px;*/
        max-width: 1130px;
    }
}

@media all and (min-width: 1400px) {
    .container {
        /*max-width: 1320px;*/
        max-width: 1130px;
    }
}

@media (min-width: 1440px) {
    .tw_container {
        width: 1440px;
    }
}

@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;
    }
}
/* header-fixed start*/
#header.header-fixed {
}

/* header-fixed end*/

#nav-toggle, #closemenu {
    display: none;
}

#menu {
    width: 100%;
    position: relative;
    /*margin-top: 1rem;
    margin-bottom: 1rem;*/
}

    #menu .menu #menu-main > ul > .menu-item ul li a {
        line-height: normal !important;
    }

    #menu .menu {
        /*background: #d90000;*/
        /*border-radius: 0.25rem;*/
    }

        #menu .menu #menu-main ul {
            list-style-type: none;
            margin: 0 auto;
            padding: 0;
        }

        #menu .menu #menu-main > ul > .menu-item.act,
        #menu .menu #menu-main > ul > .menu-item:hover {
            position: relative;
        }

        #menu .menu #menu-main > 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 #menu-main > ul > .menu-item.act:after,
        #menu .menu #menu-main > ul > .menu-item:hover:after {
            transform: scale(1);
        }

        #menu .menu #menu-main .menu-item {
            position: relative;
            text-align: center;
        }

            #menu .menu #menu-main .menu-item.menu-pro {
                position: static;
            }

            #menu .menu #menu-main .menu-item menu-item a {
                display: block;
                padding: 15px 30px;
                font-weight: 500;
            }

        #menu .menu #menu-main > ul > .menu-item a {
            text-transform: uppercase;

        }

    #menu #menu-main .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 #menu-main > ul > li > .sub-menu {
        top: 100%;
        left: 0;
        z-index: 1;
        border-top: none;
    }

    #menu .menu #menu-main .menu-item:hover > .sub-menu {
        z-index: 10;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    #menu #menu-main .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: #d90000;
        border-width: 8px;
        border-right-color: #fff;
    }

    #menu #menu-main .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 start*/
    #menu #menu-main .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;
}
/*xử lý khi submenu tràn lề phải thì hiện sang trái end*/

#menu #menu-main .sub-menu .menu-item {
    line-height: normal;
}

    #menu #menu-main .sub-menu .menu-item:last-child {
        border-bottom: 0px;
    }

    #menu #menu-main .sub-menu .menu-item:hover > a {
        color: #fff !important;
        font-weight: 500;
    }

    #menu #menu-main .sub-menu .menu-item a {
        padding: 0.75rem 0.75rem 0.75rem 1.7rem;
        text-align: left;
        color: #000 !important;
    }

        #menu #menu-main .sub-menu .menu-item a:before {
            content: "\203A";
            left: -5px;
            top: -1px;
            position: relative;
        }

#menu .menu #menu-main .menu-item a {
    display: block;
}

#menu #menu-main .sub-menu .menu-item:hover {
    background: #113d5f;
}

#menu #menu-main .sub-menu > .menu-item:first-child:hover {
    border-radius: 0;
}

#menu .menu #menu-main .menu-item .showhide-subul {
    display: none;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 37px;
    line-height: 1;
    /*padding: 0 15px;*/
    margin-top: 0;
    cursor: pointer;
    z-index: 2;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

    #menu .menu #menu-main .menu-item .showhide-subul svg,
    #menu .menu #menu-main .menu-item .showhide-subul i {
        font-size: 1.8rem;
        color: #fff;
    }

#menu .menu #menu-main .menu-item .menu-item .showhide-subul svg,
#menu .menu #menu-main .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 #menu-main .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 #menu-main > 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-fixed {
        position: fixed;
        top: 37px;
        z-index: 1000;
        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
        background: rgba(255,255,255,0.95) !important;
        margin:0;
        padding: 0.5rem 0;
    }


    #menu .menu #menu-main .menu-item .showhide-subul {
        display: none;
    }

    #menu #menu-main .sub-menu {
        width: 280px;
        /*border-radius: 8px;*/
    }

        #menu #menu-main .sub-menu:after {
            content: "";
            position: absolute;
            left: 45px;
            top: -16px;
            border: solid transparent;
            height: 0;
            width: 0;
            pointer-events: none;
            border-bottom-color: #fff;
            border-width: 8px;
        }

        #menu #menu-main .sub-menu .menu-item {
            border-bottom: 1px solid #c5c5c561;
        }

        #menu #menu-main .sub-menu > .menu-item:first-child:hover {
            /*border-top-left-radius: 8px;
            border-top-right-radius: 8px;*/
        }

        #menu #menu-main .sub-menu > .menu-item:last-child:hover {
            /*border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;*/
        }

        #menu #menu-main .sub-menu .sub-menu {
            /*border-radius: 11px;*/
            display: block !important;
        }

    #menu .menu #menu-main > ul {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-start;
    }

        #menu .menu #menu-main > ul > li > .sub-menu {
            display: block !important;
            top: 100%;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.5);
            box-shadow: 0 6px 12px rgba(0,0,0,0.5);
        }

        #menu .menu #menu-main > ul > .menu-item a {
            /*line-height: 70px !important;*/
            line-height: 35px !important;
        }

        #menu .menu #menu-main > ul > .menu-item > a {
            padding: 0rem 18px;
            color: #fff;
            /*font-weight: 500;*/
        }

        #menu .menu #menu-main > ul > .menu-item.menu-item-hotline {
            margin-left: auto;
            margin-top: 0.15em;
        }

            #menu .menu #menu-main > ul > .menu-item.menu-item-hotline > a {
                line-height: 1.1 !important;
                padding: 0.45rem 1rem 0.4rem 1rem;
                background: #ffffff;
                color: #000;
            }

        #menu .menu #menu-main > ul > .menu-item.menu-item-hotline:hover > a {
            color: #000;
        }

            #menu .menu #menu-main > ul > .menu-item.menu-item-hotline > a > span:first-child {
                /*font-size: 0.83rem;*/
            }
            #menu .menu #menu-main > ul > .menu-item.menu-item-hotline > a > span:last-child {
                font-size: 1rem;
                margin-top: 0.375rem;
                font-weight: bold;
            }

        #menu .menu #menu-main > ul > .menu-item.act > a,
        #menu .menu #menu-main > ul > .menu-item:hover > a {
            color: #fff;
            /*font-weight: bold;*/
            /*background: #113d5f;*/
        }

        #menu .menu #menu-main > ul > .menu-item:first-child > a {
            /*padding-left: 0rem*/
        }

    #menu .menu #menu-main .menu-item > .menu-item > a {
        padding: 1rem 20px;
    }

    #menu #menu-main .sub-menu.menu-acction {
    }

        #menu #menu-main .sub-menu.menu-acction .menu-item a:before {
            content: "";
        }

        #menu #menu-main .sub-menu.menu-acction .menu-item a {
            padding: 0.5rem;
            font-weight: normal;
            color: #000;
        }

            #menu #menu-main .sub-menu.menu-acction .menu-item a i {
                color: #d90000;
            }

            #menu #menu-main .sub-menu.menu-acction .menu-item a:hover i {
                color: #fff;
            }




    #menu .menu #menu-main > ul > .menu-item > .showhide-subul {
        display: inline-block !important;
        height: auto;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        right: 8px;
    }

        #menu .menu #menu-main > ul > .menu-item > .showhide-subul svg,
        #menu .menu #menu-main > 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: #fff;
        }

            #menu .menu #menu-main > ul > .menu-item > .showhide-subul svg:before,
            #menu .menu #menu-main > ul > .menu-item > .showhide-subul i:before {
                content: "\f107";
                font-weight: 200;
            }

    #menu .menu #menu-main > ul > .menu-item.act > .showhide-subul svg,
    #menu .menu #menu-main > ul > .menu-item.act > .showhide-subul i,
    #menu .menu #menu-main > ul > .menu-item:hover > .showhide-subul svg,
    #menu .menu #menu-main > ul > .menu-item:hover > .showhide-subul i {
        transform: rotate(-180deg)
    }
}

@media screen and (max-width: 1199px) {
    #menu .menu #menu-main .menu-item .showhide-subul svg, #menu .menu #menu-main .menu-item .showhide-subul i {
        color: #113d5f;
    }

    #menu #menu-main .sub-menu .menu-item a {
        color: #000 !important;
    }


    #menu #menu-main .sub-menu {
        z-index: 10;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    #menu #menu-main .sub-menu {
        border-top: none !important;
    }


    #menu {
        z-index: 1010;
    }

        #menu .menu #nav-toggle {
            position: absolute;
            left: 1rem;
            display: inline-block;
            font-size: 1.3rem;
            padding: 1px;
            background-color: #ffffff;
            border: 1px solid #ffffff;
            color: #113d5f;
            z-index: 1010;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            width: 35px;
            height: 35px;
            top: -3.25rem;
        }

        #menu .menu #menu-button {
            /*padding: 3px 7px;*/
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: center;
            height: 100%;
        }

        #menu #closemenu {
            position: fixed;
            top: 0;
            left: -100%;
            width: 300px;
            height: 40px;
            line-height: 40px;
            z-index: 1010;
            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 #menu-main .menu-item .sub-menu {
            z-index: 10;
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: perspective(400) rotate3d(0,0,0,0);
        }

        #menu.menu-fixed .menu {
        }

            #menu.menu-fixed .menu #nav-toggle {
                top: 2rem;
            }

        #menu .menu {
        }

            #menu .menu #menu-main > ul {
            }

        #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 #menu-main .menu-item {
            line-height: normal;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d5d5d5;
        }

        #menu #menu-main .sub-menu .menu-item:hover {
            background: #113d5f;
        }

        #menu #menu-main .sub-menu .menu-item a {
            padding: 0.7rem 20px;
        }

        #menu .menu #menu-main .menu-item.menu-pro {
            position: relative;
        }

        #menu .menu #menu-main > ul > .menu-item > a {
            color: #113d5f !important;
            padding: .7em 40px .7em 16px;
        }

        #menu .menu #menu-main > ul > .menu-item:first-child > a {
            color: #113d5f !important;
            font-weight: bold;
        }

        #menu .menu #menu-main > ul > .menu-item:hover > a {
            /*color: #fff !important;*/
            color: #fff !important;
            background: #113d5f !important;
        }

        #menu .menu #menu-main > ul > .menu-item > a > i,
        #menu .menu #menu-main > ul > .menu-item > a > img {
            height: 18px;
        }

        #menu .menu #menu-main > ul > .menu-item:hover > .showhide-subul svg,
        #menu .menu #menu-main > ul > .menu-item:hover > .showhide-subul i {
            color: #fff !important;
        }

        #menu .menu #menu-main .menu-item .menu-item:hover > .showhide-subul svg,
        #menu .menu #menu-main .menu-item .menu-item:hover > .showhide-subul i {
            color: #fff;
        }

        #menu .menu #menu-main .menu-item .showhide-subul {
            display: flex;
        }

        #menu .menu #menu-main > ul > .menu-item {
            opacity: 0;
            animation: enter 0.3s ease-out forwards;
        }

        #menu .menu:hover:after {
            box-shadow: none;
        }

        #menu .menu #menu-main > ul > .menu-item:first-child span {
            display: inline-block;
        }

        #menu #menu-main .sub-menu {
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
            display: none;
            width: 100% !important;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #menu #menu-main .sub-menu .menu-item {
                background: #fff;
                border-bottom: none;
                border-top: 1px solid #efefef;
            }

                #menu #menu-main .sub-menu .menu-item:hover > a {
                    color: #fff !important;
                    
                }

                #menu #menu-main .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 26px;
                }

                    #menu #menu-main .sub-menu .menu-item a:before {
                        content: "\203A";
                        left: -5px;
                        top: -1px;
                        position: relative;
                    }

                #menu #menu-main .sub-menu .menu-item .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 40px;
                }

                #menu #menu-main .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
                    padding: 0.7em 40px 0.7em 54px;
                }
}


/*menu product star */

@media screen and (min-width: 1200px) {
    body#body_home #menu:not(.menu-fixed) .menu #menu-product > li > .menu-product-sub,
    body#body_home #menu.menu-fixed .menu #menu-product > li > .menu-product-sub.act,
    body:not(#body_home) #menu .menu #menu-product > li > .menu-product-sub.act,
    body:not(#body_home) #menu.menu-fixed .menu #menu-product > li > .menu-product-sub.act {
        display: block !important;
    }

    body#body_home #menu.menu-fixed:not(.act) .menu #menu-product > li > .menu-product-sub:not(.act),
    body:not(#body_home) #menu.menu-fixed:not(.act) .menu #menu-product > li > .menu-product-sub:not(.act) {
        display: none !important;
    }

    #menu .menu #menu-product {
        display: block;
        margin-top: 0rem !important;
    }

        #menu .menu #menu-product > li > a {
            color: #fff;
            padding: 0 20px;
            text-align: left;
            display: block;
            line-height: 35px;
            cursor: pointer;
        }

            #menu .menu #menu-product > li > a > span:after {
                font-family: "Font Awesome 5 Pro";
                content: "\f107";
                padding-left: 1rem;
            }

        /*#menu .menu #menu-product > a:after {
        content: "\f0d7";
        font-weight: 900;
        font-family: "Font Awesome 5 Pro";
    }*/
        #menu .menu #menu-product > li {
            position: relative;
        }

            #menu .menu #menu-product > li:hover > .menu-product-sub {
                /*display: block !important;*/
            }

            #menu .menu #menu-product > li > .showhide-subul {
                display: none;
            }

                #menu .menu #menu-product > li > .showhide-subul > svg,
                #menu .menu #menu-product > li > .showhide-subul > i {
                    font-weight: 900;
                }

            #menu .menu #menu-product > li > .menu-product-sub {
                position: absolute;
                z-index: 1010;
                top: 100%;
                background: #ffffff;
                padding: 0;
                margin-top: 1rem;
                border: 1px solid #ebebeb;
                width: 100%;
                border-radius: 0.25rem;
                display: none;
            }

                #menu .menu #menu-product > li > .menu-product-sub > ul.sub-menu-max {
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul {
                    /*height: 456px;*/
                    max-height: 456px;
                    overflow: hidden;
                    position: static;
                    -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;
                    padding-bottom: 2rem;
                }
                    /*#menu .menu #menu-product > li > .menu-product-sub > ul::-webkit-scrollbar {
                    visibility: hidden;
                    -webkit-appearance: none;
                    width: 6px;
                    height: 6px;
                    background-color: rgba(0,0,0,0);
                }
                #menu .menu #menu-product > li > .menu-product-sub > ul::-webkit-scrollbar-thumb {
                    visibility: hidden;
                    border-radius: 3px;
                    background-color: transparent;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul:hover::-webkit-scrollbar-thumb {
                    visibility: initial;
                    background-color: rgba(182, 193, 210, 0.55);
                }*/


                    #menu .menu #menu-product > li > .menu-product-sub > ul > li {
                        display: flex;
                    }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover {
                            background: #ededed;
                            border-left: 2px solid #d90000;
                            border-radius: 0.25rem;
                        }

                            #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > span {
                                margin-left: -2px;
                            }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > a {
                            padding: 7px 10px 7px 30px;
                            display: block;
                            font-size: .8333rem;
                            width: 100%;
                            margin-left: -30px;
                        }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > a {
                            color: #000;
                        }

                            #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > a > span:before {
                                content: "";
                                right: -16px;
                                position: absolute;
                                border-right: 7.5px solid transparent;
                                border-top: 9px solid transparent;
                                border-left: 7.5px solid #e1e1e1;
                                border-bottom: 9px solid transparent;
                                z-index: 1;
                            }

                            #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > a > span:after {
                                content: "";
                                right: -15px;
                                position: absolute;
                                border-right: 7.5px solid transparent;
                                border-top: 9px solid transparent;
                                border-left: 7.5px solid #f9f9f9;
                                border-bottom: 9px solid transparent;
                                z-index: 1;
                            }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > .showhide-subul {
                            position: sticky;
                            right: 5px;
                            width: 30px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            -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;
                        }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > .showhide-subul {
                            right: 0px;
                        }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > .showhide-subul > svg:before,
                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > .showhide-subul > i:before {
                            content: '\f105' !important;
                        }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > .icon {
                            display: flex;
                            align-items: center;
                            width: 30px;
                            min-width: 30px;
                            max-width: 30px;
                            justify-content: center;
                        }

                            #menu .menu #menu-product > li > .menu-product-sub > ul > li > .icon > i {
                                font-size: 1.1rem
                            }

                            #menu .menu #menu-product > li > .menu-product-sub > ul > li > .icon > img {
                                font-size: 1.1rem
                            }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > a > i,
                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > a > img {
                            width: 20px;
                        }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > a > i {
                            font-size: 1.1rem;
                            color: #3c3a3a;
                            text-align: center;
                        }

                /* nút mở rộng menu sản phẩm start */

                #menu .menu #menu-product > li > .menu-product-sub > .sub-menu > li:last-child {
                    position: absolute;
                    bottom: 0;
                    background: #f7f7f7;
                    width: 100%;
                    text-align: center;
                    z-index: 1;
                    cursor: pointer;
                }

                    #menu .menu #menu-product > li > .menu-product-sub > .sub-menu > li:last-child:hover {
                        background: #f1f1f1;
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > .sub-menu > li:last-child > a {
                        margin-left: 0;
                        padding: 7px;
                    }

                #menu .menu #menu-product > li > .menu-product-sub > .sub-menu:not(.sub-menu-max) > li:last-child > a:last-child {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > .sub-menu.sub-menu-max > li:last-child > a:first-child {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child > a {
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child > a > i {
                        color: #b9b9b9;
                        font-size: 0.7rem;
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child > a > span {
                        color: #b9b9b9;
                    }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child > a > span:before,
                        #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child > a > span:after {
                            display: none !important;
                        }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child:hover > a > i,
                #menu .menu #menu-product > li > .menu-product-sub > ul > li:last-child:hover > a > span {
                    color: #3c3a3a;
                }

                /* nút mở rộng menu sản phẩm end */

                /* lớp 2 start */

                #menu .menu #menu-product > li > .menu-product-sub > ul > li:hover > ul {
                    display: block !important;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul {
                    display: none;
                    position: absolute;
                    padding: 1rem;
                    background: #fff;
                    top: -2px;
                    border: 1px solid #efefef;
                    border-radius: 0.25rem;
                    min-height: 100%;
                    margin-top: 0rem;
                    margin-right: -1rem;
                    margin-left: -1rem;
                    overflow: hidden;
                    /*overflow:auto;*/
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul::-webkit-scrollbar {
                        visibility: hidden;
                        -webkit-appearance: none;
                        width: 6px;
                        height: 6px;
                        background-color: rgba(0,0,0,0);
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul::-webkit-scrollbar-thumb {
                        visibility: hidden;
                        border-radius: 3px;
                        background-color: transparent;
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul:hover::-webkit-scrollbar-thumb {
                        visibility: initial;
                        background-color: rgba(182, 193, 210, 0.55);
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li {
                        -ms-flex-negative: 0;
                        flex-shrink: 0;
                        width: 100%;
                        max-width: 100%;
                        padding-right: 1rem;
                        padding-left: 1rem;
                        margin-top: 0rem;
                        width: 33.33333333%;
                        float: left;
                        padding-bottom: 1rem;
                    }

                        #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li:nth-child(4n+4) {
                            clear: both
                        }
            /* lớp 2 end */

            #menu .menu #menu-product > li > .showhide-subul svg:before,
            #menu .menu #menu-product > li > .showhide-subul i:before {
                content: '\f078';
            }

            /*lớp 2 start */
            #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul {
                right: calc(211px - 1150px + 2rem + 1rem); /*menu trái - container + padding cotaier + khoảng cách menu trái và menu mở rộng*/
                width: calc(1150px - 209px - 2rem - 1rem); /*container - menu trái - padding cotaier - khoảng cách menu trái và menu mở rộng */
            }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > span.icon {
                    width: 30%;
                    display: block;
                    float: left;
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > span.icon > img {
                        width: 100%;
                        padding: 0 10px;
                    }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > span.icon > i {
                        display: block;
                        text-align: center;
                        font-size: 2.5rem;
                    }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > a {
                    display: block;
                    font-size: 0.9rem;
                    color: #d90000;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > a,
                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > .sub-menu {
                    width: 70%;
                    float: right;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > .showhide-subul {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > .sub-menu {
                    padding-left: 0.5rem;
                }

                /* lớp 2 end */

                /* lớp 3 start */
                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > .showhide-subul {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > span.icon {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > a {
                    font-size: 0.83rem;
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > a:before {
                        content: "›";
                        font: normal normal normal 17px/1 FontAwesome;
                        padding-right: 6px;
                        top: -2px;
                        left: 0;
                        position: relative;
                    }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > .sub-menu {
                    padding-left: 0.5rem;
                }
                /* lớp 3 end */

                /* lớp 4 start */
                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > .showhide-subul {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > span.icon {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > a {
                    font-size: 0.83rem;
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > a:before {
                        content: "\f068";
                        font-family: "Font Awesome 5 Pro";
                        font-size: 0.5rem;
                        padding-right: 6px;
                        top: -2px;
                        left: 0;
                        position: relative;
                    }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > .sub-menu {
                    padding-left: 0.5rem;
                }

                /* lớp 4 end */

                /* lớp 5 start */
                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > .showhide-subul {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > span.icon {
                    display: none;
                }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > a {
                    font-size: 0.83rem;
                }

                    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > a:before {
                        content: "\f067";
                        font-family: "Font Awesome 5 Pro";
                        font-size: 0.5rem;
                        padding-right: 6px;
                        top: -2px;
                        left: 0;
                        position: relative;
                    }

                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > .sub-menu {
                    padding-left: 0.5rem;
                }
                /* lớp 5 end */

                /*các lớp sau start */
                #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul > li > ul > li > ul > li > ul > li > .sub-menu {
                    display: none;
                }
    /* các lớp sau end */
}

@media screen and (min-width: 1300px) {
    #menu .menu #menu-product > li > .menu-product-sub > ul {
        /*height: 482px;*/
        max-height: 482px;
    }

    /*lớp 2 start */
    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul {
        right: calc(238px - 1245px + 2rem + 1rem); /*menu trái - container + padding cotaier */
        width: calc(1245px - 236px - 2rem - 1rem); /*container - menu trái - padding cotaier - khoảng cách menu trái và menu mở rộng */
    }
    /*lớp 2 end */
}
@media screen and (min-width: 1400px) {
    #menu .menu #menu-product > li > .menu-product-sub > ul {
        /*height: 518px;*/
        max-height: 518px;
    }

    /*lớp 2 start */
    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul {
        right: calc(238px - 1315px + 2rem + 1rem); /*menu trái - container + padding cotaier */
        width: calc(1315px - 236px - 2rem - 1rem); /*container - menu trái - padding cotaier - khoảng cách menu trái và menu mở rộng */
    }
    /*lớp 2 end */
}
@media screen and (min-width: 1900px) {
    #menu .menu #menu-product > li > .menu-product-sub > ul {
        /*height: 562px;*/
        max-height: 562px;
    }
    /*lớp 2 start */    
    #menu .menu #menu-product > li > .menu-product-sub > ul > li > ul {
        right: calc(238px - 1415px + 2rem + 1rem); /*menu trái - container + padding cotaier */
        width: calc(1415px - 236px - 2rem - 1rem); /*container - menu trái - padding cotaier - khoảng cách menu trái và menu mở rộng */
    }
    /*lớp 2 end */
}

@media screen and (max-width: 1199px) {
    #menu-body {
        clear: both;
        position: fixed;
        top: 40px;
        left: -100%;
        width: 300px !important;
        height: calc(100vh - 40px);
        margin-top: 40px;
        overflow: auto !important;
        /*background: #d90000;*/
        background: #fff;
        animation: fade .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;
        display: block;
        margin: 0;
    }

        #menu-body #menu-product,
        #menu-body #menu-main {
            width: 100%;
            padding: 0;
            margin: 0;
        }

            #menu-body #menu-product .menu-product-sub {
                display: none;
            }

                #menu-body #menu-product .menu-product-sub .sub-menu {
                    z-index: 10;
                    opacity: 1;
                    pointer-events: auto;
                    -webkit-transform: perspective(400) rotate3d(0,0,0,0);
                    position: relative !important;
                    top: 0 !important;
                    left: 0 !important;
                    display: none;
                    width: 100% !important;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                #menu-body #menu-product .menu-product-sub[style*="display: none;"] > .sub-menu {
                    display: none;
                }

                #menu-body #menu-product .menu-product-sub[style*="display: block;"] > .sub-menu {
                    display: block;
                }

                #menu-body #menu-product .menu-product-sub > .sub-menu > li:last-child {
                    display: none;
                }

    /* lớp 0 start */
    #menu .menu #menu-product > li {
        position: relative;
    }

        #menu .menu #menu-product > li:hover > a {
        }

        #menu .menu #menu-product > li > a {
            display: block;
            padding: 0.7em 40px 0.7em 16px;
            color: #fff;
            font-weight: bold;
            border-bottom: 1px solid #be0000;
            background: repeating-linear-gradient(to right,red 0,#00f 50%,red 100%);
            background-size: 200% auto;
            background-position: 0 100%;
            animation: 2s linear infinite forwards gradient;
        }

        #menu .menu #menu-product > li > .showhide-subul {
            position: absolute;
            top: 0;
            right: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 38px;
            color: #fff;
        }

            #menu .menu #menu-product > li > .showhide-subul > svg,
            #menu .menu #menu-product > li > .showhide-subul > i {
                color: #fff;
                font-size: 1.8rem;
            }

        #menu .menu #menu-product > li .menu-product-sub .sub-menu li {
            position: relative;
        }

            #menu .menu #menu-product > li .menu-product-sub .sub-menu li a {
                display: block;
                padding: 0.7em 40px 0.7em 40px;
                position: relative;
                z-index: 1;
                color: #fff;
                border-bottom: 1px solid #be0000;
            }

            #menu .menu #menu-product > li .menu-product-sub .sub-menu li:hover,
            #menu .menu #menu-product > li .menu-product-sub .sub-menu li:hover > .showhide-subul {
                background: #be0000;
            }

                #menu .menu #menu-product > li .menu-product-sub .sub-menu li:hover > ul {
                    background: #d90000;
                }

            #menu .menu #menu-product > li .menu-product-sub .sub-menu li .icon {
                position: absolute;
                top: 0;
                height: 40px;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                min-width: 30px;
                max-width: 30px;
                left: 10px;
                color: #fff;
            }

        /* lớp 0 end */

        /* lớp 1 star */
        #menu .menu #menu-product > li .menu-product-sub .sub-menu > li .showhide-subul {
            position: absolute;
            top: 0;
            height: 40px;
            right: 0;
            font-size: 1.8rem;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 35px;
            z-index: 2;
            cursor: pointer;
            background: #d90000;
        }
        /* lớp 1 end */

        /* lớp 2 strat */
        #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > a {
            padding: .7em 40px 0.7em 3.2rem;
        }

            #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > a:before {
                content: "›";
                font: normal normal normal 17px/1 FontAwesome;
                padding-right: 6px;
                top: -2px;
                left: 0rem;
                position: relative;
            }

        /* lớp 2 end */

        /* lớp 3 strat */
        #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > a {
            padding: .7em 40px 0.7em 4rem;
        }

            #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > a:before {
                content: "\f068";
                font-family: "Font Awesome 5 Pro";
                font-size: 0.5rem;
                padding-right: 6px;
                top: -2px;
                left: 0;
                position: relative;
            }

        /* lớp 4 end */

        /* lớp 4 strat */
        #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > ul > li > a {
            padding: .7em 40px 0.7em 55px;
        }

            #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > ul > li > a:before {
                content: "\f067";
                font-family: "Font Awesome 5 Pro";
                font-size: 0.5rem;
                padding-right: 6px;
                top: -2px;
                left: 0;
                position: relative;
            }

        /* lớp 4 end */

        /* lớp 5 strat */
        #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > ul > li > ul > li > a {
            padding: .7em 40px 0.7em 66px;
        }

            #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li > ul > li > ul > li > ul > li > a:before {
                content: "\f0da";
                font-family: "Font Awesome 5 Pro";
                font-size: 0.5rem;
                padding-right: 6px;
                top: -2px;
                left: 0;
                position: relative;
            }

        /* lớp 5 end */

        /*các lớp sau start */
        #menu .menu #menu-product > li .menu-product-sub > .sub-menu > li > ul > li .icon {
            display: none;
        }
    /* các lớp sau end */
}

/* menu product end*/

/* menu-manege start */
#show-menu-left {
    width: 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    height: 2.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    z-index: 1040;
    -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;
}

#menu_manage {
    background: #f9f9f9;
    -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;
}

    #menu_manage .offcanvas-body {
        padding: 0.25rem;
        scrollbar-width: thin;
        scrollbar-color: #2483c5;
    }

        #menu_manage .offcanvas-body::-webkit-scrollbar {
            width: 0.65rem;
        }

        #menu_manage .offcanvas-body::-webkit-scrollbar-thumb {
            background-color: #2483c5;
            cursor: pointer;
            border-radius: 0.25rem;
        }

    #menu_manage > .offcanvas-body > ul {
    }

        #menu_manage > .offcanvas-body > ul > li {
        }

        #menu_manage > .offcanvas-body > ul li {
            position: relative;
            margin-top: 1px;
        }

        #menu_manage > .offcanvas-body > ul > li > a {
            padding: 0.5rem;
        }

        #menu_manage > .offcanvas-body > ul li a {
            font-size: 0.9rem;
            display: block;
            -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;
        }

        #menu_manage > .offcanvas-body > ul li .showhide-subul {
            position: absolute;
            top: 0rem;
            right: 0rem;
            height: 2.5rem;
            width: 2.5rem;
            display: inline-flex;
            -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;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            cursor: pointer;
        }

        #menu_manage > .offcanvas-body > ul li .sub-menu {
            display: none;
        }

            #menu_manage > .offcanvas-body > ul li .sub-menu:hover {
                /*border-left: 3px solid #2483c5;
            border-radius: 0.5rem;
            margin-left: -3px;*/
            }

        /*lớp 2 start */
        #menu_manage > .offcanvas-body > ul > li > ul li a {
            position: relative;
        }

        #menu_manage > .offcanvas-body > ul > li > ul > li > a {
            padding: 0.5rem 0.5rem 0.5rem 1.5rem;
            font-size: 0.96rem;
        }

            #menu_manage > .offcanvas-body > ul > li > ul > li > a:after {
                content: "\203A";
                left: 0.85rem;
                top: 0.4rem;
                position: absolute;
                display: block;
            }
        /*lớp 2 end */

        /*lớp 3 start */
        #menu_manage > .offcanvas-body > ul > li > ul > li > ul > li > a {
            padding: 0.5rem 0.5rem 0.5rem 1.5rem;
            font-size: 0.94rem;
        }

        /*lớp 3 end */

        /*hover start */
        #menu_manage > .offcanvas-body > ul li:hover > a {
            background: #2483c5;
            color: #fff;
            border-radius: 0.25rem;
        }

        #menu_manage > .offcanvas-body > ul li:hover .showhide-subul {
            color: #fff
        }

        #menu_manage > .offcanvas-body > ul > li > ul li:hover a:after {
            color: #fff
        }
/*hover start end*/

@media screen and (min-width:1200px) {
    #show-menu-left {
        display: none !important;
    }

    body:has(.offcanvas.offcanvas-start.show#menu_manage) {
        overflow: auto !important;
        padding-right: 0px !important;
    }

    .offcanvas.offcanvas-start.show#menu_manage ~ .offcanvas-backdrop.fade.show {
        opacity: 0 !important;
        z-index: -1 !important;
    }

    #menu_manage {
        visibility: visible;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        z-index: 1;
        border: 0;
        border-radius: 0.25rem;
    }

        #menu_manage > .offcanvas-header {
            display: none;
        }
}

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

    body:has(.offcanvas.offcanvas-start.show#menu_manage) {
    }

    .offcanvas.offcanvas-start.show#menu_manage ~ .offcanvas-backdrop.fade.show {
    }

    #menu_manage {
    }

        #menu_manage > .offcanvas-header {
        }

        #menu_manage > .offcanvas-body > ul {
        }

            #menu_manage > .offcanvas-body > ul > li {
            }

            #menu_manage > .offcanvas-body > ul li {
            }

                #menu_manage > .offcanvas-body > ul li a {
                }

                #menu_manage > .offcanvas-body > ul li .showhide-subul {
                }

                #menu_manage > .offcanvas-body > ul li .sub-menu {
                }

            /*lớp 2 start */
            #menu_manage > .offcanvas-body > ul > ul {
            }
                /*lớp 2 end */
                /*lớp 3 start */
                #menu_manage > .offcanvas-body > ul > ul > ul {
                }
    /*lớp 3 end */
}
/* menu-manege emd */

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