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

/*************** ADD CUSTOM CSS HERE.   ***************/


.page-wrapper {
    padding-top: 0px;
    padding-bottom: 10px;
}

#main {
    padding-top: 5px;
}

a.added_to_cart:after {
    content: " >>";
}

.product-main {
    padding: 10px 0;
}

.product-footer .woocommerce-tabs {
    padding: 5px 0;
    border-top: 1px solid #ececec;
}


.hgroup{padding-bottom: 0px;padding-top: 0px;}
.full-container{padding-bottom: 0px;padding-top: 0px;}
.price .woocommerce-Price-currencySymbol{
    color:red !important;
}
.woocommerce ul.products li.product .price {
margin-left:8px;	
font-size: 0.9em;
}

.woocommerce-Price-amount.amount {
color:red !important;
}


body{font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
h1,h2,h3,h4,h5,h6{font-family: Arial,Helvetica,sans-serif;color:#000;font-weight:700}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.5em}h4{font-size:1.2em}h5,h6{font-size:1em}


body.single-product.woocommerce ul.products li.product .onsale{
    left:0;
    right:auto;
    margin:0;
}
body.single-product.woocommerce span.onsale{
    width:50px;
    border-radius:0;
}

/*Menu dọc chỉnh chữ*/
#mega-menu-title {
background: #ff7f14; /*Màu nền danh mục SP chèn mã màu khác tại đây*/
text-transform: uppercase;
}
#mega-menu-title {
width: 250px;
text-transform: uppercase;
}

#mega_menu a:hover {
width: 250px;
}
#mega_menu .sfhover {
width: 220px;
}

#menu-item-716.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-716 {
width: 245px;
}

#mega_menu.sf-menu.sf-vertical.sf-js-enabled.sf-arrows {
width: 250px;
}

#mega-menu-wrap.ot-vm-hover {
width: 0px;
}

.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
left: 10px;
}
#mega-menu-wrap{
width:250px;
background:#ed1c24;
}
/* 
f63345
*/

.search-form {
  width: 50%;
}
.header-bottom {
  background-color: #22549d;
}

.header-cart-link {
  padding: 0px !important;
}

.header-bottom-nav .cart-item  {
  background: #ffde17;
  padding: 5px;
}
.header-bottom-nav .cart-item a {
  color: #333 !important;
}
.header-bottom-nav .cart-item i{margin-top: 7px!important;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff;
}
.header:not(.transparent) .header-bottom-nav.nav > li.active > a {
    color: #ffffff;
}

.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 {
    color: #ffffff;
}
    
a {
  color: #333333;
}
a:hover {
  color: #ff0000;
}


/* ads */
.ads .ads-item {
    border: 1px dashed #444;
}

.ads {
    margin: 30px 0;
}
/* end ads */


    /* cta */
    .cta-item3 {
    padding: 0px 0;
    }
    .cta-item2 {
        left: 10px;
    }
    .cta-item3 p {
        font-size: 16px;
        font-weight: 600;
		color: #fff;
    }

    .cta-item3 i {
        padding: 0px 5px;
        font-size: 26px;
        color: #fff;
    }

    .cta-item3 img {
        padding: 0 5px;
        margin-top: -10px;
    }
    .cta { margin-top: 1px; background-color: #cf1b22;}
    .cta .cta-row{height: 100px;}
    .cta .cta-item1 span:first-child, .cta .cta-item2 span:first-child{ padding: 5px;color: #eee;font-size: 16px;}
    .cta .cta-item1 span, .cta .cta-item2 span{ font-weight: bold;  font-size: 35px; display: block; line-height: 30px;}
    span.hot-line {color: #ffffff;}
    .cta .cta-item1 p, .cta .cta-item2 p{margin: 0;}
    .cta .cta-item1{ background: url('../images/icon-1.png') left center no-repeat; padding:20px 0;}
    .cta .cta-item2{ background: url('../images/phone-receiver.png') left center no-repeat;  padding:20px 0;}
    
    
    
@media only screen and (max-width: 767px) {        
    .cta{height: inherit;}
    .cta .cta-row{height: inherit;}
    .cta .cta-item1, .cta .cta-item2{background: inherit; padding: 10px 0;}
    .cta .cta-item1 span, .cta .cta-item2 span{font-size: 16px; line-height: inherit; color: #FFF;}
 }      
 
 /* INTERFACE TABLET SMALL */
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .cta .cta-item1{ background: url('../images/icon-1.jpg') left center no-repeat; background-size: 50px 50px;}
    .cta .cta-item2{ background: url('../images/icon-2.jpg') left center no-repeat; background-size: 50px 50px; }
    .cta .cta-item1 p, .cta .cta-item2 p{margin-left: 30px;}
    

    
}    

@media only screen and (max-width: 767px){
 /* cta */

    .cta .cta-item1 {
        background: url('../images/icon-1.jpg') left center no-repeat;
        padding: 20px 0 20px 40px;
        background-size: 50px 50px;
    }
    .cta .cta-item2 {
        background: url('../images/icon-2.jpg') left center no-repeat;
        padding: 20px 0 20px 40px;
        background-size: 50px 50px;
    }
    .cta .cta-item1 p span:first-child, .cta .cta-item2 p span:first-child{font-size: 14px;}
    .cta .cta-item1 p span, .cta .cta-item2 p span{ font-size: 24px; }
    .cta-item3 {
    padding: 20px 0;
    }

    .cta .cta-item1 {
        background: url('../images/icon-1.jpg') top center no-repeat;
        margin: 20px 0;
        padding: 0;
        background-size: 50px 50px;
    }
    .cta .cta-item2 {
        background: url('../images/icon-2.jpg') top center no-repeat;
        margin: 20px 0;
        padding: 0;
        background-size: 50px 50px;
    }
    .cta .cta-item1 p, .cta .cta-item2 p{
    	margin: 0;
    	padding: 60px 0 0 0;
    }
    .cta .cta-item1 p span:first-child, .cta .cta-item2 p span:first-child{font-size: 14px;}
    .cta .cta-item1 p span, .cta .cta-item2 p span{ font-size: 24px; }
    .cta-item3 {
    padding: 20px 0;
    } 
}    


.product-widget fieldset {
    margin-top: .5em;
    margin-bottom: 1.2em;
    border: 1px solid #e2e2e2;
}
.price ins {
  font-weight: 400;
}
#reviews .comment-reply-title {
  display: none;
}

.woocommerce-review-link {
    color: #26bc4e;
    font-weight: 500;
    margin-left: 5px;
}

.single-product div.product form.cart {
  margin: 0.6em 0;
  padding: 1em 0;
}
div.product form.cart .quantity {
  float: left;
  margin: 0;
}
div.product
  form.cart
  table.woocommerce-grouped-product-list
  .woocommerce-grouped-product-list-item__quantity {
  float: none;
  margin-right: 0;
}
div.product table.variations td,
div.product table.variations th {
  display: list-item;
  padding: 0;
  background-color: transparent;
  list-style: none;
}
#reviews .commentlist li p.meta,
div.product table.variations .value {
  margin-bottom: 1em;
}
div.product .single_variation .price {
  display: block;
}
div.product .variations_button {
  padding-top: 1em;
}
.woocommerce-breadcrumb {
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 0.875em;
}
.woocommerce-breadcrumb .breadcrumb-separator {
  display: inline-block;
  padding: 0 0.5407911001em;
}
#top .related.products .thumbnail_container img {
    width: 50%!important; 
    margin: auto !important; 
}

.myButton {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font:normal bold 16px/1 "Open Sans", sans-serif;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	background:    #15d798;
	border-radius: 11px;

}
.myButton:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.myButton:active {
	position:relative;
	top:1px;
}



#hotline-header {
    float: left;
    font-size: 16px;
    color: #000;
    margin-top: 5px;
    margin-left: 35px;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
color: #fff;
font-size: 12px;
font-weight: 500;
}
.nav>li>a>i {
padding-right: 5px
}
.red.hl-top {
    font-size: 20px;
    font-weight: bold;
}
.red {
    color: #e00;
}
.chinh_sach_cua_shop {
    border: 0px solid #ccc;
    padding: 10px 0px 0 0px;
    margin-bottom: 10px;
}
.chinh_sach_cua_shop ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.chinh_sach_cua_shop ul li {
    margin: 0 0 20px;
    overflow: hidden;
    display: table;
    width: 100%;
}
.chinhsach_icon {
    display: table-cell;
    width: 45px;
}
.has-icon .chinhsach_content {
    display: table-cell;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    font-size: smaller;
}
.chinhsach_content p {
    margin: 0;
    line-height: 22px;
}

#row-1489635833 {
height: 400px;  
}
#slider_10982 {
height: 380px;
}

#slider_10982 .owl-dots {
top : 100%;
}

#slider_10982 .owl-nav button {
	top:40% !important;
	margin-top:0px !important;
}
#slider_10982 .owl-nav .owl-prev {
	left:25px !important;
}
#slider_10982 .owl-nav .owl-next {
	right:10px !important;
}

.page-col {
padding: 0 0 0 0px;
}

.col{
    position: relative;
    margin: 0;
    padding: 0 15px 0px;
    width: 100%;
}

/*************** 

.back-to-top.active {
    display: none;
}

  ***************/

/*************** tbqpweb contact   ***************/
li.mien {
    color: red;
}
div#hlstudio-mobile {
    display: none;
}
.phone-mobile {display: none;}
.messenger {display: none;}
li.call1 {
    display: none;
}
li.call2 {    display: none;}
li.map2 {display: none;}
.hlstudio-0{
    position: fixed;
    right: 15px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 250;
    bottom: 126px;
    padding: 0px 0;
    border: 1px solid #f2f2f2;
}
.hlstudio-1{
    position: fixed;
    right: 15px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 250;
    bottom: 175px;
    padding: 0px 0;
    border: 1px solid #f2f2f2;
}
div#hlstudio0 li.messenger1 {
    margin-bottom: 8px;
}
.tbqpweb-nav{
font-size:13px;
width:auto;
text-align: center;
}
.tbqpweb-nav ul {list-style: none;padding: 0;margin: 0;}
.tbqpweb-nav ul li {list-style: none!important;}
.tbqpweb-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.tbqpweb-nav ul>li .chat_animation{display:none}
.tbqpweb-nav ul>li a i.ticon-heart.lazyloaded {
    background: url(../images/call-icon.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.tbqpweb-nav ul>li a i.ticon-heart1.lazyloaded {
    background: url(../images/wpfast-icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.tbqpweb-nav ul>li a i.ticon-zalo-circle2.lazyloaded {
    background: url(../images/wpfast-icon-zalo.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.tbqpweb-nav li .button {
    background: transparent;
}

#hlstudio0 .tbqpweb-nav li .button {background: #1480c3;
    border-radius: 54%;
    width: 42px;
    height: 42px;
    margin-left: 9px;
}

#hlstudio0 .tbqpweb-nav ul>li a i.icon-phone-w.lazyloaded {
    background: url(../images/wpfast-icon-phone.png) no-repeat;
    background-size: 78%;
    margin-left: 5px;

}



.tbqpweb-nav ul>li a i.ticon-angle-up.lazyloaded {
    background: url(../images/wpfast-icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.tbqpweb-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.tbqpweb-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 1px;
    font-weight: bold;
    text-transform: none;
}
.tbqpweb-nav ul li .button .phone_animation .phone_animation2 .phone_animation3 i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.tbqpweb-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.tbqpweb-nav ul>li a i.ticon-messenger.lazyloaded {
    background: url(../images/wpfast-icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.tbqpweb-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 8px;
}
.tbqpweb-nav ul li .button .phone_animation2 i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 8px;
}
.tbqpweb-nav ul li .button .phone_animation3 i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 8px;
}
.tbqpweb-nav ul>li a i.ticon-chat-sms.lazyloaded {
    background: url(../images/wpfast-icon-zalo.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.tbqpweb-nav ul>li a i.icon-phone-w.lazyloaded {
    background: url(../images/wpfast-icon-phone.png) no-repeat;
    background-size: contain;}
.tbqpweb-nav ul li .button .btn_phone_txt {
    position: relative;
    font-size: inherit;
}

@media only screen and (max-width: 600px){
div#hlstudio0 {
    display: none;
}
div#hlstudio1 {
    display: none;
}
div#hlstudio-mobile {
    display: block;
}
.hlstudio-0{
display: none;    
}
li.mien {
    display: none;
}
.tbqpweb-nav li .chat_animation{display:block !Important}


.tbqpweb-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.tbqpweb-nav li .button .phone_animation2 {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 30%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.tbqpweb-nav li .button .phone_animation3 {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 70%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.tbqpweb-nav ul>li a{padding:0; margin:0 auto}
.tbqpweb-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: fixed;
    z-index :100;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 1px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.tbqpweb-nav li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.tbqpweb-nav li .call1 .call2 {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.phone-mobile{display:block !important}
.messenger{display:block !important}
li.call1 {   display:block !important}
li.call2 {   display:block !important}
li.call3 {    display: none;}
li.map2 {    display: none;}
li.map3 {    display: none;}
}


.cs-productdetail
{
  float: left;
  width: 100%;
  border: 2px solid #007d3f;
  padding: 15px 20px 15px 2px !important;
  margin-bottom: 25px;
  border-radius: 10px;
}
.cs-product-info
{
  padding: 0px !important;
}
.cs-product-gallery img
{
  border: 1px solid #ccc;
}
.cs-product-info .product-short-description
{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-style: italic;
  margin-top: 14px !important;
  margin-bottom: 20px;
}
.cs-product-info .cs-buynow
{
  border: 2px solid #ee402f;
  border-radius: 3px;
  background-color: #db261b;
  color: #fff !important;
  padding: 5px 15px 5px 20px;
}
.cs-product-info .cs-titlepro {
    color: #db261b;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    margin-top: 15px;
    margin-bottom: 15px;
}
.cs-product-info span.amount {
    white-space: nowrap;
    color: #fc0000;
    font-weight: bold;
}
@media (min-width:767px) {
  .cs-product-gallery,
  .product-info
  {
     float: left;
  }
}
@media(max-width:767px) {
.cs-product-info {
    padding: 0px 0px 0px 15px !important;
}
}


/*************** Làm đẹp cho nút xóa sản phẩm trong woocommerce  ***************/

.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {
    background: transparent;
}

.boxnoidungtomtat {
    background: #f3d6b359;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    position: relative;
    border: 1px dashed gray;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
}
.boxnoidungtomtat p {
    display: block;
    padding: 2px 8px;
    position: absolute;
    background: #fff9b4;
    border: solid 1px #e8dd58;
    text-align: center;
    top: -10px;
    left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 2px;
    text-transform: uppercase;
}