/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*.box-text .name.product-title.woocommerce-loop-product__title a:not(.button){
	max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.hb_new_1 a:after{
	content: "\f105";
	font-family:fontAwesome;
	color:#0ba;
	opacity:0;
		transition:all 0.3s ease-in-out;
	vertical-align:middle;
	margin-left:2px;
}
.hb_new_1 a:hover:after{
	opacity:1;
	margin-left:6px;
	transition:all 0.3s ease-in-out;
}
.hbl_follow.follow-icons span {
    color: white;
}
.hbl_follow.follow-icons a i {
    color: #0ba;
}
.hbl_tab_vitri .nav-vertical+.tab-panels {
	 border-left: 0px!important;
}
.hbl_tab_vitri .nav-vertical>li+li {
    border-top: 0px solid #ececec;
}
.hbl_tab_vitri ul li.active a span {
    color: #446084;
	transition:all 0.3s ease;
}
.hbl_tab_vitri ul li {
	padding-right:10px;
}
.hbl_tab_vitri ul li.active a {
	border:2px solid #446084;
	transition:all 0.3s ease;
}
.hbl_tab_vitri ul li:not(.active) a span {
    color: #4460849e;
	border:2px solid transparent;
	transition:all 0.3s ease;
}
.hbl_tab_vitri ul li:not(.active) a:hover span{
	color: #446084;
	transition:all 0.3s ease;
}
.hbl_tab_vitri ul li:not(.active) a:hover{
	border:2px solid #446084;
	transition:all 0.3s ease;
}
.hbl_noibat li:hover span{
	margin-left:10px;
	color:#0ba;
	transition:all 0.3s ease;
}
.hbl_table td,.hbl_table th{
	border-bottom:0px !important;
}

.page-template-page-transparent-header .header-wrapper:not(.stuck) .logo img.header-logo {
    display: block!important;
}
.page-template-page-transparent-header .header-wrapper:not(.stuck) .logo img.header-logo-dark {
    display: none!important;
}
.hbl_post .is-divider {
    display: none;
}
.topnav img{
	padding-right: 100px;
}
.c2_navbar{
	padding-left:20px;
}
.topnav{
	position:relative;
}
.topnav a {
    float: none;
    display: block;
    text-align: center;
	font-weight:600;
}
.topnav_2 a{
	color:white!important;
}
.topnav_2 a:hover{
	color:#0ba!important;
	transition:all 0.3s ease;
}
.topnav a.icon {
    position: absolute;
    right: 0;
	 top:0;
  }
.c2_tab_matbang span{
	color:white;
}
.c2_tienich{
	height: 370px;
    overflow-y: scroll;
}

.c2_tiennghi img{
	border-radius:50%;
	border:5px solid #ffffff85;;
}
.c2 h1,.c2 h2,.c2 h4,.c2 p,.c2_button span{
	font-family: "Old Standard TT", sans-serif;;
}
.c2 h1,.c2 h2,.c2 h4{
	color:#003757;
}
.c2 p{
	font-size:1em;
color:#262626;
	font-weight:400;
}
.c2_button{
	color:white!important;
}
.c2_button:hover{
	background:white!important;
	color:#105458!important;
	border:2px solid white!important;
}
.c2 h3{
	font-family: 'Pattaya', sans-serif;
}
.sticky,.c2_navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.content {
  padding: 16px;
}

.topnav {
  background-color: #006e8c;
  overflow: hidden;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: white;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: transparent;
  color: white;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1em;
	padding-right: 10px;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

.header.transparent .social-icons i{
	color:#0ba;
}
.social-icons span{
	font-weight:400;
	color:#2c3e50;
}
.button.primary.is-outline {
    border: 1px solid #2c3e50;
	color:#2c3e50;
	transition:all 0.3s ease!important;
	text-transform: none;
}
.blog-post-inner button.button.primary.is-outline.is-small.mb-0 {
    border-radius: 99px;
}
.button.primary.is-outline:hover {
    border: 1px solid #f3bc65;
	color:#f3bc65;
	background:transparent;
	transition:all 0.3s ease!important;
}
.entry-header .entry-image {
    max-width: 500px;
}
.single-post .entry-header {
    display: none;
}
.post-type-archive.post-type-archive-product nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none;
}
#breadcrumbs a {
    padding: 2px 5px;
    background: white;
    border-top: 1px solid #d6d6d6;
	 border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
    margin-right: -5px;
	font-size:18.4px;
}
#breadcrumbs span.breadcrumb_last {
	padding: 2px 5px;
    background: white;
    border: 1px solid #d6d6d6;
	font-size:18.4px;
}
#breadcrumbs span span a:after{
	content: '\f054';
    display: inline-block;
    position: relative;
    right: -1%;
    top: -3px;
    font-size: 10px;
    font-family: fontAwesome;
    width: 20px;
}
.shop-page-title.category-page-title.page-title {
    margin-top: px;
}
/*.post-type-archive.woocommerce-page .hb_product_seemore{
	left:80%;
}*/
.hb_product_seemore{
	position: absolute;
    top: -50px;
    font-size: 1.5em;
    margin-bottom: -50px;
    opacity: 0;
 padding: 2px 10px;
    font-size: 0.7em;
    right: 10px;
	transition:all 0.3s ease;
	border-width: 1px!important;
	text-transform:none;
	font-weight:400;
}
.hb_product_seemore.is-outline:hover{
	border:2px solid white;
	background:transparent;
}
.product-small.box:hover .hb_product_seemore,.related-products-wrapper .product-small.box:hover .hb_product_seemore{
	opacity: 1;
	transition:all 0.3s ease;
}
.hb_mission_bg{
	background:url(/wp-content/uploads/2020/08/09_Middle_Level_Facade_View_Site.jpg);
	    background-size: 47% 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.product_list_widget li a, .product_list_widget li .woocommerce-Price-amount{
	font-size:16px;
}
 .product_list_widget,.widget form.searchform,.widget .textwidget,.widget ul,.widget .calendar_wrap{
	background:white;
	padding:20px;
	 border:1px solid #d6d6d6;
	 margin-top:10px!important;
}
.widget .widget-title{
	font-size:1.5em;
}

.widget .is-divider{
	display:none;
}
.hb_galery_cus .product-thumbnails button.flickity-button.flickity-prev-next-button {
    opacity: 1 !important;
}
.hb_galery_cus .product-thumbnails button.flickity-button.flickity-prev-next-button.next,.hb_galery_cus .product-thumbnails:hover button.flickity-button.flickity-prev-next-button.next{
	right:-3%
}
.hb_galery_cus .product-thumbnails button.flickity-button.flickity-prev-next-button.previous,.hb_galery_cus .product-thumbnails:hover button.flickity-button.flickity-prev-next-button.previous{
	left:-3%
}
.hb_shareicon_cus i{
	color:#0ba;
}
.hb_price_cus .woocommerce-Price-amount{
	background:white;
	padding: 10px 20px;
	border:1px solid #d6d6d6;
	
}
.breadcrumbs .divider { 
    margin: 0;
display:none;
}
.breadcrumbs a {
    border: 1px solid #d6d6d6;
    background: white;
    padding: 4px 10px;
	margin-left: -6px;
}
.breadcrumbs a:after{
	content: '\f054';
    display: inline-block;
    position: relative;
    right: -1%;
    top: -3px;
    font-size: 10px;
    font-family: fontAwesome;
    width: 20px;
}
.hb_table_product td{
	background:#e4e4e4;
	border-bottom:0px;
	border-right:1px solid white;
	position:relative;
}
.hb_table_product td:last-child{
	border-right:0px solid white;
}
.hb_table_product tr:first-child td:after{
	content:'';
	display:block;
	position:absolute;
	height:1px;
	width:80%;
	background:white;
	bottom:0;
	right:10px;
	left:10px;
}
.hb_partner_logo .flickity-slider > * {
    max-width: 20%!important;
}
input[type='text']:focus,input[type='tel']:focus,input[type='email']:focus,textarea:focus{
	box-shadow: 0 0 5px #0ba;
}
.weblentop a { color: #FF4D00;}
.weblentop {padding-left: 5px;margin-left: 5px;border-left: 1px solid #a7a7a7;}
.home .header.transparent .header-top{
	background:#00000033!important;
}
.home .header:not(.transparent) .header-top{
	background:#0ba;
}
.home .header:not(.transparent) .header-top a{
	color:white;
}
.header:not(.transparent) .header-wrapper {
	border-bottom:1px solid #d6d6d6;
}
.header-main .nav > li > a {
    padding: 0 20px;
}
.hb_title_sea{
	color:#2c3e50;
}
h2.hb_title_sea{
	font-size:2em;
}
.tai-lieu{
	display:none;
}
.hp_description ul li{
    display: inline-block;
}
.hp_description ul {
    display: inline;
}
.hp_description ul li{
	padding-right:30px;
}
.hp_description ul li strong{
	display:block;
}
.hp_description ul{
	margin: 0;
    padding: 0;
	list-style: none;}
p.box-excerpt{
	position: relative;
    top: -145px;
    font-size: 0.9em;
    margin-bottom: -50px;
    opacity: 0;
    transition: all 0.3s ease;
    color: #d6d6d6;
    /* height: 70px; */
    overflow: hidden;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* text-overflow: ellipsis;*/
}
.hp_product_home .product-small.box:hover p.box-excerpt,.product-small.box:hover p.box-excerpt,.product-small.box:hover .box-image a:before{
	opacity: 1;
	transition:all 0.3s ease;
}
p.name.product-title{
	position: relative;
        top: -15px;
    font-weight: 600;
}
.product-small .price-wrapper {
    border-top: 1px dotted #d6d6d6;
    padding-top: 10px;
}
p.category{
	position: relative;
    top: 22px;
}
.product-small.box .box-image a:before {
    content: "\f064";
    position: absolute;
    display: block;
    top: 35%;
    /* bottom: 20px; */
    left: 45%;
    font-family: fontAwesome;
    color: white;
    font-size: 30px;
    z-index: 9999999;
    right: 45%;
    margin: auto;
	opacity:0;
		transition:all 0.3s ease-in-out;
}
.product-small.box .box-image a:before:hover{
	color: #0ba;
	transition:all 0.3s ease-in-out;
}
.product-small.box .box-image a:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000a3;
	opacity:0;
	transition:all 0.3s ease;
}
.box-text .name.product-title a {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-small.box:hover .box-image a:after{
	opacity:1;
	transition:all 0.3s ease;
}
.product-small.box:hover .box-text.text-left {
    background: #798591!important;
	transition:all 0.3s ease;
}
.hp_product_home .product-small.box:hover .title-wrapper p a,.hp_product_home .product-small.box:hover p.category,.product-small.box:hover .title-wrapper p a,.hp_product_home .product-small.box:hover p.category{
	color:white!important;
	transition:all 0.3s ease;
}
.post-type-archive-product .product-small.box:hover .title-wrapper p a,.post-type-archive-product .product-small.box:hover p.category,.post-type-archive-product .product-small.box:hover .title-wrapper p a,.post-type-archive-product .product-small.box:hover p.category,.hb_upsale_cus .product-small.box:hover p.category{
	color:white!important;
	transition:all 0.3s ease;
}
.post-type-archive-product .box:hover .box-text.box-text-products,.hb_upsale_cus .box:hover .box-text.box-text-products {
	background:#2c3e50;
	transition:all 0.3s ease;
}
.post-type-archive-product .box-text.box-text-products,.hb_upsale_cus .box-text.box-text-products{
	padding:30px 20px 20px 20px;
	background:white;
	transition:all 0.3s ease;
}
.product-small.box:hover span.amount {
	color:#ee9e0a!important;
	transition:all 0.3s ease;
}
.hb_upsale_cus h3.product-section-title{
	text-align: center;
	font-size:27px;
}
	span.amount {
	font-size:25px;
	font-weight:bold;
	color:#0ba!important;
	white-space: nowrap;
		transition:all 0.3s ease;
}
.hp_product_home .title-wrapper p a,.hp_product_home .title-wrapper p.category,.title-wrapper p a,.hp_product_home .title-wrapper p.category{
	color:#2c3e50!important;
	font-size:17px;
	transition:all 0.3s ease;
}
.hb_agent .hb_agent_popup{
	position:absolute;
	top: -50px;
    right: 10px;
    left: 10px;
    opacity: 0;
	transition:all 0.3s ease;
	color:white;
	z-index: 9999;
}
.hb_agent .image-zoom:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
    background-image: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.8) 100%);
    background-repeat: repeat-x;
	z-index:1;
	opacity: 0;
		transition:all 0.3s ease;
}
.hb_agent .box:hover .image-zoom:after{
	opacity:1;
		transition:all 0.3s ease;
}
.hb_agent .hb_agent_popup i{
	padding:0 10px;
}
.hb_agent .box:hover .hb_agent_popup{
	opacity: 1;
	top: -60px;
	transition:all 0.3s ease;
}
.hb_blog_post p{
	color:#2c3e50;
}
.badge.top {
	
	top:0;
}
.badge-outline .badge-inner {
	border:2px solid #2c3e50;
	color:white;
	background-color: #2c3e50;
}
.hb_button_1{
	padding:10px 30px;
	border-bottom:4px solid #d99221;
	background:#f3bc65;
	color:#222;
	font-weight:900;
	border-top:4px solid #f3bc65;
}
.hb_button_1:hover{
border-bottom:4px solid #f3bc65;
color:#222;
}
.hb_button_1:focus{
border-bottom:4px solid #f3bc65;
color:#222;
	border-top:4px solid #d99221;
}
.hb_button_2{
	padding:5px 15px;
	border-bottom:4px solid #d99221!important;
	background:#f3bc65!important;
	color:#222!important;
	font-weight:900;
	border-top:4px solid #f3bc65!important;
}
.hb_button_2:hover{
	border-bottom:4px solid #f3bc65!important;
	color:#222!important;
}
.hb_button_2:focus{
	border-bottom:4px solid #f3bc65!important;
	color:#222!important;
	border-top:4px solid #d99221!important;
}
.hb_map .hb_map_bg:after{
	content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    background-image: linear-gradient(to right,transparent 0,rgb(255 255 255 / 100%) 100%);
    background-repeat: repeat-y;
    
}
.hb_partner_logo img{
	border:2px solid transparent;
	border-radius:5px;
	padding:0 5px;
	border:1px solid #d6d6d6;
}
	
.hb_partner_logo button.flickity-button.flickity-prev-next-button{
    color: #0ba!important;
	top: 20%;
}
.hb_partner_logo button.flickity-button:hover{
    color: #0ba!important;
}
.hb_footer p,.hb_footer a,.hb_footer li{
	color:white;
	font-size:15px;
}
.hb_button_footer{
	padding:0px 30px!important;
	border-bottom:4px solid #d99221!important;
	background:#f3bc65!important;
	color:#222!important;
	font-weight:900!important;
	border-top:4px solid #f3bc65!important;
	border-right:4px solid #f3bc65!important;
	border-left:4px solid #f3bc65!important;
}
.hb_button_footer:hover{
border-bottom:4px solid #f3bc65!important;
color:#222!important;
}
.hb_button_footer:focus{
	border-bottom:4px solid #f3bc65!important;
	color:#222!important;
	border-top:4px solid #d99221!important;
}
.hb_footer .wpcf7-form-control-wrap textarea,.hb_footer .wpcf7-form-control-wrap input{
	background:transparent!important;
	color:white!important;
}
.hb_footer{
	background-image:url(/wp-content/uploads/2020/08/01-Bird-Eye-View-District-to-Project-bg-footer.jpg);
	background-position: 50% 100%;
    background-repeat: no-repeat;
	background-color:#061120;
}
.hb_home_banner h1{
		font-size:3.5em;
	white-space: nowrap;
	}
.shop-page-title.category-page-title.page-title,.post-type-archive main {
    background: #f6f6f6!important;
}
.hb_partner_logo .flickity-prev-next-button.next {
    right: -3%;
}
.hb_partner_logo .flickity-prev-next-button.previous {
    left: -3%;
}
.hb_partner_logo .img{
	padding:0 10px!important;
}
.hb_about img{
	border-radius:10px;
}
.hb_reward_logo .flickity-slider > * {
    max-width: 20%!important;
}
.hb_reward_logo img{
padding:0px 60px
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
.weblentop {display: block;border-left: 0;}
h2.hb_title_sea{
	font-size:2em;
}
	.hb_home_banner h1{
		font-size:2.5em;
	}
	
	.hp_product_home .name.product-title a {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
	.hb_partner_logo .flickity-slider > * {
    max-width: 50%!important;
}
	.hb_agent .image-zoom:after,.hb_agent .hb_agent_popup{
		opacity:1;
	}
	.topnav img{
		    padding: 0 25%;
		height:60px!important;
	}
	.topnav a:not(:first-child) {display: none;}
	.topnav_2 a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
	.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
	 top:0;
  }
  .topnav.responsive .topnav_2 a{
    float: none;
    display: block;
    text-align: left;
  }
	.c2_logo a {
    width: 100%;
}
	.topnav img{
	padding: 0px;
}
	.hbl_border_col .is-border{
	border-right:0px;
}
	.topnav_2 a.icon {
    height: 100%;
    /* text-align: center; */
    /* padding: 40px 10px; */
    top: 20px;
    bottom: 20px;
}
	table.hb_table_product {
    width: 100%!important;
}
}
@media screen and (min-width:1024px) and (max-width:1366px){
	.topnav a {
    padding: 14px 10px;
    font-size: 1em;
    padding-right: 5px;
}
	.hbl_follow.follow-icons a i {
    font-size: 0.7em;
}
}
@media screen and (min-width:768px) and (max-width:1366px){
	.hb_partner_logo .flickity-slider > * {
    max-width: 33.333%!important;
}
	.hb_agent .image-zoom:after,.hb_agent .hb_agent_popup{
		opacity:1;
	}
	.hb_home_banner h1{
		font-size:4em;
	}
	.topnav img{
	padding: 0px;
}
	h1{
		font-size:1.2em;
	}
	h2{
		font-size:1.7em;
	}
	.hbl_tab_vitri ul li {
	padding-bottom:10px;
}
}