/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
.is-divider {
    display: none;
}
ul.tabs.wc-tabs.product-tabs li a:before{
	display: none;
}
:root
{
	--blue: #06a2e1;
	--red: #ff0000;
	--yellow: #f8ef6c;
	--black: #000;
	--white: #fff;
}
#header {
	 background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%), rgba(196,196,196,0.6);
}
 #header .header-bg-color, #header .header-wrapper {
	 background-color: transparent;
}
 #header #top-bar {
	 background-color: transparent;
}
 #header #masthead {
	 background-color: transparent;
}
 #header .header-wrapper.stuck {
	 background-color: var(--white);
}
 #header .header-wrapper.stuck #masthead {
	 background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%), rgba(196,196,196,0.6);
}
 div#top-bar .info_topbar {
	 font-size: 12px;
	 color: #000;
}
 div#top-bar .info_topbar span.email {
	 padding: 10px 10px;
	 margin: 0 10px;
	 border-left: 1px solid #cacaca;
	 border-right: 1px solid #cacaca;
}
 div#top-bar .info_topbar span {
	 color: var(--blue);
}
 div#top-bar .info_topbar span img {
	 width: 15px;
	 height: 15px;
	 padding: 0;
	 margin: 0;
	 object-fit: contain;
	 vertical-align: top;
	 margin: 0 3px 0 0;
}
 div#top-bar li.cart-item.has-icon a.header-cart-link {
	 color: var(--red);
	 border: 1px solid #ccc;
}
 div#top-bar li.cart-item.has-icon a.header-cart-link i {
	 top: unset;
}
 div#top-bar li.cart-item.has-icon a.header-cart-link:hover {
	 color: var(--white);
}
 div#top-bar .topbar_social .social-icons span a img {
	 max-width: 28px;
}
 div#top-bar .topbar_social .social-icons span:last-child {
	 padding-right: 0;
}
 div#masthead ul.header-nav >li {
	 padding: 15px 0;
	 margin: 0 5px;
}
 div#masthead ul.header-nav >li >a {
	 font-size: 14px;
	 padding: 7px 10px;
	 line-height: 16px;
}
 div#masthead ul.header-nav >li.current-menu-item > a, div#masthead ul.header-nav >li:hover > a, div#masthead ul.header-nav >li.active > a {
	 background-color: #ffff66;
	 border-radius: 5px;
}
 div#masthead ul.header-nav >li ul li a {
	 font-size: 14px;
	 font-weight: 500;
	 text-transform: capitalize;
}
 div#masthead ul.header-nav >li ul li a:after {
	 display: none;
}
 div#masthead ul.header-nav >li i.icon-angle-down {
	 display: none;
}
 div#masthead .searchform-wrapper.ux-search-box.relative.is-normal input#woocommerce-product-search-field-0 {
	 border-radius: 6px 0 0 6px;
	 border: 1px solid #06abe9;
	 box-shadow: unset;
}
 div#masthead .searchform-wrapper.ux-search-box.relative.is-normal button.submit-button {
	 background-color: #00a4d9;
	 border-radius: 0 6px 6px 0;
}
 div#masthead .top-divider.full-width {
	 display: none;
}
 .title_home {
	 margin-bottom: 0 !important;
}
 .title_home h3.section-title {
	 font-family: Roboto Condensed;
	 font-style: normal;
	 font-weight: bold;
	 font-size: 28px;
	 line-height: 33px;
	 color: #0099CC;
}
 .title_home b {
	 background-color: #ccc;
}
 .section-title-container.title_home b {
	 background-color: #e2e2e2;
	 opacity: 1;
	 height: 1px;
}
 .row_lv .slider.slider-nav-circle button.previous {
	 left: calc(0% - 60px);
	 margin-top: -75px;
}
 .row_lv .slider.slider-nav-circle button.next {
	 left: calc(100% + 26px);
	 margin-top: -75px;
}
 .row_lv .slider.slider-nav-circle svg {
	 border-radius: 0 !important;
	 border-color: #E5E5E5;
}
 .row_lv .content_title {
	 width: 50%;
	 text-align: center;
	 margin: auto;
	 margin-bottom: 30px;
	 font-size: 16px;
	 line-height: 19px;
}
 .row_lv .box-text.text-left {
	 padding: 20px;
	 border: 1px solid #E5E5E5;
}
 .row_lv .box-text.text-left .text.title_box {
	 font-weight: bold;
	 font-size: 18px;
	 line-height: 21px;
	 color: #000000;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -webkit-line-clamp: 2;
	 height: 42px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
}
 .row_lv .box-text.text-left .text.content {
	 line-height: 20px;
	 color: #000000;
	 font-size: 16px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -webkit-line-clamp: 2;
	 height: 40px;
	 display: -webkit-box;
	 margin-bottom: 25px;
	 -webkit-box-orient: vertical;
}
 .row_lv .box-text.text-left:after {
	 content: "";
	 display: block;
	 width: 35px;
	 height: 35px;
	 background-color: #0099CC;
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 background-image: url(assets/images/Group.png);
	 background-repeat: no-repeat;
	 background-position: center;
}
 .project_row .text.title_project {
	 padding: 20px 20px 20px 10px;
	 font-size: 28px;
	 line-height: 33px;
	 color: #0099CC;
	 font-weight: bold;
	 position: relative;
}
 .project_row .text.title_project:before {
	 content: "";
	 border-top: 2px solid #FF3333;
	 border-left: 2px solid #FF3333;
	 width: 53px;
	 height: 49px;
	 display: block;
	 position: absolute;
	 left: -9px;
	 top: -2px;
}
 .project_row .text.title_project:after {
	 content: "";
	 border-bottom: 2px solid #FF3333;
	 border-right: 2px solid #FF3333;
	 width: 53px;
	 height: 49px;
	 display: block;
	 position: absolute;
	 right: 9px;
	 bottom: 10px;
}
 .project_row .text.content {
	 padding: 7px 10px;
	 font-size: 16px;
	 line-height: 19px;
}
 .project_row a.button.primary.btn_readmore {
	 margin-left: 10px;
	 margin-top: 10px;
	 font-size: 14px;
	 background-color: #F33;
}
 .project_row .slider.slider-nav-dots-simple button.flickity-button {
	 position: absolute;
	 bottom: -30px;
}
 .project_row .slider.slider-nav-dots-simple button.flickity-button.flickity-prev-next-button.previous, .project_row .slider.slider-nav-dots-simple button.flickity-button.flickity-prev-next-button.next {
	 top: unset;
}
 .project_row .slider.slider-nav-dots-simple .flickity-prev-next-button.next {
	 right: unset;
	 left: 30px;
}
 .icon_tn .icon {
	 padding: 20px;
	 background: #fff;
	 border-radius: 99px;
}
 .icon_tn .icon img {
	 height: 63px;
	 object-fit: scale-down;
}
 .icon_tn .icon-box-text.last-reset {
	 font-style: normal;
	 font-weight: normal;
	 font-size: 16px;
	 line-height: 19px;
}
 .icon_tn .icon-box-text.last-reset h3 {
	 font-size: 18px;
	 line-height: 21px;
	 color: #0099CC;
	 margin-bottom: 20px;
}
 .sec_doitac .col.small-12.large-12 {
	 padding: 5px !important;
}
 footer img#image-preview {
	 margin-bottom: 20px;
}
 footer .short_des {
	 font-size: 14px;
	 line-height: 19px;
	 margin-bottom: 20px;
}
 footer .contat_ft {
	 margin-top: 20px;
}
 footer .col .text.title_ft {
	 font-weight: bold;
	 font-size: 22px;
	 line-height: 33px;
	 color: #FFFFFF;
	 margin-bottom: 35px;
}
 footer .col .text.title_ft p {
	 margin-bottom: 0;
}
 footer .col .text.title_ft:after {
	 content: "";
	 display: block;
	 border-bottom: 3px solid #f33;
	 width: 100px;
}
 footer .col .inffo_FT .info {
	 font-size: 16px;
	 line-height: 21px;
	 margin-bottom: 25px;
}
 footer .col .inffo_FT i {
	 color: #000;
	 width: 25px;
}
 footer ul.menu li a {
	 font-size: 17px;
}
 footer ul.menu li:before {
	 content: "\f054";
	 font-family: 'Font Awesome 5 Free';
	 color: #000;
	 padding-right: 5px;
	 font-size: 18px;
}
 .blogtin .box-text.text-left:after {
	 display: none;
}
 .blogtin button.button.is-link.is-small.mb-0 {
	 font-weight: bold;
	 font-size: 16px;
	 line-height: 19px;
	 color: #0099CC;
}
 .blogtin button.button.is-link.is-small.mb-0:before {
	 content: "\f067";
	 font-family: 'Font Awesome 5 Free';
	 color: #000;
	 padding-right: 5px;
	 color: #0099CC;
	 font-size: 16px;
}
 .blog_duan .box.box-overlay .box-image .overlay {
	 top: 0;
	 background-color: #11a6e2 !important;
	 height: 0;
	 -webkit-transition: 0.32s ease;
	 transition: 0.32s ease;
}
 .blog_duan .box.box-overlay .box-text {
	 top: 0 !important;
	 opacity: 0 !important;
	 -webkit-transition: 0.32s ease;
	 transition: 0.32s ease;
}
 .blog_duan .box.box-overlay:hover .box-image .overlay {
	 height: 100%;
}
 .blog_duan .box.box-overlay:hover .box-text {
	 opacity: 1 !important;
}
 .badge-container.absolute {
	 display: none !important;
}
 body .product-small.col > .col-inner {
	 -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	 box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
 body .product-small.col > .col-inner:hover {
	 -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	 box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
 .product-small.box .box-image img.attachment-original.size-original {
	 object-fit: scale-down;
}
 .product-small.box .box-text {
	 padding: 10px;
}
 .product-small.box .box-text .title-wrapper a {
	 font-style: normal;
	 font-weight: bold;
	 font-size: 18px;
	 line-height: 21px;
	 color: #000000;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -webkit-line-clamp: 2;
	 height: 42px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
}
 .product-small.box .box-text .price-wrapper ins bdi {
	 font-weight: bold;
	 font-size: 18px;
	 line-height: 21px;
	 color: #FF0000;
}
 .product-small.box .box-text .price-wrapper del bdi {
	 font-weight: bold;
	 font-size: 16px;
	 line-height: 19px;
	 text-decoration-line: line-through;
	 color: #808080;
	 float: right;
}
 .grid_duan .row .col.post-item {
	 padding: 5px !important;
}
 .grid_duan .row .col.post-item .col-inner.duan-item {
	 border: 1px solid #eee;
	 box-shadow: 2px 2px 4px 0px #dcd7d7;
}
 .grid_duan_hinhanh >.row-collapse.row-full-width {
	 display: block;
}
 .grid_duan_hinhanh .box-text p.from_the_blog_excerpt, .grid_duan_hinhanh .box-text p.from_the_blog_comments {
	 display: none !important;
}
 .grid_duan_hinhanh a.plain {
	 position: relative;
	 overflow: hidden;
}
 .grid_duan_hinhanh a.plain .box.box-overlay .box-text {
	 height: 0%;
	 top: 0;
	 -webkit-transition: 0.32s ease;
	 transition: 0.32s ease;
}
 .grid_duan_hinhanh a.plain .box.box-overlay .box-text h5 {
	 opacity: 0;
	 -webkit-transition: 0.32s ease;
	 transition: 0.32s ease;
	 margin-top: 0;
	 text-transform: uppercase;
	 letter-spacing: 4px;
	 font-size: 14px;
	 text-align: center;
}
 .grid_duan_hinhanh a.plain .box.box-overlay:hover .box-text {
	 height: 100%;
	 background: #ffffffcc;
	 top: 0;
}
 .grid_duan_hinhanh a.plain .box.box-overlay:hover .box-text h5 {
	 opacity: 1;
	 margin-top: 35%;
	 color: #eb1d20;
}
 .grid_duan_hinhanh a.plain .box.box-overlay:hover img {
	 transform: scale(1.1);
}
 .blog_news .box {
	 background: #e7e7e7;
}
 .blog_news .box .box-text.text-left h5.post-title {
	 font-style: normal;
	 font-weight: bold;
	 font-size: 18px;
	 line-height: 21px;
	 color: #0099cc;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -webkit-line-clamp: 2;
	 height: 42px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
}
 .blog_news .box .box-text.text-left p.from_the_blog_excerpt {
	 line-height: 21px;
	 color: #000000;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 -webkit-line-clamp: 2;
	 height: 42px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
}
 .blog_news .col.post-item {
	 padding-bottom: 10px;
}
 .col_img img {
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
}
 .fancybox-caption {
	 padding: 30px;
}
 .fancybox-caption .fancybox-caption__body {
	 font-size: 18px;
	 color: #Fff;
}
 ul.product-list-nav {
	 list-style: none;
	 text-align: center;
	 justify-content: center;
	 align-items: center;
}
 ul.product-list-nav li {
	 margin: 0 25px;
	 margin-left: 0 !important;
	 cursor: pointer;
	 display: inline-block;
}
 ul.product-list-nav li a {
	 color: #000;
	 font-weight: 400;
}
 ul.product-list-nav li.active {
	 background-color: #003399;
	 border-radius: 100px;
	 padding: 6px 15px;
}
 ul.product-list-nav li.active a {
	 color: #fff;
}
 .price-wrapper .price {
	 display: block;
	 text-align: left;
	 padding: 0 5px;
}
 #slider, #carousel {
	 margin-bottom: 0;
}
 #slider .slides li, #carousel .slides li {
	 margin-left: 0;
}
 #slider .flex-direction-nav a.flex-prev, #carousel .flex-direction-nav a.flex-prev {
	 left: 10px;
	 opacity: 1;
}
 #slider .flex-direction-nav .flex-next, #carousel .flex-direction-nav .flex-next {
	 right: 10px;
	 text-align: right;
	 opacity: 1;
}
 #slider .flex-direction-nav a:before, #carousel .flex-direction-nav a:before {
	 color: #00a4d9;
}
 .row.category-page-row .row.row-small.row-category h3 {
	 margin-bottom: 0;
}
 .row.category-page-row .row.row-small.row-category .col.medium-12.pb-0 img.separate {
	 margin-top: -15px;
}
 .row.category-page-row .post_cat .box-image img {
	 max-height: 200px;
	 object-fit: cover;
}
 h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
	 text-align: center;
	 font-size: 18px;
}
 ul.tabs.wc-tabs.product-tabs li a {
	 text-align: center;
	 font-size: 15px;
	 color: #000;
}
 ul.tabs.wc-tabs.product-tabs li li a:before {
	 opacity: 0 !important;
	 display: none;
}
 .single-product .product-short-description .color-secondary {
	 color: var(--blue);
}
 .single-product form.cart button[type="submit"] {
	 background-color: var(--blue);
}
 .single-product .related .product-section-title {
	 color: var(--blue);
}
 .form_lh input.wpcf7-form-control.wpcf7-text {
	 height: 2.4em;
	 font-size: 14px;
	 margin-bottom: 10px;
}
 .product-images .flex-viewport {
	 max-height: 420px;
}
 .product-images div#slider {
	 max-height: 420px;
}
 .product-images div#slider li.flex-active-slide img {
	 max-height: 400px;
	 object-fit: scale-down;
	 -webkit-transition: 0.5s ease;
	 transition: 0.5s ease;
	 border: 1px solid #eee;
}
 .product-images div#slider li.flex-active-slide img:hover {
	 transform: scale(1.1);
}
 .product-images div#carousel li img {
	 height: 70px;
	 object-fit: cover;
}
 .product-images div#carousel .flex-direction-nav a {
	 top: 35%;
}
 .box_catmenu aside {
	 margin: 0;
}
 .box_catmenu aside.widget {
	 padding: 0;
}
 .box_catmenu aside .widget-title {
	 display: block;
	 text-align: center;
	 padding: 10px 0;
	 line-height: 1.3;
	 background-color: var(--blue);
	 letter-spacing: 0;
	 color: var(--white);
	 margin: 0 0 10px;
}
 .box_catmenu aside.widget_nav_menu > div:last-child {
	 padding: 0 20px 15px;
}
 .page-template-page-LH .row.row-main {
	 margin: 0 auto !important;
}
 .row_contact form {
	 margin: 0;
}
 @media (min-width: 850px) {
	 .row_bannercat {
		 max-width: 1182px !important;
	}
	 .row_bannercat > .col {
		 padding: 0 1px !important;
	}
}