body {
    font-family: "Roboto", sans-serif !important;
}
.box-image img {
    min-height: 180px;
}
.header-block img {
    height: 158px;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px solid #353535 !important;
    color: #fff;
    font-family: "Quicksand", sans-serif !important;
    font-size: 14px;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a:hover {
    color: #F0CA27;
}

ul.nav-dropdown.nav-dropdown-default {
    background: #1A1F23;
    border: none;
}
.nav-dropdown-has-arrow li.has-dropdown:after{
	display: none;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
	display: none;
}

.product-main .col.large-9 {
    background: #fff;
}



.product-main.large-9 {
    background: #ffff !important;
}

.widget ul {
    background: #ffff;
}
ul.ul_footer {
    background: none;
}

.is-divider.small {
    display: none;
}
span.widget-title.shop-sidebar {
   background: url(../vietweb365/images/bg-menu.png);
    color: #fff;
    display: block;
    padding: 10px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}


/*.header-bg-color, .header-wrapper {
    /* background: url(../vietweb365/images/background.png); */
/*}*/


/*main#main {
    background: url(../vietweb365/images/background.png);
}*/

nav.woocommerce-breadcrumb.breadcrumbs a {
    font-size: 13px;
}

nav.woocommerce-breadcrumb.breadcrumbs span {
}

p.company {color: #1A1F23;font-size: 26px;line-height: 36px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;margin-bottom: 28px;padding: 16px 0px;}

p.desc {
    color: #1A1F23;
    font-size: 16px;
}

p.hotline {
    color: red;
    font-size: 14px;
    padding: 14px;
}

footer#footer {
    font-family: "Open Sans", sans-serif;
    text-align: center;
}

p.company-name {
    font-size: 24px;
    font-weight: bold;
}


@-webkit-keyframes my {
	 0% { color: #eb4d4b; } 
	 50% { color: #fff;  } 
	 100% { color: #eb4d4b;  } 
 }
 @-moz-keyframes my { 
	 0% { color: #eb4d4b;  } 
	 50% { color: #fff;  }
	 100% { color: #eb4d4b;  } 
 }
 @-o-keyframes my { 
	 0% { color: #eb4d4b; } 
	 50% { color: #fff; } 
	 100% { color: #eb4d4b;  } 
 }
 @keyframes my { 
	 0% { color: #eb4d4b;  } 
	 50% { color: #fff;  }
	 100% { color: #eb4d4b;  } 
 } 
.hot-footer {
        
         font-size:24px;
         font-weight:bold;
	 -webkit-animation: my 700ms infinite;
	 -moz-animation: my 700ms infinite; 
	 -o-animation: my 700ms infinite; 
	 animation: my 700ms infinite;
}

.footer-2 {
    background-color: #1A1F23 !important;
}

.footer-widgets span.widget-title {
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid;
    margin-bottom: 18px;
}

.footer-widgets .is-divider.small {
    display: none;
}

.product-small .added_to_cart.wc-forward {
    height: 36px;
    background: #ec407a;
    padding: 8px 2px;
}



.flickity-slider {
    z-index: 3;
}

.product-info ins span {
    font-size: 22px;
}

.product-info .price-wrapper {
}

.box-text,.product-title {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

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

.product_list_widget >li >a,.product-title > a {
    color: #073e22;
}

.product_list_widget >li >a:hover,.product-title > a:hover {
    color: #f3cd27;
}

ins > span {
    color: red !important;
}

del > span {
    font-size: 12px !important;
}

p.name.product-title {
    min-height: 60px;
}

.product-small {
    background-color: #ffff;
}

.product-small:hover .box-image:after {
    visibility: visible;
    opacity: 1;
}
.header-bottom {border-top: 1px solid #353535;border-bottom: 1px solid #353535;background-color: #1A1F23 !important;}

#wrapper, #main {
    background-color: #f5f5f5 !important;
}

ul.sidebar-wrapper .is-divider {
    display: none;
}
ul.sidebar-wrapper {
    background-color: #ffff;
    margin-bottom: 20px !important;
}

.support-online >li {
    padding: 10px 5px !important;
}

.contact-info {
    padding: 8px 18px;
    color: #334862;
}

ul.sidebar-wrapper span.widget-title {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 161px 10px 15px;
    position: relative;
    color: #ffff;
    background-color: #073E22 !important;
    }

a.nav-top-link {
    color: #fff !important;
    text-transform: uppercase;

}
/*.search-form-categories select {
    background-color: red !important;
}*/

.header-button .is-outline:not(:hover) {
    color: #111 !important;
}
a.nav-top-link:hover {
    text-decoration: none;
    color: #f0ca27 !important;
}

.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current {
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a:hover {
    color: #F0CA27;
    text-decoration: none;
}

.grid-tools {
    z-index: 3;
}

.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    position: absolute;
    top: 116px;
    display: block;
    width: 100%;
}

a.quick-view.quick-view-added {}

a.ajax_add_to_cart.add_to_cart_button.add-to-cart-grid,a.quick-view.quick-view-added {
    padding: 10px 10px;
}
.grid-tools > a.quick-view {
    background-color: #0000008a !important;
    text-indent: -9999px;
    line-height: 0;
    width: 21%;
    margin: auto;
    margin-bottom: 69px!important;
    display: none;
}

.grid-tools > a.quick-view::after {
    content: "\f00e";
    font-family: FontAwesome;
    text-indent: 0;
    display: block;
    line-height: initial;
    font-size: 14px;
    }

.product-in {
    width: 100%;
    top: 177px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 0.7s;
}
.product-in a.add_to_cart, .product-in a.quick_view {
    background: rgba(0,0,0,.5);
    color: #ffff;
    padding: 8px 13px;
}
.product-small:hover .product-in {
    visibility: visible;
    opacity: 1;
}

.cart-icon strong:after, .cart-icon strong {
    display: none !important;
}
.cart-icon:after {content: "\f291";font-family: FontAwesome;font-size: 14px;}
.flex-col .ux-search-submit  {
    background-color: #073e22;
    width: 50px;
}

.add-to-cart-button a {
    display: inline-block;
    background-color: #1A1F23 !important;
    color: #fff !important;
    border-radius: 5px;
    border: none;
    padding: 5px 8px;
    font-size: 12px;
}

.add-to-cart-button a:hover {
    background-color: #f0ca27 !important;
}
.cart-icon {
    color: #fff;
    background: #0000008a;
    padding: 10px 11px;
    margin-left: 20px !important;
    left: 52px !important;
    top: -50px !important;
}
.is-outline:hover, .primary.is-outline:hover {
    color: #fff;
    background-color: #d26e4b !important;
    border-color: #d26e4b;
}
.badge-inner .secondary .on-sale{
    background-color: red;
}

button.single_add_to_cart_button.button.alt {
    background-color: #E40046;
}

.col-inner ul li {
    margin-left: 0px !important;
}



.widget_nav_menu ul.menu li a:hover {
    color: #9c8d17;
}

li.description_tab.active {
    background-color: #f1cc27;
    padding: 10px 35px;
}
ul.product-tabs {
    color: black;
    border-bottom: 2px solid #073e22;
}

.secondary, .checkout-button, .button.checkout, .button.alt {
    background-color: #b20000 !important ;
}
/* Mega MEMU */
/** mega menu */

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

#mega-menu-wrap {
    width: 100%;
    background: #073E22;
    position: relative;
}

#mega-menu-title,ul.sidebar-wrapper span.widget-title {
    display: block;
    padding: 10px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: url(../vietweb365/images/bg-menu.png);
}

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

#mega_menu {
    /*position: absolute;*/
    top: 100%;
    margin-top: 0px;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    display: block;
}

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

body.home #mega_menu {
    display: block
}

#mega_menu > li {
    position: relative;
    z-index: 8
}

#mega_menu li a {
    padding: 7px 15px;
    display: block;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#mega_menu .has-child > a:after {
    content: "\f0da";
    font-family: FontAwesome;
    float: right
}

#mega_menu > li > a {
    position: relative;
    padding-left: 40px;
    transition: 0.4s;
}


#mega_menu > li > a > img {
    position: absolute;
    top: 8px;
    left: 8px
}

#mega_menu > li:hover > a {
    background: #1A1F23;
    color: #ffffff;
}

#mega_menu li > .toggle {
    display: none
}

#mega_menu > li > ul.sub-menu {
    position: absolute;
    top: -1px;
    left: 100%;
    background: #fff;
    width: 100%;
    min-height: 334px;
    margin: 0;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#mega_menu ul.sub-menu > li > a {
    width: 100%;
}

#mega_menu ul.sub-menu > li:hover > a {
    background: #1a1f23;
    color: #ffff;
}

#mega_menu ul.sub-menu li a, #mega_menu > li:hover > ul.sub-menu {
    display: block;
    transition: 0.4s;
}

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

#header.header #mega_menu.active {
    display: block
}
.header-main {
    height: 158px !important;
}

#mega_menu > li > .menu-image {
    position: absolute;
    left: 100%;
    top: 0px;
    display: none;
    width: 200%;
    background: #fff;
    text-align: right;
}

#mega_menu > li > .menu-image > img {
    position: relative;
    z-index: 1;
    max-width: 49%;
    max-height: 330px;
    margin-top: 1px;
}

#mega_menu > li:hover > .menu-image, #mega_menu > li:hover > ul.sub-menu {
    display: block
}

#mega_menu > li:hover > ul.sub-menu:before {
    content: "";
    background: 0 0;
    position: absolute;
    top: -1px;
    bottom: 0;
    width: 15px;
    left: -15px
}

#mega_menu ul.sub-menu > li {
    position: relative;
    width: 100%;
}

#mega_menu ul.sub-menu > li > .menu-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    min-height: 240px;
    background: #fff;
    text-align: right;
    display: none;
    z-index: 2
}

#mega_menu ul.sub-menu > li > .menu-image > img {
    width: 100%
}

#mega_menu ul.sub-menu > li:hover > .menu-image {
    display: block
}
.nav-icon i.fa {
    color: red !important;
    margin-right: 10px !important;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1170px;
}
.section-title-normal {
    border-bottom: 2px solid #0b0f12 !important;
}

/* span.section-title-main{
    background: url(../vietweb365/images/bg-menu.png);
    padding: 7px 30px 6px 15px;
    color: #073E22 !important;
    position: relative;
} */
span.section-title-main {
    background: url(../../../themes/vietweb365/images/bg-menu.png);
    padding: 7px 30px 6px 15px;
    color: #073E22 !important;
    position: relative;
}
#wide-nav > .flex-row > .flex-left {
    width: 100%;
    min-width: 245px;
    margin-right: 15px;
}
.widget_nav_menu ul.menu li a:hover {
    color: #9c8d17;
}
.single_add_to_cart_button:before {
    content: "\f07a";
    font-family: FontAwesome;
    float: left;
    padding-right: 10px;
  
}
span.amount {
    white-space: nowrap;
    color: #fd4901 !important;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.product-info span.woocommerce-Price-amount.amount {
    font-size: 24px;
}
del span.amount {
    opacity: .6;
    font-weight: normal;
    margin-right: .3em;
    color: #888;
    font-size: 16px;
}
li.description_tab.active, li.reviews_tab.active {
    background-color: #073e22;
    padding: 3px 35px;
}
ul.product-tabs, ul.reviews_tab {
    color: black;
    border-bottom: 2px solid #073e22;
}
li.description_tab.active a:before, li.reviews_tab.active a:before {
    content: "";
    background: none;
}
.product-footer .woocommerce-tabs {
    padding: 30px 0;
    border-top: none;
}
ul.product-tabs li a {
    /* color: red; */
    font-family: Open Sans;
    font-size: 13px;
}
ul.product-tabs li.active a {
    color: #fff;
}
/*CSS plugin statistic */

.statistic li.page-views {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 15px;
}

.statistic img {
    padding: 5px 16px;
}

span.statistic {
    text-align: center;
}
.slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow {
    background-color: #e82323 !important;
    border-color: #e82323 !important;
    fill: #fff !important;
}


/*CSS responsive*/
/*---------------------------------*/
/*START CSS IPHONE*/
@media (max-width: 576px){
    *{
    
}
    li#custom_html-3 {
        visibility: hidden;
        opacity: 0;
    }
    a.nav-top-link{
        color: black !important;
    }

}
/*END CSS IPHONE*/

/*START CSS IPAD*/
@media (min-width: 577px) and (max-width: 991px){
    *{}

}

/*END CSS IPAD*/

@media (min-width: 850px) {
    .flickity-prev-next-button svg {
    border: 1px solid !important;
    border-radius: 50% !important;
    background-color: rgb(9, 13, 16);
    color: #ffff;
    margin-top: -24px !important;
}

    .slider-nav-outside .flickity-prev-next-button.previous {
        left: 86% !important;
        right: auto !important;
        top: -238px;
        opacity: 1;
        /* border: 1px solid; */
        /* height: 50px; */
        /* line-height: 50px; */
    }
    .slider-nav-outside .flickity-prev-next-button.next {
            left: 96% !important;
            right: auto !important;
            top: -238px;
            opacity: 1;
        }


}







@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}