/*
Theme Name: C5group
Theme URI: https://c5group.com.vn/
Author: C5group
Author URI: 
Description:
Version: 10.0.0
License: GPLv3 or later
License URI: 
Text Domain: C5group
Tags:
*/

/* --------------------------------------
=========================================
    General Body
=========================================
-----------------------------------------*/
body{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 21px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
}
body p{color:#000000;}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2, a,li {
    font-family: 'Montserrat', sans-serif !important;
}
body .fa,body .far,body .fas{font-family:"Font Awesome 5 Free" !important}
body img {
    display: block;
    max-width: 100%;
    height: auto;
}
#page-wrapper{
    max-width: 1920px;
    margin: 0 auto;
}
iframe{
    max-width:100% !important;
	width:100% !important;
}
.fb_iframe_widget_fluid_desktop iframe{
	width:100% !important;
}
header {
    position: relative;
     width: 100%;
}
.bannerchild-slider{
    width: 100%;
    display: block;
    max-height: 300px;
    overflow: hidden;
}
.bannerchild-slider > img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.site-description {
    display: none;
}
.navbar-header {
    width: 100%;
}
.is-sticky .navbar-brand > img {
	display: block;
	max-height: 50px;
    max-width: 200px;
}
.navbar-brand > img {
	display: block;
	max-height: 100px;
}
div.wpcf7-mail-sent-ok{
    display: none;
}
.header-search-wrap{
    float: right;
    position: relative;
    padding:0px;
    margin-right: 10px;
    margin-top: 6px;
}
.header-search-wrap i.fa{
    color: #1a1a1a;
}
.header-search-wrap .dropdown-menu{
    right: 0;
    left: auto;
}
.language-selected{
    float: right;
    max-width: 60px;
    margin-top: 8px;
    overflow: hidden;
}
.title-section {
    font-family: Helvetica Bold;
    font-size: 30px;
    color: #101e4b;
    line-height: 35px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.title-section::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 50px;
    background-color: #ed1625;
    border-radius: 10px;
}
.page-title{
    font-family: Helvetica;
    font-size: 26px;
    color: #101e4b;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 20px 10px;
    margin-bottom: 20px;
    background: #f4f4f4;
}
.page-title::before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    content: "";
    background-color:#ed1625;
    width: 60px;
    height: 3px;
    margin: 0 auto;
}
.des-section {
    max-width: 680px;
    margin: 0 auto;
    color: #333333;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 22px;
    padding: 0px 15px;
}
.des-section p{
   color: #333333; 
   line-height: 22px;

}
.readmore-section{
    margin-top: 30px;
    text-align: center;
}
.readmore-section a{
    color: #fff;
    text-transform: uppercase;
    padding: 8px 30px;
    border: 0;
    background: #09aeca;
    font-family: Helvetica Bold;
    font-size: 16px;
    border-radius: 3px;
}
.readmore-section a:hover {
    background: #c21622;
    color: #fff;
}
.title-single {
    font-family: Helvetica;
    font-size: 22px;
    color: #444444;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    margin: 0 auto;
    padding:0px;
    margin-bottom: 10px;
}
#navbar_primary > ul li.unset_link > a {
    pointer-events: none;
}
#navbar_primary > ul li.unset_link:hover > a{
    color: #f8ac00;
}
.is-sticky .navbar-default .navbar-nav > li > a{
    padding: 20px 10px;
}
.is-sticky .navbar-default .navbar-nav > .active > a,.is-sticky .navbar-default .navbar-nav > .active > a:hover{
    padding: 20px 10px;
}
.is-sticky .navbar-brand{
    padding: 10px 0px;
}
.is-sticky .header-search-wrap{
    padding-top: 15px;
}
.entry-content .nav-tabs > li.active > a, .entry-content .nav-tabs > li.active > a:hover, .entry-content .nav-tabs > li.active > a:focus {
    border: solid 1px #9a0608;
    color: #fff;
    background-color: #9a0608;
}
.entry-content .nav-tabs > li > a {
    border-radius: 5px;
    border: solid 1px #9a0608;
    color: #9a0608;
}
.entry-content .nav-tabs{
    padding-bottom: 10px;
}
.entry-content .nav-tabs > li{
    margin-right: 10px;
}
.tit-footer-widget {
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#sticky-wrapper{
    max-height: 96px;
}
#page-contact .title-section{
    margin-bottom: 0px;
}
/* --------------------------------------
=========================================
   #Section banner  Css
=========================================
-----------------------------------------*/
#section-banner .background-overlay{
    
}
.item-banner {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
}
.item-banner > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-infor-banner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    z-index: 10;
    margin: 0 auto;
    max-width: 500px;
    background: rgba(255, 255, 255, 0.9);
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.box-infor-banner .inner-infor-banner{
    position: relative;
    padding: 40px;
    width: 100%;
    height: 100%;
}
.box-infor-banner .inner-infor-banner::before{
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    z-index: 10;
    margin: 0 auto;
    width: 60%;
    height: 10px;
    background: #fd5d14;
    content: "";
}
.box-infor-banner .readmore-banner{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: 10;
    color: #fff;
    background: linear-gradient(90deg, rgba(255,77,0,1) 0%, rgba(249,158,7,1) 100%);
    padding: 10px 0px;
    border-radius: 30px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 20px;
}
.name-banner {
    font-size: 30px;
    color: #002e5b;
    line-height: 40px;
    margin-bottom: 15px;
    font-family: SFProDisplay;
    font-weight: bold;
}
.excerpt-banner {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    height: 48px;
    margin-bottom: 20px;
}
#section-banner .owl-carousel .owl-nav [class*="owl-"] {
    background: rgba(0,0,0,0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    opacity: 1;
}
#section-banner .owl-carousel .owl-nav [class*="owl-"]:hover{
    opacity: 1;
    color: #fff;
    background: #ff590b;
}
#section-banner .owl-carousel .owl-nav .owl-prev{
    position: absolute;
    left: 3%;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
#section-banner .owl-carousel .owl-nav .owl-next{
    position: absolute;
    right: 3%;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
#section-banner .owl-carousel .owl-nav i::before {
    color: #fff;
    font-size: 22px;
}
#section-banner .owl-carousel .owl-dots{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
}
/*menu*/
.navbar-brand > img {
    max-height: 86px;
}

ul#menu-menu-main > li > a {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    padding: 46px 23px;
}

form#searchform {
    border: 1px solid #f0f0f0;
    height: 27px;
    width: 178px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 41px;
    margin-left: 35px;
}

button#searchsubmit {
    background: #50ac88;
    padding: 0px 18px;
    width: auto;
    color: #ffffff !important;
}

#searchsubmit i.fa {
    color: #ffffff;
    padding: 0px;
}

.menu-bottom {
    overflow: hidden;
    background: #50ac88;
    position: absolute;
    bottom: -25px;
    width: 100%;
    border-radius: 5px;
}

ul#menu-menu-bottom > li > a {
    padding: 15px 27px;
    font-size: 15px;
    color: #ffffff;
    display: block;
}

.navbar-header {
    position: relative;
    padding-bottom: 25px;
}

ul#menu-menu-bottom {
    display: flex;
    justify-content: center;
    text-align: center;
}
/*body*/
h2.si-right-h2 {
    font-size: 30px;
    color: #34936c;
    margin-bottom: 25px;
	font-weight:700;
}

section.section-intro {
    padding: 90px 0px;
}

p.si-right-p {
    font-size: 16px;
    line-height: 27px;
    color: #4d4d4d;
    margin-bottom: 25px;
}

.si-right-btn {
    width: 160px;
    height: 36px;
    font-size: 16px;
    color: #34936c;
    background: #fed72a;
    border-color: #fed72a;
}

.si-right {
    margin-top: 35px;
}

h2.se-left-h2 {
    font-size: 30px;
    color: #34936c;
    font-weight: 700;
    text-transform: uppercase;
}

p.se-left-label {
    border-radius: 29px;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #34936c;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 40px;
}

p.se-left-content {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.expert-item {
    display: flex;
    font-size: 25px;
    color: #34936c;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px 20px;
}

h3.expert-item-h3 {
    margin-top: 20px;
    margin-left: 18px;
}

img.expert-item-img {height:100px;width:100px;}

.row.se-row-bottom {
    position: absolute;
    bottom: -73px;
    left: 0px;
    z-index: 999;
}

.section-expert .container {
    position: relative;
}

.section-expert .background-overlay {
    padding-top: 50px;
}

section.section-consult .background-overlay {
    padding-top: 100px;
}

h2.sc-right-h2 {
    font-size: 30px;
    color: #34936c;
    text-transform: uppercase;
    font-weight: 700;
}

p.sc-right-label {    border-radius: 29px;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #34936c;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 40px;
}

p.sc-right-content {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-bottom: 28px;
}

a.sc-hotline {
    background: url(images/milk_01.png);
        max-width: 320px;height: 74px;display: block;;background-size: 100%;font-size: 47px;font-weight: bold;color: #c92721
;text-align: CENTER;padding-top: 57px;
}

span.sc-sp {
    background: #50AC88;
    color: #ffff;
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    position: absolute;
    bottom: 0px;
	height:54px;
	line-height:54px;
	text-align:right;
	text-transform:uppercase;
}
.section-consult .container {
    position: relative;
}

span.sc-sp:before {content:"";background: #50AC88;height: 54px;position: absolute;left: -1000px;width: 1000px;}
span.sc-sp:after {content:"";background: #50AC88;height: 54px;position: absolute;right: -1000px;width: 1000px;}


span.sc-sp {}

section.section-consult {
    overflow: hidden;
}

h2.text-center.sce-title {
    font-size: 30px;
    color: #34936c;
    text-transform: uppercase;
    font-weight: 700;
}

section.section-cate .background-overlay {
    padding: 80px 0px 60px;
}

p.text-center.sce-label {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

h3.sce-h3 {
    text-align: CENTER;
    color: #34936c;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

img.sce-img {
    margin-bottom: 25px;
}
h2.text-center.spt-title {}

h2.text-center.spt-title {
    font-size: 30px;
    color: #34936c;
    text-transform: uppercase;
    font-weight: 700;
}

p.text-center.spt-label {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

section.section-product {
    padding: 65px 0px 40px;
}

.spt-item {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
	background:#ffffff;
}

img.spt-img {
    max-width: 250px;
    margin: auto;
}

h3.spt-h3 {
    font-size: 20px;
    color: #34936c;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.spt-item p {
    font-size: 16px;
}

a.btn.btn-primary.spt-btn {
    width: 160px;
    height: 36px;
    font-size: 16px;
    color: #34936c;
    background: #fed72a;
    border-color: #fed72a;
    display: inline-block;
}

p.spt-more {
    text-align: center;
}
.box-news {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.img-news {
    border: 3px solid #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.info-news {
    padding: 15px 15px;
}

a.name-news {
    font-size: 20px;
    color: #00844b;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 15px;
    display: block;
	max-height:54px;
	overflow:hidden;
}

p.excerpt-news {
    font-size: 16px;
    line-height: 24px;
	max-height:70px;
	overflow:hidden;
}

p.time-news span {
    margin-right: 25px;
    color: #9f9f9f;
}

p.time-news span i {
    margin-right: 5px;
}

p.time-news {
    margin-bottom: 15px;
}

section#section-news .background-overlay {
    padding: 60px 0px;
}

section#section-news h2.text-center.spt-title {
    margin-bottom: 40px;
}
#section-news  .owl-nav [class*="owl-"] {
    background: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    opacity: 1;
}
#section-news  .owl-nav [class*="owl-"]:hover{
    opacity: 1;
    background: rgba(248, 189, 122, 0.6);
    color: #fff;
}
#section-news  .icon-starview > img{
    width: auto;
}
#section-news  .owl-nav .owl-prev{
    position: absolute;
    left: -15px;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
#section-news  .owl-nav .owl-next{
    position: absolute;
    right: -15px;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
#section-news .owl-nav i::before {
     color: #fff;
     font-size: 22px;
     font-weight: 900;
}

footer.footer-sidebar {
    background: #ebebeb;
}

.footer-sidebar .background-overlay {
    padding: 60px 0px;
}

h2.form-dk-h2 {
    font-size: 17px;
    margin-bottom: 10px;
}

.flex-row {
    background: #ffffff;
    justify-content: space-between;
}

footer .wpcf7-submit {
    background: #50ac88;
    color: #ffffff;
    border: 0px;
    padding: 0px;
    height: 38px;
    width: 100px;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 4px;
}

footer .wpcf7-form-control-wrap {
    width: 100%;
}

footer .wpcf7-form-control-wrap input {
    border: 0px;
    margin: 0px;
    padding: 0px 15px;
    height: 48px;
}

footer form.wpcf7-form.init {
    border: 1px solid #c5c5c5;
    height: 48px;
    padding: 0px;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}


.footer-column1 h3 {
    font-size: 20px;
    color: #50ac88;
    text-transform: uppercase;
}

footer.footer-sidebar p {
    font-size: 16px;
}
.footer-column1 p {
    font-size: 16px;
}
footer.footer-sidebar ul li {
    font-size: 16px;
    list-style: none;
}

footer.footer-sidebar ul li a {
    color: #000000;
}

footer.footer-sidebar ul {
    margin-left: 0px;
    padding: 0px;
}

footer.footer-sidebar h3 {
    font-size: 17px;
    color: #50ac88;
    margin-bottom: 10px;
}

.row.row-footer-right {
    margin-top: 35px;
}

.row.row-footer2 {
    border-top: 1px solid #c5c5c5;
    padding-top: 35px;
    margin-top: 20px;
}
.footer-column1 i {color:#50ac88}
p.social-footer a {
    display: inline-block;
    width: 40px;
    background: #4d4d4d;
    color: #ffffff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 99%;
    margin-right: 10px;
}

section.footer-copyright {
    background: #50AC88;
    text-align: center;
}
.footer-copyright p, .footer-copyright p a {
    text-align: center;
}
section.breadcrumb {
    display: none;
}

/* Search results */
.search-results-page {
    padding: 56px 0;
}

.search-results-header {
    margin-bottom: 30px;
}

.search-results-header h1 {
    margin: 0;
    color: #16345c;
    font-size: 28px;
    line-height: 1.35;
}

.search-results-grid {
    display: flex;
    flex-wrap: wrap;
}

.search-results-grid .colums-posts {
    display: flex;
    margin-bottom: 30px;
}

.search-result-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.search-result-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.search-result-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px;
    overflow-wrap: anywhere;
}

.search-result-title {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.4;
}

.search-result-title a,
.search-result-link {
    color: #438f70;
}

.search-result-excerpt {
    margin: 0 0 18px;
    color: #333;
    line-height: 1.6;
}

.search-result-link {
    margin-top: auto;
    font-weight: 600;
}

.breadcrumb .background-overlay {min-height: 300px;}

/* Inner pages keep only the breadcrumb navigation; their visual banner is hidden. */
.inner-page-breadcrumb .background-overlay {
    min-height: 45px;
    padding: 0;
    background-image: none !important;
    opacity: 1;
}

section.breadcrumb.inner-page-breadcrumb .container {
    position: static;
}
.breadcrumb .container {
    position: absolute;
    bottom: 0px;
    height: 45px;
    background: #f1f1f1;
    width: 100%;
    max-width: 100%;
}

.breadcrumb .background-overlay {
    position: relative;
}

.breadcumb-wrap {
    max-width: 1170px;
    margin: auto;
    padding: 0px 15px;
    line-height: 45px;
}

.breadcumb-wrap p {
    margin: 0px;
    line-height: 45px;
}
h1.title-product {
    font-size: 40px;
    color: #34936c;
    max-width: 600px;
}

section.section-product1 {
    padding: 50px 0px;
}

span.pt-sp {
    display: inline-block;
    font-size: 18px;
    background: #ebebeb;
    padding: 5px 25px;
    border-radius: 17px;
    margin-right: 20px;
}

span.pt-sp span {
    font-weight: bold;
    color: #00844b;
}

.product-type {
    margin-bottom: 15px;
}

.descript-common ul li {
    font-size: 16px;
    list-style: none;
    position: relative;
    margin-bottom: 15px;
    line-height: 28px;
}

.descript-common ul li:before {
    background: #50ac88;
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    top: 13px;
    border-radius: 99%;
    left: -21px;
}

.product-img img {
    width: 90%;
}
.descript-dingduong{ border-radius: 15px;overflow:hidden}
.descript-dingduong table{
    display: table;
    width: 100%;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);

    overflow: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	height: 515px !important;
	scrollbar-color: #4aa94f #F5F5F5;
}
.descript-dingduong table tr:first-child{
    background:#50ac88;
}
.descript-dingduong table tr:first-child td{
    padding: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.descript-dingduong table tr:first-child td *{  color: #fff;
    font-size: 18px;text-align: center;margin:0px;}
.descript-dingduong table tr:first-child td:first-child{
    text-transform: uppercase;
}
.descript-dingduong table tr{
    background:#fff;
}
.descript-dingduong table tr:nth-child(even){
    background: #dbfadd;
}
.descript-dingduong table tr td{
    border-top:0px;
    border-bottom:0px;
    padding: 14px;
    color: #1a1818;
    font-size: 16px;
    text-align: center;
}
.descript-dingduong table tr td *{ color: #1a1818;
    font-size: 16px;
    text-align: center;margin:0px;}
.descript-dingduong table tr td:first-child{
    text-align: left;
    padding-left: 5%;
}
h2.title-dingduong {
    font-size: 30px;
    color: #34936c;
    text-align: center;
}

section.section-product2 {
    padding: 50px 0px;
	    background-size: cover;
}

.descript-congdung p {
    font-size: 16px;
    line-height: 24px;
}

.descript-congdung {
    background: #ffffff;
    border-radius: 15px;
    padding: 50px 30px 30px;
}

h2.title-congdung {
    color: #ffffff;
    font-size: 30px;
    background: #50AC88;
    width: 500px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 20px;
    border-radius: 15px;
    margin: auto;
    position: relative;
    bottom: -25px;
}

section.section-product3 {
    padding: 60px 0px;
}
a.show-cate-item {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #50AC88;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.19);
    display: inline-block;
    height: 86px;
    line-height: 86px;
    border-radius: 66px;
    position: relative;
    padding-right: 96px;
    padding-left: 30px;
    border-left: 8px solid #50AC88;
    margin-right: 20px;
    width: 308px;
    line-height: initial;
    padding-top: 32px;
    float: left;
}

a.show-cate-item span {
    width: 70px;
    height: 70px;
    position: absolute;
    right: 11px;
    border: 1px solid #50AC88;
    color: #50AC88;
    line-height: 70px;
    text-align: center;
    font-size: 32px;
    border-radius: 99%;
    top: 7px;
}

a.show-cate-item:before {
    content: "";
    position: absolute;
    left: 2px;
    height: 86px;
    border-radius: 250px;
    /* background: #50AC88; */
    width: 83px;
}

.show-cate {
    padding: 40px 0px 0px;
	display: flex;
    justify-content: space-between;
}

a.show-cate-item:hover span, a.show-cate-item.active span {
    background: #50AC88;
    color: #ffffff;
}
.ssm-description {
    font-size: 16px;
    text-align: CENTER;
    line-height: 25px;
}

section.section-sanpham .background-overlay {
    padding: 60px 0px;
}

h3.csm-h3 {
    font-size: 40px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 48px;
}

h3.csm-h3 span {
    font-size: 30px;
    display: block;
}

.description-cate {
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
    margin-bottom: 30px;
}

.csm-right-btn {
    width: 160px;
    height: 36px;
    font-size: 16px;
    color: #34936c;
    background: #fed72a;
    border-color: #fed72a;
    text-transform: uppercase;
}

.content-sanpham {
    margin-bottom: 40px;
}

section .background-overlay {
    background-size: cover;
}
.section-sanpham2 .csm-h3 {color:#50AC88;}

.section-sanpham2  .description-cate{color:#000000}
.content-bqmk {
    text-align: center;
    background: url(images/bqmk_02.png);;;;;;;;;;;;;;;;;;;;
;;;;background-size: 100%;;;;;
;;overflow: hidden;;;
;;;background-repeat: no-repeat;;;;
}

h2.cbk-h2 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 0px;
    margin-top: 13px;
    text-transform: uppercase;
    margin-bottom: 49px;
}

.cbk-description {
    font-size: 15px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 30px;
}
a.cbk-process-item .sbk-img {
    background: url(images/bqmk_01.png?sdf);
    width: 107px;
    display: block;
    margin: auto;
    height: 121px;
    font-size: 35px;
    color: #000000;
    font-weight: bold;
    line-height: 106px;
	margin-bottom:15px;
}

span.sbk-title {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}
a.cbk-process-item:hover .sbk-img,a.cbk-process-item.active .sbk-img{background: url(images/bqmk_01_a.png?sdf);color:#50AC88}
a.cbk-process-item:hover span.sbk-title, a.cbk-process-item.active span.sbk-title {color:#50AC88}
.cbk-process {
    display: flex;
    justify-content: space-around;
}

section.section-bqmk .background-overlay {
    padding: 60px 0px;
}
body .owl-theme  .owl-nav [class*="owl-"] {
    background: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    opacity: 1;
}
body .owl-theme .owl-nav [class*="owl-"]:hover{
    opacity: 1;
    background: rgba(248, 189, 122, 0.6);
    color: #fff;
}
body .owl-theme  .icon-starview > img{
    width: auto;
}
body .owl-theme  .owl-nav .owl-prev{
    position: absolute;
    left: -15px;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
body .owl-theme  .owl-nav .owl-next{
    position: absolute;
    right: -15px;
    top: 45%;
    padding: 0px;
    padding-top: 10px;
}
body .owl-theme .owl-nav i::before {
     color: #fff;
     font-size: 22px;
     font-weight: 900;
}
.section-kteexpert a.name-news {font-size:13px;line-height: 22px;max-height: 41px;margin-bottom:10px}



.section-kteexpert p.excerpt-news {line-height: 20px;font-size:12px;max-height: 62px;}

.section-kteexpert .info-news {padding:10px}

.section-kteexpert p.time-news {margin-bottom:5px}
/*sticker*/
.is-sticky .menu-bottom {
    display: none;
}

.is-sticky ul#menu-menu-main > li > a {
    padding: 23px 23px;
}

.is-sticky form#searchform {
    margin-top: 20px;
}

.is-sticky .navbar-header {
    padding-bottom: 0px !important;
}
/*end sticker*/
.show-expert a.show-cate-item {
    border: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-right: 46px;
    padding-top: 25px;
}
.show-expert a.show-cate-item span {
    left: 11px;
    right: auto;
}
.show-expert a.show-cate-item {
    border: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-right: 46px;
    padding-top: 25px;
}

.show-expert a.show-cate-item span {
    left: 11px;
    right: auto;
}

.section-slider-tvdd h2.text-center.spt-title {
    color: #ffff;
}

.section-slider-tvdd .background-overlay {
    padding: 60px 0px;
}

.dncg-info {}

.dncg-info {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px;
    position: relative;
}

.dncg-content {
    background: #ebebeb;
    padding: 15px;
    border-radius: 15px;
    margin-top: 20px;
}

h3.dc-h3 {
    font-size: 16px;
    color: #34936c;
    margin-bottom: 0px;
}

.dc-div {
    font-size: 16px;
    line-height: 24px;
}

h2.dncg-h2 {
    font-size: 30px;
    font-weight: bold;
    background: #50ac88;
    display: inline-block;
    color: #ffffff;
    padding: 15px 25px;
    border-radius: 15px;
    position: absolute;
    top: -32px;
    left: 0px;
    z-index: 99;
    transform: translate(-50%, 0%);left:50%;
    -webkit-transform: translate(-50%, 0%);
}

.dncg-slider  img.dncg-slider-img {
    margin: AUTO;
	width:auto;
}
.section-chtg .background-overlay {
    padding: 60px 0px;
}

.cct-title-tab {
    background: #50ac88;
    border-radius: 15px 15px 0px 0px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    padding: 0px 15px;
}

h3.cct-h3 {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 0px;
    line-height: 60px;
    float: left;
}

a.link-mort-chtg {
    float: right;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
}

.wrap-chtg-content {
    background: #f1f1f1;
    border-radius: 0px 0px 15px 15px;
    padding: 20px;
}

.wcc-item-top img {
    float: left;
    width: 66px;
}

h4.wcc-name {color: #50AC88;font-size: 16px;margin-bottom: 0px;}

.wcc-item-top {
    overflow: hidden;
}

p.wcc-question {
    font-size: 16px;
}

.wcc-info {
    margin-left: 85px;
	padding-right:30px;
}

.wcc-item {
    background: #ffffff;
    padding: 15px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 15px;
}

.wcc-item-top.wcc-item-bottom {
     display: none; 
    border-top: 1px solid #6f6f6f;
    padding-top: 15px;
    margin-top: 15px;
}

a.wcc-show-more {
    background: url(images/tvdd_07.png);;;;
;;;;width: 27px;;;;;
;;;;height: 27px;;;;;
;;position: absolute;;;
;;;;;;right: 15px;;;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;top: 32px;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
	cursor:pointer;
}

.wcc-item-top.wcc-item-bottom {}

p.wcc-job {
    color: #b9b9b9;
    font-size: 14px;
}
.form-group .wpcf7-form-control-wrap::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    color: #cc4848;
    background: #e4e2e2;
    padding: 10px;
    width: 35px;
    height: 100%;
    text-align: center;
}
.form-group .wpcf7-form-control-wrap[data-name="your-product"]::before {
    content: "\f23d";
    font-family: "Font Awesome 5 Brands";
}
.form-group .wpcf7-form-control-wrap.your-tour::before{
content: "\f1d8";
}
.form-group .wpcf7-form-control-wrap[data-name="your-name"]::before{
content: "\f007";
}
.form-group .wpcf7-form-control-wrap[data-name="your-phone"]::before{
content: "\f3cd";
font-weight: 900;
 font-size: 18px;
}
.form-group .wpcf7-form-control-wrap[data-name="your-address"]::before{
content: "\f3c5";
font-weight: 900;
}
.form-group .wpcf7-form-control-wrap[data-name="your-email"]::before{
content: "\f0e0";
}
.form-group .wpcf7-form-control-wrap[data-name="your-message"]::before {
    content: "\f303";
    font-weight: 900;
}

select.wpcf7-form-control.wpcf7-select {
    height: 43px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0px 10px 0px 40px;
}
.form-group .wpcf7-form-control-wrap[data-name="your-customer"]::before {
    content: "\f007";
    font-weight: 900;
}
.form-group .wpcf7-form-control-wrap[data-name="your-city"]::before {
    content: "\f041";
    font-weight: 900;
}
.form-group .wpcf7-form-control-wrap[data-name="your-consult"]::before {
    content: "\f128";
    font-weight: 900;
}


.row-form .fadeInLeft {
    padding-right: 0px;
    background:#5baa8a;
    padding: 0px;
}
.row-form .fadeInRight {
    padding-left: 0px;
    background:#439a77;
    padding: 25px 25px;
}

h3.rfr-h3 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

p.rfr-p {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 15px;
}

.row-form-left img {
    max-width: 100%;
    margin: auto;
}

.row.row-form {
    border-radius: 15px;
    overflow: hidden;
}

.section-form {
    padding: 60px 0px;
}

.form-group .wpcf7-form-control.wpcf7-submit {
    width: 160px;
    height: 36px;
    font-size: 16px;
    color: #34936c;
    background: #fed72a;
    border-color: #fed72a;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif !important;
}
.section-contact .row-form-left {
    padding: 20px;
    color: #ffffff;
    min-height: 369px;
}

.section-contact .row-form-left h3 {
    color: #ffffff;
}

.section-contact .row-form-left p {
    color: #ffffff;
}

.section-contact .row-form-left i {
    color: #ffffff;
    margin-right: 5px;
}
.section-contact .footer-column1 p > i:not(:first-child) {
    display: none;
}
.user-support{display:none;}
.section-tab-question h2.text-center.spt-title {
    color: #ffffff;
}

.section-tab-question .background-overlay {
    padding: 60px 0px;
}

.stq-tab a {
    font-size: 18px;
    color: #ffff;
    border-radius: 10px;
    border: 1px solid #ffffff;
    width: 31.3333%;
    float: left;
    margin: 1%;
    text-align: CENTER;
    height: 50px;
    line-height: 50px;
}
.stq-tab a:hover, .stq-tab a.active{background:#ffffff;color:#000000;cursor:pointer}
.stq-tab-item {
    float: left;
    font-size: 16px;
    background: #ffffff;
    border-radius: 10px;
    float: left;
    width: 48%;
    margin: 1%;
    padding: 15px;
}
.row-form-left a.sc-hotline {
    background: url(images/bg_hotline2.png);
    color: #ffffff;
    font-size: 40px;
}
.description-cate p{color:#ffffff;}
.section-dt .ssm-description {
    padding: 40px 20px;
    background: #479875;
    border-radius: 10px;
    color: #ffffff;
    display: FLEX;
    position: relative;
    bottom: -63px;
}

.sp-slot {
    font-weight: bold;
    width: 50%;
}

.sp-slot select {
    height: 46px;
    color: #000000;
    font-weight: normal;
    padding: 0px 15px;
    border-radius: 5px;
    width: 75%;
    margin-left: 2%;
}

section.section-dt .background-overlay {
    padding: 60px 0px 0px;
}

.section-dt  h2.text-center.spt-title {
    margin-bottom: 0px;
}

.item-result h3 {
    font-size: 18px;
    color: #008045;
    margin-bottom: 0px;
}

.item-result p {
    font-size: 18px;
    line-height: 27px;
	margin-bottom:0px;
}
.item-result .info-rs {
    font-size: 18px;
    line-height: 27px;
	margin-bottom:10px;
}
.item-result {
    font-size: 18px;
    background: #f5f6f8;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.dt-result {
    padding-top: 106px;
}

a.view-gmap {
    font-size: 16px;
    color: #008045;
    display: block;
    
}

.gmap-wrap iframe {
    height: 235px;
	margin-top: 25px;
}



















@media (min-width: 1280px) and (max-width: 1400px) {
	.item-banner {
    height: 445px;
}
}
@media (min-width: 1400px) and (max-width: 2000) {
	.item-banner {
    height: 625px;
}
}

@media (min-width: 768px) {
.admin-bar .is-sticky .sticky-nav{
    top: 32px !important;
}
#showmenu{
    display: none;
}
.social-ring a.user-support{
    display: none;
}
	.sce-column:nth-child(2) .sce-item {
    margin-top: 56px;
}
	.colums-posts:nth-child(4n) {
    clear: both;
}
	.menu-mega ul.dropdown-menu.submenu_lv1{left:-200px;}
	#section-news .box-news img {
    height: 261px;
    width: 100%;
}
	.section-sanpham .box-news img {
    height: 166px;
}
	 .cbk-process a.cbk-process-item,.id_31 a.cbk-process-item {width:20%}
.term-27 .cbk-process a.cbk-process-item,.id_54 a.cbk-process-item {width:20%}
.page-id-408 .cbk-process a.cbk-process-item,.id_32 .cbk-process a.cbk-process-item {width:14%}
 .page-id-412 .cbk-process a.cbk-process-item,.id_31 a.cbk-process-item {width:20%}
}
@media(max-width:768px)
{
	.menu-bottom {
    DISPLAY: NONE;
}

.navbar-header {
    padding-bottom: 0PX;
    margin: 0px !important;
}

.navbar-brand > img {
    max-height: 58px;
}

a.navbar-brand {
    padding: 5px 0px;
}

#showmenu {
    top: 21px;
    right: 0px;
}

.item-banner {
    height: 300px;
}
	body section{padding:30px 0px;}
	section#section-banner {
    padding: 0px;
}
	section.section-intro {
    padding: 30px 0px;
}

.row.se-row-bottom {
    position: initial;
}

.expert-item {
    margin-bottom: 25px;
}

body section {
    padding: 0px;
}

body section .background-overlay {padding:30px 0px; min-height: 210px;}

#section-banner .background-overlay {
    padding:0px
}

span.sc-sp {
    display: none;
}

a.sc-hotline {
    margin: auto;
}

section.section-cate .background-overlay {
    padding: 30px 0px;
}
	.show-cate {
    display: block;
}

a.show-cate-item {
    margin-bottom: 30px;
}
body section {
    padding: 0px;
}

body section[class*=section] {
    padding: 0px 0px;
}

body section[class*=section] .background-overlay {
    padding: 30px 0px;
     min-height: 210px;
}
	h2.cbk-h2 {
    color: #;
    font-size: 25px;
    color: #50AC88;
    margin-bottom: 15px;
}

.content-bqmk {
    background: none;
}

.cbk-process {
    display: block;
}

a.cbk-process-item {
    width: 50%;
    float: left;
}

span.sbk-title {
    height: 60px;
    display: block;
}

.section-kteexpert .background-overlay {/* background-image: url(https://globalmilk.webc5.vn/wp-content/themes/C5group/images/bqmk_01.jpg) !important; */}

.section-kteexpert2 h3.csm-h3,.section-kteexpert4 h3.csm-h3{
}

h3.csm-h3 {}

.section-kteexpert2 .description-cate p,.section-kteexpert4 .description-cate p {}
	h2.dncg-h2 {
    font-size: 18px;
    width: 90%;
}
	h3.csm-h3 {
    font-size: 30px;
    line-height: 38px;
}

h3.csm-h3 span {
    font-size: 20px;
}
	.stq-tab a {
    width: 100%;
    margin-bottom: 10px;
}
	.stq-tab-item {
    width:100%;margin:0px;
		margin-bottom:15px;
}
	.section-dt .ssm-description {
    padding: 20px;
    bottom: 0px;
}

.section-dt h2.text-center.spt-title {
    margin-bottom: 20px;
}

.dt-result {
    padding-top: 20px;
}
}
@media(min-width:768px)
{
	h3.spt-h3{height:80px;overflow:hidden;}
img.spt-img {
    height: 250px;
}
}
@media (max-width:110px)
{
	ul#menu-menu-main > li > a {
    font-size: 14px;
    padding: 10px 15px;
}

.menu-bottom {
    bottom: auto;
}

ul#menu-menu-bottom > li > a {
    padding: 10px 10px;
}
	img.spt-img {
    max-width: 100%;
    margin: auto;
}
	.row.se-row-bottom {
    position: relative;
}

h3.expert-item-h3 {
    font-size: 15px;
    line-height: 20px;
}

.sc-right {
    padding-bottom: 80px;
}
	img.spt-img{height:auto;}
	.show-cate{display:block}
	a.show-cate-item{margin-bottom:30px;}
	.row.row-form {
    background: #439A77;
}
	h2.cbk-h2 {
    font-size: 25px;
    margin-top: 0px;
}
	section.section-sanpham .background-overlay {
    background-position: center right;
}
	section.section-kteexpert  .background-overlay {
    background-position: center left;
}
	section.section-sanpham .background-overlay:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(96,180,146, 0.3);
    top: 0px;
    left: 0px;
    z-index: 0;
}
	section.section-sanphamtop .background-overlay:before {display:none;}
section.section-sanpham .background-overlay {
    position: relative;
}
}
	
@media (max-width:1300px)
{
		section.section-sanpham .background-overlay {
    background-position: center right;
}
	section.section-kteexpert  .background-overlay {
    background-position: center left;
}
	section.section-sanpham .background-overlay:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(96,180,146, 0.3);
    top: 0px;
    left: 0px;
    z-index: 0;
}
	section.section-sanphamtop .background-overlay:before {display:none;}
section.section-sanpham .background-overlay {
    position: relative;
}
}
	
	@media  (min-width: 700px) and (max-width:1000px)
	{
		
ul#menu-menu-main > li > a {
    font-size: 17px;
    padding: 30px 14px;
}
		.menu-bottom{bottom:0px;position:relative;}
		ul#menu-menu-bottom > li > a {
    padding: 15px 0px;
}
		.is-sticky ul#menu-menu-main > li > a {
    padding: 23px 13px;
}
		.sc-right {
    padding-bottom: 77px;
}
		.expert-item {
    display: block;
}

.row.se-row-bottom {
    position: initial;
    padding-bottom: 30px;
}

h3.expert-item-h3 {
    font-size: 22px;
}
		a.show-cate-item {
    font-size: 13px;
}

img.spt-img {
    width: 100%;
    height: auto;
}
		.content-bqmk {
    background: none;
}

h2.cbk-h2 {color: #000000;margin-bottom: 25px;}
		.cbk-process a.cbk-process-item {
    width: 33.33% !important;
    float: left;
    margin-bottom: 20px;
    height: 192px;
    overflow: hidden;
}
		.cbk-process {display:block;}
}
figure.aligncenter{margin:auto;}
.aligncenter{margin:auto;}	
@media(max-width: 670px)
{
	h2.title-congdung {
    font-size: 18px;
    width: auto;
}

h1.title-product {
    font-size: 25px;
    line-height: 35px;
}

.descript-congdung h1 {
    font-size: 25px;
    line-height: 37px;
}

.breadcrumb .container {
    overflow: hidden;
}

span.pt-sp {
    margin-bottom: 10px;
}
}