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

/*************** ADD CUSTOM CSS HERE.   ***************/
.pum-title.popmake-title{
	margin-bottom:20px;
}
.pum-content.popmake-content .wpcf7-form-control{
	font-size:14px;
	height:42px;
	outline:none;
	border:0px !important
}
.wpcf7-spinner{
	display:none !important
}
.pum-content.popmake-content  .wpcf7-submit{
	background:#fff !important;
	color:#111 !important;
	font-size:14px;
	width:100%;
	display:block !important;
	margin:0px !important
}
.bhotline{
	padding-top:5px !important;
	padding-bottom:5px !important;
	    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0;
    z-index: 11;
}
.bhotline .stack-row a.plain{
	        flex-basis: 20%;
        max-width: 20%;
	border-right:1px solid #dedede36;
}
.bhotline .stack-row a.plain:last-child{
	border-right:0px solid #dedede36 !important;
}
.bhotline .icon-box-img{
	margin-bottom:0px !important
}
.bhotline .icon-box-text p{
	font-size:13px;
}
.bhotline .stack-row a.plain img{
	margin-bottom:0px !important;
	    filter: brightness(0) invert(1) !important;
	-webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}
@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.bhotline .stack-row{
    max-width: 1200px;
	    margin: 0 auto;
}
.product-small .box-image{position: relative;}
.product-small .box-image {overflow: hidden;position: relative;}
.product-small .box-image:before,
.product-small .box-image:after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 900ms ease 0s;
}
.product-small .box-image:hover:before{
	z-index:99;
}
.product-small .box-image:hover:before {
	background: rgba(255,255,255,0.5) none repeat scroll 0 0;
	bottom: 50%;
	top: 50%;
}
.product-small .box-image:hover:after {
	background: rgba(255,255,255,0.5) none repeat scroll 0 0;
	left: 51%;
	right: 50%;
}


.product-footer .woocommerce-tabs>.nav-line-grow, .product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    margin-top: 0px !important;
}
.header-main  .html_topbar_left{
	color:#007eeb;
	font-size:18px !important;
	font-weight:900;
	
}
#mega-menu-title{
	position:relative;
}
#mega-menu-wrap:hover #mega-menu-title{
	background:#fff !important;
	color:#333 !important;
}
#mega-menu-wrap:hover #mega-menu-title i{
	color:#333 !important;
}
#mega-menu-title:after{
	position:absolute;
	width:20px;
	height:20px;
	right:10px;
	top:14px;
	background:url(/wp-content/uploads/2024/04/idown.png) no-repeat top center;
	background-size:cover !important;
	content:"";
	display:block !important
}
#mega-menu-wrap:hover #mega-menu-title:after{
	background:url(/wp-content/uploads/2024/04/wdown.png) no-repeat top center;
}
.product-info .product-title{
	text-transform:uppercase !important;
	font-size:24px;
}
.product-info .namsao{
	margin-bottom:20px !important
}
.product-info  .quantity .button {
   
    min-height: 32px;
    max-height: 32px;
    line-height: 32px;
    background: none !important;
}
.product-info  .ux-quantity.quantity{
	position:relative;
}
.product-info   .ux-quantity__button.button.minus{
	position:absolute;
	right:0px;
	bottom:0px;
	  min-height: 16px;
    max-height: 16px;
    line-height: 16px;
	background:#f6f6f6 !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
    border: 0px;

}
.product-info  .quantity{
	padding-right:16px;
}
.product-info .input-text.qty.text{
	 min-height: 32px;
    max-height: 32px;
    line-height: 32px;
}
.product-info  .quantity .button.plus{
		position:absolute;
	padding-left:3px;
	padding-right:3px;
	right:0px;
	top:0px;
	  min-height: 16px;
    max-height: 16px;
    line-height: 16px;
}
.product-info .price{
	font-size:15px;
}
.product-info .price ins span{
	    font-size: 24px;
    color: #c11e2d;
}
.namsao{
	display:block !important;
	margin-bottom:10px;
}
.product-small .price-wrapper span{
	font-weight:700 !important;

	font-size:15px
}
.product-small .price-wrapper del span{
	font-weight:500 !important;
	
}
#header #mega_menu a{
	padding-left:10px;
	font-size:14px !important;
	padding-top: 11px;
    padding-bottom: 11px;
}
#mega_menu>li>a{
	border:0px !important;
	color:#666
}
#mega-menu-title{
	text-transform:uppercase !important
}
#mega_menu{
	border:0px !important
}
#mega_menu a i{
    color: #fff;
    font-size: 9px;
    background: #0461df;
    border: 0px solid #fff;
    border-radius: 100%;
    padding: 2px;
	margin-right:15px;
}
#mega_menu a:hover {
    background-color: #0080ff;
	color:#fff !important;
}
.page-title:not(.featured-title)+main .product-main{
	padding-bottom:0px !important
}
.product-left{
	float:left;
	width:73%;
	margin-right:2%;
}
.dong1{
	display:flex;
	clear:both;

	background:#fff !important
}
.dong2 .wpcf7-form-control{
	margin-bottom:0px !important;
	 font-size: 14px;
	height:40px;
}
.wpcf7-spinner{
	display:none !important
}
.dong2 .wpcf7 .wpcf7-form-control-wrap{
	width:100% !important
}
.dong2  form{
	margin-bottom:0px !important
}
.dong2  .wpcf7-form-control.wpcf7-submit{
	margin-right:0px !important;
	margin-bottom:0px !important;
	text-transform:none !important;
	background:#111;
	color:#fff !important;
	    font-size: 14px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
.goilai p{
	margin-bottom:0px !important;
	display:flex;
}
.dong2 .wpcf7-form-control.wpcf7-tel{
	height:42px;
		border-bottom-left-radius:5px;
	border-top-left-radius:5px;
}
.dong2 {
	margin-top:10px !important;
		padding:10px;
	background:#f2a21e !important;
	border-radius:5px !important;
	width:calc(100% - 8px)
}
.dong1 a{
	padding:10px 40px;
	background:#a90f1d;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;

	margin-right:8px;
	
	width:50%;
	text-align:center;
	font-weight:600;
	border-radius:5px;
}
.dong1 a:last-child{
	background:#0080ff;
} 
.dong1 a img{
	height:18px;
}
.product-info ins .woocommerce-Price-amount {
    color: #c11e2d;
	
}
.product-short-description{
	clear:both;
	    font-size: 15px;
}
.product-short-description p, .product-short-description li{
	margin-bottom:10px;
}
.product-info form.cart{
	float:left;
	margin-right:8px;
}
.product-info .product_meta{
	clear:both;
}
.product-info .single_add_to_cart_button{
	border-radius:5px;
	    text-transform: none;
}
.product-info #devvn_buy_now{
	float:left;
	width:40%;
	clear:none !important;
	    margin-top: 0px;
	    text-transform: none;
	    max-width: 140px;
	height:32px;
	min-height:32px;
	max-height:32px;
	border-radius:0px !important;
	background:#1d79ff !important;
	font-size:14px !important
}
.product-info .ux-quantity{
	margin-right:8px !important
}
.product-info .price-wrapper span{
	
}
.product-info .single_add_to_cart_button {
	    min-height: 32px;
    max-height: 32px;
    line-height: 32px;
    border-radius: 0px;
    font-size: 14px !important;
}
		
.product-info .ux-quantity, .product-info .ux-quantity input{
	background:none !important;
	border-color:#f1f1f1 !important;
	
}
.product-info.summary{
	padding-left:30px !important
}
.product-info .price-wrapper{
	margin-bottom:25px;
}
.vertical-thumbnails {
        overflow-x: hidden;
        overflow-y: hidden;
    }
span.widget-title{
	   
}
.product-gallery>.row>.col.large-10{
	padding-bottom:0px !important
}
.borradius img{
	border-radius:12px;
}
.product-small.col .box-text.box-text-products{
	padding:12px !important
}
.namsao i {
    color: #F59E0B !important;
    font-size: 13px;
}
.daban {
    font-size: 13px;
}
.box-image .image-cover:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
    pointer-events: none;
}
.box-image .image-cover:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}
#mega-menu-wrap a{
	color:#333
}
#mega-menu-title {
	padding: 12px 0 12px 15px;
}
.header-bottom .flex-col.hide-for-medium.flex-center ul.nav.header-nav.header-bottom-nav{
	margin-left:5px !important;
	margin-right:15px !important;
}
#mega-menu-wrap{
	background:#007eeb !important;
	min-width:280px;
}
#wide-nav ul.nav.header-bottom-nav li a{
	font-size:14px !important;
}
#wide-nav ul.nav.header-bottom-nav li.active a{
	background:#fff !important;
	color:#333 !important
}
#wide-nav ul.nav.header-bottom-nav li.active a i{
	color:#333 !important
}
#wide-nav li.menu-item-home{
	margin-left:30px !important
}
.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
	background:#2e67b4 !important
}
.header-main .nav > li > a{
    font-size: 15px;
    font-weight: 500;
	color:#222;
}
.header-main .image-icon img {
	max-width: 28px;
}
.header-main  li.cart-item{
	margin-left:10px !important
}
.zalocl {
	margin-right:0px !important;
	    margin-left: 12px !important;
}
li.cart-item{
	margin-left:0px !important
}
.header-main a.header-cart-link i{
	color:#0080ff !important
}
.zalocl a{
	font-size:0px !important
}
.zalocl img{
	width:24px !important
}
.header-main  ul.header-nav.header-nav-main li{
	margin-left:20px;
	margin-right:30px
}
#devvn_buy_now strong{
	    
}
.clogon img{
	width:auto !important;
	max-height:70px !important
}
.product-small{
	background:#fff !important
}
.tabfix ul.nav li:first-child a{
	padding-right:20px !important;
}
.woof_reset_button_2{
	display:none !important
}
.blog-wrapper.blog-archive.page-wrapper .row>.large-10.col{
	    flex-basis: 100%;
    max-width: 100%;

}
.woof_container_inner{
	padding:15px;
	border:1px solid #dedede;
}
.woof_submit_search_form_container{
	display:none !important
}
.product_meta{
	font-size:14px !important
}
.product-footer {
	margin-top:30px !important
}
.product-footer .woocommerce-tabs {
                padding: 0;
                border-top: 0;
            }

            .single-product .tabbed-content .nav-tabs>li {
                margin: 0
            }

            .single-product .tabbed-content .nav {
                border: 1px solid #dddddd;
                border-left: none;
				border-right: none;
				display:flex
            }
.single-product .tabbed-content .nav li{
	width:49%;
}
.single-product .tabbed-content .nav li a{
	display:block !important;
	text-align:center !important
}
.single-product .tabbed-content .nav li.active a {
    background: #0080ff;
    color: white;
	padding-left:30px;
	padding-right:30px;
	width:100%;
	text-align:center
}
.single-product .tabbed-content .nav li.active a:before{
	display:none !important
}
.single-product .tabbed-content .nav li a {
    border-top: none;
    font-size: 17px;
    font-weight: bold;
    background: white;
    color: black;
		text-align:center
}
.widget_products .product_list_widget a, .widget_recently_viewed_products .product_list_widget a {
    font-size: 13px;
}
.single-product .product-thumbnails a:hover {
    border: 1px solid #cf2e2e;
}
.single-product .product-thumbnails a {
    border: 1px solid #00000030;
}
.product-info form.cart{
	margin-bottom:0px;
}
.product-short-description{
	padding-top:15px;
	margin-top:15px;
	 border-top: 1px solid #00000030;
	border-bottom: 1px solid #00000030;
	margin-bottom:25px;
}
.single-product .product-images {
    border: 1px solid #dbdbdb;
}
.widget_products ul, .widget_recently_viewed_products ul {
    border: 1px solid #dfdfdf;
}
nav.woocommerce-breadcrumb,.woocommerce-result-count, select.orderby {
	font-size:14px;
	text-transform:none !important
}
.product_list_widget span{
	font-size: 13px;
}
 .widget_price_filter .ui-slider .ui-slider-handle {
                border-radius: 0;
                background-color: #e34444;
            }

            .widget_price_filter .ui-slider .ui-slider-range {
                background-color: #e34444;
            }

            .widget_product_categories ul li a {
                font-size: 14px;
            }

   

            .widget_price_filter .price_slider_wrapper {
                margin-top: 0px;
                border: 1px solid #eeeeee;
                padding: 13px;
            }

            .widget_price_filter .price_slider_amount .button {
                float: none;
                font-size: 14px;
                font-weight: normal;
                border-radius: 0;
                width: 100%;
                margin: 0;
                margin-bottom: 10px
            }

            .widget_price_filter .price_label {
                font-size: 12px;
            }

            .widget_price_filter .price_label span {
                font-weight: 600;
                color: #e34444;
                font-size: 16px;
            }

.widget_price_filter .price_slider_wrapper {
    margin-top: 0px;
    border: 1px solid #eeeeee;
    padding: 13px;
}
.widget li.cat-item:hover a {
    color: #e34444 !important;
    font-weight: 600;
}
.widget li.cat-item a {
    color: #333;
    font-weight: 600;
	font-size:14px;
}
.widget_product_categories ul li {
    border-top: None !important;
    background: url(/wp-content/uploads/2024/04/gif-maker.png) no-repeat top 8px left;
    background-size: 15px;
    padding-left: 21px;
}
.widget_product_categories ul li ul.children{
	border:0px !important;
	padding:0px;
	border:0px !important;
	margin-left:0px !important
}
.widget_product_categories ul li ul.children li.cat-item{
	padding-left:0px !important;
	border-top:1px solid #f3f3f3;
	background:none !important
}
.widget_product_categories ul li ul.children li.cat-item a{
	color:#333 !important;
}
.widget_product_categories ul {
    border: 1px solid #ebebeb;
    padding: 10px;
}
.widget .is-divider {
    display: none;
}
span.widget-title {
    font-size: 17px;
    letter-spacing: 0;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    display: block;
    padding-bottom: 10px;
}
.product-small:hover .add-to-cart-button a {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s, opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s, -webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
    -webkit-transition: opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s, -webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
    -o-transition: transform 0.2s cubic-bezier(.645, .045, .355, 1) 0.1s, opacity 0.4s cubic-bezier(.33, .02, 0, .93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s, opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s;
}
.product-small:hover  .add-to-cart-button a {
    background: #2e67b4;
}
.product-small.box .add-to-cart-button a {
    color: white;
    width: 100% !important;
    font-weight: normal !important;
    font-size: 12px;
    letter-spacing: -0.3;
    border: none;
    transform: translateX(0%);
}
.coldk .wpcf7 input[type=submit] {
    font-weight: normal;
}
.coldk .wpcf7 input {
    font-size: 13px;
    box-shadow: none;
}
.colxy .col{
	padding-bottom:15px !important
}
.clogon p{
	font-size:14px;
}
.textlienhe ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.textlienhe ul li{
	margin-left:0px !important;
	font-size:14px;
}
.clogon img{
	margin-bottom:0px !important
}
.clogon p{
	font-size:14px;
}
.btop{
	border-top:1px solid #dedede;
}
.btop .col.small-12.large-12{
	padding-bottom:14px !important
}
.btop .ux-logo-link {
    padding: 0 !important;
    height: 88px;
	text-align:center
}
.btop .ux-logo-link  img{
	margin:0 auto
}
.btop .ux-logo-link:hover {
    background: #ececec;
}
.list-post .badge.post-date {
    top: auto;
    bottom: 50px;
    left: 0;
    margin-left: 0;
}
.list-post .box:hover .badge .badge-inner {
    background: #e34444;
    border: 2px solid #2e67b4;
}
.list-post .box .badge .badge-inner {
    color: #222;
    border: 2px solid #222;
}
.list-post .post-item .post-title:hover {
    color: #e34444;
}
.list-post .post-item .from_the_blog_excerpt {
    font-size: 13px;
    color: #989898;
}
.list-post .post-item .post-title {
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
}
.section-title-bold .section-title-main{
	border:0px !important
}
.list-post .post-item .box-text {
    padding-left: 60px;
}
.list-post .post-item .box-text {
    padding-top: 12px;
    padding-bottom: 0;
}
.badge-container {
    top: 2% !important;
    left: 6% !important;
    margin: 0 !important;
}
.product-small.box .image-tools .cart-icon {
    bottom: 23%;
}
.product-small.box .grid-tools a {
    background-color: #ffffff;
    margin-bottom: 15px !important;
    width: 80%;
    margin: 0 auto;
    color: #253237 !important;
    text-transform: initial;
    font-weight: normal;
    border-radius: 30px;
}
.product-small.box .grid-tools a {
    background-color: #ffffff;
    margin-bottom: 15px !important;
    width: 80%;
    margin: 0 auto;
    color: #253237 !important;
    text-transform: initial;
    font-weight: normal;
    border-radius: 30px;
}
.product-small.box .product-title:hover {
    color: #ef1e1e;
}
.product-small.box .product-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 6px;
}
.product-small.box .product-title a{
	color:#333;
}
.product-small.box .box-text.text-center {
    padding: 12px;
}
.badge-container .badge {
    height: 20px !important;
    width: 38px !important;
}
.badge-inner.on-sale {
    border-radius: 4px !important;
}
.badge-inner.on-sale {
    background-color: #ef1e1e;
}
.badge-container .badge .badge-inner .onsale {
    font-size: 12px !important;
}
.product-small.box span.amount {
    font-weight: normal;
}
ins .woocommerce-Price-amount {
    color: #ef1e1e;
}
.product-small.box .grid-tools a:hover {
    color: #ef1e1e !important;
}
.product-small.box span.amount {
    font-weight: normal;
}
.product-small.box .box-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
body.home .product-small.box .box-image {
		padding:4px !important
}
.btop .ux-logo-link{
	background:#f7f7f7 !important

}
.product-small.box:hover {
    border-color: #2e67b4 !important;
}
.price-wrapper .price {
    display: unset;
}
.product-small.box {
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.subit .section-title a{
	font-size:14px;
	font-weight:normal !important;
	color:#333;
}
.absolute-footer{
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-top:1px solid #2b2a2a  !important
}
.copyright-footer strong{
	font-weight:normal !important
}
.subit  .section-title-main{
	font-size:22px;
	border-bottom-color:#0080ff
}
.catesp .product-category .box-text h5 {
    font-size: 16px;
    text-transform: none;
    margin-bottom: 6px;
}
.catesp .product-category .box-image {
    border: 1px solid #ebebeb;
    border-radius: 13px;
}
.catesp  .product-category .box-text p {
    margin-bottom: 6px;
    text-transform: inherit;
    font-size: 13px;
    color: #888;
}
.tieuchi .row.row-collapse.row-divided{
	border:1px solid #f1f1f1;
}
.btmuangay{
	padding-left:30px;
	padding-right:30px !important
}
.section.tieuchi{
    margin-top: -30px;
}
.tieuchi .icon-box p {
    font-size: 13px;
    color: gray;
    margin-bottom: 0;
}
.tieuchi .icon-box h3 {
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    color: #0080ff;
}
.home .header-top {
    background-color: transparent !important;
    border-bottom: 1px solid #ffffff69;
}
.nav-small.nav>li.html {
    font-size: 13px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.banner h2{
		font-size:24px !important
	}
	.header-main ul.mobile-nav.nav.nav-right {
		min-width:160px !important
	}
	#logo {
    width: 70px !important;
}
	.product-left{
		width:100% !important;
		margin-right:0px !important
	}
	.product-right{
		width:100% !important;
		margin-right:0px !important
	}
	.banner p{
		font-size:14px;
	}
	.dong1 a {
		padding: 10px 15px;}
	.menuhid{
		display:none !important
	}
	.zalocl a{
        padding-top: 10px !important;
        height: 28px;
	}
	.product-thumbnails.thumbnails{
		margin-top:10px !important
	}
	.header-main  .html_topbar_left{
		display:block !important;
		font-size:14px !important
	}
	.bhotline .icon-box-text p {
    font-size: 10px;
}
}