/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #f9bc05;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #f5fffa}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.header-bottom{min-height: 50px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.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: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: #e5dcdf}.header-bottom {background-color: #034ea0}.top-bar-nav > li > a{line-height: 16px }.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.header-top{background-color:#bcbcbc!important;}body{color: #0b0808}h1,h2,h3,h4,h5,h6,.heading-font{color: #0b0909;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Roboto, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #ffffff;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}.absolute-footer, html{background-color: #f5fffa}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */.banner-footer{ position:fixed; bottom: 0; z-index: 1000;}.banner-footer .list-banner{padding: 0;}.copyright-footer{ position: relative;}.box_close button, .btn_open_banner {font-weight: 600;padding: 0px 10px;border: none;height: 25px;background-color: #ff8a00;color: #fff;margin: 0 !important;margin-right: 0px !important;line-height: 1;font-size: 10px;text-transform: initial;background: linear-gradient(to right, #C02425 0%, #F0CB35 50%, #C02425 100%);}.btn_open_banner{ position: fixed; left: 30px; bottom: 0; z-index: 1000;}@media (min-width: 768px){ .banner-footer{padding-left: 0 !important; } }@media (max-width: 767px){ .banner-footer{left: 0;right: 0; }}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Thịnh hành";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}
footer .copyright-footer{
	color: #000000;
}
li.html.custom.html_topbar_left {
    list-style: none;
    margin: 0 7px;
    padding: 0;
    transition: background-color .3s;
    display: flex;
}
.btn {
    width: 120px;
    height: 20PX;
    color: #000;
    background: #FF6600;
    border-radius: 5px;
    text-align: center;
    border: none;
    padding: 0;
    position: relative;
    outline: 0;
    FONT-SIZE: 12PX;
}
.btn--shockwave.is-active {
    -webkit-animation: 1s ease-out infinite shockwaveJump;
    animation: 1s ease-out infinite shockwaveJump;
}
.btn--shockwave.is-active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    -webkit-animation: 1s ease-out .5s infinite shockwave;
    animation: 1s ease-out .5s infinite shockwave;
}
.btn--shockwave.is-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    -webkit-animation: 1s ease-out .65s infinite shockwave;
    animation: 1s ease-out .65s infinite shockwave;
}

@keyframes shockwave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgba(255,0,255),inset 0 0 1px rgba(250,202,70,.95)
    }

    95% {
        box-shadow: 0 0 16px rgba(250,202,70,.15),inset 0 0 16px rgba(0,255,255)
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.header-bottom ul li:last-child img{
	transform: translateY(px);
}
.mfp-wrap .mfp-content{
	background-color: #034EA0;
}

.ung-dung-section h3{
		color: #ff0;
    font-size: 40px;
    font-weight: bold;
}
.khuyen-mai-section .col-inner{
	background: #f3f5f6;
	border-radius: 7px;
  padding-bottom: 10px;
}
.khuyen-mai-section img{
	border-radius: 7px;
}
.khuyen-mai-section p{
	background: #fff;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 400;
    margin: 0 10px;
    color: #666666;
}
.khuyen-mai-section .img{
	margin-bottom: 10px !important;
}
.header-nav .ux-menu-icon{
	margin-right: 6px;
}
.col-inner>.img:not(:last-child) {
	margin-bottom: 0;
}	
.title_footer{
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #ececec;
    margin-bottom: 30px;
    font-size: 20px;
    padding-bottom: 10px;
}	
.div_partner .gallery-col{
    padding-bottom: 0px !important;
    padding-left:5px !important;
    padding-right: 5px !important;
}
.div_partner .gallery-col .box-text{
    display: none !important;
}
.slider-nav-light .flickity-prev-next-button{
    margin-top:-1% !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .off-canvas-left.mfp-ready .mfp-content{
        min-width: 300px;
    }
    .off-canvas .nav-vertical>li>a{
        color:#fff;
    }
    .mfp-content li.html.custom.html_topbar_left{
        text-align: center;
        width: 100%;
        display: block;
        padding-top: 15px;
    }
    .searchform .button.icon {
        margin: 0;
        background-color: #d26e4b;
    }
    .mobile-sidebar .sidebar-menu{
        background-color: #034EA0;
    }
    .mobile-sidebar ul.nav-sidebar li a{
        color: #fff;
    }
    .mobile-nav li a{
        background-image: linear-gradient(40deg, rgb(255 0 0) 60%, orange);
        width: 36px;
        height: 36px;
        border-radius: 18px;
        text-align: center;
        display: flex;
        line-height: 36px;
        align-items: center;
        justify-content: center;
        padding: 0;
        color: #fff;
    }
}