CITIGRAND

body{position:relative;margin-left:0;transition:margin-left .3s ease}body.open-menu-left{position:fixed;overflow:hidden;margin-left:270px}body.open-menu-right{margin-left:-270px}.offcanvas-overlay{height:100%;width:0;position:fixed;z-index:1000;top:0;left:0;background-color:#000;overflow-y:auto;overflow-x:hidden;text-align:center;opacity:0;transition:opacity .3s ease-out}.offcanvas-overlay.open{width:100%;opacity:.1}#elife-mobile-navigation{background:#fff none repeat scroll 0 0;margin-bottom:0;text-align:center;display:block;background:linear-gradient(90deg,#1b2b0b 50%,#253515 50%)}.elife-mobile-content{margin:auto 15px;text-align:center}.mobile-header-top{background:var(--main-color);color:#fff;padding:8px 15px;font-size:.625rem;line-height:1em}.mobile-header-top-language .list-inline-item{border-right:1px solid #fff;margin-right:0}.mobile-header-top-language .list-inline-item:last-child{border-right:0}.sb-toggle-left,.sb-toggle-right{cursor:pointer;width:26px;height:18px}.sb-toggle-left,.sb-toggle-right{position:absolute;left:15px;top:15px;z-index:100}.sb-toggle-right{right:15px;left:inherit}.sb-toggle-right .fa{font-size:24px;color:var(--main-color)}.sb-shopping-cart{position:absolute;right:52px;top:13px}.sb-shopping-cart .fa{font-size:24px;color:var(--main-color)}.button-cart-mobile-total-item{position:absolute;right:-5px;top:-5px;background:#fff;width:20px;height:20px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:var(--main-color);font-size:11px;font-weight:700;line-height:20px;text-align:center}.navicon-line{display:block;position:absolute;height:2px;border-radius:2px;width:100%;left:0;background:#f2c563;-webkit-transition:.25s linear;-moz-transition:.25s linear;-ms-transition:.25s linear;-o-transition:.25s linear;transition:.25s linear}.navicon-line:nth-child(1){top:0}.navicon-line:nth-child(2),.navicon-line:nth-child(3){top:8px}.navicon-line:nth-child(4){top:16px}.sb-toggle.open .navicon-line:nth-child(1){top:8px;width:0;left:50%}.sb-toggle.open .navicon-line:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.sb-toggle.open .navicon-line:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.sb-toggle.open .navicon-line:nth-child(3){top:8px}.sb-toggle.open .navicon-line:nth-child(4){top:16px;width:0}.mobile-header-menu{position:relative}.sidenav{visibility:hidden;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;width:270px;z-index:1001;background:rgba(0,0,0,0.1)}.sidenav-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:1000;width:270px;max-width:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform .3s ease-out;background:#253515}.sidenav-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px}.sidebar-offcanvas-bar-flip{left:auto;right:-270px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidenav.sidenav-active{visibility:visible;opacity:1}.sidenavright{right:-270px;transition:right .3s ease}.sidenavright.sidenav-active{left:auto;right:0}.sidenav.sidenav-active .sidenav-offcanvas-bar.sidenav-offcanvas-bar-show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sb-menu{margin:0 0 20px;list-style-type:none;border-bottom:1px solid rgba(255,255,255,0.1);padding:0}.sb-menu li img.logo{padding:15px}.sb-menu li{position:relative;border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.1);margin:0;padding:0;width:100%;cursor:pointer}.sb-menu li:last-child{border-bottom:0}.sb-menu li.uk-parent.uk-open{border-bottom:0}.sb-menu li a{color:#a7a7a7 !important;display:block;padding:15px 0;text-decoration:none;font-size:.875rem;text-transform:uppercase}.sb-menu li a.lang{display:inline-block}.sb-menu li.uk-parent a{border-left:0}.sb-menu li a.active span{color:var(--sub-color);font-weight:bold;padding-right:15px;display:inline-block;position:relative;z-index:1}.sb-menu li ul{margin-left:0;padding:0;list-style:none;background:#fff;border-top:1px solid rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(255,255,255,0.05) inset}.sb-menu li.parent:hover ul{display:block}.sb-menu li ul li a{padding:10px 10px 10px 0;border-left:none !important;color:var(--main-color) !important;margin-left:20px;display:block}.sb-menu li ul li a.active{color:var(--sub-color) !important;font-weight:500;border-left:0}.sb-menu li ul li ul li a{padding:10px 10px 10px 0;border-left:none !important;color:#444 !important;margin-left:30px;display:inline-block}.sb-menu li ul li ul li ul li a{padding:10px 10px 10px 0;border-left:none !important;color:#666 !important;margin-left:45px}.uk-parent-nav{position:relative;padding:0 15px}.uk-parent-nav.active a{position:relative;color:var(--sub-color) !important}.uk-nav-parent-icon .uk-parent>.uk-parent-nav:after{font-family:FontAwesome,arial,helvetica,clean,sans-serif;content:"\f104";width:30px;color:var(--main-color);height:45px;text-align:center;position:absolute;top:2px;right:3px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .1s ease-in .1s;-moz-transition:all .1s ease-in .1s;-o-transition:all .1s ease-in .1s;transition:all .1s ease-in .1s}.uk-nav-parent-icon .uk-parent.uk-open>.uk-parent-nav:after{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.uk-nav-parent-icon .uk-parent.product>.uk-parent-nav:after{content:""}#elife-mobile-navigation.sticky .sb-toggle-right{position:fixed;z-index:1400}@media only screen and (max-width:360px){.uk-parent-nav{padding-left:40px}}#elife-header{top:-100%;-ms-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}#elife-header.sticky{position:fixed;left:0;top:0;width:100%;z-index:999}.sticky+#elife-body{padding-top:109px}.header-wrapper{background:linear-gradient(90deg,#1b2b0b 50%,#253515 50%)}.header-bg{background:#253515 url("https://www.citigrand.vn/view/common/header/images/header-logo-bg.jpg") top left no-repeat}.main-menu{text-align:center;margin-right:24px}.main-menu .list-inline-item{margin-right:10px;height:100%}.main-menu-item{width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}.main-menu a{color:#a7a7a7;font-family:helvetica-neue,arial,helvetica,sans-serif;font-weight:400;font-size:.8125rem;text-transform:uppercase;display:inline-block}.main-menu-item.active a{color:#bf872c}.main-menu a:hover{color:var(--sub-color);text-decoration:none}.header-contact{align-self:center;text-align:right;background-color:var(--sub-color);padding:6px 7px;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:30px;margin-top:-4px;line-height:26px}.header-phone{font-size:.8125rem;color:#fff}.header-phone svg{fill:#bf872c}.header-phone:hover{color:#fff;text-decoration:none}.header-facebook{background-color:#22438b;padding:3px 6px;border-radius:100%}@media only screen and (max-width:1919px){.header-phone{font-size:.8125rem}}@media only screen and (max-width:1680px){.header-phone{font-size:.8125rem}}@media only screen and (max-width:1400px){.main-menu{margin-right:4px}.header-phone{display:inline-block}}@media only screen and (max-width:1600px){.main-menu a{font-size:.8125rem}.main-menu .list-inline-item{margin-right:7px}.header-phone{font-size:.8125rem}}#elife-mobile-navigation{display:none}@media only screen and (max-width:1199px){#elife-header{display:none}.sticky+#elife-body{margin-top:0}#elife-mobile-navigation{display:block}}.content-footer{padding-top:22px;padding-bottom:22px}.footer-copyright{font-size:.875rem;margin-bottom:0;color:var(--main-color)}.list-footer-phone{font-size:1.25rem;line-height:1.25em;padding-top:1px;margin-right:38px !important}.footer-phone{background:var(--sub-color);color:#fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;padding:3px 8px;font-size:1.25rem;border:2px solid var(--sub-color)}.footer-phone svg{fill:#fff}.footer-phone:hover{color:#fff;text-decoration:none}.list-footer-youtube svg{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}@media only screen and (min-width:1680px){.footer-phone{padding:5px 10px;font-size:.875rem}}@media only screen and (max-width:1600px){.footer-phone{font-size:1rem}}@media only screen and (max-width:1024px){.footer-copyright{font-size:.6875rem}.content-footer{padding:19px 0}}