/*
Theme Name: Shop2
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.ban-chay-nhat-tuan .badge-container {
    display: none !important;
}

.badge-container {
    display: none !important;
}

.social-icons {
     display: none !important;
}

.goi-ngay {
    display: none !important;
}

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

.add-to-cart-button {
    display: none !important;
}

.box-text-products .ajax_add_to_cart {
    display: none !important;
}

.cart .quantity,.cart .buttons_added {
    display: none !important;
}

.cart .single_add_to_cart_button {
    display: none !important;
}

a.devvn_buy_now {
    display: none !important;
}

.additional_information_tab {
    display: none !important;
}

.reviews_tab {
    display: none !important; 
}

.showinfo {
    position: absolute;
    top: 0px;
    width:100%;
    height:100%;
    z-index:22;
    display:block;
    background: #fff; 
}
.product-small:hover .showinfo{
    display:block;
    cursor:pointer;
    opaticy: 0.5;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 330px;
}

.social-button{
      display: inline-grid;
        position: fixed;
        bottom: 25px;
        left: 25px;
        min-width: 45px;
        text-align: center;
        z-index: 99999;
		color: transparent;
    }
    .social-button-content{
      display: inline-grid;   
    }
    .social-button a {padding:8px 0;cursor: pointer;position: relative;}
    .social-button i{
      width: 50px;
        height: 50px;
        background: #FFB324;
        color: #fff;
        border-radius: 100%;
        font-size: 30px;
        text-align: center;
        line-height: 1.777777;
        position: relative;
        z-index: 999;
    }
    .social-button span{
      display: none;
    }
    .alo-circle {
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: zoomIn;
        width: 60px;
        height: 60px;
        top: 3px;
        right: -5px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid #333;
        opacity: .1;
        opacity: .5;
    }
    .alo-circle-fill {
		  animation-iteration-count: infinite;
		animation-duration: 1s;
		animation-fill-mode: both;
		animation-name: pulse;
		width: 70px;
		height: 70px;
		top: -2px;
		right: -9px;
		position: absolute;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		border: 2px solid transparent;
		background-color: #ffb32469;
		opacity: .75;
    }
    .call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block}
    .social-button a span {
        border-radius: 2px;
		text-align: center;
		background: #FFC701;
		padding: 9px;
		display: none;
		width: 180px;
		margin-left: 10px;
		position: absolute;
		color: #333;
		z-index: 999;
		top: 12px;
		left: 70px;
		transition: all 0.2s ease-in-out 0s;
		-moz-animation: headerAnimation 0.7s 1;
		-webkit-animation: headerAnimation 0.7s 1;
		-o-animation: headerAnimation 0.7s 1;
		animation: headerAnimation 0.7s 1;
    }


.animated {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}