/*
Theme Name: cogaivatlieu
Description: This is a child theme for Flatsome Theme
Author: Vu Tru So
Template: flatsome
Version: 3.0
*/

.nav-small.nav>li.html{font-size:14px; letter-spacing:0}
.nav-spacing-xlarge>li {
    margin: 0 18px;
}.nav-dropdown{padding:10px}.section-title-normal span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 15px;
    border-bottom: 0;
    margin-bottom: 0;
    width: auto;
    background: #ffd505;
    color: #181818 !important;
    padding: 9px 10px;
    font-size: 18px;
    position: relative;
    margin: 0;
}

.nav-dropdown.nav-dropdown-default>li>a{
	border-bottom: none;
    padding: 8px 0px;
}

.header-main .header-account-title, .header-main .header-cart-title{font-size: 15px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 600;
    color: #2066bb;
}

.header-nav .account-item i, .header-nav .cart-item i{color:#ffa548}
#header-contact{display:block}

.header-main .header-search-form-wrapper input{border: 1px solid #efb322 ;box-shadow:none;height: 38px;}
.searchform .button.icon {
    margin: 0;
    height: 38px;
    width: 38px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#header-contact li a{text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
	padding: 4px;
}
#header-contact li>a:after{display:none}
.slider-section .col{padding-bottom:0}
.section2 .row1{margin:0 auto !important; text-align:center}.section2 .icon-box h3 {
    color: #344555;
    font-size: 17px;
}.section2 .icon-box .icon-box-img {
    margin-bottom: 25px;
}.section2 .icon-box .icon-box-img .icon-inner {
    max-height: 66px;
    height: 66px;
}
.section2 .icon-box .icon-box-text{font-size:15px}
.danh-muc-section .col, .section2 .col{padding-bottom:0}
.product-category .box-text{    
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #efb322;
    padding: 15px;
    background-size: cover;
    background-position-x: center;
}

.product-category h5{letter-spacing: 0;
    font-size: 16px;}
.section2{padding-bottom:0 !important}
.product-category .box-image{border-radius:5px}
.section-title-bold-center span, .section-title-bold span {
	position:relative;
    border: 0;    
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0 15px 0 0;
    text-transform: none;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 17px;
    background: #efb322 ;
    padding: 11px 20px;background-size: cover;
}

.section-title b {opacity: 0;}


.product-small .product-title a{
	color:#000000;
    font-size: 16px;
    font-weight: 600;
}
.slider-section .flickity-page-dots{bottom:18px}

.san-pham-section .row1{margin:0 auto !important; text-align:center}
.danh-muc-section{padding-bottom:0 !important}
.banner-genma h2{margin-bottom:15px; text-shadow:none}
.banner-genma p{text-shadow:none;}
.nut-xem-them{font-weight:600; letter-spacing:0;margin-bottom:0}
.product-small .box-text{border-top: 1px solid #e1e1e1;border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:white}.product-small .add-to-cart-button a {
    border-radius: 6px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.product-small .add-to-cart-button a:hover {
    background: #fff0;
    color: #efb322 ;
    border: 1px solid #efb322 ;
    box-shadow: none;
}

.product-small .box-image{border-top-left-radius:5px; border-top-right-radius:5px; background: white;}
.san-pham-section .large-12{padding-bottom:0}.section-title-container {
    margin-bottom: 10px;
}.section-title-bold span:after, .section-title-normal span:after {
   border: 22px solid transparent;
    border-left-color: #efb322 ;
    position: absolute;
    top: 0px;
    left: 100%;
    content: "";
}.section-title {
border-bottom: 2px solid #cbcbcb;
    background:white;
    border-radius: 5px;
}

.product-small .box-image img{padding:10px}.section-title-normal {
    margin-bottom: 20px;
    border-bottom: 0;
    border-radius: 5px;
}
.section3 .banner-genma .box-image{border-radius:5px}.box-blog-post .is-divider{display:none}
.list-post .post-item .post-title{margin-bottom:8px;font-size:16px}
.list-post .post-item a:hover{color:#475666}
.tin-tuc-section .cot4 .col-inner {
    padding: 10px;
    background: url(/wp-content/uploads/2024/04/box4t-bg.png);
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.tin-tuc-section .cot4 .col-inner .col-inner{background:none; padding:0;border-radius:0; border:none}
.list-post .post-item .box-image{border-radius:5px}.list-post .post-item .post-title:hover{color:#f5a128; text-decoration:underline}
.list-post2 .post-item .box-image{border-radius:5px}
.list-post2 .post-item .box-text{padding-left:10px; padding-right:0}.list-post2 .post-item{padding-bottom:12px !important}
.tin-tuc-section .col{padding-bottom:0}
.slider-section img{border-radius:5px}
.section2 .icon-box{ box-shadow: 3px 5px 1px #00000014;   background: white;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #e3e3e3;}
.list-post2 .post-item .post-title{font-size:15px}.list-post2 .post-item .post-title:hover{color:#2e72bb; text-decoration:underline}
.section-title-normal {border-bottom: 2px solid #cbcbcb;
    background:white;
}

.section-title-normal b {
    display: none;
}

.section-title-normal span {background-size:cover;
  margin-right: 15px;
    border-bottom: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: white!important; 
    padding: 11px 20px;background-position-x: center;
}span.hdevvn-show-cats li {
    display: block;
    width: auto;
    float: left;
    margin: 0 8px;
}
span.hdevvn-show-cats li a {color: #6a6a6a;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    margin-right: 0!important;
    padding-left: 10px;
    font-weight: 600;
}
.section-title a {
   font-size: 14px;
    margin-left: auto;
    color: #efb322 ;
    margin-right: 10px;
    font-weight: normal;
} 

.hdevvn-show-cats{background:none !important}.section-title a:hover{color:#ff9800}
.section3 .box .col{padding-bottom:0}
.section3 .box .img{
		box-shadow: 2px 2px 25px #00000042;}.section3 .box img{border-radius:20px}.section3 .box .box-text{padding:15px; text-shadow:none}
.form-bao-gia h3{    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;}
.form-bao-gia .des{margin-bottom:15px}
.form-bao-gia input, .form-bao-gia textarea{    border: none;
    border-radius: 4px;
		font-size: 14px;}.form-bao-gia input[type=submit]{margin-bottom:0}
.form-bao-gia{text-align:left}
.hdevvn-show-cats:after{display:none}

span.hdevvn-show-cats li a:hover{color:#efb322 }
.doi-tac-section .ux-logo img {
    border-radius: 5px;
    height: 70px;
    box-shadow: 3px 5px 1px #00000014;
}
.doi-tac-section .col {
    padding-bottom: 0;
}
.con-so-section .col {
    padding-bottom: 0;
}
.con-so-section .col p {
    line-height: 27px;
    margin-bottom: 0;
}
.con-so-section img {
    border-radius: 10px;
}
.san-pham-section .box .box-image{border-radius:5px}
.footer-section{
    background-image: url(/wp-content/uploads/2024/04/transparent-pattern.png);
}.absolute-footer.dark {
    font-size: 13px;
}.con-so-section .img{box-shadow: 2px 2px 20px #00000026;border-radius:10px}
a.back-to-top{background:#fbb140 !important; border:none!important; color:white !important}
.footer-section .col{padding-bottom:0}
.blog-archive .post-item .box-image{border-radius:5px}
.blog-archive .archive-page-header .large-12{text-align:left}
.blog-archive .post-item .post-title{margin-bottom:10px}
.blog-archive .post-item a:hover{color:#efb322 }.blog-archive .post-item .post-title:hover{color:#2670be}

#breadcrumbs{margin-bottom: 9px;
    font-size: 14px;}
.blog-archive .page-title{text-transform: none;
    letter-spacing: 0;
    font-size: 27px;}
.blog-archive .large-12{padding-bottom:10px}
.blog-single .large-3{padding-left:0}
.blog-single .entry-title{font-size: 22px;
    color: #e01c3a;}.is-divider{display:none}.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.blog-single .entry-meta{text-transform: none;
    letter-spacing: 0;}
.flatsome_recent_posts .badge.post-date {
    width: 75px;
    height: 55px;
}.recent-blog-posts a {
    font-size: 15px;
    font-weight: 600;
}span.widget-title, .related h3, .thong-so-ky-thuat h3{text-transform: none;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    display: block;
    margin-bottom: 10px;}
.product_list_widget li a{font-weight: 600;
    font-size: 15px;}
.blog-single img{border-radius:5px}
.bai-viet-lien-quan ul li .box-image img {
    height: 160px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.blog-single .entry-content h2{ font-size:20px}
.blog-single .entry-content h3{font-size:19px}
.blog-single .entry-content h4{font-size:18px}
.blog-single .entry-content h5{font-size:17px}
.blog-single .blog-share{text-align:left}
.blog-single .entry-meta {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
}.bai-viet-lien-quan h4:hover{color:#316eb3}
.single-product #main, .archive #main{
		background-color: #f5f5f5;}
.woocommerce-breadcrumb{text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;}
.single-product .content-row{margin:30px auto;border-radius:5px; background:white; margin-top:0; padding: 0 15px}


.single-product .large-9{border-right:none !important}

.product-main {
    padding: 20px 0;
}
.single-product .product-short-description{font-size:15px; margin-top:10px}
.single-product .product-short-description ul{margin-bottom:0}
.single-product .product-short-description ul li{margin-bottom:5px}
.single-product .product_meta>span{font-size:14px}
.single-product .product-info{padding-bottom:0}
.woocommerce-tabs li a{text-transform: none;
    letter-spacing: 0;
    font-weight: bold;
		font-size: 21px;}.wp-caption .wp-caption-text{background:white}
.woocommerce-tabs li.active a{color:#1f62b8}.product-footer .woocommerce-tabs {
 border-top: 0px solid #ececec;
}
.single-product .nav-line>li.active>a:before{display:none}.tab-panels {
    padding-top: 0;
}
.single-product .product-info .product-title{ color: #efb322 ;font-size:22px}
.archive .nav-pagination>li>a {
    background: #666460;
    border: 2px solid #ffffff;
    color: white;
}

.archive .nav-pagination>li>a:hover{
	background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: #fff;
}

div#reviews.woocommerce-Reviews, .devvn_prod_cmt{max-width:100%}.dang-ky-bao-hanh p {color: #171717;
    margin-bottom: 14px;
    background: #fff9eb;
    padding: 10px;
    border-radius: 0;
    border: 0;
    border-left: 5px solid #ffbd00;
    font-size: 13px;
}

a.mua-le {
   margin-bottom: 10px;
    border-radius: 4px !important;
    background-color:#efb322  !important;
    font-weight: bold;letter-spacing:0;
    font-size: 16px;
    padding: 5px 10px;
}

a.chat-zalo {
       border-radius: 4px !important;
    margin-bottom: 20px;
    background-color:#1985db !important;
    font-weight: normal;
    font-size: 16px;
    padding: 5px 0;
    font-weight: bold;letter-spacing:0;
}

.form-dien-thoai {
	background-color: #3174be;
	margin-top: 12px;
    padding: 15px;
    border-radius: 5px;
    background-size: cover;
    background-position-x: left;
    background-position-y: top;
}

.form-dien-thoai label {
    padding: 0 5px 0 52px;
    margin: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: white;
    margin-bottom: 11px;
}

.contact-button .col{padding-bottom:0}
.contact-button{margin:15px 0}.form-dien-thoai .form-sdt {
    display: inline-block;
    width: 100%;
}.form-dien-thoai .form-sdt .left {
    float: left;
    width: 85%;
    display: inline-block;
}.form-dien-thoai .form-sdt .right {
    width: 15%;
    float: left;
    display: inline-block;
}.form-dien-thoai input {height: 40px;margin-bottom: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: none;
    font-size: 14px;
} form{margin-bottom:0}
.form-dien-thoai input[type=submit]{    text-transform: none;
    padding: 0 10px;
    background: #fbb140;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;border-top-left-radius:0; border-bottom-left-radius:0;
}.wpcf7-spinner{position: absolute;}ul.product_list_widget li img{border: 1px solid #e7e7e7;}.product-thumbnails img, .product-gallery-slider img {
    width: 100%;
    border: 1px solid #dedede;
}
.single-product .large-6{padding-bottom:0}.thong-so-ky-thuat table {
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}.thong-so-ky-thuat table tr:nth-child(odd) {
    background: #f7f7f7;
}.thong-so-ky-thuat table td {
    border-right: 1px solid #ececec;
    font-size: 14px;
    padding: 8px;
    color: #636363;
}.thong-so-ky-thuat table tr td.label {
    color: black;
    font-weight: bold;
    min-width: 147px;
}
.archive .shop-container{background: white;
    border-radius: 5px;}

#reviews{margin-top:15px !important}button#devvn_cmt_submit, button#devvn_cmt_replysubmit{background:#01a0e2; color:white}
.contact-button .col{flex-basis:100%; max-width:100%}
h1.entry-title.mb {
    margin-bottom: 20px;
    text-transform: none;
    letter-spacing: 0;
}
.page-right-sidebar .large-3{padding-left:0;border-left:none !important}
.page-right-sidebar .large-9{border-right:none !important}
.form-lien-he input, .form-lien-he textarea, .form-lien-he select{font-size:14px; border-radius:5px; box-shadow:none}
.page-right-sidebar .page-inner ul, .page-right-sidebar .page-inner ol{margin-left:20px;}





#button-contact-vr{position:fixed;bottom:0;z-index:99999;}
#button-contact-vr .button-contact{position:relative;margin-top:-5px;}
#button-contact-vr .button-contact .phone-vr{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block;}
.phone-vr-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #c31d1d;background-color:rgba(230,8,8,0.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite;}
.phone-vr-img-circle{background-color:#e60808;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;overflow:hidden;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out;}
.phone-vr-img-circle a{display:block;line-height:37px;}
.phone-vr-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.phone-bar a{position:absolute;margin-top:-65px;left:30px;z-index:-1;color:#fff;font-size:16px;padding:7px 15px 7px 50px;border-radius:100px;white-space:nowrap;}
.phone-bar a:hover{opacity:0.8;color:#fff;}
@media (max-width:736px){
.phone-bar{display:none;}
}
#zalo-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196F3;background-color:rgba(33,150,243,0.7);}
#zalo-vr .phone-vr-img-circle{background-color:#2196F3;}
#contact-vr .phone-vr-circle-fill{box-shadow:0 0 0 0 #2196F3;background-color:rgba(33,150,243,0.7);}
#contact-vr .phone-vr-img-circle{background-color:#2196F3;}
#gom-all-in-one .button-contact{transition:1.6s all;-moz-transition:1.6s all;-webkit-transition:1.6s all;}


.phone-bar a,#phone-vr .phone-vr-circle-fill,#phone-vr .phone-vr-img-circle{background-color:#0faf12;}
#phone-vr .phone-vr-circle-fill{opacity:0.7;box-shadow:0 0 0 0 #0faf12;}

@media (max-width: 736px){
#button-contact-vr{display:none;}
}


@-webkit-keyframes phone-vr-circle-fill{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);}}
@-webkit-keyframes zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}
@keyframes zoom{0%{transform:scale(.9);}70%{transform:scale(1);box-shadow:0 0 0 15px transparent;}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent;}}