a,
a:hover {
text-decoration: none
}
figure{
margin: 0px auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
audio,
canvas,
video {
display: inline-block;
max-width: 100%
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body,
button,
input,
select,
textarea {
color: #191919;
font-family: "Roboto Condensed",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5
}
a {
color: #36326b
}
body {font-family: "Roboto Condensed",sans-serif;font-size: 12px;text-rendering: geometricPrecision;}
.title-site {margin-bottom: 34px}
.container{
}
#menu,
#why-us .3-criteria {
text-align: center
}
#about-us,
#footer,
.delete-float {
clear: both
}
#popup,
.owl-next {
right: 2%
}
.title-site h2 {color: #4b4b4b;font-size: 16px;font-weight: 700;text-transform: uppercase;margin-top: 40px}
#header {height: 76px;border-bottom: 2px solid #ffffff;z-index: 111; background: #0070c4}
#logo img {margin-top: 3px;}
#menu-menu_main {margin-top: 8px;}
#menu {font-weight: 700;text-transform: uppercase;font-size: 18px}
#menu .navbar #menu-menu_main li a:active {background: 0;color: #09893c;}
#menu #navbar>ul>li>a {padding: 0 10px;font-family: "Roboto ";}
#menu #navbar .dropdown-menu>li>a,
#menu #navbar ul li a {font-size: 16px;line-height: 32px;font-weight: 700;color: #fff;font-family: "Roboto ";}
#menu #navbar .dropdown-menu>li>a {font-size: 12px;line-height: 26px!important; color:#4b4b4b;}
.navbar {margin-bottom: 0}
#menu #navbar ul li a:hover {background: 0;color: #ffb33f;}
#menu #navbar ul li:hover .dropdown-menu {display: block;}
#info-site #menu-about p:first-child a,
#popup .form-contact,
#popup .title-close-popup,
.info-efec p a.more-link,
.owl-buttons {display: none}
.navbar-nav>li>.dropdown-menu {padding: 0;}
.navbar-nav>li>.dropdown-menu>li {border-top: 1px solid #fafafa;}
.navbar-nav>li>.dropdown-menu>li:first-child {border-top: 0;}
#menu #navbar .dropdown-menu>li>a:hover {background: #09893c;color: #fff;}
.owl-carousel {position: relative;}
.owl-next,.owl-prev {position: absolute;top: 40%;}
.owl-prev {left: 2%;}
.owl-carousel:hover .owl-buttons {display: block;}
#main-content {z-index: 0;}
.owl-item .item img {height: 405px;}
#main-content #why-us {margin-top: -5%;font-family: "Roboto Condensed";clear: both;}
#main-content #why-us .content-excerpt h3 {font-size: 18px;color: #4b4b4b;text-transform: uppercase;padding: 15px 0 10px;}
#main-content #why-us .content-excerpt p {font-size: 16px;color: #191919;}
#why-us .icon-why-us {width: 130px;line-height: 130px;border-radius: 50%;text-align: center;margin: 0 auto;}
#why-us #icon_ex,
#why-us #icon_reputation {background: #0070c4;}
#why-us #icon_ex:hover,
#why-us #icon_reputation:hover {background: #0b7b30}
#why-us #icon_safety_effectiveness {background: #0070c4;}
#why-us #icon_safety_effectiveness:hover {background: #ab070d}
#main-content #about-us {background: #ecedee;padding: 25px 0;}
#about-us h3 {font-size: 21px;color: #333333;font-weight: 700;padding-left: 2%;font-family: "Roboto ";}
#about-us .content-about {padding-right: 0%;text-align: justify;}
#about-us .content-about p {font-size: 15px;color: #191919;font-weight: 400;}
#about-us .content-about p strong {font-size: 16px;font-weight: 400;color: #4b4b4b;}
#about-us .content-about a.read-more {color: #333333;float: right;font-weight: x-large; font-size: x-large;}
#about-us .content-about a.read-more:hover {color: #f60622;}
#about-us .image-about-us img {width: 360px;height: 320px;margin-bottom: 5%;border-radius: 10px;}
#servive {font-family: "Roboto Condensed";}
#service .list-service .list-detail-sv {text-align: center;}
#service .list-service .list-detail-sv img {width: 262px;height: 175px;}
#service .list-service .list-detail-sv h4 {color: #4b4b4b;font-size: 18px;margin: 8% 0;font-family: "Roboto Condensed";}
.info-efec h3,.info-efec p {font-size: 16px;text-align: center;}
.image-efect {
position: relative;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
width: 263px;
height: 175px;
margin: 0 auto;
}
.info-efec {width: 263px;height: 175px;overflow: hidden;position: absolute;top: 0;background: #4b4b4b;opacity: 0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden}
.info-efec h3 {color: #00ff65;font-weight: 700;text-transform: uppercase;line-height: 1.2em; font-size: 14px;}
.info-efec p {color: #fff;font-weight: 400;opacity: 0;-webkit-transition: all 1s ease-in-out .4s;-moz-transition: all 1s ease-in-out .4s;transition: all 1s ease-in-out .4s}
.list-detail-sv:hover .info-efec {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity: .8;}
.list-detail-sv:hover .info-efec h3,.list-detail-sv:hover .info-efec p {opacity: 1}
#news-comment {background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/bg-new.png)}
.news-md {width: 50%;float: left}
.list-news-right {width: 45%;float: right;}
#title-news i {color: #0070c4;font-size: 35px;margin: 5% 2% 0 0;}
#news-comment #news {border-right: 1px solid #dddcdc;}
#news-comment #news #title-news img {margin-left: 0;}
#news-comment #news .news-md img {width: 100%;height: 195px;}
#news-comment #news .news-md h4 {font-weight: 700;font-size: 18px;color: #4b4b4b;margin: 15px 0;}
#news-comment #news .news-md a:hover h4 {color: #09893c;}
.news-md .read-more i {padding-right: 15%;}
#news-comment #news .news-md p {color: #191919;font-size: 16px;font-weight: 400;}
#news-comment #news .news-md a.read-more {color: #188f48;float: right;margin: 10% 0;font-weight: 400;}
#news-comment #news .news-md a.read-more:hover {color: #f00914;}
#news .list-news-right {float: right;}
#news-comment #news .news-list {width: 100%;float: left;margin-bottom: 22px;}
#news-comment #news .news-list .detai-list img {width: 100px;height: 70px;float: left;margin-right: 18px;}
#news-comment #news .news-list .detail-list-news h4 {font-size: 16px;font-weight: 500;color: #4b4b4b;margin: 0;padding-bottom: 10px}
#news-comment #news .news-list:hover .detail-list-news h4 {color: #09893c;}
#news-comment #news .news-list .detail-list-news span {font-size: 14px;color: #191919;font-weight: 400;}
#title-comment {margin-bottom: 30px;}
#title-comment i {color: #0070c4;font-size: 35px;margin: 40px 15px 0 0;}
#news-comment #comment #title-comment h2 {margin: -10% 0 0 15%;width: 320px;}
#comment .list-comment {margin-bottom: 25px;}
#comment .list-comment .title-detail-cm i {float: left;color: #0070c4;font-size: 20px;margin: 1% 0 0;}
#comment .list-comment .title-detail-cm>span {color: #4a454c;font-size: 16px;font-weight: 700;float: left;padding-left: 3%;}
#comment .list-comment span {font-size: 16px;color: #191919;padding-top: 1%;font-weight: 400;}
#comment .list-comment>span {
display: block;
padding-top: 30px;
}
#title-address {margin: -1% 0 1%;text-align: center;}
#title-address h2 {margin-top: 45px;}
#address #list-address {margin-top: 3%;height: 400px;background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/background_address.png) no-repeat;background-size: 100% 400px;}
#address #list-address .all-area-country {height: 325px;overflow-y: scroll;margin-top: 15px;}
#address #list-address .title-area {line-height: 40px;}
#address #list-address .title-area p {font-size: 14px;font-weight: 700;background: #0070c4;color: #fff;text-align: center;border-radius: 0 0 10px 10px;margin-left: 15%;font-family: "Roboto Condensed";}
#address #list-address .area .list-address-detal {margin-top: 3%;}
#address #list-address .area .list-address-detal i {color: #0070c4;font-size: 30px;float: left;}
#info-site h3,#info-site p {font-size: 14px;}
#address #list-address .area .list-address-detal #detail-area {float: left;margin-left: 5%;font-weight: 500;font-size: 14px;line-height: 15px;width: 80%}
#address #list-address .area .list-address-detal #detail-area p {color: #444443;margin-bottom: 10px;}
#address #list-address .area .list-address-detal #detail-area span p {color: red;}
#list-address .area {height: 100%;}
#info-site {background: #202020;
border-top: 2px solid #0070c4;
border-bottom: 2px solid #ffffff;
color: #fff;font-family: "Roboto Condensed";}
#info-site #customer-relation,
#info-site #site-excerpt {margin: 1% 0 3%;}
#info-site h3 {font-weight: 700;line-height: 40px;text-transform: uppercase;font-family: "Roboto ";}
#info-site p,
#menu-product .cat-item a {line-height: 25px;font-weight: 400;}
#info-site p a,#menu-product .cat-item a {color: #f0f0f0;font-family: "Roboto ";font-size: 14px;}
#info-site p a:hover,
#menu-product .cat-item a:hover {text-decoration: none;color: #00ff65;}
#feadback .contact-feedback a {line-height: 20px;}
#connect-us .connect-to {
width: 40px;
line-height: 40px;
text-align: center;
margin: 0 3%;
border-radius: 50%;
background: #f0f0f0;
cursor: pointer
}
#connect-us .connect-to i {
color: #18191c;
font-size: 15px
}
#connect-us .connect-to:hover {
background: #fff
}
#footer-end {
font-family: "Roboto Condensed";
background: #3c3e3b;
line-height: 40px;
color: #fff
}
#footer-end i {
font-size: 20px
}
#footer-end #name-company {
font-size: 16px;
font-weight: 700
}
#footer-end #address-company,
#footer-end #tel-company {
font-size: 14px
}
#footer-end #address-company span,
#footer-end #tel-company span {
padding-left: 2%;
font-weight: 400
}
#footer-end #address-company {
margin-left: -2%
}
#footer-end #tel-company {
margin-left: -7%
}
#popup {
float: right;
position: fixed;
bottom: 0;
color: #fff;
background: #0f743a
}
#popup .title-close-popup,
#popup .title-open-popup {
line-height: 30px;
font-size: 16px;
cursor: pointer
}
#popup .title-close-popup i,
#popup .title-open-popup i {
font-size: 20px;
padding-right: 2%
}
#popup .form-contact {
min-height: 200px
}
#popup .form-contact input {
margin: 2% 0 4%
}
#popup .form-contact textarea {
min-height: 140px
}
.show-popup {
display: block
}
.hide-popup {
display: none
}
#main-content .breadcumbs{
}
#crumbs {
padding: 0;
margin: 0
}
.breadcumbs .col-md-12{
padding: 0px 30px;
}
#main-content .breadcumbs a,
#main-content .breadcumbs span {
font-size: 13px;
color: #4b4b4b;
line-height: 32px
}
.breadcumbs i {
float: left;
font-size: 20px;
color: #09893c;
line-height: 30px;
margin-right: 1%
}
.banner-introduct img {
width: 100%;
max-height: 300px
}
#all-page-detail .container {
padding: 2% 0;
font-family: "Roboto Condensed"
}
#all-page-detail .container h3 {
font-size: 26px;
font-weight: 700;
font-family: "Roboto Condensed";
color: #4b4b4b;
margin-bottom: 3%
}
#all-page-detail .container .introduct-detail,
#all-page-detail .container .introduct-detail p {
font-size: 14px;
color: #666666;
}
#all-page-detail .container .introduct-detail img {
max-width: 100%;
}
#main-content #all-service {
font-family: "Roboto Condensed";
padding: 50px 0 15px
}
#all-page-detail .side-bar-left,
#all-product .side-bar-left,
#detail-new .side-bar-left,
#main-content #all-service .container .side-bar-left,
#post-service-detail .side-bar-left {
padding: 0 15px 0 0
}
#all-page-detail .side-bar-left .title-sidebar h3,
#all-product .side-bar-left .title-sidebar h3,
#detail-new .side-bar-left .title-sidebar h3,
#main-content #all-service .container .side-bar-left .title-sidebar h3,
#post-service-detail .side-bar-left .title-sidebar h3 {
line-height: 50px;
display: block;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/icon-dichvu.png) 10px no-repeat;
background-size: 38px;
padding-left: 60px;
margin-top: 0
}
#all-page-detail .side-bar-left ul li a,
#all-product .side-bar-left ul li a,
#detail-new .side-bar-left ul li a,
#main-content #all-service .container .side-bar-left ul li a,
#post-service-detail .side-bar-left ul li a {
font-size: 16px;
color: #4b4b4b;
display: block;
padding: 5px 0px;
}
#all-product .side-bar-left ul li a {
padding-left: 50px;
background-position: 10px
}
#detail-new .side-bar-left ul li:last-child {
border-bottom: none;
}
#detail-new .side-bar-left ul li {
border-bottom: 1px dashed #f5f5f5;
list-style: initial;
}
#detail-new .side-bar-left ul li a {
font-weight:700;
}
#all-page-detail .side-bar-left ul,
#all-product .side-bar-left ul,
#detail-new .side-bar-left ul,
#main-content #all-service .container .side-bar-left ul,
.side-bar-left ul {
margin-top: -10px;
padding-left: 5px;
}
#all-page-detail .side-bar-left ul li a:hover,
#all-product .side-bar-left ul li a:hover,
#detail-new .side-bar-left ul li a:hover,
#main-content #all-service .container .side-bar-left ul li a:hover,
#post-service-detail .side-bar-left ul li a:hover {
color: #09893c;
}
#post-service-detail {
padding: 2% 0 3%;
font-family: "Roboto Condensed"
}
#all-service .list-service .all-list-service {
height: 370px;
padding: 1%;
overflow: hidden;
text-align: center
}
#all-service .list-service .all-list-service .content-excerpt-answer h3 {
font-size: 16px;
font-weight: 700;
color: #4b4b4b;
text-align: center;
padding: 10px;
}
#all-service .list-service .all-list-service img {
height: 200px;
width: 100%;
border: 1px solid #c1c1c1;
padding: 4px
}
#all-service .list-service .all-list-service .content-excerpt-answer p {
font-size: 16px;
color: #878787
}
#all-service .list-service .all-list-service:hover {
}
#all-service .list-service .all-list-service:hover .content-excerpt-answer h3 {
color: #20a819
}
#post-service-detail .service-detai h3 {
color: #4b4b4b;
text-transform: uppercase
}
#post-service-detail .service-detai .excrept-service-top {
min-height: 50px;
background: #eceaea;
border: 1px solid #cacaca;
border-left: 5px solid #0ccd50;
padding-top: 15px
}
#post-service-detail .service-detai .excrept-service-top span strong {
color: #0ccd50;
font-size: 60px;
float: left;
margin: -25px 5px 0 20px
}
#post-service-detail .service-detai .excrept-service-top span {
font-style: italic;
color: #0a33d0;
font-size: 16px;
margin: 10px 0 0 5px
}
#post-service-detail .service-detai .b-article__description {
padding-top: 3%
}
#post-service-detail .service-detai .info-contact-us {
border: 1px solid #cacaca;
border-left: 5px solid #0ccd50;
min-height: 190px;
background: #eceaea;
margin-top: 2%
}
#post-service-detail .service-detai .info-contact-us p strong {
color: #0ccd50;
font-size: 70px;
float: left;
}
#post-service-detail .service-detai .info-contact-us p:first-child {
color: #0ccd50;
text-transform: uppercase;
font-size: 18px;
padding-top: 2%
}
#post-service-detail .service-detai .info-contact-us p:nth-child(2) {
font-style: italic;
font-size: 15px;
text-align: left
}
.content-service .post-involve {
margin-top: 5%
}
.content-service .post-involve h3 {
text-transform: uppercase;
border-top: 1px solid #fafafa;
}
.content-service .post-involve ul {
padding: 0;
background: #f5f5f5
}
.content-service .post-involve ul li {
margin-bottom: 15px;
text-align: center;
max-height: 300px
}
.content-service .post-involve ul li a {
color: #4b4b4b;
font-size: 18px;
line-height: 45px
}
.content-service .post-involve ul li img {
border: 1px solid #f1f1f1;
width: 240px;
height: 165px;
padding: 5px
}
.content-service .post-involve ul li:hover a {
color: #04a545
}
#all-product {
font-family: "Roboto Condensed";
margin-bottom: 2%
}
#all-product .banner-introduct img {
width: 100%
}
#all-product h3 {
color: #4b4b4b;
font-size: 16px;
font-weight: 700;
padding: 0px;
margin: 0px;
}
#all-product .list-product-all .list-product {
margin-top: 20px
}
#all-product .list-product-all .list-product:hover h4 {
color: #09893c
}
#all-product .list-product-all .list-product  .img-box {
max-width: 250px;
}
#all-product .list-product-all .list-product img {
width: 100%;
max-height: 120px
}
#all-product .list-product-all .list-product .top-product {
position: relative;
border: 1px solid #f1f1f1;
max-width: 250px;
margin: 0 auto;
}
#all-product .list-product-all .list-product .top-product .sale-down-ok-out {
position: absolute;
top: 1%;
right: 1%;
border: 1px solid #e23d3d;
border-radius: 50%;
padding: 1px
}
#all-product .list-product-all .list-product .top-product .sale-down-ok-in {
width: 52px;
height: 28px;
border-radius: 50%;
background: #e23d3d;
text-align: center;
color: #fff;
padding-top: 0%;
font-weight: 700;
font-size: 14px;
}
#all-product .list-product-all .list-product .top-product .sale-down-ok-in span {
font-weight: 400;
font-size: 16px
}
.list-product .box-function {
background: #20934e;
width: 100%;
height: 45px;
margin-top: 2%
}
.list-product .box-function .buy-product {
height: 100%;
padding: 3% 0 0 3%
}
.list-product .box-function .buy-product a {
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/giohang.png) no-repeat;
color: #fff;
font-weight: 700;
text-transform: uppercase;
display: block;
padding-left: 20%;
line-height: 28px;
font-size: 16px
}
.list-product .box-function .fly-product,
.list-product .box-function .read-detail-product {
padding: 3% 0 0 3%;
border-left: 1px solid #1b8043;
height: 100%
}
.list-product .box-function .buy-product a:hover {
color: #09893c
}
.list-product .box-function .read-detail-product a {
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/mat_giohang.png) no-repeat;
display: block;
height: 100%
}
.list-product .box-function .fly-product a {
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/bay_giohang.png) no-repeat;
display: block;
height: 100%
}
.list-product .product-info {
padding: 2% 0;
text-align: center;
font-weight: 700
}
.list-product .product-info h4 {
font-size: 13px;
color: #4b4b4b;
font-weight: 700;
font-family: "Roboto Condensed"
}
.list-product .product-info .price {
font-size: 20px;
color: #e23d3d
}
.product-connection {
margin: 40px 0
}
.product-connection h3 {
line-height: 50px;
color: #4b4b4b;
font-weight: 700;
border-bottom: 1px solid #f1f1f1
}
.product-connection ul {
margin: 15px 0;
padding: 0
}
.product-connection ul li {
padding: 0
}
.product-connection ul li img {
width: 240px;
height: 260px;
border: 1px solid #f1f1f1
}
.product-connection ul li h4 {
color: #4b4b4b;
font-size: 22px;
text-align: center
}
.product-connection ul li:hover h4 {
color: #09893c
}
#map_name_contact {
font-family: "Roboto Condensed";
margin-bottom: 4%
}
#map_name_contact h3 {
font-size: 24px;
color: #4b4b4b
}
#map_name_contact .map-2 iframe {
margin: 2% 0 5%
}
#map_name_contact .map-2 p:nth-child(2) {
color: #09893c;
font-size: 18px;
margin-bottom: 2%;
text-transform: uppercase
}
#map_name_contact .map-2 p {
font-size: 16px;
color: #656565
}
#map_name_contact .form-contact {
float: right;
margin-top: -18%
}
#map_name_contact .form-contact input {
padding: 1%
}
#map_name_contact .form-contact .wpcf7-form p {
float: left;
margin: 1%
}
#map_name_contact .form-contact textarea {
width: 610px;
height: 100px
}
#map_name_contact .form-contact .wpcf7-form .wpcf7-submit {
text-align: center;
line-height: 45px;
background: #09893c;
color: #fff;
font-weight: 700
}
#all-answer,
#post-answer-detail {
font-family: "Roboto Condensed";
padding: 2% 0 3%;
margin-bottom: 2%
}
#all-answer .side-bar-left .title-sidebar h3,
#post-answer-detail .side-bar-left .title-sidebar h3 {
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
padding: 10px 0px 18px;
}
#all-answer .side-bar-left ul,
#post-answer-detail .side-bar-left ul {
padding-left: 0;
margin-top: -10px
}
#all-answer .side-bar-left ul li a,
#post-answer-detail .side-bar-left ul li a {
font-size: 14px;
font-weight: 700;
color: #636363;
padding: 5px 15px;    
display: block;
}
#all-answer .side-bar-left ul li a:hover,
#post-answer-detail .side-bar-left ul li a:hover {
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/bg_hoidap_active_hover.png) no-repeat;
background-size: 100%;
color: #fff
}
#all-answer .list-answer {
padding-top: 5%
}
#all-answer .list-answer ul {
padding-left: 0
}
#all-answer .list-answer ul li {
border-top: 1px dashed #09893c
}
#all-answer .list-answer ul li:last-child {
border-bottom: 1px dashed #09893c
}
#all-answer .list-answer ul li a {
color: #636363;
font-size: 18px;
line-height: 50px;
background: url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/icon_list_anser.jpg) no-repeat;
padding-left: 5%
}
#all-answer .list-answer ul li a:hover {
color: #09893c
}
.detail-answer {
font-family: "Roboto Condensed";
font-size: 18px;
padding: 20px 0 15px
}
.detail-answer h3 {
font-family: "Roboto Condensed";
color: #4b4b4b;
font-size: 26px
}
.answer-connection {
font-family: "Roboto Condensed"
}
.answer-connection h3 {
font-size: 24px;
font-weight: 700;
font-family: "Roboto Condensed";
line-height: 50px;
border-bottom: 1px solid #f1f1f1;
color: #4b4b4b
}
.answer-connection ul li {
list-style-type: circle
}
.answer-connection ul li a {
line-height: 40px;
color: #4b4b4b;
font-size: 16px
}
.answer-connection ul li a:hover {
color: #09893c
}
.page-list {
padding: 25px 0 15px;
font-family: "Roboto Condensed"
}
.title-news_suicide h3 {
color: #4b4b4b;
text-transform: uppercase;
font-weight: 700
}
.title-news_suicide p {
font-size: 16px
}
.title-news_suicide p span {
color: #09893c
}
#page-list-news,
.page-list-suicide .container {
font-family: "Roboto Condensed"
}
.banner-suicide {
width: 50%;
float: left;
margin-right: 30px
}
.all-list-suidice {
width: 47%;
float: right
}
.banner-suicide img {
width: 566px;
height: 420px
}
.list-suicide {
width: 100%;
padding-bottom: 15px
}
.img-post {
padding: 0
}
.list-suicide img {
width: 157px;
height: 95px;
float: left;
margin-right: 15px
}
.content-suicide {
margin-left: 15px;
margin-top: -3%
}
.content-suicide h3 {
color: #4b4b4b;
font-size: 18px;
font-weight: 700
}
.content-suicide p {
color: #6d6d6d;
font-size: 16px
}
.list-suicide:hover h3 {
color: #09893c
}
#page-list-news .title-news_suicide {
margin-bottom: 3%
}
#page-list-news .title-news_suicide h3 {
border-bottom: 1px solid #dfdddd;
line-height: 50px
}
#page-list-news .img-sm img {
width: 100%;
height: 235px
}
#page-list-news .news-list {
margin-bottom: 30px
}
#page-list-news .news-list .content-post-news h3 {
font-size: 20px;
font-weight: 700;
color: #4b4b4b
}
#page-list-news .news-list .content-post-news span {
color: #4c4c4c;
font-weight: 700;
font-size: 16px
}
#page-list-news .news-list .content-post-news p {
color: #191919;
font-size: 16px
}
#page-list-news .news-list .view-more {
float: right;
margin-top: 80px
}
#page-list-news .news-list .view-more a {
line-height: 35px;
font-size: 16px;
font-weight: 700;
background: #09893c;
color: #fff;
text-align: center
}
#page-list-news .news-list:hover h3 {
color: #09893c
}
#page-list-news .news-list .view-more a:hover {
color: #09893c;
background: #e4e4e8
}
#all-post-detail {
font-family: "Roboto Condensed";
padding: 2% 0
}
#all-post-detail h3 {
color: #4b4b4b;
font-size: 24px;
margin-top: 2%;
font-weight: 700
}
#all-post-detai span,
#all-post-detail p,
#all-post-detail ul {
font-size: 18px;
text-align: justify
}
.wp-pagenavi {
font-family: "Roboto Condensed";
margin-top: 3%;
line-height: 40px;
text-align: center;
font-size: 16px;
font-weight: 700
}
.wp-pagenavi .pages {
background: #09893c;
padding: 1% 3%;
color: #fff;
margin-right: 1%
}
.wp-pagenavi .current,
.wp-pagenavi a {
padding: 1% 2%;
color: #09893c
}
.wp-pagenavi .current:hover,
.wp-pagenavi a:hover {
background: #09893c;
color: #fff
}
#detail-new {
margin: 15px 0
}
#share-post {
margin: 20px 0 40px
}
.detail-1-new .post-connecttion {
font-family: "Roboto Condensed"
}
.detail-1-new .post-connecttion h3 {
font-size: 24px;
font-family: "Roboto Condensed";
color: #4b4b4b;
font-weight: 700;
line-height: 50px;
border-bottom: 1px solid #f1f1f1
}
.detail-1-new .post-connecttion ul li {
list-style-type: inherit;
border-bottom: 1px solid #f1f1f1
}
.detail-1-new .post-connecttion ul li a {
font-size: 16px;
color: #4b4b4b;
line-height: 40px
}
.detail-1-new .post-connecttion ul li a:hover {
color: #09893c
}
@media screen and (min-width:768px) {
#main-content {
position: relative;
clear: both
}
.side-bar-left {
}
#all-page-detail .side-bar-left,
#all-product .side-bar-left {
}
}
#menu-product li,
.navbar-nav>li {
list-style: none
}
#home-slider .owl-buttons .owl-next,
#home-slider .owl-buttons .owl-prev {
background: #09893c;
border: none
}
.content-about p {
line-height: 22px
}
.content-about a.read-more {
font-weight: 700!important
}
#service .list-service .list-detail-sv {
margin: 0!important;
min-height: 275px;
}
#news-comment {
margin-top: 50px
}
#news-comment #news {
margin-top: 0
}
.form-contact .wpcf7 input.wpcf7-form-control {
min-height: 36px;
border: 1px solid #f1f1f1;
min-width: 298px;
padding: 0 10px!important
}
#map_name_contact .form-contact textarea {
border: 1px solid #f1f1f1;
padding: 10px!important
}
#map_name_contact .form-contact .wpcf7-form .wpcf7-submit {
padding: 0 18px!important;
font-family: "Roboto Condensed";
width: 100px
}
#menu-menu_main li ul.sub-menu {
display: none
}
@media screen and (max-width:768px) {
#main-content{
overflow: hidden;
}    
#hotline{
display: none!important;
}
#address #list-address .title-area p,
#title-address img {
display: none
}
.navbar-default{
margin-bottom: 10px;   
}   
.navbar-brand{
padding: 2px 0px;
height:60px;
float: none;
} 
#header{
height: auto;
}
#logo{
overflow: hidden;
}
#menu{
clear: both;
margin-top: 10px;
}
#logo img{
margin-top: 4px;
}
#about-us .image-about-us img{
width: 100%;
}
}
@media screen and (min-width:1000px) {
#home-slider{
min-height: 374px;
}
.navbar-default{
background: none;
border:none; 
}
}
.detail p, .detail-1-product, .service-detai, .service-detai p{
font-size: 14px;    
}
.service-detai img {
max-width: 100%!important;
}
.service-detai figure {
max-width: 100%;
}
h1.detail-heading{
font-weight: 700;
font-size: 16px;
padding: 0px;   
margin-top: 0px;
}
.post-involve h3{
font-weight: 700;
padding: 10px 0px;
}
.post-involve ul li{
list-style: none;
}
.post-involve ul li h4{
padding: 10px;
}
#comment blockquote{
font-size: 14px;
padding: 0px 10px;
margin: 0px;
} .owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791}.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(//chongthamnguochanoi.com/wp-content/themes/dietmoi/images/AjaxLoader.gif) center center no-repeat}.owl-item .item img{display:block;width:100%;height:auto} @media screen and (max-width:768px) {
#main-content #why-us {
margin-top: 2%;
}
#news .list-news-right {
width: 100%;
}
.news-md {
width: 100%;
}
#footer-end #tel-company {
margin-left: 0;
}
#footer-end #address-company {
margin-left: 0;
}
#footer #info-site #___plusone_0 {
margin: 20px 0!important;
}
#page-list-news .news-list .view-more {
margin-top: 20px;
}
#title-news i {
margin-top: 35px;
}
}
div.tags a{
font-size: 14px;
color: #4b4b4b;   
border-radius: 3px;
border: 1px solid #09893c;
padding: 2px 5px;
margin: 3px;   
display: inline-flex; 
}
div.g-plusone{
margin-top: 5px;
} .info-detail h2, .info-detail h3 {
font-size: 16px;
font-weight: bold;
}
.post-detail, .post-detail p, .info-detail,.info-detail p{
font-size:16px;
} @media screen and (min-width:1000px) {
#sidebar{
padding: 0px 0px;
}
.side-bar-left ul {
margin-top: -10px;
padding-left: 20px!important;
} 
.content-service .post-involve .col-md-4{
text-align: center;
min-height: 232px;
}
.content-service .post-involve .col-md-4 img{
max-width: 220px;
height: 150px;
}
}
#hotline {
display: block;
position: fixed;
left: 0;
bottom: 0;
line-height: 32px;
width: 45%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
max-width: 190px;
box-shadow: 0 0 5px #000000;
margin: 0 2.5%;
text-align: center;
}
#footer-end {
padding-bottom: 30px;
}
#hotline h2 {
background-color: #0070c4;
font-size: 16px;
margin: 0;
color: white;
line-height: 1.9em;
cursor: pointer;
font-weight: bold;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
#hotline h2::after {
font-family: 'FontAwesome';
content: "\f078";
margin-left: 5px;
}
#hotline h2.collapsed::after {
font-family: 'FontAwesome';
content: "\f077";
margin-left: 5px;
}
#hotline-content {
border: 1px solid #f05f40;
background-color: white;
}
#hotline a {
color: #0070c4;
text-decoration: none;
font-size: 16px;
font-weight: bold;
display: block;
}
#hotline a span {
padding-left:10px;
}
#hotline a:hover span {
color: #4b4b4b;
}
@media screen and (max-width:768px) {
} #vgc_bc_off {
right: 2%!important;
}
#sidebar h1.widget-title{
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
background: #272262;
padding: 10px;
border-radius: 3px;
color: #fff;   
} .listItems h1{
padding: 15px 20px;
margin: 0px;
font-size: 16px;
font-weight: 700;    
text-transform: uppercase;
}
.listItems .post-item{
clear: both;
margin-bottom: 15px;
overflow: hidden;
}
.listItems .post-item h3{
padding: 0px 0px 8px 0px;
margin:0px;
}
.listItems .post-item h3 a{
color:#4b4b4b;
font-size: 16px;
font-weight: 700;
}
.listItems .post-item .post-info p{
font-size: 16px;
}
@media screen and (min-width:1000px) {
.listItems .post-item .post-img img{
max-width: 250px;
max-height: 180px;
border:1px dashed #f0f0f0;
padding: 2px;
}
}
#secondary aside.widget h3{
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 3px solid #f6bb38;
padding-bottom: 8px;
background: #09893c;
padding-top: 10px;
text-align: center;
border-radius: 3px;
color: #fff;
}
#secondary aside.widget ul{
padding: 5px 25px!important;
margin: 0 0 10px 0!important
}
#secondary aside.widget ul li{padding-bottom: 0px}
#secondary aside.widget ul li a{    
font-size: 16px;
color: #4b4b4b;
font-weight: 500;}
#secondary aside.widget ul li a:hover{color:#161156;}
#secondary aside.widget.widget_recent_entries ul li{
list-style-type: decimal-leading-zero;    
color: #f05f40;
font-weight: 700;
font-size: 13px;
}
.banner-introduct{
display: none;
}
@media screen and (max-width:768px) {
.content-service .post-involve .col-md-4 img{
width: 100%;
height: auto;
}
}
.home-news .news-list .detail-list-news h4{
font-weight: 700!important;
} .side-bar-left ul li ul,
.side-bar-left ul {
list-style: none;
margin: 0!important;
padding: 0!important;
}
.side-bar-left ul>li {
padding: 0 15px;
font-weight: bold;
font-size: 20px;
}
.side-bar-left ul li ul li {
padding: 10px 0;
}
.side-bar-left ul li ul li a {
padding: 0px!important;
font-weight: 500;
font-size: 16px;
}
#text-sanpham ul li ul li:first-child{
}
#all-product #text-sanpham ul li a{
padding-left: 10px!important;
}
#all-product #text-sanpham .side-bar-left ul>li{
list-style: circle;
}
#secondary #text-sanpham ul li{
list-style: disc;
margin-left: 32px;    
}
#text-sanpham  ul>li{padding:0px!important}
#detail-new .side-bar-left #recent-posts-3 ul, #post-service-detail .side-bar-left #recent-posts-3 ul{
padding: 5px 25px!important;
margin: 0 0 10px 0!important;
}
#detail-new .side-bar-left #recent-posts-3 ul li , #post-service-detail .side-bar-left #recent-posts-3 ul li{
font-size: 13px;
padding: 0 0 8px 0!important;
border-bottom: none;
}
.top-product{
position: relative;
}
.top-product .price {
width: 100%;
font-weight: 700;
color: #ce0000;
padding: 5px 10px;
opacity: 0.95;
text-align: center;
}
.cate_products{
margin:0px;
padding: 0px;
background: #55843c;
border-radius: 3px;
}
.cate_products li{
list-style: none;
border-bottom: 1px solid #5e9142;
padding: 10px 8px;
}
.cate_products li:hover{
background: #5e9142;
}
.cate_products li a{
font-size: 12px;    
font-weight: 700;   
color:#fff; 
display: block;
width: 100%;
}
#slider-partner{
margin-bottom: 20px;
text-align: center;
}
#slider-partner .owl-carousel{
border:2px solid #55833c;
border-radius: 3px;
}
.p-thumb{
height: 455px;
overflow: hidden;
border: 2px dashed #efeb47;
}
.p-thumb img{
width: 100%;
height: auto;
}
.price{
font-size: 14px;
font-weight: 700;
color: #464646;  
padding-left: 15px;  
}
.price-new strong{
font-weight: 700;
font-size: 30px;
color: #55843C;
}
.p-detail h1{
font-size: 18px;
text-transform: uppercase;
}
.except{
margin: 5px 0px;
padding: 10px 0px;
overflow: hidden;
}
.except .verify{
border-left: 1px dashed #f0f0f0;
}
.box-select-cart{
background: #f05f40;
border-radius: 5px;
padding: 2px;
overflow: hidden;
}
.box-select-cart-left{
text-align: center;
background: 0;
border: 1px dashed #fff;
color: #fff;
font-weight: 700;
font-size: 16px;
margin:0px 0px;
}
.products-detail{
margin-top: 20px;
}
.des-product{
margin-top: 20px;
}
.des-product .nav-tabs li.visited, .des-product .nav-tabs li.active, .des-product .nav-tabs li:active, .des-product .nav-tabs li:hover, .des-product .nav-tabs li:focus{
background: #55843C!important;
padding: 2px;
margin-right: 2;
border-radius:  5px 5px 0px 0px;
color:#fff!important;
}
.des-product .nav-tabs li.active a{
color: #fff!important;
background: #36ba34!important;
border: 1px dashed #fff;
}
.des-product .nav-tabs li a{
text-align: center;
background: 0;
border: 1px dashed #fff;
color: #000;
font-weight: 500;
font-size: 20px;
}
.des-product .nav-tabs li.visited, .des-product .nav-tabs li.active, .des-product .nav-tabs li:active, .des-product .nav-tabs li:hover, .des-product .nav-tabs li:focus {
background: #36ba34!important;
padding: 2px;
border-radius: 5px 5px 0px 0px;
color: #fff!important;
}
.des-product .nav-tabs li:hover a{
color:#fff!important;
}
.des-product .tab-content{
padding-top: 30px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 15px;
overflow: hidden;    
}
.list-product img{
width: 100%;
height: auto;
}
@media screen and (max-width:768px) {
#menu .navbar {
background: transparent;
border: transparent;
}
#menu{
text-align: center;
}
.navbar-default .navbar-toggle .icon-bar{
color: #fff;
background: #fff;
}
.navbar-default .navbar-toggle{
border-color: #fff;
}
.navbar-toggle{
float: none;
margin-right: 0px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background: transparent;
}
#menu #navbar ul li a{
line-height: 12px;
}
#main-content #all-service{
padding: 10px 0 15px;
}
#secondary aside.widget ul{
padding: 0px!important;
}
#secondary aside.widget ul li{
padding-bottom: 0px;
list-style-type: none!important;
}
#all-service .list-service .all-list-service{
height:auto;
}
#address #list-address{
background-size: inherit;
}
#info-site{
text-align: center;
}
.service-detai img{
height: auto;
}
.info-detail img{
width: 100%;
height:auto;
}
#service .list-service .list-detail-sv{
min-height: auto;
}
.info-detail ul{
padding: 0px;
}
#map_name_contact .form-contact textarea, #map_name_contact .form-contact input{
width: 100%;
}
#map_name_contact .form-contact{
margin-top: inherit;
}
.form-contact .wpcf7 input.wpcf7-form-control{
min-width: 100%;
}
}
#detail-new .side-bar-left #recent-posts-3 ul li, #post-service-detail .side-bar-left #recent-posts-3 ul li {
font-size: 13px;
padding: 0 0 8px 0!important;
border-bottom: none;
}
.new-product-block{
padding-right: 0px;
padding-left: 0px;
margin-bottom: 30px;
}
.new-product-block h2{
padding: 0px 17px 0px 0px;
margin: 0px 0px 15px 0px;
font-size: 16px;
font-weight: 700; display: inline-block;
background: #fff;
z-index: 99999;
position: relative;
}
.product-item .price{
color: #4b4b4b;
font-weight: 700;
text-align: center;
}
.product-item .old-price .num-price{
text-decoration: line-through;
text-align: center;
font-size: 16px;
color:red;
display: block;
}
.new-product-block{
}
.new-product-block .box-heading{
position: relative;
overflow: hidden;
}
.new-product-block .box-heading::before {
background: #0c9c57 none repeat scroll 0 0;
content: "";
height: 2px;
position: absolute;
top:12px;
width: 96.64%;
}
.product-item .new-price .num-price{
text-align: center;
font-size: 18px;
color:#0c9c57;
display: block;
}
.product-item .box:hover{
border:1px solid #0c9c57;
}
.product-item .thumbnail{
border: none;
background: transparent;
padding-top: 10px;
}
.product-item .box{
border:1px solid #f0f0f0;
min-height: 450px;
}
.product-item h3{
margin: 6px;
padding: 0px;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.product-item h3 a{
color: #4b4b4b;
}
.product-item h3 a:hover{
color:#0dac61;
text-decoration: none;
}
.product-item .thumbnail a:hover img{
-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);    
}
.product-item .thumbnail a img {
display: block;
margin: 0 auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
z-index: -9999;
}
h1.pageTitle{
font-size: 16px;
font-weight: 700;
padding: 0px 20px;
}
.view-more-category a{
color:#0c9c57;
}
.view-more-category strong {
text-transform: uppercase;
}
.social-plugins{
padding-top: 17px;
}
.page-heading .page-title h1{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color:#004a96;
margin-bottom: 15px;
}
#main-content .breadcumbs{
background: #fafafa;
border-bottom: 1px solid #f0f0f0;
}
.policies h2{
font-size: 18px;
font-weight: 700;    
padding: 0px;
margin: 0px;
}
.policies {
border: 2px dashed #faac21;
margin-bottom: 15px;
padding: 15px;
}
.policies ul{
margin:0px;
padding: 10px;
}
.policies ul li{
list-style: none;
}
.policies ul li i{
color:#10CD73;
}
.pro-price {
margin-top: 6px;
}
.pro-price div{
font-weight: 700;
display: inline-block;
}
.pro-price .new-price{
color:red;
font-size: 35px;
}
.pro-price .old-price{
color:#36BA34;
font-size: 25px;
}
#productDetail{
margin-top:15px;
}
.pro-desc a{
display: none;
}
#productDetail .social-plugins{
padding-left: 30px;
}
#footer{
margin-top: 30px;
}
@media screen and (max-width: 667px) and (min-width: 320px){
.product-item {
width: 50%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.product-item .box{
min-height: 335px;
}
.hideinMobile, #panel_chat_vatgia{
display: none!important;
}
#menu-item-219 > a, #menu-item-218 > a{
pointer-events: none;
cursor: default;
}
}
@media screen and (max-width: 667px){
.mobile-call{
display: block!important;
}
}
.mobile-call a{
color:#fff;
}
.mobile-call a:hover{
cursor: pointer;
text-decoration: none;
}
.mobile-call {
width: 100%;
display: none;
background: #0070c4!important;        
font-size: 26px;
position: fixed!important;
bottom: 0px;
right: 0px;
height: 40px;
text-align: center;
}
#scroll {
position: fixed;
right: 10px;
bottom: 10px;
cursor: pointer;
width: 40px;
height: 40px;
background-color: #000;
opacity: 0.4;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 5px;
text-indent: -9999px;
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
}