.wp-block-audio figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px
}

.wp-block-audio audio {
    width: 100%;
    min-width: 300px
}

.block-editor-block-list__layout .reusable-block-edit-panel {
    align-items: center;
    background: #f8f9f9;
    color: #555d66;
    display: flex;
    flex-wrap: wrap;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    top: -14px;
    margin: 0 -14px;
    padding: 8px 14px;
    position: relative;
    border: 1px dashed rgba(145, 151, 162, .25);
    border-bottom: none
}

.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel {
    margin: 0 -14px;
    padding: 8px 14px
}

.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
    margin: 0 5px
}

.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
    margin-right: auto
}

.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
    margin-right: 8px;
    white-space: nowrap;
    font-weight: 600
}

.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
    flex: 1 1 100%;
    font-size: 14px;
    height: 30px;
    margin: 4px 0 8px
}

.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
    flex-shrink: 0
}

@media (min-width: 960px) {
    .block-editor-block-list__layout .reusable-block-edit-panel {
        flex-wrap: nowrap
    }

    .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
        margin: 0
    }

    .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
        margin: 0 0 0 5px
    }
}

.editor-block-list__layout .is-selected .reusable-block-edit-panel {
    border-color: rgba(66, 88, 99, .4) rgba(66, 88, 99, .4) rgba(66, 88, 99, .4) transparent
}

.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel {
    border-color: hsla(0, 0%, 100%, .45) hsla(0, 0%, 100%, .45) hsla(0, 0%, 100%, .45) transparent
}

.block-editor-block-list__layout .reusable-block-indicator {
    background: #fff;
    border: 1px dashed #e2e4e7;
    color: #555d66;
    top: -14px;
    height: 30px;
    padding: 4px;
    position: absolute;
    z-index: 1;
    width: 30px;
    right: -14px
}

.wp-block-button {
    color: #fff;
    margin-bottom: 1.5em
}

.wp-block-button.aligncenter {
    text-align: center
}

.wp-block-button.alignright {
    text-align: right
}

.wp-block-button__link {
    background-color: #32373c;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color: inherit
}

.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.is-style-outline {
    color: #32373c
}

.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid
}

.wp-block-calendar {
    text-align: center
}

.wp-block-calendar tbody td, .wp-block-calendar th {
    padding: 4px;
    border: 1px solid #e2e4e7
}

.wp-block-calendar tfoot td {
    border: none
}

.wp-block-calendar table {
    width: 100%;
    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.wp-block-calendar table th {
    font-weight: 440;
    background: #edeff0
}

.wp-block-calendar a {
    text-decoration: underline
}

.wp-block-calendar tfoot a {
    color: #00739c
}

.wp-block-calendar table caption, .wp-block-calendar table tbody {
    color: #40464d
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap: nowrap
    }
}

.wp-block-column {
    flex-grow: 1;
    margin-bottom: 1em;
    flex-basis: 100%;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (min-width: 600px) {
    .wp-block-column {
        flex-basis: calc(50% - 16px);
        flex-grow: 0
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 32px
    }
}

@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 32px
    }
}

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    margin: 0 0 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.wp-block-cover-image.has-left-content, .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover-image.has-left-content .wp-block-cover-text, .wp-block-cover-image.has-left-content h2, .wp-block-cover.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, .wp-block-cover.has-left-content h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content, .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover-image.has-right-content .wp-block-cover-text, .wp-block-cover-image.has-right-content h2, .wp-block-cover.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, .wp-block-cover.has-right-content h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
    color: #fff;
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 610px;
    padding: 14px;
    text-align: center
}

.wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-image-text a:active, .wp-block-cover-image .wp-block-cover-image-text a:focus, .wp-block-cover-image .wp-block-cover-image-text a:hover, .wp-block-cover-image .wp-block-cover-text a, .wp-block-cover-image .wp-block-cover-text a:active, .wp-block-cover-image .wp-block-cover-text a:focus, .wp-block-cover-image .wp-block-cover-text a:hover, .wp-block-cover-image h2 a, .wp-block-cover-image h2 a:active, .wp-block-cover-image h2 a:focus, .wp-block-cover-image h2 a:hover, .wp-block-cover .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-image-text a:active, .wp-block-cover .wp-block-cover-image-text a:focus, .wp-block-cover .wp-block-cover-image-text a:hover, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .wp-block-cover-text a:active, .wp-block-cover .wp-block-cover-text a:focus, .wp-block-cover .wp-block-cover-text a:hover, .wp-block-cover h2 a, .wp-block-cover h2 a:active, .wp-block-cover h2 a:focus, .wp-block-cover h2 a:hover {
    color: #fff
}

.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
    background-attachment: fixed
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: inherit;
    opacity: .5;
    z-index: 1
}

.wp-block-cover-image.has-background-dim.has-background-dim-10:before, .wp-block-cover.has-background-dim.has-background-dim-10:before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20:before, .wp-block-cover.has-background-dim.has-background-dim-20:before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30:before, .wp-block-cover.has-background-dim.has-background-dim-30:before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40:before, .wp-block-cover.has-background-dim.has-background-dim-40:before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50:before, .wp-block-cover.has-background-dim.has-background-dim-50:before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60:before, .wp-block-cover.has-background-dim.has-background-dim-60:before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70:before, .wp-block-cover.has-background-dim.has-background-dim-70:before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80:before, .wp-block-cover.has-background-dim.has-background-dim-80:before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90:before, .wp-block-cover.has-background-dim.has-background-dim-90:before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100:before, .wp-block-cover.has-background-dim.has-background-dim-100:before {
    opacity: 1
}

.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
    max-width: 305px;
    width: 100%
}

.wp-block-cover-image:after, .wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-cover-image:after, .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
    display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 70px);
    z-index: 1;
    color: #f8f9f9
}

.wp-block-cover-image .wp-block-subhead, .wp-block-cover-image h1, .wp-block-cover-image h2, .wp-block-cover-image h3, .wp-block-cover-image h4, .wp-block-cover-image h5, .wp-block-cover-image h6, .wp-block-cover-image p, .wp-block-cover .wp-block-subhead, .wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6, .wp-block-cover p {
    color: inherit
}

.wp-block-cover__video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit, .block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit, .wp-block-embed.alignleft, .wp-block-embed.alignright {
    max-width: 360px;
    width: 100%
}

.wp-block-embed {
    margin-bottom: 1em
}

.wp-block-embed figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
    padding-top: 66.66%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: 13px;
    padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
    text-decoration: none
}

.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-file * + .wp-block-file__button {
    margin-left: .75em
}

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0
}

.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    margin: 0 16px 16px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
    margin: 0;
    height: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

.wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
        width: auto
    }
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 40px 10px 9px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}

.wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
    display: inline
}

.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 8px)
}

.wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0
}

@media (min-width: 600px) {
    .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
            width: calc(33.33333% - 11.66667px)
        }
    }.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
         width: calc(25% - 12px);
         margin-right: 16px
     }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
            width: calc(25% - 13px)
        }
    }.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
         width: calc(20% - 12.8px);
         margin-right: 16px
     }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
            width: calc(20% - 13.8px)
        }
    }.wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
         width: calc(16.66667% - 13.33333px);
         margin-right: 16px
     }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
            width: calc(16.66667% - 14.33333px)
        }
    }.wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
         width: calc(14.28571% - 13.71429px);
         margin-right: 16px
     }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
            width: calc(14.28571% - 14.71429px)
        }
    }.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
         width: calc(12.5% - 14px);
         margin-right: 16px
     }

    @supports (-ms-ime-align:auto) {
        .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
            width: calc(12.5% - 15px)
        }
    }.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
         margin-right: 0
     }
}

.wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0
}

.wp-block-gallery .blocks-gallery-item.has-add-item-button {
    width: 100%
}

.wp-block-gallery.alignleft, .wp-block-gallery.alignright {
    max-width: 305px;
    width: 100%
}

.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
    display: flex
}

.wp-block-gallery.aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0
}

.wp-block-image img {
    max-width: 100%
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    width: 100%
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
    display: table;
    margin-left: 0;
    margin-right: 0
}

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
    display: table-caption;
    caption-side: bottom
}

.wp-block-image .alignleft {
    float: left;
    margin-right: 1em
}

.wp-block-image .alignright {
    float: right;
    margin-left: 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px
}

.wp-block-latest-comments__comment {
    font-size: 15px;
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 36px;
    list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 52px
}

.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: 14px;
    line-height: 1.8;
    margin: 5px 0 20px
}

.wp-block-latest-comments__comment-date {
    color: #8f98a1;
    display: block;
    font-size: 12px
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
    border-radius: 24px;
    display: block;
    float: left;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.wp-block-latest-posts.is-grid li {
    margin: 0 16px 16px 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - 16px)
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - 16px)
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - 16px)
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 16px)
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 16px)
    }
}

.wp-block-latest-posts__post-date {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-media-text {
    display: grid;
    grid-template-rows:auto;
    align-items: center;
    grid-template-areas:"media-text-media media-text-content";
    grid-template-columns:50% auto
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-areas:"media-text-content media-text-media";
    grid-template-columns:auto 50%
}

.wp-block-media-text .wp-block-media-text__media {
    grid-area: media-text-media;
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    grid-area: media-text-content;
    padding: 0 8%
}

.wp-block-media-text > figure > img, .wp-block-media-text > figure > video {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns:100% !important;
        grid-template-areas:"media-text-media" "media-text-content"
    }

    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
        grid-template-areas:"media-text-content" "media-text-media"
    }
}

.is-small-text {
    font-size: 14px
}

.is-regular-text {
    font-size: 16px
}

.is-large-text {
    font-size: 36px
}

.is-larger-text {
    font-size: 48px
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

.has-drop-cap:not(:focus):after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px
}

p.has-background {
    padding: 20px 30px
}

p.has-text-color a {
    color: inherit
}

.wp-block-pullquote {
    padding: 3em 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
    max-width: 305px
}

.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
    font-size: 20px
}

.wp-block-pullquote p {
    font-size: 28px;
    line-height: 1.6
}

.wp-block-pullquote cite, .wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none
}

.wp-block-pullquote.is-style-solid-color {
    border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding: 0 1em
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-size: 24px;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
    font-size: 18px;
    text-align: right
}

.wp-block-rss.alignleft {
    margin-right: 2em
}

.wp-block-rss.alignright {
    margin-left: 2em
}

.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.wp-block-rss.is-grid li {
    margin: 0 16px 16px 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-rss.columns-2 li {
        width: calc(50% - 16px)
    }

    .wp-block-rss.columns-3 li {
        width: calc(33.33333% - 16px)
    }

    .wp-block-rss.columns-4 li {
        width: calc(25% - 16px)
    }

    .wp-block-rss.columns-5 li {
        width: calc(20% - 16px)
    }

    .wp-block-rss.columns-6 li {
        width: calc(16.66667% - 16px)
    }
}

.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
    color: #6c7781;
    font-size: 13px
}

.wp-block-search {
    display: flex;
    flex-wrap: wrap
}

.wp-block-search .wp-block-search__label {
    width: 100%
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1
}

.wp-block-search .wp-block-search__button {
    margin-left: 10px
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px
}

.wp-block-separator.is-style-dots {
    background: none;
    border: none;
    text-align: center;
    max-width: none;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    content: "\00b7 \00b7 \00b7";
    color: #191e23;
    font-size: 20px;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

p.wp-block-subhead {
    font-size: 1.1em;
    font-style: italic;
    opacity: .75
}

.wp-block-table.has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table.has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table.has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table.has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd), .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td {
    border-color: transparent
}

.wp-block-text-columns, .wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 16px;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    white-space: nowrap;
    overflow: auto
}

.wp-block-video {
    margin-left: 0;
    margin-right: 0
}

.wp-block-video video {
    max-width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px
}

.has-pale-pink-background-color.has-pale-pink-background-color {
    background-color: #f78da7
}

.has-vivid-red-background-color.has-vivid-red-background-color {
    background-color: #cf2e2e
}

.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {
    background-color: #ff6900
}

.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {
    background-color: #fcb900
}

.has-light-green-cyan-background-color.has-light-green-cyan-background-color {
    background-color: #7bdcb5
}

.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {
    background-color: #00d084
}

.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {
    background-color: #8ed1fc
}

.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
    background-color: #0693e3
}

.has-very-light-gray-background-color.has-very-light-gray-background-color {
    background-color: #eee
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
    background-color: #abb8c3
}

.has-very-dark-gray-background-color.has-very-dark-gray-background-color {
    background-color: #313131
}

.has-pale-pink-color.has-pale-pink-color {
    color: #f78da7
}

.has-vivid-red-color.has-vivid-red-color {
    color: #cf2e2e
}

.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
    color: #ff6900
}

.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
    color: #fcb900
}

.has-light-green-cyan-color.has-light-green-cyan-color {
    color: #7bdcb5
}

.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
    color: #00d084
}

.has-pale-cyan-blue-color.has-pale-cyan-blue-color {
    color: #8ed1fc
}

.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
    color: #0693e3
}

.has-very-light-gray-color.has-very-light-gray-color {
    color: #eee
}

.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
    color: #abb8c3
}

.has-very-dark-gray-color.has-very-dark-gray-color {
    color: #313131
}

.has-small-font-size {
    font-size: 13px
}

.has-normal-font-size, .has-regular-font-size {
    font-size: 16px
}

.has-medium-font-size {
    font-size: 20px
}

.has-large-font-size {
    font-size: 36px
}

.has-huge-font-size, .has-larger-font-size {
    font-size: 42px
}

.cpd_front_list, .cpd_front_list li {
    list-style-type: none !important;
    margin-left: 0 !important
}

.cpd_front_list li b {
    float: right
}

h2 .cpd_icon {
    vertical-align: top;
    margin-top: 2px
}

#cpdtoolccs h3 {
    margin-left: 1em
}

.cpd_backups {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse
}

.cpd_backups tr:nth-child(2n) {
    background: #fff
}

.cpd_backups td {
    border-bottom: 1px #ccc solid
}

.cpd_backups a {
    text-decoration: none
}

.cpd_green {
    font-size: 16px;
    font-weight: 700;
    color: green;
    margin-right: 3px
}

.cpd_halfsize {
    width: 49%;
    float: left
}

.cpd_settings fieldset {
    margin: 5px 5px 20px;
    padding: 0 10px 0;
    border: 1px solid #dfdfdf;
    background: #fafafa
}

.cpd_settings legend {
    background: #eee;
    border: 1px solid #dfdfdf;
    margin: 0 10px;
    padding: 1px 7px 2px;
    text-shadow: 0 1px 0 #fff;
    font-size: 15px
}

.cpd_settings .form-table {
    margin-bottom: 5px !important
}

.cpd_red {
    color: red !important
}

.cpd_icon {
    display: inline-block;
    background: url(plugins/count-per-day/img/cpd_sprites.png) no-repeat top left;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    padding: 0 !important
}

.cpd_backup {
    background-position: 0 0
}

.cpd_clean {
    background-position: 0 -46px
}

.cpd_collection {
    background-position: 0 -92px
}

.cpd_computer {
    background-position: 0 -138px
}

.cpd_calendar {
    background-position: 0 -184px
}

.cpd_day {
    background-position: 0 -230px
}

.cpd_geoip {
    background-position: 0 -276px
}

.cpd_help {
    background-position: 0 -322px
}

.cpd_massbots {
    background-position: 0 -368px
}

.cpd_online {
    background-position: 0 -414px
}

.cpd_post {
    background-position: 0 -460px
}

.cpd_reads {
    background-position: 0 -506px
}

.cpd_referrer {
    background-position: 0 -552px
}

.cpd_reset {
    background-position: 0 -598px
}

.cpd_settings {
    background-position: 0 -644px
}

.cpd_summary {
    background-position: 0 -690px
}

.cpd_tools {
    background-position: 0 -736px
}

.cpd_uninstall {
    background-position: 0 -782px
}

.cpd_update {
    background-position: 0 -828px
}

.cpd_user {
    background-position: 0 -874px
}

.cpd_logo {
    width: 32px;
    height: 32px;
    vertical-align: middle
}

#cpd-flot-place {
    padding: 5px;
    background: #fff;
    border: 1px #ccc solid;
    margin: 5px 8px
}

#cpd-flot-place .button {
    padding: 2px 10px;
    height: 20px;
    line-height: 14px
}

#cpd-flot-choice {
    padding: 5px;
    text-align: center
}

#cpd-flot {
    clear: both;
    overflow: hidden;
    margin-top: 5px
}

#cpd-tooltip {
    position: absolute;
    z-index: 10;
    display: none;
    text-align: center;
    padding: 2px 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .4)
}

.cpd-list-chart {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: -moz-linear-gradient(top, #ccc 0, #fff 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(80%, #fff))
}

.cpd-dashboard .inside {
    padding: 0 5px
}

.cpd-dashboard .postbox {
    min-width: 0 !important
}

.cpd-dashboard .cpd_front_list {
    padding-right: 5px;
    max-height: 200px;
    overflow-y: auto
}

.cpd-dashboard li {
    color: #777;
    padding-bottom: 2px;
    border-bottom: 1px #ddd dotted;
    overflow: hidden
}

.cpd-dashboard li b {
    float: right;
    text-align: right;
    font-size: 1.2em;
    color: #2583ad
}

.cpd-dashboard li span {
    color: red
}

.cpd-dashboard a {
    text-decoration: none
}

.column-cpd_reads {
    width: 50px;
    white-space: nowrap;
    overflow: visible
}

.cpd-r {
    float: right;
    text-align: right
}

.columns-prefs .columns-prefs-3, .columns-prefs .columns-prefs-4 {
    display: inline-block !important
}

.cpd_widget_item {
    padding: 2px 5px;
    background: #eee;
    cursor: move;
    border-radius: 4px
}

.cpd_widget_title {
    cursor: auto
}

.cpd_widget_item .widefat {
    width: 235px !important;
    margin-left: 15px
}

.cpd-thickbox {
    background-color: #f7f6f1;
    font-size: 13px
}

.cpd-thickbox h2 {
    font: italic 1.5em Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    margin: 0;
    padding: 0;
    color: #093e56
}

.cpd-thickbox li {
    padding-bottom: 5px;
    border-top: none
}

.cpd-notes {
    width: 100%;
    width: auto;
    margin: 1px;
    border-color: #000;
    border-collapse: collapse
}

.cpd-notes td, .cpd-notes th {
    vertical-align: top;
    text-align: left;
    padding: 2px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px #aaa solid
}

.cpd-notes th {
    background-color: #8cbdd5;
    font-weight: 700
}

.cpd-notes .nowrap {
    white-space: nowrap
}

.cpd-notes .red {
    background-color: red;
    color: #ff0
}

.cpd-notes .green {
    background-color: #0a0;
    color: #ff0
}

.cpd-notes input {
    width: 97%;
    font: 12px Verdana, Arial, Helvetica, sans-serif
}

.cpd-client-logo {
    padding-left: 25px;
    background: url(plugins/count-per-day/img/cpd_clients.png) no-repeat left -25px
}

.cpd-client-chrome {
    background-position: 0 0
}

.cpd-client-firefox {
    background-position: 0 -49px
}

.cpd-client-msie {
    background-position: 0 -98px
}

.cpd-client-opera {
    background-position: 0 -147px
}

.cpd-client-safari {
    background-position: 0 -196px
}

#cpd_referrers li a {
    width: 85%;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

.cpd-flag {
    display: inline-block;
    float: left;
    width: 23px;
    height: 12px;
    margin-top: 3px;
    background-image: url(plugins/count-per-day/img/cpd_flags.png);
    background-repeat: no-repeat
}

.cpd-flag-ae {
    background-position: 0 0
}

.cpd-flag-af, .cpd-flag-xh, .cpd-flag-zu {
    background-position: 0 -13px
}

.cpd-flag-al {
    background-position: 0 -26px
}

.cpd-flag-am {
    background-position: 0 -39px
}

.cpd-flag-ar {
    background-position: 0 -52px
}

.cpd-flag-at {
    background-position: 0 -65px
}

.cpd-flag-au {
    background-position: 0 -78px
}

.cpd-flag-az {
    background-position: 0 -91px
}

.cpd-flag-ba {
    background-position: 0 -104px
}

.cpd-flag-bd {
    background-position: 0 -117px
}

.cpd-flag-be {
    background-position: 0 -130px
}

.cpd-flag-bg {
    background-position: 0 -143px
}

.cpd-flag-bh {
    background-position: 0 -156px
}

.cpd-flag-bn {
    background-position: 0 -169px
}

.cpd-flag-bo {
    background-position: 0 -182px
}

.cpd-flag-br {
    background-position: 0 -195px
}

.cpd-flag-by {
    background-position: 0 -208px
}

.cpd-flag-bz {
    background-position: 0 -221px
}

.cpd-flag-ca {
    background-position: 0 -234px
}

.cpd-flag-ch {
    background-position: 0 -247px
}

.cpd-flag-ci {
    background-position: 0 -260px
}

.cpd-flag-cl {
    background-position: 0 -273px
}

.cpd-flag-cn {
    background-position: 0 -286px
}

.cpd-flag-co {
    background-position: 0 -299px
}

.cpd-flag-cr {
    background-position: 0 -312px
}

.cpd-flag-cs {
    background-position: 0 -325px
}

.cpd-flag-cy, .cpd-flag-el, .cpd-flag-gr {
    background-position: 0 -338px
}

.cpd-flag-cz {
    background-position: 0 -351px
}

.cpd-flag-da, .cpd-flag-dk {
    background-position: 0 -364px
}

.cpd-flag-de {
    background-position: 0 -377px
}

.cpd-flag-do {
    background-position: 0 -390px
}

.cpd-flag-dz {
    background-position: 0 -403px
}

.cpd-flag-ec {
    background-position: 0 -416px
}

.cpd-flag-ee {
    background-position: 0 -429px
}

.cpd-flag-eg {
    background-position: 0 -442px
}

.cpd-flag-en, .cpd-flag-us {
    background-position: 0 -455px
}

.cpd-flag-eo {
    background-position: 0 -468px
}

.cpd-flag-es {
    background-position: 0 -481px
}

.cpd-flag-eu {
    background-position: 0 -494px
}

.cpd-flag-fi {
    background-position: 0 -507px
}

.cpd-flag-fo {
    background-position: 0 -520px
}

.cpd-flag-fr {
    background-position: 0 -533px
}

.cpd-flag-gb {
    background-position: 0 -546px
}

.cpd-flag-ge {
    background-position: 0 -559px
}

.cpd-flag-gt {
    background-position: 0 -572px
}

.cpd-flag-hk {
    background-position: 0 -585px
}

.cpd-flag-hn {
    background-position: 0 -598px
}

.cpd-flag-hr {
    background-position: 0 -611px
}

.cpd-flag-hu {
    background-position: 0 -624px
}

.cpd-flag-id {
    background-position: 0 -637px
}

.cpd-flag-ie {
    background-position: 0 -650px
}

.cpd-flag-il {
    background-position: 0 -663px
}

.cpd-flag-in {
    background-position: 0 -676px
}

.cpd-flag-iq {
    background-position: 0 -689px
}

.cpd-flag-ir {
    background-position: 0 -702px
}

.cpd-flag-is {
    background-position: 0 -715px
}

.cpd-flag-it {
    background-position: 0 -728px
}

.cpd-flag-ja, .cpd-flag-jp {
    background-position: 0 -741px
}

.cpd-flag-jm {
    background-position: 0 -754px
}

.cpd-flag-jo {
    background-position: 0 -767px
}

.cpd-flag-kk {
    background-position: 0 -780px
}

.cpd-flag-kp {
    background-position: 0 -793px
}

.cpd-flag-kr {
    background-position: 0 -806px
}

.cpd-flag-kw {
    background-position: 0 -819px
}

.cpd-flag-ky {
    background-position: 0 -832px
}

.cpd-flag-lb {
    background-position: 0 -845px
}

.cpd-flag-li {
    background-position: 0 -858px
}

.cpd-flag-lk {
    background-position: 0 -871px
}

.cpd-flag-ls {
    background-position: 0 -884px
}

.cpd-flag-lt {
    background-position: 0 -897px
}

.cpd-flag-lu {
    background-position: 0 -910px
}

.cpd-flag-lv {
    background-position: 0 -923px
}

.cpd-flag-ly {
    background-position: 0 -936px
}

.cpd-flag-ma {
    background-position: 0 -949px
}

.cpd-flag-mk {
    background-position: 0 -962px
}

.cpd-flag-mm {
    background-position: 0 -975px
}

.cpd-flag-mo {
    background-position: 0 -988px
}

.cpd-flag-mt {
    background-position: 0 -1001px
}

.cpd-flag-mx {
    background-position: 0 -1014px
}

.cpd-flag-my {
    background-position: 0 -1027px
}

.cpd-flag-nb, .cpd-flag-nn, .cpd-flag-no {
    background-position: 0 -1040px
}

.cpd-flag-ni {
    background-position: 0 -1053px
}

.cpd-flag-nl {
    background-position: 0 -1066px
}

.cpd-flag-nz {
    background-position: 0 -1079px
}

.cpd-flag-om {
    background-position: 0 -1092px
}

.cpd-flag-pa {
    background-position: 0 -1105px
}

.cpd-flag-pe {
    background-position: 0 -1118px
}

.cpd-flag-ph {
    background-position: 0 -1131px
}

.cpd-flag-pk {
    background-position: 0 -1144px
}

.cpd-flag-pl {
    background-position: 0 -1157px
}

.cpd-flag-pr {
    background-position: 0 -1170px
}

.cpd-flag-pt {
    background-position: 0 -1183px
}

.cpd-flag-py {
    background-position: 0 -1196px
}

.cpd-flag-qa {
    background-position: 0 -1209px
}

.cpd-flag-ro {
    background-position: 0 -1222px
}

.cpd-flag-rs {
    background-position: 0 -1235px
}

.cpd-flag-ru {
    background-position: 0 -1248px
}

.cpd-flag-sa {
    background-position: 0 -1261px
}

.cpd-flag-se {
    background-position: 0 -1274px
}

.cpd-flag-sg {
    background-position: 0 -1287px
}

.cpd-flag-si {
    background-position: 0 -1300px
}

.cpd-flag-sk {
    background-position: 0 -1313px
}

.cpd-flag-sv {
    background-position: 0 -1326px
}

.cpd-flag-sy {
    background-position: 0 -1339px
}

.cpd-flag-th {
    background-position: 0 -1352px
}

.cpd-flag-tn {
    background-position: 0 -1365px
}

.cpd-flag-tr {
    background-position: 0 -1378px
}

.cpd-flag-tt {
    background-position: 0 -1391px
}

.cpd-flag-tw {
    background-position: 0 -1404px
}

.cpd-flag-tz {
    background-position: 0 -1417px
}

.cpd-flag-ua {
    background-position: 0 -1430px
}

.cpd-flag-unknown, .cpd-flag-a1, .cpd-flag-a2, .cpd-flag-o1 {
    background-position: 0 -1443px
}

.cpd-flag-uy {
    background-position: 0 -1456px
}

.cpd-flag-uz {
    background-position: 0 -1469px
}

.cpd-flag-ve {
    background-position: 0 -1482px
}

.cpd-flag-vn {
    background-position: 0 -1495px
}

.cpd-flag-ye {
    background-position: 0 -1508px
}

.cpd-flag-za {
    background-position: 0 -1521px
}

.cpd-flag-me {
    background-position: 0 -1534px
}

.cpd-flag-md {
    background-position: 0 -1547px
}

.cpd-flag-np {
    background-position: 0 -1560px
}

.cpd-flag-bs {
    background-position: 0 -1573px
}

.cpd-flag-cm {
    background-position: 0 -1586px
}

.cpd-flag-mn {
    background-position: 0 -1599px
}

.cpd-flag-kz {
    background-position: 0 -1612px
}

.cpd-flag-ng {
    background-position: 0 -1625px
}

.cpd-flag-kh {
    background-position: 0 -1638px
}

.cpd-flag-sd {
    background-position: 0 -1651px
}

.cpd-flag-mw {
    background-position: 0 -1664px
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-menu > .mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

.mm-menu > .mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {
    height: 40px;
    bottom: auto
}

.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar > * {
    display: block;
    padding: 10px 0
}

.mm-navbar a, .mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #fff !important;
    font-weight: 700
}

.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 34px
}

.mm-listview a, .mm-listview a:hover {
    text-decoration: none
}

.mm-listview > li {
    position: relative
}

.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {
    border-color: inherit
}

.mm-listview > li > a, .mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    text-transform: capitalize;
    margin: 0
}

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
    padding-right: 50px
}

.mm-listview > li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mm-listview > li:not(.mm-divider):after {
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0
}

.mm-menu > .mm-panel > .mm-listview {
    margin: 20px -20px
}

.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset > li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer > .mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-prev:before, .mm-next:after, .mm-arrow:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px
}

.mm-next:after, .mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-menu {
    background: url(themes/template/js/menu/bg_menu_re.png) repeat;
    border-color: #888;
    color: #fff
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    color: #fff
}

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: #fff
}

.mm-menu .mm-listview {
    border-color: #888
}

.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
    border-color: #fff
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, .05)
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, .05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease
}

html.mm-opened {
    overflow: hidden;
    position: relative
}

html.mm-opened body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
    max-height: 80%
}

.mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter + a.mm-next {
    width: 90px
}

em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
    margin-right: 90px
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: #fff
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left, right;
    -moz-transition-property: -moz-transform, left, right;
    -ms-transition-property: -ms-transform, left, right;
    -o-transition-property: -o-transform, left, right;
    transition-property: transform, left, right
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0;
    height: 100px
}

.mm-navbar-bottom b {
    width: 100%
}

.mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-close:after {
    content: 'x'
}

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar > .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar > .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar > .mm-breadcrumbs > a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panel {
    top: 40px
}

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px
}

.mm-hasnavbar-top-1 .mm-fixeddivider {
    top: 40px
}

.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 80px
}

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px
}

.mm-hasnavbar-top-2 .mm-fixeddivider {
    top: 80px
}

.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panel {
    top: 120px
}

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px
}

.mm-hasnavbar-top-3 .mm-fixeddivider {
    top: 120px
}

.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panel {
    top: 160px
}

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px
}

.mm-hasnavbar-top-4 .mm-fixeddivider {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panel {
    bottom: 40px
}

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panel {
    bottom: 80px
}

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panel {
    bottom: 120px
}

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panel {
    bottom: 160px
}

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2 > * {
    width: 50%
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0
}

.mm-search input {
    border: none;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults > a.mm-next {
    display: none
}

li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px
}

.mm-menu .mm-search input {
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-noresultsmsg {
    color: #fff
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    -moz-transition: right .4s ease;
    -ms-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: #fff
}

input.mm-toggle, input.mm-check {
    position: absolute;
    left: -10000px
}

label.mm-toggle, label.mm-check {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2
}

label.mm-toggle:before, label.mm-check:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
    bottom: auto;
    margin-top: 0
}

li.mm-vertical label.mm-toggle {
    top: 5px
}

li.mm-vertical label.mm-check {
    top: 5px
}

label.mm-toggle, label.mm-check {
    right: 20px
}

label.mm-toggle + a, label.mm-toggle + span {
    padding-right: 80px
}

label.mm-check + a, label.mm-check + span {
    padding-right: 60px
}

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
    right: 60px
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
    margin-right: 50px
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
    padding-right: 70px
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
    padding-right: 50px
}

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
    right: 100px
}

em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: #888
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .7)
}

.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after {
    content: none
}

.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after {
    left: 0 !important
}

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease
}

html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu {
    opacity: 1
}

.mm-menu.mm-effect-zoom-panels .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -ms-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0)
    }
}

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px #fff
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important
}

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: #888
}

.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: #888;
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a {
    color: #fff
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
    border-color: #fff
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: #888
}

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
    border-color: #fff
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white em.mm-counter {
    color: #fff
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: #fff
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: #fff
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: #888
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

.header1, .content1, .footer1 {
    text-align: center
}

.header1, .footer1 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 40px;
    padding: 0 50px
}

.header1.fixed1 {
    position: fixed;
    top: 0;
    left: 0
}

.footer1.fixed1 {
    position: fixed;
    bottom: 0;
    left: 0
}

.header1 a {
    background: center center no-repeat transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 10px
}

.header-bot {
    background: red
}

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

.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 {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

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

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

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

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

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

.owl-carousel.owl-drag .owl-item {
    -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
}

.no-js .owl-carousel {
    display: block
}

.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 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(../images/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%
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.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 {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

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

html {
    overflow-x: hidden
}

html, body {
    padding: 0;
    margin: 0;
    overflow-x: hidden
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

input[type=text], input[type=email], input[type=password], input[type=tel] {
    /*! border: 1px solid #e9e9e9; */
    /*! color: #1c1c1c; */
    /*! margin: 0 0 19px; */
    /*! min-height: 40px; */
    /*! padding: 0 20px */
}

a {
    color: #333
}

a:hover {
    color: #ddb22a;
    text-decoration: none !important
}

.remove {
    color: #999;
    font-size: 1em
}

.remove:hover {
    color: #ddb22a
}

.dropdown-menu {
    box-shadow: none
}

.dropdown-menu > li > a {
    white-space: inherit
}

.dropdown-menu > li > a:hover {
    color: #ddb22a
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: 0 0
}

.nav > li > a:focus, .nav > li > a:hover {
    background: 0 0
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: 0 0
}

.dropdown-menu > li > a {
    padding: 0
}

.row.row-noGutter {
    margin-left: 0;
    margin-right: 0
}

.row.row-noGutter > div[class^=col] {
    padding-right: 0;
    padding-left: 0
}

.row.row-10Gutter {
    margin-left: -5px;
    margin-right: -5px
}

.row.row-10Gutter > div[class^=col] {
    padding-right: 5px;
    padding-left: 5px
}

.row.row-8Gutter {
    margin-left: -4px;
    margin-right: -4px
}

.row.row-8Gutter > div[class^=col] {
    padding-right: 4px;
    padding-left: 4px
}

body, input, textarea, button, select {
    line-height: 1.7;
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
    color: #252525;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    letter-spacing: .25px
}

body {
    font-size: 14px;
    color: #252525
}

header nav {
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
    line-height: 1.4
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
    font-weight: inherit
}

a {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

a:focus {
    outline: none
}

h1, .h1 {
    font-size: 2.57143em
}

h2, .h2 {
    font-size: 2em
}

h3, .h3 {
    font-size: 1.71429em
}

h4, .h4 {
    font-size: 1.28571em
}

h5, .h5 {
    font-size: 1.14286em
}

h6, .h6 {
    font-size: 1.14286em
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #252525;
    letter-spacing: .01em
}

p {
    margin: 0 0 10px
}

p img {
    margin: 0
}

em {
    font-style: italic
}

b, strong {
    font-weight: 700
}

small {
    font-size: .9em
}

sup, sub {
    position: relative;
    font-size: 60%;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.5em
}

blockquote {
    font-size: 1.125em;
    line-height: 1.45;
    font-style: italic;
    margin: 0 0 30px;
    padding: 15px 30px;
    border-left: 1px solid #e1e1e1
}

blockquote p {
    margin-bottom: 0
}

blockquote p + cite {
    margin-top: 15px
}

blockquote cite {
    display: block;
    font-size: .75em
}

blockquote cite:before {
    content: "\2014 \0020"
}

code, pre {
    background-color: #faf7f5;
    font-family: Consolas, monospace;
    font-size: 1em;
    border: 0 none;
    padding: 0 2px;
    color: #51ab62
}

pre {
    overflow: auto;
    padding: 15px;
    margin: 0 0 30px
}

ul, ol {
    margin: 0;
    padding: 0
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

ul.square, .rte ul ul ul {
    list-style: square outside
}

ul.disc, .rte ul {
    list-style: disc outside
}

ol.alpha {
    list-style: lower-alpha outside
}

.inline-list li {
    display: inline-block;
    margin-bottom: 0
}

table {
    width: 100%;
    margin-bottom: 1em;
    border-collapse: collapse;
    border-spacing: 0
}

.table-wrap {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

th {
    font-weight: 700
}

th, td {
    text-align: left;
    padding: 15px;
    border: 1px solid #e1e1e1;
    color: #1c1c1c
}

a, .text-link {
    color: #333;
    text-decoration: none;
    background: 0 0
}

button {
    overflow: visible
}

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

img {
    border: 0 none;
    max-width: 100%;
    height: auto
}

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

.video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.table-wrapper {
    max-width: 100%;
    overflow: auto
}

form {
    /*margin-bottom: 30px*/
}

form a {
    color: #333
}

input, textarea, button, select {
    font-size: 1em
}

input:focus, textarea:focus, button:focus, select:focus {
    outline: none
}

button, input[type=text], input[type=search], input[type=password], input[type=email], input[type=file], input[type=number], input[type=tel], input[type=submit], textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}

input, textarea, select, fieldset {
    border-radius: 0;
    max-width: 100%
}

input.input-full, textarea.input-full, select.input-full, fieldset.input-full {
    width: 100%
}

fieldset {
    border: 1px solid #e1e1e1;
    padding: 15px
}

legend {
    border: 0;
    padding: 0
}

optgroup {
    font-weight: 700
}

input {
    display: inline-block;
    width: auto
}

button, input[type=submit] {
    cursor: pointer
}

input[type=text], input[type=search], input[type=password], input[type=email], input[type=file], input[type=number], input[type=tel], textarea, select {
    border: 1px solid #e1e1e1;
    /*! padding: 0 20px; */
    width: 100%;
    max-width: 100%;
    display: block
}

input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    border: 1px solid #c8c8c8
}

input[type=text][disabled], input[type=text].disabled, input[type=search][disabled], input[type=search].disabled, input[type=password][disabled], input[type=password].disabled, input[type=email][disabled], input[type=email].disabled, input[type=file][disabled], input[type=file].disabled, input[type=number][disabled], input[type=number].disabled, input[type=tel][disabled], input[type=tel].disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled {
    cursor: default;
    background-color: #ddd;
    border-color: #ddd
}

textarea {
    min-height: 100px;
    padding-top: 6px;
    padding-bottom: 6px
}

input[type=checkbox], input[type=radio] {
    display: inline;
    margin: 0;
    padding: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url(../images/ico-select.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #fff !important;
    padding-right: 28px;
    text-indent: .01px;
    text-overflow: '';
    cursor: pointer
}

.ie9 select, .lt-ie9 select {
    padding-right: 10px;
    background-image: none
}

option {
    color: #000;
    background-color: #fff
}

select::-ms-expand {
    display: none
}

label, legend {
    display: block;
    margin-bottom: 2px
}

label.inline, legend.inline {
    display: inline
}

input[type=checkbox] + label, input[type=radio] + label {
    font-weight: 400
}

label[for] {
    cursor: pointer
}

.label-hint {
    color: #999
}

form.form-horizontal, .form-horizontal {
    margin-bottom: 0
}

form.form-horizontal input[type=text], form.form-horizontal input[type=search], form.form-horizontal input[type=password], form.form-horizontal input[type=email], form.form-horizontal input[type=file], form.form-horizontal input[type=number], form.form-horizontal input[type=tel], form.form-horizontal textarea, form.form-horizontal select, form.form-horizontal label, .form-horizontal input[type=text], .form-horizontal input[type=search], .form-horizontal input[type=password], .form-horizontal input[type=email], .form-horizontal input[type=file], .form-horizontal input[type=number], .form-horizontal input[type=tel], .form-horizontal textarea, .form-horizontal select, .form-horizontal label {
    display: inline-block;
    margin-bottom: 0;
    width: auto
}

input[type=text].error, input[type=search].error, input[type=password].error, input[type=email].error, input[type=file].error, input[type=number].error, input[type=tel].error, textarea.error {
    border-color: red;
    color: red
}

label.error {
    color: red
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group .input-group-btn:first-child > input[type=submit], .input-group input[type=hidden]:first-child + .input-group-field, .input-group input[type=hidden]:first-child + .input-group-btn > .btn, .input-group input[type=hidden]:first-child + .input-group-btn > input[type=submit] {
    border-radius: 0
}

.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn, .input-group .input-group-btn:last-child > input[type=submit] {
    border-radius: 0
}

.input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px
}

.input-group-field, .input-group-btn {
    display: table-cell;
    vertical-align: middle;
    margin: 0
}

.input-group .btn, .input-group input[type=submit], .input-group .input-group-field {
    height: 40px
}

.input-group .input-group-field {
    width: 100%;
    margin-bottom: 0
}

.input-group-btn {
    position: relative;
    white-space: nowrap;
    width: 1%;
    padding: 0
}

.required {
    color: red
}

.form-group {
    margin: 0;
    padding: 0 0 8px;
    border: 0
}

.form-group .form-control {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: .375rem .75rem;
    font-size: 1em;
    border-radius: 0;
    line-height: 1.5;
    color: #252525;
    background-color: #f4f4f4;
    background-image: none;
    margin: 0;
    border: none;
    box-shadow: none
}

.form-group select.form-control {
    background-color: #f4f4f4 !important
}

.form-group label {
    margin-bottom: 5px
}

.form-group textarea.form-control {
    border: none
}

.form-group input, .form-group select {
    height: 40px;
    border-radius: 0
}

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 2em
}

.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
    margin-top: 0
}

.rte h5, .rte .h5, .rte .h5 {
    text-transform: uppercase
}

.rte > div {
    margin-bottom: 15px
}

.rte ul ul {
    list-style: circle outside
}

.rte li {
    margin-bottom: .4em
}

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

.rte table {
    table-layout: fixed
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.clearboth {
    clear: both
}

.no-background {
    background: 0 0 !important
}

.errors {
    color: red
}

.flexbox, .awe-popup {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.list-inline {
    *zoom: 1
}

.list-inline:after {
    content: "";
    display: table;
    clear: both
}

.list-inline li {
    float: left;
    margin: 0
}

.d-list > div {
    position: relative;
    margin-right: 15px
}

.d-list > div:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 13px;
    margin: auto;
    z-index: 9;
    background: #e1e1e1
}

.d-list > div:first-child {
    margin: 0
}

.d-list > div:first-child:before {
    display: none
}

.a-center {
    text-align: center !important
}

.a-left {
    text-align: left !important
}

.a-right {
    text-align: right !important
}

.f-left {
    float: left !important
}

.f-right {
    float: right !important
}

.f-none {
    float: none !important
}

.inline {
    display: inline !important
}

.block {
    display: block !important
}

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

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flexbox > div {
    flex: 1
}

.background-none {
    background: 0 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-border {
    border: none !important
}

.ov-h {
    overflow: hidden !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.bg-gray {
    background: #ededed
}

.margin-0 {
    margin: 0 !important
}

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

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

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

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

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

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

.padding-0 {
    padding: 0 !important
}

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

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

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

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

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

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

.margin-5 {
    margin: 5px !important
}

.margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.margin-horizontal-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-left-5 {
    margin-left: 5px !important
}

.margin-right-5 {
    margin-right: 5px !important
}

.padding-5 {
    padding: 5px !important
}

.padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.padding-horizontal-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.padding-top-5 {
    padding-top: 5px !important
}

.padding-bottom-5 {
    padding-bottom: 5px !important
}

.padding-left-5 {
    padding-left: 5px !important
}

.padding-right-5 {
    padding-right: 5px !important
}

.margin-10 {
    margin: 10px !important
}

.margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.margin-horizontal-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-left-10 {
    margin-left: 10px !important
}

.margin-right-10 {
    margin-right: 10px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.padding-horizontal-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.padding-top-10 {
    padding-top: 10px !important
}

.padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-left-10 {
    padding-left: 10px !important
}

.padding-right-10 {
    padding-right: 10px !important
}

.margin-15 {
    margin: 15px !important
}

.margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.margin-horizontal-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.margin-top-15 {
    margin-top: 15px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-left-15 {
    margin-left: 15px !important
}

.margin-right-15 {
    margin-right: 15px !important
}

.padding-15 {
    padding: 15px !important
}

.padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.padding-horizontal-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.padding-top-15 {
    padding-top: 15px !important
}

.padding-bottom-15 {
    padding-bottom: 15px !important
}

.padding-left-15 {
    padding-left: 15px !important
}

.padding-right-15 {
    padding-right: 15px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.margin-horizontal-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-left-20 {
    margin-left: 20px !important
}

.margin-right-20 {
    margin-right: 20px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.padding-horizontal-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.padding-top-20 {
    padding-top: 20px !important
}

.padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-left-20 {
    padding-left: 20px !important
}

.padding-right-20 {
    padding-right: 20px !important
}

.margin-25 {
    margin: 25px !important
}

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

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

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

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

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

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

.padding-25 {
    padding: 25px !important
}

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

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

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

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

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

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

.margin-30 {
    margin: 30px !important
}

.margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.margin-horizontal-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.margin-top-30 {
    margin-top: 30px !important
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

.margin-left-30 {
    margin-left: 30px !important
}

.margin-right-30 {
    margin-right: 30px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.padding-horizontal-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.padding-top-30 {
    padding-top: 30px !important
}

.padding-bottom-30 {
    padding-bottom: 30px !important
}

.padding-left-30 {
    padding-left: 30px !important
}

.padding-right-30 {
    padding-right: 30px !important
}

.margin-35 {
    margin: 35px !important
}

.margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.margin-horizontal-35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.margin-top-35 {
    margin-top: 35px !important
}

.margin-bottom-35 {
    margin-bottom: 35px !important
}

.margin-left-35 {
    margin-left: 35px !important
}

.margin-right-35 {
    margin-right: 35px !important
}

.padding-35 {
    padding: 35px !important
}

.padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.padding-horizontal-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.padding-top-35 {
    padding-top: 35px !important
}

.padding-bottom-35 {
    padding-bottom: 35px !important
}

.padding-left-35 {
    padding-left: 35px !important
}

.padding-right-35 {
    padding-right: 35px !important
}

.margin-40 {
    margin: 40px !important
}

.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.margin-horizontal-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.margin-top-40 {
    margin-top: 40px !important
}

.margin-bottom-40 {
    margin-bottom: 40px !important
}

.margin-left-40 {
    margin-left: 40px !important
}

.margin-right-40 {
    margin-right: 40px !important
}

.padding-40 {
    padding: 40px !important
}

.padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.padding-horizontal-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.padding-top-40 {
    padding-top: 40px !important
}

.padding-bottom-40 {
    padding-bottom: 40px !important
}

.padding-left-40 {
    padding-left: 40px !important
}

.padding-right-40 {
    padding-right: 40px !important
}

.margin-45 {
    margin: 45px !important
}

.margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.margin-horizontal-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.margin-top-45 {
    margin-top: 45px !important
}

.margin-bottom-45 {
    margin-bottom: 45px !important
}

.margin-left-45 {
    margin-left: 45px !important
}

.margin-right-45 {
    margin-right: 45px !important
}

.padding-45 {
    padding: 45px !important
}

.padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.padding-horizontal-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.padding-top-45 {
    padding-top: 45px !important
}

.padding-bottom-45 {
    padding-bottom: 45px !important
}

.padding-left-45 {
    padding-left: 45px !important
}

.padding-right-45 {
    padding-right: 45px !important
}

.margin-50 {
    margin: 50px !important
}

.margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.margin-horizontal-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.margin-top-50 {
    margin-top: 50px !important
}

.margin-bottom-50 {
    margin-bottom: 50px !important
}

.margin-left-50 {
    margin-left: 50px !important
}

.margin-right-50 {
    margin-right: 50px !important
}

.padding-50 {
    padding: 50px !important
}

.padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.padding-horizontal-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.padding-top-50 {
    padding-top: 50px !important
}

.padding-bottom-50 {
    padding-bottom: 50px !important
}

.padding-left-50 {
    padding-left: 50px !important
}

.padding-right-50 {
    padding-right: 50px !important
}

.margin-55 {
    margin: 55px !important
}

.margin-vertical-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.margin-horizontal-55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.margin-top-55 {
    margin-top: 55px !important
}

.margin-bottom-55 {
    margin-bottom: 55px !important
}

.margin-left-55 {
    margin-left: 55px !important
}

.margin-right-55 {
    margin-right: 55px !important
}

.padding-55 {
    padding: 55px !important
}

.padding-vertical-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.padding-horizontal-55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.padding-top-55 {
    padding-top: 55px !important
}

.padding-bottom-55 {
    padding-bottom: 55px !important
}

.padding-left-55 {
    padding-left: 55px !important
}

.padding-right-55 {
    padding-right: 55px !important
}

.margin-60 {
    margin: 60px !important
}

.margin-vertical-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.margin-horizontal-60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.margin-top-60 {
    margin-top: 60px !important
}

.margin-bottom-60 {
    margin-bottom: 60px !important
}

.margin-left-60 {
    margin-left: 60px !important
}

.margin-right-60 {
    margin-right: 60px !important
}

.padding-60 {
    padding: 60px !important
}

.padding-vertical-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.padding-horizontal-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.padding-top-60 {
    padding-top: 60px !important
}

.padding-bottom-60 {
    padding-bottom: 60px !important
}

.padding-left-60 {
    padding-left: 60px !important
}

.padding-right-60 {
    padding-right: 60px !important
}

.margin-65 {
    margin: 65px !important
}

.margin-vertical-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important
}

.margin-horizontal-65 {
    margin-left: 65px !important;
    margin-right: 65px !important
}

.margin-top-65 {
    margin-top: 65px !important
}

.margin-bottom-65 {
    margin-bottom: 65px !important
}

.margin-left-65 {
    margin-left: 65px !important
}

.margin-right-65 {
    margin-right: 65px !important
}

.padding-65 {
    padding: 65px !important
}

.padding-vertical-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important
}

.padding-horizontal-65 {
    padding-left: 65px !important;
    padding-right: 65px !important
}

.padding-top-65 {
    padding-top: 65px !important
}

.padding-bottom-65 {
    padding-bottom: 65px !important
}

.padding-left-65 {
    padding-left: 65px !important
}

.padding-right-65 {
    padding-right: 65px !important
}

.margin-70 {
    margin: 70px !important
}

.margin-vertical-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.margin-horizontal-70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.margin-top-70 {
    margin-top: 70px !important
}

.margin-bottom-70 {
    margin-bottom: 70px !important
}

.margin-left-70 {
    margin-left: 70px !important
}

.margin-right-70 {
    margin-right: 70px !important
}

.padding-70 {
    padding: 70px !important
}

.padding-vertical-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.padding-horizontal-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.padding-top-70 {
    padding-top: 70px !important
}

.padding-bottom-70 {
    padding-bottom: 70px !important
}

.padding-left-70 {
    padding-left: 70px !important
}

.padding-right-70 {
    padding-right: 70px !important
}

.margin-75 {
    margin: 75px !important
}

.margin-vertical-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important
}

.margin-horizontal-75 {
    margin-left: 75px !important;
    margin-right: 75px !important
}

.margin-top-75 {
    margin-top: 75px !important
}

.margin-bottom-75 {
    margin-bottom: 75px !important
}

.margin-left-75 {
    margin-left: 75px !important
}

.margin-right-75 {
    margin-right: 75px !important
}

.padding-75 {
    padding: 75px !important
}

.padding-vertical-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.padding-horizontal-75 {
    padding-left: 75px !important;
    padding-right: 75px !important
}

.padding-top-75 {
    padding-top: 75px !important
}

.padding-bottom-75 {
    padding-bottom: 75px !important
}

.padding-left-75 {
    padding-left: 75px !important
}

.padding-right-75 {
    padding-right: 75px !important
}

.margin-80 {
    margin: 80px !important
}

.margin-vertical-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.margin-horizontal-80 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.margin-top-80 {
    margin-top: 80px !important
}

.margin-bottom-80 {
    margin-bottom: 80px !important
}

.margin-left-80 {
    margin-left: 80px !important
}

.margin-right-80 {
    margin-right: 80px !important
}

.padding-80 {
    padding: 80px !important
}

.padding-vertical-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.padding-horizontal-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.padding-top-80 {
    padding-top: 80px !important
}

.padding-bottom-80 {
    padding-bottom: 80px !important
}

.padding-left-80 {
    padding-left: 80px !important
}

.padding-right-80 {
    padding-right: 80px !important
}

.margin-85 {
    margin: 85px !important
}

.margin-vertical-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important
}

.margin-horizontal-85 {
    margin-left: 85px !important;
    margin-right: 85px !important
}

.margin-top-85 {
    margin-top: 85px !important
}

.margin-bottom-85 {
    margin-bottom: 85px !important
}

.margin-left-85 {
    margin-left: 85px !important
}

.margin-right-85 {
    margin-right: 85px !important
}

.padding-85 {
    padding: 85px !important
}

.padding-vertical-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important
}

.padding-horizontal-85 {
    padding-left: 85px !important;
    padding-right: 85px !important
}

.padding-top-85 {
    padding-top: 85px !important
}

.padding-bottom-85 {
    padding-bottom: 85px !important
}

.padding-left-85 {
    padding-left: 85px !important
}

.padding-right-85 {
    padding-right: 85px !important
}

.margin-90 {
    margin: 90px !important
}

.margin-vertical-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.margin-horizontal-90 {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.margin-top-90 {
    margin-top: 90px !important
}

.margin-bottom-90 {
    margin-bottom: 90px !important
}

.margin-left-90 {
    margin-left: 90px !important
}

.margin-right-90 {
    margin-right: 90px !important
}

.padding-90 {
    padding: 90px !important
}

.padding-vertical-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.padding-horizontal-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.padding-top-90 {
    padding-top: 90px !important
}

.padding-bottom-90 {
    padding-bottom: 90px !important
}

.padding-left-90 {
    padding-left: 90px !important
}

.padding-right-90 {
    padding-right: 90px !important
}

.margin-95 {
    margin: 95px !important
}

.margin-vertical-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important
}

.margin-horizontal-95 {
    margin-left: 95px !important;
    margin-right: 95px !important
}

.margin-top-95 {
    margin-top: 95px !important
}

.margin-bottom-95 {
    margin-bottom: 95px !important
}

.margin-left-95 {
    margin-left: 95px !important
}

.margin-right-95 {
    margin-right: 95px !important
}

.padding-95 {
    padding: 95px !important
}

.padding-vertical-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important
}

.padding-horizontal-95 {
    padding-left: 95px !important;
    padding-right: 95px !important
}

.padding-top-95 {
    padding-top: 95px !important
}

.padding-bottom-95 {
    padding-bottom: 95px !important
}

.padding-left-95 {
    padding-left: 95px !important
}

.padding-right-95 {
    padding-right: 95px !important
}

.margin-100 {
    margin: 100px !important
}

.margin-vertical-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.margin-horizontal-100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.margin-top-100 {
    margin-top: 100px !important
}

.margin-bottom-100 {
    margin-bottom: 100px !important
}

.margin-left-100 {
    margin-left: 100px !important
}

.margin-right-100 {
    margin-right: 100px !important
}

.padding-100 {
    padding: 100px !important
}

.padding-vertical-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.padding-horizontal-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.padding-top-100 {
    padding-top: 100px !important
}

.padding-bottom-100 {
    padding-bottom: 100px !important
}

.padding-left-100 {
    padding-left: 100px !important
}

.padding-right-100 {
    padding-right: 100px !important
}

@media (max-width: 767px) {
    .xs-margin-top-0 {
        margin-top: 0 !important
    }

    .xs-margin-bottom-0 {
        margin-bottom: 0 !important
    }

    .xs-margin-top-5 {
        margin-top: 5px !important
    }

    .xs-margin-bottom-5 {
        margin-bottom: 5px !important
    }

    .xs-margin-top-10 {
        margin-top: 10px !important
    }

    .xs-margin-bottom-10 {
        margin-bottom: 10px !important
    }

    .xs-margin-top-15 {
        margin-top: 15px !important
    }

    .xs-margin-bottom-15 {
        margin-bottom: 15px !important
    }

    .xs-margin-top-20 {
        margin-top: 20px !important
    }

    .xs-margin-bottom-20 {
        margin-bottom: 20px !important
    }

    .xs-margin-top-25 {
        margin-top: 25px !important
    }

    .xs-margin-bottom-25 {
        margin-bottom: 25px !important
    }

    .xs-margin-top-30 {
        margin-top: 30px !important
    }

    .xs-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .xs-margin-top-35 {
        margin-top: 35px !important
    }

    .xs-margin-bottom-35 {
        margin-bottom: 35px !important
    }

    .xs-margin-top-40 {
        margin-top: 40px !important
    }

    .xs-margin-bottom-40 {
        margin-bottom: 40px !important
    }

    .xs-margin-top-45 {
        margin-top: 45px !important
    }

    .xs-margin-bottom-45 {
        margin-bottom: 45px !important
    }

    .xs-margin-top-50 {
        margin-top: 50px !important
    }

    .xs-margin-bottom-50 {
        margin-bottom: 50px !important
    }
}

.btn, input[type=submit] {
    /*display: inline-block;*/
    /*height: 40px;*/
    /*line-height: 39px;*/
    /*padding: 0 20px;*/
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*outline: none !important;*/
    /*cursor: pointer;*/
    /*border: none;*/
    /*font-weight: 700;*/
    /*border-radius: 0;*/
    /*-webkit-transition: background-color .1s ease-in;*/
    /*-moz-transition: background-color .1s ease-in;*/
    /*-ms-transition: background-color .1s ease-in;*/
    /*-o-transition: background-color .1s ease-in;*/
    /*transition: background-color .1s ease-in*/
}

.btn[disabled], input[disabled][type=submit], .btn.disabled, input.disabled[type=submit] {
    cursor: default;
    background-color: #e1e1e1
}

.btn.btn-primary, input.btn-primary[type=submit] {
    background: #ddb22a;
    color: #fff
}

.btn.btn-primary:hover, input.btn-primary[type=submit]:hover {
    background: #00b6eb
}

.btn.btn-large, input.btn-large[type=submit] {
    height: 50px;
    line-height: 50px;
    padding: 0 74px
}

.btn.btn-small, input.btn-small[type=submit] {
    height: 34px;
    line-height: 34px;
    padding: 0 32px;
    font-size: .85714em
}

.btn.btn-dark, input.btn-dark[type=submit] {
    background: #2a2a2a;
    color: #fff
}

.btn.btn-white, input.btn-white[type=submit] {
    background: #fff;
    color: #252525;
    border: 1px solid #e1e1e1;
    font-weight: 400
}

.btn.btn-white:hover, input.btn-white[type=submit]:hover {
    background: #00b6eb;
    color: #fff
}

.btn.btn-gray, input.btn-gray[type=submit] {
    background: #ededed;
    color: #636363;
    font-weight: 300
}

.btn.btn-gray:hover, input.btn-gray[type=submit]:hover {
    background: #ddb22a;
    color: #fff
}

.btn.btn-gray a, input.btn-gray[type=submit] a {
    color: #fff
}

.btn.btn-full, input.btn-full[type=submit] {
    display: block;
    width: 100%
}

.btn-link {
    padding: 0;
    font-weight: 300;
    line-height: 40px;
    color: #ddb22a
}

.btn-link:hover {
    text-decoration: underline
}

.ajax-load {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    opacity: 0;
    visibility: hidden
}

.ajax-load.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.awe-popup {
    position: fixed;
    z-index: 9999;
    top: 0;
    height: 0;
    width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.awe-popup .overlay {
    background-color: rgba(33, 33, 33, .8);
    color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0
}

.awe-popup .content {
    position: relative;
    max-width: 1140px;
    min-width: 1140px;
    padding: 25px 28px;
    max-height: 0;
    text-align: left;
    opacity: 0;
    margin: 0 auto;
    background: 0 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    padding: 25px 28px;
    max-height: 0;
    text-align: left;
    opacity: 0;
    margin: 0 auto;
    background: #fff
}

.awe-popup.active {
    visibility: visible;
    opacity: 1;
    top: 0 !important;
    height: auto;
    width: auto
}

.awe-popup.active .content {
    max-height: calc(100% - 60px);
    opacity: 1;
    background: 0 0;
    padding: 0
}

.awe-popup.active .content .info {
    background: #fff;
    min-width: 500px
}

.awe-popup.active .overlay {
    width: 100%;
    height: 100%
}

.close-window {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 8040;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 50%
}

.close-window .fa {
    display: block;
    font-size: 1.57143em;
    line-height: 25px;
    color: #ddb22a
}

.awe-popup.loading {
    z-index: 9998
}

.awe-popup.loading .loader {
    left: 50%;
    position: fixed;
    top: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.awe-popup.loaded-content .loader {
    display: none
}

.awe-popup.addcart-popup .content {
    min-width: auto
}

.product-popup .product-image {
    float: left;
    margin: 0 20px 0 0
}

.product-popup .product-info {
    overflow: hidden;
    position: relative
}

.product-popup .product-info p {
    margin-bottom: 0;
    line-height: 24px
}

.product-popup .popup-title {
    padding-left: 15px;
    border-radius: 0
}

.product-popup .popup-title i {
    margin-right: 5px
}

.product-popup .product-name {
    color: #ddb22a
}

.product-popup .product-info p.total-money {
    margin-bottom: 15px
}

.product-popup h3, .product-popup .h3 {
    color: #52b249;
    margin-bottom: 25px
}

.product-popup h3 .fa, .product-popup .h3 .fa {
    margin-right: 4px
}

.product-popup .pop-right h3, .product-popup .pop-right .h3 {
    color: #333
}

.pop-right {
    background: #f9f9f9
}

.awe-popup.product-popup.active .content {
    max-height: calc(100% - 60px);
    opacity: 1;
    padding: 0
}

@media (max-width: 1199px) {
    .awe-popup .content {
        max-width: 700px;
        min-width: auto
    }
}

@media (max-width: 543px) {
    .product-popup .product-image {
        width: 120px;
        height: 120px
    }

    .product-popup .product-image img {
        max-width: 120px !important
    }

    .awe-popup.product-popup.active .content {
        max-height: calc(100% - 60px);
        opacity: 1;
        margin: 0 20px
    }

    .addcart-popup .col-xl-6 {
        padding: 0 !important
    }

    .product-popup h3, .product-popup .h3 {
        font-size: 1.28571em;
        margin-bottom: 0
    }
}

.swatch {
    margin: 1em 0
}

.swatch .header {
    margin-bottom: 8px;
    text-align: left;
    float: none;
    min-width: 85px;
    font-weight: 400;
    text-transform: uppercase
}

.swatch input {
    display: none
}

.swatch label {
    float: left;
    min-width: 26px !important;
    height: 26px !important;
    margin: 0;
    border: #e4e4e4 2px solid;
    background-color: #fff;
    font-size: .92857em;
    text-align: center;
    line-height: 26px;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0
}

.swatch-element label {
    padding: 0 5px
}

.color.swatch-element label {
    padding: 0
}

.swatch input:checked + label {
    background: #ddb22a;
    border-color: #ddb22a;
    color: #fff
}

.swatch .color input + label {
    border: 0 none !important
}

.swatch .color input:checked + label {
    position: relative
}

.swatch .color input:checked + label:after {
    content: "\f00c";
    font-family: FontAwesome
}

.swatch .swatch-element {
    float: left;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    margin: 0 10px 10px 0;
    position: relative
}

.swatch .swatch-element.color .tim {
    background-color: #db23b6
}

.swatch .swatch-element.color .xanh {
    background-color: #0554ff
}

.swatch .swatch-element.color .vang {
    background-color: #e6fa0a
}

.swatch .swatch-element.color .nau {
    background-color: #594f4f
}

.swatch .swatch-element.color .do {
    background-color: #f20808
}

.swatch .swatch-element.color .cam {
    background-color: #fc9905
}

.swatch .swatch-element.color .xam {
    background-color: #615a5a
}

.swatch .swatch-element.color .xanh-nuoc-bien {
    background-color: #3a40fa
}

.swatch .swatch-element.color .xanh-la-cay {
    background-color: #00ff15
}

.swatch .swatch-element.color .hong {
    background-color: #ff00d5
}

.crossed-out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#quick-view-product .selector-wrapper {
    display: none !important
}

.swatch .swatch-element .crossed-out {
    display: none
}

.swatch .swatch-element.soldout .crossed-out {
    display: block
}

.swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.swatch .tooltip {
    text-align: center;
    background: gray;
    color: #fff;
    bottom: 100%;
    padding: 10px;
    display: block;
    position: absolute;
    width: 100px;
    left: -35px;
    margin-bottom: 15px;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    z-index: 10000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.swatch .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid gray 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

.swatch .swatch-element:hover .tooltip {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px)
}

.swatch.error {
    background-color: #e8d2d2 !important;
    color: #333 !important;
    padding: 1em;
    border-radius: 5px
}

.swatch.error p {
    margin: .7em 0
}

.swatch.error p:first-child {
    margin-top: 0
}

.swatch.error p:last-child {
    margin-bottom: 0
}

.swatch.error code {
    font-family: monospace
}

.owl-carousel .owl-stage-outer {
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #f6f6f6;
    color: #333;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-radius: 0;
    padding: 0
}

.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
    background-color: #ddb22a;
    color: #fff
}

.owl-carousel .owl-nav .owl-prev .fa, .owl-carousel .owl-nav .owl-next .fa {
    line-height: 30px
}

.owl-carousel .owl-nav .owl-prev {
    left: 0
}

.owl-carousel .owl-nav .owl-next {
    right: 0
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

@media (max-width: 768px) {
    .owl-carousel .owl-nav .owl-prev {
        left: 0
    }

    .owl-carousel .owl-nav .owl-next {
        right: 0
    }
}

.owl-carousel .owl-dots {
    display: block;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin: 0 3px
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #ddb22a
}

.owl-carousel-inset .owl-nav .owl-prev {
    left: 0
}

.owl-carousel-inset .owl-nav .owl-next {
    right: 0
}

.owl-carousel-inset .owl-dots {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 25px
}

.owl-carousel-inset .owl-prev, .owl-carousel-inset .owl-next {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.owl-carousel-inset:hover .owl-prev, .owl-carousel-inset:hover .owl-next {
    opacity: 1;
    visibility: visible
}

.owl-carousel-inset:hover .owl-prev.disabled, .owl-carousel-inset:hover .owl-next.disabled {
    opacity: .5
}

.owl-carousel-inset:hover .owl-nav .owl-prev {
    left: 25px
}

.owl-carousel-inset:hover .owl-nav .owl-next {
    right: 25px
}

.owl-carousel .owl-item img {
    width: auto
}

.owl-carousel .owl-item.focus {
    border: 2px solid #333
}

.tab-wrap .tabs-title {
    *zoom: 1;
    display: inline-block;
    position: relative;
    z-index: 9;
    margin: 0 0 26px
}

.tab-wrap .tabs-title:after {
    content: "";
    display: table;
    clear: both
}

.tab-wrap .tabs-title li {
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 40px;
    float: left
}

.tab-wrap .tabs-title li:before {
    content: "|";
    color: #c9c9c9;
    padding: 0 16px;
    color: #1c1c1c
}

.tab-wrap .tabs-title li:first-child:before {
    display: none
}

.tab-wrap .tabs-title li.current {
    color: #212121
}

.tab-wrap .tab-content {
    position: relative
}

ul.tabs li {
    background: 0 0;
    display: inline-block;
    cursor: pointer
}

ul.tabs li.current {
    color: #000
}

.tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.tab-content.current {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.accordion .nav-item .tab-pane {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.accordion .nav-item.active .tab-pane {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#quick-view-product {
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0 !important;
    z-index: 9999
}

#quick-view-product .qv-header-info {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #e1e1e1
}

#quick-view-product .qv-header-info .inventory_quantity {
    color: #ddb22a
}

#quick-view-product .qv-header-info span.line {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    display: inline-block
}

#quick-view-product .qv-header-info .masp {
    color: #898989
}

#quick-view-product .product-info {
    color: #252525;
    font-weight: 300
}

#quick-view-product .product-info h3, #quick-view-product .product-info .h3 {
    margin: 0;
    font-size: 21px
}

#quick-view-product .product-info h3 a, #quick-view-product .product-info .h3 a {
    font-size: 21px
}

#quick-view-product .product-info h3 a:hover, #quick-view-product .product-info .h3 a:hover {
    color: #ddb22a
}

#quick-view-product .brand {
    color: #252525
}

#quick-view-product .available {
    margin: 0;
    font-weight: 400;
    color: #72c13d
}

#quick-view-product .available.outstock {
    color: #e55e5e
}

#quick-view-product .qwp-name {
    margin: 10px 0;
    font-size: 1.71429em;
    font-weight: 400;
    line-height: 32px;
    color: #333
}

#quick-view-product .custom.custom-btn-number {
    display: inline-block;
    float: left;
    position: relative
}

#quick-view-product .custom.custom-btn-number .qtyplus {
    position: absolute;
    right: 17px;
    text-align: center;
    top: 5px;
    width: 20px;
    height: 25px;
    line-height: 35px;
    font-size: 1em;
    cursor: pointer;
    color: #898989
}

#quick-view-product .custom.custom-btn-number .qtyminus {
    position: absolute;
    right: 17px;
    text-align: center;
    bottom: 5px;
    width: 20px;
    height: 25px;
    line-height: 13px;
    font-size: 1em;
    cursor: pointer;
    color: #898989
}

.product-featured-image-quickview {
    border: 1px solid #ebebeb;
    margin-bottom: 10px
}

#quick-view-product .quantity_wanted_p {
    margin-top: 20px
}

#quick-view-product form {
    margin-top: 0;
    border-top: 1px dotted #e1e1e1
}

#quick-view-product form label {
    display: inline-block;
    min-width: 85px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 20px;
    float: left
}

#quick-view-product form label.quantity-selector {
    line-height: 60px
}

#quick-view-product form select {
    width: 150px;
    display: inline-block;
    height: 40px;
    float: left;
    margin-right: 20px
}

#quick-view-product form button {
    min-width: 200px;
    transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    height: 60px;
    width: calc(100% - 200px);
    font-size: 18px;
    text-transform: uppercase;
    float: right
}

#quick-view-product .price {
    color: #252525;
    font-size: 1.57143em;
    font-weight: 700
}

#quick-view-product del {
    font-size: 1.14286em;
    color: #a2a2a2;
    margin-left: 5px;
    display: inline-block
}

#quick-view-product .view-more {
    text-decoration: underline !important;
    color: #ddb22a
}

#quick-view-product #usefull_link_block {
    margin: 10px 0
}

#quick-view-product #usefull_link_block li a {
    color: #222;
    line-height: 17px
}

#quick-view-product .fancybox-overlay {
    display: block !important;
    height: 100vh;
    background: 0 0;
    z-index: 100
}

#quick-view-product .quick-view-product {
    position: absolute;
    width: 1030px;
    top: 5%;
    height: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 30px;
    background-color: #fff;
    z-index: 8011
}

#quick-view-product .prices {
    display: inline-block
}

#quick-view-product .product-right-column .price-product-detail {
    margin: 0;
    line-height: 33px
}

#quick-view-product #quantity-detail {
    line-height: 59px;
    margin: 0;
    display: inline-block;
    width: 100px;
    padding: 0;
    height: 60px;
    text-align: left;
    padding-left: 24px
}

#quick-view-product .total-price {
    float: left;
    width: 100%;
    display: block;
    margin-top: 15px
}

#quick-view-product .total-price span {
    font-family: Roboto;
    font-size: 1.07143em;
    font-weight: 400;
    color: #222
}

#quick-view-product .more-view-wrapper {
    overflow: hidden
}

#quick-view-product .product-right-column .quantity_wanted_p {
    width: 100%;
    margin-top: 15px
}

#quick-view-product .product-right-column .add_to_cart_detail {
    margin: 15px 10px 15px 0;
    width: 100%
}

#quick-view-product .product-right-column .add_to_cart_detail.disabled {
    padding: 0 20px
}

#quick-view-product .product-right-column .btn-wishlist {
    margin-top: 15px
}

#quick-view-product .swatch {
    margin: 20px 0 0
}

#quick-view-product .swatch .swatch-element {
    margin: 0 6px 0 0
}

#quick-view-product .swatch .swatch-element label {
    line-height: 26px;
    margin-bottom: 0
}

#quick-view-product .view_full_size {
    position: relative
}

#quick-view-product .loading-imgquickview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) center center no-repeat
}

#quick-view-product .availability, #quick-view-product .product-sku {
    line-height: 28px
}

#thumbs_list_quickview {
    text-align: center;
    position: relative;
    margin-top: 6px
}

#thumblist_quickview {
    position: relative;
    padding: 0
}

#thumblist_quickview #thumblist {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    position: static
}

#thumblist_quickview .owl-row {
    margin-left: -3px;
    margin-right: -3px
}

#thumblist_quickview .owl-item {
    float: left
}

#thumblist_quickview .owl-item a {
    display: block
}

#thumblist_quickview .owl-item img {
    max-width: 100%
}

#thumblist_quickview .thumb_item {
    border: 1px solid #e6e6e6
}

#thumblist_quickview .owl-next, #thumblist_quickview .owl-prev {
    width: 16px;
    height: 16px;
    margin-top: -8px
}

#thumblist_quickview .owl-next:before, #thumblist_quickview .owl-prev:before {
    border: 1px solid #b6b6b6;
    border-radius: 100%;
    font-size: .71429em;
    line-height: 12px;
    height: 16px;
    color: #000;
    text-shadow: none
}

#thumblist_quickview .owl-next:hover:before, #thumblist_quickview .owl-prev:hover:before {
    background: #222;
    color: #fff
}

@media (max-width: 1199px) {
    #quick-view-product, .quickview {
        display: none !important
    }
}

.fancybox-close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 8040;
    color: #fff;
    text-align: center;
    background: #333;
    line-height: 25px;
    border-radius: 50%
}

.quickview-info {
    padding-bottom: 15px
}

.quickview-product .product-single h1 a, .quickview-product .product-single .h1 a, .quickview-product .product-single .h1 a {
    font-size: 1.42857em
}

.quickview-product .product-single .price {
    font-size: 1.85714em
}

.quickview-product .content {
    padding: 30px
}

.quickview-product .product-name {
    margin: 0 0 10px !important
}

.quickview-product .review {
    margin-bottom: 10px
}

.quickview-product .review:before {
    content: " ";
    display: table
}

.quickview-product .review:after {
    content: " ";
    display: table;
    clear: both
}

.quickview-product .review .spr-badge {
    float: left;
    height: 24px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}

.quickview-product .review .spr-badge .spr-icon {
    margin: 0
}

.quickview-product .review .spr-badge .spr-active {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden
}

.quickview-product .review .spr-badge .spr-badge-caption {
    float: left;
    margin: 0 0 9px
}

.quickview-product span.available {
    display: none
}

.quickview-product span.available.active {
    display: block
}

.quickview-product .product-description {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #e1e1e1
}

.quickview-product .product-actions {
    border: none;
    padding: 0;
    margin: 0
}

.quickview-product .product-actions .btn-addToCart {
    clear: none;
    margin: 0
}

.quickview-product .product-media {
    position: relative;
    min-width: 400px
}

.quickview-product .product-media:before {
    content: " ";
    display: table
}

.quickview-product .product-media:after {
    content: " ";
    display: table;
    clear: both
}

.quickview-product .more-views {
    width: 80px;
    margin: 0;
    height: calc(100% - 60px);
    min-height: 361px;
    position: absolute;
    top: 30px;
    left: 0;
    overflow: hidden
}

.quickview-product .more-views a {
    display: block;
    overflow: hidden;
    height: 100%
}

.quickview-product .more-views img {
    display: block;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quickview-product .featured-image {
    float: right;
    width: calc(100% - 100px);
    margin: 0
}

.quickview-product form {
    margin: 0
}

.quickview-product .product-actions .product-single-quantity {
    margin-bottom: 0
}

.quickview-product .product-single .product-description {
    margin: 0 0 25px
}

.quickview-product .product-options {
    margin: 0 0 25px;
    padding: 0 0 25px
}

.quickview-product .details {
    margin: 0 0 8px
}

.filter-container {
    margin-bottom: 30px
}

.filter-group {
    margin-bottom: 20px
}

.filter-group ul {
    max-height: 140px;
    overflow-y: auto
}

.filter-group ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.filter-group ul::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

.filter-group ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    background-color: #333
}

.filter-group-title {
    display: block;
    font-size: 1.28571em;
    margin-bottom: 10px
}

.filter-item {
    margin: 0;
    cursor: pointer;
    line-height: 2.5em
}

.filter-item * {
    color: #6f6f6f;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400
}

.filter-item--green *:hover {
    color: #ddb22a
}

.filter-item--half {
    display: inline-block;
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 3px
}

.filter-item--check-box input {
    display: none
}

.filter-item--check-box .fa {
    margin-right: 5px;
    width: 14px
}

.filter-item--check-box input + .fa:before {
    content: "\f096"
}

.filter-item--check-box input:checked + .fa:before {
    content: "\f14a";
    color: #ddb22a
}

#sort-by {
    float: right;
    font-size: 12px;
    text-align: left
}

#sort-by .button-asc, #sort-by .button-desc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    width: 30px
}

#sort-by label {
    float: left;
    font-weight: 400;
    line-height: 38px;
    font-size: 14px;
    margin-right: 6px;
    margin-bottom: 0
}

#sort-by ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: right
}

#sort-by a:link, #sort-by a:visited {
    color: #333;
    text-decoration: none
}

#sort-by > ul > li {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
    text-indent: .01px;
    cursor: pointer;
    line-height: 50px;
    background-image: url(../assets/other/ico-select.png_402232996444626678851) !important;
    border: none
}

#sort-by li {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    margin: 0 auto;
    outline: medium none;
    padding: 0 20px;
    position: relative;
    width: 170px;
    float: left;
    color: #333;
    border: 1px solid #ebebeb;
    font-size: 14px
}

#sort-by li > a {
    display: inline-block;
    width: 100%;
    line-height: 36px;
    transition: all 0s ease-in-out
}

#sort-by li li {
    width: 100%;
    margin-top: 0;
    border-top: none;
    border-right: none;
    border-left: none
}

#sort-by li li a:hover {
    color: #007fb8
}

#sort-by li:hover {
    background-color: #fff
}

#sort-by li li:hover {
    background-color: #fff;
    color: #007fb8
}

#sort-by ul ul {
    position: absolute;
    visibility: hidden;
    width: 170px;
    right: -5px;
    top: 50px;
    background: none repeat scroll 0 0 #f8f8f8;
    z-index: 10000;
    border-top: none;
    border: 1px #f0f0f0 solid
}

#sort-by ul ul ul {
    position: absolute;
    left: 100%;
    top: -2px;
    border: solid 1px transparent
}

#sort-by li:hover > ul {
    visibility: visible
}

.filter-container__selected-filter {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee
}

.filter-container__selected-filter-header {
    margin-bottom: 5px
}

.filter-container__selected-filter-header-title {
    font-size: 18px;
    font-weight: 700;
    color: #0038ae
}

.filter-container__clear-all {
    float: right;
    color: #333;
    margin-top: 3px
}

.filter-container__selected-filter-item {
    padding: 3px 0
}

.filter-container__selected-filter-item > a {
    color: #333;
    font-size: .92857em
}

.filter-container__selected-filter-item .fa {
    margin-right: 10px;
    color: #f44336
}

#popup-cart-desktop {
    width: 500px;
    background: #fff;
    float: none;
    margin: 0 auto;
    padding: 30px;
    position: relative
}

#popup-cart-desktop .product-name {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px
}

#popup-cart-desktop .title-popup-cart {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    padding-right: 30px
}

#popup-cart-desktop .title-popup-cart i {
    color: #ddb22a
}

#popup-cart-desktop .title-quantity-popup {
    font-size: 17px;
    margin-bottom: 10px;
    cursor: pointer
}

#popup-cart-desktop .title-quantity-popup .fa-shopping-cart {
    color: #ddb22a;
    font-size: 25px
}

#popup-cart-desktop .title-quantity-popup .fa-caret-right {
    font-size: 14px
}

#popup-cart-desktop .content-popup-cart .thead-popup {
    background: #f7f7f7;
    float: left;
    width: 100%;
    clear: both
}

#popup-cart-desktop .content-popup-cart .thead-popup > div {
    float: left;
    padding: 6px 10px;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #e1e1e1;
    border-left: none
}

#popup-cart-desktop .content-popup-cart .thead-popup > div:first-child {
    border-left: 1px solid #e1e1e1
}

#popup-cart-desktop .content-popup-cart .tbody-popup {
    width: 100%;
    float: left;
    clear: both;
    max-height: 280px;
    overflow-x: auto;
    border: 1px solid #ddd;
    border-top: none
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px dotted #ddd
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup:last-child {
    border-bottom: none
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup > div {
    float: left
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image {
    padding: 10px;
    float: left
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image img {
    border: 1px solid #d2d2d2
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-name {
    margin-bottom: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .add_sus i {
    color: #ddb22a !important
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-remove {
    margin-bottom: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info {
    padding: 10px 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a:hover {
    color: #ddb22a
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .variant-title-popup {
    font-size: 13px;
    margin-bottom: 5px;
    color: #333
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-remove a {
    font-size: 13px;
    color: #888
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price {
    padding: 10px
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price span {
    display: block
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .price {
    color: #ddb22a;
    font-size: 14px;
    font-weight: 700
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-price {
    color: #ddb22a;
    font-size: 14px;
    text-decoration: line-through;
    font-weight: 700
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-divide {
    font-size: 12px;
    color: #d71515
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count {
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    height: 24px;
    margin-top: 10px;
    width: 23px;
    text-align: center;
    vertical-align: top;
    padding: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .number-sidebar {
    border: 1px solid #ddd;
    height: 24px;
    margin-left: -1px;
    text-align: center;
    width: 24px;
    vertical-align: top;
    margin-right: -1px;
    margin-top: 10px;
    display: inline-block;
    min-height: 24px;
    padding: 0
}

#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price {
    display: block;
    color: #ddb22a;
    font-size: 1em;
    font-weight: 700;
    padding: 10px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup {
    width: 100%;
    float: left;
    clear: both
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 {
    padding: 10px 0
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship {
    font-size: 13px;
    width: 320px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship img {
    float: left;
    margin-right: 10px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p {
    line-height: 20px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 0
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p .total-price {
    color: #ddb22a;
    font-weight: 700
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 a {
    cursor: pointer
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-continue {
    margin: 10px;
    background: 0 0;
    font-size: 13px;
    float: left;
    border: none;
    outline: none;
    color: #ddb22a;
    margin-left: 0;
    position: relative;
    margin-top: -20px
}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout {
    background: #ddb22a;
    font-size: 15px;
    float: right;
    display: block;
    padding: 6px 10px;
    color: #fff;
    margin-bottom: 10px
}

.fancybox-skin {
    background: #fff !important
}

.modal-content {
    border: none;
    box-shadow: none;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0
}

.modal-header {
    background-color: #ddb22a;
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-header .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1
}

.product-new-price {
    color: #ddb22a
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.modal-header .modal-title {
    padding-left: 6rem;
    position: relative;
    min-height: 44px;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding-right: 15px;
    color: #fff;
    display: flex;
    align-items: center
}

.modal-header .modal-title span {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    font-size: 23px;
    text-align: center;
    line-height: 44px;
    color: #ddb22a;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #fff
}

.media:first-child {
    margin-top: 0
}

.btn-outline-red {
    background: #fff;
    color: #ddb22a !important;
    font-size: 17px;
    line-height: normal;
    padding: 10px 15px;
    border-radius: .5rem;
    border: 1px solid #ddb22a;
    text-align: center;
    margin-top: 1.5rem
}

.btn-red {
    background: #ddb22a;
    color: #fff !important;
    font-size: 17px;
    line-height: normal;
    padding: 10px 15px;
    border-radius: .5rem;
    border: none;
    text-align: center;
    margin-top: 1.5rem
}

.media .media-left {
    padding-right: 1rem
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media .thumb-1x1 {
    width: 7.7rem
}

body {
    background: #fff
}

/*.awe-section-1 {*/
/*    margin-bottom: 30px*/
/*}*/

/*.awe-section-2 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-3 {*/
/*    margin-bottom: 30px*/
/*}*/

/*.awe-section-4 {*/
/*    margin-bottom: 30px*/
/*}*/

/*.awe-section-5 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-6 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-7 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-8 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-9 {*/
/*    margin-bottom: 50px*/
/*}*/

/*.awe-section-10 {*/
/*    margin-bottom: 30px*/
/*}*/

/*.awe-section-11 {*/
/*    margin-bottom: 0*/
/*}*/

/*ul {*/
/*    margin-bottom: 0*/
/*}*/

/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {*/
/*    margin: 0*/
/*}*/

a {
    color: #555
}

a:hover, a:focus, a:active {
    text-decoration: none;
    color: #ddb22a
}

.color-featured {
    text-decoration: none;
    color: #ddb22a
}

.rte img {
    max-width: 100% !important
}

.img-fix {
    width: 100%
}

.button {
    display: inline-block;
    color: #636363;
    border: 0;
    outline: none;
    background-color: #ededed;
    width: 125px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center
}

.button.square {
    width: 40px;
    height: 40px
}

.button:hover, .button.red {
    color: #fff;
    background-color: #ddb22a
}

.input-control {
    background-color: #f4f4f4;
    padding: 5px;
    outline: none;
    border: 0
}

.fa {
    line-height: inherit
}

.text1line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.no-padding {
    padding: 0
}

.left {
    /*! float: left */
}

.right {
    float: right
}

.errors ul {
    padding: 0 0 0 15px;
    color: red
}

body {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #333
}

* {
    box-sizing: border-box
}

@font-face {
    font-family: 'ElegantIcons';
    src: url(../images/eleganticons.eot);
    src: url(../images/eleganticons.eot_40#iefix) format("embedded-opentype"), url(../images/eleganticons.woff) format("woff"), url(../images/eleganticons.ttf) format("truetype"), url(../images/eleganticons.svg#eleganticons) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ElegantIcons .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.arrow_up:before {
    content: "\21"
}

.arrow_down:before {
    content: "\22"
}

.arrow_left:before {
    content: "\23"
}

.arrow_right:before {
    content: "\24"
}

.arrow_left-up:before {
    content: "\25"
}

.arrow_right-up:before {
    content: "\26"
}

.arrow_right-down:before {
    content: "\27"
}

.arrow_left-down:before {
    content: "\28"
}

.arrow-up-down:before {
    content: "\29"
}

.arrow_up-down_alt:before {
    content: "\2a"
}

.arrow_left-right_alt:before {
    content: "\2b"
}

.arrow_left-right:before {
    content: "\2c"
}

.arrow_expand_alt2:before {
    content: "\2d"
}

.arrow_expand_alt:before {
    content: "\2e"
}

.arrow_condense:before {
    content: "\2f"
}

.arrow_expand:before {
    content: "\30"
}

.arrow_move:before {
    content: "\31"
}

.arrow_carrot-up:before {
    content: "\32"
}

.arrow_carrot-down:before {
    content: "\33"
}

.arrow_carrot-left:before {
    content: "\34"
}

.arrow_carrot-right:before {
    content: "\35"
}

.arrow_carrot-2up:before {
    content: "\36"
}

.arrow_carrot-2down:before {
    content: "\37"
}

.arrow_carrot-2left:before {
    content: "\38"
}

.arrow_carrot-2right:before {
    content: "\39"
}

.arrow_carrot-up_alt2:before {
    content: "\3a"
}

.arrow_carrot-down_alt2:before {
    content: "\3b"
}

.arrow_carrot-left_alt2:before {
    content: "\3c"
}

.arrow_carrot-right_alt2:before {
    content: "\3d"
}

.arrow_carrot-2up_alt2:before {
    content: "\3e"
}

.arrow_carrot-2down_alt2:before {
    content: "\3f"
}

.arrow_carrot-2left_alt2:before {
    content: "\40"
}

.arrow_carrot-2right_alt2:before {
    content: "\41"
}

.arrow_triangle-up:before {
    content: "\42"
}

.arrow_triangle-down:before {
    content: "\43"
}

.arrow_triangle-left:before {
    content: "\44"
}

.arrow_triangle-right:before {
    content: "\45"
}

.arrow_triangle-up_alt2:before {
    content: "\46"
}

.arrow_triangle-down_alt2:before {
    content: "\47"
}

.arrow_triangle-left_alt2:before {
    content: "\48"
}

.arrow_triangle-right_alt2:before {
    content: "\49"
}

.arrow_back:before {
    content: "\4a"
}

.icon_minus-06:before {
    content: "\4b"
}

.icon_plus:before {
    content: "\4c"
}

.icon_close:before {
    content: "\4d"
}

.icon_check:before {
    content: "\4e"
}

.icon_minus_alt2:before {
    content: "\4f"
}

.icon_plus_alt2:before {
    content: "\50"
}

.icon_close_alt2:before {
    content: "\51"
}

.icon_check_alt2:before {
    content: "\52"
}

.icon_zoom-out_alt:before {
    content: "\53"
}

.icon_zoom-in_alt:before {
    content: "\54"
}

.icon_search:before {
    content: "\55"
}

.icon_box-empty:before {
    content: "\56"
}

.icon_box-selected:before {
    content: "\57"
}

.icon_minus-box:before {
    content: "\58"
}

.icon_plus-box:before {
    content: "\59"
}

.icon_box-checked:before {
    content: "\5a"
}

.icon_circle-empty:before {
    content: "\5b"
}

.icon_circle-slelected:before {
    content: "\5c"
}

.icon_stop_alt2:before {
    content: "\5d"
}

.icon_stop:before {
    content: "\5e"
}

.icon_pause_alt2:before {
    content: "\5f"
}

.icon_pause:before {
    content: "\60"
}

.icon_menu:before {
    content: "\61"
}

.icon_menu-square_alt2:before {
    content: "\62"
}

.icon_menu-circle_alt2:before {
    content: "\63"
}

.icon_ul:before {
    content: "\64"
}

.icon_ol:before {
    content: "\65"
}

.icon_adjust-horiz:before {
    content: "\66"
}

.icon_adjust-vert:before {
    content: "\67"
}

.icon_document_alt:before {
    content: "\68"
}

.icon_documents_alt:before {
    content: "\69"
}

.icon_pencil:before {
    content: "\6a"
}

.icon_pencil-edit_alt:before {
    content: "\6b"
}

.icon_pencil-edit:before {
    content: "\6c"
}

.icon_folder-alt:before {
    content: "\6d"
}

.icon_folder-open_alt:before {
    content: "\6e"
}

.icon_folder-add_alt:before {
    content: "\6f"
}

.icon_info_alt:before {
    content: "\70"
}

.icon_error-oct_alt:before {
    content: "\71"
}

.icon_error-circle_alt:before {
    content: "\72"
}

.icon_error-triangle_alt:before {
    content: "\73"
}

.icon_question_alt2:before {
    content: "\74"
}

.icon_question:before {
    content: "\75"
}

.icon_comment_alt:before {
    content: "\76"
}

.icon_chat_alt:before {
    content: "\77"
}

.icon_vol-mute_alt:before {
    content: "\78"
}

.icon_volume-low_alt:before {
    content: "\79"
}

.icon_volume-high_alt:before {
    content: "\7a"
}

.icon_quotations:before {
    content: "\7b"
}

.icon_quotations_alt2:before {
    content: "\7c"
}

.icon_clock_alt:before {
    content: "\7d"
}

.icon_lock_alt:before {
    content: "\7e"
}

.icon_lock-open_alt:before {
    content: "\e000"
}

.icon_key_alt:before {
    content: "\e001"
}

.icon_cloud_alt:before {
    content: "\e002"
}

.icon_cloud-upload_alt:before {
    content: "\e003"
}

.icon_cloud-download_alt:before {
    content: "\e004"
}

.icon_image:before {
    content: "\e005"
}

.icon_images:before {
    content: "\e006"
}

.icon_lightbulb_alt:before {
    content: "\e007"
}

.icon_gift_alt:before {
    content: "\e008"
}

.icon_house_alt:before {
    content: "\e009"
}

.icon_genius:before {
    content: "\e00a"
}

.icon_mobile:before {
    content: "\e00b"
}

.icon_tablet:before {
    content: "\e00c"
}

.icon_laptop:before {
    content: "\e00d"
}

.icon_desktop:before {
    content: "\e00e"
}

.icon_camera_alt:before {
    content: "\e00f"
}

.icon_mail_alt:before {
    content: "\e010"
}

.icon_cone_alt:before {
    content: "\e011"
}

.icon_ribbon_alt:before {
    content: "\e012"
}

.icon_bag_alt:before {
    content: "\e013"
}

.icon_creditcard:before {
    content: "\e014"
}

.icon_cart_alt:before {
    content: "\e015"
}

.icon_paperclip:before {
    content: "\e016"
}

.icon_tag_alt:before {
    content: "\e017"
}

.icon_tags_alt:before {
    content: "\e018"
}

.icon_trash_alt:before {
    content: "\e019"
}

.icon_cursor_alt:before {
    content: "\e01a"
}

.icon_mic_alt:before {
    content: "\e01b"
}

.icon_compass_alt:before {
    content: "\e01c"
}

.icon_pin_alt:before {
    content: "\e01d"
}

.icon_pushpin_alt:before {
    content: "\e01e"
}

.icon_map_alt:before {
    content: "\e01f"
}

.icon_drawer_alt:before {
    content: "\e020"
}

.icon_toolbox_alt:before {
    content: "\e021"
}

.icon_book_alt:before {
    content: "\e022"
}

.icon_calendar:before {
    content: "\e023"
}

.icon_film:before {
    content: "\e024"
}

.icon_table:before {
    content: "\e025"
}

.icon_contacts_alt:before {
    content: "\e026"
}

.icon_headphones:before {
    content: "\e027"
}

.icon_lifesaver:before {
    content: "\e028"
}

.icon_piechart:before {
    content: "\e029"
}

.icon_refresh:before {
    content: "\e02a"
}

.icon_link_alt:before {
    content: "\e02b"
}

.icon_link:before {
    content: "\e02c"
}

.icon_loading:before {
    content: "\e02d"
}

.icon_blocked:before {
    content: "\e02e"
}

.icon_archive_alt:before {
    content: "\e02f"
}

.icon_heart_alt:before {
    content: "\e030"
}

.icon_star_alt:before {
    content: "\e031"
}

.icon_star-half_alt:before {
    content: "\e032"
}

.icon_star:before {
    content: "\e033"
}

.icon_star-half:before {
    content: "\e034"
}

.icon_tools:before {
    content: "\e035"
}

.icon_tool:before {
    content: "\e036"
}

.icon_cog:before {
    content: "\e037"
}

.icon_cogs:before {
    content: "\e038"
}

.arrow_up_alt:before {
    content: "\e039"
}

.arrow_down_alt:before {
    content: "\e03a"
}

.arrow_left_alt:before {
    content: "\e03b"
}

.arrow_right_alt:before {
    content: "\e03c"
}

.arrow_left-up_alt:before {
    content: "\e03d"
}

.arrow_right-up_alt:before {
    content: "\e03e"
}

.arrow_right-down_alt:before {
    content: "\e03f"
}

.arrow_left-down_alt:before {
    content: "\e040"
}

.arrow_condense_alt:before {
    content: "\e041"
}

.arrow_expand_alt3:before {
    content: "\e042"
}

.arrow_carrot_up_alt:before {
    content: "\e043"
}

.arrow_carrot-down_alt:before {
    content: "\e044"
}

.arrow_carrot-left_alt:before {
    content: "\e045"
}

.arrow_carrot-right_alt:before {
    content: "\e046"
}

.arrow_carrot-2up_alt:before {
    content: "\e047"
}

.arrow_carrot-2dwnn_alt:before {
    content: "\e048"
}

.arrow_carrot-2left_alt:before {
    content: "\e049"
}

.arrow_carrot-2right_alt:before {
    content: "\e04a"
}

.arrow_triangle-up_alt:before {
    content: "\e04b"
}

.arrow_triangle-down_alt:before {
    content: "\e04c"
}

.arrow_triangle-left_alt:before {
    content: "\e04d"
}

.arrow_triangle-right_alt:before {
    content: "\e04e"
}

.icon_minus_alt:before {
    content: "\e04f"
}

.icon_plus_alt:before {
    content: "\e050"
}

.icon_close_alt:before {
    content: "\e051"
}

.icon_check_alt:before {
    content: "\e052"
}

.icon_zoom-out:before {
    content: "\e053"
}

.icon_zoom-in:before {
    content: "\e054"
}

.icon_stop_alt:before {
    content: "\e055"
}

.icon_menu-square_alt:before {
    content: "\e056"
}

.icon_menu-circle_alt:before {
    content: "\e057"
}

.icon_document:before {
    content: "\e058"
}

.icon_documents:before {
    content: "\e059"
}

.icon_pencil_alt:before {
    content: "\e05a"
}

.icon_folder:before {
    content: "\e05b"
}

.icon_folder-open:before {
    content: "\e05c"
}

.icon_folder-add:before {
    content: "\e05d"
}

.icon_folder_upload:before {
    content: "\e05e"
}

.icon_folder_download:before {
    content: "\e05f"
}

.icon_info:before {
    content: "\e060"
}

.icon_error-circle:before {
    content: "\e061"
}

.icon_error-oct:before {
    content: "\e062"
}

.icon_error-triangle:before {
    content: "\e063"
}

.icon_question_alt:before {
    content: "\e064"
}

.icon_comment:before {
    content: "\e065"
}

.icon_chat:before {
    content: "\e066"
}

.icon_vol-mute:before {
    content: "\e067"
}

.icon_volume-low:before {
    content: "\e068"
}

.icon_volume-high:before {
    content: "\e069"
}

.icon_quotations_alt:before {
    content: "\e06a"
}

.icon_clock:before {
    content: "\e06b"
}

.icon_lock:before {
    content: "\e06c"
}

.icon_lock-open:before {
    content: "\e06d"
}

.icon_key:before {
    content: "\e06e"
}

.icon_cloud:before {
    content: "\e06f"
}

.icon_cloud-upload:before {
    content: "\e070"
}

.icon_cloud-download:before {
    content: "\e071"
}

.icon_lightbulb:before {
    content: "\e072"
}

.icon_gift:before {
    content: "\e073"
}

.icon_house:before {
    content: "\e074"
}

.icon_camera:before {
    content: "\e075"
}

.icon_mail:before {
    content: "\e076"
}

.icon_cone:before {
    content: "\e077"
}

.icon_ribbon:before {
    content: "\e078"
}

.icon_bag:before {
    content: "\e079"
}

.icon_cart:before {
    content: "\e07a"
}

.icon_tag:before {
    content: "\e07b"
}

.icon_tags:before {
    content: "\e07c"
}

.icon_trash:before {
    content: "\e07d"
}

.icon_cursor:before {
    content: "\e07e"
}

.icon_mic:before {
    content: "\e07f"
}

.icon_compass:before {
    content: "\e080"
}

.icon_pin:before {
    content: "\e081"
}

.icon_pushpin:before {
    content: "\e082"
}

.icon_map:before {
    content: "\e083"
}

.icon_drawer:before {
    content: "\e084"
}

.icon_toolbox:before {
    content: "\e085"
}

.icon_book:before {
    content: "\e086"
}

.icon_contacts:before {
    content: "\e087"
}

.icon_archive:before {
    content: "\e088"
}

.icon_heart:before {
    content: "\e089"
}

.icon_profile:before {
    content: "\e08a"
}

.icon_group:before {
    content: "\e08b"
}

.icon_grid-2x2:before {
    content: "\e08c"
}

.icon_grid-3x3:before {
    content: "\e08d"
}

.icon_music:before {
    content: "\e08e"
}

.icon_pause_alt:before {
    content: "\e08f"
}

.icon_phone:before {
    content: "\e090"
}

.icon_upload:before {
    content: "\e091"
}

.icon_download:before {
    content: "\e092"
}

.social_facebook:before {
    content: "\e093"
}

.social_twitter:before {
    content: "\e094"
}

.social_pinterest:before {
    content: "\e095"
}

.social_googleplus:before {
    content: "\e096"
}

.social_tumblr:before {
    content: "\e097"
}

.social_tumbleupon:before {
    content: "\e098"
}

.social_wordpress:before {
    content: "\e099"
}

.social_instagram:before {
    content: "\e09a"
}

.social_dribbble:before {
    content: "\e09b"
}

.social_vimeo:before {
    content: "\e09c"
}

.social_linkedin:before {
    content: "\e09d"
}

.social_rss:before {
    content: "\e09e"
}

.social_deviantart:before {
    content: "\e09f"
}

.social_share:before {
    content: "\e0a0"
}

.social_myspace:before {
    content: "\e0a1"
}

.social_skype:before {
    content: "\e0a2"
}

.social_youtube:before {
    content: "\e0a3"
}

.social_picassa:before {
    content: "\e0a4"
}

.social_googledrive:before {
    content: "\e0a5"
}

.social_flickr:before {
    content: "\e0a6"
}

.social_blogger:before {
    content: "\e0a7"
}

.social_spotify:before {
    content: "\e0a8"
}

.social_delicious:before {
    content: "\e0a9"
}

.social_facebook_circle:before {
    content: "\e0aa"
}

.social_twitter_circle:before {
    content: "\e0ab"
}

.social_pinterest_circle:before {
    content: "\e0ac"
}

.social_googleplus_circle:before {
    content: "\e0ad"
}

.social_tumblr_circle:before {
    content: "\e0ae"
}

.social_stumbleupon_circle:before {
    content: "\e0af"
}

.social_wordpress_circle:before {
    content: "\e0b0"
}

.social_instagram_circle:before {
    content: "\e0b1"
}

.social_dribbble_circle:before {
    content: "\e0b2"
}

.social_vimeo_circle:before {
    content: "\e0b3"
}

.social_linkedin_circle:before {
    content: "\e0b4"
}

.social_rss_circle:before {
    content: "\e0b5"
}

.social_deviantart_circle:before {
    content: "\e0b6"
}

.social_share_circle:before {
    content: "\e0b7"
}

.social_myspace_circle:before {
    content: "\e0b8"
}

.social_skype_circle:before {
    content: "\e0b9"
}

.social_youtube_circle:before {
    content: "\e0ba"
}

.social_picassa_circle:before {
    content: "\e0bb"
}

.social_googledrive_alt2:before {
    content: "\e0bc"
}

.social_flickr_circle:before {
    content: "\e0bd"
}

.social_blogger_circle:before {
    content: "\e0be"
}

.social_spotify_circle:before {
    content: "\e0bf"
}

.social_delicious_circle:before {
    content: "\e0c0"
}

.social_facebook_square:before {
    content: "\e0c1"
}

.social_twitter_square:before {
    content: "\e0c2"
}

.social_pinterest_square:before {
    content: "\e0c3"
}

.social_googleplus_square:before {
    content: "\e0c4"
}

.social_tumblr_square:before {
    content: "\e0c5"
}

.social_stumbleupon_square:before {
    content: "\e0c6"
}

.social_wordpress_square:before {
    content: "\e0c7"
}

.social_instagram_square:before {
    content: "\e0c8"
}

.social_dribbble_square:before {
    content: "\e0c9"
}

.social_vimeo_square:before {
    content: "\e0ca"
}

.social_linkedin_square:before {
    content: "\e0cb"
}

.social_rss_square:before {
    content: "\e0cc"
}

.social_deviantart_square:before {
    content: "\e0cd"
}

.social_share_square:before {
    content: "\e0ce"
}

.social_myspace_square:before {
    content: "\e0cf"
}

.social_skype_square:before {
    content: "\e0d0"
}

.social_youtube_square:before {
    content: "\e0d1"
}

.social_picassa_square:before {
    content: "\e0d2"
}

.social_googledrive_square:before {
    content: "\e0d3"
}

.social_flickr_square:before {
    content: "\e0d4"
}

.social_blogger_square:before {
    content: "\e0d5"
}

.social_spotify_square:before {
    content: "\e0d6"
}

.social_delicious_square:before {
    content: "\e0d7"
}

.icon_printer:before {
    content: "\e103"
}

.icon_calulator:before {
    content: "\e0ee"
}

.icon_building:before {
    content: "\e0ef"
}

.icon_floppy:before {
    content: "\e0e8"
}

.icon_drive:before {
    content: "\e0ea"
}

.icon_search-2:before {
    content: "\e101"
}

.icon_id:before {
    content: "\e107"
}

.icon_id-2:before {
    content: "\e108"
}

.icon_puzzle:before {
    content: "\e102"
}

.icon_like:before {
    content: "\e106"
}

.icon_dislike:before {
    content: "\e0eb"
}

.icon_mug:before {
    content: "\e105"
}

.icon_currency:before {
    content: "\e0ed"
}

.icon_wallet:before {
    content: "\e100"
}

.icon_pens:before {
    content: "\e104"
}

.icon_easel:before {
    content: "\e0e9"
}

.icon_flowchart:before {
    content: "\e109"
}

.icon_datareport:before {
    content: "\e0ec"
}

.icon_briefcase:before {
    content: "\e0fe"
}

.icon_shield:before {
    content: "\e0f6"
}

.icon_percent:before {
    content: "\e0fb"
}

.icon_globe:before {
    content: "\e0e2"
}

.icon_globe-2:before {
    content: "\e0e3"
}

.icon_target:before {
    content: "\e0f5"
}

.icon_hourglass:before {
    content: "\e0e1"
}

.icon_balance:before {
    content: "\e0ff"
}

.icon_rook:before {
    content: "\e0f8"
}

.icon_printer-alt:before {
    content: "\e0fa"
}

.icon_calculator_alt:before {
    content: "\e0e7"
}

.icon_building_alt:before {
    content: "\e0fd"
}

.icon_floppy_alt:before {
    content: "\e0e4"
}

.icon_drive_alt:before {
    content: "\e0e5"
}

.icon_search_alt:before {
    content: "\e0f7"
}

.icon_id_alt:before {
    content: "\e0e0"
}

.icon_id-2_alt:before {
    content: "\e0fc"
}

.icon_puzzle_alt:before {
    content: "\e0f9"
}

.icon_like_alt:before {
    content: "\e0dd"
}

.icon_dislike_alt:before {
    content: "\e0f1"
}

.icon_mug_alt:before {
    content: "\e0dc"
}

.icon_currency_alt:before {
    content: "\e0f3"
}

.icon_wallet_alt:before {
    content: "\e0d8"
}

.icon_pens_alt:before {
    content: "\e0db"
}

.icon_easel_alt:before {
    content: "\e0f0"
}

.icon_flowchart_alt:before {
    content: "\e0df"
}

.icon_datareport_alt:before {
    content: "\e0f2"
}

.icon_briefcase_alt:before {
    content: "\e0f4"
}

.icon_shield_alt:before {
    content: "\e0d9"
}

.icon_percent_alt:before {
    content: "\e0da"
}

.icon_globe_alt:before {
    content: "\e0de"
}

.icon_clipboard:before {
    content: "\e0e6"
}

.glyph {
    float: left;
    text-align: center;
    padding: .75em;
    margin: .4em 1.5em .75em 0;
    width: 6em;
    text-shadow: none
}

.glyph_big {
    font-size: 128px;
    color: #59c5dc;
    float: left;
    margin-right: 20px
}

.glyph div {
    padding-bottom: 10px
}

.glyph input {
    font-family: consolas, monospace;
    font-size: 12px;
    width: 100%;
    text-align: center;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    padding: .2em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.glyph .fs1 {
    font-size: 2em
}

.section .product-box {
    margin-bottom: 0
}

.section-title h2 {
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 3px;
    text-transform: uppercase
}

.section-title h2:after {
    content: "";
    display: block;
    background: #ddb22a center center no-repeat;
    width: 100px;
    height: 4px;
    margin: 20px auto 30px
}

.home-slider {
    overflow: hidden
}

.home-slider .item {
    position: relative
}

.mid-collection .featured-prod .info {
    padding: 30px 20px 32px;
    background-color: #2a2a2a
}

.mid-collection .featured-prod .info h3 {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 700
}

.mid-collection .featured-prod .info h3 a {
    color: #fff
}

.mid-collection .featured-prod .info .desc {
    color: #989898;
    padding-bottom: 18px;
    border-bottom: solid 1px #363636;
    margin-bottom: 20px
}

.mid-collection .featured-prod .info .desc img {
    display: none
}

@media (max-width: 768px) {
    .mid-collection .featured-prod div:nth-child(1) {
        text-align: center
    }
}

.mid-collection .featured-prod .price-box {
    position: absolute;
    bottom: 0;
    right: 12px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 4px 20px
}

.mid-collection .featured-prod .price-box:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 16px solid #ddb22a
}

.mid-collection .featured-prod .price-box .product-price {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    display: block;
    font-weight: 500
}

.article .image .date {
    right: auto;
    left: 0
}

.article .image .date:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 16px solid #ddb22a
}

.article h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 18px 0 5px
}

.article .date {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 4.5px 20px;
    right: auto;
    left: 0
}

.article .date:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 16px solid #ddb22a
}

.home-brands .item-brand {
    display: table;
    width: 100%
}

.home-brands .image-brand {
    display: table-cell;
    height: 109px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #ebebeb
}

.home-brands .image-brand img {
    max-height: 100%;
    max-width: 100%
}

.home-brands .title-brand {
    display: table-row;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background-color: #2a2a2a;
    color: #fff
}

.home-brands .owl-brands .owl-controls {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 100%
}

.home-about .info {
    position: relative;
    width: 43.0769%;
    float: left;
    padding: 27px 0 27px 30px;
    background-color: #2a2a2a;
    height: 240px
}

.home-about .info:after {
    content: '';
    position: absolute;
    top: 0;
    right: -67px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 240px solid transparent;
    border-left: 67px solid #2a2a2a
}

.home-about .info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 17px
}

.home-about .desc {
    color: #989898;
    line-height: 22px
}

.home-about .image {
    width: 56.9231%;
    float: left;
    height: 240px;
    overflow: hidden
}

.home-about .image img {
    text-align: center
}

@media (max-width: 768px) {
    .home-about .image img {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .home-about .info:after {
        display: none
    }

    .home-about .info {
        width: 100%;
        float: none;
        height: auto;
        padding: 30px 15px
    }

    .home-about .image {
        width: 100%;
        float: none;
        height: auto
    }
}

.testimonial {
    padding: 53px 0 20px;
    background-image: url(../images/bg-testimonial-min.jpg);
    background-attachment: fixed;
    background-position: 0 50%
}

.testimonial .section-title h2 {
    color: #fff
}

.testimonial .owl-item {
    padding: 0 45px
}

.testimonial .testimonial-box {
    position: relative;
    color: #fff;
    padding: 30px 25px 30px 80px;
    min-height: 120px
}

.testimonial .testimonial-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #ddb22a;
    opacity: .6;
    transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg)
}

.testimonial .testimonial-box .image {
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    top: 50%;
    margin-top: -57px;
    left: -45px
}

.testimonial .testimonial-box .info h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

.testimonial .testimonial-box .info .content {
    margin-bottom: 0
}

.testimonial .owl-testimonial .owl-dots {
    margin-top: 48px;
    position: static
}

@media (max-width: 320px) {
    .testimonial .testimonial-box:after {
        transform: skew(-16deg);
        -ms-transform: skew(-16deg);
        -webkit-transform: skew(-16deg)
    }
}

.section-xecu {
    padding: 50px 0 40px
}

.bottom-collection {
    margin-top: 60px;
    padding: 50px 0 40px;
    background-color: #ededed
}

.bottom-collection .prod-grid {
    text-align: center
}

.bottom-collection .prod-grid {
    position: relative
}

.bottom-collection .prod-grid .info {
    position: relative;
    z-index: 11;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.bottom-collection .prod-grid .info h3 {
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.bottom-collection .prod-grid .info h3 a {
    color: inherit
}

.bottom-collection .prod-grid .info .price {
    font-size: 14px;
    font-weight: 700;
    color: #ddb22a;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 12px
}

.bottom-collection .prod-grid form {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    margin-bottom: 0;
    opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.bottom-collection .prod-grid form .group {
    display: table;
    position: absolute;
    top: 40%;
    margin-top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.bottom-collection .prod-grid:hover form {
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.bottom-collection .prod-grid:hover .info {
    background: #2a2a2a;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.bottom-collection .prod-grid:hover h3 {
    color: #fff
}

.bottom-collection .prod-grid form .button {
    margin: 0 5px
}

.service {
    text-align: center
}

.service h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 25px 0 12px
}

.service .desc {
    text-align: center;
    line-height: 24px;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .section.service .col-xs-12.col-sm-6.col-md-3.xs-margin-top-25 {
        margin-top: 25px
    }
}

@media (max-width: 543px) {
    section.sidebar.left-content.col-lg-12 {
        padding: 0
    }

    .products .col-xs-6, .category-products .col-xs-6 {
        clear: left;
        width: 100%
    }
}

@media (max-width: 767px) {
    .products-view-list .product-box .product-thumbnail, .products-view-list .product-box .product-info {
        width: 100%;
        margin-left: 0
    }

    .bottom-footer .social, .bottom-footer .copyright {
        text-align: center
    }

    .bottom-footer .copyright {
        margin-top: 10px;
        line-height: 18px;
        display: inherit
    }

    .mid-footer h4 {
        margin-top: 20px
    }

    .mid-footer .linklist li {
        padding: 5px 0;
        border-bottom: none
    }

    .mid-footer {
        padding: 15px 0
    }

    .top-footer b {
        margin-top: 20px
    }

    #footer .top-footer {
        padding: 10px 0 20px
    }

    #footer {
        margin-top: 35px
    }

    .breadcrumb {
        margin-bottom: 10px
    }
}

@media (max-width: 430px) {
    .logo img {
        max-width: 200px
    }

    .product-box .product-price-old {
        margin: 0 10px
    }

    #sort-by li:hover > ul {
        visibility: hidden
    }

    #sort-by li:hover > ul.active {
        visibility: visible
    }

    .collection p.title-head-info {
        position: static
    }

    .collection h1.title-head {
        margin-bottom: 5px
    }
}

@media (max-width: 1199px) {
    aside.left.left-content.col-lg-3 {
        margin-top: 30px;
        width: 100%
    }

    .list-articles .image {
        width: 100px
    }

    .list-articles .info {
        width: calc(100% - 120px)
    }

    .page_order_account .top_order_title .order_date a {
        margin-top: -46px
    }

    .products-view-grid .product-box .product-action .btn {
        width: calc((100% / 2) - 5px);
        min-width: auto
    }

    .more-views .swiper-slide:before {
        display: none
    }

    .featured-image {
        width: 100%;
        margin: 0
    }

    .details-product #gallery_01 {
        width: 100%;
        max-width: 100%;
        position: static !important;
        margin: 15px 0;
        border: none
    }

    .more-views img {
        height: auto;
        width: 100%;
        max-width: 100%;
        padding: 0;
        border: none
    }

    .more-views .swiper-button-next, .more-views .swiper-button-prev {
        display: none
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .more-views .swiper-button-next {
        bottom: 46px
    }
}

@media (max-width: 767px) {
    .details-product .form-detail-action button {
        float: none;
        clear: left;
        display: block;
        width: 100%;
        margin-left: 0
    }

    .details-product .custom-btn-number {
        width: 100%
    }

    .product-tab .tab-link {
        width: 100%;
        border: none;
        padding: 0
    }

    .tab-content-mobile {
        display: none
    }

    .current .tab-content-mobile {
        display: block;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-top: none
    }

    ul.tabs.tabs-title {
        display: block;
        border: none;
        width: 100%
    }

    .product-tab .tab-link.current {
        margin-bottom: 10px !important
    }

    .product-tab .tab-content.current {
        padding-top: 0
    }

    .product-tab .tab-link h3 {
        border: 1px solid #e1e1e1;
        padding: 10px;
        margin-top: 0;
        position: relative
    }

    .product-tab .tab-link h3:before {
        content: '\f107';
        font-size: 20px;
        font-family: FontAwesome;
        float: right;
        margin-right: 0;
        margin-top: 0
    }

    .product-tab .tab-link.current .tab-content-mobile {
        margin-bottom: 10px
    }

    .product-tab .tab-link.current h3 {
        margin-bottom: 0;
        border-bottom: none
    }

    .details-product .custom-btn-number #qty {
        width: 100%
    }
}

@media (max-width: 480px) {
    .details-product form button {
        padding: 0
    }
}

@media (max-width: 375px) {
    .sodiachi .btn.btn-50 {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .quick-view {
        display: none !important
    }
}

.info-contact {
    margin-top: 30px
}

.info-contact .logo a {
    text-align: left
}

@media (max-width: 767px) {
    .page-title.mx991 h1 {
        font-size: 20px
    }

    .table-responsive.tab-all {
        border: none
    }

    .page_customer_account .col-main-acount {
        margin-bottom: 0
    }

    .page_customer_account .col-main-acount .recent-orders .tab-all .table-cart {
        margin-bottom: 0
    }

    .address .page_address .adr_title .title-head {
        font-size: 16px
    }

    .address .page_address .adr_title .title-head a {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    #footer ul.linklist.list-unstyled {
        margin-bottom: 30px
    }

    .mid-footer {
        padding: 45px 0 10px
    }
}

@media (max-width: 767px) {
    #footer ul.linklist.list-unstyled {
        display: none
    }

    #footer .active ul.linklist.list-unstyled {
        display: block;
        margin-bottom: 10px
    }

    .mid-footer h4 {
        margin-top: 10px
    }

    .mid-footer h4:after {
        content: "\f0fe";
        font-family: FontAwesome;
        font-size: 20px;
        float: right
    }

    #footer .mid-footer .active h4:after {
        content: "\f146"
    }

    .mid-footer {
        padding: 20px 0 10px
    }
}

#nav-mobile.mm-opened {
    display: block !important
}

.iWishImg {
    width: 30px;
    height: 30px;
    margin: 0 2px
}

.iWishHidden {
    display: none !important
}

.iwishAddWrapper {
    display: inline-block;
    margin: 5px;
    border: solid 1px #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.iwishAddChild {
    display: inline-block;
    padding: 5px
}

.iwishAddBorder {
    border-right: solid 1px #f2f2f2
}

.wishlist-page-body {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px
}

@media (min-width: 1200px) {
    .wishlist-page-body {
        width: 1170px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wishlist-page-body {
        width: 970px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .wishlist-page-body {
        width: 750px
    }
}

.wishlist-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.wishlist-product {
    position: relative;
    min-height: 1px;
    margin-top: 10px;
    margin-bottom: 10px
}

.wishlist-product:after {
    clear: both
}

.wishlist-product:after, .wishlist-product:before {
    content: " ";
    display: table
}

.wishlist-product-content .wishlist-product-name, .wishlist-product-content .wishlist-product-price, .wishlist-product-content .wishlist-product-oldprice {
    font-weight: 600;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-decoration: unset
}

.wishlist-product-content .wishlist-product-oldprice {
    color: #cacaca;
    text-decoration: line-through
}

.wishlist-product-img {
    overflow: hidden;
    margin: 0 auto
}

.wishlist-product-img img {
    width: 100%;
    height: auto
}

.wishlist-remove-link {
    line-height: 34px
}

.wishlist-load-more {
    text-align: center
}

.wishlist-btn {
    background-image: none;
    line-height: 18px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent
}

.wishlist-product-btn {
    border-color: #ccc;
    margin-bottom: 10px;
    min-width: 100px
}

.wishlist-sold-out-btn {
    border-color: #ccc;
    margin-bottom: 10px;
    min-width: 100px
}

.wishlist-load-more-btn {
    background-color: #fff;
    border-color: #ccc;
    font-size: 20px;
    padding: 15px 50px
}

.wishlist-load-more-btn:hover {
    background-color: #dcdcdc
}

.wishlist-list-view .wishlist-product-img, .wishlist-list-view .wishlist-product-content, .wishlist-list-view .wishlist-product-action {
    float: left
}

.wishlist-list-view .wishlist-product-img {
    height: 134px;
    width: 125px
}

@media only screen and (max-width: 720px) {
    .wishlist-list-view .wishlist-product-img {
        width: 115px
    }
}

.wishlist-list-view .wishlist-product-content {
    width: calc(100% - 125px - 180px);
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (max-width: 720px) {
    .wishlist-list-view .wishlist-product-content {
        width: calc(100% - 115px);
        padding-left: 10px;
        padding-right: 10px
    }
}

.wishlist-list-view .wishlist-product-action {
    width: 180px
}

@media only screen and (max-width: 720px) {
    .wishlist-list-view .wishlist-product-action {
        width: 100%;
        margin-top: 5px
    }
}

@media only screen and (max-width: 720px) {
    .wishlist-list-view .wishlist-add-to-cart {
        width: calc(100% - 115px);
        padding-left: 10px;
        padding-right: 10px;
        float: right
    }
}

@media only screen and (max-width: 720px) {
    .wishlist-list-view .wishlist-remove {
        width: 115px;
        float: right;
        text-align: center
    }
}

.wishlist-list-view .wishlist-product-btn, .wishlist-list-view .wishlist-sold-out-btn {
    display: block;
    width: 100%
}

.wishlist-grid-view:after {
    clear: both
}

.wishlist-grid-view:after, .wishlist-grid-view:before {
    content: " ";
    display: table
}

.wishlist-grid-view .wishlist-product {
    float: left;
    text-align: center;
    height: 425px;
    overflow: hidden
}

@media only screen and (max-width: 720px) {
    .wishlist-grid-view .wishlist-product {
        width: 100% !important
    }
}

.wishlist-grid-view .wishlist-product-img {
    height: 200px;
    width: 180px;
    overflow: hidden
}

.wishlist-grid-view .wishlist-product-description {
    display: none
}

.wishlist-clearfix:before, .wishlist-clearfix:after {
    display: table;
    content: " "
}

.wishlist-clearfix:after {
    clear: both
}

.wishlist-input, input.wishlist-input, #wishlist_search_input {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.wishlist-search {
    float: left;
    width: 50%
}

@media only screen and (max-width: 720px) {
    .wishlist-search {
        width: 100%
    }
}

.wishlist-share {
    float: left;
    width: 50%;
    text-align: right
}

@media only screen and (max-width: 720px) {
    .wishlist-share {
        display: none
    }
}

.wishlist-share-select {
    float: left;
    width: 50%;
    text-align: right;
    line-height: 34px
}

.wishlist-share-select select {
    height: 25px;
    padding: unset
}

@media only screen and (min-width: 720px) {
    .wishlist-share-select {
        display: none
    }
}

.wishlist-share-item {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 34px;
    margin-left: 5px
}

.wishlist-share-fb, .wishlist-share-twitter, .wishlist-share-email {
    font-size: 20px
}

.wishlist-share-fb {
    color: #3b5998
}

.wishlist-share-twitter {
    color: #1da1f2
}

.wishlist-share-email {
    color: #999
}

.wishlist-display-style {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 20px;
    width: 50%;
    float: left
}

.wishlist-list-style, .wishlist-grid-style {
    color: #999
}

.wishlist-list-style.active, .wishlist-grid-style.active {
    color: #46484a
}

.wishlist-list-style:hover, .wishlist-grid-style:hover {
    color: #357ebd
}

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

@font-face {
    font-family: 'wishlist-font';
    src: url("data:application/octet-stream;base64,d09GRgABAAAAAA4YAA8AAAAAGQwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADMAAABCsP6z7U9TLzIAAAGMAAAAQwAAAFY+IElXY21hcAAAAdAAAABdAAABqOk3/CpjdnQgAAACMAAAABMAAAAgBtX/BGZwZ20AAAJEAAAFkAAAC3CKkZBZZ2FzcAAAB9QAAAAIAAAACAAAABBnbHlmAAAH3AAAA0sAAAWaaECRz2hlYWQAAAsoAAAAMwAAADYJvKhxaGhlYQAAC1wAAAAcAAAAJAc7A1lobXR4AAALeAAAABgAAAAYFpn//2xvY2EAAAuQAAAADgAAAA4FOwO4bWF4cAAAC6AAAAAgAAAAIAEHDDZuYW1lAAALwAAAAY8AAAMJMl59YHBvc3QAAA1QAAAATAAAAF8lU23rcHJlcAAADZwAAAB6AAAAhuVBK7x4nGNgZGBg4GKQY9BhYHRx8wlh4GBgYYAAkAxjTmZ6IlAMygPKsYBpDiBmg4gCAIojA08AeJxjYGQ+wjiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjC8YGEO+p/FEMUcxDANKMwIkgMA/v4L9QB4nO2RwQ2AQAgEBw98GCsxluLbl/2HLk5AypBkNtkN4bEABozgDBTkQci5I5XKB1vlylE7mrnrnKGkhtfSJXY1L8rKP3vp1c6yrY/qr4nO8Cb/4E026g32AkR/ETkAAAB4nGNgQAMSEMgc9D8LhAESbAPdAHicrVZpd9NGFB15SZyELCULLWphxMRpsEYmbMGACUGyYyBdnK2VoIsUO+m+8Ynf4F/zZNpz6Dd+Wu8bLySQtOdwmpOjd+fN1czbZRJaktgL65GUmy/F1NYmjew8CemGTctRfCg7eyFlisnfBVEQrZbatx2HREQiULWusEQQ+x5ZmmR86FFGy7akV03KLT3pLlvjQb1V334aOsqxO6GkZjN0aD2yJVUYVaJIpj1S0qZlqPorSSu8v8LMV81QwohOImm8GcbQSN4bZ7TKaDW24yiKbLLcKFIkmuFBFHmU1RLn5IoJDMoHzZDyyqcR5cP8iKzYo5xWsEu20/y+L3mndzk/sV9vUbbkQB/Ijuzg7HQlX4RbW2HctJPtKFQRdtd3QmzZ7FT/Zo/ymkYDtysyvdCMYKl8hRArP6HM/iFZLZxP+ZJHo1qykRNB62VO7Es+gdbjiClxzRhZ0N3RCRHU/ZIzDPaYPh788d4plgsTAngcy3pHJZwIEylhczRJ2jByYCVliyqp9a6YOOV1WsRbwn7t2tGXzmjjUHdiPFsPHVs5UcnxaFKnmUyd2knNoykNopR0JnjMrwMoP6JJXm1jNYmVR9M4ZsaERCICLdxLU0EsO7GkKQTNoxm9uRumuXYtWqTJA/Xco/f05la4udNT2g70s0Z/VqdiOtgL0+lp5C/xadrlIkXp+ukZfkziQdYCMpEtNsOUgwdv/Q7Sy9eWHIXXBtju7fMrqH3WRPCkAfsb0B5P1SkJTIWYVYhWQGKta1mWydWsFqnI1HdDmla+rNMEinIcF8e+jHH9XzMzlpgSvt+J07MjLj1z7UsI0xx8m3U9mtepxXIBcWZ5TqdZlu/rNMfyA53mWZ7X6QhLW6ejLD/UaYHlRzodY3lBC5p038GQizDkAg6QMISlA0NYXoIhLBUMYbkIQ1gWYQjLJRjC8mMYwnIZhrC8rGXV1FNJ49qZWAZsQmBijh65zEXlaiq5VEK7aFRqQ54SbpVUFM+qf2WgXjzyhjmwFkiXyJpfMc6Vj0bl+NYVLW8aO1fAsepvH472OfFS1ouFPwX/1dZUJb1izcOTq/Abhp5sJ6o2qXh0TZfPVT26/l9UVFgL9BtIhVgoyrJscGcihI86nYZqoJVDzGzMPLTrdcuan8P9NzFCFlD9+DcUGgvcg05ZSVnt4KzV19uy3DuDcjgTLEkxN/P6VvgiI7PSfpFZyp6PfB5wBYxKZdhqA60VvNknMQ+Z3iTPBHFbUTZI2tjOBIkNHPOAefOdBCZh6qoN5E7hhg34BWFuwXknXKJ6oyyH7kXs8yik/Fun4kT2qGiMwLPZG2Gv70LKb3EMJDT5pX4MVBWhqRg1FdA0Um6oBl/G2bptQsYO9CMqdsOyrOLDxxb3lZJtGYR8pIjVo6Of1l6iTqrcfmYUl++dvgXBIDUxf3vfdHGQyrtayTJHbQNTtxqVU9eaQ+NVh+rmUfW94+wTOWuabronHnpf06rbwcVcLLD2bQ7SUiYX1PVhhQ2iy8WlUOplNEnvuAcYFhjQ71CKjf+r+th8nitVhdFxJN9O1LfR52AM/A/Yf0f1A9D3Y+hyDS7P95oTn2704WyZrqIX66foNzBrrblZugbc0HQD4iFHrY64yg18pwZxeqS5HOkh4GPdFeIBwCaAxeAT3bWM5lMAo/mMOT7A58xh0GQOgy3mMNhmzhrADnMY7DKHwR5zGHzBnHWAL5nDIGQOg4g5DJ4wJwB4yhwGXzGHwdfMYfANc+4DfMscBjFzGCTMYbCv6dYwzC1e0F2gtkFVoANTT1jcw+JQU2XI/o4Xhv29Qcz+wSCm/qjp9pD6Ey8M9WeDmPqLQUz9VdOdIfU3Xhjq7wYx9Q+DmPpMvxjLZQa/jHyXCgeUXWw+5++J9w/bxUC5AAEAAf//AA94nKVUbWscVRQ+59yZu6/NdnbnZTeZTnZ3ZmfqbtzA7rzQpjFriAaTtLFNCb4Us9amiKnZQEEEtYUKpSKo6AdB/AF+tQh+8IOC4IegX/zoL4i/QBSz8c5mqUnpiuIM3HOf+5y5nPM8wwE6ODj4ku3R91CCEB7v1FNAxHARGLEeEFIPEAAvAyI8JzawErRc52xbkvUGKipPVKpupOiGblgUtVtPYBSKV5zzHI6RZ1ebOE2u10TPD9uVls72/Nqfu06IpcndlbK7MEHm/OnJja/LxfCxn/0gWy1nKGs5meCTbt4+h80GCx0ff+g/VfMxdPAbU3svKo6bOG4aC2/r3049e+pj20vls5hWk97m/JhxyWmc9QFSAAe/sz2WgRxMwjTMwSpsQA9uw4ew2llRTlDiZJY4S/BuLkVsLEmEjLoZmQbtxlE0nJYobvmD9+++e+utN25ub11/5aUX19cuLAfDp52XTzVqmujXrrpe4IdGu6UrAntDLDTR8SE+xg08xDN4iB+VP4v/nB/zcX5hyMd4wFtl/b5hoVj18pEtbj4AhtX/fBSD1//+8EjWceLI5Z/d0AXUbohrLORbcTC24oz+T0cYcrbi/Hjp//hfkzD54BwA+CO9Pdc5k8FEGgeeppAlceCojANDRRB+Shjb+ZCF2X9rYWXIV0ZYMuSjyqEl9hDHv/0oS2i3rO//OkBkGNZ+NJrDY+j/iX5cTyGQmAHPCz0dWOos5lGScTGBYgwwwteTQrntlMiRJZC7IDEmXQZJYuscmcSWECxzYrxU1ApKLptJp5IcHLTTstoQsmhKLJPSjmyhwxwGrl3lhmZrbUVoEyhCG1YvmGbhl97J2+Pugv3k8hXc2elvxmcsY6r7XDVx5c7apIV4U37h4sad/lemSn+oJgzr/o3dE7NrGs53lppT9TLJMi+J+vU8MSmDSNIicJn3RPFyT9Qu9UYPNkfXbaV6OiFPNJAnNHWMeVVPb7ciMbwOwyzqRhP9yELDjY1uGWHEEyG7Vwvq629+8fKn7xSKt67OXMkXcsXi3CV3qjZVWvhuR35taTWYDdQZn7ZDz3jmo7vXOnSRzuPTIeMnrs6TRqUL3fraNVlTl1/FM9lyx+F/AYS08VEAeJxjYGRgYABipx+3NsTz23xl4GZ+ARRhuBxtlAGj////v5H5BTM3kMvBwAQSBQCAQQ2dAHicY2BkYGAO+p8FJF/8/w8iGYAiKIANAIvLBZsD6AAAA+j//wPoAAAD6AAAA1kAAAOgAAAAAAAAAGwBWgICAl4CzQAAAAEAAAAGAJAACQAAAAAAAgAkADQAcwAAAGALcAAAAAB4nH2RzUoDMRSFz/RHsUUXCi5cBQSpSKc/oAtBEAst4s5F92Ob+SnpZMikSnHhU/gKbl37Mj6LZ6ahWKHOEPLdk5ObmxsAh/iGh9V3ybFiD/uMVlzBLu4cV6nfO66Rx47raGLieId66riBC7w6buIIH8zg1fYYzfDl2MOJd+q4ggPvxnGV+oPjGlk6ruPYe3O8Q/3dcQNj79NxE2eV+kBnS5NEsRWtwbnod3tX4mkpNKUkDZQIFjbWJhe3ItSplUppf6LnL0keqyS37UJ8lNFCBWZD2wjG0uSJTkXP727oI5lKE1g5LU7Mn6O+taEIjZ6LoTtLZEbP5MT6sbXZdafzuwYMoJFhCYMEEWJYCLSonnPuo4serkhPdAg6V66ETQ+gqARYcEdcruSMbzlCRilVSYci+3wujTleuC+nV5WzRXvtfKQ3YibFfOYf3/aVMTMUFSRlLFi1z9q3+0f0p+WeoKx0ur5jjmfW0qdq6S5uY8rqBYZ/7iXYt2JtRmVC3S+7Z6leo8N/Sx9+AGrvlQ4AeJxtwUEKgDAMBMCkalO8+ZA+KpaWBiMFXfD7Hrw6Q4E+K/2LHHjimReOLJRONc/qCOiCnt1ubE1L3cc48mjNiqkLHgPqRfQCoEkQxnicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MTAyaIEYm7mYGDkgLD4GMIvNaRfTAaA0J5DN7rSLwQHCZmZw2ajC2BEYscGhI2Ijc4rLRjUQbxdHAwMji0NHckgESEkkEGzmYWLk0drB+L91A0vvRiYGFwAMdiP0AAA=") format("woff"), url("data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQrD+s+0AAAD8AAAAQk9TLzI+IElXAAABQAAAAFZjbWFw6Tf8KgAAAZgAAAGoY3Z0IAbV/wQAAAz0AAAAIGZwZ22KkZBZAAANFAAAC3BnYXNwAAAAEAAADOwAAAAIZ2x5ZmhAkc8AAANAAAAFmmhlYWQJvKhxAAAI3AAAADZoaGVhBzsDWQAACRQAAAAkaG10eBaZ//8AAAk4AAAAGGxvY2EFOwO4AAAJUAAAAA5tYXhwAQcMNgAACWAAAAAgbmFtZTJefWAAAAmAAAADCXBvc3QlU23rAAAMjAAAAF9wcmVw5UErvAAAGIQAAACGAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQPEAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoBANS/2oAWgNSAJYAAAABAAAAAAAAAAAABQAAAAMAAAAsAAAABAAAAVwAAQAAAAAAVgADAAEAAAAsAAMACgAAAVwABAAqAAAABAAEAAEAAOgE//8AAOgA//8AAAABAAQAAAABAAIAAwAEAAUAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAEwAAAAAAAAABQAA6AAAAOgAAAAAAQAA6AEAAOgBAAAAAgAA6AIAAOgCAAAAAwAA6AMAAOgDAAAABAAA6AQAAOgEAAAABQAC////sQPoAsMAGQA2AC1AKgkAAgIDAUcAAwIDbwACAQJvAAEAAAFUAAEBAFgAAAEATDUyJiQ6MwQFFisBERQGByEiJjcRFhcWFx4CNzMyPgE3Njc2NxQGBwYPAQ4CJyMiLgEvAiYnLgEnNDYzITIWA+g0JfzKJDYBGR/KTCAmRBsCHEIoH1+3IBg2KdI0NQwiIAsCDB4kCzWTYBIjPAEuKwM2JDQBxv5FJTQBNiQBuxwViTcYGhwBGhwXRHwWvyxQHZIjJwkSDAEKFAgnZUIOF1IkKzo0AAAJAAD/+QPoAwsADwAfAC8APwBPAF8AbwB/AI8AT0BMEQ0CBxAMAgYDBwZgDwkCAw4IAgIBAwJgCwUCAQAAAVQLBQIBAQBYCgQCAAEATI6LhoN+e3ZzbmtmY15bVlNOSzU1NTU1NTU1MxIFHSslFRQGByMiJic1NDYXMzIWERUUBicjIiYnNTQ2NzMyFgEVFAYHIyImJzU0NhczMhYBFRQGKwEiJic1NDY7ATIWARUUBicjIiYnNTQ2NzMyFgEVFAYHIyImPQE0NhczMhYBFRQGKwEiJic1NDY7ATIWARUUBicjIiY9ATQ2NzMyFhMVFAYrASImPQE0NjsBMhYBHiAWshceASAWshYgIBayFx4BIBayFiABZSAWshceASAWshce/pwgFrIXHgEgFrIWIAFlIBayFx4BIBayFx4BZiAWshYgIBayFx7+nCAWshceASAWshceAWYgFrIWICAWshceASAWshYgIBayFx6abBYeASAVbBYgAR4BBmsWIAEeF2sXHgEg/s1sFh4BIBVsFiABHgIkaxYgIBZrFiAg/sxrFiABHhdrFx4BIP7NbBYeASAVbBYgAR4CJGsWICAWaxYgIP7MaxYgAR4XaxceASABCGsWICAWaxYgIAAAAAYAAP/5A+gDCwAPAB8ALwA/AE8AXwA8QDkLAQcKAQYDBwZgCQEDCAECAQMCYAUBAQAAAVQFAQEBAFgEAQABAExeW1ZTTks1NTU1NTU1NTMMBR0rJRUUBgcjIiYnNTQ2FzMyFhEVFAYnIyImJzU0NjczMhYBFRQGByEiJic1NDYXITIWARUUBisBIiYnNTQ2OwEyFgEVFAYnISImJzU0NjchMhYTFRQGIyEiJic1NDYzITIWAR4gFrIXHgEgFrIWICAWshceASAWshYgAsogFv3pFx4BIBYCFxce/TcgFrIXHgEgFrIWIALKIBb96RceASAWAhcXHgEgFv3pFx4BIBYCFxcemmwWHgEgFWwWIAEeAQZrFiABHhdrFx4BIP7NbBYeASAVbBYgAR4CJGsWICAWaxYgIP7MaxYgAR4XaxceASABCGsWICAWaxYgIAAAAAEAAP+xA1kDCwAkAEpARxIBBAUBRwcBAgMBAwIBbQgBAQFuCQEAAAUEAAVgAAQDAwRUAAQEA1YGAQMEA0oBAB4cGxoZGBUTEQ8MCwoJCAYAJAEjCgUUKwEyFhURFAYrAREzNyM1NDY/ATUmIyIGFxUjFTMRISImNRE0NjMDKhMcHBPabxB/GiZEI0FLXAFwcP5lExwcEwMLHBT9BhQcAUyCUx8eAQFzBVpRX4L+tBwUAvoUHAAAAAABAAD/9wOIAsMALwBNQEouLCogAgUFBhkBBAUWEgIDBAsBAQIERwAGBQZvAAUEBW8ABAMEbwADAgNvAAIBAm8AAQAAAVQAAQEAWAAAAQBMJBYWIxEiKAcFGysBBgcVFA4DJyInFjMyNy4BJxYzMjcuAT0BFhcuATQ3HgEXJjU0NjcyFzY3Bgc2A4glNSpWeKhhl30TGH5iO1wSEw8YGD9SJiwlLBlEwHAFakpPNT01FDs0Am42JxdJkIZkQAJRAk0BRjYDBg1iQgIVAhlOYCpTZAUVFEtoATkMIEAkBgAAAAEAAAABAABC+NqwXw889QALA+gAAAAA01syaAAAAADTWzJo////sQPoAwsAAAAIAAIAAAAAAAAAAQAAA1L/agAAA+j//wAAA+gAAQAAAAAAAAAAAAAAAAAAAAYD6AAAA+j//wPoAAAD6AAAA1kAAAOgAAAAAAAAAGwBWgICAl4CzQAAAAEAAAAGAJAACQAAAAAAAgAkADQAcwAAAGALcAAAAAAAAAASAN4AAQAAAAAAAAA1AAAAAQAAAAAAAQANADUAAQAAAAAAAgAHAEIAAQAAAAAAAwANAEkAAQAAAAAABAANAFYAAQAAAAAABQALAGMAAQAAAAAABgANAG4AAQAAAAAACgArAHsAAQAAAAAACwATAKYAAwABBAkAAABqALkAAwABBAkAAQAaASMAAwABBAkAAgAOAT0AAwABBAkAAwAaAUsAAwABBAkABAAaAWUAAwABBAkABQAWAX8AAwABBAkABgAaAZUAAwABBAkACgBWAa8AAwABBAkACwAmAgVDb3B5cmlnaHQgKEMpIDIwMTYgYnkgb3JpZ2luYWwgYXV0aG9ycyBAIGZvbnRlbGxvLmNvbXdpc2hsaXN0LWZvbnRSZWd1bGFyd2lzaGxpc3QtZm9udHdpc2hsaXN0LWZvbnRWZXJzaW9uIDEuMHdpc2hsaXN0LWZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEANgAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AdwBpAHMAaABsAGkAcwB0AC0AZgBvAG4AdABSAGUAZwB1AGwAYQByAHcAaQBzAGgAbABpAHMAdAAtAGYAbwBuAHQAdwBpAHMAaABsAGkAcwB0AC0AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBpAHMAaABsAGkAcwB0AC0AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAQIBAwEEAQUBBgEHAAhtYWlsLWFsdAJ0aAd0aC1saXN0EWZhY2Vib29rLW9mZmljaWFsB3R3aXR0ZXIAAAAAAQAB//8ADwAAAAAAAAAAAAAAAAAAAAAAGAAYABgAGANS/2oDUv9qsAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQpDRWNFUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQEKQ0VjRWFksChQWCGxAQpDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAStZWSOwAFBYZVlZLbADLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbAELCMhIyEgZLEFYkIgsAYjQrEBCkNFY7EBCkOwAWBFY7ADKiEgsAZDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSEgsEBTWLABKxshsEBZI7AAUFhlWS2wBSywB0MrsgACAENgQi2wBiywByNCIyCwACNCYbACYmawAWOwAWCwBSotsAcsICBFILALQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAILLIHCwBDRUIqIbIAAQBDYEItsAkssABDI0SyAAEAQ2BCLbAKLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbALLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsAwsILAAI0KyCwoDRVghGyMhWSohLbANLLECAkWwZGFELbAOLLABYCAgsAxDSrAAUFggsAwjQlmwDUNKsABSWCCwDSNCWS2wDywgsBBiZrABYyC4BABjiiNhsA5DYCCKYCCwDiNCIy2wECxLVFixBGREWSSwDWUjeC2wESxLUVhLU1ixBGREWRshWSSwE2UjeC2wEiyxAA9DVVixDw9DsAFhQrAPK1mwAEOwAiVCsQwCJUKxDQIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwDiohI7ABYSCKI2GwDiohG7EBAENgsAIlQrACJWGwDiohWbAMQ0ewDUNHYLACYiCwAFBYsEBgWWawAWMgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBMsALEAAkVUWLAPI0IgRbALI0KwCiOwAWBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsBQssQATKy2wFSyxARMrLbAWLLECEystsBcssQMTKy2wGCyxBBMrLbAZLLEFEystsBossQYTKy2wGyyxBxMrLbAcLLEIEystsB0ssQkTKy2wHiwAsA0rsQACRVRYsA8jQiBFsAsjQrAKI7ABYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wHyyxAB4rLbAgLLEBHistsCEssQIeKy2wIiyxAx4rLbAjLLEEHistsCQssQUeKy2wJSyxBh4rLbAmLLEHHistsCcssQgeKy2wKCyxCR4rLbApLCA8sAFgLbAqLCBgsBBgIEMjsAFgQ7ACJWGwAWCwKSohLbArLLAqK7AqKi2wLCwgIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgjIIpVWCBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4GyFZLbAtLACxAAJFVFiwARawLCqwARUwGyJZLbAuLACwDSuxAAJFVFiwARawLCqwARUwGyJZLbAvLCA1sAFgLbAwLACwAUVjuAQAYiCwAFBYsEBgWWawAWOwASuwC0NjuAQAYiCwAFBYsEBgWWawAWOwASuwABa0AAAAAABEPiM4sS8BFSotsDEsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYTgtsDIsLhc8LbAzLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2GwAUNjOC2wNCyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsjMBARUUKi2wNSywABawBCWwBCVHI0cjYbAJQytlii4jICA8ijgtsDYssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAhDIIojRyNHI2EjRmCwBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wNyywABYgICCwBSYgLkcjRyNhIzw4LbA4LLAAFiCwCCNCICAgRiNHsAErI2E4LbA5LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wOiywABYgsAhDIC5HI0cjYSBgsCBgZrACYiCwAFBYsEBgWWawAWMjICA8ijgtsDssIyAuRrACJUZSWCA8WS6xKwEUKy2wPCwjIC5GsAIlRlBYIDxZLrErARQrLbA9LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrErARQrLbA+LLA1KyMgLkawAiVGUlggPFkusSsBFCstsD8ssDYriiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSsBFCuwBEMusCsrLbBALLAAFrAEJbAEJiAuRyNHI2GwCUMrIyA8IC4jOLErARQrLbBBLLEIBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsSsBFCstsEIssDUrLrErARQrLbBDLLA2KyEjICA8sAQjQiM4sSsBFCuwBEMusCsrLbBELLAAFSBHsAAjQrIAAQEVFBMusDEqLbBFLLAAFSBHsAAjQrIAAQEVFBMusDEqLbBGLLEAARQTsDIqLbBHLLA0Ki2wSCywABZFIyAuIEaKI2E4sSsBFCstsEkssAgjQrBIKy2wSiyyAABBKy2wSyyyAAFBKy2wTCyyAQBBKy2wTSyyAQFBKy2wTiyyAABCKy2wTyyyAAFCKy2wUCyyAQBCKy2wUSyyAQFCKy2wUiyyAAA+Ky2wUyyyAAE+Ky2wVCyyAQA+Ky2wVSyyAQE+Ky2wViyyAABAKy2wVyyyAAFAKy2wWCyyAQBAKy2wWSyyAQFAKy2wWiyyAABDKy2wWyyyAAFDKy2wXCyyAQBDKy2wXSyyAQFDKy2wXiyyAAA/Ky2wXyyyAAE/Ky2wYCyyAQA/Ky2wYSyyAQE/Ky2wYiywNysusSsBFCstsGMssDcrsDsrLbBkLLA3K7A8Ky2wZSywABawNyuwPSstsGYssDgrLrErARQrLbBnLLA4K7A7Ky2waCywOCuwPCstsGkssDgrsD0rLbBqLLA5Ky6xKwEUKy2wayywOSuwOystsGwssDkrsDwrLbBtLLA5K7A9Ky2wbiywOisusSsBFCstsG8ssDorsDsrLbBwLLA6K7A8Ky2wcSywOiuwPSstsHIsswkEAgNFWCEbIyFZQiuwCGWwAyRQeLABFTAtAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAFQrIAAQAqsQAFQrMKAgEIKrEABUKzDgABCCqxAAZCugLAAAEACSqxAAdCugBAAAEACSqxAwBEsSQBiFFYsECIWLEDZESxJgGIUVi6CIAAAQRAiGNUWLEDAERZWVlZswwCAQwquAH/hbAEjbECAEQAAA==") format("truetype")
}

[class^=wishlist-icon-]:before, [class*=" wishlist-icon-"]:before {
    font-family: "wishlist-font";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.wishlist-icon-mail-alt:before {
    content: '\e800'
}

.wishlist-icon-th:before {
    content: '\e801'
}

.wishlist-icon-th-list:before {
    content: '\e802'
}

.wishlist-icon-facebook-official:before {
    content: '\e803'
}

.wishlist-icon-twitter:before {
    content: '\e804'
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.1.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #2098d1;
    color: #fff
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, .75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, .75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 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
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: #fff
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 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
}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: #fff
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -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
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
    color: #fff
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -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
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: #fff
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: #fff
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: #fff
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: #fff
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: #fff
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: #fff
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -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
}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
    color: #fff
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -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
}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
    color: #fff
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -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
}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: #fff
}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -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
}

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: #fff
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -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
}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: #fff
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(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
}

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: #fff
}

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -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
}

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: #fff
}

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: 0 0
}

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
    opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1
}

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
    border-radius: 1em
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
    left: 0
}

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0
}

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
    left: 0;
    right: 0
}

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
    left: 0
}

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -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
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -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
}

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0%, transparent 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0%, transparent 80%)
}

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, 100% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, 100% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color
}

.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-float-away:before, .hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    75% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height
}

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px
}

/** {*/
/*    margin: 0 auto;*/
/*    padding: 0;*/
/*    outline: none;*/
/*    text-decoration: none;*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box*/
/*}*/

html {
    width: 100%;
    height: 100%
}

body {
    margin: 0 auto;
    padding: 0 auto;
    font-size: 13px;
    line-height: 1.7
}

.clear {
    clear: both;
    height: 0
}

ul {
    padding: 0
}

img {
    border: 0
}

a {
    text-decoration: none;
    color: #333
}

a:hover {
    text-decoration: none;
    color: #f3261c
}

.dv-thuy-trang {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.cur {
    cursor: pointer
}

.dv-slider {
    position: relative
}

.dv-slider img {
    width: 100%;
    float: left
}

.menu-run {
    position: relative;
    width: 100%;
    display: block
}

.menu-run ul, .menu-run ul li {
    list-style: none
}

.js-menu-back {
    display: none !important
}

.dv-hidden, .dv-hidden-sl {
    overflow: hidden
}

.price-km {
    color: #f9270f;
    font-weight: 700;
    font-size: 16px
}

.owl-buttons-tron .owl-buttons .owl-prev {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%
}

.owl-buttons-tron .owl-buttons .owl-next {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%
}

.dv-bg {
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    background-position: center
}

.glo-dentrang {
    filter: url(themes/template/img/desaturate_2.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1)
}

.glo-dentrang-mau {
    filter: none;
    -webkit-filter: grayscale(0)
}

.dv-glo-cart-mb {
    display: none
}

#back-top {
    position: fixed;
    bottom: 53px;
    right: 10px;
    z-index: 999
}

#back-top a {
    display: block;
    width: 35px;
    line-height: 35px;
    background: #f60;
    outline: none;
    color: #fff;
    font-size: 12px;
    text-align: center;
    transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s
}

#back-top a:hover {
    color: #fff;
    background: #00a859;
    text-decoration: none
}

.coppy_rs {
    display: block
}

#id_dk_email {
    float: left;
    height: 32px;
    background: #fff;
    border: solid #f60 1px;
    border-right: none;
    width: 100%;
    max-width: 300px;
    padding: 0 10px;
    color: #999;
    list-style: none
}

#id_btn_dangkyemail {
    float: left;
    line-height: 30px;
    color: #fff;
    background: #f60;
    padding: 0 15px;
    border: solid #f60 1px;
    cursor: pointer
}

.lb_dangkyemai {
    position: relative;
    cursor: text
}

.lb_dangkyemai button {
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 99
}

.lb_dangkyemai:hover #id_btn_dangkyemail {
    background: #f60;
    border: solid #f60 1px
}

.lb_dangkyemai:hover #id_dk_email {
    border: solid #f60 1px
}

.global-footer {
    margin-left: -25px
}

.global-footer .glo-foot-title {
    margin-left: 25px
}

.global-footer .glo-foot-title h3 {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 400
}

.global-footer .glo-foot-title .glo-foot-nd {
    font-size: 14px;
    line-height: 1.7
}

.global-footer .glo-foot-title .glo-foot-nd p {
    margin-bottom: 7px
}

.global-footer .glo-foot-title .glo-foot-nd ul, .global-footer .glo-foot-title .glo-foot-nd li {
    list-style: none
}

.global-footer .glo-foot-title .glo-foot-nd ul li {
    margin-bottom: 7px
}

.global-footer .glo-foot-title .glo-foot-nd ul li a {
    font-size: 14px
}

.glo-fanpage {
    padding: 7px 0 0;
    overflow: hidden
}

.glo-tags {
    padding: 5px 0 0
}

.glo-tags a {
    display: inline-block;
    padding: 5px 15px;
    background: #efefef;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    color: #333;
    font-size: 14px
}

.glo-tags a:hover {
    color: #fff;
    background: #00a859
}

.dv-form-lienhe {
    width: 100%
}

.dv-form-lienhe li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.dv-form-lienhe .lienhe-left {
    width: 40%;
    float: left;
    padding-right: 20px
}

.dv-form-lienhe .lienhe-right {
    width: 60%;
    float: left
}

.dv-form-lienhe li input, .dv-form-lienhe li textarea {
    width: 100%;
    border: solid 1px #e1e1e1;
    height: 38px;
    color: #999;
    padding: 0 10px 0 45px;
    outline: none;
    float: left
}

.dv-form-lienhe li textarea {
    padding: 10px 10px 10px 45px;
    height: 134px;
    margin: 0
}

.dv-form-lienhe li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10
}

.dv-form-lienhe li.li_lienhe_name:after {
    background-image: url(img/c_name.png)
}

.dv-form-lienhe li.li_lienhe_dienthoai:after {
    background-image: url(img/c_phone.png)
}

.dv-form-lienhe li.li_lienhe_email:after {
    background-image: url(img/c_mail.png)
}

.dv-form-lienhe li.li_lienhe_diachi:after {
    background-image: url(img/c_local.png)
}

.dv-form-lienhe li.li_lienhe_noidung:after {
    background-image: url(img/c_mess.png)
}

.dv-form-lienhe li.li_lienhe_captcha:after {
    background-image: url(img/c_code.png)
}

.dv-form-lienhe li.li_lienhe_captcha img {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 4px
}

.dv-form-lienhe .dv-lienhe-button {
    text-align: right;
    width: 100%
}

.dv-form-lienhe .dv-lienhe-button button, .a_button {
    padding: 13px 25px;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #00a859;
    color: #fff;
    border-bottom: 3px solid #038648;
    margin: 10px 0;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    line-height: 1
}

.dv-form-lienhe .dv-lienhe-button button:hover, .a_button:hover {
    background: #038648;
    border-bottom: 2px solid #00a859;
    color: #fff
}

.glo-top-20 {
    margin-top: 20px
}

.glo-right {
    text-align: right
}

.glo-center {
    text-align: center
}

.glo-left {
    text-align: left
}

.glo-left {
    margin-bottom: 15px;
    padding: 7px;
    background: #fff;
    border-bottom: solid #999 3px;
    border: solid #dedede 1px
}

.glo-left h3 {
    text-align: center;
    background: #00a859;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 45px
}

.glo-left ul, .glo-left li {
    list-style: none
}

.glo-left ul.ul-left-menu li {
    list-style: none;
    background: #eee;
    border-top: solid #fff 1px
}

.glo-left ul.ul-left-menu li a {
    padding: 10px;
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    display: block;
    font-size: 13px
}

.glo-left ul.ul-left-menu li ul li {
    background: #f7f7f7
}

.glo-left ul.ul-left-menu li:hover > a {
    color: #fff;
    background: #f37635
}

.glo-left ul.ul-left-menu li:hover > span {
    color: #fff
}

.marquee {
    overflow: hidden;
    height: 350px;
    margin-top: 7px
}

.global-sp-left {
    padding: 5px;
    border: solid 1px #e1e1e1;
    background: #fff;
    margin-bottom: 15px;
    list-style: none
}

.global-sp-left:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.global-sp-left img {
    width: 100%;
    float: left
}

.global-sp-left h5 {
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    padding-bottom: 0
}

.global-sp-left h5 a {
    display: block;
    padding: 6px 0;
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.global-sp-left h5 a:hover {
    color: #00984b
}

.global-sp-left .price {
    text-align: center
}

.global-sp-left .price-km {
    text-align: center;
    margin-bottom: 10px
}

.glo-row {
    margin-left: -15px;
    margin-right: -15px
}

.glo-row-hide {
    overflow: hidden
}

.glo-love {
    display: inline-block;
    color: #069197;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.glo-love.love_active {
    color: #ff1095
}

.glo-tintuc-left a {
    display: block;
    padding-top: 10px
}

.glo-tintuc-left h5:hover {
    color: #fc4037
}

.glo-tintuc-left a + a {
    border-top: 1px dashed #ccc;
    display: block;
    margin-top: 10px
}

.glo-tintuc-left img {
    width: 100px;
    float: left;
    margin-right: 10px
}

.glo-tintuc-left h5 {
    color: #555;
    padding: 3px 0;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    background: 0 0
}

.glo-dv-title {
    margin-bottom: 20px;
    border-bottom: double #ccc 4px;
    position: relative;
    padding-bottom: 5px;
    line-height: 40px
}

.glo-dv-title span {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    color: #f37635;
    display: block
}

.glo-dv-title li {
    position: absolute;
    list-style: none;
    bottom: -6px;
    height: 7px;
    left: 0;
    width: 80px;
    background: #f37635;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}

.global-noidung {
    line-height: 1.7
}

.global-noidung-chitiet img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.glo-right-spdetail-motar {
    border-top: 1px dashed #ccc;
    padding-top: 8px
}

.glo-thongtin-muahang {
    font-weight: 600;
    font-size: 18px;
    color: #00a859;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0
}

.global-noidung-chitiet p {
    margin-bottom: 10px
}

.global-form-lienhe {
    margin: 20px 0
}

.global-pagination {
    text-align: center;
    margin: 20px 0
}

.global-classlink span, .global-classlink span:hover {
    color: #fff
}

.global-classlink {
    font-size: 15px;
    margin: 0 6px 0 0;
    line-height: 32px;
    height: 35px;
    width: 35px;
    table-layout: inherit;
    text-align: center;
    color: #fff;
    background: #969898;
    border: #969898 1px solid;
    text-decoration: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block
}

.global-classunlink, .global-classlink:hover {
    background: #00a859;
    color: #fff;
    border: #00984b 1px solid
}

.glo-tintuc-one {
    padding-bottom: 20px
}

.glo-tintuc-one + .glo-tintuc-one {
    border-top: dashed 1px #dedede;
    padding-top: 20px
}

.glo-foot-bottom {
    padding: 15px 0;
    background: #029650
}

.glo-foot-bottom a {
    margin: 0;
    display: inline-block
}

.div-glo-max-foot {
    float: right;
    margin-top: -2px
}

.div-glo-max-foot a {
    display: inline-block;
    font-size: 17px;
    margin-left: 18px
}

.glo-news-img {
    width: 25%;
    float: left;
    border: solid 1px #dedede;
    padding: 5px;
    background: #fff
}

.glo-news-img img {
    width: 100%;
    float: left
}

.glo-news-view {
    width: 75%;
    padding-left: 20px;
    float: right;
    line-height: 1.7
}

.glo-tieude {
    padding-bottom: 5px
}

.glo-tieude a {
    color: #00a859;
    font-weight: 400;
    font-size: 20px;
    text-transform: none;
    line-height: 1.7
}

.glo-tieude a:hover {
    color: #f37635
}

.glo-news-day {
    font-size: 14px;
    color: #333;
    border-bottom: solid 1px #eee;
    padding: 7px 0 5px;
    background: url(img/icon_day.png) center left no-repeat;
    padding-left: 20px;
    margin-bottom: 7px
}

.glo-mota {
    line-height: 1.7
}

.global-tintuc-chitiet h1 {
    color: #007f3b;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 4px;
    text-transform: uppercase;
    line-height: 1.6
}

.global-tinlienquan {
    padding: 20px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .08), -2px 0px 5px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .08), -2px 0px 5px rgba(0, 0, 0, .08)
}

.glo-chitiet-sp {
    border-top: 1px dashed #ccc;
    margin-top: 20px;
    padding-top: 15px;
    margin-bottom: 25px
}

.global-sanphamlienquan {
    margin-top: 20px
}

.global-tinlienquan-title, .global-sanphamlienquan-title {
    margin-bottom: 20px;
    border-bottom: double #ccc 4px;
    position: relative
}

.global-tinlienquan-title h2, .global-sanphamlienquan-title h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #fc4037;
    padding-bottom: 4px
}

.global-tinlienquan li {
    list-style-type: disc;
    margin-left: 20px;
    color: #777;
    margin-bottom: 5px
}

.global-tinlienquan li a {
    color: #333;
    font-size: 15px;
    display: inline;
    line-height: 1.7;
    font-weight: 500
}

.global-tinlienquan li a:hover {
    color: #e21f27;
    text-decoration: underline
}

.global-ds-thuvienanh {
    margin-left: -20px
}

.glo-thuvienanh-con {
    width: 33.3333%;
    float: left;
    margin-bottom: 20px
}

.glo-thuvienanh {
    border: solid 1px #e1e1e1;
    background: #fff;
    margin-left: 20px;
    list-style: none;
    padding: 5px
}

.glo-thuvienanh-img img {
    width: 100%
}

.glo-title-thuvienanh {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    padding-bottom: 0;
    height: 50px;
    overflow: hidden;
    line-height: 1.6;
    margin-bottom: 7px;
    margin-top: 3px
}

.glo-thuvienanh:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.global-ds-video {
    margin-left: -20px
}

.glo-video-con {
    width: 33.3333%;
    float: left;
    margin-bottom: 20px
}

.glo-video {
    border: solid 1px #e1e1e1;
    background: #fff;
    margin-left: 20px;
    list-style: none;
    padding: 5px;
    float: left
}

.glo-video-img {
    position: relative
}

.glo-video-img img {
    width: 100%;
    float: left
}

.glo-title-video {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    padding-bottom: 0;
    height: 57px;
    overflow: hidden;
    line-height: 1.6;
    margin-bottom: 7px;
    margin-left: 20px
}

.glo-title-video a {
    display: block;
    margin-top: 7px
}

.glo-video-img span {
    background: url(img/play_icon.png);
    width: 60px;
    height: 42px;
    z-index: 99;
    position: absolute;
    background-size: 60px auto;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -21px
}

.glo-video-img:hover span {
    background: url(img/play_icon_hv.png);
    background-size: 60px auto
}

.glo-video:hover {
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.glo-video-play {
    border: 1px solid #dedede;
    padding: 7px;
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.global-video-chitiet h1 {
    font-size: 18px;
    color: #00a859;
    line-height: 1.4
}

.glo-video-play iframe {
    margin: 0;
    padding: 0;
    float: left
}

.glo-chitiet-left {
    width: 50%;
    float: left
}

.glo-chitiet-right {
    width: 50%;
    float: left;
    padding-left: 25px
}

.glo-chitiet-right h1 {
    color: #007f3b;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 7px;
    text-transform: uppercase;
    line-height: 1.7;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 7px
}

.glo-bo-price {
    margin: 3px 0 10px
}

.glo-right-spdetail {
    font-size: 14px;
    list-style: none;
    font-weight: 600;
    margin-bottom: 5px
}

.glo-right-spdetail ul {
    margin-left: 15px;
    margin-bottom: 8px
}

.glo-right-spdetail-cart {
    border-top: 1px dashed #d74c2d;
    border-bottom: 1px dashed #d74c2d;
    padding-top: 15px;
    margin-bottom: 15px
}

.glo-right-spdetail-motar {
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 5px
}

.glo-price_goc {
    font-size: 15px;
    font-weight: 600;
    color: #949393;
    text-decoration: line-through;
    margin-bottom: 3px
}

.glo-price {
    color: #fc4037;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding-bottom: 5px;
    margin-right: 7px
}

.glo-right-spdetail button[type=button]:nth-child(2) {
    margin-top: 2px
}

.glo-right-spdetail button[type=button] {
    border: none;
    background: #bdbdbd;
    color: #565656;
    height: 18px;
    line-height: 18px;
    width: 32px;
    outline: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 15px;
    display: block;
    cursor: pointer
}

.glo-right-spdetail button[type=button]:hover {
    background: #00a859;
    color: #fff
}

.glo-right-spdetail button[type=submit] {
    margin-bottom: 15px;
    color: #fff;
    padding: 11px 28px 12px 48px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    outline: none;
    background: url(img/icon_giohang.png) center left 15px no-repeat #f37635;
    background-size: 23px;
    margin-top: 0;
    cursor: pointer;
    margin-left: 6px
}

.glo-cart-ctsp {
    float: left
}

.glo-right-spdetail button[type=submit]:hover {
    background: url(img/icon_giohang.png) center left 15px no-repeat #00a859;
    background-size: 23px
}

.glo-right-spdetail input[type=number] {
    padding: 0 10px;
    width: 70px;
    height: 38px;
    text-align: center;
    border: 1px solid #bdbdbd;
    float: left;
    margin: 0 6px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.glo-left-ctsp {
    border: 1px solid #e9e9e9;
    padding: 8px
}

.glo-left-ctsp img {
    width: 100%;
    margin: 0
}

.glo-chitietsp-mutianh {
    margin: 15px -7px 0
}

.glo-chitietsp-mutianh .owl-pagination {
    display: none
}

.glo-chitietsp-mutianh .owl-buttons {
    display: block
}

.glo-chitietsp-mutianh .dv-anh-chitiet {
    border: 1px solid #ccc;
    background: #eee;
    padding: 4px;
    text-align: center;
    margin: 0 7px;
    float: left
}

.glo-chitietsp-mutianh .dv-anh-chitiet img {
    margin: 0;
    float: left
}

.glo-chitietsp-mutianh .owl-buttons {
    margin-top: -23px
}

.glo-chitietsp-mutianh .owl-buttons .owl-prev {
    left: 0;
    width: 24px;
    height: 46px;
    font-size: 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.glo-chitietsp-mutianh .owl-buttons .owl-next {
    right: 0;
    width: 24px;
    height: 46px;
    font-size: 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.glo-chitietsp-mutianh .dv-anh-chitiet:hover {
    border: 1px solid #b9b9b9;
    background: #e6e5e5
}

.dv-hinhanh-chitiet .owl-wrapper {
    min-width: 100% !important
}

.glo-dv-menu-left ul, .glo-dv-menu-left li {
    list-style: none;
    padding: 0;
    margin: 0
}

.glo-dv-menu-left > ul > li {
    position: relative
}

.glo-dv-menu-left > ul > li > a {
    display: block;
    text-decoration: none
}

.glo-dv-menu-left > ul > li > ul > li > a {
    display: block;
    text-decoration: none
}

.glo_click_expain_li_left {
    position: absolute;
    z-index: 99;
    color: #333;
    right: 0;
    padding: 6px 10px;
    top: 0;
    cursor: pointer;
    font-size: 18px
}

.glo-table-responsive {
    overflow-x: auto;
    width: 100%
}

.glo-table-cart {
    border: 1px solid #dadada;
    border-top: none;
    border-left: none;
    min-width: 600px
}

.glo-table-cart tr:hover {
    background: #fbfbfb
}

.glo-table-cart th {
    background: #f3f3f3;
    padding: 8px 10px;
    border: 1px solid #dadada;
    border-right: none;
    border-bottom: none
}

.glo-table-cart td {
    border: 1px solid #dadada;
    padding: 10px;
    border-right: none;
    border-bottom: none
}

.glo-img-dh {
    width: 70px;
    float: left;
    margin-right: 20px;
    border: 1px solid #e8e8e8;
    padding: 2px;
    margin-bottom: 7px
}

.glo-a-dh {
    display: block;
    line-height: 1.6
}

.glo-gia-donhang {
    color: #fc4037;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px
}

.glo-btn-donhang button {
    border: none;
    background: #bdbdbd;
    color: #565656;
    height: 28px;
    width: 32px;
    outline: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 15px;
    float: left;
    cursor: pointer
}

.glo-btn-donhang button:hover {
    background: #00a859;
    color: #fff
}

.glo-btn-donhang input {
    padding: 0 10px;
    width: 60px;
    height: 28px;
    text-align: center;
    border: 1px solid #bdbdbd;
    float: left;
    margin: 0 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.glo-xoa-dh {
    font-size: 13px;
    width: auto;
    padding: 6px 13px;
    cursor: pointer;
    background: #f37635;
    color: #fff;
    border: none;
    border: 1px solid #f37635
}

.glo-xoa-dh:hover {
    background: #00a859;
    border: 1px solid #00a859;
    color: #fff
}

.glo-sum-tong-tien {
    text-align: right;
    font-weight: 600;
    display: block;
    font-size: 15px;
    text-transform: capitalize;
    padding: 10px 0
}

.glo-sum-tong-tien span {
    font-size: 18px;
    color: #fc4037
}

.glo-abtn-dh {
    text-align: center
}

.glo-abtn-dh a {
    display: inline-block;
    background: #fc4037;
    font-size: 13px;
    padding: 6px 14px;
    font-weight: 400;
    color: #fff;
    margin: 0 2px;
    text-transform: uppercase
}

.glo-abtn-dh a:hover {
    background: #00a859;
    color: #fff
}

.glo-chitietsp-mutianh .owl-buttons .owl-next:hover, .glo-chitietsp-mutianh .owl-buttons .owl-prev:hover {
    background: rgba(0, 0, 0, .6)
}

.glo-dvlang {
    display: inline-block;
    position: absolute;
    right: 0
}

.glo-dvlang span {
    display: block;
    padding: 10px
}

.glo-dvlang.active_lang_nn ul {
    display: block
}

.glo-dvlang ul {
    background: #fff;
    width: 134px;
    position: absolute;
    display: none;
    box-shadow: 0 0 10px #ccc;
    z-index: 9999
}

.glo-dvlang li {
    list-style: none;
    padding: 10px 13px;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    margin: 0 !important;
    float: left;
    text-align: left
}

.glo-dvlang li:last-child {
    border: none
}

.glo-dvlang li.active, .glo-dvlang li:hover {
    background: #f7f7f7
}

.glo-dvlang a {
    color: #959595;
    float: left;
    line-height: 18px
}

.glo-dvlang li a {
    display: block;
    width: 100%
}

.glo-dvlang i {
    color: #9a9a9a;
    float: left;
    margin-left: 8px;
    margin-top: 3px
}

.glo-dvlang img {
    height: 18px;
    float: left;
    margin-right: 7px
}

.dv-banner {
    position: relative
}

.glo-limenu-cart {
    right: 0;
    position: absolute !important;
    height: 100%;
    background: #f37635;
    padding: 0 20px
}

.glo-giohang-menu a {
    color: #fff;
    font-size: 13px;
    background: url(img/icon_giohang.png) center left no-repeat;
    font-weight: 700;
    line-height: 42px;
    background-size: 27px;
    padding: 8px 0 2px 35px;
    display: block
}

.glo-giohang-menu a span {
    color: #ff0
}

.glo-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6);
    display: none
}

.glo-popup-video {
    position: fixed;
    z-index: 9999;
    width: 600px;
    height: 360px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -300px;
    max-width: 100%;
    max-height: 100%;
    display: none
}

.glo-popup-video img {
    width: 100%;
    height: 100%
}

.li_hotro_glo_left {
    background: 0 0;
    padding-left: 0;
    list-style: none;
    border-bottom: dotted #ccc 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding: 10px 0
}

.li_hotro_glo_left .img {
    text-align: left;
    width: 28%;
    float: left;
    padding-right: 7px
}

.li_hotro_glo_left .img img {
    width: 95%;
    max-width: 140px;
    border-radius: 100px;
    margin-bottom: 10px;
    border: 1px solid #dcdcdc;
    padding: 2px
}

.li_hotro_glo_left .ht-right {
    width: 72%;
    float: left
}

.li_hotro_glo_left .ht-right h2 > p {
    font-weight: 700
}

.li_hotro_glo_left .ht-right h2 {
    color: #333;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px
}

.li_hotro_glo_left .ht-right h2 span a {
    margin-left: 0;
    color: #f11818;
    font-weight: 700;
    font-size: 16px
}

.li_hotro_glo_left .ht-right p a {
    margin-left: 0;
    font-size: 13px
}

.li_hotro_glo_left:last-child {
    border: none
}

.glo-left-nd-suppoer {
    padding-top: 7px
}

.glo-dong-popup {
    background: #fff url(img/close_popup.png);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 99999;
    background-size: 30px;
    right: 0;
    margin-top: -15px;
    margin-right: -15px;
    border-radius: 100%;
    cursor: pointer
}

.global-foot-v1 {
    width: 31%;
    margin-bottom: 20px
}

.global-foot-v2 {
    width: 23%;
    margin-bottom: 20px
}

.global-foot-v3 {
    width: 23%;
    margin-bottom: 20px
}

.global-foot-v4 {
    width: 23%;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .col-sm-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 767px) {
    .col-xs-1 {
        width: 8.33333333%
    }
}

@media only screen and (max-width: 479px) {
    .col-min-1 {
        width: 8.33333333%
    }
}

@media only screen and (min-width: 1000px) {
    .menu-run ul li {
        position: relative
    }

    .btn-menu, .a-menu-mb {
        display: none
    }

    .menu-run > ul > li {
        list-style: none;
        display: inline-block;
        float: left
    }

    .menu-run > ul > li > a {
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 15px 25px
    }

    .menu-run > ul > li:hover > a {
        color: #fff;
        background: #f37635
    }

    .menu-run > ul > li ul {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: -1;
        margin-top: 15px;
        border-bottom: solid 4px #f37635;
        border-left: solid 1px #f37635;
        border-right: solid 1px #f37635;
        border-top: solid 1px #f37635;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        box-shadow: 2px 1px 2px rgba(0, 0, 0, .3);
        opacity: 0;
        padding: 10px 0;
        background: #fff;
        min-width: 230px
    }

    .menu-run > ul > li > ul > li > ul {
        left: 100%;
        top: 0
    }

    .menu-run > ul > li:hover > ul, .menu-run > ul > li > ul > li:hover > ul {
        opacity: 1;
        margin-top: 0;
        z-index: 99999
    }

    .menu-run > ul > li > ul li {
        text-align: left;
        display: block;
        background: #fff;
        padding: 0 15px
    }

    .menu-run > ul > li > ul li a {
        padding: 6px 0 6px 15px;
        border-bottom: solid 1px #f0f0f5;
        border-top: solid 1px #fff;
        position: relative;
        display: block;
        color: #333;
        transition: padding .2s linear;
        -webkit-transition: padding .2s linear;
        -moz-transition: padding .2s linear;
        -o-transition: padding .2s linear;
        -ms-transition: padding .2s linear;
        text-transform: capitalize
    }

    .menu-run > ul > li > ul li:hover > a {
        color: #fff;
        background: #f37635;
        padding: 6px 0 6px 23px
    }

    .menu-run > ul > li > ul li a:before {
        content: attr(icons);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        font-size: 18px;
        line-height: 35px;
        transition: left .2s linear;
        -webkit-transition: left .2s linear;
        -moz-transition: left .2s linear;
        -o-transition: left .2s linear;
        -ms-transition: left .2s linear
    }

    .menu-run > ul > li > ul li:hover > a:before {
        left: 8px
    }
}

@media only screen and (max-width: 999px) {
    .a-menu-mb {
        display: block;
        text-transform: uppercase;
        padding: 13px 0 13px 10px;
        float: left;
        font-size: 14px;
        font-weight: 600;
        color: #fff
    }

    .a-menu-mb:hover {
        color: #fff
    }

    .btn-menu {
        display: block;
        background: #dc8605;
        width: 42px;
        height: 35px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
        margin: 7px 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        float: right;
        right: 0;
        border: 1px solid #fff
    }

    .btn-menu:after {
        content: '';
        position: absolute;
        width: 66%;
        height: 3px;
        background: #fff;
        top: 8px;
        left: 17%;
        box-shadow: 0 7px 0 #fff, 0 14px 0 #fff
    }

    .menu-run li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 33px;
        font: normal normal normal 14px/1 FontAwesome;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\f0da";
        opacity: .64;
        font-size: 15px;
        padding: 10px;
        right: 0;
        cursor: pointer;
        z-index: 99
    }

    .menu-run ul {
        position: absolute;
        width: 200px;
        right: 0;
        top: 100%;
        padding: 0;
        background: #dc8605;
        border: none;
        box-shadow: 2px 1px 2px rgba(0, 0, 0, .3);
        width: 230px;
        opacity: 0;
        z-index: -1;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .menu-run ul ul {
        top: 0;
        right: 0;
        z-index: -10
    }

    .menu-run .menu-height-0 > li {
        display: none
    }

    .menu-run ul li.menu-li-active, .menu-run ul li.menu-li-active-vback {
        display: block
    }

    .menu-run ul li.menu-li-active > a {
        display: none
    }

    .menu-run ul li.menu-li-active-vback > a {
        display: none
    }

    .menu-run .menu-height-active > li.menu-li-active-vback > a {
        display: block
    }

    .menu-run .menu-height-active > li {
        display: block
    }

    .menu-run .menu-height-opaciti {
        opacity: 1
    }

    .menu-run .menu-height-active {
        z-index: 99;
        margin-top: 0;
        opacity: 1;
        height: auto
    }

    .menu-run ul.active {
        z-index: 999;
        margin-top: 0;
        opacity: 1
    }

    .menu-run ul li {
        position: initial
    }

    .menu-run ul li a {
        border-top: solid 1px rgba(255, 255, 255, .2);
        position: relative;
        display: block;
        color: #333;
        transition: padding .2s linear;
        -webkit-transition: padding .2s linear;
        -moz-transition: padding .2s linear;
        -o-transition: padding .2s linear;
        -ms-transition: padding .2s linear;
        text-transform: capitalize;
        padding: 8px 20px 8px 10px;
        color: #fff;
        font-weight: 600
    }

    .menu-run ul li a:hover {
        color: #fff;
        background: #c77c0a
    }

    .js-menu-back {
        display: block !important
    }

    .js-menu-back span {
        display: block;
        padding: 7px 10px;
        color: #fff
    }
}

.cfacebook {
    position: fixed;
    bottom: 0;
    right: 85px;
    z-index: 9999999999999999;
    width: 258px !important;
    height: 290px !important;
    border: 4px solid #3d85c6 !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    background-color: #fff !important;
    transition: all .5s
}

.cfacebook_remove {
    bottom: -310px !important
}

.cfacebook span.foot {
    background: #3d85c6;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 4px 0 2px;
    z-index: 99
}

.cfacebook span.foot a {
    color: #fff
}

.delete_fb {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #3d85c6;
    z-index: 9999;
    padding: 6px;
    border-radius: 100%;
    right: 0;
    margin-top: -16px;
    cursor: pointer;
    margin-right: -14px
}

.ajax-load img {
    margin-top: 120px;
    position: absolute;
    z-index: 9;
    left: 115px
}

.quick-alo-ph-img-circle {
    width: 50px;
    height: 50px;
    bottom: 120px;
    right: 20px;
    position: fixed;
    background: rgba(30, 30, 30, .1) url(img/message.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-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%;
    background-color: #0074ff;
    z-index: 100;
    cursor: pointer
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    background-color: #a6e3fa 9;
    opacity: .75 !important
}

.quick-alo-ph-circle-fill {
    z-index: 99;
    width: 70px;
    height: 70px;
    bottom: 110px;
    right: 10px;
    position: fixed;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-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%
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.glo-hd-left-1 {
    float: left
}

.glo-hd-left-1 img {
    max-width: 100%;
    margin: 10px 0
}

.glo-hd-right-1 {
    float: left;
    padding-left: 100px
}

.glo-hd-right-1 .h3-hdtit {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.6;
    color: #00a859;
    margin-bottom: 5px
}

.glo-hd-right-1 .hd-dc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.7;
    display: block
}

.menu-run > ul > li > a {
    padding: 15px 35px
}

.glo-tranghome-v4 {
    background: #f8f8f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0 0
}

.glo-tranghome-v4 .dv-foot-top {
    padding-right: 20px;
    margin-bottom: 15px
}

.glo-tranghome-v4 .dv-foot-top img {
    width: 40px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px
}

.glo-tranghome-v4 .dv-foot-top h3 {
    color: #464646;
    font-size: 14px
}

.glo-tranghome-v4 .dv-foot-top .nd {
    color: #898989;
    font-size: 12px;
    line-height: 1.5;
    display: block;
    margin-top: 2px
}

.glo-dv-footer-2 {
    border-top: 1px solid #dcdcdc;
    padding: 20px 0;
    line-height: 1.8;
    margin: 0 0 0 25px
}

.glo-dv-footer-2 h3 {
    margin-bottom: 5px
}

.glo-dv-footer-2-child {
    background: #fff
}

.glo-dv-footer-2-child .glo-dv-footer-2 {
    margin: 0;
    border: none
}

.dv-glo-menu-v3 {
    position: relative
}

.dv-glo-menu-v3 .btn-nutmn {
    display: none;
    background: #ff9d06;
    position: relative;
    width: 45px;
    height: 36px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    border: 1px solid rgba(253, 253, 253, .45);
    margin: 6px;
    border-radius: 5px;
    right: 5px;
    float: right
}

.dv-glo-menu-v3 .btn-nutmn:after {
    content: '';
    position: absolute;
    width: 64%;
    height: 3px;
    background: #fff;
    top: 8px;
    left: 18%;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff
}

.dv-glo-menu-v3 .btn-home {
    color: #fff;
    padding: 13px;
    display: none
}

.dv-glo-menu-v3 ul, .dv-glo-menu-v3 li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.dv-glo-menu-v3 > ul > li {
    display: inline-block;
    float: left
}

.dv-glo-menu-v3 > ul > li > a {
    display: block;
    padding: 15px 25px 14px;
    color: #fff;
    font-size: 14px
}

.dv-glo-menu-v3 > ul > li > a > span {
    display: none
}

.dv-glo-menu-v3 > ul > li:hover > a {
    background: #ff9d06
}

.dv-glo-menu-v3 > ul ul {
    z-index: -1;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: absolute;
    width: 240px;
    background: #ff9d06;
    margin-top: 7px
}

.dv-glo-menu-v3 li {
    display: none
}

.dv-glo-menu-v3 li:hover > ul > li {
    display: block
}

.dv-glo-menu-v3 > ul li:hover > ul {
    opacity: 1;
    margin-top: 0;
    z-index: 99999
}

.dv-glo-menu-v3 ul ul li a {
    padding: 6px 15px;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, .35);
    color: #fff
}

.dv-glo-menu-v3 ul ul li:hover > a {
    background: #f19404
}

.dv-glo-menu-v3 ul ul li:last-child > a {
    border: none
}

.dv-glo-menu-v3 ul ul ul {
    left: 100%;
    top: 0
}

.dv-glo-menu-v3 > ul li span.ajax-menu-show-child {
    display: none
}

.dv-glo-menu-v3 .mn_mb_back {
    display: none
}

.dv-glo-menu-v3 .mn_mb_back i {
    margin-right: 3px
}

.dv-glo-menu-v3 > ul li a span {
    margin-right: 7px;
    font-size: 16px
}

.glo-thanhtoan-foot {
    border-top: 1px solid #dcdcdc;
    padding: 20px 0;
    line-height: 1.8;
    margin: 0 0 0 25px
}

.glo-thanhtoan-foot .l {
    width: 50%;
    float: left
}

.glo-thanhtoan-foot .l h3, .glo-thanhtoan-foot .r h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px
}

.glo-thanhtoan-foot .r {
    width: 50%;
    float: left;
    padding-left: 10px
}

.glo-thanhtoan-foot .r .nd {
    line-height: 1.6
}

.glo-thanhtoan-foot .r .nd img {
    float: left;
    margin-right: 10px
}

.glo-thanhtoan-foot .r .nd .f-mid-2-1 {
    float: left;
    margin-right: 20px
}

.glo-thanhtoan-foot .r .nd .f-mid-2-2 {
    float: left;
    border-left: #dcdcdc thin solid;
    padding-left: 20px
}

.glo-thanhtoan-foot .r .nd p {
    font-size: 14px;
    color: #999
}

.glo-thanhtoan-foot .r .nd p a {
    color: #d91918;
    font-weight: 600;
    font-size: 16px;
    padding-left: 0
}

.glo-ykien-kh {
    text-align: center
}

.glo-ykien-kh .glo-left-nd img {
    width: 100px;
    border-radius: 100px;
    margin: 10px auto 20px
}

.glo-ykien-kh .glo-left-nd .khachhang_cmt {
    color: #898989;
    font-size: 12px;
    font-style: italic;
    line-height: 1.7;
    margin-bottom: 15px
}

.glo-ykien-kh .glo-left-nd .khachhang_name {
    font-weight: 600;
    color: #ff8309;
    margin-bottom: 50px
}

.glo-ykien-kh .glo-left-nd .owl-pagination {
    bottom: 7px
}

.glo-ykien-kh .glo-left-nd .owl-pagination .owl-page {
    width: 13px;
    height: 13px;
    background: #b2b9b7
}

.glo-ykien-kh .glo-left-nd .owl-pagination .owl-page.active {
    background: #f16b6f
}

.glo-ykien-anhleft {
    margin-bottom: 25px
}

.glo-ykien-anhleft img {
    margin-bottom: 20px;
    width: 100%;
    float: left
}

@media only screen and (max-width: 991px) {
    .dv-glo-menu-v3 > ul li:hover > ul {
        opacity: 1;
        margin-top: 0;
        z-index: 0
    }

    .glo-thanhtoan-foot .r .nd img {
        display: none
    }

    .glo-thanhtoan-foot .l {
        width: 100%
    }

    .glo-thanhtoan-foot .r {
        width: 100%;
        margin-top: 10px;
        padding-left: 0
    }

    .dv-glo-menu-v3 > ul > li > a > span {
        display: inline-block
    }

    .dv-glo-menu-v3 .mn_mb_back {
        display: block
    }

    .dv-glo-menu-v3 ul li:hover > a {
        background: #f74e18
    }

    .dv-glo-menu-v3 .btn-home {
        display: inline-block
    }

    .dv-glo-menu-v3 {
        width: 100%
    }

    .dv-glo-menu-v3 .btn-nutmn {
        display: block
    }

    .dv-glo-menu-v3 ul, .mb-active {
        transition: all .5s !important;
        -moz-transition: all .5s !important;
        -webkit-transition: all .5s !important;
        -o-transition: all .5s !important
    }

    .dv-glo-menu-v3 ul li {
        display: none !important;
        position: relative
    }

    .dv-glo-menu-v3 ul.ul-mb-js-id {
        margin-top: 7px !important;
        opacity: 0 !important
    }

    .dv-glo-menu-v3 ul.mb-active {
        margin-top: 0 !important;
        opacity: 1 !important
    }

    .dv-glo-menu-v3 ul.mb-mrgin-top-2 {
        margin-top: 0 !important;
        opacity: 1 !important
    }

    .dv-glo-menu-v3 ul.mb-active > li, .dv-glo-menu-v3 ul li.li-mb-js-id-block {
        display: block !important
    }

    .dv-glo-menu-v3 li.li-mb-js-id-block > a, .dv-glo-menu-v3 li.li-mb-js-id-block > span {
        display: none !important
    }

    .dv-glo-menu-v3 ul {
        background: #ff9d06;
        width: 240px;
        right: 0;
        position: absolute;
        z-index: 9999;
        margin-top: 7px;
        opacity: 0 !important
    }

    .dv-glo-menu-v3 ul li:hover > a {
        background: #f19404
    }

    .dv-glo-menu-v3 > ul li {
        display: block;
        width: 100%
    }

    .dv-glo-menu-v3 > ul li a {
        display: block;
        padding: 6px 20px !important;
        color: #fff;
        border-bottom: 1px dashed #ff7d54
    }

    .dv-glo-menu-v3 > ul li span.ajax-menu-show-child {
        font-size: 16px;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px 8px 20px;
        cursor: pointer;
        display: block;
        z-index: 99
    }

    .dv-glo-menu-v3 .mn_mb_back i {
        font-size: 18px
    }

    .dv-glo-menu-v3 ul ul ul {
        left: 0;
        top: 0
    }

    .dv-glo-menu-v3 ul ul, .dv-glo-menu-v3 li {
        position: initial;
        margin-top: 0
    }

    .dv-glo-menu-v3 ul ul {
        top: 0;
        position: absolute
    }
}

.dv-menu-v2-sl {
    width: 100%;
    position: relative
}

.dv-menu-v2-sl .glo-scroll-ul a {
    padding-left: 40px;
    position: relative
}

.dv-menu-v2-sl .glo-scroll-ul span {
    position: absolute;
    margin-left: -20px
}

.dv-menu-v2-sl span.glo-mn-main-left {
    cursor: pointer;
    background: #ff9d06;
    display: block;
    color: #fff;
    text-align: left;
    padding: 12px 0 12px 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500
}

.dv-menu-v2-sl span img {
    margin-right: 7px
}

.dv-menu-v2-sl a img {
    width: 10px;
    position: absolute;
    margin-left: -22px;
    margin-top: 3px;
    max-height: 15px
}

.dv-menu-v2-sl ul {
    padding: 0;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-top: 1px solid rgba(255, 255, 255, 0)
}

.dv-menu-v2-sl ul, .dv-menu-v2-sl li {
    list-style: none
}

.dv-menu-v2-sl ul li a {
    line-height: 1.5;
    color: #696969;
    text-decoration: none;
    padding: 12px 10px;
    display: block;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    position: relative
}

.dv-menu-v2-sl ul li i {
    color: #333
}

.dv-menu-v2-sl ul li:hover > a, .dv-menu-v2-sl ul li:hover i {
    color: #dc3333
}

.dv-menu-v2-sl ul li:last-child > a {
    border: none
}

.dv-menu-v2-sl ul ul {
    position: absolute;
    left: 100%;
    width: 100%;
    border: 1px solid #ececec;
    border-left: 1px solid #fff;
    top: 0;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    background: #fff;
    bottom: 0;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .14);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .14);
    display: none
}

.glo-scroll-ul::-webkit-scrollbar {
    width: 10px
}

.glo-scroll-ul::-webkit-scrollbar-track {
    border-radius: 0
}

.glo-scroll-ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2)
}

.dv-menu-v2-sl i.i_right {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 14px 15px 15px 20px;
    z-index: 99;
    top: 0;
    left: auto;
    font-size: 16px
}

.dv-menu-v2-sl i.i_right_2 {
    display: none
}

.dv-menu-v2-sl ul li:hover i.i_right_1 {
    display: none
}

.dv-menu-v2-sl ul li:hover i.i_right_2 {
    display: block
}

.dv-menu-v2-sl ul li:hover > ul {
    opacity: 1;
    z-index: 99;
    display: block
}

.dv-menu-v2-sl ul li a i {
    position: absolute;
    left: 10px;
    top: 11px
}

.dv-menu-v2-sl ul ul li a {
    padding-left: 25px;
    position: relative
}

.dv-cont-menu-v2-sl {
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 100%
}

.dv-cont-menu-v2-sl > ul > li > a {
    padding-left: 40px
}

.dv-cont-menu-v2-sl > ul > li:hover img {
    filter: none;
    -webkit-filter: grayscale(0)
}

.global-footer-v4 .global-foot-v1 {
    width: 34%
}

.global-footer-v4 .global-foot-v2 {
    width: 22%
}

.global-footer-v4 .global-foot-v3 {
    width: 22%
}

.global-footer-v4 .global-foot-v4 {
    width: 22%
}

.width-auto {
    width: auto !important
}

.glo-js-popup-sp {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, .7);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999;
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.glo-js-popup-sp .dv-popup-cont {
    max-width: 1000px !important;
    overflow: initial;
    min-width: 300px !important;
    width: 100%
}

.glo-js-popup-sp .dv-popup-cont .dv-popup-cont-child {
    width: 100%;
    z-index: 1002;
    min-height: 90%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flex;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 1px 5px #666;
    box-shadow: 0 1px 5px #666;
    -webkit-animation: fadeIn .15s ease-in;
    -moz-animation: fadeIn .15s ease-in;
    -o-animation: fadeIn .15s ease-in;
    -ms-animation: fadeIn .15s ease-in;
    animation: fadeIn .15s ease-in;
    margin-top: 14px;
    margin-bottom: 30px
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: 'alpha(Opacity=0)';
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: 'alpha(Opacity=0)';
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: 'alpha(Opacity=0)';
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: 'alpha(Opacity=0)';
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.glo-popup-tieude {
    width: 100%;
    background: #f2f2f2;
    color: #575757;
    position: relative;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e1e1e1;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600
}

.glo-poup-doidung {
    padding: 10px;
    width: 100%
}

a.close-popup-xemnhanh {
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 6px;
    text-align: center;
    font-size: 20px;
    color: #858585;
    padding: 0 10px
}

a.close-popup-xemnhanh:hover {
    color: #e70909
}

body.glo-hide-scoll {
    overflow: hidden
}

.glo-js-popup-cont {
    display: none
}

.glo-js-popup-cont img.js-pop-load {
    width: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px
}

.glo-popup-tieude.fixed {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 1000px;
    border-radius: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.glo-dangnhap-dangky-bg {
    background-color: #000;
    opacity: .6;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.glo-dangnhap-dangky {
    position: fixed;
    width: 360px;
    background-color: #fff;
    border: 5px solid rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    left: 50%;
    margin-left: -180px;
    top: 30px;
    max-height: 80%;
    overflow-y: auto
}

.glo-dangnhap-dangky .glo-dn-dk-title {
    background: #fff;
    border-bottom: 1px solid #eee;
    height: 38px;
    line-height: 38px;
    padding: 0 10px
}

.glo-dangnhap-dangky .glo-dn-dk-title a {
    float: right;
    color: #e12c2c;
    padding: 9px 5px;
    font-size: 16px
}

.glo-dangnhap-dangky .glo-dn-dk-noidung {
    background: #f2f2f2;
    padding: 10px
}

.glo-dangnhap-dangky .glo-dn-dk-fb {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 20px;
    position: relative;
    margin-bottom: 20px
}

.glo-dangnhap-dangky .glo-dn-dk-fb > span {
    font-size: 14px;
    margin-right: 15px
}

.glo-dangnhap-dangky .glo-dn-dk-fb a {
    color: #48629b;
    border: 1px solid #48629b;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    margin-left: 5px
}

.glo-dangnhap-dangky .glo-dn-dk-fb a.gg {
    border-color: #dc4b38;
    color: #dc4b38
}

.glo-dangnhap-dangky .glo-dn-dk-fb a i {
    padding: 5px
}

.glo-dangnhap-dangky .glo-dn-dk-fb p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: -7px
}

.glo-dangnhap-dangky .glo-dn-dk-fb p span {
    background: #f2f2f2;
    padding: 0 15px
}

.glo-dangnhap-dangky .glo-dkdn-input input {
    display: block;
    width: 100%;
    height: 34px;
    border: 1px solid #c9c9c9;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    padding-left: 35px;
    font-size: 13px;
    border-radius: 2px;
    outline: none
}

.glo-dangnhap-dangky .glo-dkdn-input.err input {
    border: 1px dashed #e5101d;
    background-color: #fadbdd
}

.glo-dangnhap-dangky .glo-dkdn-input {
    position: relative;
    margin-bottom: 10px
}

.glo-dangnhap-dangky .glo-dkdn-input:before {
    position: absolute;
    left: 10px;
    top: 9px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b2b2b2;
    font-size: 15px;
    width: 15px;
    text-align: center
}

.glo-dangnhap-dangky .glo-dkdn-email:before {
    content: "\f007"
}

.glo-dangnhap-dangky .glo-dkdn-matkhau:before {
    content: "\f023";
    font-size: 17px
}

.glo-dnkn-gr p {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    font-size: 14px
}

.glo-dnkn-gr p a.l {
    font-size: 14px;
    float: left;
    text-decoration: none;
    display: inline-block;
    color: #e5101d
}

.glo-dnkn-gr p a.r {
    font-size: 14px;
    float: right;
    text-decoration: none;
    display: inline-block;
    color: #e5101d
}

.glo-dangnhap-dangky .glo-dkdn-dangnhap {
    margin: 15px 0
}

.glo-dangnhap-dangky .glo-dkdn-dangnhap button {
    background: #e5101d;
    border: 1px solid #e5101d;
    width: 100%;
    padding: 8px 0;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    outline: none;
    cursor: pointer;
    transition: all .5s
}

.glo-dangnhap-dangky .glo-dkdn-dangnhap button:hover, .glo-dangnhap-dangky .glo-dkdn-dangnhap button.active {
    background: #1449dc;
    border: 1px solid #1449dc
}

.glo-dangnhap-dangky .glo-dkdn-dangnhap button img {
    height: 23px;
    position: relative;
    top: 6px;
    margin-top: -23px
}

.glo-dk-dn-group-dn-2 {
    display: none
}

.glo-dk-dn-group-dn-3 {
    display: none
}

.glo-dn-dk-fb .sp-dn {
    display: block
}

.glo-dn-dk-fb .sp-dn a {
    border: none;
    width: auto;
    color: #e5101d;
    font-weight: 600;
    text-decoration: none;
    margin-left: 15px
}

.glo-dnkn-gr p a:hover {
    color: #2758c2 !important
}

.glo-dangnhap-dangky .glo-dkdn-hoten:before {
    content: "\f2c0"
}

.glo-dangnhap-dangky .glo-dkdn-sodienthoai:before {
    content: "\f098"
}

.glo-dangnhap-dangky .glo-dkdn-diachi:before {
    content: "\f124"
}

.glo-dangnhap-dangky .glo-dkdn-mabaove:before {
    content: "\f132"
}

.glo-dangnhap-dangky .glo-dkdn-dangnhap-dangky {
    margin-bottom: 5px
}

.glo-dangnhap-dangky .glo-dnkn-gr .p_qmk a {
    font-style: italic;
    margin-bottom: 5px;
    color: #444
}

.hide-show-vitri-menu-hidden, .disnone {
    display: none
}

.glo-dv-footer-2-child .glo-dv-footer-7 {
    border-top: 1px solid #ddd;
    padding-right: 250px
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial {
    position: absolute;
    right: 0;
    top: 20px
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial ul {
    list-style: none
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li {
    margin-left: 7px;
    list-style: none;
    float: left;
    width: 38px;
    height: 38px;
    background: url(img/bg-social-footer.png) no-repeat 50% 50%
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li a {
    display: table;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #484848
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li a:before {
    display: none
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li a:hover {
    color: #da1c88
}

.glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li a i {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 18px
}

.dv-glo-goppy7 a {
    padding-left: 7px !important
}

.dv-glo-goppy7 a:before, .glo-dv-footer-7 a:before {
    display: none
}

.glo-dv-footer-7 a {
    padding-left: 0 !important
}

.dv-glo-lang {
    position: absolute;
    right: 0;
    line-height: 1.5;
    z-index: 9
}

.dv-glo-lang a {
    float: left;
    display: inline-block;
    margin-left: 7px;
    font-weight: 600
}

.dv-glo-lang a span {
    display: none
}

.dv-glo-lang a img {
    height: 20px;
    width: auto;
    float: left;
    margin-right: 0
}

@media only screen and (max-width: 479px) {
    .glo-dangnhap-dangky {
        width: 92%;
        margin-left: -5px;
        left: 4%
    }
}

@media only screen and (max-width: 1199px) {
    .dv-thuy-trang {
        width: 100%;
        padding: 0 10px
    }

    .glo-dvlang {
        right: 10px
    }

    .menu-run > ul > li > a {
        padding: 15px 25px
    }

    .global-footer-v4 .global-foot-v1 {
        width: 28%
    }

    .global-footer-v4 .global-foot-v2 {
        width: 24%
    }

    .global-footer-v4 .global-foot-v3 {
        width: 24%
    }

    .global-footer-v4 .global-foot-v4 {
        width: 24%
    }

    .global-footer .glo-foot-title h3 {
        font-size: 18px
    }
}

@media only screen and (max-width: 999px) {
    .glo-popup-tieude.fixed {
        width: auto;
        right: 33px;
        left: 16px
    }

    .menu-run ul li a {
        padding: 8px 20px 8px 10px
    }

    .glo-limenu-cart {
        display: none !important
    }

    .dv-glo-cart-mb {
        display: block;
        position: absolute;
        right: 10px;
        font-size: 16px;
        color: #fff;
        bottom: 0;
        margin-bottom: -58px;
        z-index: 9;
        width: 45px;
        height: 45px;
        background: #dc8605;
        line-height: 45px;
        text-align: center;
        border-radius: 100%
    }

    .dv-glo-cart-mb a {
        color: #fff
    }

    .dv-glo-cart-mb a span {
        color: #fff;
        position: absolute;
        margin-left: 1px;
        margin-top: -10px;
        font-size: 13px
    }
}

@media only screen and (max-width: 991px) {
    .glo-ykien-anhleft {
        width: 33.3333%;
        padding-left: 20px;
        float: left
    }

    .global-footer-v4 .global-foot-v1, .global-footer-v4 .global-foot-v2, .global-footer-v4 .global-foot-v3, .global-footer-v4 .global-foot-v4 {
        width: 50%
    }

    .glo-limenu-cart {
        display: none
    }

    .hide-991 {
        display: none
    }

    .global-left {
        margin-left: -2%
    }

    .glo-left {
        width: 31.3333%;
        float: left;
        margin-left: 2%
    }
}

@media only screen and (max-width: 767px) {
    .glo-ykien-anhleft {
        width: 50%;
        padding-left: 15px
    }

    .owl-buttons .owl-next, .owl-buttons .owl-prev {
        width: 40px;
        height: 46px;
        line-height: 38px;
        font-size: 38px
    }

    .owl-pagination {
        bottom: 15px
    }

    .dv-form-lienhe .lienhe-left {
        width: 100%;
        padding-right: 0
    }

    .dv-form-lienhe .lienhe-right {
        width: 100%
    }

    .global-left {
        margin-left: -2%
    }

    .glo-left {
        width: 48%;
        float: left;
        margin-left: 2%
    }

    .glo-chitiet-left {
        width: 100%
    }

    .glo-chitiet-right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px
    }

    .glo-dv-footer-2-child .glo-dv-footer-7 {
        padding-right: 0
    }

    .glo-dv-footer-2-child .glo-dv-footer-7 .fSocial {
        position: relative
    }

    .glo-dv-footer-2-child .glo-dv-footer-7 .fSocial li {
        margin-left: 0;
        margin-right: 7px
    }

    .dv-glo-goppy7 a {
        padding-left: 0 !important;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 479px) {
    .glo-ykien-anhleft {
        width: 100%;
        padding-left: 0
    }

    .global-footer-v4 .global-foot-v1, .global-footer-v4 .global-foot-v2, .global-footer-v4 .global-foot-v3, .global-footer-v4 .global-foot-v4 {
        width: 100%
    }

    .owl-pagination {
        display: none
    }

    .global-left {
        margin-left: 0
    }

    .glo-left {
        width: 100%;
        float: left;
        margin-left: 0
    }

    .glo-thanhtoan-foot .r .nd .f-mid-2-1 {
        width: 100%;
        margin-right: 0
    }

    .glo-thanhtoan-foot .r .nd .f-mid-2-2 {
        margin-top: 7px;
        border-left: none;
        padding-left: 0
    }
}

body {
    background-size: cover !important;
    background-color: #fff !important;
    background-attachment: initial !important;
    background-repeat: no-repeat !important;
    font-family: Arial, Helvetica, sans-serif
}

.dv-img-home {
    margin-bottom: 20px
}

.dv-img-home img {
    width: 100%
}

.dv-child-con {
    overflow: hidden
}

.dv-sp-notfull {
    padding: 0 10px
}

.glo-poup-doidung {
    padding-top: 0
}

.glo-tranghome-v4 {
    background: #fff;
    border-top: none;
    border-bottom: none;
    padding: 50px 0;
    overflow: hidden
}

.glo-tranghome-v4 .dv-foot-top img {
    width: 100%;
    float: none;
    margin-bottom: 0;
    display: block;
    border-radius: 0;
    transition: all .5s
}

.glo-tranghome-v4 .dv-foot-top {
    padding-right: 15px;
    margin-bottom: 10px;
    padding-left: 15px
}

.glo-tranghome-v4child {
    margin: 0 -15px
}

.dv-ht-home-1 {
    background: #ddb22a;
    background-size: cover;
    padding: 50px 0;
    color: #fff
}

.dv-ht-home-1 .right {
    padding-left: 30px
}

.dv-ht-home-1 .right img {
    width: 100%
}

.dv-ht-home-1 .left > h3 {
    text-transform: uppercase;
    color: #ff0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    margin-bottom: 15px
}

.dv-ht-home-1 .left .nd {
    color: #fff;
    font-size: 14px;
    line-height: 1.9;
    font-weight: 400;
    display: block;
    font-family: Arial
}

.dv-ht-home-1 .left .nd p {
    margin-bottom: 10px
}

.dv-thuy-trang .dv-thuy-trang {
    padding: 0
}

.glo-ykien-kh {
    display: none
}

.dv-child-sp-khachhang {
    display: block;
    background-position: center;
    margin: 25px 0 0;
    padding: 40px 0 60px;
    background-size: cover;
    background-attachment: fixed !important;
    position: relative;
    font-size: 14px;
    font-style: italic;
    line-height: 1.8;
    color: #fff;
    text-align: left
}

.dv-child-sp-khachhang:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%
}

.dv-child-sp-khachhang h3 {
    color: #e1ea1a;
    text-transform: uppercase;
    line-height: 1.8;
    font-weight: 600;
    font-style: italic;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-top: 20px
}

.global-content-home-tintuc {
    margin: 0 -12px
}

.dv-home-tintuc {
    margin: 15px 12px;
    text-align: left;
    margin-right: 16px
}

.dv-home-tintuc img {
    width: 100%;
    float: left
}

.dv-home-tintuc h3 {
    line-height: 1.5;
    margin: 10px 0 5px;
    height: 44px;
    overflow: hidden
}

.dv-home-tintuc p.ngaydang {
    color: #8a8a8a;
    margin-bottom: 5px
}

.dv-home-tintuc .dv-mota {
    line-height: 1.7;
    height: 88px;
    overflow: hidden
}

#owl-tintuc .owl-pagination {
    display: none !important
}

.dv-child-sp-tintuc {
    padding-bottom: 20px
}

.content_sp_home_home_spm, .content_sp_home_home_spkm {
    padding-bottom: 20px
}

.dv-home-top {
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px
}

.dv-home-top img {
    border: 5px solid rgba(240, 236, 235, .48);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    margin-bottom: 20px;
    width: 80%;
    max-width: 160px
}

.dv-home-top:hover img {
    border: 5px solid rgba(240, 236, 235, .89)
}

.dv-home-top .td {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    height: 25px
}

.dv-home-top .td a {
    color: #ddb22a;
    font-weight: 500
}

.dv-home-top .td a:hover {
    color: #ddb22a
}

.dv-home-top .nd {
    line-height: 1.7;
    text-align: center;
    font-size: 14px;
    height: 85px;
    overflow: hidden;
    display: block
}

.dv-thuy-trang {
    width: 1170px
}

.dv-glo-menu-v3 ul {
    float: right;
    margin-top: 0
}

.dv-gr-hotline {
    display: inline-block;
    float: right;
    margin-left: 20px;
    margin-top: 7px;
    width: 100 p
}

.dv-gr-hotline .a_support {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    float: left
}

.dv-gr-hotline .a_search {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    float: left
}

.dv-gr-hotline .a_cart {
    list-style: none;
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    float: left;
    color: #fff;
    font-size: 11px;
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 4px;
    margin-right: 10px
}

.dv-gr-hotline .a_cart i {
    float: left
}

.dv-gr-hotline .a_support ul, .dv-gr-hotline .a_search ul {
    display: none;
    position: absolute;
    right: 0;
    list-style: none;
    padding: 8px 13px;
    border-radius: 3px;
    margin-top: 7px;
    background: 0 0;
    border: none;
    opacity: 0
}

.dv-gr-hotline .a_support ul li {
    margin-bottom: 2px;
    display: block;
    white-space: nowrap
}

.dv-gr-hotline .a_support ul li i {
    width: 20px
}

.dv-gr-hotline .a_support ul.active, .dv-gr-hotline .a_search ul.active {
    display: block;
    border: 1px solid #ddb22a;
    background: #fff;
    opacity: 1
}

.dv-gr-hotline .a_search ul {
    display: none;
    padding: 5px
}

.dv-gr-hotline .a_search ul input {
    height: 27px;
    width: 203px;
    border: none;
    padding: 0 5px
}

.dv-gr-hotline .a_search ul button {
    padding: 10px;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 16px;
    color: #ed1d98;
    position: absolute;
    top: 0;
    right: 0
}

.dv-glo-menu-v3 > ul > li > a {
    display: block;
    padding: 5px 22px;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    border-right: 1px solid rgba(0, 0, 0, .38);
    border-left: 1px solid rgba(163, 162, 160, .14)
}

.dv-glo-menu-v3 > ul > li:last-child > a {
    background: 0 0
}

.dv-glo-menu-v3 > ul > li:hover > a, .dv-glo-menu-v3 > ul > li.mn_active > a {
    background: 0 0;
    position: relative;
    color: #ddb22a
}

.dv-glo-menu-v3 > ul > li:last-child > a {
    border-right: none
}

.dv-glo-menu-v3 > ul > li:first-child > a {
    border-left: none
}

.dv-glo-menu-v3 > ul > li li:first-child {
    border-top: none
}

.dv-glo-menu-v3 ul ul li a {
    color: #333;
    font-size: 14px;
    border-bottom: 1px dashed #dadada;
    padding: 5px 10px
}

.dv-glo-menu-v3 > ul ul {
    background: #fff;
    border-radius: 0;
    border-top: 3px solid #ddb22a;
    padding: 10px;
    border-bottom: 3px solid #ddb22a
}

.dv-glo-menu-v3 ul ul li:hover > a {
    background: #fff;
    color: #ddb22a !important
}

.dv-glo-menu-v3 ul ul li:last-child > a {
    border-bottom: none
}

.dv-img-top {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: -28px;
    z-index: 9
}

.dv-child-sp-home {
    border-top: none;
    text-align: center;
    padding: 30px 0;
    background: #fff;
    position: relative;
    padding-bottom: 0;
    border-top: solid 2px #ddb22a
}

.dv-child-sp-home-trang {
    background: #fff
}

.dv-hd-top {
    background: #ddb22a;
    padding: 3px 0 4px;
    color: #fff
}

.dv-hd-top li {
    color: #fff;
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    line-height: 1.7
}

.dv-hd-top li.l {
    float: left;
    margin-top: 4px;
    margin-bottom: 4px
}

.dv-hd-top li.r {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

.dv-hd-top li a {
    color: #fff;
    font-weight: 600;
    font-family: Arial
}

.dv-hd-top li a:hover {
    color: #ddb22a
}

.dv-hd-top li i {
    margin-right: 4px
}

.glo-hieu-ung-15 a {
    width: 39px;
    height: 40px;
    line-height: 40px;
    background: #da241c;
    color: #fff;
    display: inline-block;
    border-radius: 100px;
    margin: 0 3px;
    font-size: 14px
}

.glo-hieu-ung-15 a:hover {
    color: #fff;
    background: #f37635
}

.content_sp_home {
    border: 1px solid #ebebeb;
    margin-bottom: 0
}

.content_sp_home_last {
    margin-bottom: 0
}

.content_sp_home_home {
    border: none;
    padding: 0 0 35px
}

.glo-ykien-anhleft-cus {
    display: none
}

.dv-spbc.ow-spngang {
    margin: 10px -10px
}

.dv-cont-ds-sp {
    width: 33.333333333%;
    float: left;
    margin-bottom: 20px
}

.dv-timkiemhd {
    overflow: hidden;
    z-index: 2;
    float: right;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    background: #fff;
    border: 1px solid #dedede
}

.dv-timkiemhd input {
    float: left;
    padding: 7px 12px;
    border: none;
    font-weight: 400;
    outline: none;
    width: 180px;
    font-size: 12px;
    color: #000
}

.dv-timkiemhd button {
    border: none;
    padding: 4px 0;
    outline: none;
    display: block;
    cursor: pointer;
    width: 30px;
    background-size: 15px;
    background: 0 0;
    color: #949494
}

.cls_gruop {
    display: none
}

.cls_gruop.active {
    display: block
}

.dv-header {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -msa-background-size: cover;
    background-size: auto 100%;
    background: 0 0;
    background-color: rgba(210, 235, 248, .9);
    border-bottom: 1px solid #ddb22a;
    width: 100%;
    top: 0;
    z-index: 99
}

.dv-cont-hd {
    padding: 20px 0;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.dv-cont-hd.dv-cont-hd-fix {
    padding: 13px 0
}

.dv-menu {
    margin-top: 30px
}

.js_height_ul_menu_left_child {
    display: none
}

.dv-sanpham-hot {
    padding: 40px 0 20px;
    background: #eee
}

.glo-hd-left-1 {
    margin-bottom:;
    float: left;
    position: relative;
    z-index: 100;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: 0;
    text-align: center;
    padding: 15px 0;
    position: absolute
}

.glo-hd-left-1 img {
    width: 310px;
    margin-bottom: 0;
    max-height: 100px;
    margin: 0;
    float: none;
    margin-top: 7px
}

.glo-hd-left-1.glo-hd-left-1-fix {
    height: 61px;
    padding: 5px
}

.glo-hd-left-1.glo-hd-left-1-fix img {
    height: 98%;
    width: auto
}

a:hover {
    color: #da241c
}

.dv-glo-lang {
    position: relative;
    float: right;
    margin-top: 6px;
    margin-left: 5px
}

.glo-hd-right-1 .hd-dc {
    margin-bottom: 3px;
    color: #ddb22a;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    line-height: 1.4
}

.glo-hd-right-1 .h3-hdtit {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
    color: #ddb22a;
    padding-bottom: 0
}

.dv-cart-home {
    margin: 12px auto 3px;
    text-align: center
}

.dv-cart-home a {
    opacity: 1;
    padding: 7px 28px;
    border-radius: 100px;
    background: #da241c;
    color: #fff;
    display: inline-block
}

.owl-buttons-tron .owl-buttons .owl-prev {
    left: 25px;
    width: 42px;
    height: 42px;
    font-size: 35px;
    line-height: 37px
}

.owl-buttons-tron .owl-buttons .owl-next {
    right: 5px;
    width: 42px;
    height: 42px;
    font-size: 35px;
    line-height: 37px
}

.owl-buttons-tron .owl-buttons .owl-prev:hover, .owl-buttons-tron .owl-buttons .owl-next:hover {
    background: #00a859
}

.dv-linhvuckd {
    background: url(themes/template/images/bg_thoitrang.jpg) top left no-repeat fixed;
    background-size: cover;
    padding: 50px 0 60px;
    position: relative
}

.dv-linhvuckd-new:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    z-index: 0
}

.dv-linhvuckd h3 span {
    color: #fff;
    border-bottom: double #fff 4px;
    font-size: 28px;
    padding: 0 30px 15px;
    margin-bottom: 30px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 48px;
    letter-spacing: 1px
}

.dv-linhvuckd h3 {
    width: 100%;
    text-align: center
}

.linhvuckd-bo {
    margin-left: -20px
}

.linhvuckd-bo .linhvuckd-chitiet {
    margin-left: 20px;
    position: relative;
    overflow: hidden;
    height: 280px;
    margin-top: 20px;
    border: 4px solid #fff
}

.linhvuckd-bo .linhvuckd-chitiet a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 3, 5, .63)
}

.linhvuckd-bo .linhvuckd-chitiet h5 {
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 400;
    z-index: 10;
    text-align: left;
    padding-left: 10px;
    letter-spacing: 1px
}

.linhvuckd-bo .linhvuckd-chitiet h2 {
    overflow: hidden;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    height: 0;
    color: #fff;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s
}

.linhvuckd-bo .linhvuckd-chitiet:hover h2 {
    height: 75px;
    overflow: hidden;
    margin-bottom: 7px
}

.dv-sanphambanchay {
    background: #fff;
    padding: 40px 0 30px
}

.dv-sanphambanchay h3 span {
    color: #00a859;
    border-bottom: double #ccc 4px
}

.dv-btn-cart {
    text-align: center;
    margin: 7px 0
}

.dv-btn-cart a {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    color: #fff !important;
    text-align: center;
    padding-left: 0;
    text-transform: capitalize;
    border-radius: 100px;
    padding: 0 29px;
    background-size: 100% 100%
}

.dv-btn-cart a:hover {
    color: #ff0 !important
}

.dv-slider-sp-home .owl-pagination {
    display: none
}

.dv-slider-sp-home:hover .owl-buttons {
    display: block !important
}

.dv-slider-sp-home .owl-buttons .owl-prev {
    left: 40px
}

.dv-slider-sp-home .owl-buttons .owl-next {
    right: 20px
}

.global-sp-left:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dv-doitac {
    padding: 15px 0 15px
}

.dv-doitac .ow-doitac {
    margin-left: -10px
}

.dv-doitac .ow-doitac .ow-doitac-cont {
    margin-left: 10px;
    height: 92px;
    border: solid #ebebeb 1px;
    text-align: center;
    background: #fff
}

.dv-doitac .ow-doitac .ow-doitac-cont:hover {
    border: 1px solid #d4d4d4
}

.dv-doitac .ow-doitac .ow-doitac-cont img {
    height: 90px;
    max-width: 100%
}

.dv-doitac .ow-doitac .ow-doitac-cont img:hover {
    opacity: .8
}

.dv-doitac .ow-doitac .owl-buttons {
    margin-top: -15px
}

.dv-doitac .ow-doitac .owl-buttons .owl-prev {
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    width: 20px;
    height: 30px;
    line-height: 26px;
    font-size: 27px;
    padding: 0;
    left: 11px;
    background: rgba(0, 0, 0, .3);
    display: none
}

.dv-doitac .ow-doitac .owl-buttons .owl-next {
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    width: 20px;
    height: 30px;
    line-height: 26px;
    font-size: 27px;
    padding: 0;
    right: 2px;
    background: rgba(0, 0, 0, .3);
    display: none
}

.dv-doitac .ow-doitac:hover .owl-buttons .owl-prev, .dv-doitac .ow-doitac:hover .owl-buttons .owl-next {
    display: block
}

.dv-doitac .ow-doitac {
    padding-right: 2px
}

.dv-footer {
    padding-top: 35px;
    margin: 0 auto 0;
    border-bottom: 0;
    border-top: none;
    background: #ddb22a;
    padding: 40px 0 0;
    color: #fff
}

.dv-footer h3 {
    font-weight: 500;
    font-size: 18px
}

.dv-footer a {
    color: #fff;
    transition: all .5s
}

.dv-footer a:hover {
    color: #ff9347;
    padding-left: 5px
}

.global-footer .glo-foot-title h3 {
    font-size: 19px;
    font-family: "Roboto_new"
}

.glo-thanhtoan-foot .l h3, .glo-thanhtoan-foot .r h3 {
    font-weight: 400
}

.glo-thanhtoan-foot, .glo-dv-footer-2 {
    border-top: 1px solid #dadada
}

.glo-thanhtoan-foot .r .nd p a {
    font-weight: 500
}

.dv-ghichuemail {
    margin-bottom: 10px
}

.coppy_rs {
    margin-top: 10px
}

.global-foot-v1 {
    padding-right: 30px
}

.dv-child-con {
    margin: 35px 0
}

.dv-main-left {
    float: right;
    width: 76%;
    padding-left: 25px
}

.dv-main-right {
    float: left;
    width: 24%
}

.glo-left {
    padding: 0;
    border-radius: 0;
    margin-bottom: 25px;
    background: #fff;
    border: none
}

.glo-left h3 {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    border: none;
    position: relative;
    border-bottom: none;
    background: #ddb22a;
    padding: 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0
}

.glo-left h3 span {
    font-weight: 500;
    padding: 11px 0;
    display: inline-block;
    line-height: 1.5
}

.glo-left ul.ul-left-menu li {
    list-style: none;
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
    background: #fff
}

.ul-left-menu > li:last-child > a {
    border: none !important
}

.glo-left ul.ul-left-menu li .nut {
    display: none
}

.glo-left ul.ul-left-menu li a {
    padding: 9px 10px 9px 25px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    display: block;
    position: relative;
    border-bottom: 1px dashed #ebebeb
}

.glo-left ul.ul-left-menu > li > a:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #c5c5c5;
    position: absolute;
    top: 15px;
    margin-left: -15px
}

.glo-left ul.ul-left-menu li:hover > a {
    background: #e4e4e4;
    color: #ddb22a;
    background: 0 0
}

.glo_click_expain_li_left {
    padding: 7px 10px 7px 15px;
    color: #333
}

.glo-left ul.ul-left-menu li:hover > span {
    color: #ddb22a
}

.glo-left-nd {
    position: relative;
    border: none;
    border-top: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    border: solid #e4e4e4 1px;
    border-top: none;
    padding: 10px
}

.glo-dv-menu-left {
    padding: 0
}

.global-home-tintuc .owl-pagination {
    display: none
}

.global-home-tintuc:hover .owl-buttons {
    display: block
}

.ow-spngang.dv-home-tintuc-cont {
    margin: 0 -10px
}

.dv-tintuc-home {
    padding: 5px;
    border: 1px solid #e8e6e2
}

.dv-tintuc-home-cont .dv-gr-mota {
    padding: 7px 0;
    border-top: none;
    text-align: left
}

.dv-tintuc-home-cont img {
    width: 100%;
    float: left
}

.dv-tintuc-home-cont .dv-gr-mota h3 {
    height: 60px;
    overflow: hidden;
    margin: 2px 0 7px;
    line-height: 1.4;
    font-size: 11px
}

.dv-tintuc-home-cont .ngay-dang {
    color: #8e8e8e;
    margin: 3px 0 5px
}

.dv-tintuc-home-cont .dv-mota {
    height: 88px;
    overflow: hidden;
    margin-bottom: 5px
}

.dv-tintuc-home-cont .dv-gr-mota h3 a {
    white-space: normal;
    text-align: left;
    margin: 0;
    line-height: 1.6;
    font-size: 16px;
    color: #ddb22a
}

.glo-dv-title {
    line-height: 1.5;
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #e8e8e8
}

.glo-dv-title span {
    text-transform: uppercase;
    font-size: 18px;
    color: #ddb22a;
    font-weight: 500;
    padding: 8px 5px 8px 0;
    display: inline-block;
    line-height: 1.5;
    position: relative
}

.glo-dv-title span:after {
    content: " ";
    position: absolute;
    height: 3px;
    background: #ddb22a;
    width: 100%;
    bottom: 0;
    margin-bottom: -2px;
    border-radius: 100px;
    left: 0
}

.glo-dv-title li {
    display: none
}

.dv-slider-sp-home {
    margin: 0 -10px
}

.carsou-img {
    border: 1px solid #dedede;
    padding: 8px;
    margin: 0 10px
}

.carsou-img:hover {
    border: 1px solid #fd8027
}

.carsou-img img {
    height: 122px
}

.carsou-img h3 {
    height: 22px;
    overflow: hidden;
    margin-bottom: 7px;
    line-height: 1.5
}

.carsou-img h3 a {
    line-height: 1.6;
    color: #333;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px
}

.carsou-img h3 a:hover {
    color: #ddb22a
}

.carsou-img .dv-ndsp {
    line-height: 1.7;
    height: 85px;
    overflow: hidden
}

.marquee {
    margin: 0
}

.global-content {
    background: #fff;
    border: none;
    padding: 10px 0;
    border-top: none
}

.global-content-sp {
    border: none;
    padding: 0
}

.dv-child-sp-home .glo-dv-title {
    border: none;
    line-height: 1.5;
    border-bottom: none;
    position: relative;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0
}

.dv-child-sp-home .global-content {
    background: 0 0;
    border: none;
    padding: 0
}

.dv-child-sp-home .glo-dv-title li {
    display: none
}

.dv-child-sp-home .glo-dv-title a {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    color: #616161;
    font-weight: 500;
    border-right: 1px solid #ebebeb;
    padding-right: 15px;
    line-height: 1.2;
    margin-right: 12px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 20px
}

.dv-child-sp-home .glo-dv-title a:hover, .dv-child-sp-home .glo-dv-title a.active {
    color: #da241c
}

.dv-child-sp-home .glo-dv-title a.cls_a_title_none {
    border: none
}

.dv-child-sp-home .glo-dv-title span {
    display: inline-block;
    line-height: 1.5;
    position: relative;
    font-family: "Roboto_new", Arial;
    padding: 0 20px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 28px;
    color: #ddb22a;
    margin-bottom: 30px
}

.dv-child-sp-home .glo-dv-title span:after {
    display: none
}

.glo-left ul.ul-left-menu li ul li {
    list-style: none;
    position: relative;
    background: 0 0;
    margin: 0;
    border: none;
    padding-left: 15px;
    border-top: none
}

.dv-bre {
    background: #f7f8f9;
    font-size: 14px
}

.dv-bre a {
    color: #898989;
    display: inline-block;
    padding: 8px 0;
    margin-right: 7px
}

.dv-bre a:hover {
    color: #da241c
}

.dv-bre i {
    color: #898989;
    display: inline-block;
    margin-right: 7px
}

.glo-left ul.ul-left-menu li ul li .nut {
    display: inline-block;
    padding-right: 7px;
    color: #b3b3b3
}

/*.glo-left ul.ul-left-menu li ul li a, .glo-left ul.ul-left-menu li ul li a:hover {*/
/*    background: 0 0;*/
/*    padding-left: 5px*/
/*}*/

.dv-child-sp-khachhang:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%
}

.dv-child-sp-khachhang {
    background-position: center;
    padding: 50px 0 50px;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    border-top: 1px solid #dedede
}

.dv-child-sp-khachhang .left-ykienhome {
    width: 30%;
    height: 140px;
    float: left;
    text-align: center;
    padding-top: 40px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    border-right: 1px solid #e5e5e5;
    padding-right: 25px
}

.dv-child-sp-khachhang .right-ykienhome {
    width: 70%;
    float: left;
    padding-left: 40px
}

.dv-child-sp-khachhang .dv-ykien-kh-cont {
    padding: 10px 20px 0 80px;
    background: url(themes/template/images/icon_quote.png) no-repeat 0 17px;
    margin-left: 190px;
    color: #ff
}

.tr_doi_tac {
    background: url(themes/template/images/_70_1498980201__63_1498928218_bg-about.jpg)
}

.dv-home-gioithieu {
    background-size: cover !important;
    border-top: 2px solid #ddb22a !important
}

.global-sp-left .price-km {
    color: #ddb22a
}

.dv-child-sp-khachhang .owl-pagination {
    display: none
}

.dv-child-sp-khachhang img {
    width: 150px;
    border-radius: 100%;
    margin-bottom: 30px;
    float: left
}

.dv-child-sp-khachhang .khachhang_cmt {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
    color: #fff;
    max-width: 800px;
    margin-bottom: 10px;
    text-align: left
}

.dv-child-sp-khachhang .khachhang_name {
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    text-align: left
}

. .glo-tags a {
    transition: all .5s;
    display: inline-block;
    padding: 5px 12px;
    background: #f7f6f6;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    color: #333;
    font-size: 13px
}

.glo-tags a:hover {
    color: #fff;
    background: #ebebeb
}

.glo-dv-httt + .glo-dv-httt {
    border-top: 1px dashed #ccc
}

.glo-tintuc-left img {
    width: 95px
}

.glo-tintuc-left a + a {
    border-top: 1px dashed #ccc
}

.glo-tit-hotro {
    font-size: 15px;
    color: #333
}

.glo-tieude a {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    text-transform: none;
    line-height: 1.7
}

.glo-tieude a:hover {
    color: #cc421e
}

.glo-news-day {
    font-size: 13px;
    color: #5d5d5d;
    border-bottom: dashed 1px #ebebeb;
    padding: 0 0 7px;
    background: url(img/icon_day.png) top 4px left no-repeat;
    padding-left: 20px;
    margin-bottom: 7px
}

.glo-mota {
    line-height: 1.7;
    font-size: 13px;
    color: #3e3e3e
}

.glo-tintuc-one + .glo-tintuc-one {
    border-top: 1px dashed #ebebeb;
    padding-top: 20px
}

.global-noidung {
    font-family: Arial
}

.global-noidung h2 {
    font-size: 14px;
    margin-bottom: 7px
}

.global-tintuc-chitiet h1 {
    color: #ea4242;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 5px;
    text-transform: capitalize;
    line-height: 1.6
}

.global-tinlienquan {
    background: 0 0
}

.global-tinlienquan-title h2 {
    font-size: 16px;
    margin-bottom: 2px;
    color: #da241c;
    font-weight: 500
}

.global-foot-v2, .global-foot-v3, .global-foot-v4 {
    width: 25%
}

.global-sanphamlienquan {
    background: #fff
}

.global-sanphamlienquan-title {
    padding: 0;
    border: none;
    margin-bottom: 15px
}

.owl-buttons .owl-next, .owl-buttons .owl-prev {
    width: 40px;
    height: 46px;
    line-height: 42px;
    font-size: 35px;
    background: rgba(0, 0, 0, .15)
}

.global-classlink {
    font-size: 15px;
    margin: 0 6px 0 0;
    line-height: 32px;
    height: 35px;
    width: 35px;
    table-layout: inherit;
    text-align: center;
    color: #fff;
    background: #da241c;
    border: #da241c 1px solid;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block
}

.global-classunlink, .global-classlink:hover {
    background: #ffe400;
    color: #fff;
    border: #ffe400 1px solid
}

.global-classunlink span, .global-classlink:hover span {
    color: #fff
}

.global-sanphamlienquan-title h2 {
    font-size: 20px;
    display: block;
    text-transform: capitalize;
    border-radius: 10px;
    color: #da241c;
    padding: 8px 0;
    font-weight: 500;
    line-height: 1.5;
    color: #dc5881;
    padding-left: 72px
}

.glo-right-spdetail input[type=number] {
    padding: 0 10px;
    width: 70px;
    height: 38px;
    text-align: center;
    border: 1px solid #ebebeb;
    float: left;
    margin: 0 6px 0 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.dv-form-lienhe .dv-lienhe-button button, .a_button {
    padding: 12px 25px;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #ddb22a;
    color: #fff;
    border-bottom: none;
    border-radius: 0
}

.dv-form-lienhe .dv-lienhe-button button:hover, .a_button:hover {
    background: #ddb22a;
    border-bottom: none
}

.dv-form-lienhe li input, .dv-form-lienhe li textarea {
    border: solid 1px #ebebeb
}

.dv-sanpham-ct {
    border: none;
    overflow: hidden;
    border-top: 0
}

.glo-chitiet-right h1 {
    color: #da241c;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 5px
}

.glo-right-spdetail button[type=submit] {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: url(themes/template/img/icon_giohang.png) center left 12px no-repeat #da241c;
    background-size: 23px;
    padding: 11px 16px 12px 44px
}

.glo-right-spdetail button[type=submit]:hover {
    background: url(themes/template/img/icon_giohang.png) center left 12px no-repeat #e8d001;
    background-size: 23px
}

.glo-right-spdetail button[type=button] {
    border: none;
    background: #bdbdbd;
    color: #565656;
    height: 18px;
    line-height: 18px;
    width: 32px;
    outline: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 15px;
    display: block;
    cursor: pointer
}

.glo-right-spdetail button[type=button]:hover {
    background: #da241c
}

.glo-btn-donhang button:hover {
    background: #da241c
}

.glo-gia-donhang, .glo-sum-tong-tien span {
    color: #da241c
}

.glo-xoa-dh {
    background: #da241c;
    border: 1px solid #da241c
}

.glo-xoa-dh:hover {
    background: #e8d001;
    border: 1px solid #e8d001
}

.glo-thongtin-muahang {
    color: #e8d001;
    text-transform: uppercase;
    font-weight: 500
}

.glo-table-cart {
    border: 1px solid #ebebeb;
    border-top: none;
    border-left: none
}

.dv-slider-temp .dv-slider {
    overflow: hidden;
    z-index: 9;
    padding: 0;
    margin-top: 0
}

.w_100 {
    width: 100%
}

.dv-slider img {
    width: 100%;
    float: left
}

.owl-pagination {
    bottom: 55px
}

.glo-table-cart tr:hover {
    background: 0 0
}

.owl-pagination .owl-page.active {
    background: #ddb22a
}

.owl-pagination .owl-page {
    width: 16px;
    height: 16px
}

.glo-table-cart th {
    background: #f8f9f9;
    color: #333
}

.glo-table-cart th, .glo-table-cart td {
    border: 1px solid #ebebeb;
    border-bottom: none;
    border-right: none
}

.glo-left-ctsp {
    border: none;
    padding: 0
}

.glo-chitiet-right h1 {
    border-bottom: 1px dashed #ebebeb
}

.glo-right-spdetail-motar {
    border-top: 1px dashed #ebebeb
}

.glo-chitiet-sp {
    border-top: 1px dashed #ebebeb
}

.cls_a_title {
    display: inline-block;
    padding: 9px 25px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    color: #fff;
    margin-left: 0;
    font-size: 15px;
    margin: 0 2px;
    background: #da241c;
    border-radius: 100px;
    margin-bottom: 5px;
    min-width: 200px
}

.cls_a_title:hover, .cls_a_title.active {
    background: #da241c;
    color: #fff
}

.global-tinlienquan {
    padding: 0;
    margin-top: 20px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.global-tinlienquan li {
    margin-left: 10px
}

.global-tinlienquan li a {
    font-size: 13px
}

#back-top {
    position: fixed;
    bottom: 65px;
    right: 10px;
    z-index: 999
}

#back-top a {
    right: 3%;
    background: #f60
}

#back-top a:hover {
    background: #ddb22a;
    color: #fff;
    padding: 0
}

#id_dk_email {
    border: solid #f38120 1px;
    color: #333;
    transition: all .5s;
    width: 235px;
    font-size: 10px
}

.lb_dangkyemai:hover #id_btn_dangkyemail {
    background: #ffe400;
    border: solid #ffe400 1px;
    color: #f3261d
}

.lb_dangkyemai:hover #id_dk_email {
    border: solid #ffe400 1px
}

#id_btn_dangkyemail {
    color: #fff;
    background: #f38120;
    border: solid #f38120 1px;
    transition: all .5s
}

.glo-news-img {
    border: none;
    background: #f9f9f9
}

.glo-tintuc-one {
    padding-bottom: 15px
}

.glo-tintuc-one + .glo-tintuc-one {
    padding-top: 15px
}

.global-sp-left {
    padding: 10px 0;
    border: none;
    border: 1px solid #fff;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
    background: 0 0;
    text-align: center
}

.global-sp-left img {
    width: 100%;
    margin: 0 auto
}

.js-marquee ul {
    padding: 10px 0
}

.global-sp-left h5 {
    text-transform: capitalize
}

.global-sp-left h5 a:hover {
    color: #f9270f
}

.glo-tags {
    padding: 5px 0 0
}

.global-footer {
    margin-left: -25px
}

.dv-menu-footer {
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.glo-foot-bottom {
    padding: 0;
    border-top: none;
    background: 0 0;
    color: #fff
}

.glo-foot-bottom .dv-thuy-trang {
    border-top: 1px dotted rgba(255, 255, 255, .38);
    padding: 20px 0;
    margin-top: 17px;
    font-size: 14px;
    line-height: 1
}

.glo-foot-bottom a {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.glo-foot-bottom a:hover {
    color: #ff9347;
    padding: 0
}

.dv-menu-footer:after {
    content: "";
    border-bottom: 1px solid #cc2c0b;
    width: 40%;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20%
}

.dv-menu-footer a {
    color: #b61002;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    padding: 10px 15px 10px 12px;
    position: relative;
    display: inline-block
}

.dv-menu-footer a:before {
    content: "";
    border-right: 1px solid #610429;
    position: absolute;
    height: 10px;
    top: 12px;
    right: 0
}

.dv-menu-footer a:hover {
    color: #0167b1;
    text-decoration: none
}

.content-footer {
    text-align: center;
    line-height: 2
}

.foot-coppy {
    text-align: center
}

.foot-coppy a {
    color: #b61002;
    font-weight: 500
}

.global-noidung {
    padding: 5px 0 0
}

.global-chitiet-tintuc {
    padding: 12px 0;
    border: none
}

.global-chitiet-sp, .global-chitiet-sp-ct {
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0
}

.global-form-lienhe, .global-map {
    margin: 15px 0;
    padding: 0
}

.glo-right-spdetail-cart {
    border-top: 1px dashed #ebebeb;
    border-bottom: 1px dashed #ebebeb
}

.global-chitiet-donhang .global-form-lienhe {
    border: none;
    padding: 0
}

.glo-dvlang {
    top: 0;
    border-radius: 0 0 5px 5px;
    margin-top: 0;
    right: 10px;
    z-index: 9;
    position: relative;
    float: right
}

.glo-dvlang a, .glo-dvlang i {
    color: #fff
}

.glo-dvlang ul li {
    width: 100%;
    float: left
}

.glo-dvlang span {
    display: block;
    padding: 9px 0
}

.glo-dvlang ul li a {
    color: #333
}

.dv-glo-menu-v3 .btn-nutmn {
    background: #ddb22a;
    right: 0;
    margin-right: 0
}

.glo-mota-left {
    font-size: 13px;
    max-height: 85px;
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .dv-main-right {
        width: 23%
    }

    .dv-main-left {
        width: 77%
    }

    .dv-thuy-trang {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .dv-menu {
        width: 100%
    }

    .dv-child-con {
        margin: 10px 0
    }

    .dv-footer {
        width: auto;
        margin: 20px 0 0
    }

    .dv-glo-menu-v3 > ul > li > a {
        padding: 10px 30px
    }
}

@media only screen and (max-width: 999px) {
    .btn-menu {
        background: #da241c;
        margin: 6px 0
    }

    .dv-slider, .dv-slider img {
        height: auto !important;
        width: 100% !important
    }
}

@media only screen and (max-width: 991px) {
    .dv-glo-menu-v3 ul li {
        background: 0 0;
        text-align: left;
        float: left;
        margin-left: 0
    }

    .dv-glo-menu-v3 ul {
        width: 240px
    }

    .dv-glo-menu-v3 > ul > li > a:after {
        display: none
    }

    .dv-glo-menu-v3 ul ul li:hover > a {
        color: #fff !important
    }

    .dv-glo-menu-v3 > ul > li > ul:before {
        display: none
    }

    .glo-hd-left-1 img {
        margin: 10px
    }

    .dv-glo-menu-v3 > ul ul {
        border: none !important;
        padding: 0
    }

    .dv-glo-menu-v3 .btn-home {
        text-transform: uppercase;
        font-weight: 500;
        color: #fff;
        padding-left: 0
    }

    .dv-glo-menu-v3 ul {
        background: #ddb22a !important;
        box-shadow: none !important
    }

    .dv-glo-menu-v3 > ul > li.mn_active > a {
        background: 0 0 !important
    }

    .dv-glo-menu-v3 > ul li a {
        background: 0 0;
        font-weight: 500;
        text-transform: capitalize !important;
        color: #fff !important;
        font-size: 14px;
        border-bottom: 1px dashed rgba(255, 255, 255, .27) !important
    }

    .dv-glo-menu-v3 > ul li span.ajax-menu-show-child {
        color: #fff
    }

    .dv-glo-menu-v3 > ul li:hover span.ajax-menu-show-child {
        color: #fff
    }

    .dv-glo-menu-v3 ul li:hover > a {
        background: #dc6008 !important;
        color: #fff !important
    }

    .dv-glo-menu-v3 > ul > li > a {
        margin: 0;
        border-radius: 0;
        padding: 7px 10px !important
    }

    .dv-main-right {
        width: 100%
    }

    .dv-main-left {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0
    }

    .glo-hd-right-1 {
        padding-left: 50px;
        width: 75%
    }

    .glo-hd-right-1 .h3-hdtit {
        font-size: 30px;
        margin-bottom: 10px
    }

    .global-foot-v2, .global-foot-v3, .global-foot-v4 {
        width: 50%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .dv-cont-ds-sp {
        width: 50%
    }

    .dv-banner {
        background: #fff
    }

    .dv-ht-home-1 .right {
        padding-left: 0;
        margin-top: 10px
    }

    .dv-header {
        position: relative;
        margin: 0;
        float: left
    }

    .dv-hd-top {
        text-align: left
    }

    .glo-hd-right-1 {
        width: 100%;
        text-align: center;
        padding: 0
    }

    .glo-hd-right-1 .h3-hdtit {
        font-size: 25px;
        margin-bottom: 10px
    }

    .glo-hd-right-1 .hd-dc {
        font-size: 14px
    }

    .glo-dv-title a {
        display: block;
        border: none;
        line-height: 1.3;
        margin-top: 3px;
        border-bottom: 1px dashed #d2d2d2;
        padding-bottom: 5px
    }

    .glo-dvlang {
        top: 0;
        border-radius: 0 0 5px 5px;
        margin-top: 0;
        right: auto;
        position: relative;
        float: left
    }

    .glo-hd-left-1 {
        float: none;
        width: 100%;
        text-align: center
    }

    .glo-hd-left-1 img {
        float: none
    }

    .ow-spngang {
        margin-left: -15px
    }
}

@media only screen and (max-width: 479px) {
    .dv-cont-ds-sp {
        width: 100%
    }

    .dv-hd-top li {
        margin-right: 15px
    }

    .dv-hd-top {
        padding: 5px
    }

    .dv-hd-top li {
        line-height: 1.5
    }

    .div-glo-max-foot {
        display: none
    }

    .global-foot-v2, .global-foot-v3, .global-foot-v4 {
        width: 100%
    }

    .dv-home-tintuc h3, .dv-home-tintuc .dv-mota {
        height: auto
    }

    .dv-hd-top li.r {
        float: left;
        margin-left: 0;
        margin-right: 15px
    }

    .dv-glo-lang {
        position: absolute;
        margin-top: 4px
    }

    .dv-banner {
        padding: 10px 0
    }
}

.dv-child-sp-khachhang {
    background-position: center;
    padding: 70px 0 50px;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative
}

.dv-child-sp-khachhang:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%
}

.dv-child-sp-khachhang .owl-pagination {
    display: none
}

.dv-child-sp-khachhang img {
    width: 150px;
    border-radius: 100%;
    margin-bottom: 30px
}

.dv-child-sp-khachhang .khachhang_cmt {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    color: #fff;
    max-width: 800px;
    margin-bottom: 15px;
    margin: 0 auto
}

.dv-child-sp-khachhang .khachhang_name {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff
}

.bluebuttom {
    display: inline-block;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif
}

.redbuttom, .redbuttom:hover {
    display: inline-block;
    background: red;
    border: 1px solid red;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    height: 48px;
    font-family: Arial, Helvetica, sans-serif
}

#module_checkoutend .redbuttom, #module_checkoutend .redbuttom:hover {
    font-size: 20px !important
}

.yellowbuttom {
    display: inline-block;
    background: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    height: 40px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif
}

.Field250 {
    width: 250px
}

.Field260 {
    width: 262px
}

.Field500 {
    width: 500px
}

.Field300 {
    width: 300px
}

.Field200 {
    width: 200px
}

.Field100 {
    width: 100px !important
}

.Field197 {
    width: 207px !important
}

.Field70 {
    width: 70px !important
}

.readmore {
    clear: both
}

#layoutGroup2 .readmore {
    clear: both
}

ul.pagenav {
    background-color: #f2f2f2;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    text-align: center
}

ul.pagenav li {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    padding: 2px
}

ul.pagenav li.active span {
    font-weight: 700;
    border: 1px solid #ccc;
    background-color: #fff
}

ul.pagenav li a {
    color: #000
}

ul.pagenav li a {
    color: #000
}

ul.pagenav li a, ul.pagenav li span {
    display: block;
    font-weight: 700;
    padding: 2px 0
}

ul.pagenav .prev span, ul.pagenav .next span {
    position: absolute;
    top: 6px;
    height: 17px;
    width: 16px;
    padding: 0
}

ul.pagenav .prev:hover span {
    background-position: left bottom
}

ul.pagenav .next:hover span {
    background-position: right bottom
}

ul.pagenav .prev a, ul.pagenav .next a {
    color: #444 !important
}

ul.pagenav .prev a:hover, ul.pagenav .next a:hover {
    color: #000 !important
}

ul.pagenav .prev i {
    font-size: 22px;
    position: absolute;
    top: 3px;
    left: -20px
}

ul.pagenav .next i {
    font-size: 22px;
    position: absolute;
    top: 5px;
    right: -20px
}

.clear {
    clear: both
}

.fleft {
    float: left
}

#main_contener {
    padding: 0;
    margin: 0;
    width: 100%
}

#header .top_header {
    width: 100%;
    height: 55px;
    padding: 0;
    top: 0;
    margin: 0 auto 0 auto;
    background-color: #000;
    z-index: 99999
}

#header .top_header .mainlogo {
    width: 30%;
    margin: 2px 0;
    padding: 0;
    float: left
}

#header .top_header .rightheader {
    width: 70%;
    padding: 0;
    float: right
}

#header .top_header .rightheader .search {
    position: relative;
    width: 50%;
    margin-top: 12px;
    float: left
}

#header .top_header .rightheader .shoptool {
    float: right;
    white-space: nowrap;
    margin: 10px 0 0
}

#header .top_header .rightheader .shoptool ul {
    margin: 0 auto;
    padding: 0;
    list-style: none
}

#header .top_header .rightheader .shoptool ul li {
    margin: 0 0 0 10px;
    padding: 0 5px;
    color: #fff;
    float: left;
    position: relative
}

#header .top_header .rightheader .shoptool ul li:hover, #header .top_header .rightheader .shoptool ul li:hover a {
    background-color: #fff;
    color: #3f4750
}

div.subcontent .loginlink a {
    color: #000
}

div.subcontent .loginlink a:hover {
    text-decoration: underline
}

ul.right_topbar li:hover div.subcontent {
    display: block
}

ul.right_topbar li div.subcontent {
    clear: both;
    color: #000;
    background: #fff;
    min-width: 220px;
    top: 27px;
    right: 0;
    position: absolute;
    padding: 0;
    display: none;
    z-index: 999999
}

ul.right_topbar h3 {
    font-size: 17px;
    text-align: left;
    color: #666;
    padding: 5px 10px;
    margin: 5px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400
}

ul.right_topbar li div.textlable {
    line-height: 14px;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 0 5px 5px;
    margin: 0;
    background: #000;
    color: #fff;
    padding: 7px 23px;
    margin-bottom: 8px
}

.textlable a {
    color: #fff
}

ul.right_topbar li div.textlable i {
    font-size: 17px;
    position: absolute;
    top: 2px;
    right: 7px
}

.shownumber {
    padding: 0;
    font-weight: 700
}

.empty {
    padding: 10px 0 20px 5px !important;
    text-align: center;
    color: #3c3c3c
}

.meminfo {
    margin: 10px 0
}

.meminfo div {
    margin: 5px 10px
}

.buttom {
    margin: 0;
    padding: 0
}

.buttom div {
    margin: 10px 0;
    padding: 0
}

.buttom a.btn_face {
    display: block;
    width: 195px;
    height: 42px;
    background: #fff url(themes/template/css/images/login_btn.png) top left no-repeat
}

.subcontent .buttom a.btn_face {
    margin: auto
}

.buttom a.btn_face:hover {
    background-position: left -174px
}

.buttom a.btn_google {
    display: block;
    width: 195px;
    height: 42px;
    background: #fff url(themes/template/css/images/login_btn.png) left -52px no-repeat
}

.buttom a.btn_google:hover {
    background-position: left -226px
}

.buttom a.btn_yahoo {
    display: block;
    width: 195px;
    height: 42px;
    background: #fff url(themes/template/css/images/login_btn.png) left -104px no-repeat
}

.buttom a.btn_yahoo:hover {
    background-position: left -278px
}

.buttom a.btn_login {
    display: block;
    margin: auto;
    width: 195px;
    background: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif
}

.buttom a.cartlink {
    display: block;
    width: 200px;
    margin: 2px auto 4px auto;
    background: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif
}

.buttom a.cartlink i {
    padding-left: 5px;
    font-size: 10px
}

.orderstep {
    margin: auto;
    margin-top: 8px;
    margin-left: 20px;
    font-size: 14px;
    color: #7f7f7f
}

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

.orderstep ul li {
    display: inline-block;
    width: 30%
}

.orderstep ul li a {
    color: #7f7f7f
}

.orderstep ul li.over a, .orderstep ul li.active a {
    color: #fff
}

.orderstep ul li.active {
    font-weight: 700
}

.shoppingover {
    height: 15px;
    color: #fff;
    border-bottom: 1px solid #7f7f7f;
    margin-right: 21.8%
}

.shoppingin {
    height: 15px;
    position: relative;
    color: #fff;
    border-bottom: 2px solid #f3f3f3
}

.shoppingover i {
    width: 27px;
    height: 18px;
    position: absolute;
    right: -8px;
    font-size: 20px;
    bottom: -7px;
    background: url(themes/template/css/images/carts.png) left top no-repeat
}

#header .hotline {
    float: right;
    padding: 5px 5px 0 20px;
    background: url(themes/template/css/images/hotline.png) left 8px no-repeat;
    color: gray;
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: 700;
    display: none
}

#header #mainmenu {
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding-top: 10px
}

#header .mainmenu_contener {
    padding: 0;
    height: 27px;
    margin: auto
}

#header .mainmenu {
    float: left;
    width: 210px;
    padding: 6px 5px;
    position: relative;
    color: #595959;
    cursor: default;
    line-height: 20px;
    height: 34px
}

#header .mainmenu i {
    font-size: 17px;
    margin-right: 10px
}

#header .mainmenu .while {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 209px;
    height: 5px;
    z-index: 1003
}

#header .mainmenu span, #header .mainmenu span h2 {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    background-color: fff;
    white-space: nowrap
}

#header .mainmenu span h2 {
    float: left;
    font-size: 100%;
    margin: 0;
    padding: 0
}

.mainmenu .submenu0 {
    width: 210px;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    background-color: #fff;
    box-shadow: 0 1px 3px #999;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    z-index: 1001
}

.mainmenu .submenu1 {
    top: 0;
    left: 209px;
    height: 100%;
    text-align: left;
    width: 245px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    background-color: #f2f2f2;
    border-left: 5px solid #000;
    display: none;
    z-index: 1001
}

.mainmenu .submenubig {
    top: 0;
    left: 209px;
    min-height: 100%;
    text-align: left;
    width: 405px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    background-color: #f2f2f2;
    border-left: 5px solid #000;
    display: none;
    z-index: 1001
}

.mainmenu .submenu2 {
    top: 0;
    left: 244px;
    min-height: 100%;
    text-align: left;
    width: 245px;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    background-color: #f2f2f2;
    border-left: 5px solid #000;
    border-bottom: 1px solid #000;
    z-index: 99;
    display: none
}

.mainmenu:hover .submenu0 {
    display: block
}

.mainmenu li:hover .submenu1, .mainmenu li li:hover .submenu2, .mainmenu li:hover .submenubig {
    display: block
}

.submenubig li {
    width: 200px;
    display: inline-block !important
}

.mainmenu li {
    line-height: 18px;
    display: block;
    padding: 0;
    margin: 0
}

.mainmenu li li {
    line-height: 18px;
    display: block;
    padding: 2px 0;
    margin: 0
}

.mainmenu li a {
    padding: 8px 0 8px 15px;
    font-size: 13px;
    color: #333;
    overflow: hidden
}

.mainmenu li.-bold a {
    font-weight: 700
}

.mainmenu li.group a {
    font-weight: 700
}

.mainmenu li a:hover, .mainmenu li:hover a {
    color: #fff
}

.mainmenu li:hover {
    background-color: #000
}

.mainmenu li.active a, .mainmenu li.active li.active a, .mainmenu li.active li.active li.active a {
    font-weight: 700
}

.mainmenu li.active li a, .mainmenu li.active li.active li a {
    font-weight: 400
}

.mainmenu li a, .mainmenu li:hover li a, .mainmenu li li:hover li a {
    display: block
}

.mainmenu li li {
    background-color: #f2f2f2 !important
}

.mainmenu li li a {
    font-weight: 400 !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 6px 0 5px 15px !important
}

.mainmenu li li a:hover {
    color: #000 !important
}

.mainmenu li li.publishmore a {
    font-weight: 700 !important;
    color: #000 !important
}

.mainmenu li li.publishmore a:hover {
    color: #333 !important
}

.mainmenu li span {
    font-weight: 400 !important;
    font-size: 11px;
    color: #999;
    padding: 0 0 0 15px
}

.mainmenu .allcategories {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    background: url(themes/template/css/images/orange-arrow-r.png) 5px 10px no-repeat
}

.mainmenu .allcategories a:hover {
    text-decoration: underline
}

#header .search {
    margin: 2px 0;
    height: 32px;
    z-index: 99
}

#header .search .input, #header .search .search-submit {
    padding: 0 2px;
    height: 30px
}

#header .search .input {
    text-align: left;
    height: 30px;
    background: #fff
}

#header .search-submit {
    background-color: #f2f2f2
}

#header .search-submit input {
    color: #000;
    font-weight: 700;
    width: 40px;
    height: 30px;
    background: 0 0;
    cursor: pointer;
    border: none
}

#header .autocomplete {
    display: none;
    padding: 5px 0;
    margin-right: 45px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    top: 30px;
    left: 0
}

textarea:focus, input:focus {
    outline: 0
}

input.small {
    height: 20px !important;
    width: 50px !important;
    text-align: center
}

#layoutGroup1 .selectfield, #layoutGroup2 .selectfield, #layoutGroup3 .selectfield, #layoutGroup4 .selectfield, #layoutGroup5 .selectfield {
    padding: 3px;
    margin: 0;
    font-size: 12px;
    color: #000;
    font-variant: normal;
    line-height: normal;
    background: #fff;
    border: 1px solid #ccc
}

.pathway {
    height: 25px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    display: block;
    color: #999;
    line-height: 25px;
    display: none
}

.pathway ul {
    line-height: 29px;
    list-style: none;
    padding: 0;
    margin: 0
}

.pathway ul li {
    font-size: 13px;
    float: left;
    padding: 0 5px 0 0;
    position: relative;
    z-index: 8;
    margin-top: 5px;
    white-space: nowrap
}

.pathway ul li a {
    color: #000;
    padding: 0 10px 0 0;
    text-decoration: none;
    background: url(themes/template/css/images/orange-arrow-r.png) no-repeat right 2px
}

.pathway ul li a:hover {
    text-decoration: underline
}

.pathway ul li.del a {
    padding: 0 0 0 12px;
    text-decoration: none;
    background: url(themes/template/css/images/orange-arrow-m.png) no-repeat left 3px
}

.pathway ul li.del a:hover {
    padding: 0 0 0 12px;
    text-decoration: none;
    background: url(themes/template/css/images/orange-arrow-d.png) no-repeat left 3px
}

.product_contener .slookinside, .product_vertical_contener .slookinside, .product_top_contener .slookinside {
    position: absolute;
    top: -15px;
    right: -8px;
    width: 80px;
    height: 37px;
    background: url(themes/template/css/images/smallwatermark.png) no-repeat
}

.small_products {
    position: relative;
    width: 220px;
    margin: 0;
    padding: 5px;
    background: #fff;
    border-bottom: 1px solid #f6f6f6
}

.small_products:hover {
    background: #f6f6f6
}

.small_products .image {
    margin-left: 10px;
    width: 40px;
    float: left
}

.small_products .info {
    font-size: 12px;
    width: 160px;
    float: left
}

.small_products .info .title {
    font-size: 13px
}

.small_products .image img {
    border: 0
}

.small_products .info .prices {
    color: #900
}

.small_products .delete {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 15px
}

.vsmall_products {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #f6f6f6
}

.vsmall_products:hover, .headerpactive {
    background-color: #efefef
}

.vsmall_products .image {
    width: 50px;
    float: left
}

.vsmall_products .image img {
    border: 0
}

.vsmall_products .info {
    width: 80%;
    float: left
}

.vsmall_products .info .title {
    font-size: 13px
}

.vsmall_products a {
    color: #444
}

ul.right_topbar .viewall {
    margin: 0;
    padding: 5px 15px;
    text-align: center;
    font-weight: 700
}

#container {
    padding: 0;
    margin: auto
}

#mainbanner {
    margin-left: 230px;
    overflow: hidden
}

#mainbanner .mainbaner {
    margin: 4px auto 0 auto;
    text-align: center
}

#layoutGroup1 {
    padding: 0
}

#layoutGroup1 .block {
    margin-bottom: 2em
}

h2 a {
    color: #000
}

h2 a:hover {
    color: #004b91
}

#layoutGroup1 .block h1, #layoutGroup4 .block h1 {
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
    padding: 0;
    margin: 8px 0 10px
}

#layoutGroup1 .block h2 {
    background: #f2f2f2;
    font-family: "Times New Roman", Times, serif;
    padding: 0;
    height: 38px;
    margin-bottom: 18px
}

#layoutGroup1 .block h2 a.title {
    position: relative;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
    background: #000;
    padding: 9px 20px 9px 15px;
    text-transform: capitalize;
    margin: 0
}

#layoutGroup1 .block h2 a.more {
    font-size: 14px;
    color: #595959;
    float: right;
    padding: 8px 20px
}

#layoutGroup1 .block h2 a.more:hover {
    color: #000
}

.b-main__category-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 19px solid transparent;
    border-left: 12px solid #000;
    border-right: 0 solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -12px
}

#layoutGroup1 .block .blockcontent {
    padding: 8px 0
}

#layoutGroup2 {
    padding: 0;
    margin: 0;
    float: right;
    width: 300px
}

#layoutGroup2 .block {
    padding: 0;
    margin-bottom: 10px
}

#layoutGroup2 .block h2 {
    color: #000;
    padding: 2px 0;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

#layoutGroup2 .block .blockcontent {
    margin: 0;
    padding: 0 0 5px !important
}

#layoutGroup2 .paddin0 .blockcontent {
    padding: 5px 0
}

#layoutGroup2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#module_lastestnews .datepost {
    text-align: right;
    font-size: 11px;
    vertical-align: baseline;
    color: #444;
    padding: 0;
    float: left;
    width: 20%
}

#module_lastestnews .title {
    padding: 0;
    float: right;
    width: 75%
}

#module_lastestnews ul li {
    display: block;
    margin: 5px 0;
    font-size: 13px;
    padding: 2px 0
}

.product_contener {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 19%
}

.tr_m_danh_muc .product_contener {
    width: 213px
}

.rootprice {
    color: #999;
    text-decoration: line-through;
    font-size: 11px !important
}

.rootprice_thanh_vien {
    color: #444;
    font-size: 11px !important;
    display: none
}

.image .saleprice {
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    color: red;
    line-height: 23px;
    width: 46px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(themes/template/css/images/saleprice.png) no-repeat
}

.products .fields {
    font-size: 11px
}

.products .fields span {
    display: block;
    padding: 1px 0
}

.products .fields span.highlight {
    display: inline !important
}

.products .addtocart {
    font-size: 11px
}

.products .addtocart a {
    padding: 3px 6px;
    border: 1px solid #1d1815;
    background-color: #444;
    color: #fff;
    font-weight: 700
}

.products .addtocart a:hover {
    background-color: #ffe097
}

.stars {
    width: 70px;
    height: 13px;
    background: url(themes/template/css/images/product_rating_blank_star.gif) repeat-x;
    float: left
}

.starsvote {
    height: 13px;
    background: url(themes/template/css/images/product_rating_full_star.gif) repeat-x
}

.category_contener {
    float: left;
    width: 16%;
    margin-left: 4%
}

.category_contener .categories {
    background: #fff;
    padding: 0 5px;
    margin: 10px auto;
    position: relative;
    height: 220px;
    overflow: hidden
}

.category_contener .categories .image {
    width: 130px;
    margin: auto;
    height: 182px;
    overflow: hidden
}

.category_contener .categories .image img {
    border: none;
    width: 100%;
    min-height: 182px
}

.category_contener .categories .catname {
    text-transform: capitalize;
    text-align: center;
    margin: 8px 0
}

.category_contener .categories .catname a {
    font-weight: 700
}

#layoutGroup3 {
    padding: 0;
    margin: 0;
    float: left;
    margin-top: 5px;
    width: 210px
}

#layoutGroup4 {
    background: #fff;
    padding: 0;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    float: right;
    padding: 0 10px;
    width: 920px
}

#footer {
    width: 100%;
    margin: auto;
    margin-top: 20px;
    padding-top: 10px;
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.footer_menu {
    margin-right: 280px
}

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

.facebook {
    width: 280px;
    float: right;
    text-align: right;
    overflow: hidden
}

.footer_menu ul li.group {
    text-transform: capitalize;
    width: 33%;
    float: left;
    font-weight: 700;
    padding: 10px 0;
    color: #595959
}

.footer_menu ul li:nth-child(2).group {
    padding-left: 58px
}

.footer_menu ul li:nth-child(3).group {
    padding-left: 66px;
    width: 23%
}

.footer_menu ul ul {
    margin: 5px 0
}

.footer_menu ul li li.group {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    padding: 2px 0;
    width: 100%;
    text-transform: none
}

.footer_menu ul li a {
    color: #444;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    padding: 3px 0;
    width: 100%;
    text-transform: none
}

.footer_menu ul li.group li a:hover {
    text-decoration: underline
}

.footer_address {
    width: 800px;
    border-top: 1px solid #ccc;
    text-align: center;
    color: #444;
    margin: auto;
    margin-top: 20px;
    padding: 10px 0;
    color: #444;
    text-align: center
}

.group b {
    color: #000
}

.coupon a {
    position: fixed;
    left: 5px;
    bottom: 10px;
    display: block;
    width: 80px;
    height: 30px;
    padding: 5px 0;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    background-color: #000;
    display: none
}

.bttop {
    position: fixed;
    right: 5px;
    bottom: 10px;
    cursor: pointer;
    font-size: 30px;
    padding-top: 8px;
    width: 48px;
    height: 45px;
    color: #fff;
    text-align: center;
    background: #000
}

.homecoupon {
    display: none;
    position: fixed;
    left: 5px;
    bottom: 10px;
    width: 440px;
    height: 200px;
    background-color: #000;
    z-index: 9999;
    padding: 10px
}

.homecoupon .titlebar {
    color: #fff !important;
    font-size: 15px !important;
    position: relative;
    margin-bottom: 30px
}

.homecoupon .titlebar span {
    font-size: 30px;
    font-weight: 700;
    cursor: pointer
}

.homeemail {
    font-size: 13px;
    border: 1px solid #d8d3d0;
    margin: 0;
    color: #858585;
    height: 17px;
    padding: 17px;
    width: 90%
}

.homesubmit {
    margin-top: 30px;
    padding: 5px 10px;
    font-size: 15px;
    border: none;
    background-color: #fff;
    width: 130px;
    height: 36px;
    font-weight: 700;
    color: #000;
    cursor: pointer
}

.total, .ctotal {
    padding: 10px;
    font-size: 120%
}

.total b, .ctotal b {
    color: #000
}

.ctotal {
    text-align: center
}

.cart_container {
    margin: 0 auto;
    paddding-bottom: 19px
}

.productscart {
    margin-bottom: 0
}

#module_productscart th {
    color: #444;
    font-size: 14px;
    vertical-align: top;
    padding: 5px 6px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    text-align: left
}

.productscart td {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    vertical-align: top;
    padding: 8px 6px 0
}

.productscart td .tool {
    margin-top: 5px
}

.productscart td .tool span {
    padding-right: 20px
}

.cart-subtotal {
    text-align: right;
    padding: 0 0 8px;
    font-size: 15px;
    line-height: 21px
}

.cardtool {
    padding: 10px 0 0
}

.showboxcart {
    max-height: 600px;
    overflow-y: auto
}

.overlay {
    background: rgba(50, 50, 50, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1005
}

.preorder {
    padding-left: 5px;
    color: #000
}

.cartintro, .cartadd {
    font-size: 110%
}

.cartintro {
    padding: 0 0 10px 5px
}

.cartadd {
    color: #000;
    padding: 0 0 10px
}

.actions td {
    padding-top: 10px
}

.actions .continue {
    color: #000;
    font-weight: 700
}

.actions .continue:hover {
    text-decoration: underline
}

#ajaxresultload {
    display: block;
    padding-top: 5px;
    color: red
}

#banner_TopHeader img {
    width: 100%;
    padding: 0;
    margin: 0
}

#banner_TopHeader a, #banner_TopHeader div {
    margin: 0;
    padding: 0;
    line-height: 0
}

.betlink {
    right: 0 !important
}

.submenu0.hidden {
    display: none
}

.breadcrumbs {
    padding-top: 5px
}

.breadcrumbs a {
    color: #000;
    padding: 0 10px 0 0;
    text-decoration: none
}

.breadcrumbs span:first-child {
    padding-left: 0
}

.breadcrumbs span {
    padding-left: 10px
}

.breadcrumbs span span {
    padding-left: 0
}

.tr_category ul li {
    position: relative
}

.tr_category ul li ul {
    left: 190px;
    z-index: 9999;
    top: 0;
    background: #f2f2f2;
    z-index: 999999
}

.tr_category ul li ul li {
    padding-left: 10px !important
}

.tr_category ul li:hover ul {
    display: block
}

.tr_category ul li ul li ul {
    display: none !important
}

.tr_category ul li ul li:hover ul {
    display: block !important
}

div.col2_1 {
    float: left;
    margin-left: 3%;
    margin-top: 10px;
    width: 48.5%
}

.fr_col {
    margin-left: 0 !important
}

div.col2_1 {
    float: left;
    margin-left: 3%;
    margin-top: 10px;
    width: 30.5%
}

div.deal_detail_img div.deal_img_big {
    border: 1px solid #ccc;
    margin: 0;
    position: relative;
    width: 540px;
    text-align: center;
    padding: 15px 30px
}

div.deal_detail_img div.deal_img_big img {
    width: 480px !important;
    text-align: center
}

div.bg_img_list {
    margin-top: 5px
}

div.deal_img_list a {
    display: block;
    float: left;
    height: 60px;
    margin: 0 7px;
    padding-top: 6px;
    width: 60px
}

div.deal_img_list a:hover, div.deal_img_list a.active {
    display: block;
    float: left;
    height: 60px;
    width: 60px
}

div.newsticker-jcarousellite_1 img {
    border: 2px solid #eee !important;
    height: auto;
    width: 110px
}

.newsticker-jcarousellite_1 li {
    margin: 0 7px;
    height: 150px
}

h4.deal_detail_name, h1.deal_detail_name {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 8px;
    text-align: left
}

h2.deal_detail_name_long {
    color: #414141;
    font-family: NhomMuaMobileLight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: justify
}

div.detail_bar {
    clear: both
}

p.bg_price {
    float: left
}

span.detail_trueprice {
    color: #414141;
    font-size: 18px;
    text-decoration: line-through;
    width: 100%
}

span.detail_price {
    color: #ee6a0d;
    font-size: 32px;
    line-height: 30px;
    width: 100%
}

p.detail_precent {
    background: url(themes/template/css/images/saleprice.png) no-repeat scroll rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: left;
    font-size: 13px !important;
    font-weight: 700;
    height: 48px;
    margin-left: 30px;
    padding: 8px 0 5px;
    text-align: center;
    width: 46px
}

p.detail_precent span {
    display: inline-block;
    font-size: 20px;
    margin-top: 3px
}

div.likeface {
    color: #555;
    float: right;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    padding-top: 30px;
    position: relative;
    left: 45px
}

.table_share tr td {
    float: right
}

span.text_note {
    clear: both;
    color: #414141;
    display: block;
    font-size: 17px;
    margin-top: 20px;
    padding: 0 0 8px;
    text-align: left
}

div.bg_detail {
    border: 1px solid #e3e4e8;
    padding: 10px 0 0
}

div.deal_detail_Hi {
    color: #414141 !important;
    font-size: 14px;
    margin: 15px 15px 15px 0;
    text-align: left
}

div.deal_detail_Hi a {
    color: #000
}

div.deal_detail_Hi a:hover {
    text-decoration: underline
}

div.deal_detail_Hi table {
    border-collapse: collapse;
    margin: 10px 0
}

div.deal_detail_Hi table td {
    border: 1px solid #ccc;
    padding: 3px
}

div.deal_detail_Hi ul, div.deal_detail_Hi ul.list_su {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 22px;
    list-style-image: url(themes/template/css/images/note.png);
    list-style-position: outside;
    margin: 10px 0 0 14px;
    padding: 0
}

div.deal_detail_Hi span[style] {
    font-size: 14px !important
}

div.deal_detail_Hi li {
    padding: 0 0 8px
}

div.deal_detail_Hi p {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 20px;
    margin: 10px 0 0 20px;
    padding: 0 0 5px
}

div.deal_detail_Hi ul ul {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 22px;
    list-style: outside none disc !important;
    margin: 10px 0 0 13px;
    padding: 0 0 0 20px
}

div.deal_detail_Hi ul ul span[style] {
    font-size: 14px !important
}

table.shopping_cart_detail {
    border: 1px solid #e3e4e8;
    border-collapse: collapse;
    width: 100%;
    background: #e3e4e8
}

table.shopping_cart_detail td {
    line-height: 18px;
    padding: 8px 5px 8px 7px;
    vertical-align: middle
}

p.panel1 {
    font-size: 16px;
    height: 37px;
    padding: 17px 5px 5px 0;
    text-align: left;
    width: 122px
}

p.panel2 {
    font-size: 16px;
    height: 37px;
    margin-right: 6px;
    padding: 17px 5px 5px 0;
    text-align: left;
    width: 161px
}

.R {
    float: right
}

span.pane2_icon_evoucher {
    background: url(themes/template/css/images/nhommua_icon.png) no-repeat scroll -839px -11px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 48px;
    margin: -4px 10px 10px 5px;
    width: 48px
}

span.panel_text {
    color: #5b5b5b;
    font-size: 14px;
    line-height: 12px;
    text-align: left
}

span.panel_icon {
    background: url(themes/template/css/images/nhommua_icon.png) no-repeat scroll -773px -11px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 48px;
    margin: -4px 10px 10px 5px;
    width: 48px
}

span.panel_text1 {
    color: #858585;
    font-size: 11px !important;
    font-weight: 400;
    text-align: left
}

div.panel3 {
    font-size: 16px;
    padding: 0 0 5px;
    position: relative;
    text-align: left
}

div.panel3 a.btn_blue_big {
    margin-top: 8px;
    padding: 15px 30px !important
}

a.btn_blue_big {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ddb22a;
    border-color: -moz-use-text-color -moz-use-text-color #00547b;
    border-image: none;
    border-radius: 5px;
    border-style: none none solid;
    border-width: 0 0 3px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    outline: 0 none;
    padding: 10px 25px;
    text-align: center
}

a.btn_blue_big.bt_sap_ve {
    background: none repeat scroll 0 0 red;
    font-size: 20px
}

div.deal_detail_Hi h4, h4.title_map {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    text-align: left
}

div.tr_tin {
    border-top: 1px solid #e3e4e8;
    border-bottom: 1px solid #e3e4e8;
    padding: 10px 0 0;
    position: relative
}

p.bg_view {
    bottom: -20px;
    height: 24px;
    left: 42%;
    padding: 10px;
    position: absolute;
    width: 139px
}

p.bg_view .btn_viewnext {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e3e4e8;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    padding: 3px 10px 0
}

.viewmore_1 span, .viewmore_2 span, .viewmore_3 span, .viewmore_4 span, .viewmore_5 span, .viewmore_6 span, .viewmore_7 span {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 10px auto;
    padding: 5px 20px;
    position: relative;
    text-align: center;
    top: -11px;
    width: 220px
}

div.col4_3 {
    float: left;
    width: 855px
}

.fr_col {
    margin-left: 0 !important
}

div.col4_1 {
    float: right
}

h4.title_right {
    border-bottom: 1px solid #e3e4e8;
    color: #000;
    font-family: NhomMuaLight, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    padding-bottom: 10px;
    text-align: right;
    text-transform: uppercase
}

ul.listdeal_right {
    clear: both;
    list-style: outside none none
}

ul.listdeal_right li {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 3px solid #e3e4e8;
    border-radius: 4px;
    padding-bottom: 10px;
    width: 235px;
    height: 355px !important;
    margin-bottom: 20px
}

ul.listdeal_right li .img {
    position: relative;
    z-index: 999
}

ul.listdeal_right li .img img {
    background-clip: padding-box;
    border-radius: 4px 4px 0 0;
    height: auto;
    width: 235px
}

ul.listdeal_right li .info_deal {
    overflow: hidden;
    padding: 10px
}

ul.listdeal_right li .info_deal .listdeal_group p.listdeal_info_L {
    float: left;
    line-height: 23px;
    margin-left: 0;
    width: 50%
}

ul.listdeal_right li .info_deal .listdeal_group p.listdeal_info_R {
    color: #414141;
    float: right;
    font-size: 14px;
    margin-right: 0;
    padding-top: 23px;
    text-align: right;
    width: 50%
}

.info_deal h4 {
    margin-top: 0;
    height: 8px
}

table.shopping_cart_detail span.book_true_price {
    color: #414141;
    display: block;
    font-size: 14px;
    text-decoration: line-through;
    width: 100%
}

table.shopping_cart_detail span.book_price {
    color: #000;
    display: block;
    font-size: 20px
}

.content_detail {
    border-top: 1px dashed #e3e4e8;
    padding: 10px 0 0;
    margin-top: 15px
}

.tr_share {
    text-align: right
}

ul.listdeal_right li .prices {
    color: #000;
    font-size: 20px
}

.xac_nhan_gio_hang {
    font-size: 15px;
    text-align: center
}

.xac_nhan_gio_hang li {
    border-bottom: 1px solid;
    font-size: 17px;
    width: 300px
}

.xac_nhan_gio_hang_1 {
    margin: 0 auto;
    width: 310px
}

.xac_nhan_gio_hang span {
    font-size: 14px
}

.xac_nhan_gh_ten {
    font-size: 17px
}

.xac_nhan_gh_ten span {
    font-size: 17px
}

.xac_nhan_gio_hang h2 {
    font-size: 30px
}

.product_price {
    color: #f7a200;
    font-size: 18px;
    font-weight: 700
}

#list_gio_hang {
    padding-bottom: 40px
}

.title-form {
    font-size: 26px;
    margin-top: 30px;
    text-transform: uppercase
}

.xac_nhan_gio_hang {
    font-size: 15px;
    text-align: center
}

.xac_nhan_gio_hang li {
    border-bottom: 1px solid;
    font-size: 17px;
    width: 300px
}

.xac_nhan_gio_hang_1 {
    margin: 0 auto;
    width: 310px
}

.xac_nhan_gio_hang span {
    font-size: 14px
}

.xac_nhan_gh_ten {
    font-size: 17px
}

.xac_nhan_gh_ten span {
    font-size: 17px
}

.xac_nhan_gh_gia {
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 10px
}

.xac_nhan_gh_gia span {
    color: red;
    font-size: 16px !important
}

.xac_nhan_gio_hang h2 {
    font-size: 30px
}

.button_lietke {
    background: url(themes/template/css/images/button_lietke.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-bottom: 3px;
    width: 111px
}

.button_huy {
    background: url(themes/template/css/images/button_huy_1.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-bottom: 3px;
    width: 111px
}

.text_soluong {
    text-align: center;
    width: 46px
}

.tr_ma_giam_gia {
    color: #000;
    display: block;
    padding-top: 5px
}

a {
    cursor: pointer
}

.form {
    width: 400px;
    margin: 0 auto
}

.tr_form_flag.form {
    width: 700px
}

.form_header {
    background: none repeat scroll 0 0 #000;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border: solid 1px #ccc
}

.form_header h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff !important
}

.form_body {
    border: solid 1px #ccc;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: none;
    border-top: none
}

.form_footer {
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    height: 25px;
    border-top: none
}

.thong_bao {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 0 20px
}

.dk_err {
    text-align: center;
    color: #ff0006
}

.idc-right, idc-postnav-list#idc-container .idc-right, .idc-head_tools-share, #IDCommentsHead h3, #idc-sortLinks, #IDCommentsNewThreadCover h3, #idc-container .idc-share, #idc-container .idc-head_tools-login, #idc-container .idc-postnav-list, .idc-new_subscribe {
    display: none !important
}

#idc-container, #idc-container .idc-user .idc-head_action.idc-user, #idc-container .idc-message, #idc-container div.idc-text_noresize, #idc-container textarea.idc-text_noresize {
    max-width: 100% !important;
    width: 100% !important
}

#autocomplete {
    z-index: 999999
}

.list_hinh {
    width: 100%;
    text-align: center
}

.list_hinh a {
    display: inline
}

.list_hinh img {
    border: 2px solid #eee !important;
    height: auto;
    width: 110px
}

.min_heigh_content {
    height: 400px
}

.bang_gia_thanh_vien img {
    width: 35px
}

.detail_precent_1 {
    background: url(themes/template/css/images/icon_down.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: left;
    font-size: 12px !important;
    font-weight: 700;
    height: 24px;
    line-height: 17px;
    margin-left: 4px;
    margin-top: 15px;
    padding: 0 0 5px;
    text-align: center;
    width: 45px
}

.gia_thanh_vien {
    float: left;
    margin-left: 5px;
    width: 180px
}

.gia_thanh_vien.gia_thanh_vien_1 {
    margin-left: 0
}

.tr_phan_tram_gia {
    color: #000;
    text-align: center;
    font-weight: 700;
.
}

.single_gia_thanh_vien_content {
    font-weight: 700
}

.tr_m_danh_muc {
    padding-left: 10px
}

/*.collapse {*/
/*    height: 400px;*/
/*    overflow: hidden*/
/*}*/

.tr_m_tai_khoan img {
    float: left;
    margin-right: 8px;
    position: relative;
    top: -6px;
    width: 35px
}

.tr_huy_don_hang {
    width: 600px;
    margin: 0 auto
}

.tr_huy_don_hang h3 {
    text-align: center;
    margin-top: 0;
    color: #000
}

.tr_huy_don_hang table {
    width: 100%
}

.tr_huy_don_hang textarea {
    height: 150px;
    width: 300px
}

.do {
    color: red
}

.next.ndisable, .prev.disable {
    display: none !important
}

.gio_hang_rong {
    text-align: center;
    padding-top: 60px
}

.gio_hang_rong a {
    color: #000;
    font-weight: 700
}

.chi_tiet_sp_1 {
    float: left;
    width: 306px
}

.chi_tiet_sp_2 {
    float: left;
    width: 100px;
    margin-left: 1px;
    height: 335px;
    overflow: hidden
}

.chi_tiet_sp_2 img {
    width: 100px;
    height: 80px;
    border: solid 1px #fff !important
}

.chi_tiet_sp_img img {
    border: solid 1px #fff !important;
    width: 380px
}

.tr_ctent_detail {
    margin-bottom: 10px
}

.tr_hinh_top img {
    width: 100%
}

.tr_hinh_top {
    text-align: left
}

.dieu_khoan_hoi_vien {
    height: 300px;
    border: solid 1px #ccc;
    padding: 10px;
    overflow: hidden
}

.registerform h3 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px
}

.tr_tin_hinh {
    text-align: center;
    margin-bottom: 20px
}

.tr_left {
    float: left;
    width: 245px
}

.tr_cact {
    background: #000;
    color: #fff;
    padding: 10px;
    margin-top: 10px
}

.tr_cact i {
    margin-left: 10px
}

.tr_menu {
    float: left;
    width: 949px;
    line-height: 24 p;
    line-height: 28px
}

.tr_menu ul {
    margin: 0;
    padding: 0
}

.tr_menu ul li {
    float: left;
    margin: 0 78px;
    list-style: none
}

.tr_menu ul li:first-child {
    margin-left: 0;
    list-style: none
}

.tr_menu ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.tr_head_left {
    float: left;
    width: 30%
}

.tr_head_right {
    float: right;
    width: 60%
}

.tr_head_left li {
    list-style: none
}

.tr_menu_tren {
    background-color: #f2f2f2;
    padding: 4px 0
}

.tr_head_right ul li {
    list-style: none;
    float: right;
    margin-left: 20px
}

.tr_menu_tren ul {
    margin: 0;
    padding: 0
}

.column_container {
    float: left;
    margin: 25px 30px 0 0;
    width: 45%
}

.sectionTitle {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px
}

.sectionTitle h3 strong {
    color: #000;
    font: 600 16px/16px arial;
    padding: 0 4px 0 0
}

.rbText {
    color: #666;
    font: 500 13px/16px arial
}

.column_container.form {
    float: left;
    margin: 25px 0 0;
    width: 50%
}

.column_container2 {
    float: left;
    margin: 0 20px 0 0;
    width: 50%
}

.column_container2.span12 {
    float: left;
    margin: 0 20px 0 0;
    width: 100%
}

.span4 label, .column_container2.span12 label {
    color: #484848;
    font: 500 13px/16px arial
}

.span4 input {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #e9e9e9;
    color: #acacac;
    display: inline-block;
    font: 12px Arial, sans-serif;
    height: 32px;
    margin: 0 0 10px;
    padding-left: 12px;
    resize: none;
    width: 100%
}

.message {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #e9e9e9;
    color: #acacac;
    display: inline-block;
    font: 12px Arial, sans-serif;
    height: 110px;
    margin: 0 0 10px;
    padding-left: 12px;
    resize: vertical;
    width: 99%
}

.column_container2.span12 {
    float: left;
    margin: 0 20px 0 0;
    width: 100%
}

.gui {
    background: none repeat scroll 0 0 #0054a5;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    height: 30px;
    text-transform: uppercase;
    width: 114px
}

.rbText.clearfix.autop > h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px
}

.rbText.clearfix.autop > b {
    font-weight: 700
}

.top-1-left.col-md-6 {
    width: 101%
}

.top-1-left.col-md-6 img {
    width: 80px
}

.submit1 {
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 7px 15px;
    border: none;
    cursor: pointer
}

.submit {
    background: #0a4592;
    color: #fff;
    padding: 5px 15px;
    border: none
}

.table_cell_hinh tr {
    height: 35px
}

.ordertable_tab_1 th, .ordertable_tab_1 td {
    text-align: center
}

.tr_text_dai {
    width: 400px !important
}

.table_cell_hinh tr {
    min-height: 40px
}

.newsticker-jcarousellite_k ul li {
    list-style: none
}

.newsticker-jcarousellite_k ul {
    margin: 0
}

.newsticker-jcarousellite_k img {
    width: 100%;
    border: solid 1px #ccc;
    border: solid 1px #ccc !important
}

.table_tr_detail_sp td {
    padding: 5px
}

.table_tr_detail_sp {
    width: 50%
}

.tabs table {
    width: 100% !important
}

.tabs table tr:nth-child(2n) {
    background: #ccc
}

.tabs table tr td {
    border: solid 1px #ccc;
    border-collapse: collapse;
    padding: 5px
}

.segment_title {
    border-bottom: solid 1px #ccc;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 700
}

.image {
    overflow: hidden;
    margin-bottom: 10px
}

.image img {
    width: 100%
}

.tr_sp_list {
    border: solid 1px #ccc;
    padding: 6px;
    min-height: 267px
}

.tr_sp {
    position: relative
}

.noi_dung img {
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 30px;
    width: 200px
}

.noi_dung {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 25px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 25px
}

.noi_dung a {
    color: #ddb22a;
    padding: 0;
    margin: 0;
    margin-bottom: 26px;
    font-size: 16px;
    font-weight: 700
}

.noi_dung h4 {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700
}

.expert {
    color: #333;
    line-height: 22px;
    font-size: 13px
}

.noi_dung a.xem_the {
    color: #ed3334;
    float: right;
    font-size: 13px
}

.noi_dung a.xem_the:hover {
    text-decoration: underline
}

.noi_dung li {
    margin-bottom: 26px;
    font-size: 12px
}

.group_tin_khac {
    margin-top: 10px
}

.title_tin {
    border-bottom: solid 1px #ddb22a;
    color: #ddb22a;
    margin-top: 0;
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 10px
}

.tr_content {
    line-height: 24px
}

.woocommerce-pagination {
    float: left;
    margin-bottom: 20px;
    margin-left: 1px;
    padding-top: 10px;
    width: 100%
}

.page-numbers {
    float: right;
    width: 100%
}

.woocommerce-pagination li {
    float: left !important;
    font-size: 15px;
    height: 18px !important;
    list-style: outside none none !important;
    margin: 0 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 27px !important
}

.woocommerce-pagination li .current {
    background: none repeat scroll 0 0 #ddb22a;
    border-color: #e9e9e9;
    color: #fff
}

.woocommerce-pagination li * {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 14px !important;
    display: block !important;
    font-weight: 700 !important;
    height: 27px !important;
    list-style: outside none none !important;
    padding-top: 1px !important;
    text-decoration: none !important;
    width: 27px !important
}

.woocommerce-pagination li a:hover {
    background: none repeat scroll 0 0 #ddb22a;
    color: #fff
}

.next:hover, .prev:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #380c00 !important
}

#wc-comment-header {
    display: none !important
}

#wpadminbar {
    display: none !important
}

.tr_mobile {
    display: none !important
}

.tr_pc {
    display: block !important
}

.product-name, .woocommerce-Price-amount.amount, .woocommerce-Price-amount.amount {
    font-weight: 700
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #ddb22a;
    color: #fff !important;
    border: none
}

.order-total, .shipping {
    display: none
}

.timkiem {
    padding: 10px
}

.timkiem li {
    list-style: none;
    margin-bottom: 10px
}

.timkiem li select {
    width: 100%;
    height: 24px
}

.timkiem li input[type=text] {
    width: 100%
}

.timkiem .tim {
    background: #ddb22a;
    color: #fff;
    padding: 5px 10px
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.col2_1_2 {
    width: 40%;
    float: left
}

.tr-md-4 {
    width: 38%;
    float: left
}

.tr-md-6 {
    width: 60%;
    float: right
}

.div_deal_img img {
    width: 100%
}

.tr_tieu_de {
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    background: 0 0;
    color: #ddb22a;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px
}

.name_sp {
    text-align: center
}

.d_image {
    overflow: hidden
}

a {
    color: #000
}

.tr_none {
    display: none
}

.blockcontent_km ul {
    margin: 0 !important;
    padding: 0 !important
}

.blockcontent_km li {
    list-style: none !important
}

.tr_binh_luan {
    margin-bottom: 10px
}

.content img {
    height: auto
}

.umt_hotline {
    position: fixed;
    bottom: 5px;
    width: 100%;
    margin: 0 auto;
    z-index: 999999999999
}

.img_hotline {
    text-align: center
}

.form_xac_nhan {
    border: solid 1px #ccc;
    width: 800px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px;
    background: #fff
}

.tieu_de_xn {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: double #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#layoutGroup3 .block {
    background-color: #fff;
    margin-bottom: 10px;
    border: solid 1px #ccc
}

.tr_mod_left {
    padding: 5px
}

.marquee {
    width: 100%;
    overflow: hidden
}

.tr_margree {
    height: 350px;
    overflow: hidden
}

.marquee .item {
    margin-bottom: 10px;
    padding: 5px;
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding-top: 10px
}

.glo-tintuc-left img {
    width: 100px;
    float: left;
    margin-right: 10px
}

.glo-tintuc-left a + a {
    border-top: 1px dashed #ccc;
    display: block;
    margin-top: 10px;
    padding-top: 10px
}

.glo-tintuc-left img {
    width: 95px
}

.glo-tintuc-left a + a {
    border-top: 1px dashed #ccc
}

.glo-tit-hotro {
    font-size: 15px;
    color: #333
}

.glo-dv-httt + .glo-dv-httt {
    border-top: 1px dashed #ccc
}

.glo-tintuc-left img {
    width: 95px
}

.glo-tintuc-left a + a {
    border-top: 1px dashed #ccc
}

#layoutGroup3 .block h2 {
    background-color: #0575d9
}

.tr_list_sp .tr_sp {
    padding-bottom: 15px
}

.tr_category {
    padding: 10px;
    border-radius: 0;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ebebeb
}

.tr_category h2 {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    background: 0 0;
    color: #616161;
    text-transform: uppercase;
    border: none;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    margin-bottom: 10px
}

.tr_main {
    padding-top: 10px
}

.tr_block_content {
    background: #fff
}

.ul-left-menu li {
    list-style: none;
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
    background: #fff
}

.ul-left-menu > li:last-child > a {
    border: none !important
}

.ul-left-menu li .nut {
    display: none
}

.ul-left-menu li a {
    padding: 9px 10px 9px 30px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    display: block;
    position: relative;
    border-bottom: 1px dashed #ebebeb
}

.ul-left-menu > li > a:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #c5c5c5;
    position: absolute;
    top: 15px;
    margin-left: -15px
}

.ul-left-menu li:hover > a {
    background: #e4e4e4;
    color: #ddb22a;
    background: 0 0
}

.glo_click_expain_li_left {
    padding: 7px 10px 7px 15px;
    color: #333
}

.tr_tieu_de_sp {
    color: #ddb22a;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ebebeb;
    font-size: 22px;
    margin-top: 0
}

.glo-right-spdetail-cart {
    border-top: 1px dashed #ebebeb;
    border-bottom: 1px dashed #ebebeb;
    padding-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    list-style: none;
    font-weight: 600
}

.glo-right-spdetail input[type=number] {
    padding: 0 10px;
    width: 70px;
    height: 38px;
    text-align: center;
    border: 1px solid #ebebeb;
    float: left;
    margin: 0 6px 0 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.glo-right-spdetail select {
    padding: 0 10px;
    width: 120px;
    height: 38px;
    text-align: center;
    border: 1px solid #ebebeb;
    float: left;
    margin: 0 6px 0 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.glo-right-spdetail .addcart {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: url(themes/template/css/img/icon_giohang.png) center left 12px no-repeat #ddb22a;
    background-size: 23px;
    padding: 11px 16px 12px 44px;
    margin-bottom: 15px;
    color: #fff;
    padding: 11px 28px 12px 48px;
    display: inline-block;
    border: none;
    text-transform: uppercase
}

.glo-table-cart {
    border: 1px solid #dadada;
    border-top: none;
    border-left: none;
    min-width: 600px
}

.glo-table-cart tr:hover {
    background: #fbfbfb
}

.glo-table-cart th {
    background: #f3f3f3;
    padding: 8px 10px;
    border: 1px solid #dadada;
    border-right: none;
    border-bottom: none
}

.glo-table-cart td {
    border: 1px solid #dadada;
    padding: 10px
}

.glo-img-dh {
    width: 70px;
    float: left;
    margin-right: 20px;
    border: 1px solid #e8e8e8;
    padding: 2px;
    margin-bottom: 7px
}

.glo-a-dh {
    display: block;
    line-height: 1.6
}

.glo-gia-donhang {
    color: #fc4037;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px
}

.glo-btn-donhang button {
    border: none;
    background: #bdbdbd;
    color: #565656;
    height: 28px;
    width: 32px;
    outline: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 15px;
    float: left;
    cursor: pointer
}

.glo-btn-donhang button:hover {
    background: #00a859;
    color: #fff
}

.glo-btn-donhang input {
    padding: 0 10px;
    width: 60px;
    height: 28px;
    text-align: center;
    border: 1px solid #bdbdbd;
    float: left;
    margin: 0 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.glo-xoa-dh {
    font-size: 13px;
    width: auto;
    padding: 6px 13px;
    cursor: pointer;
    background: #f37635;
    color: #fff;
    border: none;
    border: 1px solid #f37635
}

.glo-xoa-dh:hover {
    background: #00a859;
    border: 1px solid #00a859;
    color: #fff
}

.glo-sum-tong-tien {
    text-align: right;
    font-weight: 600;
    display: block;
    font-size: 15px;
    text-transform: capitalize;
    padding: 10px 0
}

.glo-sum-tong-tien span {
    font-size: 18px;
    color: #fc4037
}

.glo-abtn-dh {
    text-align: center
}

.glo-abtn-dh a {
    display: inline-block;
    background: #fc4037;
    font-size: 13px;
    padding: 6px 14px;
    font-weight: 400;
    color: #fff;
    margin: 0 2px;
    text-transform: uppercase
}

.glo-abtn-dh a:hover {
    background: #00a859;
    color: #fff
}

.glo-chitietsp-mutianh .owl-buttons .owl-next:hover, .glo-chitietsp-mutianh .owl-buttons .owl-prev:hover {
    background: rgba(0, 0, 0, .6)
}

.glo-dvlang {
    display: inline-block;
    position: absolute;
    right: 0
}

.glo-dvlang span {
    display: block;
    padding: 10px
}

.glo-dvlang.active_lang_nn ul {
    display: block
}

.glo-dvlang ul {
    background: #fff;
    width: 134px;
    position: absolute;
    display: none;
    box-shadow: 0 0 10px #ccc;
    z-index: 9999
}

.glo-dvlang li {
    list-style: none;
    padding: 10px 13px;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    margin: 0 !important;
    float: left;
    text-align: left
}

.glo-dvlang li:last-child {
    border: none
}

.glo-dvlang li.active, .glo-dvlang li:hover {
    background: #f7f7f7
}

.glo-dvlang a {
    color: #959595;
    float: left;
    line-height: 18px
}

.glo-dvlang li a {
    display: block;
    width: 100%
}

.glo-dvlang i {
    color: #9a9a9a;
    float: left;
    margin-left: 8px;
    margin-top: 3px
}

.glo-dvlang img {
    height: 18px;
    float: left;
    margin-right: 7px
}

.dv-banner {
    position: relative
}

.glo-limenu-cart {
    right: 0;
    position: absolute !important;
    height: 100%;
    background: #f37635;
    padding: 0 20px
}

.glo-giohang-menu a {
    color: #fff;
    font-size: 13px;
    background: url(themes/template/css/img/icon_giohang.png) center left no-repeat;
    font-weight: 700;
    line-height: 42px;
    background-size: 27px;
    padding: 8px 0 2px 35px;
    display: block
}

.glo-giohang-menu a span {
    color: #ff0
}

.glo-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6);
    display: none
}

.glo-popup-video {
    position: fixed;
    z-index: 9999;
    width: 600px;
    height: 360px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -300px;
    max-width: 100%;
    max-height: 100%;
    display: none
}

.glo-popup-video img {
    width: 100%;
    height: 100%
}

.glo-gia-donhang {
    color: #fc4037;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px
}

.dv-form-lienhe .dv-lienhe-button button, .a_button {
    padding: 14px 25px;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #ddb22a;
    color: #fff;
    border-bottom: none;
    border-radius: 0
}

.glo-right {
    text-align: right
}

.tr_gia {
    text-decoration: line-through
}

.dv-form-lienhe {
    width: 100%
}

.dv-form-lienhe li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.dv-form-lienhe .lienhe-left {
    width: 40%;
    float: left;
    padding-right: 20px
}

.dv-form-lienhe .lienhe-right {
    width: 60%;
    float: left
}

.dv-form-lienhe li input, .dv-form-lienhe li textarea {
    text-transform: capitalize;
    width: 100%;
    border: solid 1px #e1e1e1;
    height: 38px;
    color: #999;
    padding: 0 10px 0 45px;
    outline: none;
    float: left
}

.dv-form-lienhe li textarea {
    padding: 10px 10px 10px 45px;
    height: 182px;
    margin: 0
}

.dv-form-lienhe li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10
}

.dv-form-lienhe li.li_lienhe_name:after {
    background-image: url(themes/template/css/img/c_name.png)
}

.dv-form-lienhe li.li_lienhe_dienthoai:after {
    background-image: url(themes/template/css/img/c_phone.png)
}

.dv-form-lienhe li.li_lienhe_email:after {
    background-image: url(themes/template/css/img/c_mail.png)
}

.dv-form-lienhe li.li_lienhe_diachi:after {
    background-image: url(themes/template/css/img/c_local.png)
}

.dv-form-lienhe li.li_lienhe_noidung:after {
    background-image: url(themes/template/css/img/c_mess.png)
}

.dv-form-lienhe li.li_lienhe_captcha:after {
    background-image: url(themes/template/css/img/c_code.png)
}

.dv-form-lienhe li.li_lienhe_captcha img {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 4px
}

.dv-form-lienhe .dv-lienhe-button {
    text-align: right;
    width: 100%
}

.dv-form-lienhe .dv-lienhe-button button, .a_button {
    padding: 13px 25px;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #00a859;
    color: #fff;
    border-bottom: 3px solid #038648;
    margin: 10px 0;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    line-height: 1
}

.glo-top-20 {
    margin-top: 20px
}

.glo-right {
    text-align: right
}

.glo-center {
    text-align: center
}

.dv-form-lienhe .dv-lienhe-button button, .a_button {
    padding: 14px 25px;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #ddb22a;
    color: #fff;
    border-bottom: none;
    border-radius: 0
}

.tr_chi_tite_gio_hang {
    overflow-x: auto;
    width: 100%
}

.tr_lang {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 10px
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.adv_img {
    position: relative
}

.dAdv a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.dAdv a:before {
    position: absolute;
    content: '';
    left: 10px;
    right: 10px;
    top: 50%;
    height: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.dAdv a:hover:before {
    top: 0;
    height: 100%
}

.dAdv a:after {
    position: absolute;
    content: '';
    top: 10px;
    bottom: 10px;
    left: 50%;
    width: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    pointer-events: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

.dAdv a:hover:after {
    left: 0;
    width: 100%
}

.dAdv img {
    width: 100%;
    -webkit-transition: all .5s cubic-bezier(.44, .185, .575, .86);
    -moz-transition: all .5s cubic-bezier(.44, .185, .575, .86);
    -o-transition: all .5s cubic-bezier(.44, .185, .575, .86);
    transition: all .5s cubic-bezier(.44, .185, .575, .86)
}

.dAdv a:hover img {
    opacity: .8;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.nav.nav-tabs {
    border-top: 3px solid #383838 !important
}

.tr_none {
    display: none !important
}

.giam_gia {
    border: 1px dashed #ebebeb;
    padding: 10px 5px;
    border-radius: 5px
}

.giam_gia ul {
    margin-left: 20px
}

#footer1 {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #31353e;
    position: fixed;
    z-index: 122;
    left: 0;
    bottom: 0
}

#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle
}

#footer1 a {
    color: #fff;
    text-decoration: none
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

.navbar-inverse {
    z-index: 99999999999999999 !important
}

.label1 {
    font-size: 12px;
    color: #964b00
}

.owl-theme .owl-controls .owl-nav .owl-prev {
    color: transparent !important;
    background: url(themes/template/css/img/prev.png) no-repeat center center !important;
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translate(0%, -50%)
}

.owl-theme .owl-controls .owl-nav .owl-next {
    color: transparent !important;
    background: url(themes/template/css/img/next.png) no-repeat center center !important;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translate(0%, -50%)
}

.owl-theme .owl-controls {
    margin-top: 0 !important
}

.d_social1 {
    float: right
}

.d_segment_menu .container {
    position: relative
}

.glo-left h3 {
    margin-top: 0
}

.glo-dv-title {
    margin-top: 0
}

.glo-hieu-ung-11 {
    display: none
}

a {
    color: #333
}

a:hover {
    text-decoration: none
}

.owl-pagination .owl-page {
    background: #fff
}

.dv-cont-timkiem1 {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 14px
}

.d_hotline {
    float: right;
    margin-right: 8px
}

.d_hotline .d_inline {
    background: url(themes/template/css/img/d_call.png) no-repeat left center;
    padding-left: 44px;
    padding-top: 10px
}

.d_call {
    float: left;
    float: left;
    margin-right: 17px
}

.d_cart {
    float: left;
    position: relative;
    margin-top: 5px;
    padding-left: 17px;
    border-left: 1px solid #e1e1e1
}

.d_amount {
    position: absolute;
    top: -6px;
    right: -8px
}

.d_amount a {
    background: #e50065;
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px
}

.d_call ul {
    list-style: none;
    margin-top: 3px
}

.d_call ul li a {
    color: #ed1c24;
    font-size: 19px;
    font-weight: 700
}

.dv-cont-timkiem1 h2 {
    margin: 0;
    font-weight: 700;
    color: #ddb22a;
    font-size: 27px;
    margin-bottom: -10px;
    text-align: center
}

.dv-cont-timkiem1 h3 {
    font-size: 15px;
    margin: 0;
    color: #333;
    font-style: italic
}

.tooltip {
    z-index: 9999999
}

.tooltip.in {
    opacity: 1 !important
}

.tooltip-inner {
    max-width: 320px !important
}

.tooltip img {
    width: 500px;
    max-width: 500px
}

#footer1 {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #31353e;
    position: fixed;
    z-index: 122;
    left: 0;
    bottom: 0
}

#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle
}

#footer1 a {
    color: #fff;
    text-decoration: none
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

.dv-con-sp h3 {
    margin: 0
}

.dv-timkiemhd .fa-search {
    top: 4px;
    position: relative
}

.glo-hd-right-1 {
    padding-left: 30px
}

.li_hotro_glo_left .ht-right h2 {
    margin: 0 !important
}

.dv-sp-img img, .dv-tintuc-home-cont img, .paddingsss img {
    height: 170px
}

.carsou-img {
    text-align: center
}

.tr_ct_img img {
    width: 100%
}

.dv-sp-img, .tr_grow {
    overflow: hidden
}

.global-footer .glo-foot-title .glo-foot-nd ul li a {
    text-transform: uppercase
}

.div_h_title {
    color: #fff;
    background: #ddb22a;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 18px !important;
    margin-bottom: 0 !important
}

.tr_tin_nb {
    background: rgba(210, 235, 248, 1);
    min-height: 395px
}

.tr_hotline img {
    height: 100px
}

.tr_hotline h2 {
    color: #ddb22a !important;
    font-size: 20px !important
}

.tr_hotline h3 a {
    color: #f00 !important;
    font-size: 22px !important
}

.glo-foot-nd, .glo-foot-title, .dv-footer {
    text-align: left
}

.tr_binh_luan li {
    margin-left: 30px
}

.dv-cont-ds-sp:nth-child(3n+1) {
    clear: both
}

.glo-foot-nd {
    line-height: 26px !important
}

.wrap-nt {
    width: 363px;
    position: fixed;
    top: 70px;
    right: -320px;
    transition: right 1s;
    -webkit-transition: right 1s;
    -moz-transition: right 1s;
    z-index: 99999999999999
}

.nt-tit {
    float: left;
    z-index: 9;
    z-index: 9
}

.nt-box {
    width: 320px;
    float: left;
    border: 2px solid #ddb22a;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    min-height: 194px;
    padding: 10px
}

.wrap-nt:hover {
    right: 0;
    z-index: 99
}

.yahoo {
    width: 100%;
    float: left;
    padding: 10px;
    border-top: 1px dashed #ccc
}

.yahoo {
    width: 100%;
    float: left
}

.yahoo {
    width: 100%;
    float: left
}

.yahoo {
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px dotted #ccc
}

.yahoo p {
    width: 100%;
    float: left;
    color: #333
}

.yahoo p {
    width: 100%;
    float: left;
    color: #6a6969
}

.yahoo p.hinh a {
    float: left;
    margin: 5px 0 0 5px
}

.yahoo p span {
    float: left;
    width: 200px;
    margin: 0 0 0 10px
}

.span1, .span2 {
    width: 30px !important
}

.span1 {
    color: #fff;
    font-weight: 400
}

.yahoo p .ten {
    margin-top: 10px;
    font-size: 15px;
    color: #3853a4
}

.yahoo .email1 {
    width: 100%;
    float: left;
    color: #707070;
    font-weight: 400;
    padding: 7px 0 5px 34px;
    font-size: 14px;
    box-sizing: border-box;
    background: url(themes/template/css/img/dienthoai2.png) no-repeat 10px 10px;
    margin: 0
}

.yahoo .email {
    width: 100%;
    float: left;
    color: #707070;
    font-weight: 400;
    padding: 7px 0 10px 34px;
    font-size: 14px;
    box-sizing: border-box;
    background: url(themes/template/css/img/email2.png) no-repeat 10px 10px
}

.resp-tabs-list li {
    color: #ddb22a
}

.tr_binh_luan .resp-tab-active {
    border-top: 2px solid #ddb22a !important
}

.glo-tintuc-left h5 {
    margin-top: 0
}

.col-md-4:nth-child(3n+1) {
    clear: both
}

.yahoo .email1 {
    color: red;
    font-weight: 700
}

.slider_about .wrap_item {
    width: 25%;
    padding: 0 15px;
    float: left
}

.slider_about .item {
    text-align: center;
    color: #fff
}

.slider_about .item .i-icon {
    height: 90px;
    width: 90px;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.slider_about .item .i-icon:before, .slider_about .item .i-icon:after, .slider_about .item .i-icon .fa {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.slider_about .item .i-icon:before {
    box-shadow: inset 0 0 0 2px #fff;
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 3
}

.slider_about .item:hover .i-icon:before {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -o-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
    box-shadow: inset 0 0 0 60px #fff
}

.slider_about .item .i-icon:after {
    box-shadow: inset 0 0 0 2px #ddd;
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.slider_about .item:hover .i-icon:after {
    -webkit-transform: scale(1.2857);
    -moz-transform: scale(1.2857);
    -o-transform: scale(1.2857);
    -ms-transform: scale(1.2857);
    transform: scale(1.2857);
    opacity: 1;
    filter: alpha(opacity=100)
}

.slider_about .item .i-icon .fa {
    font-size: 30px;
    line-height: 90px;
    position: relative;
    z-index: 4;
    cursor: default;
    color: #fff
}

.slider_about .item:hover .i-icon .fa {
    color: #ddb22a
}

.slider_about .item .i-number {
    font-size: 55px;
    line-height: 70px
}

.slider_about .item .i-number .counter {
    font-weight: 700;
    color: #fff
}

.slider_about {
    border-top: dashed 1px #fff;
    padding-top: 15px;
    margin-top: 15px
}

.tr_chay {
    position: sticky;
    top: 10px;
    z-index: 999
}

#flags li {
    margin-right: 2px;
    float: right !important
}

#flags {
    width: auto !important;
    padding-top: 5px
}

.tr_content ol, .tr_content li {
    margin-left: 30px
}

.email1.do p {
    color: red
}

.mm-menu {
    z-index: 9999999 !important
}

.menu_mobile {
    height: 1px;
    overflow: hidden
}

.company {
    font-weight: 700
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

.logo img {
    /*width: 125px*/
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.avatar img {
    border-radius: 100%
}

.owl-carousel .owl-item .testimonial-box img {
    width: 100px
}

.footer {
    background: #0f6db7;
    color: #fff
}

.footer-widget h3 {
    color: #fff;
    border-bottom: solid 1px #fff;
    padding-top: 10px;
    margin-bottom: 10px
}

.footer-widget a {
    color: #fff
}

.footer-menu {
    text-align: right
}

.footer-menu a {
    color: #fff;
    margin-left: 10px
}

.slideshow .owl-carousel .owl-item img {
    width: 100%
}

.tr_none_nav {
    margin-top: 10px
}

img {
    max-width: 100%
}

.info {
    color: #fff
}

#mp_header .bottom-header .container li.has-submenu .level1 {
    z-index: 9999999
}

.tr_img_width_100 img {
    width: 100%
}

.tr_table table {
    width: 100% !important
}

.tr_table table, .tr_table td {
    border: none !important;
    border-bottom: 1px dashed #ebebeb !important;
    padding: 8px 0
}

.desCenter {
    max-width: 935px;
    margin: 0 auto;
    color: #666;
    margin-bottom: 35px;
    text-align: center
}

.slideCenter {
    height: 520px;
    padding-bottom: 60px;
    margin-bottom: 5px
}

.slideCenter .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center
}

.slideCenter .slick-dots li {
    margin: 0 5px;
    list-style: none;
    display: inline-block
}

.slideCenter .slick-dots li button {
    width: 55px;
    height: 4px;
    background: #c5c5c5;
    font-size: 0;
    padding: 0;
    border: none
}

.slideCenter .slick-dots li.slick-active button {
    background: #25216d
}

.slideCenter .item {
    padding: 0 6px 6px;
    outline: none
}

.slideCenter .slick-current .item .slideItem {
    height: 468px;
    margin-top: 0
}

.slideCenter .slick-current .item .slideItem .caption {
    background: #25216d;
    height: 95px
}

.slideCenter .slick-current .item .slideItem .caption .tend {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

.slideCenter .slick-current .item .slideItem .caption .des {
    display: block;
    color: #fff
}

.slideItem {
    height: 290px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);
    margin-top: 8rem
}

.slideItem img {
    display: none
}

.slideItem .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px
}

.slideItem .caption .tend {
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.slideItem .caption .des {
    display: none;
    text-align: center
}

.linkCenter a {
    display: inline-block;
    color: #666;
    font-style: italic
}

.h3_pro {
    text-transform: uppercase;
    font-family: robotobold;
    color: #000;
    text-align: center;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative
}

.h3_pro:before {
    content: "";
    width: 120px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #25216d
}

.group_xe {
    margin-bottom: 20px
}

.nen_den {
    background: #f4f3f3;
    padding: 10px 0
}

@media screen and (max-width: 1348px) {
    .owl-theme .owl-controls .owl-nav .owl-next {
        right: -5px
    }

    .owl-theme .owl-controls .owl-nav .owl-prev {
        left: -5px
    }
}

@media screen and (max-width: 1199px) {
    .tr_mobile {
        display: block !important
    }

    .tr_pc {
        display: none !important
    }

    .main {
        width: 100%
    }

    .container {
        width: 100%
    }

    img {
        max-width: 100%
    }

    .d_segment_menu_mobile ul li i {
        color: #fff
    }

    .d_cart a span {
        top: 8px
    }

    .head-sec {
        text-align: center
    }

    .d_segment_about .head-sec p {
        background: url(themes/template/img/bg_title.png) no-repeat bottom center;
        padding-bottom: 8px
    }

    .d_segment_about .head-sec p:before {
        content: none
    }

    .img_about {
        display: none
    }

    .d_left_about {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .d_service {
        height: auto
    }

    .d_service_content {
        padding: 10px 0
    }

    .project_content {
        visibility: visible;
        opacity: 1
    }

    .project_title {
        font-weight: 700;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc
    }

    .d_maps {
        position: initial;
        padding: 0 15px
    }

    .dul_module, .footer_photo {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        margin-left: 0
    }

    .footer_photo {
        text-align: center
    }

    .footer_photo ul {
        display: inline-block
    }

    .footer_photo ul li {
        margin-left: 5px
    }

    .d_itgreen {
        text-align: center
    }

    .footer_menu {
        display: none
    }

    .d_service, .d_service_content {
        display: block
    }

    .mission_contact input, .mission_contact textarea {
        margin-top: 10px
    }

    .d_mission {
        padding: 60px 15px
    }
}

@media screen and (max-width: 1024px) {
    .header nav ul > li {
        width: 100%
    }

    .column_container, .column_container.form {
        width: 100%
    }

    .tr_mobile_menu {
        text-align: center
    }

    .fusion-logo-link img {
        height: 100px
    }

    .tr_content img {
        height: auto
    }
}

@media screen and (max-width: 600px) {
    .d_tab_title, .d_tab_content {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-bottom: 20px
    }

    .div_tabmore {
        text-align: center
    }

    .project_content {
        width: 90%
    }
}

@media screen and (max-width: 480px) {
    .noi_dung img {
        width: 100%;
        margin-bottom: 10px
    }

    .project_content {
        width: 100%
    }
}

@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    80%, 100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    80%, 100% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0);
        -ms-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0);
        -ms-transform: translateX(0%) skewX(0);
        transform: translateX(0%) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@font-face {
    font-family: 'Sri-TSCRegular';
    src: url(../images/sri-tsc-webfont.eot);
    src: url(../images/sri-tsc-webfont.eot_40#iefix) format("embedded-opentype"), url(../images/sri-tsc-webfont.woff) format("woff"), url(../images/sri-tsc-webfont.ttf) format("truetype"), url(../images/sri-tsc-webfont.svg#Sri-TSCRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

.title-head.page-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial
}

.title-head.page-title:after {
    content: "";
    display: block;
    background: #ddb22a left center no-repeat;
    width: 100px;
    height: 4px;
    margin: 20px 0 30px
}

.subtitle-head {
    font-size: 1.28571em;
    color: #252525;
    margin: 20px 0
}

.product-box {
    text-align: left;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    overflow: hidden
}

/*.product-box:before {*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #fff;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0*/
/*}*/

.product-box .product-thumbnail {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.product-box .product-thumbnail > a {
    display: block;
    width: 100%
}

.product-box .product-thumbnail a img {
    width: 100%;: 160 px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-box .product-info {
    z-index: 10;
    position: relative;
    padding: 15px 0;
    border-bottom: solid 1px #ebebeb
}

.product-box .product-name {
    font-size: 1em;
    line-height: 18px;
    color: #555;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0
}

.product-box .product-name a {
    color: #555;
    text-decoration: none
}

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

.product-box .price-box {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 4px 20px;
    min-width: 128px
}

.product-box .price-box:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 16px solid #ddb22a
}

.product-box .product-price {
    color: #fff;
    display: block;
    font-size: 1em
}

.product-box .product-price-old {
    text-decoration: line-through;
    font-size: .92857em;
    margin: 0 0 0 10px;
    display: inline-block;
    color: #fff
}

.product-box .sale-flash {
    position: absolute;
    font-size: 1em;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    top: 0;
    left: 10px;
    text-align: center;
    z-index: 99;
    background-color: #faca00
}

.product-box .sale-flash:before {
    border-top: 20px solid #faca00;
    border-left: 0 solid #faca00;
    border-right: 20px solid transparent;
    content: "";
    position: absolute;
    bottom: 100%;
    margin: 0;
    left: 0;
    top: 100%;
    z-index: 100
}

.product-box .sale-flash:after {
    border-top: 20px solid #faca00;
    border-right: 0 solid #faca00;
    border-left: 20px solid transparent;
    content: "";
    position: absolute;
    bottom: 100%;
    margin: 0;
    right: 0;
    top: 100%;
    z-index: 100
}

.product-box .product-summary {
    font-size: 1em;
    color: #636363;
    line-height: 20px
}

.product-box .product-summary img {
    display: none
}

.product-box .product-action .btn {
    min-width: 125px
}

.product-box .product-action .btn:hover {
    color: #fff
}

.product-box .product-action .btn ~ .btn {
    margin-left: 5px
}

.product-box form {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0
}

.product-price {
    color: #323c3f;
    font-size: 1.42857em;
    line-height: 24px;
    display: block;
    font-weight: 700
}

.products-view-list .product-box .product-thumbnail {
    text-align: center;
    margin-bottom: 0;
    width: calc(100% / 3);
    float: left
}

.products-view-list .product-box .product-info {
    text-align: left;
    margin-left: 30px;
    float: left;
    width: calc(100% / 3 * 2 - 30px);
    background: 0 0;
    border-top: none;
    border-bottom: none
}

.products-view-list .product-box .product-name {
    margin-bottom: 13px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700
}

.products-view-list .product-box form {
    border-top: solid 1px #ebebeb;
    padding-top: 15px
}

.products-view-list .product-box .btn:hover {
    color: #fff
}

.product-mini-lists .product-mini-item {
    padding: 30px 0;
    border-bottom: 1px dotted #e1e1e1
}

.product-mini-lists .product-mini-item:last-child {
    border-bottom: none
}

.product-mini-lists .product-mini-item .price {
    display: inline-block
}

.product-mini-lists .product-mini-item .product-img {
    width: 100px;
    margin-right: 10px;
    float: left
}

.product-mini-lists .product-mini-item .product-info {
    width: calc(100% - 110px);
    float: right
}

.product-mini-lists .product-mini-item .product-info .price-box {
    border: none
}

.product-mini-lists .product-mini-item .product-info h3 {
    margin-top: 0;
    font-size: 1em
}

.product-mini-lists .product-mini-item .product-info h3 a {
    color: #898989
}

.product-mini-lists .product-mini-item .product-info h3 a:hover {
    color: #ddb22a
}

.product-mini-lists .product-mini-item .product-price {
    font-size: 1.14286em
}

.bread-crumb {
    background-color: transparent;
    margin-bottom: 10px
}

.breadcrumb {
    margin: 0;
    font-size: 1em;
    padding: 15px 0 10px;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px
}

.breadcrumb span.br-line {
    margin-left: 5px;
    margin-right: 3px;
    transform: translateY(-1px);
    display: inline-block !important
}

.breadcrumb li {
    display: inline
}

.breadcrumb li + li:before {
    display: none
}

.breadcrumb li > a {
    font-size: 1em;
    color: #898989
}

.breadcrumb li > a > span {
    color: #898989
}

.breadcrumb li > a > span:hover {
    color: #ddb22a
}

.breadcrumb li span {
    display: inline;
    color: #898989
}

.breadcrumb li span .fa {
    color: #898989;
    font-size: 1em;
    margin: 3px
}

.breadcrumb li strong span {
    color: #ddb22a
}

.breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li strong {
    color: #ddb22a;
    font-weight: 300;
    font-size: 1em
}

.pagination {
    margin: 24px 0
}

.pagination .page-link {
    float: left;
    margin: 2.5px;
    width: 40px;
    background: #fff;
    text-align: center;
    height: 40px;
    font-size: 1em;
    line-height: 40px;
    padding: 0;
    line-height: 40px;
    color: #252525;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    text-decoration: none
}

.pagination .page-link:hover {
    background-color: #ddb22a;
    color: #fff
}

.pagination .page-item.disabled .page-link {
    border: 0;
    display: none
}

.pagination .page-item.active .page-link {
    background-color: #ddb22a;
    border-color: #ddb22a;
    color: #fff;
    display: block
}

#mp_header {
    background-size: 100% 100%;
    box-shadow: 0 2px 7px #e6e6e6
}

#mp_header .top-header {
    line-height: 40px;
    position: relative
}

#mp_header .top-header a {
    color: #fff;
    display: inline-block;
    margin-left: 25px
}

#mp_header .top-header a:hover {
    color: #fbc1c1
}

#mp_header .top-header a.margin-left-0 {
    color: #333
}

#mp_header .top-header a.margin-left-0:hover {
    color: #ddb22a
}

#mp_header .top-header .mpq_fix_top {
    /*! height: 41px; */
    width: 100%;
    /*! position: absolute; */
    z-index: -1;
    overflow: hidden
}

#mp_header .top-header .mpq_fix_top .right {
    overflow: hidden
}

#mp_header .top-header .mpq_fix_top .right .mp_top_angle {
    height: 41px;
    width: 100%;
    display: block;
    background: #ddb22a;
    position: absolute;
    left: 39.5%;
    z-index: -1;
    transform: skewX(-25deg)
}

#mp_header .top-header .container .right {
    text-align: right
}

#mp_header .bottom-header {
    position: relative
}

#mp_header .bottom-header .mpq_fix_bottom {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    overflow: hidden
}

#mp_header .bottom-header .mpq_fix_bottom .right {
    overflow: hidden
}

#mp_header .bottom-header .mpq_fix_bottom .right .mp_bottom_angle {
    height: 100%;
    width: 100%;
    display: block;
    background: #2a2a2a;
    position: absolute;
    left: 36.75%;
    z-index: -1;
    transform: skewX(-25deg)
}

#mp_header .bottom-header .container .right {
    /*! background: #2a2a2a */
}

#mp_header .bottom-header .container .main-nav {
    text-align: right
}

#mp_header .bottom-header .container .main-nav > li {
    display: inline-block;
    line-height: 18px;
    padding: 25px 3px;
    font-weight: 700
}

#mp_header .bottom-header .container .main-nav > li > a {
    text-transform: uppercase;
    color: #989898
}

#mp_header .bottom-header .container .main-nav > li:after {
    content: "/";
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    color: #989898
}

#mp_header .bottom-header .container .main-nav > li:last-child:after {
    display: none
}

#mp_header .bottom-header .container li:hover > a, #mp_header .bottom-header .container li.active > a {
    color: #ddb22a !important
}

#mp_header .bottom-header .container li.has-submenu {
    position: relative
}

#mp_header .bottom-header .container li.has-submenu .level1, #mp_header .bottom-header .container li.has-submenu .level2 {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

#mp_header .bottom-header .container li.has-submenu .level1 {
    top: 70px;
    text-align: left;
    left: -20px
}

#mp_header .bottom-header .container li.has-submenu > ul {
    position: absolute;
    z-index: 11;
    width: 260px;
    background-color: rgba(0, 0, 0, .9)
}

#mp_header .bottom-header .container li.has-submenu:hover > .level1, #mp_header .bottom-header .container li.has-submenu:hover .level2 {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

#mp_header .bottom-header .container .mini-cart {
    text-align: center;
    position: relative;
    color: #fff;
    padding: 38px 0;
    font-size: 26px
}

#mp_header .bottom-header .container .mini-cart a {
    color: #fff
}

#mp_header .bottom-header .container .mini-cart .cartCount {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    font-size: 14px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #ddb22a;
    border-radius: 50%;
    margin-top: -30px
}

#mp_header .bottom-header li.has-submenu li {
    padding: 0 20px;
    position: relative
}

#mp_header .bottom-header li.has-submenu li a {
    display: block;
    padding: 8px 0;
    border-bottom: solid 1px #1d1d1d;
    color: #939393;
    font-weight: 400;
    font-family: Arial
}

#mp_header .bottom-header li.has-submenu li:last-child a {
    border: none
}

#mp_header .bottom-header li.has-submenu li ul.list-unstyled.level2 {
    position: absolute;
    left: 100%;
    top: 0;
    background: #333;
    min-width: 200px;
    display: none
}

#mp_header .bottom-header li.has-submenu li:hover ul.list-unstyled.level2 {
    display: block
}

#mp_header .container .left {
    float: left
}

#mp_header .container .left .logo {
    /*! height: 73px; */
    display: table-cell;
    vertical-align: middle
}

#mp_header .container .right {
    /*! float: left */
}

#mp_header .left {
    width: 38.4615%
}

#mp_header .right {
    width: 61.5385%
}

#mp_header.left .logo {
    height: 121px;
    display: table-cell;
    vertical-align: middle
}

.header-mobile .top-header {
    background-color: #ddb22a;
    border-bottom: solid 1px rgba(255, 255, 255, .4);
    color: #fff;
    line-height: 40px
}

.header-mobile .middle-header {
    background-color: #ddb22a;
    color: #fff;
    line-height: 40px
}

.header-mobile .middle-header a {
    color: #fff
}

.header-mobile .bottom-header {
    position: relative;
    padding: 7px 0
}

.header-mobile .bottom-header .logo a {
    display: table-cell;
    height: 45px;
    vertical-align: middle
}

.header-mobile .bottom-header .mini-cart {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 80px;
    background-image: url(../images/bg-m-cart-min.png);
    background-size: 100% 100%;
    line-height: 59px;
    text-align: center
}

.header-mobile .bottom-header .mini-cart a {
    color: #fff;
    font-size: 22px;
    display: inline
}

.header-mobile .bottom-header .mini-cart .cartCount {
    position: absolute;
    display: block;
    height: 25px;
    width: 25px;
    background-color: #ddb22a;
    color: #fff;
    top: 50%;
    right: 10px;
    line-height: 25px;
    border-radius: 50%;
    margin-top: -25px
}

.header-mobile .bottom-header a.toggle-main-nav {
    font-size: 22px;
    padding-right: 10px
}

.mobile-main-nav .search-form form {
    position: relative
}

.mobile-main-nav .search-form .input-control {
    width: 100%;
    height: 40px;
    padding: 10px 20px 10px 40px;
    background-color: #363636;
    border: none
}

.mobile-main-nav .search-form button {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border: 0;
    outline: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

@media (max-width: 1199px) {
    #mp_header .bottom-header .mpq_fix_bottom .right .mp_bottom_angle {
        left: 35.75%
    }
}

.cart-icon {
    font-size: 24px;
    color: #000
}

.cart-icon #cart-total {
    position: absolute;
    right: -20px;
    top: 19px;
    background: #ddb22a;
    font-size: 11px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 10px
}

.mini-cart {
    z-index: 10;
    text-align: center
}

.mini-cart:hover .top-cart-content {
    display: block
}

.mini-cart .dropdown-toggle {
    font-size: 12px;
    padding: 0;
    text-transform: none
}

.top-cart-contain {
    color: #333;
    padding: 0;
    right: 0;
    z-index: 1000;
    position: absolute !important;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.top-cart-contain .price {
    color: #ddb22a;
    text-transform: uppercase
}

.top-cart-contain .mini-cart .price {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 300
}

.top-cart-contain .product-details .price {
    color: #ddb22a;
    width: auto;
    float: none;
    font-weight: 400;
    padding-left: 0;
    font-size: 12px
}

.top-cart-content {
    display: none;
    position: absolute;
    right: -20px;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, .4);
    z-index: 10000
}

.top-cart-content .empty {
    text-align: left;
    color: #333
}

.top-cart-content .product-name {
    margin: 0;
    width: 250px;
    line-height: 1;
    padding-right: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word
}

.top-cart-content .product-name a {
    font-size: 1em;
    line-height: normal;
    line-height: 20px !important;
    font-weight: 400;
    color: #333;
    width: 250px;
    word-break: break-word
}

.top-cart-content .product-name a:hover {
    color: #ddb22a
}

.top-cart-content li {
    list-style: none
}

.top-cart-content li.item {
    overflow: hidden;
    border-top: solid 1px #e1e1e1;
    width: 98%;
    padding: 20px 0;
    position: relative
}

.top-cart-content li.item .border_list {
    overflow: hidden;
    padding: 0 10px 0 0
}

.top-cart-content li.item:first-child {
    border-top: none
}

.top-cart-content li.item:last-child {
    margin: 0;
    border-bottom: none
}

.top-cart-content li.item .product-image {
    float: left;
    display: block;
    width: 110px;
    margin-right: 10px
}

.top-cart-content li.item .detail-item {
    width: calc(100% - 140px);
    float: left;
    display: block;
    text-align: justify;
    word-break: break-word;
    overflow: hidden
}

.top-cart-content li.item .detail-item .product-details-bottom .qty_drop_cart {
    margin-top: 5px
}

.top-cart-content li.item .detail-item .fa.remove-item-cart {
    float: right;
    margin-top: 0;
    width: 14px;
    height: 14px;
    font-size: 0;
    background: url(../images/close.png);
    position: absolute;
    right: 30px;
    top: 22px
}

.top-cart-content li.item .detail-item .fa.remove-item-cart:hover {
    color: #ddb22a;
    text-decoration: none
}

.top-cart-content li.item .detail-item input {
    display: inline-block;
    width: 65px;
    height: 30px;
    padding: 0 0 0 15px;
    text-align: left
}

.top-cart-content li.item .detail-item button.items-count {
    display: inline-block
}

.top-cart-content .block-subtitle {
    color: #333;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: .92857em;
    background: #f5f5f5;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px #e1e1e1 solid
}

.pd {
    padding: 0 15px 0 0
}

.top-subtotal {
    color: #333;
    font-size: 1.14286em;
    font-weight: 400;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    text-align: left;
    text-transform: none
}

.top-subtotal .price {
    font-weight: 700;
    color: #ddb22a;
    float: right
}

.qty_drop_cart {
    position: relative
}

.qty_drop_cart .btn_increase, .qty_drop_cart .btn_reduced {
    width: 21px;
    height: 15px;
    color: #000
}

.qty_drop_cart button.btn_increase {
    position: absolute;
    margin: 0;
    height: 20px;
    line-height: 1;
    overflow: hidden;
    border-style: hidden;
    margin-left: -25px;
    background: 0 0 !important;
    top: 4px
}

.qty_drop_cart button.btn_reduced {
    margin-left: -25px;
    position: absolute;
    line-height: 1;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
    border-style: hidden;
    background: 0 0 !important;
    top: 8px
}

.top-subtotal {
    color: #333;
    font-size: 1.14286em;
    font-weight: 400;
    padding: 15px 0;
    text-align: left;
    text-transform: none
}

.top-subtotal .price {
    font-weight: 700;
    color: #ddb22a;
    float: right
}

ul#cart-sidebar {
    padding: 10px 0 30px 30px;
    margin: 0;
    min-width: 420px
}

ul#cart-sidebar .list-item-cart {
    max-height: 330px;
    overflow: auto
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 2px solid #e1e1e1
}

ul#cart-sidebar .list-item-cart li.list-item {
    max-height: 400px;
    overflow-y: auto
}

ul#cart-sidebar .list-item-cart li.action {
    display: none
}

ul#cart-sidebar .list-item-cart.hasclass li.action {
    display: block
}

ul#cart-sidebar .list-item-cart li.list-item .price2 {
    font-weight: 700;
    color: #ddb22a;
    font-size: 14px;
    display: list-item;
    margin-bottom: 5px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar {
    width: 5px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .9)
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb {
    background: #ddb22a;
    border-radius: 15px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:hover, ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:active {
    background: #ddb22a;
    border-radius: 15px
}

ul#cart-sidebar .no-item {
    height: 40px
}

ul#cart-sidebar .no-item p {
    margin: 0;
    line-height: 3
}

ul#cart-sidebar .right_ct {
    text-align: center;
    padding-top: 20px
}

ul#cart-sidebar .right_ct .btn {
    min-width: 182px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 4px
}

ul#cart-sidebar .right_ct .btn-cart {
    margin-left: 0
}

ul#cart-sidebar .right_ct .btn-checkout {
    margin-right: 0
}

ul#cart-sidebar .right_ct .btn-checkout:hover {
    background: #fff;
    color: #ddb22a;
    border: solid 1px #ddb22a;
    text-decoration: none
}

.li-fix-1 {
    background: #fff;
    border-top: 1px solid #ebebeb;
    display: block
}

.li-fix-2 {
    display: block;
    width: 295px
}

#footer {
    margin-top: 30px;
    background-color: #313131
}

#footer .top-footer {
    background-color: #ededed;
    padding: 40px 0
}

.top-footer b {
    display: inline-block;
    margin-bottom: 10px
}

.top-footer p {
    margin-bottom: 0;
    line-height: 22px
}

.mid-footer {
    border-top: solid 1px #494949;
    padding: 45px 0;
    font-family: Arial
}

.mid-footer a {
    color: #989898
}

.mid-footer h4 {
    font-size: 14px;
    color: #dbdbdb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 15px
}

.mid-footer .linklist li {
    padding: 15px 0;
    border-bottom: solid 1px #363636
}

.mid-footer a:hover, .bottom-footer a:hover {
    color: #ddb22a
}

.bottom-footer a {
    color: #989898
}

.bottom-footer {
    background-color: #212121;
    padding: 12px 0
}

.bottom-footer .social {
    text-align: right
}

.bottom-footer .social li {
    display: inline-block;
    margin-left: 10px
}

.bottom-footer .social li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #989898;
    background-color: #363636
}

.bottom-footer .social li a:hover {
    background-color: #ddb22a;
    color: #fff
}

.bottom-footer .copyright {
    line-height: 34px;
    color: #989898
}

.backtop {
    position: fixed;
    bottom: 5px;
    z-index: 999;
    top: auto !important;
    width: 40px;
    height: 40px;
    right: 40px;
    border: solid 2px #ddb22a;
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #ddb22a;
    border-radius: 50%;
    transition: opacity .2s ease-out;
    opacity: 0
}

.backtop .fa {
    padding: 0;
    margin: 0;
    font-size: 30px;
    color: #fff !important;
    display: inline-block !important;
    float: left !important;
    width: 36px !important;
    text-align: center !important;
    line-height: 33px !important
}

.show {
    opacity: 1
}

.details-product form {
    margin-bottom: 0
}

.details-product h1.title-head {
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0 10px;
    color: #464646;
    line-height: 34px;
    padding-right: 200px
}

@media (max-width: 767px) {
    .details-product h1.title-head {
        padding-right: 0;
        padding-bottom: 45px
    }
}

.details-product span.line {
    margin: 0 5px;
    transform: translateY(-1px);
    display: inline-block
}

.details-product .detail-header-info {
    margin-bottom: 20px;
    line-height: 25px
}

.details-product .product_description {
    padding-bottom: 13px;
    border-bottom: solid 1px #ebebeb
}

.details-product .inventory_quantity span {
    color: red
}

.details-product .large-image img {
    border: 1px solid #ebebeb;
    width: 100%
}

.details-product .contact {
    font-weight: 700;
    font-size: 1.28571em
}

.details-product .contact a {
    color: red
}

.details-product #gallery_01 {
    width: 195px;
    max-width: 200px
}

.details-product .owl-carousel.owl-loaded {
    overflow: hidden
}

.details-product .price-box {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 0 20px
}

.details-product .price-box:after {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 16px solid #ddb22a
}

.details-product .price-box .product-price {
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    display: inline-block;
    font-weight: 700
}

.details-product .price-box del {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 31px
}

.details-product .product-review {
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    color: #898989
}

.details-product .product-review .line {
    margin: 0 5px
}

.details-product .product-review .reivew-now {
    cursor: pointer
}

.details-product .selector-wrapper {
    min-width: 300px
}

.details-product .selector-wrapper label {
    font-weight: 400;
    float: left;
    margin-bottom: 8px;
    min-width: 80px;
    line-height: 40px
}

.details-product .selector-wrapper select {
    width: calc(100% - 100px)
}

.details-product .custom-btn-number {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    box-shadow: none;
    margin-right: 5px;
    display: inline-block
}

.details-product .custom-btn-number #qty {
    background: #f4f4f4;
    font-size: 1em;
    margin: 0;
    padding: 0 23px;
    width: 130px;
    text-align: center
}

.details-product .custom-btn-number .qtyminus {
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 20px;
    height: 25px;
    line-height: 40px;
    font-size: 1em;
    cursor: pointer;
    color: #898989;
    display: inline-block;
    width: 40px;
    height: 40px;
    outline: none;
    border: solid 1px #ebebeb;
    background-color: #ebebeb
}

.details-product .custom-btn-number .qtyplus {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
    height: 25px;
    line-height: 40px;
    font-size: 1em;
    cursor: pointer;
    color: #898989;
    display: inline-block;
    width: 40px;
    height: 40px;
    outline: none;
    border: solid 1px #ebebeb;
    background-color: #ebebeb
}

.details-product .form-detail-action {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #ebebeb
}

.details-product .form-detail-action label {
    font-weight: 400;
    display: block;
    min-width: 80px;
    line-height: 40px;
    float: left;
    margin-bottom: 8px
}

.details-product .form-detail-action button {
    font-size: 14px;
    margin-top: -1px
}

.details-product .product_description label {
    font-weight: 300;
    text-transform: uppercase
}

.details-product .product_description img {
    display: none !important
}

.product-image-block {
    position: relative
}

.review-now.inline-block {
    cursor: pointer
}

.more-views {
    max-width: 195px;
    height: 100%;
    position: absolute !important;
    right: 15px;
    top: 0
}

.more-views a.thumb-link {
    display: block;
    padding: 10px
}

.more-views .swiper-button-next {
    bottom: 0;
    top: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    right: 81px;
    left: auto;
    text-align: center;
    background: #f4f4f4;
    opacity: 1 !important
}

.more-views .swiper-button-next:hover {
    color: #fff;
    background: #ddb22a
}

.more-views .swiper-button-prev {
    top: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    right: 81px;
    left: auto;
    text-align: center;
    opacity: 1 !important;
    background: #f4f4f4
}

.more-views .swiper-button-prev:hover {
    color: #fff;
    background: #ddb22a
}

.more-views .swiper-slide {
    text-align: center;
    display: flex;
    position: relative;
    justify-content: center
}

.more-views .swiper-slide.bethua {
    align-items: center
}

.more-views img {
    max-height: 100%;
    width: auto;
    display: inline-block
}

.more-views img:hover {
    border: 2px solid #ddb22a
}

.featured-image {
    width: calc(100% - 200px)
}

.no-thum .featured-image {
    width: 100%;
    margin-left: 0
}

#recently-viewed-products .image {
    float: left;
    width: 90px;
    margin-right: 10px
}

#recently-viewed-products .info {
    width: calc(100% - 100px);
    float: right
}

.zoomWrapper {
    width: 100% !important;
    height: auto !important
}

.zoomWrapper img {
    position: static !important;
    width: 100% !important;
    height: auto !important
}

.zoomWrapper img ~ img {
    display: none !important
}

.product-tab .tab-link {
    padding: 0 40px;
    background: #fff;
    margin: 0 !important
}

.product-tab .tab-link h3 {
    margin: 9px 0;
    font-size: 1em;
    color: #333
}

.product-tab .tab-link span {
    font-size: 1.14286em
}

.product-tab .tab-link.current {
    border-top: 4px solid #ddb22a;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    color: #333;
    position: relative
}

.product-tab .tab-link.current:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: #fff;
    left: 0
}

.product-tab .tab-link.current h3 {
    color: #333
}

.product-tab .tab-content.current {
    padding: 20px;
    border: 1px solid #ebebeb;
    color: #333
}

ul.tabs.tabs-title {
    display: inline-block;
    border-top: none !important;
    border-right: none !important;
    color: #333
}

.category-products h1 {
    line-height: 53px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
    height: 50px
}

@media (min-width: 1200px) {
    .products-view-grid .col-lg-4:nth-child(3n+1) {
        clear: left
    }

    .products-view-grid .col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .products-view-grid .col-md-4:nth-child(3n+1) {
        clear: left
    }

    .products-view-grid .col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-view-grid .col-sm-3:nth-child(4n+1) {
        clear: left
    }

    .products-view-grid .col-sm-4:nth-child(3n+1) {
        clear: left
    }

    .products-view-grid .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .products-view-grid .col-sm-12:nth-child(n) {
        clear: left
    }

    .products-view-grid .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

.view-mode {
    height: 40px;
    padding-left: 10px
}

.view-mode > a {
    width: auto;
    height: 40px;
    display: inline-block;
    overflow: hidden
}

.view-mode span {
    font-size: 0
}

.button-view-mode {
    padding: 0;
    margin: 0;
    width: auto;
    height: 40px;
    box-shadow: none;
    line-height: 40px;
    border: 1px solid #ebebeb;
    font-size: 1.28571em;
    color: #ccc
}

.button-view-mode.active {
    color: #ddb22a;
    box-shadow: none
}

.button-view-mode.active a {
    color: #ddb22a
}

.sortPagiBar {
    background: #ebebeb;
    padding: 10px;
    margin-bottom: 30px
}

.article-item {
    padding-bottom: 18px;
    margin-top: 18px;
    border-bottom: solid 1px #ebebeb
}

.article-item.first {
    margin-top: 0
}

.article-item .image {
    position: relative
}

.article-item .image .date {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 4.5px 20px;
    right: auto;
    left: 0
}

.article-item .image .date:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 16px solid #ddb22a
}

.article-item h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 15px
}

.article-item.first h3 {
    font-size: 24px;
    margin: 20px 0 15px
}

.article-main .rte {
    color: #7d7d7d
}

.article-main .article-image {
    margin-bottom: 20px
}

.article-main .article-image .date {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    background-color: #ddb22a;
    padding: 4.5px 20px;
    right: auto;
    left: 0
}

.article-main .article-image .date:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 16px solid #ddb22a
}

.article-main .article-title {
    font-size: 1.71429em;
    margin: 0 0 8px;
    font-weight: 700
}

.article-main .post-time {
    margin-bottom: 20px
}

.article-main .article-content {
    font-size: 1.14286em
}

.article-main .form-group {
    margin: 0;
    padding-top: 0;
    padding-bottom: 20px
}

.tag-share {
    clear: left;
    margin-top: 20px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    font-weight: 700
}

.tag-share .social-media a {
    margin-left: 10px
}

.tag-share .social-media .fa {
    font-size: 16px
}

@media (max-width: 767px) {
    .tag-share > div {
        text-align: left !important
    }
}

.title-form-coment {
    font-size: 18px;
    margin-bottom: 20px
}

#article-comments {
    margin-top: 30px
}

#article-comments .article-comment {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb
}

#article-comments .article-comment-user-image {
    margin: 0;
    float: left;
    width: 100px;
    margin-right: 12px
}

#article-comments .article-comment-user-comment {
    padding-left: 110px;
    word-break: break-word;
    font-size: 1em;
    color: #898989
}

#article-comments .article-comment-user-comment p {
    margin-bottom: 0
}

#article-comments .user-name-comment {
    margin: 0;
    color: #252525;
    font-size: 1em;
    line-height: 1;
    margin-bottom: 10px !important
}

#article-comments .article-comment-date-bull {
    padding: 5px 0;
    display: block;
    color: #acacac
}

.social-media {
    font-size: 1em
}

.social-media .list-inline li {
    margin-right: 20px
}

.section-news-2 {
    margin-bottom: 20px
}

.contact .page_contact #login .title-head {
    font-weight: 700;
    line-height: 24px
}

.contact .page_contact #login .title-head span {
    font-size: 1.28571em
}

.contact .info-contact .widget-menu {
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 1.07143em
}

.contact .info-contact .widget-menu li {
    display: block;
    padding-bottom: 10px
}

.contact .info-contact .widget-menu li .block_icon {
    display: block;
    float: left;
    padding: 0 10px 0 0;
    margin-right: 5px;
    width: 20px;
    line-height: 1.42857em;
    color: #252525;
    margin-left: 2px
}

.contact .info-contact .widget-menu li p, .contact .info-contact .widget-menu li a {
    display: block;
    float: left;
    width: calc(100% - 37px);
    line-height: 20px;
    margin: 0;
    color: #666
}

.contact .info-contact .widget-menu li a {
    color: #666
}

.contact .info-contact .widget-menu li a:hover {
    color: #ddb22a
}

.contact .info-contact h5 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase
}

.contact .info-contact .social-icons {
    font-size: 0
}

.contact .info-contact .social-icons .fa {
    font-size: 20px;
    color: #888;
    margin-right: 15px
}

.contact .info-contact .social-icons .fa:hover {
    color: #ddb22a
}

.contact .form_contact .form-group {
    padding: 0 0 10px
}

.contact .form_contact .form-group label {
    float: none;
    font-weight: 400
}

.contact .form_contact .form-group .form-control {
    width: 100%;
    background: #f4f4f4
}

.pd-right {
    padding-left: 0
}

.main-container {
    min-height: 240px
}

.main-container .col-main {
    float: none;
    width: auto
}

.main-container .col-main .cart .bg-scroll {
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-bottom: none
}

.main-container .col-main .cart .cart-thead {
    background: #e1e1e1;
    font-weight: 700;
    font-size: 13px;
    clear: both;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    border-right: none;
    border-left: none;
    float: left;
    min-width: 600px
}

.main-container .col-main .cart .cart-thead div {
    float: left;
    padding: 15px 0;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: 600
}

.main-container .col-main .cart .nobr {
    white-space: nowrap
}

.main-container .col-main .cart .cart div.a-right {
    text-align: right
}

.main-container .col-main .cart .cart div.a-center {
    text-align: center
}

.main-container .col-main .cart .cart-tbody {
    width: 100%;
    float: left
}

.main-container .col-main .cart .cart-tbody .item-cart {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    float: left
}

.main-container .col-main .cart .item-cart .image .product-image {
    width: 100%
}

.main-container .col-main .cart .item-cart .image .product-image img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.main-container .col-main .cart .cart-tbody .item-cart div {
    float: left;
    padding: 20px 10px;
    line-height: 20px;
    vertical-align: top;
    height: 135px;
    overflow: hidden
}

.main-container .col-main .cart .cart-tbody .item-cart div.fix-flex {
    display: flex;
    align-items: center
}

.main-container .col-main .cart .cart-tbody .item-cart div.fix-flex .product-name {
    margin: 0
}

.main-container .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
    padding: 10px 0 6px;
    position: relative
}

.main-container .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-item {
    background-color: #fff;
    background-image: url(../images/bin.png);
    width: 22px;
    height: 26px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center
}

.main-container .col-main .cart .cart-tbody .item-cart .product-image {
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: auto;
    padding: 0 20px
}

@media (max-width: 991px) {
    .main-container .col-main .cart .cart-tbody .item-cart .product-image {
        padding: 0
    }
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name {
    margin: 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10%
}

.main-container .col-main .cart .cart-tbody .item-cart div .input_qty_pr {
    height: auto;
    border-right: none;
    width: 70px;
    margin-top: 15px;
    padding: 20px 0 0;
    transform: translateX(50%)
}

.main-container .col-main .cart .cart .product-name a {
    font-size: 14px
}

.main-container .col-main .cart .item-cart .input_qty_pr .items-count {
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    height: 24px;
    width: 24px;
    vertical-align: baseline;
    text-align: center;
    padding: 0;
    transform: translateY(0px);
    float: left
}

.main-container .col-main .cart .variant-title {
    color: #686868
}

.main-container .col-main .cart .cart-tbody .item-cart div .price {
    font-size: 16px;
    font-weight: 300;
    line-height: 6;
    color: #ddb22a
}

.main-container .col-main .cart .item-cart .items-count {
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    height: 24px;
    width: 21px;
    vertical-align: top;
    text-align: center;
    padding: 0
}

.main-container .col-main .cart .item-cart .number-sidebar {
    border: 1px solid #ddd;
    height: 24px;
    margin-left: -1px;
    text-align: center;
    width: 23px;
    margin-right: -1px;
    padding: 0;
    line-height: 15px;
    float: left !important
}

.main-container .col-main .cart .cart-tbody .item-cart div a.remove-item {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 0;
    -moz-border-radius: 0px;
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    border: none
}

.main-container .col-main .cart .cart-tbody .item-cart div a.remove-item span {
    display: none
}

@media screen and (max-width: 543px) {
    .main-container .col-main .cart .select-item-qty-mobile .txt_center input {
        height: 25px;
        width: 24px;
        text-align: center;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 22px;
        min-height: 0
    }

    .main-container .col-main .cart .item-product .title-product-cart-mobile {
        max-width: 150px
    }

    .main-container .col-main .cart .title-product-cart-mobile h3 {
        line-height: 1
    }

    .main-container .col-main .cart .main-cart-page {
        min-height: auto !important
    }

    .main-container .col-main .cart .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 23px;
        padding: 0;
        height: 25px;
        display: inline-block;
        line-height: 1;
        border-style: hidden;
        background: 0 0 !important;
        color: #000;
        border: solid thin #ddd
    }

    .main-container .col-main .cart .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 23px;
        padding: 0;
        height: 25px;
        display: inline-block;
        line-height: 1;
        border-style: hidden;
        color: #fff;
        background: 0 0 !important;
        color: #000;
        border: solid thin #ddd
    }

    .main-container .col-main .cart .select-item-qty-mobile > div {
        position: relative;
        width: 68px;
        height: 25px
    }
}

@media screen and (max-width: 375px) {
    .main-container .col-main .cart .item-product .title-product-cart-mobile {
        max-width: 110px !important
    }
}

.main-container .col-main .cart .btn-proceed-checkout {
    background: #ddb22a;
    line-height: 35px;
    color: #fff;
    height: 50px;
    font-size: 16px;
    border: none;
    padding: 0 50px;
    float: right;
    border-radius: 3px;
    margin-bottom: 50px;
    width: 100%
}

.main-container .col-main .cart .totals .inner {
    padding: 4px 0 15px;
    margin-top: 0
}

.main-container .col-main .cart #shopping-cart-totals-table tr td {
    border: none
}

.main-container .col-main .cart #shopping-cart-totals-table tr {
    border-bottom: 1px solid #ebebeb
}

.main-container .col-main .cart #shopping-cart-totals-table tr:nth-child(2n) {
    border: none
}

.main-container .col-main .cart #shopping-cart-totals-table tr strong {
    font-weight: 300
}

.main-container .col-main .cart #shopping-cart-totals-table tr h5 {
    font-weight: 700
}

.main-container .col-main .cart #shopping-cart-totals-table {
    float: right;
    width: 100%;
    padding-bottom: 8px;
    background: #fff
}

.main-container .col-main .cart .cart .totals table th, .main-container .col-main .cart .cart .totals table td {
    padding: 10px;
    background: 0 0 !important;
    box-shadow: none !important;
    color: #333 !important;
    height: 50px;
    vertical-align: middle
}

.main-container .col-main .cart span.totals_price.price {
    color: #ddb22a;
    font-size: 16px
}

.main-container .col-main .cart .cart-tbody .item-cart .number-sidebar {
    min-height: 0;
    position: static;
    display: inline-block;
    float: none;
    margin-bottom: 0
}

.main-container .col-main .cart .cart-tbody .item-cart .input_qty_pr .items-count {
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    height: 24px;
    width: 24px;
    vertical-align: baseline;
    text-align: center;
    padding: 0;
    display: inline-block;
    margin: 0;
    float: left
}

@media (max-width: 1199px) {
    .main-container .col-main .cart #shopping-cart-totals-table tr td.a-right {
        width: 196px
    }
}

@media (max-width: 991px) {
    .main-container .col-main .cart #shopping-cart-totals-table tr td.a-right {
        width: 252px
    }

    .main-container .col-main .cart .totals .inner {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .item-product .title-product-cart-mobile {
        max-width: 150px
    }

    .sign_main {
        background: #f7f8f9;
        margin-top: 40px
    }

    .main {
        border-bottom: solid 1px #ebebeb;
        background: #fff;
        margin-top: 40px
    }

    .main-container {
        margin-top: -40px
    }

    .cart-mobile {
        padding: 10px 0 0
    }

    .header-cart {
        padding: 10px 15px 0;
        border-bottom: solid 1px #ebebeb;
        margin-top: -10px
    }

    .header-cart-content {
        margin-top: 10px
    }

    .header-cart-content .content-product-list {
        min-height: 110px
    }

    .header-cart .title-cart {
        line-height: 10px
    }

    .header-cart-price {
        padding: 18px 15px
    }

    .title-cart h3 {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase
    }

    .title-cart p {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #9c9c9c
    }

    .title-cart a {
        float: none;
        margin-top: -28px;
        color: #ddb22a;
        font-size: 16px;
        line-height: 27px;
        font-family: Arial, sans-serif
    }

    .header-cart-price .title-cart a {
        float: right
    }

    .header-cart-price .title-cart h3 {
        line-height: 30px
    }

    .btn-proceed-checkout-mobile {
        width: 100%;
        line-height: 27px;
        color: #fff;
        height: 40px;
        font-size: 14px;
        border: none;
        background: #ddb22a
    }

    .content-product-list .item-product {
        padding: 15px;
        min-height: 110px;
        border-bottom: solid 1px #ebebeb;
        overflow: hidden
    }

    .item-product-cart-mobile, .title-product-cart-mobile, .select-item-qty-mobile {
        float: left
    }

    .item-product-cart-mobile {
        max-width: 115px;
        margin-right: 10px
    }

    .item-product-cart-mobile img {
        max-width: 115px;
        margin-right: 10px
    }

    .select-item-qty-mobile {
        float: right;
        text-align: center
    }

    .title-product-cart-mobile a {
        word-break: break-word;
        font-family: Arial, sans-serif;
        font-size: 14px;
        color: #363636
    }

    .select-item-qty-mobile input.qty {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ebebeb;
        font-size: 15px;
        font-weight: 400;
        margin: 0 !important;
        outline: medium none;
        padding: 5px 5px 5px 12px;
        width: 41px
    }

    .title-product-cart-mobile p {
        line-height: 2;
        font-size: 14px;
        font-family: Arial, sans-serif;
        color: #898989
    }

    .title-product-cart-mobile span {
        color: #ddb22a
    }

    .select-item-qty-mobile a {
        line-height: 3;
        color: #363636;
        font-family: 'Open Sans', sans-serif;
        background-color: transparent;
        width: auto
    }
}

@media screen and (max-width: 991px) {
    .select-item-qty-mobile .txt_center input {
        height: 25px;
        width: 24px;
        text-align: center;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 22px;
        min-height: 0;
        border: solid thin #ddd
    }

    .item-product .title-product-cart-mobile {
        max-width: 150px
    }

    .title-product-cart-mobile h3 {
        line-height: 1;
        margin: 0
    }

    .main-cart-page {
        min-height: auto !important
    }

    .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        width: 23px;
        padding: 0;
        height: 25px;
        display: inline-block;
        line-height: 1;
        border-style: hidden;
        color: #fff;
        background: 0 0 !important;
        color: #000;
        border: solid thin #ddd
    }

    .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 23px;
        padding: 0;
        height: 25px;
        display: inline-block;
        line-height: 1;
        border-style: hidden;
        color: #fff;
        background: 0 0 !important;
        color: #000;
        border: solid thin #ddd
    }

    .select-item-qty-mobile > div {
        position: relative;
        width: 68px;
        height: 25px
    }
}

@media screen and (max-width: 375px) {
    .item-product .title-product-cart-mobile {
        max-width: 110px !important
    }
}

#customer_register {
    margin-bottom: 20px
}

#customer_login, #recover_customer_password {
    margin-bottom: 0
}

.checkbox.style input {
    margin: 0 !important;
    display: none
}

.checkbox.style label {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    text-transform: none;
    position: relative;
    padding-left: 55px;
    line-height: 50px
}

.checkbox.style label:before {
    display: block;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.checkbox.style input:checked + label:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 20px;
    color: #ddb22a;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page_customer_account .col-main-acount .col-left-account .page-title .title-head a {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase;
    text-decoration: none
}

.page_customer_account .col-main-acount .col-left-account .page-title .title-head a:hover {
    color: #ddb22a
}

.page_customer_account .col-main-acount .col-left-account .no-padding {
    padding: 0
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart {
    border: 1px #e1e1e1 solid;
    font-size: 15px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 37px;
    color: #252525;
    margin-bottom: 30px;
    margin-top: 15px
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart .thead-default {
    color: #333;
    text-align: center;
    border: #e1e1e1 thin solid;
    line-height: 1.5;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    background: #ebebeb;
    min-width: 60px
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart .thead-default tr {
    color: #333;
    text-align: center;
    border: #e1e1e1 thin solid;
    line-height: 1.5;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    background: #ebebeb;
    min-width: 60px
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart .thead-default tr th {
    padding: 5px;
    font-size: 14px;
    color: #55595c;
    background-color: #eceeef;
    border-bottom: none
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart tbody tr td {
    padding: 5px;
    text-align: center
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart tbody tr td .price {
    color: #ddb22a
}

.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart tbody tr td a:hover {
    color: #ddb22a
}

.page_customer_account .col-main-acount .col-right-account .block-account {
    padding: 20px;
    border: 1px #e1e1e1 solid
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-title-account {
    color: #dc3333;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-title-account h5 {
    font-size: 18px;
    margin: 0;
    padding: 0
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-content {
    padding: 0
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-content p {
    margin: 10px 0;
    line-height: 24px;
    padding: 0;
    overflow: hidden
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-content p .fa {
    width: 20px;
    text-align: center;
    color: #ddb22a;
    float: left;
    line-height: 24px
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-content p span {
    display: block;
    width: calc(100% - 35px);
    float: left
}

.page_customer_account .col-main-acount .col-right-account .block-account .block-content .btn-bg {
    background: #ddb22a;
    color: #fff;
    font-size: 14px
}

.page_order_account .top_order_title .title-headding {
    font-size: 18px;
    text-transform: uppercase
}

.page_order_account .top_order_title .order_date a {
    margin-left: 30px;
    color: #ddb22a
}

@media (max-width: 543px) {
    .page_order_account .top_order_title .order_date a {
        margin-top: 0 !important;
        display: block;
        margin: 0;
        float: none
    }
}

.page_order_account .body_order #order_payment, .page_order_account .body_order #order_shipping {
    padding: 0
}

.page_order_account .body_order #order_payment .box-header .title-head, .page_order_account .body_order #order_shipping .box-header .title-head {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.page_order_account .body_order #order_payment .address p i, .page_order_account .body_order #order_shipping .address p i {
    color: #ddb22a
}

.page_order_account .content_order .table-responsive .table-cart .thead-default tr th {
    padding: 10px 15px;
    border-bottom: 1px solid #ebebeb
}

.page_order_account .content_order .table-responsive .table-cart tbody tr .numeric {
    color: #ddb22a
}

.page_order_account .content_order .table-responsive .table-cart tbody tr .link:hover a {
    color: #ddb22a;
    text-decoration: none
}

.page_order_account .oder_total_monney .totalorders tfoot .order_total .right {
    color: #ddb22a;
    font-size: 16px
}

.page_order_account table#order_details {
    border-top: 1px solid #ebebeb
}

@media screen and (max-width: 991px) {
    .m992 {
        display: none
    }

    #parent {
        display: flex;
        flex-flow: column
    }

    #a {
        order: 2
    }

    #b {
        order: 1
    }

    .sodiachi .form-xs {
        line-height: 10px !important
    }
}

@media screen and (min-width: 992px) {
    .mx991 {
        display: none
    }
}

.block-content.form-signup {
    background: #fff;
    padding-top: 20px
}

.block-content.form-signup p {
    padding: 0 20px
}

.block-content.form-signup p i {
    color: #ddb22a;
    margin-right: 10px
}

.address-title {
    padding-left: 10px;
    margin-bottom: 15px;
    border-radius: 0 !important;
    font-weight: 300
}

.address-title button {
    background: 0 0;
    border: none;
    font-size: 0;
    width: 50px;
    height: 55px
}

.address-title button.btn-edit {
    background-image: url(../images/btn-edit.png);
    background-repeat: no-repeat;
    background-position: center
}

.address-title button.btn-delete {
    background-image: url(../images/btn-delete.png);
    background-repeat: no-repeat;
    background-position: center
}

.address-subtitle {
    margin-top: 0;
    text-transform: uppercase
}

.address-item-action {
    right: 0;
    top: -7px
}

.address-item-action .btn-row {
    padding-right: 5px
}

.address-group {
    background: #fff;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.address-group p {
    color: #595959
}

.address-group p label {
    float: left;
    font-weight: 300
}

.address .page_address .btn-bg-addresss {
    background: #ddb22a;
    color: #fff;
    border: solid 1px #ddb22a
}

.address .page_address .btn-bg-addresss:hover {
    background: #fff;
    color: #ddb22a;
    border: solid 1px #ddb22a
}

.address label.c-input.c-checkbox input {
    transform: translateY(5px);
    -moz-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -o-transform: translateY(5px)
}

.address .page_address .adr_title {
    padding: 20px;
    overflow: hidden
}

.address .page_address .adr_title .title-head {
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0
}

.address .page_address .adr_title .title-head a {
    display: block;
    cursor: pointer;
    color: #ddb22a;
    font-size: 1em;
    text-transform: initial;
    font-weight: 300
}

.address .page_address .adr_title .title-head a:hover {
    color: #ddb22a;
    text-decoration: underline
}

@media (max-width: 767px) {
    .address .page_address .adr_title .title-head a {
        float: none !important;
        margin-top: 15px
    }
}

.address .page_address .col-address {
    overflow: hidden
}

#order_payment, #order_shipping {
    background: #fff;
    padding: 10px 20px
}

#order_payment .address.note i, #order_shipping .address.note i {
    color: #ddb22a;
    margin-right: 5px
}

.totalorders {
    background: #fff;
    border-color: #e1e1e1
}

.order-headding {
    margin: 0
}

.aside-collection h2 {
    color: #fff;
    background-color: #ddb22a;
    text-transform: uppercase;
    font-size: 16px;
    padding: 17px 15px;
    font-weight: 700
}

.aside-collection .list-cate li {
    line-height: 55px;
    border-bottom: solid 1px #363636;
    background-color: #2a2a2a;
    padding: 0 15px
}

.aside-collection .list-cate li.active, .aside-collection .list-cate li:hover {
    background-color: #363636
}

.aside-collection .list-cate li a {
    color: #c7c7c7;
    display: block
}

.aside-collection .list-cate li a:before {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    vertical-align: middle;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .5
}

.aside-collection .list-cate li:hover a:before {
    opacity: 1
}

.aside-collection .list-cate li:nth-of-type(1) a:before {
    background-image: url(../images/icon1-min.png)
}

.aside-collection .list-cate li:nth-of-type(2) a:before {
    background-image: url(../images/icon2-min.png)
}

.aside-collection .list-cate li:nth-of-type(3) a:before {
    background-image: url(../images/icon3-min.png)
}

.aside-collection .list-cate li:nth-of-type(4) a:before {
    background-image: url(../images/icon4-min.png)
}

.aside-collection .list-cate li:nth-of-type(5) a:before {
    background-image: url(../images/icon5-min.png)
}

.aside-collection .list-cate li:nth-of-type(6) a:before {
    background-image: url(../images/icon6-min.png)
}

.aside-collection .list-cate li:nth-of-type(7) a:before {
    background-image: url(../images/icon7-min.png)
}

.aside-collection .list-cate li:nth-of-type(8) a:before {
    background-image: url(../images/icon8-min.png)
}

.aside-collection .list-cate li:nth-of-type(9) a:before {
    background-image: url(../images/icon9-min.png)
}

.aside-collection .list-cate li:nth-of-type(10) a:before {
    background-image: url(../images/icon10-min.png)
}

.aside-item.block {
    margin-bottom: 35px
}

.aside-item.block .page-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial
}

.aside-item.block .page-title:after {
    content: "";
    display: block;
    background: #ddb22a left center no-repeat;
    width: 100px;
    height: 4px;
    margin: 20px 0 30px
}

.list-articles li {
    padding-bottom: 20px;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 20px
}

.list-articles li:last-child {
    margin-bottom: 0
}

.list-articles h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 13px
}

.list-articles .image, .list-articles .info {
    display: block;
    float: left;
    width: 50%
}

.list-articles .image {
    padding-right: 15px
}

.list-articles .info {
    padding-left: 15px
}

.list-articles .date {
    color: #b0b0b0;
    margin-bottom: 0;
    line-height: 14px
}

.tags-list li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

.tags-list li a {
    display: block;
    color: #333;
    padding: 6px 19px;
    background-color: #f4f4f4
}

.tags-list li a:hover {
    color: #fff;
    background-color: #ddb22a
}

div#isp_search_result_page_container .btn-search {
    display: none
}

button.btn.btn-default.btn-search {
    display: none
}

div#isp_search_result_page_container form {
    margin-bottom: 0
}

.bizweb-product-reviews-form fieldset {
    border: none
}

.product-review .bizweb-product-reviews-badge {
    display: block;
    margin: 0 auto;
    float: left
}

.product-review .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
    font-size: 14px;
    color: #ddb22a
}

.img1 {
    position: relative;
    overflow: hidden
}

.img1 img {
    width: 100%;
    height: auto
}

.img1 .ov1, .img1 .ov2, .img1 .ov3, .img1 .ov4 {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: absolute;
    background: #fff;
    z-index: 1
}

.img1 .ov1 {
    left: 100%;
    top: 20%;
    width: 80%;
    height: 2px
}

.img1 .ov2 {
    top: 100%;
    right: 20%;
    height: 80%;
    width: 2px
}

.img1 .ov3 {
    right: 100%;
    bottom: 20%;
    width: 80%;
    height: 2px
}

.img1 .ov4 {
    left: 20%;
    bottom: 100%;
    height: 80%;
    width: 2px
}

.img1:hover .ov1 {
    left: 10%
}

.img1:hover .ov2 {
    top: 10%
}

.img1:hover .ov3 {
    right: 10%
}

.img1:hover .ov4 {
    bottom: 10%
}

.fix-mobile-xs {
    font-style: normal
}

@media (max-width: 767px) {
    .fix-mobile-xs {
        display: block;
        height: 0;
        opacity: 0
    }
}

@media (max-width: 1199px) {
    #mp_header .bottom-header .container .main-nav > li:after {
        margin-right: 10px;
        margin-left: 12px
    }
}

.mobile-main-nav .search-form .input-control {
    color: #fff
}

.rte.description.rte-summary ul {
    margin-left: 20px
}

.maps_iframe iframe {
    width: 100%
}

}
@media screen and (max-width: 2000px) {
    .call-now-button {
        display: flex !important;
        background: #d33
    }

    .quick-call-button {
        display: block !important
    }
}

@media screen and (min-width: px) {
    .call-now-button .call-text {
        display: none !important
    }
}

@media screen and (max-width: px) {
    .call-now-button .call-text {
        display: none !important
    }
}

.call-now-button {
    top: 80%
}

.call-now-button {
    left: 3%
}

.call-now-button {
    background: #d33
}

.call-now-button div a .quick-alo-ph-img-circle_tr, .call-now-button div a .quick-alo-phone-img-circle {
    background-color: #1e73be
}

.call-now-button .call-text {
    color: #fff
}

@media screen and (max-width: 680px) {
    .call-now-button {
        display: flex !important;
        background: 0 0
    }

    .call-now-button .call-text {
        display: none
    }
}

.quick-call-button {
    display: none
}

.call-now-button {
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px
}

.call-now-button div {
    display: flex
}

.call-now-button div p {
    color: #fff;
    display: table;
    padding: 10px;
    border-radius: 21px;
    height: 34px;
    line-height: 14px;
    font-size: 14px;
    margin: 8px 5px 8px 50px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none !important;
    box-sizing: border-box
}

.quick-alo-ph-circle.active {
    width: 130px;
    height: 130px;
    top: -40px;
    left: -40px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-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%
}

.quick-alo-ph-circle-fill_tr.active {
    width: 80px;
    height: 80px;
    top: -15px;
    left: -15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-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%
}

.quick-alo-ph-img-circle_tr.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(plugins/quick-call-button/images/quick-call-button.png) no-repeat center center;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-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%
}

.quick-alo-phone-img-circle.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(plugins/quick-call-button/images/quick-call-button-phone.png) no-repeat center center;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-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%
}

.quick-alo-ph-img-circle_tr.notshake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(plugins/quick-call-button/images/quick-call-button.png) no-repeat center center;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.quick-alo-phone-img-circle.notshake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(plugins/quick-call-button/images/quick-call-button-phone.png) no-repeat center center;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}

.call-now-button {
    height: 50px
}

#footer1 {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #31353e;
    position: fixed;
    z-index: 122;
    left: 0;
    bottom: 0
}

#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle
}

#footer1 a {
    color: #fff;
    text-decoration: none
}

.tr_mobile {
    display: none !important
}

.tr_pc {
    display: block !important
}

@media screen and (max-width: 1026px) {
    .tr_mobile {
        display: block !important
    }

    .tr_pc {
        display: none !important
    }
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }
    50% {
        opacity: .0
    }
    100% {
        opacity: 1.0
    }
}