/*
Theme Name: Computer
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
html {background:none !important}
/*************** ADD CUSTOM CSS HERE.   ***************/
#footer iframe {height:auto !important;}

#billing_country_field {
display: none;
}
.off-canvas-right.mfp-wrap {z-index: 99999;}
.form-dangkydaily {
    margin: 10px auto;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
}
.wrap-form-dang-ky-dai-ly {max-width:537px;margin:auto;margin-top:40px;background:#fff;}
.form-dangkydaily label{
    width: 100%;
}
.form-dangkydaily label input {
	height: 2.507em;
	border: 1px solid #ddd;
    padding: 0 0.75em;
	font-weight:400;
	width:100%;
}
.wpcf7-not-valid, select.wpcf7-not-valid {
    border: 1px solid red !important;
}
.form-dangkydaily input[type="submit"] {
	margin-left: 33.333%;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10500000 !important; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background: no-repeat;
  margin: auto;
  border: none;
  max-width: 537px;
  box-shadow: none;
}
.form-dangkydaily {background:#fff}
/* The Close Button */
.modal .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-right: 14px;
    margin-top: 10px;
}
header#header {z-index:9999;}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#myBtn.dang-ky-dai-ly {
    position: fixed !important;
    z-index: 999;
    right: -1px;
    top: 30%;
    display: block;
    background: linear-gradient(90deg, rgba(255,110,48,1) 0%, rgba(255,110,48,1) 35%, rgba(255,110,48,1) 100%);
    height: 180px;
    width: 40px;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;
    border: none;
	    margin: 0;
}
tr.woocommerce-cart-form__cart-item.cart_item .quantity.buttons_added {display:block !important}
#myBtn.dang-ky-dai-ly span{
    color: #fff;
    width: 194px;
    transform: rotate(-90deg);
    display: block;
    z-index: 114;
    position: absolute;
    left: -74px;
    top: 70px;
    font-size: 15px;
}
.modal-content .wrap-form-dang-ky-dai-ly {border-radius: 15px;margin:0}
.modal-content .wrap-form-dang-ky-dai-ly .form-dangkydaily {margin:0}
.dang-ky-dai-ly .getfly-form{
    padding: 0 !important;
    border: none;
    margin: 0;
    font-size: 15px;
    color: #333;
}
/*------------------------ Css contact desktop------------------------*/
.autoAdsMaxLead-widget-btn-list {
    position: fixed !important;
    z-index: 9;
    right: 26px;
    bottom: 80px;
}
.autoAdsMaxLead-widget-btn-list ul li {
    margin-bottom: 7px;
    list-style: none;
}
.autoAdsMaxLead-widget-btn-list ul a {
    display: block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background: #333;
    color: #fff;
    font-size: 27px;
    text-align: center;
    padding-top: 8px;
}
.autoAdsMaxLead-widget-btn-list ul a span {
    display: none;
}
.autoAdsMaxLead-widget-btn-list ul .hotline a {
    background: #EB2126;
}
.autoAdsMaxLead-widget-btn-list ul li.facebook a {
    background: #166fe5;
}
.ring a i {
    display: block;
    animation: 3s ease-in-out 0s normal none infinite running chang-rotage-anim-1;
}
.autoAdsMaxLead-widget-btn-list ul li.zalo a {
    background: #0068ff;
}
.quick-box {
    position: fixed;
    bottom: 180px;
    border-radius: 5px;
    right: 80px;
    color: #000;
    background: #e5e5e5;
    z-index: 99;
    padding: 8px 20px 8px 12px;
    display: none;
    box-shadow: 0px 0px 5px #e5e5e5;
}
.quick-box.active {
    display: block;
}
.quick-box::before {
    border: solid;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-right-color: currentcolor;
    border-right-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-left-color: currentcolor;
    border-left-width: medium;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-right-color: currentcolor;
    border-right-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-left-color: currentcolor;
    border-left-width: medium;
    border-color: #e5e5e5 transparent;
    border-width: 0px 11px 15px 11px;
    content: "";
    right: -15px;
    top: 34px;
    position: absolute;
    z-index: 999;
    transform: rotate(90deg);
}
.quick-box .quick-box-item .item {
    line-height: 41px;
    font-size: 18px;
}
.quick-box .quick-box-item .zalo a {
    color: #0068ff;
}
.quick-box .quick-box-item .item b {
    display: inline-block;
    width: 98px;
    font-size: 16px;
	font-weight:400;
	color: #333;
}
.quick-box.zhotline {
   bottom: 130px;
}
.quick-box .quick-box-item .item b {
    display: inline-block;
    width: 98px;
    font-size: 16px;
}
.quick-box .quick-box-item .zalo a {
    color: #0068ff;
}
/*------------------------ END css contact desktop------------------------*/
/*------------------------ Css contact mobile------------------------*/
.navigation-t .navigation {
    height: 55px;
    background:#fff;
    clip-path: polygon(0 0,
    calc(50% - 38px) 0,
    calc(50% - 37.487665px) 0.628287px,
    calc(50% - 36.975331px) 1.256382px,
    calc(50% - 36.462997px) 1.884094px,
    calc(50% - 35.912306px) 2.511233px,
    calc(50% - 35.863009px) 3.137607px,
    calc(50% - 35.802788px) 3.763025px,
    calc(50% - 35.731661px) 4.387296px,
    calc(50% - 35.64965px) 5.010232px,
    calc(50% - 35.55678px) 5.631641px,
    calc(50% - 35.453079px) 6.251334px,
    calc(50% - 35.338579px) 6.869124px,
    calc(50% - 35.213314px) 7.484821px,
    calc(50% - 35.077322px) 8.098238px,
    calc(50% - 34.930646px) 8.709188px,
    calc(50% - 34.77333px) 9.317486px,
    calc(50% - 34.605421px) 9.922945px,
    calc(50% - 34.426971px) 10.525381px,
    calc(50% - 34.238035px) 11.124612px,
    calc(50% - 34.038669px) 11.720454px,
    calc(50% - 33.828934px) 12.312725px,
    calc(50% - 33.608895px) 12.901246px,
    calc(50% - 33.378619px) 13.485837px,
    calc(50% - 33.138175px) 14.066321px,
    calc(50% - 32.887636px) 14.642519px,
    calc(50% - 32.62708px) 15.214257px,
    calc(50% - 32.356586px) 15.781361px,
    calc(50% - 32.076235px) 16.343658px,
    calc(50% - 31.786113px) 16.900976px,
    calc(50% - 31.486309px) 17.453146px,
    calc(50% - 31.176915px) 18px,
    calc(50% - 30.858023px) 18.541371px,
    calc(50% - 30.529731px) 19.077094px,
    calc(50% - 30.19214px) 19.607005px,
    calc(50% - 29.845353px) 20.130945px,
    calc(50% - 29.489474px) 20.648752px,
    calc(50% - 29.124612px) 21.160269px,
    calc(50% - 28.750878px) 21.665341px,
    calc(50% - 28.368387px) 22.163813px,
    calc(50% - 27.977255px) 22.655534px,
    calc(50% - 27.5776px) 23.140354px,
    calc(50% - 27.169545px) 23.618125px,
    calc(50% - 26.753214px) 24.088702px,
    calc(50% - 26.328733px) 24.551941px,
    calc(50% - 25.896233px) 25.007701px,
    calc(50% - 25.455844px) 25.455844px,
    calc(50% - 25.007701px) 25.896233px,
    calc(50% - 24.551941px) 26.328733px,
    calc(50% - 24.088702px) 26.753214px,
    calc(50% - 23.618125px) 27.169545px,
    calc(50% - 23.140354px) 27.5776px,
    calc(50% - 22.655534px) 27.977255px,
    calc(50% - 22.163813px) 28.368387px,
    calc(50% - 21.665341px) 28.750878px,
    calc(50% - 21.160269px) 29.124612px,
    calc(50% - 20.648752px) 29.489474px,
    calc(50% - 20.130945px) 29.845353px,
    calc(50% - 19.607005px) 30.19214px,
    calc(50% - 19.077094px) 30.529731px,
    calc(50% - 18.541371px) 30.858023px,
    calc(50% - 18px) 31.176915px,
    calc(50% - 17.453146px) 31.486309px,
    calc(50% - 16.900976px) 31.786113px,
    calc(50% - 16.343658px) 32.076235px,
    calc(50% - 15.781361px) 32.356586px,
    calc(50% - 15.214257px) 32.62708px,
    calc(50% - 14.642519px) 32.887636px,
    calc(50% - 14.066321px) 33.138175px,
    calc(50% - 13.485837px) 33.378619px,
    calc(50% - 12.901246px) 33.608895px,
    calc(50% - 12.312725px) 33.828934px,
    calc(50% - 11.720454px) 34.038669px,
    calc(50% - 11.124612px) 34.238035px,
    calc(50% - 10.525381px) 34.426971px,
    calc(50% - 9.922945px) 34.605421px,
    calc(50% - 9.317486px) 34.77333px,
    calc(50% - 8.709188px) 34.930646px,
    calc(50% - 8.098238px) 35.077322px,
    calc(50% - 7.484821px) 35.213314px,
    calc(50% - 6.869124px) 35.338579px,
    calc(50% - 6.251334px) 35.453079px,
    calc(50% - 5.631641px) 35.55678px,
    calc(50% - 5.010232px) 35.64965px,
    calc(50% - 4.387296px) 35.731661px,
    calc(50% - 3.763025px) 35.802788px,
    calc(50% - 3.137607px) 35.863009px,
    calc(50% - 2.511233px) 35.912306px,
    calc(50% - 1.884094px) 35.950663px,
    calc(50% - 1.256382px) 35.97807px,
    calc(50% - 0.628287px) 35.994517px,
    50% 36px,
    calc(50% + 0.628287px) 35.994517px,
    calc(50% + 1.256382px) 35.97807px,
    calc(50% + 1.884094px) 35.950663px,
    calc(50% + 2.511233px) 35.912306px,
    calc(50% + 3.137607px) 35.863009px,
    calc(50% + 3.763025px) 35.802788px,
    calc(50% + 4.387296px) 35.731661px,
    calc(50% + 5.010232px) 35.64965px,
    calc(50% + 5.631641px) 35.55678px,
    calc(50% + 6.251334px) 35.453079px,
    calc(50% + 6.869124px) 35.338579px,
    calc(50% + 7.484821px) 35.213314px,
    calc(50% + 8.098238px) 35.077322px,
    calc(50% + 8.709188px) 34.930646px,
    calc(50% + 9.317486px) 34.77333px,
    calc(50% + 9.922945px) 34.605421px,
    calc(50% + 10.525381px) 34.426971px,
    calc(50% + 11.124612px) 34.238035px,
    calc(50% + 11.720454px) 34.038669px,
    calc(50% + 12.312725px) 33.828934px,
    calc(50% + 12.901246px) 33.608895px,
    calc(50% + 13.485837px) 33.378619px,
    calc(50% + 14.066321px) 33.138175px,
    calc(50% + 14.642519px) 32.887636px,
    calc(50% + 15.214257px) 32.62708px,
    calc(50% + 15.781361px) 32.356586px,
    calc(50% + 16.343658px) 32.076235px,
    calc(50% + 16.900976px) 31.786113px,
    calc(50% + 17.453146px) 31.486309px,
    calc(50% + 18px) 31.176915px,
    calc(50% + 18.541371px) 30.858023px,
    calc(50% + 19.077094px) 30.529731px,
    calc(50% + 19.607005px) 30.19214px,
    calc(50% + 20.130945px) 29.845353px,
    calc(50% + 20.648752px) 29.489474px,
    calc(50% + 21.160269px) 29.124612px,
    calc(50% + 21.665341px) 28.750878px,
    calc(50% + 22.163813px) 28.368387px,
    calc(50% + 22.655534px) 27.977255px,
    calc(50% + 23.140354px) 27.5776px,
    calc(50% + 23.618125px) 27.169545px,
    calc(50% + 24.088702px) 26.753214px,
    calc(50% + 24.551941px) 26.328733px,
    calc(50% + 25.007701px) 25.896233px,
    calc(50% + 25.455844px) 25.455844px,
    calc(50% + 25.896233px) 25.007701px,
    calc(50% + 26.328733px) 24.551941px,
    calc(50% + 26.753214px) 24.088702px,
    calc(50% + 27.169545px) 23.618125px,
    calc(50% + 27.5776px) 23.140354px,
    calc(50% + 27.977255px) 22.655534px,
    calc(50% + 28.368387px) 22.163813px,
    calc(50% + 28.750878px) 21.665341px,
    calc(50% + 29.124612px) 21.160269px,
    calc(50% + 29.489474px) 20.648752px,
    calc(50% + 29.845353px) 20.130945px,
    calc(50% + 30.19214px) 19.607005px,
    calc(50% + 30.529731px) 19.077094px,
    calc(50% + 30.858023px) 18.541371px,
    calc(50% + 31.176915px) 18px,
    calc(50% + 31.486309px) 17.453146px,
    calc(50% + 31.786113px) 16.900976px,
    calc(50% + 32.076235px) 16.343658px,
    calc(50% + 32.356586px) 15.781361px,
    calc(50% + 32.62708px) 15.214257px,
    calc(50% + 32.887636px) 14.642519px,
    calc(50% + 33.138175px) 14.066321px,
    calc(50% + 33.378619px) 13.485837px,
    calc(50% + 33.608895px) 12.901246px,
    calc(50% + 33.828934px) 12.312725px,
    calc(50% + 34.038669px) 11.720454px,
    calc(50% + 34.238035px) 11.124612px,
    calc(50% + 34.426971px) 10.525381px,
    calc(50% + 34.605421px) 9.922945px,
    calc(50% + 34.77333px) 9.317486px,
    calc(50% + 34.930646px) 8.709188px,
    calc(50% + 35.077322px) 8.098238px,
    calc(50% + 35.213314px) 7.484821px,
    calc(50% + 35.338579px) 6.869124px,
    calc(50% + 35.453079px) 6.251334px,
    calc(50% + 35.55678px) 5.631641px,
    calc(50% + 35.64965px) 5.010232px,
    calc(50% + 35.731661px) 4.387296px,
    calc(50% + 35.802788px) 3.763025px,
    calc(50% + 35.863009px) 3.137607px,
    calc(50% + 35.912306px) 2.511233px,
    calc(50% + 36.462997px) 1.884094px,
    calc(50% + 36.975331px) 1.256382px,
    calc(50% + 37.487665px) 0.628287px,
    calc(50% + 38px) 0,
    100% 0,
    100% 100%,
    0 100%);
    box-shadow: 5px 5px 10px #000;
}
.navigation-t{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;z-index:9000;
    filter: drop-shadow(-1px 6px 7px rgba(0, 0, 0, 0.9));
}
.mobile-nav-item {
    width: 19%;
    display: inline-block;
    text-align: center;
}
.mobile-nav-item a {
    color: #333;
    padding-top: 7px;
    display: block;
}
.mobile-nav-item a i {
    display: block;
}
.mobile-nav-item a span {
    display: block;
    font-size: 12px;

}
.mobile-nav-item.hotline.ring a i{
    display: block;
    width: 45px;
    height: 45px;
    background: var(--var-main-color);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -19px;
    z-index: 99999;
}
.mobile-nav-item.hotline a span{
    padding-left: 30px;
}
.hotline-button.ring{
    position: fixed;
    bottom: -3px;
    display: block;
    left: calc(50% - 30px);
    color: #333;

    z-index: 99999;
}
.hotline-button.ring span {
    font-size: 13px;
    margin-top: 9px;
    text-align: center;
    width: 100%;
    display: block;
}
.hotline-button.ring i {
    display: block;
    background: #027467;
    animation: 3s ease-in-out 0s normal none infinite running chang-rotage-anim-1;
    background: linear-gradient(90deg, rgba(62,170,147,1) 0%, rgba(62,170,147,1) 35%, rgba(62,170,147,1) 100%);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 35px;
    padding-top: 13px;
    z-index: 999;
    margin-bottom: 4px;
}
.mobile-nav-item , .hotline-button.ring , .navigation-t{display: none !important}
.mobile-nav-item {
    width: 19%;
    display: inline-block;
    text-align: center;
}
.mobile-nav-item a {
    color: #333;
    padding-top: 7px;
    display: block;
}
.mobile-nav-item a i {
    display: block;
}
.mobile-nav-item a span {
    display: block;
    font-size: 12px;
}
.header-bottom-nav.nav-center {    width: 50%;
    margin: auto !important;}
.header-bottom-nav.nav-center  > li {width:100%;}
.ks-popular-keyword span , .ks-suggestion-item a , .ks-product-item a{
    font-size: 14px !important;
    line-height: 15px !important;
}
.ks-product-item .woocommerce-Price-amount.amount{
    font-size: 16px;
    margin-left: 10px;
    color: #ff6e30;
}
@media screen and (min-width: 480px) {
    .hotline-button,.navigation-t {
        display:none!important;
    }

	.quick-box::before {
		transform: rotate(180deg);
		top: 100%;
		right: 42px;
	}
	.quick-box::before {display:none;}
	.quick-box.zhotline::before {
    transform: rotate(180deg);
    top: 100%;
    right: 115px;
}
	.autoAdsMaxLead-widget-btn-list.hidden-xs {display:block !important;}
	
}
@media (max-width:480px){
		.quick-box.zzalo.active{
		bottom: 73px;
		right: 61px;
	}
	 .quick-box::before{
        display:none!important;
    }
	.product-small.box .price del bdi, .product-info .price del bdi {font-size:13px !important}
	.product-small.box .price ins bdi, .product-info .price ins bdi {
		font-size: 15px !important;
		line-height: 40px !important;
	}
}
/*------------------------ END css contact mobile------------------------*/
.show_phone_mobile {display:none !important}

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


}

function my_custom_upload_mimes($mimes = array()) {
    $mimes['csv'] = 'text/csv';
    return $mimes;
}
add_action('upload_mimes', 'my_custom_upload_mimes');