/* 
Theme Name: ECOMCX Theme
Theme URI: https://ecomcx.com/
Description: Theme được phát triển bởi đội ngũ ECOMCX. Hỗ trợ 24/7: 0931 2686 39 (Zalo)
Author: ECOMCX
Author URI: https://ecomweb.net/
Template: hello-elementor
Version: 1.5
Text Domain: ecomcx-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: ecomcx, ecomweb, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Global*/
@import url("../hello-elementor/style.css");
* {
	font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 700;
	margin:  0;
}
p {
	margin: 0;
}
a {
	color: #ea1b21;
}
a:hover{
	color: #0093d6;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.justify{
	text-align: justify;
}

/*End of Global*/

a {
    color: #000000;
    text-decoration: none;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.button .icon svg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    fill: #fff;
}
span.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: -10px !important;
}
body.page.page-template-default h1,
body.page.page-template-default h2,
body.page.page-template-default h3{
    padding: 10px 0 15px;
	font-weight: 500;
}
body.woocommerce-page h1,
body.woocommerce-page h2,
body.woocommerce-page h3{
	text-transform: uppercase;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color: #000;
	border-radius: 0;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #5a5a5a;
}
/* tagcloud */
.elementor-widget-wp-widget-tag_cloud h5{
    display: none
}
.elementor-widget-wp-widget-tag_cloud .tagcloud{
    padding-left: 10px;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a {
    font-size: 14px !important;
    padding: 5px 0;
    display: inline-block;
    position: relative;
    margin: 0 15px 10px 0;
    border: 0;
    border-radius: 0;
    color: #333;
    font-size: 15px;
    padding: 5px 5px 5px 15px;
    display: inline-block;
    font-weight: 600;
    background: #f3f3f3;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    left: 2px;
    border: 1px
 solid #ccc;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    border-style: solid;
    border-width: 16px 10px 16px 0px;
    border-color: transparent #f3f3f3;
    left: -10px;
    right: auto;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a:hover:after {
    border-color: transparent #000;
    
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a:hover, .elementor-widget-wp-widget-tag_cloud .tagcloud a:focus {
    color: #fff;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud a:hover, .elementor-widget-wp-widget-tag_cloud .tagcloud a:focus {
    border-color: #000000;
	  background-color: #000000;
}
/* searchpost */
.searchpost-alphabet a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    margin: 0 5px 5px 0;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 50px;
    transition: all ease .2s;
}

.searchpost-alphabet a:hover{
    border-color: #959595;
    color: #000;
}
.searchpost-alphabet a.active{
    border-color: #000;
    background: #000;
    color: #fff;
}

/* Header */
#main_menu .menu-item-has-children>a:after {
    background: url("asset/images/right-svgrepo-com.svg");
    background-size: contain;
}
#main_menu .submenu-back:before {
    background: url("asset/images/left-svgrepo-com.svg");
    background-size: contain;
}
/* box__slideshow */
.box__slideshow-split .flickity-enabled .caption-inner * {
	transform: translateY(0) !important;
}
.box__slideshow-split .slideshow-item .box_slideshow-item{float:left}
.box__slideshow-split .slideshow-item:after{content: '';display: table;clear: both}
.box__slideshow-split .slideshow-item .site-box-background:after {display: none}
.box__slideshow-split{z-index:4}
.slideshow-item .caption-inner{width: 50%;z-index: 9;text-align: left;padding-bottom:70px;}
.slideshow-item .caption-inner .caption {color:#262627;	opacity: .92;	font-size:15px;	margin-bottom: 70px;}
.slideshow-item .caption-inner h3.title {text-transform: uppercase;color:#262627;font-size: 30px;line-height: 1.125;margin-bottom: 0;font-weight: 500;}
.slideshow-item .caption-inner .subtitle{color:#262627;font-style:italic;font-size:18px;line-height:1;opacity: .66;margin-top:40px}
.slideshow-item .caption-inner .button {
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 35px;
	position: relative;
	background:#262627;
	color: #e2e3e6;
	cursor: pointer;
	margin: 0;
	margin-top: 30px;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	-webkit-appearance: none;
	-ms-transition:opacity 150ms linear,color 150ms linear,padding 200ms linear;
	-webkit-transition:opacity 150ms linear,color 150ms linear,padding 200ms linear;
	transition: opacity 150ms linear,color 150ms linear,padding 200ms linear;
}
.slideshow-item .image-banner >div {position: absolute;	width: 100%;height: 100%;}
.slideshow-item .image-banner .site-box-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-ms-transition: background 200ms linear;
	-webkit-transition:  background 200ms linear;
	transition: background 200ms linear;
}
.slideshow-item .image-banner .site-box-background img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover";
	opacity: 0;
	-ms-transition: opacity 150ms linear;
	-webkit-transition:  opacity 150ms linear;
	transition: opacity 150ms linear;
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slideshow-item .image-banner .site-box-background img.lazyloaded {	opacity: 1;}
/*---*/
.box__slideshow-split{
	position: relative;
	background: #fff;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content: center;
}
.box__slideshow-split .site-box-content { z-index: 9;width:100%}
.box__slideshow-split .slideshow-item .box_slideshow-item{
	position: relative;
	width: 50%;
	height: 100vh;
	overflow: visible;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column; 
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content: center;
}
.slideshow-item .caption-inner{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
	z-index: 9;
}
.box__slideshow-split .slideshow-item .image-banner .site-box-black-overlay {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
}
.box__slideshow-split  .slideshow-item:first-child .box_slideshow-item .site-box-content {
	opacity: 0;
	-webkit-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
	-moz-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
	-o-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
	transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform: translateY(50px);
}
.box__slideshow-split .slideshow-item:first-child .box_slideshow-item.active .caption-inner{
	opacity: 1;
	-webkit-transform:translateY(0);	
	-moz-transform:translateY(0);	
	-o-transform:translateY(0);	
	transform: translateY(0);	
}
.box__slideshow-split .slideshow-item .site-box-background-container>div.clip-transition {
	-webkit-transition:clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 600ms linear;
	-moz-transition:clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 600ms linear;
	-o-transition:clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 600ms linear;
	transition: clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1),opacity 600ms linear;
}
.box__slideshow-split .slideshow-item:not(:first-child) .site-box-background-container div:not(.active) {display: none}
@media(max-width:1199px) and (min-width:992px){
	.slideshow-item .caption-inner {width: 70%;}
}
@media(min-width:992px){
	.box__slideshow-split .slideshow-item .box_slideshow-item{background:#ffffff;height: 100vh;}
	.box__slideshow-split .slideshow-item .image-banner {position: fixed;width: 50%;height: 100vh;right: 0;top: 0;}
	.box__slideshow-split.back-to-normal .image-banner{	position: absolute;width: 100%;right: -100%;}
	.slideshow-item .caption-inner .button{align-self: flex-start;	-webkit-align-items:flex-start;}
	.box__slideshow-split:not(.back-to-normal) .image-banner {-ms-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);	transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
	.box__slideshow-split:not(.back-to-normal) .image-banner{-webkit-transition:transform 250ms linear;-moz-transition:transform 250ms linear;-o-transition:transform 250ms linear;transition:transform 250ms linear}
}
@media(max-width:991px){
	.box__slideshow-split .site-box-content {width: 100%;	height:100%}
	.box__slideshow-split .slideshow-item {width: 100%;height: calc(100% - 60px)}	
	.box__slideshow-split .slideshow-item .box_slideshow-item{width: 100%;height: 100%;}
	.box__slideshow-split .slideshow-item .image-banner{width: 100% ;	height: 100%;right: 0;	position: absolute;}
	.box__slideshow-split .slideshow-item .image-banner>div {clip: auto !important;}
	.box__slideshow-split .slideshow-item .caption-inner {width:70%;margin: auto;	text-align: center;	color: #fff;}
	.slideshow-item .caption-inner h3.title,.slideshow-item .caption-inner .subtitle,.slideshow-item .caption-inner .caption{color:#fff;}
	.slideshow-item .caption-inner .subtitle{margin-top:30px}
	.slideshow-item .caption-inner .button{background:#fff;color:#000;align-self: center;-webkit-align-self:center;height: 40px;line-height: 40px;position: absolute;bottom: 10px;right: 10px;border-radius: 7px;border: 1px solid #dfdfdf;box-shadow: 0 4px 4px rgb(0 0 0 / 25%);}
	.box__slideshow-split .slideshow-item .image-banner .site-box-black-overlay{opacity: .4 !important;}
	.box__slideshow-split .slider-meta{display:-webkit-flex!important;display:flex!important;position:absolute;bottom:0;left:0;width:100%;height:60px;padding:18px 30px 0;z-index:99}
	.box__slideshow-split .slider-index {font-size:14px;text-align: center;font-weight: 600;cursor: default;}
	.box__slideshow-split .slider-nav {position: absolute;right: 30px;}
	.box__slideshow-split .slider-nav span {cursor: pointer;}
	.box__slideshow-split .slider-nav .go-prev {margin-right: 30px;}
	.box__slideshow-split .go-prev svg {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	/* slide mobie */
	.box__slideshow-split{min-height: initial;-webkit-justify-content:flex-start;	-moz-justify-content:flex-start;justify-content: flex-start;}
	.box__slideshow-split .flickity-enabled .slideshow-item {opacity: 1 !important}	
	.box__slideshow-split .slideshow-item:not(:first-child) {	opacity: 0}
	.box__slideshow-split .slideshow-item:first-child .site-box-content {-ms-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition:transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;}
	.box__slideshow-split .slideshow-item:first-child .box__slideshow-item.active .site-box-background {opacity: 1}
	.box__slideshow-split>.site-box-content:after {content: 'flickity';	display: none}
}
@media(max-width:767px){
	.box__slideshow-split .slideshow-item .caption-inner {width:80%;}
	.slideshow-item .caption-inner .caption{margin-bottom:40px}
	.slideshow-item .caption-inner h3.title {font-size:20px;font-weight: 500;}
}
@media(min-width:992px){
	body.opening .box__slideshow-split:not(.back-to-normal) .site-box-background-container {
		transform: translateX(-480px);
	}
}
/* box_stick */
@media(min-width:992px){
	.box_stick {
		position: sticky !important;
		border-right: 1px solid #ededed;
		height: 100vh;
		top: 0;
	}
}
@media (max-width: 767px){
	.box_stick {
		height: 50vh;
		border-bottom: 1px solid #ededed;
	}
}
/* Button icon */
.button-icon a,
.button-icon{
    position: relative;
}
.button-icon .elementor-button-icon{
	margin: 0 !important;
}
.box__slideshow-split .button-icon .icon,
.button-icon .elementor-button i {
    width: 0;
    height: 100%;
    display: block;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box__slideshow-split .button-icon:hover, .box__slideshow-split .button-icon:focus ,
.button-icon .elementor-button:hover, .button-icon .elementor-button:focus {
    padding-right: 60px!important;
}
.box__slideshow-split .button-icon:hover .icon, .box__slideshow-split .button-icon:focus .icon,
.button-icon .elementor-button:hover i, .button-icon .elementor-button:focus i {
    opacity: 1;
    right: 15px;
    width: 31px;
}
body.single .entry-content h1,
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single .entry-content h5,
body.single .entry-content h6,
body.single .entry-content ul,
body.single .entry-content p{
	margin-bottom: 10px;
}
/* woo */
.elementor-wc-products a.add_to_cart_button {
	display: none;
}
.woocommerce .woocommerce-breadcrumb{
	margin-bottom: 0;
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins,
.woocommerce div.product p.price ins{
    text-decoration: none;
}
.woocommerce div.product .price bdi{
	color: #000;
	font-weight: 600;
}
.woocommerce div.product form.cart .button.buy_now_button {
    background: #7e8a91 !important;
	margin-left: 8px
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-breadcrumb a{
	color: #000;
}
/* pagination */
.woocommerce-pagination,
.elementor-pagination{
    margin: 20px 0;
}
.woocommerce-pagination .page-numbers .page-numbers,
.elementor-pagination .page-numbers{
    border-radius: 5em;
    color: #666666;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    margin: auto 3px;
    width: 30px;
    align-items: center;
    justify-content: center;
}
.woocommerce-pagination .page-numbers .page-numbers:hover,
.woocommerce-pagination .page-numbers .page-numbers.current,
.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover{
     background-color: black;
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{
    border: none;
}

/* archive_product-list_category */

.archive_product-list_category {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -10px;
}

.archive_product-list_category .box{
            max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 0 10px;
    position: relative;
}
.archive_product-list_category .box .box-text{
    background: #fff;
    max-width: 150px;
    display: block;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    bottom: auto !important;
    z-index: 16;
    left: 0;
    right: 0;
}
.archive_product-list_category .box .box-text a{
    border: 1px solid #837b74;
    color: #131312;
    padding: 5px;
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    font-weight: 600;
}
.archive_product-list_category .box:hover .box-text a,
.archive_product-list_category .box:hover .box-text{
    border-color: #fff;
    color: #fff;
    background: #000;
}
.archive_product-list_category .box:hover .box-text{
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 767px){
    .archive_product-list_category .box{
        max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		padding: 0 10px
	}
}
.box__slideshow-split .desc{
	clear: both;
    padding: 20px;
}
#product_desc h1,
body.single h1 {
    font-size: 24px;
    font-weight: 500;
}
#product_desc h2,
body.single h2 {
    font-size: 22px;
    font-weight: 500;
}
#product_desc h3,
body.single h3 {
    font-size: 20px;
    font-weight: 500;
}
#product_desc h4,
body.single h4 {
    font-size: 18px;
    font-weight: 500;
}
h1{
	font-size: 24px;
}
h2{
	font-size: 22px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
.checkout-button,
.wh-widget-button-icon.wh-messenger-bg-activator,
#place_order{
    background-color: #2c5a98 !important;
}
.woocommerce .products .product_type_simple{
	display: none
}

.elementor-nothing-found.elementor-products-nothing-found {
    min-height: 50vh;
}