/*

Theme Name: Flatsome Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



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



/*@font-face {

    font-family: 'Meta';

    src: url('font-face/MetaBold-Roman.woff2') format('woff2'),

                url('font-face/MetaBold-Roman.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}*/



@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/





}

.mona-list-varid{

    display: block;

    list-style: none;

    margin-bottom: 0;

}

.mona-list-varid .item{

    margin: 0;

    display: inline-block;

}

.mona-list-varid .item .action{

    position: relative;  

}

.mona-list-varid .item .action .mona-bg{

    cursor: pointer;

    width: 30px;

    height: 30px;

    border-radius: 30px;

    display: block;

    border: 2px solid transparent;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.mona-list-varid .item.active .action .mona-bg{

    border-color: #ec1c24;

}

.mona-list-varid .item .action .name{

    position: absolute;

    bottom: 100%;

    left: 50%;

    white-space: nowrap;

    opacity: 0;

    visibility: hidden;

    font-size: 12px;

    font-weight: normal;

    background: #000;

    color: #fff;

    padding: 5px;

    border-radius: 3px;

    margin-bottom: 5px;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    transform: translate(-50%);

    -moz-transform: translate(-50%);

    -webkit-transform: translate(-50%);

}

.mona-list-varid .item:hover .action .name{

    visibility: visible;

    opacity: 1;



}

.mona-list-varid .item .action .wrap-name:after{

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}

.mona-list-varid .item .action .wrap-name:after {

    border-color: rgba(136, 183, 213, 0);

    border-top-color: #000000;

    border-width: 5px;

    margin-left: -5px;

}

.more-tool{

    font-size: 12px;

    color: #7d7d7d;

    vertical-align: super;

    margin-left: 5px;

    text-decoration: underline;  

}

.mona-overflow-item{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

    padding: 0;

    padding-left: 0;

    padding-right: 0;

}

.mona-overflow-item a{

    padding: 10px; 

    width: 100%;

    height: 100%;

    display: flex !important;

    justify-content: center;

    align-items: center;

    font-size: 25px;

    margin: 0;

}

.wrap-absolute{

    text-align: center;

}

.mona-overflow-item .fa{

    display: block;

}

.mona-down-wrapper{

    display: block;

    text-align: center;

}

.mona-down-wrapper .list-down{



}

.mona-down-wrapper .list-down li{

    list-style: none;

    margin: 0;

    display: inline-block; 

}

.mona-down-wrapper .list-down li a{

    margin: 0;

    padding: 0px 5px;

    border-bottom: 1px solid #037dff;

    color: #0378ff;

}

.mona-tai-nguyen-title.page-title{

    border-bottom: 1px solid rgba(0,0,0,0.1);

    padding-bottom: 5px;



    font-size: 1.6em;

}

label{

    cursor: pointer;

}

.mona-input{

    display: none;

    display: none !important;

}

.ip-var{

    width: 20px;

    height: 20px;

    border-radius: 3px;

    margin-right: 5px;

    display: inline-block;

    border: 1px solid #d0d0d0;

    vertical-align: middle;

    text-align: center;

}

.ip-var:before{

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 0;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f00c";

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    line-height: 20px;

    color: #ec1c24;



}

.mona-input:checked+.ip-var:before{

    font-size: inherit;

}

ul.menu .mona-filter-item{

    margin-bottom: 10px;

}

.mona-product-tab-sections .uppercase.mt{

    padding: 0 !important;

}

.mona-product-tab-sections .uppercase.mt span{

    width: 50%;

    float: left;

    text-align: center;

    padding: 20px;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    position: relative;

}

.mona-product-tab-sections .uppercase.mt span.active:before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-left: transparent solid 20px;

    border-right: transparent solid 20px;

    left: 50%;

    transform: translateX(-50%);

    border-top: #ddd solid 20px;

    bottom: -20px;

    z-index: 1;

}

.mona-product-tab-sections .uppercase.mt span.active:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-left: transparent solid 20px;

    border-right: transparent solid 20px;

    left: 50%;

    transform: translateX(-50%);

    border-top: #fff solid 20px;

    bottom: -18px;

    z-index: 1;

}

.mona-product-tab-sections .uppercase.mt span:hover,

.mona-product-tab-sections .uppercase.mt span.active{

    color: #f5752b;

}

.mona-reply {

    margin-top: 10px;

    margin-left: -10px;

}

.mona-reply span {

    color: #666;

    font-size: 90%;

    font-weight: 700;

    cursor: pointer;

    margin-left: 10px;

}

.mona-reply:hover span {

    color: #00a5d9;

}

.mona-cance-reply{

    cursor: pointer;

}

.mona-comment-form .mona-submit{

    color: #fff;

}

.mona-comment-form .mona-submit:after{

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 0;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear;

    content: "\f1ce";

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    margin-left: 10px;

}

/* .mona-comment-form.loading .mona-submit:after{

    font-size: inherit; 

} */

.mona-cmt-tab{

    display: none;

}

.mona-cmt-tab.active{

    display: block;

}

th:first-child, td:first-child{

    padding-left: .5em

}
.checkout-sidebar th:first-child, .checkout-sidebar td:first-child{

    padding-left: 0 ;

}
/*.checkout-sidebar label  {
  
    cursor: none !important;

}*/
 .shipping__list_label {
     
    pointer-events: none !important;
    -ms-flex: 1;
    flex: 1;
}
.mona-before-add-to-cart-form{

    text-align: left;

}

.mona-note{

    color: red;

    font-weight: bold;

}

.mona-before-add-to-cart-form .f-control{

    height: 50px;

    min-height: 0;  

}

.mona-before-add-to-cart-form  .sub-note{

    margin-bottom: 20px;

    font-size: 14px;

}

.red{

    color: red;

}

.commentlist.comment{

    padding: 0;

    font-size: 13px;

}

.commentlist.comment > li{

    margin: 0;

    border-bottom: 3px solid #eee;

}

.comment .comment-text{

    padding: 0;

    padding-left: 15px;

}

.comment .comment_container{

    width: 80%;

    padding: 10px 0 15px 0;

    margin: 0 auto;

}

@media screen and (max-width: 549px){

    .comment .comment_container{

        width: 100%;

    } 

}

.commentlist .children .comment:first-child .comment_container{

    border-top: 0;

}

.commentlist .children .comment:last-child .comment_container{

    border-bottom: 0;

}

.comment .children{

    margin: 0;

}

.comment .children >li{

    padding: 0;

    padding-left: 30px;

}

.comment .children li .comment_container{

    padding: 10px;

    background-color: #f2f1f3;

}

.comment+.comment{

    border-top: none;

}

.commentlist .description p{

    margin-bottom: 0;

}

#comments .normal{

    background: #f7f7f7;

    padding: 20px;

    color: #333;  

    border-bottom: 1px dotted #ddd; 

    font-size: 13px;

    margin-top: -28px;

}

.wrap-submit-comment {

    padding: 30px;

    background-color: #f7f7f7;

    margin: 0;

}

.comment .avatar {

    border-radius: 100%;

    width: 40px;

    height: 40px;

}

/*#reviews_summary{

    width: 40%;

    float: right;

    padding-left: 40px;

}

#reviews{

    width: 60%;

    float: left;

}*/

#reviews_summary >h3{

    background: #f7f7f7;

    padding: 20px;

    color: #333;

    border-bottom: 1px dotted #ddd;

    font-size: 18px;

    line-height: 1.5;

}

#reviews >#comments >h2{

    color: #333;

    border-bottom: 1px dotted #ddd;

    font-size: 14px;

    line-height: 1.5;

    padding-bottom: 10px;

}

.woocommerce-product-rating{

    padding: 0 20px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e2e2e2;

    padding-bottom: 10px;

}

.woocommerce-product-rating .star-rating{

    display: inline-block;

    margin: 0;

    margin-right: 10px;

    vertical-align: middle;

}

.reviews_bar{

    padding: 0 20px;

}

.ywar_perc_value{

    color: #6f6f6f !important;

    opacity: 1;

}

#reviews .commentlist li{

    list-style: none;

    margin: 0;

    border-bottom: 1px dotted #cacaca;

}

#reviews .commentlist .comment_container{

    padding: 10px 0;

}

.comment_container .avatar{

    border-radius: 100%;

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 15px;

}

.comment_container .comment-text{

    overflow: hidden;

}

.comment_container .meta{

    margin: 0;

}

.comment-form-title,.upload_section {

    // display: none; 

}

#review_form_wrapper{

    margin-top: 0;

    padding: 20px;

    background-color: #f7f7f7;

    border-radius: 5px;

    margin-bottom: 20px;

    padding-bottom: 0;

}



.comment-form-rating label,

.comment-form-rating p{

    display: inline-block;

    vertical-align: middle;

    margin: 0;

}

.comment-form-rating label{

    margin-right: 10px;

}

.comment-form-comment label[for="comment"]{

    display: none;

}
/*css cua tan */
.mona-rating-num .start {
    color: #F5752B !important;
}
.product-infom {
    display: flex;
    margin-bottom: 50px;
}
.product-infomation{
    width: 49%;
    text-align: left ;
	margin-bottom: 30px;
    padding-right: 30px;
}
.features-li {
    margin-left: 15px;
}
.product-infom h3 {
    text-align: left !important;
}
.product-infom .detail-title {
	color: #333;
}
.product-infom ul {
    margin-left: 15px;
}
.resources-div {
    display: flex;
}
.infomation-resources-a {
    width: 19.5%;
    padding: 0 15px 0 0;
}
.product-infomation-right {
    width: 50%;
    text-align: left ;
	margin-bottom: 30px;
    padding-left: 30px;
    border-left: 1px solid #ddd; 
}
@media screen and (max-width: 1024px){
	.infomation-resources-a {
    	width: calc(100% / 3);
	}
}
@media screen and (max-width: 549px){
	.product-infom {
    	display: block;
	}
	.product-infomation{
    	width: 100%;
	}
	.infomation-resources-a {
    	width: 50%;
	}
	.product-infomation-right {
    	width: 100%;
		padding-left: unset;
		border-left: 0 solid #ddd; 
	}
}
.infomation-right-title img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.infomation-right-title {
    display: flex;
}
.infomation-resources-a img{
    width:30px;   
}
/*end css của tan*/
@media screen and (max-width: 680px){

    #reviews_summary,

    #reviews.yith-woocommerce-advanced-reviews{

        width: 100%;

        float: none;

        padding: 0;

    } 

}

.ywar_review_count,

.ywar_review_row span{

    color: #000000;

}

span.ywar_perc_value{

    display: none;

}

.add-remove-review{

    text-align: left;

}

.add-remove-review .action{

    cursor: pointer;

    padding: 10px 20px;

    border: 1px solid #00a5d9;

    background: #00a5d9;

    padding: 10px 40px;

    color: #fff;

    border-radius: 3px;

    letter-spacing: 2px;

    display: inline-block;

    text-transform: uppercase;

    font-weight: bold;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.add-remove-review.active .action{

    background: #00a5d9;

    color: #fff;

}

#review_form_wrapper,

#wrap-submit-ques{

    display: none;

}

.add-remove-review .action .text,

.icon-wra .fa{

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.icon-wra{

    position: relative;

    margin-left: 10px;

    color: #000;

}

.icon-wra .fa+.fa{

    position: absolute;

    left: 50%;

    transform: rotate(90deg);

    transform-origin: left;

}

.add-remove-review.active .action .icon-wra .fa{

    transform: rotate(180deg);

}

.add-remove-review .action .icon-wra{

    display: none;

}

.mona-wrap-actiob-review{

    display: block;



}

.mona-wrap-actiob-review .review_vote,

.mona-wrap-actiob-review .reply{

    text-align: left;

    display: inline-block;

}

.mona-wrap-actiob-review .reply{

    float: none;

}

#reviews_summary .woocommerce-product-rating{

    display: none !important;

}

#reviews_summary{

    display: flex;

    display: -webkit-flex;

    display: -moz-flex;

    align-items: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    background: #f3f3f3;

    padding: 30px;

    margin-top: -29px;

    margin-bottom: 20px;

}

#reviews_summary #add-remove-review{

    width: 30%;

    text-align: left;

    margin: 0;

}

#reviews_summary .reviews_bar{

    width: 40%;

}

#reviews_summary .mona-rating-num{

    width: 30%;

    text-align: center;

}

.mona-rating-num .numb,

.mona-rating-num .start{

    display: inline-block;

    vertical-align: middle;

}

.mona-rating-num .numb{

    font-size: 100px;

    font-weight: bold;

    color: #000;

    margin-right: 20px;

    line-height: 1;

}

.mona-rating-num .start{

    font-size: 30px;

    position: relative;

    color: #ec1c24;



}

.mona-rating-num .start .active{

    position: absolute;

    white-space: nowrap;

    top: 0;

    left: 0;

    overflow: hidden;

}

@media screen and (max-width: 820px){

    #reviews_summary{

        flex-wrap: wrap;  

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        -webkit-align-items: flex-start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    #reviews_summary #add-remove-review{

        order: 3;

        width: 100%;

        margin-top: 20px;

        text-align: right;

    }

    #reviews_summary .reviews_bar{

        width: 50%;

        padding: 0;

        padding-right: 10px;

    }

    #reviews_summary .mona-rating-num{

        width: 50%;

        padding-left: 10px;

    }

}

@media screen and (max-width: 500px){

    #reviews_summary .reviews_bar{

        width: 100%;

        padding-right: 0;

        order: 2;

        margin-top: 20px;

    }

    #reviews_summary .mona-rating-num{

        width: 100%;

        padding-left: 0px;

    }

}

#comments .normal{

    display: flex;

    justify-content: space-between;

}

#add-remove-quote{

    margin-bottom: 0;

}

#wrap-submit-ques{

    position: relative;

    margin-bottom: 20px;

}
.star-rating{
	width:80px;
}
.star-rating:before, .woocommerce-page .star-rating:before{
content: '\e005\e005\e005\e005\e005';	
color:#cacaca !important;
}
.mona-hiden-rating{
    opacity: 0;
    visibility: hidden;	
}
header .widget_shopping_cart dl.variation{
	display:none;
}
/*call button*/
.show-call-form {
    position: fixed;
    left: 10px;
    bottom: 10px;
    outline: none;
    border: none;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #f5752b;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 20px;
    z-index: 1999;
    font-family: "SFCompactDisplay-Bold", Arial, sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	animation: pulse 1s infinite;
} 
/*end call button*/