/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com/
Author:               UX-Themes
Author URI:           http://www.uxthemes.com/
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.15.4
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          flatsome
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/



/*#ftwp-postcontent a, #content a {color: #083bc4}*/
/*#ftwp-postcontent a, #content a {color: #03549a}*/

ol, ul {
		padding-left:40px;
}

.tmh-int-link-ngang-hang{
		display:inline-block;
		margin-left: 20px;
}

.tmh-int-link-ngang-hang img{
		border-radius: 50%;
		border: 1px solid #0893e6;
		margin-bottom: 10px;
		width: 150px;
		height: 150px;
}


.tmh-int-link-ngang-hang img:hover{
transform: scale(1.1);
}
.zalo-container img{max-width:100%;height:auto}.zalo-container{position:fixed;width:40px;height:40px;bottom:35px;left:30px;z-index:9999999}.zalo-container:not(.right){left:2.5rem}.zalo-container.right{right:2.5rem}.zalo-container a{display:block}.zalo-container span{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#1182fc;position:relative}@keyframes zoomIn_zalo{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn_zalo{animation-name:zoomIn_zalo}.animated_zalo{animation-duration:1s;animation-fill-mode:both}.animated_zalo.infinite{animation-iteration-count:infinite}.cmoz-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(17,130,252,.8);opacity:.1;border-color:#1182fc;opacity:.5}.cmoz-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(17,130,252,.45);opacity:.75;right:-10px}@-webkit-keyframes pulse_zalo{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse_zalo{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse_zalo{-webkit-animation-name:pulse_zalo;animation-name:pulse_zalo}


/*danh cho nut goi*/
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0px;
  z-index: 999999;
}

.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}

.hotline-phone-ring-circle {
	width: 87px;
  height: 87px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
	width: 57px;
  height: 57px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}

.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8);
  height: 40px;
  width: 200px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 35px;
}

.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@media (max-width: 768px) {
  .hotline-bar {
    display: none;

  }
   /*mobile*/

.wow-modal-button-1 {
display: none;
}

.hotline-phone-ring-wrap {
    left: inherit;
    right: -20px;
    bottom: 70px;
}

.zalo-container {
left: inherit !important;
    right: 20px;
    bottom: 180px !important;
}

.mobile-nav .html_topbar_left {
    text-align: center;
}

body .widget-visible {
display: none !important;
}

.wow-modal-button-1 {
display: none !important;
}
}
.absolute-footer{color:#fff!important}
.wow-modal-button-1{z-index:9999}



.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:600 !important; font-size:15px; font-weight:600}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#03549a}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#03549a}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}


.header-main .nav > li > a {
    padding: 32px 0;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    text-transform: none;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a, .nav-vertical-fly-out>li>a {     color: #000;
}


.woocommerce .return-to-shop .wc-backward {
	color: #fff !important;
}

.box-blog-post .is-divider {
	display: none;
	margin: 0;
	padding: 0;
}

.row-cta .col:before {
	border-left: none;
}

.row-cta .col:after {
	border-bottom: none;
}




.wow-modal-button-1 {
display: none;
}

.hotline-phone-ring-wrap {
    left: inherit;
    right: -20px;
    bottom: 70px;
}

.zalo-container {
left: inherit !important;
    right: 20px;
    bottom: 180px !important;
}

.mobile-nav .html_topbar_left {
    text-align: center;
}

body .widget-visible {
display: none !important;
}

.wow-modal-button-1 {
display: none !important;
}


.term-description b, .term-description strong {
	font-weight: 700;
}
.woocommerce-Tabs-panel b, .woocommerce-Tabs-panel strong,
.single-page b, .single-page strong {
	font-weight: 700;
}

.widget ul, .widget ol {
	padding-left: 0px;
}
.woocommerce-Tabs-panel blockquote,
.term-description blockquote, .single-page blockquote {
	font-size: 16px;
}

.yarpp-related .yarpp-thumbnail-title {
	    color: #222;
    margin-top: 5px;
	font-size: 14px;
}
.yarpp-related .yarpp-thumbnail-title:hover {
	 color: #fd0101;
}

.woocommerce-ordering {
	display: none;
}
.article-inner .entry-divider,
.article-inner  h6.entry-category {
	display: none;
}

.article-inner .single-page {
	padding-top: 0px;
}

.product-short-description ul,
.product-short-description ol,
.yarpp-related ol {
		padding-left: 0px;
}
.blog-archive,
.blog-single {
	padding-top: 0px;
}
.shop-page-title,
.blog-archive .product-page-title, 
.blog-single .product-page-title {
	    background: #f5f5f5;
    margin-bottom: 20px;
}

.shop-page-title .page-title-inner,
.blog-archive .product-page-title .page-title-inner,
.blog-single .product-page-title .page-title-inner {
	padding-top: 0px;
}

#content .breadcrumbs a {
	color: #222;
}

th:first-child, td:first-child {
	padding-left: 10px;
}

.blog-archive .entry-header .entry-title,
.blog-single .entry-header .entry-title {
	margin-bottom: 0px;
}

.s-home-03 p {
	margin-bottom: 15px;
}
.s-home-04 .product-small .product-small.box  .box-text.text-center {
	height: 80px;
}

.s-home-04 .box-bounce .box-text {
	height: 100px;
}

.s-home-07 .post-item  .box-text.text-center {
	height: 80px;
}

.term-description {
	padding-top: 20px;
}
#product-sidebar {
	padding-top: 30px;
}

.entry-author {
	padding: 0px;
}

.header:not(.transparent) .header-nav-main.nav > li > a {
	color: inherit;
}

.related-title a,
#content .recent-blog-posts-li .flex-grow a,
.blog-archive .box-text p.from_the_blog_excerpt  {
	color: #333;
}
.related-title a:hover,
#content .recent-blog-posts-li .flex-grow a:hover,
.blog-archive .post-item a:hover .blog-post-inner h3 {
	color: #03549a;
}

.single-page a,
.product-footer a {
	color: #03549a;
	font-weight: bold;
}
.single-page a:hover,
.product-footer a:hover {
	color: #222;
}
.feature .image,
.blog-archive .post-item a .box-image img {
	 transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: .6s all ease;
    -webkit-transition: .6s all ease;
    -moz-transition: .6s all ease;
    -ms-transition: .6s all ease;
    -o-transition: .6s all ease;
}
.feature:hover .image,
.blog-archive .post-item a:hover .box-image img {
	 transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transition: .6s all ease;
    -webkit-transition: .6s all ease;
    -moz-transition: .6s all ease;
    -ms-transition: .6s all ease;
    -o-transition: .6s all ease;
}

.product-main .product-info .product-title {
	font-size: 24px;
}

.wp-block-image figcaption {
	margin-top: 0px;
}

p {
  margin-bottom: 1em;
}

.woocommerce-Tabs-panel blockquote p, .term-description blockquote p, 
.single-page blockquote p,
#content .wp-block-quote p {
	margin: 0;
}

.woocommerce-Tabs-panel blockquote, .term-description blockquote,
.single-page blockquote,
#content .wp-block-quote,
.doan-kktt {
	        margin: 10px 0px;
    padding: 1% 1.5%;
    border: 1px solid #c3e5f8;
    background-color: #dbedf9;
    font-style: normal;
    font-size: 16px;
	text-align: center;
}
table thead {
	background-color: hsl(0deg 0% 91.34%);
}
table td, table th {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid hsla(0,0%,50.2%,.5019607843);
}

table tbody>tr:nth-child(even)>td, table tbody>tr:nth-child(even)>th {
    background-color: hsla(0,0%,50.2%,.0705882353);
}

.price-wrapper .price {
	display: none;
}

.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}

.related-posts-link .related-post-title {
	font-size: 16px;
}

.header-nav li.nav-dropdown-col:hover >ul {
	z-index: 12;
}

	.post-item .col-inner .box-text {
		padding-bottom: 0px;
	}

.relatedcat .bvlq {
	margin-bottom: 25px;
	font-size: 24px;
}

.product-info .cart,
.product-summary .cart,
.product-main .product-info .cart {
		display: none;
}

.product-info .quantity, .product-info  .single_add_to_cart_button,
.product-summary .quantity, .product-summary .single_add_to_cart_button {
	
}

.product-main .cart {
	display: none;
}

.recent-blog-posts-li .post_comments {
	display: none;	
}

#content .page-inner,
.article-inner .single-page,
.product-container, 
.term-description {
	font-size: 18px;
		text-align: justify;
}

.row-cta {
	font-size: 18px;
}

.col-kktt {
	padding-bottom: 0px;
	line-height: 25px;
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
	margin-left: 15px;
}

.col-kktt .related-title a {
/* 	font-weight: bold; */
}

@media (max-width: 549px) {
	.s-home-04 .product-small .product-small.box  .box-text.text-center {
	height: auto;
}

.s-home-04 .box-bounce .box-text {
	height: auto;
}
.s-home-07 .post-item  .box-text.text-center  {
	height: auto;
}
html body .widget-visible {
		display: none !important;
	}
	
	.relatedcat .related-post .large-4 {
		width: 50%;
		    padding: 0 10px 20px
	}
	.product-footer p,
	.product-footer ul,
	.product-footer ol,
	.term-description ul,
	.term-description p,
	.single-page p,
	.single-page ul {
	font-size: 18px;
	text-align: justify;
}
	.single-page ul {
		padding-left: 20px;
	}
	.term-description .col-inner ul {
		padding: 0;
	}
	.term-description .row.row-dashed .col-inner { 
	padding: 0;
	}
	.term-description .row.row-dashed .col-inner .is-border {
		border: none;
	}
	
	.shop-page-title .page-title-inner, .blog-archive .product-page-title .page-title-inner {
		padding-top: 5px;
	}
	h2 {
			font-size: 24px
	}
	h3 {
			font-size: 22px
	}
		h4 {
			font-size: 20px
	}
	
	.product-footer .container {
		padding: 0px;
	}
	
	.product-footer .container .related-products-wrapper {
		padding: 0 20px;
	}
	
	.product-footer .woocommerce-tabs  .tab-panels {
		border: none;
		padding: 20px;
	}
	
	.page-title-inner {
	min-height: 30px;
}
	
	.page-wrapper figure {
		width: 100% !important;
	}
.relatedcat .bvlq {
	margin-bottom: 15px;
}
	.blog-archive .box-text {
		font-size: 110%;
	}
	.nav:not(.nav-slide) .active>.children {
		padding-bottom: 0;
	}
	
	.shop-container .category-filtering {
		display: none;
	}
}