/**about**/

@font-face {
    src: url("../fonts/Roboto-Light.ttf");
    font-family: "Roboto1";
}

@font-face {
    src: url("../fonts/SVNGilroy Bold.otf");
    font-family: "SVN-Gilroy";
}
body {
    font-family: "Roboto1"!important;
}


div#top-bar {
    padding: 5px;
    background: #b1d238!important;
    color: #4a4a4a;
}
div#masthead {
    background: #0c6363!important;
}
.button, input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button {
/*     background-color: #446084!important; */

}
.header-search-form-wrapper i.icon-search {
    color: #333 !important;
}

div#masthead .form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: #f5f5f5!important;

}

.footer-social {
     text-align: center;
 }
.footer-social a img {
    width: 40px;
}
p {
    font-family: "Roboto1";
}
p.widget-title {
    font-weight: 700;
    color: #040404;
    font-size: 18px;
}
.h1 {
    font-family: "Roboto1";
}
.footer_top {
    margin-top: 30px;
}
h5.widget-title {
    font-family: "Roboto1";
}
.menu ul li a {
    font-family: "Roboto1";


}
.col.from_lien_hes.medium-8.small-12.large-8 form.wpcf7-form.init {
    padding: 19px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-send {
    font-family: "Roboto1";
    background: #0c6363!important; /*border-radius: 99px;*/
}
.text-center input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-family: "Roboto1";
    background: #0c6363!important; /*border-radius: 99px;*/
}
.from_dangkys form.wpcf7-form.init {
    display: flex;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.input-ct {
    box-shadow: unset !important;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%) !important;

    font-size: 15px;
    font-family: "Roboto1";
}

.contact-lh .featured-box {
    padding: 10px;
    height: 300px;
    padding-top: 35px;
}

.thuong_hieu p {
    font-family: "Roboto1";
    font-weight: 900;
    font-size: 16px;
    color: #43484d;
}
.thuong_hieu img {
    height: 250px;
}


.thuong_hieu .flickity-page-dots {

    margin-right: -40px;
    text-align: right!important;

}
.thuong_hieu .slider-nav-light .flickity-page-dots .dot {
    border-color:  #0c6363!important;
}
.thuong_hieu .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #0c6363!important
}
.thong_tin_khuyen_mai p {
    font-size: 16px;
    font-style: italic;
    font-family: "Roboto1";
    color: #0c0c0c;

}
.thong_tin_khuyen_mai h2 {
    color: #0c0c0c;
    font-size: 20px;
    font-style: italic;
    font-family: "Roboto1";
    font-weight: 900;

}
.secondary, .checkout-button, .button.checkout, .button.alt {
    background-color: #f1f1f1!important;
}
a.account-link.account-login.icon.button.round.is-outline.is-small p {
    font-size: 7px;
}
header#header .header-full-width .container {
    max-width: 80% !important;
}
a.button.primary.is-outline.son{
    color: #f4f7f9!important;
}
a.button.primary.is-outline.son:hover{
    color: #0c6363!important;
    background: #f4f7f9!important;
}
.header-button .is-outline:not(:hover) {
    color:#f4f7f9!important;
}
.nav>li.html {
    font-size: 1.1em!important;
}
.button span {
    font-family: "Roboto1";

}
footer#footer {
    background-color: #f1f1f1;
}


img.attachment-medium_large.size-medium_large.wp-post-image {
    /*height: 250px;*/
}

.col-inners_date p {
    margin: auto;
    color: #fcfcfc;
    text-align: center;
    width: 70px;
    background: #ff7f52;
    border: 2px solid #ff7f52;
}
button.owl-next {
    right: -60px;
}
button.owl-prev {
    left: -60px;
}
.owl-nav button i {
    font-size: 30px;
    color: #0c6363!important;
}
button i, .button i {
    vertical-align: middle;
    top: -1.5px;
}
button i, .button i {
    vertical-align: middle;
    top: -1.5px;
}
.owl-nav button {
    margin: 0px !important;
    width: 40px;
    height: 40px;
    font-size: 50px;
    color: #0c6363!important;
    min-height: 40px;
    background: #fff !important;
    border: 1px solid #0c6363!important;
    border-radius: 5px !important;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.col-inners_date {
    /*z-index: 9999;*/
    /*position: absolute;*/
    /*margin: 0px auto;*/
    /*left: 43%;*/
    /*top: 225px;*/
    /*margin-bottom: 5%;*/
}
.text_khuyen_mai {
    margin-top: -30px;
    z-index: 9999;
    position: absolute;
    /* margin: 0px auto; */
    /* left: 43%; */
    /* top: 225px; */
    margin-bottom: 5%;
}
.col-inners_dates p {
    margin: auto;
    color: #fcfcfc;
    text-align: center;
    width: 70px;
    font-size: 16px;
    background: #ff7f52;
    border: 2px solid #ff7f52;
}
.col-inners_dates p.data_number {
    font-size: 20px;
    font-weight: 700;
}
.col-inners_date p.data_number {
    font-size: 20px;
    font-weight: 700;
}
.text_khuyen_mais {
    height: 250px;
}
.col-inners {
    font-family: "Roboto1";
    padding: 8px;
    height: 70px;
}
.col-inners p.builder_item {
    font-size: 18px;
    color: #0c0c0c;
}


.badge-frame .badge-inner, .badge-outline .badge-inner {
    color: #0c6363!important;
}
.has-hover:hover .badge-outline .badge-inner {
    border-color: #0c6363;
    background-color: #FFF!important;
    color: #FFF;
}
/*.badge-frame .badge-inner, .badge-outline .badge-inner {*/
    /*color: #0c6363!important;*/
    /*background-color: #fff;*/
    /*border: 2px solid currentColor;*/
/*}*/
.col-inners p.builder_item_content {
    font-size: 16px;
    font-style: italic;
    font-family: "Roboto1";
    color: #0c0c0c;
}

.col-inners_dates {
    /* margin-top: -261px; */
    z-index: 9999;
    position: absolute;
    /* margin: 0px auto; */
    left: 40%;
    top: 220px;
    margin-bottom: 5%;
}
.box-image .img-inner.image-cover.dark img:hover  {
    transform: scale(1.3);
}
.box-image .img-inner.image-cover.dark  img{
    display:block;
    transition: all .3s ease;
}
.box-images .img-inner.image-cover.dark {
    overflow: hidden;
}
.box-images .img-inner.image-cover.dark img {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
.box-images .img-inner.image-cover.dark img:hover {
    transform: scale(1.5);
}

.hours_sale {
    padding-top: 4px;
    background: #ffd6ba;
    height: 60px;
}
h2.text-uppercase.txt_title_box i {
    /* width: 15px; */
    color: #ff6600;
    font-size: 30px;
    padding: 8px 2px 2px 1px;
}
h2.text-uppercase.txt_title_box {
    display: flex;
}
h2.text-uppercase.txt_title_box p {
    float: left;
    margin: 10px 5px 0 0;
    color: #ff6600;
    font-weight: 800;
    font-size: 20px;
    font-family: "Roboto1";
    text-transform: capitalize;

}
a.button.primary.lowercase.button_sale {
    background: #ff6600;
    margin-top: 10px;
    /*border: 1px solid #ff6600;*/
    font-family: "Roboto1";
    font-size: 13px;
    color: #fff;
}
.txt_finish_deal {
    font-family: "Roboto1";
    text-transform: none;
    color: #ff6600;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    float: left;
    padding: 16px 23px 5px 10px;
    border-left: 2px solid #ff6600;
}
.ux-timer span {

    background-color: #ff6600!important;
}
#timer-823126575 {
    width: 217px;
    /* height: 95px; */
}
.ux-timer {
    width: 40%!important;

}

.woocommerce ul.products li.product .onsale{
    left:0;
    right:auto;
    margin:0;
}
.woocommerce span.onsale{
    width:100px;
    border-radius:0;
    background-color:red;
    font-size:12px;
}
.box-product .box-product-avatar img.attachment-medium_large.size-medium_large.wp-post-image {
   height:  200px;
}
.box-product h3 {
    text-align: center;
    height: 104px;
    font-weight: 200;
    line-height: 20px;
    max-height: 57px;
    font-size: 16px;
    overflow: hidden;
    /* font-style: italic; */
    font-family: "Roboto1";
    color: #0c0c0c;
}
.box-product .price-wrapper {
    display: flex;
}
.box-product .price-wrapper ins span {

    font-family: "Roboto1";
    color: #ff3333;
}
.box-product .price-wrapper del span {
    color: #333 !important;
    font-family: "Roboto1";
    font-size: 14px;
    margin-left: 3px;
}
.box-product:hover .box-product-sale {
    background: #ff3333;
    border-radius: 99px;
}
.box-product:hover {
    /*border: 1px solid #ff6600;*/

}
.row.large-columns-4.medium-columns-2.small-columns-2 {
    background: #f9f9f9;
    padding: 5px;

}
.box-product {
    height: 380px;
}
.box-products .box-product-sale {
    width: 40px;
    border-radius: 99px;
    height: 40px;
    background: #0c6363;
    position: absolute;
    top: 48px;
    left: 22px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}
.box-product .box-product-sale {
    width: 30px;
    border-radius: 99px;
    height: 30px;
    background: #0c6363;
    position: absolute;
    top: 20px;
    left: 5px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 30px;
}
.box-products h3 {
    text-align: center;
    font-weight: 800;
    height: 104px;

    line-height: 20px;
    max-height: 57px;
    font-size: 16px;
    overflow: hidden;
    /* font-style: italic; */
    font-family: "Roboto1";
    color: #0c0c0c;

}
.box-products:hover h3 {
    color: #f00;

}
a.quick-view.quick-view-added_cat.quick-view-added {
    font-size: 20px;
    color: aliceblue;
    font-weight: 900;
}



.star-rating-mumber_son {
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: center;
}
.box-product-cart {
    color: #fcfcfc;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    width: 100px;
    background: #0c6363!important
}
.box-product-cart a {
    font-family: "Roboto1";
    font-size: 16px;
    color: #fcfcfc;

}

.star-rating span:before {
    content: '\e005\e005\e005\e005\e005';
    color: #e7c821!important;
    top: 0;
    position: absolute;
    left: 0;
}

h2.text-uppercase.txt_title_box_sin {
    display: flex;
}
span.prowc_product_countdown {
    background-color: #ff8a44;
    background-image: linear-gradient(to right, #ff8a44 , #ff6602);
    color: #fff;
    display: flex;
    padding: 13px 2px 1px 33px;
}
h2.text-uppercase.txt_title_box_sin i {
    /* width: 15px; */
    color: #fff;
    font-size: 30px;
    padding: 6px 2px 2px 1px;
}
h1.product-title.product_title.entry-title {
    font-family: "Roboto1";
}
p.star-rating-mumber {
    font-size: 16px;
    margin-top: 5px;
}
.shop-container {
    font-family: "Roboto1";
}
.txt_finish_deals {
    font-family: "Roboto1";
    text-transform: none;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    float: left;
    padding: 14px 12px 10px 10px;
    border-left: 3px solid #ff6600;
}

.grid-tools a {
    font-family: "Roboto1";
  background: #0c6363!important
}
h2.text-uppercase.txt_title_box_sin p {
    float: left;
    margin: 10px 5px 0 0;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    font-family: "Roboto1";
    text-transform: capitalize;
}
.badge-container.absolute.left.top.z-1 {
    width: 30px;
    border-radius: 99px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-family: "Roboto1";
}
.box-product:hover {
    border: 1px solid #0c6363!important;
    background-color: rgb(241, 241, 241);
}
.badge-container.absolute.left.top.z-1 span.onsale {
    background: #0c6363!important;
    width: 40px;
    border-radius: 99px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-family: "Roboto1";
}
/* .container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1280px!important;

} */
button.single_add_to_cart_button.button.alt {
    background-color: #0c6363!important;
}
.tab-panels {
    font-family: "Roboto1";
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content ul li a {
    font-family: "Roboto1";
}
.product-footer {
    font-family: "Roboto1";
}

.about-tab ul li a {
    font-family: "Roboto1";
    font-size: 20px;
    color: #000;
    font-weight: 900;
    text-align: left !important;
}
.listCatePd a.active {
    color:  #0c6363!important;
}
.about-tab ul li {
    padding: 0px 30px;
    margin: 0px;
    border-bottom: 1px solid #eaeaea;
}
li.tab.has-icon.active .about-tab .nav-line>li:hover {
    border-bottom: 2px solid #0c6363!important;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #0c6363!important;
}
.tabbed-content ul li samp {
    font-family: "Roboto1";
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {

    background-color:  #0c6363!important;
}
.category-custom-page .box-vertical:hover .btn {
    background:  #0c6363!important;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
}
.category-custom-page .box-vertical .btn {
    border: 2px solid #0c6363!important;
    color: #0b0b0b;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
}
.col.post-item .box-text-inner.blog-post-inner h2 {
    color: #0c0c0c;
    font-size: 25px;
    font-family: "Roboto1";
    font-weight: 900;
}
.box-text-inner.blog-post-inner:hover h2 p {
    color: #00e676;
}
.category-custom-page .box-vertical:hover h2 {
    color: #0c6363;
}
.box.box-vertical.box-text-bottom.box-blog-post.has-hover :hover h2 {
    color: #0c6363;
}
.blog-news button.button {
    color: #0c6363;
    text-transform: none;
    border: 2px solid #0c6363!important;
    padding: 2px 10px;
    display: inline-block;
    color: #0c6363;
    text-transform: none;
}
.box.box-vertical.box-text-bottom.box-blog-post.has-hover :hover p {
    color: #0c6363;
}
aside.widget.block_widgets1 {
    text-align: center;
}
aside.widget.block_widgets1 span.widget-title {
    color: #0c6363 !important;
    font-size: 25px;
    font-family: "Roboto1";
    font-weight: 900;

}
h3.title_lien_quan {

    color: #0b0b0b !important;
    font-size: 20px;
    font-family: "Roboto1";
    font-weight: 900;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary {
    background-color: #0c6363 !important;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a:hover {
    border-bottom: 2px solid #0c6363!important;
    color: #0c6363 !important;
}
h3.entry-title {
    color: #0b0b0b !important;
    font-size: 20px;
    font-family: "Roboto1";
    font-weight: 900;
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #0b0b0b !important;
    font-size: 20px;
    font-family: "Roboto1";
    font-weight: 900;

}
.btn {
    border: 2px solid #0c6363!important;
    color: #0b0b0b;
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
}
h1.entry-title {
    color: #0c6363 !important;
    font-size: 25px;
    font-family: "Roboto1";
    font-weight: 900;
}
.post-sidebar.large-3.col {
    padding: 13px 11px 0px 6px;
    background: #f9f9f9;
}
.col-inner.categor {
    padding: 13px 11px 0px 6px;
    background: #f9f9f9;
}
p.post-titlesols.is-large {
    color: #0b0b0b;
    font-size: 16px;
    font-family: "Roboto1";
    font-weight: 900;
}

.col.post-item .box-text-inner.blog-post-inner p {
    font-size: 16px;
    font-style: italic;
    font-family: "Roboto1";
    color: #0c0c0c;
}
.category-custom-page .box-vertical:hover {
    border: 1px solid #0c6363 !important;
}

.block_widget {
    background: #f9f9f9;
}
.menu-category {
    margin-bottom: 15px;
    display: flex;
    margin-left: 10px;
}
.menu-category:hover li a {
    color: #0c6363;
    border-bottom: 2px solid #0c6363;
}
.menu-category li {
    list-style: none;
    float: left;
    width: 30%;
    border-bottom: 2px solid #f9f9f9;
}
.menu-category li a {
    font-family: "Roboto1";
    color: #000;
    font-size: 25px;
    font-weight: 900 !important;
}
aside#flatsome_recent_posts-2 span.widget-title {
    color: #0c6363 !important;
    font-size: 25px;
    font-family: "Roboto1";
    font-weight: 900;
}
.is-divider {
    border-bottom: 3px solid #0c6363!important;
    height: 1px!important;
    display: block!important;
    margin: 1em 0 1em!important;
    width: 100%;
    max-width: 100%!important;
}
aside#flatsome_recent_posts-2 {
    text-align: center;
}
.text_ve_ct  h2 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-family: "Roboto1";


}
.text_ve_ct  p {
    font-size: 16px;
    color: #000;
    font-family: "Roboto1";
}

.banner-category.text-center h1 {
    font-family: "Roboto1";
    text-transform: uppercase;
    font-size: 40px;
    padding: 7% 0px;
    font-weight: 900;
    text-decoration: auto;
}
.banner-category {
    background-size: cover;
    background-position: center center;
}
.product-link a {
    background: var(--color-hover);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}
.content-product-page {
    position: relative;
    width: 1349px;
    left: -40%;
    display: block;
    z-index: 9999;
    margin: 30px 0px;
    background-color: #f1f1f1;
}
.logo-product {
    /* height: 300px; */
    width: 240px;
}
.list-product-page li {
    list-style: none;
    font-family: "Roboto1";
    font-size: 16px;
    color: #fff;
}

.row.row-2.background-color-sp {
    background: #000;
    padding-top: 30px;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.col.medium-12.background-color-sp-son {
    background: antiquewhite;
}
.box-text.text-center {
    bottom: 35% !important;
    background-color: transparent !important;
}
.box-badge .box-texts {
    /* background-color: rgba(255,255,255,0.95); */
    padding: 0.8em 1em 1em;
    position: absolute;
    bottom: 15%;
    transition: background .3s;
    z-index: 1;
}
.box-products {
    padding: 7px;
    border: 2px solid #f5f5f5;
}
.box-product .price-wrapper {
    display: flex;
    align-content: stretch;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    flex-direction: row;
}


.box-product-cartst {
    height: 35px;
    width: 200px;
    color: #fcfcfc;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    /* width: 100px; */
    background: #0c6363!important;
}
span.wpcf7-spinner {
    display: none;
}
.box-products:hover {
    background: #f1f1f1;

    border: 2px solid #a9bda4;
}
.box-products:hover a.quick-view.quick-view-added_cat.quick-view-added {
    color: #000;

}


/*chi tiết san phamm*/


.info-field-product .field-value {
    border-top: 1px solid #DBDBDB;
    padding: 15px 0px;
    display: flow-root;
}
.info-field-product .fields {
    float: left;
    width: 35%;
    display: inline-block;
}
strong {
    color: #000;
}
.info-field-product .value {
    float: left;
    width: 65%;
    color: #555555;
}
.related.related-products-wrapper.product-section {
    display: none;
}
.alert.alert-message {
  color: #fcfcfc;
    font-family: "Roboto1";
    background: #0c6363!important;
    line-height: 18px;
 padding: 5px 4px 12px 13px;
}
.name.product-title a {
    font-family: "Roboto1";
    line-height: 20px!important;
    color: #000;
    font-weight: 600;
}
.box-text.box-text-products .price-wrapper {
    text-align: center;
}
.box-text.box-text-products  .star-rating
{
    display: none;
}
.col-inner_son {
    border: 1px solid #f5f5f5;
    /* border: 2px chartreuse; */
}
.col-inner_son:hover {
    border: 3px solid #f5f5f5;
    /* border: 2px chartreuse; */
}
.col-inner_son  h2.name.product-title a {
    font-family: "Roboto1";
    line-height: 25px!important;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.col-inner_son:hover  h2.name.product-title a {
    color: #0c6363;
}

.star-rating {
    display: none;
}
.woocommerce-product-rating {
    display: none;
}

/*.products.row.row-small.large-columns-3.medium-columns-3.small-columns-2.has-shadow.row-box-shadow-1.row-box-shadow-2-hover {*/
    /*height: 1569px!important;*/
/*}*/
.primary.is-underline, .primary.is-link, .primary.is-outline {
    color: #060606!important;
}
.primary.is-underline, .primary.is-link, .primary.is-outline {
    color: #060606;
}
.box-text.box-text-products span.amount {
    font-size: 20px;
    font-weight: 600;
    font-family: "Roboto1";
    white-space: nowrap;
    font-weight: bold;
}
.col-son-hme-cat {
    display: flex;
}
.header-bottom a.nav-top-link{
    color: black;
    font-weight: 900;
    font-size: 18px;
    font-family: "Roboto1";
}
.widget_nav_menu li:hover a {
    color: #0c6363;
}
.widget_nav_menu li  a {
    font-weight: 900;
    font-size: 18px;
    font-family: "Roboto1";
}
.social-icons_son1 {
    font-family: "Roboto1";
    font-size: 16px;
    color: #040404;
    font-weight: 600;
    padding: 2px 2px 3px 3px;
}
.social-icons_son1 i {

    padding: 2px 6px 3px 3px;
}

span.widget-title.shop-sidebar {
    font-family: "Roboto1";
    font-size: 20px;
    color: #040404;
    font-weight: 900;
}
.product-small.box:hover p.name.product-title a {
    color: #1da1f2;
}

.shop-page-title.category-page-title.page-title {
    display: none;
}

/*.shop-page-title.category-page-title.page-title {*/
    /*display: none;*/
/*}*/

/*.has-hover .bg, .has-hover [class*="image-"] img {*/
  /**/
/*}*/

/*.img-inner.image-cover.dark {*/
    /*margin-top: -32px;*/
    /*z-index: 9999;*/
/*}*/

/*.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {*/

    /*border-color: #edeeef !important;*/
    /*border-radius: 99px !important;*/
/*}*/
/*.secondary, .checkout-button, .button.checkout, .button.alt {*/
    /*background-color: #edeef2!important;*/
/*}*/