*{
    font-family: "Roboto";
}
body{
  background-color: #fbfbfb !important;
}
.card{
  background: none !important;
}
.img_box{
  width: 180px;
  height: 180px;
  background: grey;
  margin: 0px auto;
}
.h2_align_center{
  text-align: center;
  float: left;
  width: 100%;
}
.a_logo{
  position: absolute;
  z-index: 1111;
  left: 50%;
  margin-left: -80px;
  width: 150px;
  top: 10px;
  z-index: 123;
  padding-top: 10px;
}
.a_logo a, .a_logo img{
  float: left;
  width: 100%;
}
.nav_thom{
  background: none;
  margin-top: 60px;
}
.header_top{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1234;
}
.ul_nav_item .nav-item{
  padding: 0px 10px;
}
.ul_nav_item .nav-item a{
  font-weight: bold;
  color: white;
  text-shadow: 0px 1px 1px black;
}
.arrow_box {
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  border: 3px solid #ffc107;
  border-radius: 14px;
}
.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  left: 12%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #;
  border-width: 30px;
  margin-left: -30px;
}
.arrow_box:before {
  border-color: rgba(232, 232, 232, 0);
  border-bottom-color: #ffc107;
  border-width: 31px;
  margin-left: -31px;
}
.arrow_box_1:after, .arrow_box_1:before{
  left: 12%;
}
.arrow_box_2:after, .arrow_box_2:before{
  left: 38%;
}
.arrow_box_3:after, .arrow_box_3:before{
  left: 63%;
}
.arrow_box_4:after, .arrow_box_4:before{
  left: 88%;
}
.item_thom{
  cursor: pointer;
  padding: 20px 20px;
}
.thom_box{
  display: none;
}
.footer_container{
  height: 350px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.item_thom img{
  width: 100%; 
}
.image_02{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.item_thom img.image_01{
  width: 75%;
  position: relative;
  left: 12.5%;
  top: 22%;
  z-index: 123;

}
.item_thom:hover img.image_01{
  transition: transform .5s;
  -ms-transform: scale(0.5); /* IE 9 */
  -webkit-transform: scale(0.5); /* Safari 3-8 */
  transform: scale(0.5); 
}
.card_box{
  position: relative;
}

.smoothies_btn{
  background: url('../img/68972.png') no-repeat center;
}
.juices_btn{
  background: url('../img/1500944.png') no-repeat center;
}
.tea_btn{
  background: url('../img/49936.png') no-repeat center;
}
.smoothies_btn, .juices_btn, .tea_btn{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px #FCB813 solid;
  margin: 20px auto 10px auto;
  cursor: pointer;
  background-size: 50% auto;
}
.container_tea, .container_smoothies{
  display: none;
}
.tab_juices_row_active{
  background: #deefea;
}
.tab_juices_row h3{
  margin-bottom: 15px;
  color: #24B34A;
  font-size: 1.5rem;
  font-weight: bold;
}
.card_box{
  color: #838383;
}
.arrow_box *{
  color: #838383;
}
.arrow_box h1{
  color: #24B34A;
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
}
.arrow_box h2, .arrow_box h3{
  text-transform: uppercase;
}
.box_info_item{
  padding: 20px 35px;
  box-sizing: border-box;
}
.box_info_item h3{
  font-size: 1.3rem;
}
.ul_icon_info_item li{
  float: left;
  width: 110px;
}
.ul_icon_info_item li div{
  margin: 0px auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px #FCB813 solid;
  cursor: pointer;
}
.ul_icon_info_item li{
  float: left;
  list-style: none;
}
.ul_icon_info_item{
  float: left;
  margin: 10px 0px 20px -20px;
  padding: 0px;
}
.calories{
  background: url('../img/calories.png') no-repeat center;
  background-size: 50% auto;
}
.low_carb{
  background: url('../img/low_carb.png') no-repeat center;
  background-size: 50% auto;
}
.low_fat{
  background: url('../img/low_fat.png') no-repeat center;
  background-size: 50% auto;
}
.protein{
  background: url('../img/protein.png') no-repeat center;
  background-size: 50% auto;
}
.cafein{
  background: url('../img/cafein.png') no-repeat center;
  background-size: 50% auto;
}

.ul_icon_info_item li span{
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
}
.h4_item, .arrow_box h2, .arrow_box h3{
  font-weight: lighter;
}
.dropdown-menu-thom li{
    box-sizing: border-box;
    padding: 0px 10px;
}
.dropdown-menu-thom{
  opacity: 0.8;
  background: #444 !important;
}
body.admin-bar #nav-fixed{
    top: 32px;
}
#wpadminbar #wp-admin-bar-site-name>.ab-item:before{
    display: none;
}
#wp-admin-bar-wpseo-menu{
    display: none;
}
#wpadminbar{
    background: #f2f2f2;
}
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon{
    color: #333;
}
#wp-admin-bar-root-default a{
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
}
#wp-admin-bar-wp-logo,
#wp-admin-bar-updates,
.update-nag,
#contextual-help-link-wrap,
#wp-admin-bar-comments,
#wp-admin-bar-customize,
#wpfooter
{
    display: none;
}
#wpadminbar #adminbarsearch:before, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before{
    color: rgb(218, 15, 0);
}
.admin-bar .header_top{
  top: 32px;
}
.sns_thom{
  list-style: none;
  width: 293px;
  margin: 21px auto -10px auto;
  position: relative;
  z-index: 123;
  padding: 0px;
}
.sns_thom li{
  float: left;
  margin-right: 10px;
}


.fb_site{
  background: url('../img/fb.png') no-repeat center;
}
.ins_site{
  background: url('../img/insta.png') no-repeat center;
}
.loship_site{
  background: url('../img/loship.png') no-repeat center;
}
.noww_site{
  background: url('../img/now.png') no-repeat center;
}
.vietnammm_site{
  background: url('../img/vietnammm.png') no-repeat center;
}
.div_btn_site{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px #24B34A solid;
  cursor: pointer;
  background-size: 70% auto;
}
.logo_footer{
    width: 223px;
    margin-left: -30px;
}
.card_news .card-title{
  padding-top: 10px;
  float: left;
}
.card_news{
  padding-bottom: 20px;
}
/*.category-tin-tuc .header_top, .category-news .header_top{
  background: #24B34A;
}
.category-news .container_cate, .category-tin-tuc .container_cate{
  margin-top: 130px;
}*/
.comming_text{
  color: #FCB813;
}
.card_box .card-body{
  margin-top: 30px;
  position: relative;
  z-index: 12;
  padding-left: 0px;
  padding-right: 0px;
}
.v_post_thumbnail img{
  float: left;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.h1_title{
  font-weight: bold;
  float: left;
  width: 100%;
  padding-bottom: 15px;
  color:#FCB813;
}
.excerpt_title{
  padding-top: 15px;
  float: left;
  width: 100%;
}
.card-title-cat a, .news_right h3 a{
  color:#FCB813;
}
.card-text-cat{
  color: #555;
}
.the_content *{
  color: #444;
}
.thumb_news_right{
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 7px;
}
#wp-admin-bar-wpseo-menu{
  display: none !important;
}
.c_wp_is_mobile .carousel-item{
  min-height: 300px;
  height: 300px;
}
.c_wp_is_mobile .carousel-inner{
  height: 300px;
}
.c_wp_is_mobile .tab_juices_row {
  width: 33.33%;
  padding: 0px;
}
.c_wp_is_mobile .smoothies_btn, .c_wp_is_mobile .juices_btn, .c_wp_is_mobile .tea_btn{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px #FCB813 solid;
}
.c_wp_is_mobile .tab_juices_row h3{
  font-size: 1rem;
}
.c_wp_is_mobile .arrow_box:after,.c_wp_is_mobile  .arrow_box:before{
  left: 50% !important;
}
.c_wp_is_mobile .arrow_box{
  padding: 4px;
}
.c_wp_is_mobile .arrow_box h1{
  font-size: 23px;
}
.c_wp_is_mobile .box_info_item h3{
  line-height: 1.42;
}
.c_wp_is_mobile .box_info_item {
  padding: 20px 15px; 
}
.c_wp_is_mobile .container_boxx  > div{
  padding: 10px;
}
.c_wp_is_mobile .sns_thom li{
  margin-right: 5px;
}
.c_wp_is_mobile .sns_thom{
  width: 266px;
}
.c_wp_is_mobile .header_top{
background: rgba(11,158,21,1);
background: -moz-linear-gradient(top, rgba(11,158,21,1) 0%, rgba(3,41,5,0) 74%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(11,158,21,1)), color-stop(74%, rgba(3,41,5,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(11,158,21,1) 0%, rgba(3,41,5,0) 74%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(11,158,21,1) 0%, rgba(3,41,5,0) 74%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(11,158,21,1) 0%, rgba(3,41,5,0) 74%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(11,158,21,1) 0%, rgba(3,41,5,0) 74%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b9e15', endColorstr='#000000', GradientType=0 );
}
.c_wp_is_mobile .ul_icon_info_item li{
  width: 33.33%;
  padding: 0px;
}
.c_wp_is_mobile .ul_icon_info_item{
  margin-left: 0px;
}
.c_wp_is_mobile .ul_icon_info_item{
  float: left;
  width: 100%;
}
.c_wp_is_mobile .ul_icon_info_item li span{
  font-size: 11px;
}
.box_lang{
  position: absolute;
  top: 31px;
  right: 28px;
}
.nav_link_lang{
  border: 2px white solid;
  float: left;
  width: 30px;
  border-radius: 4px;
}
.nav_link_lang img{
  float: left;
}
.nav_bar_lang a{
  color: white;
}
.calories_en{
  background: url('../img/calories.png') no-repeat center;
  background-size: 50% auto;
}
.low_carb_en{
  background: url('../img/low_carb.png') no-repeat center;
  background-size: 50% auto;
}
.low_fat_en{
  background: url('../img/low_fat.png') no-repeat center;
  background-size: 50% auto;
}
.protein_en{
  background: url('../img/protein.png') no-repeat center;
  background-size: 50% auto;
}
.cafein_en{
  background: url('../img/cafein.png') no-repeat center;
  background-size: 50% auto;
}
.c_wp_is_mobile .nav_thom{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
}
.c_wp_is_mobile  .navbar-toggler.navbar-toggler-right{
    margin-top: 24px;
}
.navbar_toggler_icon {
    float: left;
    width: 30px;
    height: 5px;
    background: #fdb813;
    margin-top: 4px;
    border-radius: 10px;
}


.footer_container{
  background-size: cover;
}