@font-face{font-family:'FontAwesome';src:url(../font_v/fontawesome-webfont.eot?v=4.3.0);src:url(../font_v/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"),url(../font_v/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),url(../font_v/fontawesome-webfont.woff?v=4.3.0) format("woff"),url(../font_v/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),url(../font_v/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:UTM_Avo;src:url(../fonts/utm_avo/UTM_Avo.ttf)}
@font-face{font-family:UTM_Avo;src:url(../fonts/utm_avo/UTM_AvoBold.ttf);font-weight:700}
@font-face{font-family:Brush_Script;src:url(../fonts/brush_script/Brush_Script_MT.ttf)}
body{padding:0;margin:auto;width:100%;max-width:640px}
body,input,button,option,textarea,label,legend,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{outline:medium none;font-family:UTM_Avo,Arial,sans-serif;font-size:11pt;line-height:1.42857;color:#000}
h1,h2,h3,h4,h5,h6,figure,ul,li{padding:0;margin:0}
a,.add_cart,.owl-buttons div{transition:all .2s ease 0s}
a{text-decoration:none;color:#000}
ul{list-style:none}
img{max-width:100%}
header{height:84px;position:relative}
.container{clear:both;margin:auto;padding:0 5px}
header .logo{padding-bottom:10px;padding-top:10px;position:relative;margin:auto;display:table}
header .logo img{width:103px}
.boxSearchBd{background:#fff}
.right{float:right}
header .iconMenu,header .iconSearch,header .iconLocaltion,header .iconBag{top:31px;position:absolute;left:15px;display:block}
header .iconSearch{left:60px}
header .iconBag{right:15px!important;left:auto}
header .iconLocaltion{right:60px!important;left:auto}
header .iconSearch svg,header .iconBag svg,header #Capa_1,header .iconLocaltion svg{height:25px}
.about .video .titile_home{padding-top:20px;padding-bottom:10px}
header .right .top{clear:both;padding-top:3px}
header .right .top a{float:right;padding-left:20px}
header .right .top div.lang{float:right;margin-left:20px;background:#000;color:#fff;padding-left:10px;padding-right:10px}
header .right .top div.lang:after{content:"\f0d7";font-family:FontAwesome;font-size:14px;padding-left:10px}
header .boxSearch{background:#ccd4d9 none repeat scroll 0 0;clear:both;padding:6px;position:relative;display:none;z-index:9999}
header .boxSearch input{border:medium none;clear:both;color:#666;font-size:11px;height:26px;margin-left:5px;margin-right:4px;padding-left:10px;width:80%}
header .boxSearch .iconsearchV{color:#ddd;margin-top:1px;position:absolute;right:12px;top:8px;cursor:pointer}
header .boxSearch .iconsearchV:before{content:"\f002";font-family:FontAwesome;font-size:14px}
section{clear:both;margin:auto;max-width:640px;overflow:hidden;width:100%}
nav{background:#fff;max-width:640px;position:absolute;top:88px;z-index:99;display:none;width:300px;border-right:1px solid #ccd4d9;border-bottom:1px solid #ccd4d9}
nav .menu,nav .menu_1{border-bottom:1px solid #fff;cursor:pointer;padding-left:0;line-height:40px;text-indent:10px}
nav .menu .icon:after{content:"\f107";float:right;font-family:FontAwesome;font-size:16px;padding-right:6px}
nav .menu:last-child{border-bottom:none!important}
nav .menu .sub_hi{display:none}
nav .hintro{background:#9c9c9c;color:#fff;padding:14px}
nav .hintro a{color:#fff;font-weight:700}
nav .menu .sub_hi li,nav .menu_1_sub .sub{text-indent:25px}
nav .menu_1_sub .menu{border-bottom:none}
nav .menu .sub_hi li:last-child{border-bottom:none}
nav .menu .icon{display:block;border-top:1px dotted #ccd4d9}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.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:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-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-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}
.banner_news{clear:both;position:relative;text-align:center}
.homeFt_mobi{margin-bottom:20px}
.homeFt_mobi a{clear:both;padding-top:10px;display:block;padding-bottom:5px;width:100%;height:auto}
.banner_news .owl-buttons{display:none}
.banner_news .owl-controls .owl-page span:hover,.banner_news .owl-controls .active span,.list_video .owl-controls .active span,.imageDetail .owl-controls .active span{background:#000!important}
.banner_news .owl-controls .owl-page span,.list_video .owl-controls .owl-page span,.imageDetail .owl-controls .owl-page span{background:#bcbec0 none repeat scroll 0 0;border-radius:20px;display:block;height:10px;margin:5px 1px 5px 4px;opacity:1;width:10px}
.banner_news .owl-controls .owl-pagination div,.list_video .owl-controls .owl-pagination div,.imageDetail .owl-controls .owl-pagination div{float:left;margin-right:2px}
.banner_news .owl-controls,.list_video .owl-controls,.imageDetail .owl-controls{height:30px;margin:15px auto 0;overflow:hidden;position:relative;display:table}
.banner_news iframe{width:100%;height:1000px}
@media all and (min-width: 320px) {
.banner_news iframe{max-height:120px;width:66%}
}
@media all and (min-width: 360px) {
.banner_news iframe{max-height:135px;width:66%}
}
@media all and (min-width: 414px) {
.banner_news iframe{max-height:155px}
}
@media all and (min-width: 480px) {
.banner_news iframe{max-height:180px;width:67%}
}
@media all and (min-width: 600px) {
.banner_news iframe{max-height:225px}
}
@media all and (min-width: 800px) {
.banner_news iframe{max-height:240px}
}
section .titile_home,.hboxLde .titile a{clear:both;font-size:20pt;padding-bottom:5px;position:relative;text-align:center}
.hboxLde .titile{text-align:center;font-weight:400;padding:10px}
section .slide_action{clear:both;max-height:340px;overflow:hidden}
section .name_banner{color:#28bdb3;font-size:15px;font-weight:700;margin-top:5px;text-align:center;text-transform:uppercase}
section .brackRum{clear:both;padding-left:4px;padding-top:15px}
.ratings{clear:both;display:table;font-size:13px;margin:8px auto;position:relative;text-align:left}
.hIteamPro .item{width:49%;display:inline-block;position:relative}
.list_product_h .owl-buttons div{background:url(../images/pre_next.png) no-repeat;position:absolute;top:40%;background-position:0 0;height:38px;width:40px}
.list_product_h .owl-buttons div.owl-next{background-position:0 -40px!important;right:0!important}
.rating-box::before{font-family:"FontAwesome";content:"\f005\f005\f005\f005\f005";letter-spacing:2px;color:#ccc;position:relative}
.rating-box .rating::before{content:"\f005\f005\f005\f005\f005";font-family:"FontAwesome";letter-spacing:2px}
section .sort{float:right}
section .sort select{border:1px solid #dadada;font-size:11px;height:24px;padding:3px 3px 3px 5px}
.rating-box .rating{color:#c1ac51;height:20px;overflow:hidden;position:absolute;top:0;left:0}
.list_product_h{margin-top:15px}
.list_product_h h2,.list_product_categ .item h2{clear:both;overflow:hidden;padding:10px 5px;text-align:center;text-transform:uppercase;line-height:40px;height:34px;margin-top:12px}
.list_product_h h2 a{font-weight:700}
.list_product_h h3,.list_product_categ .item h3{font-weight:400;text-align:center;height:35px;overflow:hidden;padding:10px 5px}
section .product .page{clear:both;padding-top:20px}
.category_pro h1{text-transform:uppercase;float:left}
.mgPrMade .price{text-align:left}
.price{text-align:center}
.price .dl{text-decoration:line-through;color:#999;padding-right:10px}
.home_prom{clear:both}
.list_product_categ{clear:both;margin-top:40px}
.list_product_categ .item{position:relative;background:#fff;width:48.7%;overflow:hidden;display:inline-block;vertical-align:top}
section .brackRum h1{float:left}
.mid .list_product_categ .item{border-bottom:none}
.list_product_categ .item h2{text-transform:uppercase}
.home_prom a{display:block;float:left;margin-right:15px}
.home_prom a:last-child{margin-right:0!important}
.container_email .regisPhone{clear:both;padding-top:4px}
.container_email .regisPhone div,.container_email .regisPhone input{float:left}
.container_email{border-top:3px solid #000;clear:both;padding-bottom:2px}
.regisPhone #emailKm{border:1px solid #ccc;float:left;font-size:12px;height:20px;margin-left:4px;margin-top:5px;padding-left:6px;width:230px}
.regisPhone .iconsend{cursor:pointer;float:left;height:24px;line-height:24px;margin-left:-26px;margin-top:5px;position:relative;text-align:center;width:28px}
.regisPhone .iconsend:before{content:"\f105";font-family:FontAwesome;font-size:18px;color:#000}
footer .connect{clear:both;padding-top:18px;text-align:center}
nav .menu .titlea{font-weight:700}
.list_product_h .images,.list_product_categ .item .image{clear:both;overflow:hidden;padding-top:12px;text-align:center;position:relative;width:100%;display:table}
.list_product_h .images a,.list_product_categ .item .image a{vertical-align:bottom;display:table-cell}
.list_product_h .images img,.list_product_categ .item .image img{max-width:90%;max-height:220px;width:auto}
.de_tesaser img{max-width:100%;height:auto!important}
footer .connect a{border:1px solid #fff;border-radius:32px;color:#000;display:inline-block;font-family:FontAwesome;font-size:14px;height:32px;line-height:32px;margin-left:6px;text-align:center;width:32px;background:#fff}
.fb:before{content:"\f09a"}
.tw:before{content:"\f099"}
.gg:before{content:"\f0d5"}
.ytb:before{content:"\f16d"}
.footer-nav{font-size:12px}
.footer-nav .detail p:before{font-family:fontAwesome;font-size:5px;line-height:15px;margin-right:5px;content:"\f111"}
.footer-nav-add{clear:both;padding-top:20px}
.footer-nav-add p{margin:0}
.footer-nav strong{color:#fff;font-size:15px;font-weight:600}
.footer-nav .footer-nav-add .detail{margin-top:5px}
.about .titile_abbout{border-bottom:1px solid #999a9b;clear:both;font-size:16px;margin:auto;padding-bottom:9px;padding-left:4px;padding-right:4px;text-align:center;text-transform:uppercase}
.about .detail{clear:both;padding-top:10px}
.about .detail *{font-family:"Roboto",Helvetica,Arial,sans-senif!important;font-size:13px!important;line-height:22px!important}
.box_view_more li{margin:15px 0;overflow:hidden;clear:both}
.box_view_more .image_news_view{float:left;height:90px;margin-right:10px;overflow:hidden;width:150px}
.box_view_more .image_news_view img{min-height:91px}
.contact .left{clear:both;font-size:14px;margin-right:4px;padding-right:4px}
.contact .left .title_contacnt{clear:both;font-weight:700;color:#000}
.contact .leftCOntactDc p i:before{font-family:FontAwesome;font-size:18px;padding-left:5px;padding-right:5px;font-weight:400;font-style:normal}
.contact .leftCOntactDc p i.icon_adress:before{content:"\f041"}
.contact .leftCOntactDc p i.icon_phone:before{content:"\f095"}
.contact .leftCOntactDc p i.icon_email:before{content:"\f199"}
.contact .left .bsDcH{clear:both;padding-left:4px;padding-right:4px}
.contact .left .bsDcH input,.contact .left .bsDcH textarea{background:#f3f3f3 none repeat scroll 0 0;border:1px solid #e7e7e7;clear:both;display:block;margin-bottom:15px;padding:5px;width:98%}
.contact .left .bsDcH .send{border:1px solid #ddd;color:#a7a9ac;cursor:pointer;font-weight:700;margin:auto;padding:10px 5px;text-align:center;width:98%}
.contact .right{clear:both;float:left!important;padding-left:4px;padding-right:4px;padding-top:13px;width:100%}
.contact .right h2{font-weight:700;color:#000}
.contact .right h3{background:#efefef none repeat scroll 0 0;margin-top:4px;padding:5px 5px 5px 15px;text-transform:uppercase;font-weight:700;color:#000}
section .top{clear:both}
section .top .right .topTitle{clear:both;font-weight:400;text-transform:capitalize;font-size:20pt;padding-bottom:10px;padding-top:10px}
.mgPrMade{clear:both;font-size:14pt}
.mgPrMade div{padding-right:10px}
.mgPrMade .ml{border-right:2px solid #000;margin-right:10px;margin-top:6px}
section .top .right .top_des{font-weight:400;padding-bottom:10px}
section .top .right .price span{float:left;padding-right:10px}
section .top .right .topReview{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #d7d7d7;clear:both;height:25px}
section .top .right .des_d{clear:both;padding-top:10px;padding-bottom:10px}
section .top .right .share{display:table;height:14px;margin:auto;padding-top:4px}
section .top .right .share a{border-radius:20px;float:left;height:30px;line-height:30px;margin-left:5px;margin-top:-3px;position:relative;text-align:center;width:30px}
section .top .right .share a:before{font-family:FontAwesome;color:#818386;font-size:20px}
section .top .right .addcart{clear:both;background:#9c9c9c;color:#fff;text-transform:uppercase;text-align:center;margin-top:10px;margin-bottom:10px;height:40px;line-height:40px;border-radius:3px}
section .d_titile{text-align:center;display:table;margin:auto;font-size:24px;line-height:50px}
section .d_titile span{border:2px solid #717b85;margin-left:30%;margin-right:30%;display:block;clear:both}
section .de_tesaser{line-height:140%;clear:both;padding:15px;margin-left:8px;margin-right:8px}
section .de_tesaser_bg{background:#f0f1f1;margin-top:30px;margin-bottom:20px}
section .top .right .topp2{clear:both;display:table;margin:auto;padding-top:5px;text-transform:uppercase}
section .top .right .topp2 span{float:left;line-height:32px;padding-right:5px}
section .top .right .topp2 select{border:1px solid #ebebeb;width:70px;height:30px;float:left}
section .top .right .topReview .ratings{font-size:15px;display:block!important;float:left;clear:none!important}
section .top .right .topReview span{display:block;float:left;padding-left:6px;padding-top:7px}
section .top .right .detailQ{clear:both;font-size:13px;line-height:22px;overflow:hidden;padding-left:4px;padding-right:4px;padding-top:5px}
section .top .right .detailQ p{text-align:justify}
section .top .right .detailQ p span{font-family:Arial!important}
section .top .right .detailQ iframe{height:auto!important;max-width:635px;min-height:250px;width:100%!important}
.line_thr{border-bottom:1px solid #d6d6d6;clear:both;height:11px;margin-bottom:28px}
.line_thr .line_thr_v{background:#f2f2f2;cursor:pointer;height:23px;margin:auto;width:32px;text-align:center}
.line_thr .line_thr_v:before{content:"\f107";font-family:FontAwesome;font-size:20px}
.reviewDanhGia{clear:both}
.bt_comment span:after{content:"\f0d7";font-family:FontAwesome;padding-left:5px}
section .mid{clear:both}
section .mid .Perfect{clear:both;font-size:14px;padding-top:10px;text-transform:uppercase}
.txtError,.errorBT{border:1px solid #c00!important}
.line_thr_v_all{height:auto!important}
.line_thr .line_thr_v_vie:before{content:"\f106"!important}
#commentNewAll{clear:both;height:10px}
section .cartAll{margin:auto;position:relative}
#cart_pro .title{clear:both;font-size:14px;margin:15px 0}
#cart_pro .title div{float:left}
.pro_price,.pro_quantity,.pro_sum{width:120px;text-align:center}
#cart_pro .detailPro{border-bottom:1px solid #e5e5e5;clear:both;margin-bottom:10px;overflow:hidden;padding-bottom:10px}
.icon_delete:before{border:1px solid #ccc;font-family:fontAwesome;padding:10px;content:"\f00d"}
#cart_pro .detailPro div,.pro_imagesR{display:table-cell;vertical-align:middle;padding-right:10px}
section .cartAll #cart_pro{border:1px solid #e5e5e5;clear:both;padding-bottom:15px}
#cart_pro .detailPro .pro_imagesL{float:left;margin-right:10px;padding:4px}
#cart_pro .detailPro .pro_imagesL img{max-width:60px}
#cart_pro .detailPro .capnhatCartTxt{border:1px solid #ccc;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;display:inline;padding:0 5px;text-align:center}
.pro_images{width:96%;padding-right:2%}
section .top .right{padding-left:8px;padding-right:8px;clear:both;float:none!important}
section .cartAll .footCart{clear:both;padding-top:10px}
section .cartAll .footCart .price_sum{font-size:16px;font-weight:300;margin-right:10px;text-align:right}
.clearMaGgBoxBt{background:#666 none repeat scroll 0 0;color:#fff;cursor:pointer;float:right;margin-top:35px;padding:10px 20px}
.btn_order{float:none;margin:15px auto 0;width:170px}
.btn_discount{margin:0 10px 0 13px;padding:2px 9px 1px;border:none;border-radius:3px}
#ma_giam_gia{float:right}
.title_de_info{clear:both;color:#333;font-size:18px;font-weight:500;margin-top:25px;text-transform:uppercase}
.title_de_info span:before{content:"\f067";font-family:FontAwesome;font-size:11px;padding-right:5px;font-weight:400}
.list_skin_advice_sub .sub{border:1px solid #e5e5e5;box-shadow:5px 5px 9px 0 #e5e5e5;margin:auto auto 20px;min-height:100px;padding:10px 0}
.group_news .list_news{clear:both;margin-left:10px;margin-right:10px;padding-bottom:20px}
.group_news .list_news .item_big{clear:both}
.group_news .list_news .item_big .image_news{clear:both;padding-bottom:10px}
.group_news .list_news .item_big .title_news a{font-size:14pt}
.skincare_showrrom{clear:both;padding-top:10px}
.skincare_showrrom .scincare{clear:both}
.skincare_showrrom img{padding-bottom:10px;width:100%}
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.skincare_showrrom h3{text-align:center;padding-bottom:10px}
.skincare_showrrom h3 a{font-size:20pt;font-weight:400}
.group_news .list_news .item_big .image_news img{width:100%}
.group_news .list_news .item_small{clear:both;padding-top:20px}
.group_news .list_news .item_small h2{padding-bottom:10px}
.group_news .list_news .item_small .image_news{float:left;width:170px;margin-right:20px}
.group_product{padding:10px 5px}
.home .video{padding-top:20px}
.list_skin_advice_sub .sub h2,.list_skin_advice_sub .sub h3{color:#28bdb3;margin:10px;width:60%}
.list_skin_advice_sub .sub h3{color:#000}
.list_skin_advice_sub .sub h2{font-size:11pt;font-weight:700;text-transform:uppercase}
.right_content{width:100%}
.box_view_more{margin:15px auto auto;overflow:hidden;width:98%}
.box_view_more .title{background:#28bdb3 none repeat scroll 0 0;color:#fff;font-weight:600;padding:10px 0;text-align:center}
.box_view_more .detail{padding:0 5px}
.box_view_more .detail li{margin:5px 0}
.box_view_more .detail .title_news a{color:#28bdb3}
.box_appointment{border:2px solid #e5e5e5;margin:30px 5px 20px;padding:15px 3%}
.box_appointment .title{background:#666 none repeat scroll 0 0;color:#fff;font-size:15px;font-weight:400;line-height:25px;margin-bottom:20px;padding:10px;text-align:center;text-transform:uppercase}
.box_appointment input,.box_appointment select{border:1px solid #ccc;margin:5px 0;text-indent:15px;width:96%;height:30px}
.box_appointment select{text-indent:5px;width:100%}
.box_appointment .radio{clear:both;margin-right:10px;margin-top:15px;width:15px;height:12px}
.box_appointment .btn_send_request{background:#a8a8a8 none repeat scroll 0 0;color:#fff;cursor:pointer;font-size:12pt!important;margin:15px auto auto;padding:8px 30px;text-align:center;width:140px}
.box_appointment .btn_send_request:hover{background:#666}
section .ingredient{border-bottom:1px solid #e5e5e5;margin:auto;overflow:hidden;padding:15px 3%;width:90%}
section .page_number{text-align:center;margin-top:15px}
section .page_number strong{background:#333;color:#fff}
section .page_number strong,section .page_number a{padding:5px 10px;border:1px solid #ccc}
section .ingredient .img_ingredient{text-align:center}
section .ingredient .name_ingredient{color:#28bdb3;font-size:13pt;font-weight:700;line-height:18pt;margin-top:15px;text-align:center}
section .ingredient .name_ingredient span{color:#9f9f9f;font-size:13px;font-weight:300}
section .ingredient .detail_ingredient{text-align:justify}
section .quiz_test{display:block;margin:auto;overflow:hidden;padding:0 3%;position:relative;width:94%}
section .quiz_test:after{content:"";background:url(../images/background_test.png);opacity:.3;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}
section .quiz_test h2{color:#28bdb3;font-size:16pt;font-weight:700;margin:20px 0 10px;text-align:center}
section .line_fo{margin:auto;text-align:center}
section .quiz_test p{color:#000;font-size:11pt;line-height:20pt;text-align:justify}
section .quiz_test .result_total{border-radius:85px;box-shadow:0 0 10px 2px #ccc;color:#000;cursor:pointer;font-size:12pt;font-weight:700;line-height:25pt;margin:20px auto;padding:10px 10%;text-align:center;text-transform:capitalize;width:70%}
section .quiz_test .image_alert{background:#28bdb3 none repeat scroll 0 0;border-radius:10px;color:#fff;font-size:12pt;margin:auto;padding:10px 5px;text-align:center;width:92%}
section .quiz_test .image_alert img{width:90%;max-width:320px}
section .about .content_list .list_chap li{cursor:pointer;line-height:35px;overflow:hidden}
section .about .content_list .list_chap .chap_parent{border:1px solid #ccc;border-radius:10px;box-shadow:0 0 5px 0 #ccc;margin:18px auto;padding:5px 10px;width:90%;font-weight:700}
section .about .content_list .list_chap li .title_chap .radius{background:#fff none repeat scroll 0 0;border:1px solid #ccc;border-radius:20px;box-shadow:5px 5px 5px 0 #ccc;margin-right:1%;padding:5px 10px}
section .btn_result_select{background:#28bdb3;color:#fff!important}
section .list_result{margin-top:30px}
section .list_result .select_me{box-shadow:0 0 22px 9px red;position:relative;z-index:1000}
section .list_result li{display:none;height:200px;margin:auto;overflow:hidden;text-align:center;width:205px}
section .list_result li a{color:#fff}
section .list_result li .name{font-size:25pt;margin:15px 0}
section .list_result li .number{border:1px solid #fff;border-radius:100px;font-size:15pt;height:40px;line-height:40px;margin:30px auto;text-align:center;width:40px}
section .list_result li .des{padding:0 5px}
section .about .content_list .list_chap li .title_chap{color:#3d3d3d;font-size:11pt;text-transform:capitalize}
section .chap_parent .question{display:none;position:relative;top:10px;margin-bottom:20px}
section .chap_parent .question .title{color:#28bdb3;font-size:14pt;font-weight:700;margin:15px 0;text-align:center}
section .chap_parent .question .des_question{text-transform:capitalize;color:#000;font-size:11pt}
section .list_question li{margin:20px 0}
section .btn_result{border-radius:10px;box-shadow:0 0 10px 1px #28bdb3;color:#666;font-size:13pt;margin:auto;padding:5px 0;text-align:center}
section .list_question .question_title{color:#000;font-weight:700;margin:10px 0}
section .list_question .question_title span{background:#28bdb3 none repeat scroll 0 0;border-radius:50px;color:#fff;padding:17px 10px}
.btn_see_all{border:2px solid #28bdb3;border-radius:5px;cursor:pointer;font-size:18px;margin:20px auto auto;padding:7px 0;text-align:center;width:175px}
.btn_see_all a{color:#484848;padding:8px 38px;text-align:center;width:170px}
.ingredient_detail_sub .img,.ingredient_detail_sub .info{float:left}
.ingredient_detail_sub .info{text-align:center;width:100%}
.ingredient_detail_sub .info .name{color:#28bdb3;font-size:13pt;font-weight:700}
.ingredient_detail_sub .info .des{color:#909090;text-transform:capitalize}
.ingredient_detail_sub .info .detail{text-align:left;color:#000}
.ingredient_detail_sub{border-bottom:1px solid #ccc;clear:both;margin:15px 0;overflow:hidden;padding:15px 0}
.ingredient_detail_sub:last-child{border-bottom:none}
.ingredient_detail_sub .img{width:100%;text-align:center}
.news_relate li{clear:both;list-style:none}
.news_relate .images{overflow:hidden;clear:both}
.news_relate .images img{width:100%}
.news_relate li{margin:10px 0;overflow:hidden}
#captcha_sms-input,#sms_code{width:95%}
.news_relate h2{padding-bottom:10px;padding-top:10px;font-weight:400}
.news_relate h2 a{font-size:18pt}
.news_relate h3{font-weight:400;padding-top:5px;padding-bottom:10px}
.news_relate{padding-left:10px;padding-right:10px}
#captcha_img{margin-top:20px}
.sms_title{color:#28bdb3;font-weight:700;font-size:13pt;margin:10px 0}
.page{text-align:center}
.page strong,.page a{border:1px solid #e5e5e5;display:inline-block;height:30px;line-height:30px;padding:0 15px;border-radius:2px}
.page strong{background:#333;color:#fff}
section .video_group .item{background:#fff none repeat scroll 0 0;border-bottom:1px dashed #e5e5e5;margin:10px 0;overflow:hidden;padding:0 0 10px}
section .video_group .item:last-child{border-bottom:medium none;margin-bottom:0;padding-bottom:0}
section .video_group .image_news{float:left;height:90px;margin-right:10px;overflow:hidden;width:150px;position:relative}
.video_group .title_news a{margin:0}
section .video_group .image_news img{min-height:90px}
section .video_group .image_news:after{content:"\f16a";color:#333;font-family:FontAwesome;font-size:32px;font-style:normal;font-weight:400;left:38%;position:absolute;text-decoration:inherit;top:45%;z-index:1;background:#fff;transition:ease-in-out .3s all 0s;height:20px;line-height:20px;border-radius:26px}
.btn_back_to_top .icon:before{content:"\f106";font-family:fontAwesome;font-size:15px}
.btn_back_to_top{background:#333 none repeat scroll 0 0;border-radius:2px;bottom:100px;color:#fff;cursor:pointer;display:none;opacity:.9;padding:10px 15px;position:fixed;right:33px;z-index:9999}
.btn_back_to_top:hover{background:#333;color:#fff;border-color:#333}
.phone_fix{background:#333 none repeat scroll 0 0;border-radius:2px;bottom:10px;color:#fff;font-size:15px;left:10px;line-height:25px;padding:8px 15px;position:fixed;opacity:.9;display:block}
.icon_phone:before{font-family:fontAwesome;content:"\f095";margin-right:5px}
.group_cart{left:0;position:fixed;right:0;top:0;z-index:9999;background:#f4f4f4;display:none}
.bnDspbc{display:block;clear:both;margin:20px 10px}
.box_input{margin:auto;text-align:center}
.box_input input{border:1px solid #e5e5e5;height:30px;margin:5px 0;text-indent:10px;width:90%}
.pttt{width:15%;margin:auto}
.info_pttt{margin-left:10px;text-align:left;font-size:11pt}
.add_cart{background:#666 none repeat scroll 0 0;color:#fff;cursor:pointer;left:35px;margin-right:0;padding:10px 0;position:absolute;right:35px;text-align:center;top:165px;opacity:.9;display:none;transition:ease-in-out .2s all 0s}
.add_cart:hover{background:#333}
section .detail_main .detail table{width:100%!important}
section .detail_main .detail table td{padding:5px}
section.beautyTips img{max-width:100%}
section.beautyTips article p{max-width:600px;margin:5px auto;font-size:11pt;line-height:17pt;font-weight:300;padding:0 8px}
section.beautyTips h1{text-align:center;font-size:15pt;line-height:20pt;font-weight:600;margin:15px auto;max-width:600px}
section.beautyTips .banner_full img{width:100%}
footer{clear:both;background:#000;color:#fff;padding-bottom:30px}
footer a{color:#fff}
.regisPhone{clear:both;padding-top:10px;height:48px}
.dkbct{display:block;text-align:center;clear:both;margin:auto;width:128px;padding:2px;border-radius:4px;overflow:hidden}
.imageDetail{text-align:center;padding-top:20px}
.imageDetail img{max-height:450px}
.commemntKdD .title{clear:both;text-align:center;font-size:18pt;padding-top:20px}
.commemntKdD,.commenBl{padding-top:10px}
.commemntKdD{clear:both;margin:auto;background:#f0f1f1;margin-top:52px;padding-bottom:20px}
.inputComment{border:1px solid #e3e3e3;clear:both;color:#737373;font-size:13px;margin-top:10px;padding-left:8px;width:85%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none}
.inputCommenttxt{clear:both;height:25px}
.btBinhLuan{background:#000;border:none;color:#fff;cursor:pointer;display:block;font-weight:700;margin-top:8px;padding:10px;text-align:center;width:180px}
#commentPhanTrang{clear:both;border-top:1px solid #221f1f;margin-top:15px;padding-top:20px}
#commentPhanTrang .clearas{clear:both;overflow:hidden;padding:10px}
#commentPhanTrang .clearas .commentDetail{clear:both;padding-top:10px;display:table}
#commentPhanTrang .clearas .commentIMg{clear:both;padding-top:15px}
.icon_rep_cmt{cursor:pointer}
.icon_rep_cmt:hover{color:#00F}
.list_product_h span.new,.list_product_h span.best{height:45px;width:45px;border-radius:45px;background:#b70f15;color:#fff;font-size:9pt;display:block;position:absolute;top:0;right:0;text-align:center;line-height:42px}
.list_product_h span.best{line-height:14px;padding-top:5px;height:40px}
.list_product_h .item .xem_n{background:#000;color:#fff;text-transform:uppercase;padding:4px 15px;border-radius:3px;display:table;margin:18px auto 10px}
.user_iconCm{width:55px;height:55px;margin-left:12px;margin-top:9px}
.user_iconCm path,.user_iconCm polygon,.user_iconCm rect{fill:#fff}
.user_iconCm circle{stroke:#4691f6;stroke-width:1}
.cmt_rep{clear:both;margin-left:37px;margin-top:12px}
.content_rep,.delete_rep{padding-bottom:15px}
.cmt_rep li{border-top:1px solid #221f1f;margin-bottom:15px;padding-top:15px}
.cmt_rep li:last-child{margin-bottom:0}
.icon_rep_cmt:before{content:"\f112";font-family:fontAwesome;margin-right:5px}
.delete_rep{cursor:pointer;float:right}
#commentPhanTrang .clearas .commentDetailTopLeft{font-weight:700;float:left;padding-right:15px;margin-left:16px;margin-top:9px;font-size:14px}
.icon_rep_cmt{float:right}
#commentPhanTrang .clearas .commentDetailTopRight{float:left;font-size:13px;border-left:1px solid #000;height:12px;line-height:10px;padding-left:18px;margin-top:16px}
.avartar_share{width:44px;height:44px;background-color:#000;border-radius:44px;float:left}
#commentPhanTrang .clearas .commentDetail .commentDetailTtitle{font-weight:700;padding-bottom:8px;padding-top:8px}
#commentPhanTrang .clearas .ratings{float:left;margin:0!important}
.idComnetDetail,.reviewDanhGia{clear:both}
.idComnetDetail{margin-left:10px;margin-top:25px}
.list_product_h span.newG{line-height:16px!important;padding-top:6px;height:40px}
.gmmtm{border-radius:4px;color:#b70f15;display:block;top:0;text-align:center;line-height:24px;left:31%;font-weight:700}
.commentLayoutFacebook .flexBox{display:flex}
.commentLayoutFacebook .flexBox .avatar{margin-right:8px}
.commentLayoutFacebook .flexBox .info{flex-grow:1}
.boxComment{border:1px solid #d3d6db}
.boxComment textarea{border:none;width:96%;resize:none;padding:15px 2%;font-family:Helvetica,Arial,sans-serif;font-size:14px}
.footerBoxComment{background:#f5f6f7;text-align:right;padding:8px;border-top:1px solid #d3d6db}
.footerBoxComment .commentViaUser{float:left;color:#90949c;line-height:30px;font-size:12px}
.footerBoxComment .btnPostComment{background:#365899;color:#fff;display:inline-block;padding:3px 10px 5px;font-weight:700;font-family:Helvetica,Arial,sans-serif;font-size:14px;border:none}
.footerBoxComment .btnPostComment.disabled{background:#9cb4d8}
.commentLayoutFacebook .nameComment span{background:#999;color:#fff;font-size:11px;padding:4px 8px;border-radius:8px}
.commentLayoutFacebook .nameComment{color:#385898;font-weight:600}
.commentLayoutFacebook .contentComment{margin:6px 0}
.commentLayoutFacebook .contentComment a{color:#4267b2;text-decoration:underline}
.commentLayoutFacebook .groupFunction{color:#4267b2;font-size:12px;line-height:1.358}
.commentLayoutFacebook .groupFunction #countLike{color:#1c1e21}
.commentLayoutFacebook .groupFunction span.a{cursor:pointer}
.commentLayoutFacebook .groupFunction span.a:hover{text-decoration:underline}
.commentLayoutFacebook .groupFunction span img{position:relative;bottom:-2px}
.commentLayoutFacebook .groupFunction .timeAgo{color:#90949c}
.commentLayoutFacebook .listComment .flexBox{margin-top:25px}
.commentLayoutFacebook .listComment .boxRepComment{border-left:1px dotted #d3d6db;padding-left:8px;margin-top:15px}
.formRepComment{display:none}
.bookSpa{position:fixed;bottom:15px;left:15px;z-index:999;background:silver;padding:10px;border-radius:0 10px 10px 10px;max-width:250px}
.bookSpa .icon-close-book-spa{position:absolute;top:-28px;background:#666;width:60px;text-align:center;left:0;line-height:28px;font-size:13px;cursor:pointer}
.bookSpa img{max-width:100%}
.bookSpa .input,.bookSpa .button{display:flex;align-items:center}
.bookSpa .input input{width:100%;border:none;border-left:2px solid #6d6d6d;background:none;text-indent:5px;margin-left:3px;line-height:25px;border-radius:0}
.bookSpa .button .btn_datLichSpa{margin:0 10px 0 0;cursor:pointer}
.bookSpa .button .btn_xemLai{background:#999;width:80px;text-align:center;line-height:15px;border-radius:4px;padding:8px 5px;cursor:pointer;font-size:10pt}
.nutrivita-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:150px}
.nutrivita-alo-phone.nutrivita-alo-show{visibility:visible}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig {
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.nutrivita-alo-phone.nutrivita-alo-static{opacity:.6}
.nutrivita-alo-phone.nutrivita-alo-hover,.nutrivita-alo-phone:hover{opacity:1}
.nutrivita-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:nutrivita-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:nutrivita-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:nutrivita-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:nutrivita-alo-circle-anim 1.2s infinite ease-in-out;animation:nutrivita-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.nutrivita-alo-phone.nutrivita-alo-active .nutrivita-alo-ph-circle{-webkit-animation:nutrivita-alo-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-anim 1.1s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-anim 1.1s infinite ease-in-out!important;animation:nutrivita-alo-circle-anim 1.1s infinite ease-in-out!important}
.nutrivita-alo-phone.nutrivita-alo-static .nutrivita-alo-ph-circle{-webkit-animation:nutrivita-alo-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-anim 2.2s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-anim 2.2s infinite ease-in-out!important;animation:nutrivita-alo-circle-anim 2.2s infinite ease-in-out!important}
.nutrivita-alo-phone.nutrivita-alo-hover .nutrivita-alo-ph-circle,.nutrivita-alo-phone:hover .nutrivita-alo-ph-circle{border-color:#35D810;opacity:.5}
.nutrivita-alo-phone.nutrivita-alo-green.nutrivita-alo-hover .nutrivita-alo-ph-circle,.nutrivita-alo-phone.nutrivita-alo-green:hover .nutrivita-alo-ph-circle{border-color:#75eb50;opacity:.5}
.nutrivita-alo-phone.nutrivita-alo-green .nutrivita-alo-ph-circle{border-color:#35D810;opacity:.5}
.nutrivita-alo-phone.nutrivita-alo-gray.nutrivita-alo-hover .nutrivita-alo-ph-circle,.nutrivita-alo-phone.nutrivita-alo-gray:hover .nutrivita-alo-ph-circle{border-color:#ccc;opacity:.5}
.nutrivita-alo-phone.nutrivita-alo-gray .nutrivita-alo-ph-circle{border-color:#75eb50;opacity:.5}
.nutrivita-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.nutrivita-alo-phone.nutrivita-alo-active .nutrivita-alo-ph-circle-fill{-webkit-animation:nutrivita-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:nutrivita-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.nutrivita-alo-phone.nutrivita-alo-static .nutrivita-alo-ph-circle-fill{-webkit-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:nutrivita-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.nutrivita-alo-phone.nutrivita-alo-hover .nutrivita-alo-ph-circle-fill,.nutrivita-alo-phone:hover .nutrivita-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#35D810 9;opacity:.75!important}
.nutrivita-alo-phone.nutrivita-alo-green.nutrivita-alo-hover .nutrivita-alo-ph-circle-fill,.nutrivita-alo-phone.nutrivita-alo-green:hover .nutrivita-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.nutrivita-alo-phone.nutrivita-alo-green .nutrivita-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75!important}
.nutrivita-alo-phone.nutrivita-alo-gray.nutrivita-alo-hover .nutrivita-alo-ph-circle-fill,.nutrivita-alo-phone.nutrivita-alo-gray:hover .nutrivita-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75!important}
.nutrivita-alo-phone.nutrivita-alo-gray .nutrivita-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.nutrivita-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
.nutrivita-alo-phone.nutrivita-alo-active .nutrivita-alo-ph-img-circle{-webkit-animation:nutrivita-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-img-anim 1s infinite ease-in-out!important;animation:nutrivita-alo-circle-img-anim 1s infinite ease-in-out!important}
.nutrivita-alo-phone.nutrivita-alo-static .nutrivita-alo-ph-img-circle{-webkit-animation:nutrivita-alo-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:nutrivita-alo-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:nutrivita-alo-circle-img-anim 0s infinite ease-in-out!important;-o-animation:nutrivita-alo-circle-img-anim 0s infinite ease-in-out!important;animation:nutrivita-alo-circle-img-anim 0s infinite ease-in-out!important}
.nutrivita-alo-phone.nutrivita-alo-hover .nutrivita-alo-ph-img-circle,.nutrivita-alo-phone:hover .nutrivita-alo-ph-img-circle{background-color:#35D810}
.nutrivita-alo-phone.nutrivita-alo-green.nutrivita-alo-hover .nutrivita-alo-ph-img-circle,.nutrivita-alo-phone.nutrivita-alo-green:hover .nutrivita-alo-ph-img-circle{background-color:#FF3B00;background-color:#75eb50 9}
.nutrivita-alo-phone.nutrivita-alo-green .nutrivita-alo-ph-img-circle{background-color:#333;background-color:#35D810 9}
.nutrivita-alo-phone.nutrivita-alo-gray.nutrivita-alo-hover .nutrivita-alo-ph-img-circle,.nutrivita-alo-phone.nutrivita-alo-gray:hover .nutrivita-alo-ph-img-circle{background-color:#ccc}
.nutrivita-alo-phone.nutrivita-alo-gray .nutrivita-alo-ph-img-circle{background-color:#75eb50}
@-moz-keyframes nutrivita-alo-circle-anim {
0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}
30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}
100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}
}
@-webkit-keyframes nutrivita-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-o-keyframes nutrivita-alo-circle-anim {
0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}
30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}
100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}
}
@-moz-keyframes nutrivita-alo-circle-fill-anim {
0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}
100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes nutrivita-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes nutrivita-alo-circle-fill-anim {
0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-moz-keyframes nutrivita-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes nutrivita-alo-circle-img-anim {
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)}
}
@-o-keyframes nutrivita-alo-circle-img-anim {
0%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-o-transform:rotate(0) scale(1) skew(1deg)}
100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
@-moz-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-o-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-moz-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-webkit-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-o-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-moz-keyframes nutrivita-alo-circle-anim {
0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes nutrivita-alo-circle-anim {
0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-o-keyframes nutrivita-alo-circle-anim {
0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@keyframes nutrivita-alo-circle-anim {
0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-moz-keyframes nutrivita-alo-circle-fill-anim {
0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes nutrivita-alo-circle-fill-anim {
0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes nutrivita-alo-circle-fill-anim {
0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@keyframes nutrivita-alo-circle-fill-anim {
0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-moz-keyframes nutrivita-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes nutrivita-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes nutrivita-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes nutrivita-alo-circle-img-anim {
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
#nutrivita-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}
#nutrivita-alo-wrapper.night-mode{color:#fff}
.nutrivita-alo-popup-close{-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute!important;right:-15px!important;top:-15px!important;height:30px!important;width:30px!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=);background-position:center center;background-repeat:no-repeat;cursor:pointer!important;-webkit-transition:.3s ease-out!important;-moz-transition:.3s ease-out!important;-o-transition:.3s ease-out!important;transition:.3s ease-out!important}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC)}
#nutrivita-alo-wrapper .nutrivita-alo-popup-close:hover{opacity:.6!important}
.nutrivita-alo-popup{display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=);-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:60px 75px}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=)}
#nutrivita-alo-wrapper .nutrivita-alo-overlay{position:fixed;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=);top:0;left:0;z-index:200000}
.nutrivita-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}
.night-mode .nutrivita-alo-popup h3{font-size:23px}
.night-mode .nutrivita-alo-message{padding-bottom:0}
.nutrivita-alo-message{height:32px;padding:18px 0 13px;text-align:center;clear:both;font-size:14px}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper .label,#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper .label + .input{float:left;width:49%}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper .input{padding:0 13px}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}
.nutrivita-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:400;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}
nutrivita-alo-number::-ms-clear{display:none;width:0;height:0}
.night-mode .nutrivita-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]:focus{outline:0}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup .nutrivita-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none!important}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup .nutrivita-alo-submit{background-color:#00bed5}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-submitavtive,#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-submitvisited{outline:none!important}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-submit-moz-focus-inner{border:0}
#nutrivita-alo-wrapper .nutrivita-alo-popup .nutrivita-alo-submit:hover{background-color:#35D810;background-color:#35D810}
.nutrivita-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur)}
#nutrivita-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}
.nutrivita-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-popup h3{margin-bottom:15px}
#nutrivita-alo-wrapper.night-mode .nutrivita-alo-form .nutrivita-alo-select-wrapper{margin-bottom:35px}
.nutrivita-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}
.nutrivita-alo-cell{display:table-cell;vertical-align:middle;text-align:center}
.valid-invalid-message{font-size:13px;color:#ff496b}
.valid-invalid-message:before{content:"* "}
.btn_call{bottom:-50px;left:-50px;position:fixed;z-index:99999}
footer .box_chat{position:fixed;right:0;bottom:0;z-index:999}
.phone_text{display:none}
.dmca-badge{display:block;margin:15px auto;width:120px}
.titleHomePage{text-indent:100%;white-space:nowrap;overflow:hidden;position:absolute;left:0;width:1%}
#pro_description{height:300px;overflow:hidden;margin:auto}
.btnSeeMoreContent{width:180px;text-align:center;margin:auto;background:#e5e5e5;padding:10px 0;border-radius:5px;cursor:pointer;transition:.3s}
.btnSeeMoreContent:hover{background:#ccc}
.item_small h3{font-weight:400}
section #tableOfContent{display:table;background:#f9f9f9;border:1px solid #aaa;padding:15px;max-width:85%}
section #tableOfContent .hidden{display:none}
section #tableOfContent .title{text-align:center;font-weight:700}
section #tableOfContent .title span{font-weight:400;font-family:Arial;cursor:pointer;color:#06F;text-decoration:underline}
section #tableOfContent ul{margin-top:10px}
section #tableOfContent ul li{margin:0}
section #tableOfContent a{color:#06F}
.frameProduct{position:relative}

.downPercent{animation-name:downPercent;animation-duration:1s;animation-iteration-count:infinite}
@keyframes downPercent {
0%{color:red}
50%{color:black}
100%{color:red}
}

/* --- FIX HEADER STICKY & MENU CLICK --- */

/* 1. Header dính chặt trên đầu */
header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Thêm bóng mờ cho đẹp */
    height: 84px;
}

/* 2. Đẩy nội dung web xuống để không bị Header che mất (vì Header giờ là Fixed) */
body {
    padding-top: 84px; 
}

/* 3. QUAN TRỌNG: Đưa nút Menu và Search lên lớp cao nhất để bấm được */
header .iconMenu, 
header .iconSearch, 
header .iconLocaltion, 
header .iconBag {
    z-index: 10000 !important; /* Cao hơn Logo */
    cursor: pointer;
}

/* 4. Đảm bảo Logo nằm dưới các icon */
header .logo {
    position: relative;
    z-index: 9000; 
}

/* 5. Fix cái Menu Nav hiển thị đúng vị trí khi Header Fixed */
nav {
    display: none; /* Mặc định ẩn */
    position: absolute !important; /* Quan trọng: Đè lên nội dung */
    top: 84px !important; /* Cách top bằng chiều cao Header */
    left: 0 !important;
    width: 280px !important; /* Chiều rộng cố định như hình 1 */
    max-width: 80%; /* Không quá 80% màn hình */
    background: #fff !important; /* Nền trắng */
    z-index: 9999 !important; /* Nổi lên trên cùng */
    
    /* Tạo bóng đổ để tách biệt với Banner */
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2) !important;
    border-right: 1px solid #eee;
    
    /* Cho phép cuộn nếu menu quá dài */
    max-height: calc(100vh - 84px);
    overflow-y: auto;
}

/* CSS cho chữ Voucher nhấp nháy - Phiên bản Text thường */
.voucher-hot {
    font-weight: bold;
    font-size: 11px;
    margin-left: 5px; /* Cách chữ Đăng ký ra 5px */
    padding: 3px 6px;
    border-radius: 4px;
    display: inline-block;
    cursor: default; /* Để chuột vào không hiện hình bàn tay (vì không phải link) */
    
    /* Animation chớp tắt */
    animation: chopTatLoeMat 0.6s infinite alternate; 
}

/* Hiệu ứng đổi màu nền liên tục */
@keyframes chopTatLoeMat {
    0% {
        color: #fff;
        background-color: #ff0000; /* Nền Đỏ */
        box-shadow: 0 0 5px #ff0000;
        transform: scale(1);
    }
    100% {
        color: #000;
        background-color: #ffff00; /* Nền Vàng */
        box-shadow: 0 0 15px #ffff00; /* Toả sáng mạnh hơn */
        transform: scale(1.1); /* Phóng to lên xíu */
    }
}