/*
Theme Name: Website Customer
Description: Thiết Kế Web Đỉnh
Author: thietkewebdinh.com
Template: flatsome
Version: 3.0
*/

/* Setting */
@font-face {
    font-family: dinhit1;
    src: url("font/svn-gotham-bold.woff")format("woff");
}
@font-face {
    font-family: dinhit2;
    src: url("font/svn-gotham-regular.woff")format("woff");
}
@font-face {
    font-family: dinhit3;
    src: url("font/svn-gotham-book.woff")format("woff");
}
body,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: 'dinhit3' !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'dinhit1' !important;
}


/* Header */
.top-divider {
	display: none;
}
#header {
    background: none;
    height: 160px;
	background:url(/wp-content/uploads/2021/06/banner_prod.jpg);
}
.header-nav.header-nav-main.nav.nav-right .account-item .nav-dropdown.nav-dropdown-default {
    padding: 0;
    border: 1px solid #ddd;
    font-size: 14px;
}
.header-nav.header-nav-main.nav.nav-right .cart-item .nav-dropdown.nav-dropdown-default {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ddd;
}
.header-inner.flex-row.container.logo-center {
    background-color: rgba(255, 255, 255, 0.6);
}
.header-bottom .header-nav.header-bottom-nav a {
    color: #333;
	border: none;
}
.header-bottom .header-nav.header-bottom-nav a:hover, .header-bottom .header-nav.header-bottom-nav li.active a {
    color: #FFBF00;
}
.header-bottom {
    background: none!important;
}
.header-main,.header-bottom {
	background:url(/wp-content/uploads/2021/06/banner_prod.jpg) !important;
}
.transparent.has-transparent,.transparent.has-transparent .header-main, .transparent.has-transparent .header-bottom {
    background: none !important;
}
.header-wrapper.stuck {
    box-shadow: none;
}
.stuck .header-bottom {
    background: none !important;
}
.flex-col.hide-for-medium.flex-right {
    margin-right: 40px;
}
.flex-col.hide-for-medium.flex-left {
    margin-left: 40px;
}
.flex-row.container {
    background: #fff;
}
.stuck .flex-row.container {
    background: #fff;
	border: 1px solid #eee;
    box-shadow: 0 0 10px #ddd;
}
div#wpmm-wrap-primary {
    height: 36px;
    line-height: 29px;
}
#wpmega-menu-primary>li {
    margin: 0 10px;
}
#wpmega-menu-primary>li>a {
    font-family: 'dinhit2';
    font-size: 13px;
    font-weight: 500;
	padding: 8px 0;
}
#wpmega-menu-primary>li>ul a {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link {
    margin-bottom: 0;
}
.wpmm-sub-menu-wrapper .wp-mega-sub-menu li {
    margin-bottom: 0;
}
.wpmm-mega-menu-href-title {
    margin-bottom: 0 !important;
	display: block;
}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal.wpmm-ctheme-wrapper ul.wpmm-mega-wrapper > li.menu-item-has-children > a:after {
	display: none;
}
.wpmm_megamenu .wpmm-sub-menu-wrap ul li a {
    font-size: 14px;
}



/* Main */
ul.woof_list.woof_list_checkbox li {
    width: 24%;
    float: left;
    display: inline-block;
    font-size: 16px;
    font-family: 'dinhit1';
	padding: 2px 0 !important;
}
.woof_container.woof_container_checkbox.woof_container_product_cat.woof_container_1.woof_container_danhmcsnphm {
    width: 100%;
}
ul.woof_list.woof_list_checkbox li li {
    width: 100%;
	font-family: 'dinhit3';
    font-size: 13px;
}
ul.woof_list.woof_list_checkbox li li input {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}
ul.woof_list.woof_list_checkbox li li label {
    padding: 0;
	font-weight: 500;
}
ul.woof_list.woof_list_checkbox li input {
    margin-right: 0;
}
ul.woof_list.woof_list_checkbox li ul {
    margin-top: 0 !important;
}
.woof_sid_auto_shortcode.woof {
    padding: 0;
	background: #fafdff;
    border: 0;
}
.woof_sid_auto_shortcode.woof .woof_container {
    padding-bottom: 0;
	margin-bottom: 0;
}
.woof_submit_search_form_container {
    margin: 0;
}
button.button.woof_reset_search_form {
    font-size: 10px;
    font-family: 'dinhit3';
    font-weight: 500;
    border-radius: 3px;
    width: 200px;
}
.woof_submit_search_form_container {
    text-align: center;
}
a.woof_edit_view {
    display: none;
}

.owl-nav button span{font-size:0}
.owl-item {
    display: inline-block;
}
.item {
    padding: 0;
}
.owl-dots {
    display: none;
}
.owl-nav {
    text-align: center;
}
.owl-nav button {
    color: #fff;
}

.owl_products .owl-prev,.owl_post .owl-prev {
    background: url(/wp-content/uploads/2021/06/prev.png);
    background-repeat: no-repeat;
    right: auto;
    left: -5%;
    position: absolute;
}
.owl_products .owl-next,.owl_post .owl-next {
    background: url(/wp-content/uploads/2021/06/next.png);
    background-repeat: no-repeat;
    right: -5%;
    left: auto;
    position: absolute;
}
.owl_products .owl-nav,.owl_post .owl-nav {
    top: -250px;
    position: relative;
}
.owl_products .owl-nav button,.owl_post .owl-nav button {
    border: none;
    width: 60px;
    height: 60px;
}
.owl-carousel-dev .owl-nav {
    position: relative;
    top: -10px;
}
.owl-carousel-dev .owl-nav button {
    border: none;
    background: none;
    color: #333;
	margin-bottom: 0;
}
.owl-carousel-dev .owl-nav button span {
    font-size: 50px;
}

.section .page-title-inner {
    padding: 5px 0 0 0;
}
.section nav.woocommerce-breadcrumb.breadcrumbs {
    font-size: 13px;
}
.section .title-breadcrumbs {
    padding: 10px 0;
}

.section1 .owl-item {
	float: left;
}
.section1 .product-small {
    padding-bottom: 0;
}
.section1 .large-12 {
    padding-bottom: 15px;
}
.section1 .price-wrapper, .section7_1 .price-wrapper, .products .price-wrapper, .related .price-wrapper {
    display: none;
}
.section1 .name.product-title.woocommerce-loop-product__title, 
.section7_1 .name.product-title.woocommerce-loop-product__title,
.shop-container .name.product-title.woocommerce-loop-product__title {
    color: #1D3463;
    font-weight: 600;
	font-family: dinhit1;
    font-size: 16px;
}
.section1 .box-text, .section7_1 .box-text, .shop-container .box-text {
    position: relative;
    min-height: 115px;
	padding: 5px;
}
.section1 .box-excerpt, .section7_1 .box-excerpt, .shop-container .box-excerpt {
    font-family: 'dinhit3';
    font-size: 13px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	position: absolute;
    bottom: 0;
    left: 0;
}
.section-title.section-title-center {
    font-family: 'dinhit1';
}
.contact .section-title.section-title-normal {
    font-size: 18px;
}
.section .section-title.section-title-center {
    font-size: 20px;
}
.section1_4 .row1 .col,.section1_4 .row1 .col .container.section-title-container {
    padding-bottom: 0;
    margin-bottom: 0;
}

.section3_1 .col {
    padding-bottom: 0;
}
.section3_1 .img img {
    width: auto;
    height: 40px;
}
.section3_1 .col.right .img {
    margin-bottom: 0;
    float: left;
    width: auto !important;
    margin-right: 15px;
}
.section3_1 .left {
    border-right: 1px solid;
    padding-right: 25px;
	height: 50px;
    line-height: 50px;
}
.section3_1 .left h3 {
    font-size: 22px;
}
.section3_2 h1 {
    font-family: 'dinhit1';
    font-size: 35px;
    letter-spacing: 2px;
}
.section3_2 h2 {
    font-family: 'dinhit3';
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 500;
}
.section3_2 input,.section3_2 select {
    height: 35px;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd;
    font-size: 13px;
    color: #666;
}

.section4_1 p {
    font-size: 14px;
}

.section5_1 .box-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.section5_1 p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.section5_1 .col.post-item:first-child {
    max-width: 100%;
    flex-basis: 100%;
    background: #fdf3bb;
    margin-bottom: 60px;
    padding: 30px;
}
.section5_1 .col.post-item:first-child .box-text p.from_the_blog_excerpt {
    -webkit-line-clamp: 5;
    line-height: 30px;
}
.section5_1 .col.post-item:first-child .box-image {
    width: 40%;
    float: left;
    margin-bottom: -55px;
}
.section5_1 .col.post-item:first-child .box-text {
    width: 60%;
    float: left;
    text-align: left;
    padding: 30px 0 30px 30px !important;
}
.section5_1 .col.post-item:first-child .box-text h5.post-title {
    font-size: 28px;
}
.section5_1 .col.post-item:first-child .box-text p.from_the_blog_excerpt {
    font-size: 18px;
}
.section5_2 .box-text {
    background: #fdf3bb;
	border: 1px solid #ecbc7a;
    right: 0;
    left: auto !important;
    margin-bottom: 5% !important;
}
.section5_2 .box-text h2 {
    font-size: 13px;
    font-weight: 500;
    font-family: 'dinhit2' !important;
}

.section6 .box-text {
    padding: 10px 0;
}
.section6 .box-text h5.post-title {
    font-size: 15px;
}
.section6 .box-text p.from_the_blog_excerpt {
    font-size: 13px;
}
.section6 .col.large-12 {
    padding-bottom: 0;
}
.section6 .col.post-item {
    padding-bottom: 0;
}

li.tab.has-icon {
    font-size: 18px;
    margin: 0 20px;
}
li.tab.has-icon a {
    font-family: 'dinhit1' !important;
}

.post h1.entry-title {
    font-size: 22px;
}
.post .entry-content {
    padding-top: 0;
}
.post .entry-divider.is-divider {
    margin: 0;
    max-width: 100%;
    height: 1px;
}
.large-9.col {
    padding-right: 15px;
}
.post-sidebar.large-3.col {
    padding-left: 15px;
}
.post-sidebar.large-3.col span.widget-title {
    font-family: 'dinhit1';
}
.post-sidebar.large-3.col .is-divider {
    margin: 5px 0;
    max-width: 100%;
    height: 2px;
}
.post-sidebar.large-3.col a {
    font-size: 14px;
}

.product-info h1.product-title {
    font-size: 22px;
    margin-bottom: 5px;
}
.product-info .is-divider {
    max-width: 100%;
    height: 2px;
    margin: 0;
}
.product-info .product-short-description {
    font-size: 14px;
}
.product-info .product-short-description p,
.product-info .product-short-description li {
    font-size: 14px;
    margin-bottom: 5px;
}
.product-info .product-short-description {
    margin-bottom: 15px;
}
.product-info form.cart {
    margin-bottom: 0;
}
.product-info button.single_add_to_cart_button {
    font-size: 13px;
    font-family: 'dinhit3';
    font-weight: 500;
    height: 40px;
}
.flickity-viewport .flickity-slider .woocommerce-product-gallery__image img {
    border: 1px solid #ddd;
}
.product-thumbnails img {
    border: 1px solid #ddd !important;
    opacity: 1;
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    margin: 0;
}
.product-thumbnails a:hover, .product-thumbnails .is-nav-selected a {
    border-color: #FFBF00;
}
span.woocommerce-Price-currencySymbol {
    font-family: Helvetica;
}
.product-footer .woocommerce-tabs a {
    font-family: 'dinhit1';
    color: #1D3463;
    font-size: 15px;
}
.product-footer .woocommerce-tabs li {
    margin: 0 15px;
}
.product-footer .woocommerce-tabs .tab-panels h2 {
    display: none;
}
.product-footer .woocommerce-tabs .tab-panels {
    padding-top: 0;
}
.product-footer .woocommerce-tabs .tab-panels p {
    font-size: 15px;
    margin-bottom: 7px;
}
.product-footer {
    padding-bottom: 15px;
}





.owl-item.active .product-small .col-inner {
    margin-top: 5px;
    margin-bottom: 5px;
}
.d-btn-xct {
	display: none !important;
    background: #eabd7a;
	color: #fff;
    z-index: 99999;
    width: 50%;
    height: 30px;
    line-height: 29px;
    position: absolute;
    bottom: 6%;
    left: 25%;
    border-radius: 3px;
    font-size: 13px;   
	font-family: 'dinhit3';
	font-weight: 500;
    text-align: center;
	text-transform: none;
}
/* .d-btn-xct:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background: black;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.4s cubic-bezier(0.24, 0.89, 0.68, -0.37);
}
.d-btn-xct:hover {
    color: #fff;
    &: before {
		height: 300%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
} */

.owl-item.active:hover .d-btn-xct,.shop-container .product-small:hover .d-btn-xct, .xt-cus .product-small:hover .d-btn-xct{
	display: block !important;
}
.owl-item.active:hover .product-small .col-inner:after,.owl-item.active:hover .product-small .box-excerpt:after, .product-small:hover .col-inner:after,.owl_post .post-item:hover .col-inner:after {
    content: '';
    background-color: rgb(241 250 254);
    display: block;
    z-index: 9999;
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.owl-item.active:hover .product-small .col-inner,.owl-item.active:hover .col-inner,.product-small:hover .col-inner {
    background-color: rgba(241, 250, 254, .4);
    background-color: rgb(241 250 254);
    box-shadow: 0 0px 10px rgb(0 0 0 / 10%);
    transition: visibility 0.3s linear, opacity 0.3s linear;
}


.dvls_maps_3col .dvls_maps_col:last-child button {
	width: 100%;
}
.dvls_maps_wrap .dvls-submit {
	background: url(/wp-content/uploads/2021/06/banner_prod.jpg) !important;
	font-size: 13px;
    font-family: 'dinhit1';
    color: #fff !important;
    line-height: 13px;
}

.contact .widget_custom_html {
    margin-left: 0;
}
.contact .widget_custom_html li {
    list-style: square;
}
.contact .large-4:first-child {
    padding-left: 0;
}
.contact .large-4:last-child {
    padding-right: 0;
}
.contact li, .contact p,.contact form span {
    font-size: 14px;
}
.contact h1.section-title {
    font-size: 16px;
}
.contact .container.section-title-container {
    margin-bottom: 5px;
}
.contact .col1 p {
    margin-bottom: 5px;
}


.video.video-fit.mb {
    height: 0;
	margin-bottom: 10px;
}


/* Footer */
.copyright-footer {
    font-size: 13px;
	font-family: 'dinhit3';
}
#footer {
    background: url(/wp-content/uploads/2021/06/foo.jpg);
    background-size: cover;
    background-position: center center;
}
#footer .row2, #footer .row3 {
    border-top: 1px solid;
    padding-top: 25px;
    padding-bottom: 20px;
}
#footer .row1 .icon-box-text h3 {
    font-size: 15px;
    line-height: 34px;
	font-family: 'dinhit2';
    font-weight: 500;
}
#footer .row1 .col {
    padding-bottom: 0;
}
#footer .row1 {
    padding-bottom: 20px;
}
#footer .row2 h2.text-footer-bold {
    font-size: 18px;
	font-family: 'dinhit2';
    font-weight: 500;
}
#footer .row2 p {
    font-size: 13.8px;
    margin-bottom: 5px;
	font-family: 'dinhit3';
}
#footer .row3 .menu li {
    display: inline-block;
    border: none;
    margin: 0 10px;
    margin-bottom: 2px;
}
#footer .row3 .menu {
    text-align: center;
}
#footer .row3 .widget_nav_menu {
    margin-bottom: 0;
}
#footer .row3 .menu li a {
    font-size: 13.8px;
    padding: 0;
	font-family: 'dinhit3';
}
#footer a,#footer li,#footer p {
    color: #333;
}
.copyright-footer a {
    color: #333 !important;
}
.copyright-footer {
    color: #444;
}








/* Back to top */
#top-link {
    -webkit-animation: rotation 2s infinite linear;
    -webkit-transition: all .25s linear;
}
.back-to-top {
    width: 41px;
    height: 41px;
    border-radius: 7px !important;
    border: 1px solid rgba(204, 204, 204, 0) !important;
    background: rgba(0, 0, 0, 0) url("img/to_top.png") no-repeat scroll -7px -7px;
}
.back-to-top:hover {
    background: rgba(0, 0, 0, 0) url("img/to_top.png") no-repeat scroll -55px -7px !important;
    -webkit-animation: rotation 2s infinite linear;
    -webkit-transition: all .25s linear;
}
.back-to-top .icon-angle-up {
    display: none;
}
/* End Back to top */


/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
.owl-nav button{width:30px;min-height:30px;line-height:20px}

.section .section-title.section-title-center{font-size:18px}	
.contact .section-title.section-title-normal{font-size:15px}	
.contact-map iframe{height:350px}
#footer .row1 .icon-box-text h3{font-size:10px}
#footer .row1 .icon-box-img{width:20px!important;margin-top:5px}
.section1 .box-text,.section7_1 .box-text,.shop-container .box-text{padding:5px 0}
.section1 .name.product-title.woocommerce-loop-product__title a,.section7_1 .name.product-title.woocommerce-loop-product__title a,.shop-container .name.product-title.woocommerce-loop-product__title a{overflow:hidden;text-overflow:ellipsis;line-height:20px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.section1 .name.product-title.woocommerce-loop-product__title,.section7_1 .name.product-title.woocommerce-loop-product__title,.shop-container .name.product-title.woocommerce-loop-product__title{font-size:12px}
.section1 .box-excerpt,.section7_1 .box-excerpt,.shop-container .box-excerpt{font-size:12px}	
.section3_1 .text{text-align:center!important}
.section3_1 .col.right .img{margin:0 3px}	
.section3_2 h1{font-size:18px}
.section3_2 h2{font-size:13px}
.dvls_maps_3col .dvls_maps_col:last-child{width:50%!important}
.dvls_result_infor h3{font-size:16px!important}
.dvls_result_infor p{font-size:13px}
.section5_1 .col.post-item:first-child .box-image{width:100%;margin-bottom:0;float:unset}
.section5_1 .col.post-item:first-child .box-text{width:100%;float:unset;padding:10px 0!important}
.section5_1 .col.post-item:first-child{padding:15px;margin-bottom:0;background:none}
.section5_1 .col.post-item:first-child .box-text h5.post-title{font-size:16px}
.section5_1 .col.post-item:first-child .box-text p.from_the_blog_excerpt{font-size:14px;line-height:1.5}	
.section5_1 .box-text{text-align:left}
.section5_1 .box-text{font-size:16px}
.section5_1 .box-text p.from_the_blog_excerpt{font-size:14px;line-height:1.5}
ul.woof_list.woof_list_checkbox li{width:100%}
.d-btn-xct{width:81%;left:10%}
.product-footer .woocommerce-tabs li{width:33.33%}
.product-footer .woocommerce-tabs li a{font-size:12px;text-align:center;background:#f9f9f9;border:1px solid #eee}
.product-footer .woocommerce-tabs .tab-panels{padding-top:15px}
.product-footer .woocommerce-tabs .tab-panels p{font-size:13px}
.product-info h1.product-title{font-size:16px}
.product-info .price-wrapper .price{font-size:18px;padding:10px 0}
.header.show-on-scroll,.header.has-transparent,.header.transparent{position:unset;height:auto!important;background:url(/wp-content/uploads/2021/06/banner_prod.jpg) !important;}
.transparent #logo img{max-height:65px !important}
.transparent .header-main{height:70px !important}
#header{height:auto}
select.orderby{font-size:13px}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{font-size:13px;font-family:'dinhit3';font-weight:500}
li.woocommerce-mini-cart-item.mini_cart_item{font-size:12px}
.cart-popup-inner.inner-padding{padding:7px}
.cart-popup-inner.inner-padding p.woocommerce-mini-cart__buttons.buttons a{font-size:12px}
.row.category-page-row{padding-top:15px}
.owl_products .owl-prev,.owl_post .owl-prev,.owl_products .owl-next,.owl_post .owl-next{background:none}
.owl-nav button span{font-size:35px;color:#333}
.owl_products .owl-nav button,.owl_post .owl-nav button{width:auto}
.owl_products .owl-next,.owl_post .owl-next{right:-9%}
.owl_products .owl-nav,.owl_post .owl-nav{top:-200px}

}