/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.wc-block-featured-product {
    position: relative;
    background-color: #24292d;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    margin: 0 0 1.5em
}

.wc-block-featured-product, .wc-block-featured-product .wc-block-featured-product__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center
}

.wc-block-featured-product .wc-block-featured-product__wrapper {
    overflow: hidden;
    height: 100%
}

.wc-block-featured-product.has-left-content {
    justify-content: flex-start
}

.wc-block-featured-product.has-left-content .wc-block-featured-product__description, .wc-block-featured-product.has-left-content .wc-block-featured-product__price, .wc-block-featured-product.has-left-content .wc-block-featured-product__title {
    margin-left: 0;
    text-align: left
}

.wc-block-featured-product.has-right-content {
    justify-content: flex-end
}

.wc-block-featured-product.has-right-content .wc-block-featured-product__description, .wc-block-featured-product.has-right-content .wc-block-featured-product__price, .wc-block-featured-product.has-right-content .wc-block-featured-product__title {
    margin-right: 0;
    text-align: right
}

.wc-block-featured-product .wc-block-featured-product__description, .wc-block-featured-product .wc-block-featured-product__price, .wc-block-featured-product .wc-block-featured-product__title {
    color: #fff;
    line-height: 1.25;
    margin-bottom: 0;
    text-align: center
}

.wc-block-featured-product .wc-block-featured-product__description a, .wc-block-featured-product .wc-block-featured-product__description a:active, .wc-block-featured-product .wc-block-featured-product__description a:focus, .wc-block-featured-product .wc-block-featured-product__description a:hover, .wc-block-featured-product .wc-block-featured-product__price a, .wc-block-featured-product .wc-block-featured-product__price a:active, .wc-block-featured-product .wc-block-featured-product__price a:focus, .wc-block-featured-product .wc-block-featured-product__price a:hover, .wc-block-featured-product .wc-block-featured-product__title a, .wc-block-featured-product .wc-block-featured-product__title a:active, .wc-block-featured-product .wc-block-featured-product__title a:focus, .wc-block-featured-product .wc-block-featured-product__title a:hover {
    color: #fff
}

.wc-block-featured-product .wc-block-featured-product__description, .wc-block-featured-product .wc-block-featured-product__link, .wc-block-featured-product .wc-block-featured-product__price, .wc-block-featured-product .wc-block-featured-product__title {
    width: 100%;
    padding: 0 48px 16px;
    z-index: 1
}

.wc-block-featured-product .wc-block-featured-product__title {
    margin-top: 0
}

.wc-block-featured-product .wc-block-featured-product__title:before {
    display: none
}

.wc-block-featured-product .wc-block-featured-product__description p {
    margin: 0
}

.wc-block-featured-product.has-background-dim:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: inherit;
    opacity: .5;
    z-index: 1
}

.wc-block-featured-product.has-background-dim.has-background-dim-10:before {
    opacity: .1
}

.wc-block-featured-product.has-background-dim.has-background-dim-20:before {
    opacity: .2
}

.wc-block-featured-product.has-background-dim.has-background-dim-30:before {
    opacity: .3
}

.wc-block-featured-product.has-background-dim.has-background-dim-40:before {
    opacity: .4
}

.wc-block-featured-product.has-background-dim.has-background-dim-50:before {
    opacity: .5
}

.wc-block-featured-product.has-background-dim.has-background-dim-60:before {
    opacity: .6
}

.wc-block-featured-product.has-background-dim.has-background-dim-70:before {
    opacity: .7
}

.wc-block-featured-product.has-background-dim.has-background-dim-80:before {
    opacity: .8
}

.wc-block-featured-product.has-background-dim.has-background-dim-90:before {
    opacity: .9
}

.wc-block-featured-product.has-background-dim.has-background-dim-100:before {
    opacity: 1
}

.wc-block-featured-product.alignleft, .wc-block-featured-product.alignright {
    max-width: 305px;
    width: 100%
}

.wc-block-featured-product:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wc-block-featured-product:after {
        content: none
    }
}

.wc-block-featured-product.aligncenter, .wc-block-featured-product.alignleft, .wc-block-featured-product.alignright {
    display: flex
}

.wp-block-woocommerce-handpicked-products.is-hidden-price .price, .wp-block-woocommerce-handpicked-products.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-product-best-sellers.is-hidden-price .price, .wp-block-woocommerce-product-best-sellers.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-product-category.is-hidden-price .price, .wp-block-woocommerce-product-category.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-product-new.is-hidden-price .price, .wp-block-woocommerce-product-new.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-product-on-sale.is-hidden-price .price, .wp-block-woocommerce-product-on-sale.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-product-top-rated.is-hidden-price .price, .wp-block-woocommerce-product-top-rated.is-hidden-title .woocommerce-loop-product__title, .wp-block-woocommerce-products-by-attribute.is-hidden-price .price, .wp-block-woocommerce-products-by-attribute.is-hidden-title .woocommerce-loop-product__title {
    display: none !important
}

.wp-block-woocommerce-handpicked-products.is-hidden-rating .star-rating, .wp-block-woocommerce-product-best-sellers.is-hidden-rating .star-rating, .wp-block-woocommerce-product-category.is-hidden-rating .star-rating, .wp-block-woocommerce-product-new.is-hidden-rating .star-rating, .wp-block-woocommerce-product-on-sale.is-hidden-rating .star-rating, .wp-block-woocommerce-product-top-rated.is-hidden-rating .star-rating, .wp-block-woocommerce-products-by-attribute.is-hidden-rating .star-rating {
    display: none
}

.wp-block-woocommerce-handpicked-products.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-product-best-sellers.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-product-category.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-product-new.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-product-on-sale.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-product-top-rated.is-hidden-button .button[data-product_sku], .wp-block-woocommerce-products-by-attribute.is-hidden-button .button[data-product_sku] {
    display: none !important
}

#mega_menu {
    position: absolute;
    top: 100%;
    margin-top: 0px;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    display: none
}

#mega_menu a {
    font-size: 0.9em
}

#mega_menu a:hover {
    background-color: #f5f5f5
}

#mega_menu > li {
    background: #fff
}

#mega_menu > li > a {
    border-top: 1px solid #ddd;
    font-size: 0.9em
}

.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-bottom: 1em
}

.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative;
    background: #fff;
    white-space: nowrap;
    *white-space: normal;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s
}

.sf-menu li:hover {
    background: #CFDEFF;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sf-menu li:hover > ul {
    display: block
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 12em;
    *width: 12em
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu ul ul li {
    background: #fff
}

.sf-menu ul li {
    background: #fff
}

.sf-menu > li {
    float: left
}

.sf-menu li.sfHover {
    background: #CFDEFF;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sf-menu li.sfHover > ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative;
    border-top: 1px solid #dFeEFF;
    padding: 0.55em 1em;
    text-decoration: none;
    zoom: 1
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #5f5a5a
}

.sf-arrows > li > .sf-with-ul:focus:after {
    border-top-color: white
}

.sf-arrows > li:hover > .sf-with-ul:after {
    border-top-color: white
}

.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #5f5a5a
}

.sf-arrows ul li > .sf-with-ul:focus:after {
    border-left-color: white
}

.sf-arrows ul li:hover > .sf-with-ul:after {
    border-left-color: white
}

.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white
}

.sf-vertical {
    width: 12em
}

.sf-vertical ul {
    left: 100%;
    top: 0
}

.sf-vertical > li {
    float: none
}

.sf-vertical li {
    width: 100%
}

.sf-vertical.sf-arrows > li > .sf-with-ul:after {
    border-left-color: rgba(255, 255, 255, 0.5);
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    border-left-color: rgba(51, 47, 47, 0.5)
}

.sf-vertical.sf-arrows li > .sf-with-ul:focus:after {
    border-left-color: white
}

.sf-vertical.sf-arrows li:hover > .sf-with-ul:after {
    border-left-color: white
}

.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
    border-left-color: white
}

.ot-overplay.active-menu main#main:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
}

.ot-overplay.active-menu footer#footer:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
}

#wide-nav > .flex-row > .flex-left {
    width: 25%;
    min-width: 245px;
    margin-right: 15px
}

#mega-menu-wrap {
    width: 100%;
    background: #1d71ab;
    position: relative
}

#mega-menu-title {
    padding: 10px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

#mega-menu-title i {
    margin-right: 9px
}

#mega-menu .sub-menu {
    background: #fff
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu {
    margin-top: 0
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu:not(.active) {
    display: none
}

.ot-vm-hover:hover #mega_menu {
    display: block
}

#header.header #mega_menu.active {
    display: block
}

.home.ot-menu-show-home #mega_menu {
    display: block
}

.ot-vm-hover:hover #mega_menu {
    display: block
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../../../../images/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

html {
    background-color: #4a4a4a !important;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1150px
}

.row.row-collapse {
    max-width: 1120px
}

.row.row-small {
    max-width: 1142.5px
}

.row.row-large {
    max-width: 1180px
}

.sticky-add-to-cart--active, #wrapper, #main, #main.dark {
    background-color: #fff;
}

.header-main {
    height: 90px
}

#logo img {
    max-height: 90px
}

#logo {
    width: 260px;
}

.stuck #logo img {
    padding: 2px 0;
}

.header-bottom {
    min-height: 10px
}

.header-top {
    min-height: 20px
}

.transparent .header-main {
    height: 30px
}

.transparent #logo img {
    max-height: 30px
}

.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 30px;
}

.header.show-on-scroll, .stuck .header-main {
    height: 70px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.search-form {
    width: 48%;
}

.header-bg-color, .header-wrapper {
    background-color: #fff
}

.header-bottom {
    background-color: #f1f1f1
}

.stuck .header-main .nav > li > a {
    line-height: 50px
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    border-bottom-color: #383838;
}

.nav .nav-dropdown {
    border-color: #383838
}

.nav-dropdown {
    font-size: 100%
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #383838;
}

.nav .nav-dropdown {
    background-color: #383838
}

/* Color */
.accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active > a, .nav-outline > li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary {
    color: #c8102e;
}

/* Color !important */
[data-text-color="primary"] {
    color: #c8102e !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #c8102e;
}

/* Background */
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    background-color: #c8102e;
}

/* Border */
.nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
    border-color: #c8102e
}

.nav-tabs > li.active > a {
    border-top-color: #c8102e
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #c8102e
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #c8102e
}

/* Fill */
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #c8102e;
}

/* Background Color */
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button {
    background-color: #c8102e;
}

[data-text-bg="secondary"] {
    background-color: #c8102e;
}

/* Color */
.secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary {
    color: #c8102e
}

/* Color !important */
[data-text-color="secondary"] {
    color: #c8102e !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #c8102e
}

.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #c8102e
}

.success-color, .success.is-link, .success.is-outline {
    color: #c8102e;
}

.success-border {
    border-color: #c8102e !important;
}

/* Color !important */
[data-text-color="success"] {
    color: #c8102e !important;
}

/* Background Color */
[data-text-bg="success"] {
    background-color: #c8102e;
}

.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: #c8102e
}

.alert.is-link, .alert.is-outline, .color-alert {
    color: #c8102e;
}

/* Color !important */
[data-text-color="alert"] {
    color: #c8102e !important;
}

/* Background Color */
[data-text-bg="alert"] {
    background-color: #c8102e;
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif
}

body {
    font-weight: 0
}

body {
    color: #0a0a0a
}

.nav > li > a {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif;
}

.nav > li > a {
    font-weight: 0;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 0;
}

.alt-font {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif", sans-serif;
}

.alt-font {
    font-weight: 0 !important;
}

.header:not(.transparent) .header-nav.nav > li > a {
    color: #000000;
}

a {
    color: #0a0a0a;
}

a:hover {
    color: #0a0a0a;
}

.tagcloud a:hover {
    border-color: #0a0a0a;
    background-color: #0a0a0a;
}

.shop-page-title.featured-title .title-bg {
    background-image: url(https://autoluxurycar.com/wp-content/uploads/2019/04/mercedes-c200-4matic-2019-img1-1127236f26543.jpg) !important;
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 600px !important;
        width: 600px !important;
    }
}

.footer-1 {
    background-color: rgb(224, 224, 224);
}

.footer-2 {
    background-color: #c8102e
}

.absolute-footer, html {
    background-color: #4c4c4c
}

.page-title-small + main .product-container > .row {
    padding-top: 0;
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}

@font-face {
    font-family: Condensedbold;
    src: url(fonts/Roboto-Condensedv3.woff);
}

body {
    font-family: Tahoma, arial, sans-serif !important;
}

.nav > li > a {
    font-family: Tahoma, arial, sans-serif !important;
    font-weight: 400;
    font-size: 80%;
}

h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: Tahoma, arial, sans-serif !important;
    font-weight: 700;
}

pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.5em;
}

.header-main {
    height: 72px;
    box-shadow: 0px 1px 7px 0px #0000003b;
}

a.icon.primary.button.circle.tooltip.tooltipstered {
    margin-bottom: 0px;
}

/** CSS TRANG CHU **/
.name.product-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.top-divider {
    border-top: 0px;
}

form.woocommerce-ordering {
    display: none;
}

p.woocommerce-result-count.hide-for-medium {
    display: none;
}

.product_meta {
    font-size: 14px;
    margin-bottom: 10px;
}

.product-info .cart {
    margin-top: 20px
}

input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline {
    border: 2px solid #ef2c1e;
    background-color: transparent;
}

input[type='button'].is-form {
    overflow: hidden;
    position: relative;
    background-color: #eee;
    text-shadow: none;
    color: #3eaa3a;
    border: 1px solid #ddd;
    text-transform: none;
    font-weight: bold;
    margin-right: 0px;
}

.col.medium-3.small-12.large-3 {
    padding-left: 0px;
    padding-right: 15px;
}

.col.medium-12.small-12.large-9 {
    padding-left: 0px;
    padding-right: 0px;
}

.col.hide-for-medium.medium-3.small-12.large-3 {
    padding-left: 0px;
    padding-right: 15px;
}

.button.secondary:not(.is-outline) {
    background-color: #00adef !important;
    color: #fff;
    border-radius: 5px;
}

.badge-container {
    margin: 10px 0 0 15px;
}

.row-small > .col {
    margin-bottom: 0;
}

.box-text {
    padding-top: .7em;
    padding-bottom: .7em;
    position: relative;
    width: 100%;
    font-size: 13px;
}

.product-small .box-text.text-center {
    padding-left: 10px;
    padding-right: 10px;
    height: 145px;
}

.section-title-normal {
    border-bottom: 0px;
}

span.widget-title {
    font-weight: 600;
    font-family: Condensedbold;
}

/** CSS HEADER **/
i._mi.dashicons.dashicons-admin-home {
    font-size: 30px !important;
}

.menu-item i._mi {
    margin-top: 0px;
    width: auto;
    height: auto;
    line-height: 1;
}

li#menu-item-360:first-child {
    border-right: 0px solid #1358A1;
    color: #fff;
    background: #ef2c1e;
    border-left: 0px solid #0381D4;
    margin-right: 0px;
    padding-left: 20px;
    font-size: 30px;
    padding-right: 20px;
}

#wide-nav > .flex-row > .flex-left {
    width: 100% !important;
    min-width: 245px;
    margin-right: 15px;
}

/** CSS MAIN **/
.blog-css {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.blog-css .col.post-item {
    padding-left: 0px;
    padding-right: 10px;
}

.blog-css .col.post-item:last-child {
    padding-left: 0px;
    padding-right: 0px;
}

.blog-css .row.large-columns-4.medium-columns-2.small-columns-1.row-full-width.has-shadow.row-box-shadow-1 {
    margin: 0 auto;
}

.blog-css .row .container {
    padding-left: 0;
    padding-right: 0;
}

.blog-css .col.small-12.large-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar-wrapper {
    font-size: 14px;
}

div#product-sidebar {
    font-size: 14px;
}

.headhowtobook {
    padding: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: left;
    cursor: pointer;
    text-transform: uppercase;
    z-index: 0;
    position: relative;
    background: #c8102e url(images/menuld.png) no-repeat scroll 8px 15px;
    padding-left: 45px;
    font-family: Condensedbold;
}

.headhowtobook a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.headhowtobook a:hover {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

aside#block_widget-6 ul.menu > li, .widget > ul > li {
    padding: 5px 10px 5px 10px;
}

aside#block_widget-6 ul.menu > li:hover {
    background-color: #c8102e;
    color: #fff;
}

aside#block_widget-6 ul.menu > li > a:hover {
    color: #fff;
}

ul.sidebar-wrapper.ul-reset .widget ul {
    margin: 0;
    border: 1px solid #eee;
}

div#product-sidebar .widget ul {
    margin: 0;
    border: 1px solid #eee;
}

ul.sidebar-wrapper.ul-reset .is-divider {
    height: 3px;
    display: block;
    background-color: #c8102e;
    margin: 5px 0px;
    max-width: 100%;
    margin-bottom: 10px;

}

div#product-sidebar .is-divider {
    height: 3px;
    display: block;
    background-color: #c8102e;
    margin: 1em 0 1em;
    max-width: 100%;
}

span.widget-title.shop-sidebar {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

/** CSS FOOTER **/
.dark, .dark p, .dark td {
    color: #000;
}

.footer-widgets.footer.footer-2.dark p {
    margin-bottom: 5px;
}

footer#footer .widget > ul > li {
    padding: 0px;
    font-size: 14px;
}

/** CSS CATEGORY PRODUCT **/
.shop-container .product-small {
    border: 0px;
}

.shop-container .col-inner {
    border: 0px;
    padding: 10px
}

#mega_menu {
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0;
    background: #fff;
    display: block;
}

aside#block_widget-6 ul.menu > li > a {
    text-transform: uppercase;
    font-family: "Condensedbold", sans-serif !important;
    font-size: 16px;
}

.button.icon {
    margin-left: .12em;
    margin-right: .12em;
    min-width: 2.5em;
    padding-left: 18px;
    padding-right: 15px;
    display: inline-block;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select2-container .select2-choice, .select2-container .select2-selection {
    box-sizing: border-box;
    border: 1px solid #d4d4d4b5;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    transition: color .3s, border .3s, background .3s, opacity .3s;
}

input[type='number'] {
    box-sizing: border-box;
    border: 1px solid #dddddd;
    padding: 0 .75em;
    height: 2.7em;
    font-size: .97em;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    font-weight: bold;
    width: 100%;
    vertical-align: middle;
    background-color: #eee;
    transition: color .3s, border .3s, background .3s, opacity .3s;
}

.searchform {
    position: relative;
}

.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 0px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.6em;
    min-height: 2.5em;
    padding: 0 20px;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}

.htp {
    font-size: 24px;
    color: #ef2c1e;
    font-family: "Condensedbold", sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
}

.htp2 {
    font-size: 18px;
    color: #666;
    font-family: "Condensedbold", sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none;
}

/** CSS PRODUCT **/
h1.product-title.entry-title {
    color: #000;
    font-size: 25px;
}

.product-short-description {
    font-size: 14px;
    color: #000;
}

th, td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    line-height: 1.3;
    font-size: 14px;
}

th:first-child, td:first-child {
    padding-left: 10px;
}

li {
    margin-bottom: .2em;
}

input.minus.button.is-form {
    margin-right: 0px;
}

.nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before {
    display: none;
}

.product-tabs li.reviews_tab {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-tabs li.description_tab {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-footer .nav > li.active > a {
    color: #fff !important;
}

ul.product-tabs {
    font-size: 20px;
    margin: 0;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    font-weight: 100;
    height: auto;
    z-index: 100;
    background-color: #f4f4f4;
}

.col.large-9 {
    padding-left: 0px;
    padding-right: 0px;
}

div#product-sidebar {
    padding-left: 0px;
    padding-right: 15px;
}

.col.large-3.hide-for-medium {
    padding-left: 0px;
    padding-right: 15px;
}

.container, .row {
    padding: 0px;
}

p.price.product-page-price {
    color: #666;
    font-size: 18px;
}

.css-thongtinsp p.price.product-page-price {
    color: #666;
    font-size: 18px;
    margin-bottom: 20px;
}

del span.amount {
    opacity: .6;
    font-weight: normal;
    margin-right: .3em;
    color: #666;
    font-size: 14px;
}

span.amount {
    white-space: nowrap;
    color: #ef2c1e;
    font-weight: bold;
    font-size: 15px;
}

.header-cart-title, .header-cart-title span.amount {
    color: currentColor;
    font-family: Segoe UI, sans-serif;
    font-size: 14px;
    margin-right: 3px;
}

.absolute-footer {
    color: rgba(0, 0, 0, 0.5);
    padding: 10px 0 10px;
    font-size: .9em;
}

/** CSS BLOG **/
.post-sidebar.large-3.col {
    padding-left: 0px;
    padding-right: 15px;
}

aside#flatsome_recent_posts-19 .badge {
    display: table;
    z-index: 20;
    pointer-events: none;
    height: 100px;
    width: 100px;
    backface-visibility: hidden;
}

.homepage-2 p.name.product-title {
    font-size: 130%;
    font-weight: 700;
    font-family: "Roboto";
}

.homepage-2 p.name.product-title:after {
    position: absolute;
    top: 15%;
    left: 0px;
    content: "";
    width: 3px;
    height: 50%;
    background-color: #666;
    z-index: 1;
    transition: all .25s;
}

.homepage-2 p.name.product-title:hover:after {
    position: absolute;
    top: 15%;
    left: 0px;
    content: "";
    width: 3px;
    height: 50%;
    background-color: #00adef;
    z-index: 1;
    transition: all .25s;
}

.homepage-2 .box-text p {
    margin-bottom: .5em;
    font-size: 11px;
}

.row.category-page-row p.name.product-title {
    font-size: 130%;
    font-weight: 700;
    font-family: "Roboto";
}

.row.category-page-row p.name.product-title:after {
    position: absolute;
    top: 15%;
    left: 0px;
    content: "";
    width: 3px;
    height: 50%;
    background-color: #666;
    z-index: 1;
    transition: all .25s;
}

.row.category-page-row p.name.product-title:hover:after {
    position: absolute;
    top: 15%;
    left: 0px;
    content: "";
    width: 3px;
    height: 50%;
    background-color: #00adef;
    z-index: 1;
    transition: all .25s;
}

span.wpcf7-form-control-wrap.product-name {
    padding-left: 10px;
    padding-right: 10px;
}

.lai-thu-css span.wpcf7-form-control-wrap.product-name {
    padding-left: 0px;
    padding-right: 0px;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    text-align: center;
    color: #fff;
}

/** CSS @MEDIA **/
@media screen and (min-width: 550px) {
    #logo {
        width: 25% !important;
        margin: auto;
        padding: 0;
    }

    .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: top;
    }

    .box-blog-post .is-divider {
        margin-top: .5em;
        margin-bottom: .5em;
        height: 2px;
        display: none;
    }

    .is-divider {
        height: 3px;
        display: block;
        background-color: rgba(0, 0, 0, 0.1);
        margin: 1em 0 1em;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .col.large-9 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .col.large-3.hide-for-medium {
        padding-left: 10px;
        padding-right: 10px;
    }

    .col {
        padding-left: 10px;
        padding-right: 10px;
    }

    .col.medium-12.small-12.large-9 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog-css .col.small-12.large-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-css .col.post-item {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 850px) {
    .col.css-4cot-width.medium-3.small-6.large-3 {
        max-width: 25%;
        flex-basis: 25%;
    }

    #logo {
        width: 25% !important;
        margin: auto;
        padding: 0;
    }

    .row-large > .flickity-viewport > .flickity-slider > .col, .row-large > .col {
        padding: 0 20px 20px;
        margin-bottom: 0;
    }

    .row-divided > .col + .col:not(.large-12) {
        border-left: 0px;
    }

    .large-9 {
        max-width: 78%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 78%;
    }

    .large-3 {
        max-width: 22%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 22%;
    }

    div#block_widget-2 {
        max-width: 100%;
        flex-basis: 100%;
    }

    div#woocommerce_product_categories-14 {
        max-width: 20%;
        flex-basis: 20%;
    }

    div#categories-14 {
        max-width: 20%;
        flex-basis: 20%;
    }

    .row-divided.row-reverse > .col + .col:not(.large-12) {
        border-left: 0;
        border-right: 0px;
    }
}

@media screen and (max-width: 1200px) {
    #logo {
        margin: auto;
        width: 25%;
    }
}

/** CSS CUSTOM **/
.nav-dropdown-full > li.nav-dropdown-col {
    white-space: normal;
    list-style: none;
    padding: 0px;
    display: inline-block;
    line-height: 5px;
    margin: 0px;
    width: 20%;
}

li#menu-item-1339 {
    border-right: 0px;
}

li#menu-item-1340 {
    border-right: 0px;
}

.nav-dropdown-default {
    padding: 5px;
}

.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a {
    font-size: 14px;
    font-weight: bolder;
    text-transform: unset;
}

div#wide-nav ul > li > a:hover {
    color: #c8102e;
}

aside#flatsome_recent_posts-19 > ul > li:hover {
    background: unset;
}

.nav-spacing-xlarge > li {
    margin: 0 13px;
    margin-bottom: 5px;
}

aside#block_widget-6 ul.menu > li, .widget > ul > li > a:hover {
    color: #fff;
}

aside#block_widget-6 ul.menu > li, .widget > ul > li:hover {
    background: #c8102e;
}

h1.product-title.entry-title {
    color: #000;
    font-size: 25px;
}

.css-gioithieu h3 {
    font-size: 110%;
}

h3.section-title.section-title-normal {
    font-weight: 400;
    text-transform: none !important;
}

.section-title span {
    text-transform: none;
    font-size: 140%;
}

h5.uppercase.header-title {
    font-size: 12px;
}

.stuck #logo img {
    max-height: 100% !important;
}

.header-inner.flex-row.container.logo-left.medium-logo-center {
    position: relative;
}

ul.nav.header-nav.header-bottom-nav.nav-left.nav-size-large.nav-spacing-xlarge {
    padding-left: 145px;
    padding-right: 160px;
}

div#wide-nav {
    border-bottom: 3px solid #c8102e;
    background-color: #FFF;
}

aside#custom_html-5 {
    margin-bottom: 0px;
}

.widget > ul > li > a {
    font-size: 16px;
    color: #222;
}

.css-mota-sp .dark label {
    color: #000 !important;
}

.css-mota-sp p {
    color: #000;
}

div#shop-sidebar .sub-menu {
    border: 1px solid #eee;
}

div#shop-sidebar aside#custom_html-4 {
    margin-bottom: 0px;
}

.post-sidebar .sub-menu {
    border: 1px solid #eee;
}

.post-sidebar aside#custom_html-3 {
    margin-bottom: 0px;
}

.row.category-page-row .box-text.box-text-products {
    background-color: #383838;
    padding: 20px;
}

.css-mota-sp .nav > li > a {
    color: #222;
}

ul.product-tabs li {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
}

.product-tabs li.description_tab.active {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: 0px;
    font-weight: normal;
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
    text-align: center;
    background: #00adef;
    position: relative;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-tabs li.hinh-anh_tab.active {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: 0px;
    font-weight: normal;
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
    text-align: center;
    background: #00adef;
    position: relative;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.entry-content {
    padding-top: 0px;
    padding-bottom: 1.5em;
}

.product-main .col.large-9 {
    padding-right: 0px;
}

ul.product-tabs > li > a {
    color: #222;
}

.absolute-footer.dark {
    color: rgba(255, 255, 255, 0.5);
}

.button.primary:not(.is-outline) {
    background-color: #DD3333;
}

input[type='submit']:not(.is-form) {
    background-color: #DD3333;
}

.button span {
    padding-top: 8px;
}

.section-title-normal span {
    margin-right: 0px;
    padding-bottom: 7.5px;
    width: 100%;
    border-bottom: 2px solid #00adef !important;
    margin-bottom: -2px;
}

.hotline {
    background-color: #383838;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
}

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

.hotline-number {
    font-size: 200%;
    font-weight: 700;
    color: #ffc107 !important;
}

.hotline-desc {
    font-size: 70%;
    color: #fff;
    font-style: italic;
}

.box-price-title {
    padding: 10px;
    background-color: #EAA903;
}

.box-price-title .title {
    margin-bottom: 0;
    font-size: 120%;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.sticky-baogia .col-inner {
    position: sticky;
    top: 0;
}

input.wpcf7-form-control.wpcf7-submit.button {
    border: none;
    border-radius: 3px !important;
    background-color: #00adef !important;
    width: 100%;
}

form.wpcf7-form {
    margin-bottom: 0px;
}

div#wpcf7-f51-o1 {
    padding: 20px;
    background-color: #efefef;
}

div#nhan-bao-gia div#wpcf7-f51-o1 {
    padding: 2rem 1rem !important;
    background-color: unset;
}

.dark .is-divider {
    background-color: #00adef;
}

span.devvn_woocommerce_price_prefix {
    font-size: 0.8em;
    color: #fff;
    margin: 0 10px 0 0;
}

span.devvn_woocommerce_price_suffix {
    font-size: 0.8em;
    margin: 0 0 0 10px;
}

.product-small span.devvn_woocommerce_price_prefix {
    display: none;
}

.css-thongtinsp span.woocommerce-Price-amount.amount {
    float: right;
    color: #00adef;
}

.css-thongtinsp .social-icons {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
}

.css-mota-sp h2 {
    font-weight: bold;
    font-size: 170%;
    color: #333;
    text-transform: uppercase;
    border-left: 7px solid #bb162b;
    padding-left: 10px;
    border-bottom: none;
}

.breadcrumbs {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 0;
}

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

a.button.primary.expand.popmake-3203 {
    background-color: #00adef !important;
    border-color: #00adef !important;
    color: #fff !important;
    border-radius: 5px;
    font-weight: 400;
}

a.button.primary.expand.popmake-dang-ky-lai-thu {
    border-radius: 5px;
    background-color: #3a3a3a !important;
    border-color: #3a3a3a !important;
    font-weight: 400;
}

.icon-khuyen-mai {
    background-image: url(http://tuvanxeonline.com/TemplateStyle/KH020/Skin01/images/icon-du-toan-chi-phi.png);
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.modal-baogia .modal-header {
    position: relative;
    color: #fff;
    border-radius: 0;
    border: none;
}

.modal-header {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 8px 12px;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border-radius: 0;
    border: 0;
    color: #fff;
    background-color: #383838;
}

input.wpcf7-form-control {
    width: 100%;
    padding: 8px 12px;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border-radius: 0;
    border: 0;
    color: #fff;
    background-color: #383838;
}

.dang-ky-sidebar span.wpcf7-form-control-wrap.product-name {
    padding-left: 0px;
    padding-right: 0px;
}

.dang-ky-sidebar.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    text-align: unset;
    color: #000;
}

.modal-header-title {
    background-color: #00adef;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}

.modal-title {
    width: 100%;
    font-size: 180%;
    text-align: center;
    color: #fff;
}

.modal-title span {
    color: #fdfb56;
}

.hotline-desc {
    font-size: 90%;
    color: #fff;
    font-style: italic;
    text-transform: inherit;
    font-weight: 400;
}

.img-radius img.attachment-large.size-large {
    border-radius: 50%;
}

.top-4cot .icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 15px;
    padding-top: 15px;
}

/** CSS @MEDIA **/
@media (max-width: 549px) {
    .is-large {
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    ul.nav-sidebar-ul {
        display: none;
    }
}

@media screen and (min-width: 550px) {
    .is-divider {
        height: 2px;
        display: block;
        background-color: rgba(0, 0, 0, 0.1);
        margin: 1em 0 .5em;
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .modal-header-title {
        background-color: #00adef;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    }

    .modal-title {
        width: 100%;
        font-size: 180%;
        text-align: center;
        color: #fff;
    }

    .modal-title span {
        color: #fdfb56;
    }

    .hotline-desc {
        font-size: 90%;
        color: #fff;
        font-style: italic;
        text-transform: inherit;
        font-weight: 400;
    }

    .menu-fixed {
        bottom: unset;
        top: 50%;
        right: 0;
        left: unset !important;
        display: block;
        position: fixed;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2500;
        width: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .menu-fixed .list-group-item {
        padding: 0;
        color: #fff;
        border: none;
        border-radius: 0;
        display: flex;
        width: 45px;
        transition: all .5s;
        background-color: transparent;
        margin: 0 0 1px;
        position: relative;
    }

    .menu-name {
        position: absolute;
        top: 0;
        right: -200px;
        background-color: #1f1f1f;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        transition: all .5s;
        font-size: 90%;
        width: 210px;
        left: unset;
        z-index: -1;
    }

    .menu-fixed .list-group-item:first-child .menu-icon {
        border-top-left-radius: 2px !important;
    }

    .menu-fixed .list-group-item .menu-icon {
        background-color: #383838;
    }

    .menu-fixed .list-group-item, .menu-fixed .menu-name {
        height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
    }

    .menu-fixed .list-group-item .menu-icon {
        position: absolute;
        font-size: 140%;
        top: 0;
        right: 0;
        width: 45px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid rgba(0, 0, 0, .2);
        background-color: #1f1f1f;
        border-bottom: 1px solid transparent;
        margin: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .menu-fixed .list-group-item.sale {
        display: block;
    }

    .menu-fixed .list-group-item:hover .menu-name {
        right: 0;
    }
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*hotline*/