/*
Theme Name: shopsmartwatch
Description: shopsmartwatch
Author: shopsmartwatch
Template: flatsome
Version: 6.0.23
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.searchform-wrapper .search_categories {font-size: 13.5px;height: 31px;border: 0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border-right: 1px solid #eaeaea;}
.searchform-wrapper input[type=search] {height: 31px;border: 0;font-size: 13.5px;}
.searchform-wrapper .searchform .button.icon {height: 20px!important;width: 50px;border: 1px solid #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background: #d60404;font-size: 12.5px;}
b, strong{font-weight: 500;}
.header-inner .icon-box-text {padding-left: 5px!important;}
.header-inner .icon-box-img img{padding-top: 0.5em;}
.header-bottom li.header-block{width: initial;}
.nut_cua{font-size: 0.8em;font-weight: 500;box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);}
.nav li:nth-child(2) a:after{border-left: none;}
.tin-khuyen-mai .col{padding-bottom: 0;}
.tin-khuyen-mai .cot2 .wpcf7 form input[type=email] {background-color: #fff!important;border-radius: 3px;color: #444!important;}
.tin-khuyen-mai .cot2 .wpcf7 form input[type=email]::placeholder{color: #999;}
.tin-khuyen-mai .cot2 input[type=submit]:not(.is-form) {border-radius: 3px;background: #ffc800;font-weight: 400;text-transform: none;}
.absolute-footer{display: none;}
a.back-to-top {border: 0;background-color: #ffba00!important;color: #fff!important;}
.shop-container, .archive #main {background: #eff0f3;}
.slider-section .row .col{padding-bottom: 0;}
.slider-section .slider-wrapper+.row:not(.row-collapse){margin-top: 18px;}
.fan_p iframe{max-width: 175px;}
.box-text-products p.product-title{max-height: 39px;overflow: hidden;}
.heading {background: #f7f7f7;min-height: 49px;border-bottom: 4px solid #d60404;position: relative;height: 50px;}
.heading h2 {font-size: 16px;margin: 0;font-weight: 400;padding: 16px;}
.heading h2 a {color: #1fab00;text-transform: uppercase;}
.readmore {position: absolute;top: 12px;right: 15px;font-size: 14px;color: gray;font-weight: normal;padding-right: 2px;padding-top: 1px;transition: all .3s;}
.readmore:hover {color: green;}
.heading h2 img{padding-bottom: 5px;}
.sp-title h2{margin: 0;padding-left: 15px;font-size: 18px;background: #e8b35f;color: #fff;height: 43px;line-height: 43px;text-transform: none;border-radius: 5px 0 0;font-weight: 500;}
.sub-menu2 .tabbed-content .nav {height: 43px;border-top: 1px solid #e8b35f;background: #f7f7f7;}
.sub-menu2 .tabbed-content .nav li.active a {color: #e8b35f;}
.sub-menu2 .tabbed-content .nav li.active a:before {background-color: #e8b35f;}
.sub-menu2 .tabbed-content .nav li a span{font-size: 15px;}
.sub-menu2 .tabbed-content .nav li{margin-right: 40px;}
.sub-menu2 .tabbed-content .nav li:last-child{margin-right: 30px!important;}
.sp-title h5.header-title{padding-top: 5px; padding-bottom: 5px;}
.du-an-tb .col2{padding-bottom: 0!important;}
.star-rating:before{color: #d7102c!important;}
.star-rating span:before{color: #d7102c!important;}
.tin-tuc .page-subheading {text-align: center;display: inline-block;margin: 0 auto;width: 100%;font-size: 24px;padding: 0 0 15px;border-bottom: 1px solid #eaeaea;position: relative;color: #ff5622;font-weight: 500;}
section.san-pham{padding-bottom: 0!important;}
.tin-tuc .page-subheading:before {position: absolute;content: "";height: 2px;background: #ff5622; width: 80px;bottom: 0;right: 0;margin: 0 auto;left: 0;}
.tin-moi{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding-bottom: 0!important;}
.tin-moi .badge.post-date{display: none;}
.tin-moi .is-divider{display: none;}
.blogs col{padding-bottom: 0!important;}
.gia-tri{padding-bottom: 0!important;}
.shop-container .content-row {background: #fff;margin-top: 30px;}
.shop-container .product-main {padding-top: 20px;}
#product-sidebar{padding-top: 20px;}
.breadcrumbs a, .shop-container .product-main .breadcrumbs a {color: #ff5622; text-transform: inherit;}
.shop-container .product-main .product-title {font-size: 27px;font-weight: 400;}
.blog-archive .box-text-inner.blog-post-inner {height: 125px;overflow: hidden;}
.product-footer .tabbed-content .tab-panels {font-size: 14.5px;color: #505050;}
#fbuilder .top_aligned .fields label {color: green;}
.shop-container .product-footer .product-tabs li a {font-size: 16px;font-weight: 500;}
#cp_calculatedfieldsf_pform_1 #fbuilder .fields:not(.section_breaks) {padding: 10px;margin-bottom: 10px;background: #EBECEC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.single_add_to_cart_button {border-radius:5px}
.quantity .button.minus {border-radius: 3px 0 0 3px;}
.quantity .button.plus {border-radius: 0 3px 3px 0;}

.product-page-sections {
    & .product-section {
        & > .row {
            >.col {
                flex-basis: 100%;
                max-width: 100%;
            }
        }
    }
}


/*modal*/
.modal {
	opacity:0;
	visibility:hidden;
	display:flex; 
	align-items:center;
	justify-content:center;
  position: fixed;
  z-index: 999!important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, .4);
	display:none;
	
	&.active {
		display:flex;
		opacity:1;
		visibility:visible;
		transform:scale(1);
		.modal-content {
			transform:scale(1);
		}
	}
}
.single-product {
	.woocommerce-message,
	.woocommerce-error{
		display:none
	}
}
.modal-content {
	 background-color: #fff;
	 margin: auto;
	 padding: 20px;
	 width: 960px;
	max-height:90vh;
	overflow:auto;
	transition:.4s all ease-in-out;
	max-width:100%;
	margin:15px;
	border-radius:42px;
	transform:scale(.8);
	.close {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: 2px solid #018445;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 20px;
		right: 25px;
		cursor:pointer;
		>svg {
			color:#018445;
		}
	}
	#product-info {
		.box_item {
				padding: 20px 0;
				border-bottom: 2px dashed #E6E6E6;
				margin-bottom: 20px;
				display:flex; 
				align-items:center;
			.image {
				 flex: 0 0 120px;
				border-radius: 16px;
				border: 2px solid #AAD6FF;
				position:relative;
				>img {
					border-radius: 16px;
				}
				.qty {
					position: absolute;
					top: -12px;
					right: -12px;
					width: 28px;
					height: 28px;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #fff;
					background: #018445;
					border-radius: 50%;
				}
			}
			.info {
				padding-left: 20px;
				flex: 1 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left {
					h2 {
						margin-bottom: 0;
    					color: #3A3A3A;
					}
					>span {
						color:#3A3A3A;
						margin-left:8px;
						font-size:1.3em
					}
					.combo {
						color: #7C7C7C;
    					font-size: 14px;
					}
					.khuyen_mai {
						 border: 1px solid #BDBDBD;
						border-radius: 8px;
						display: inline-block;
						font-size: 16px;
						padding: 3px 12px;
						margin-top: 10px;
					}
					}
				.right {
					.value {
						color: #018445;
						font-weight: 900;
						font-size: 2em;
					}
				}
				}
			}
		}
}
	

.modal .form_submit input {
        margin: 0;
        margin-top: 20px;
        border-radius: 8px;
        background: #018445;
        width: 300px;
        max-width: 100%;
        display: flex;
        justify-content: center;
        color: #fff;
}

.modal .form_submit {display: flex;justify-content: center;}

.modal .info .right .value * {font-size:15px;color: #018445;}
.modal .info .right .value del, .modal .info .right .value del * {color: #555;}



.product-more {
    display: flex;
    align-items: center;
    font-size: 14px
}

.product-more .star {
    display: flex;
    align-items: center;
    color: #7d7d7d;
    margin-right: 16px;
    position: relative
}

.product-more .star .star-rating {
    top: -1px;
    margin: 0
}

.product-more .star::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background-color: #7d7d7d;
    right: -9px
}

.product-more .star span {
    padding-right: 4px;
    color: #7d7d7d
}

.product-more .star img {
    width: auto
}

.product-more .sold {
    color: #7d7d7d
}

.product-more.evaluate .sold {
    position: relative
}

.product-more.evaluate .sold::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background-color: #7d7d7d;
    right: -9px
}

.product-more.evaluate .evaluate {
    padding-left: 16px;
    color: #bd141a
}

/**/

.single_add_to_cart_button {padding:0 60px;background:#cc0e04 !important;}

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


}

/*end*/