Dự án

Dự án tiêu biểu

#elife-menu{position:relative;height:100%}#elife-menu ul{margin:0;padding:0;list-style:none outside;position:relative;z-index:100;border:0;height:100%}#elife-menu a{display:block;text-decoration:none;color:#9b9b9b;font-size:.875rem;text-transform:uppercase;line-height:1em;white-space:nowrap;font-weight:bold;height:100%;padding-top:28px}#elife-menu a:hover{color:var(--main-color);text-decoration:none}#elife-menu a.active{color:#e9161e}#elife-menu li{float:left;position:relative;width:auto;height:100%}#elife-menu li.active{border-bottom:3px solid var(--main-color)}#elife-menu li.parent>a:after{font-family:FontAwesome,arial,helvetica,clean,sans-serif;content:"\f107";padding-left:5px}#elife-menu ul li{float:left;position:relative;margin-right:44px}#elife-menu ul li:last-child{margin-right:0}#elife-menu ul ul{position:absolute;display:none;top:86px;background:rgba(38,65,136,1);height:auto}#elife-menu ul ul li{width:100%;min-width:200px;height:auto;padding:0;border-bottom:1px solid #2e353e;margin-right:0;list-style-image:url(data:0)}#elife-menu ul ul li a{width:100%;color:#fff;padding:12px 20px}#elife-menu ul ul li a:hover{color:var(--sub-color) !important;text-decoration:none}#elife-menu ul ul li:hover>a{color:#fff}#elife-menu ul ul ul{position:absolute;top:0}#elife-menu ul li ul ul{left:200px;margin:0}#elife-menu ul li:hover ul ul,#elife-menu ul li:hover ul ul ul,#elife-menu ul li:hover ul ul ul ul{display:none}#elife-menu ul li:hover ul,#elife-menu ul li li:hover ul,#elife-menu ul li li li:hover ul,#elife-menu ul li li li li:hover ul{display:block}#elife-splash-section{padding-top:70px}#elife-header{left:0;position:fixed;right:0;transition:background .3s linear 0;width:100%;height:70px;z-index:300;display:block;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75)}#elife-header .breadcrumb{padding-left:0;padding-right:0}.header-top-bar{background:var(--main-color);color:#fff;height:36px;transition:height .25s linear 0,zIndex 0 linear .25s;z-index:3}.header-container{height:100%}.top-search-wrapper{bottom:-54px;right:-2px;display:none;padding:10px;background-color:#ccc}.search-active{display:block !important}.top-search{position:relative;padding-right:36px;background:#fff;width:263px;height:100%}.top-search-input{font-size:.75rem;line-height:1em;padding:9px 0 10px 10px;background:transparent;width:100%;height:100%;outline:0;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.top-search-submit{position:absolute;right:0;top:0;width:36px;height:36px;padding:0;background:0;outline:0;border:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.header-content{background:#fff;position:relative;z-index:299;height:100%}.header-logo{padding:22px 0;margin-right:40px}.header-language-wrapper{padding:22px 0}.header-vn-flat{margin-right:23px}.header-searching{border:2px solid #ccc;border-top:0;border-bottom:0;height:100%;width:68px}.header-search-active{background-color:#ccc}.header-searching-link{cursor:pointer;width:100%;height:100%}.flat-language:hover{text-decoration:none;cursor:pointer}.header-navigation{height:100%;transition:height .25s linear 0;-moz-transition:height .25s linear 0;-webkit-transform:height .25s linear 0;opacity:1;z-index:4;margin-right:116px}.header-bottom-bar{background-color:#fff;position:relative;height:43px;z-index:3;transition:height 0 linear 0;border-bottom:1px solid #f2f2f2}.header-sticky .elife-navigation{height:0;opacity:0;overflow:hidden;position:relative;transition:height .15s linear 0;z-index:2}.header-sticky .header-bottom-bar{display:none}.header-content .sprites{vertical-align:middle}@media only screen and (max-width:1199px){#elife-header,.header-content{display:none}#elife-splash-section{padding-top:48px}}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{position:fixed;overflow:hidden;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:0.1}#elife-mobile-navigation{background:#fff none repeat scroll 0 0;height:48px;margin-bottom:0;position:fixed;top:0;left:0;right:0;width:100%;z-index:200;display:block;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75)}.elife-mobile-content{margin:auto 15px;text-align:center}.mobile-header-top{background:var(--main-color);color:#fff;padding:8px 15px;font-size:0.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:none}.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:0;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:#9a9a9a;-webkit-transition:0.25s linear;-moz-transition:0.25s linear;-ms-transition:0.25s linear;-o-transition:0.25s linear;transition:0.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;padding:12px 0}@media only screen and (max-width: 320px){.mobile-header-menu .logo{left:-15px}}.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}.sidenav-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px}.sidebar-offcanvas-bar-flip{left:0;right:auto;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidenav.sidenav-active{visibility:visible;opacity:1}.sidenavright.sidenav-active{left:0;right:auto}.sidenav.sidenav-active .sidenav-offcanvas-bar.sidenav-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.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:none}.sb-menu li.uk-parent.uk-open{border-bottom:none}.sb-menu li a{color:var(--sub-color) !important;display:block;padding:15px 0;text-decoration:none;font-size:0.875rem;text-transform:uppercase}.sb-menu li a.lang{display:inline-block}.sb-menu>li>.uk-parent-nav>a,.sb-menu>li>.uk-parent-nav-product>a{font-weight:600}.sb-menu li.uk-parent a{border-left:0}.sb-menu li a.active span{color:var(--main-color);padding-right:15px;background:#fff;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(--main-color) !important;font-weight:500;border-left:none}.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}.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 0.1s ease-in 0.1s;-moz-transition:all 0.1s ease-in 0.1s;-o-transition:all 0.1s ease-in 0.1s;transition:all 0.1s ease-in 0.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:""}.sidebar-search{padding:11px 15px;border-bottom:1px solid #D0D0E7}.sidebar-search .search-form-input{padding-right:45px;border-left:3px solid var(--main-color);background:#F5F5F7;position:relative;width:100%}.advancesearch-key{font-size:0.8125rem;height:36px;border:none;width:100%;padding:5px 0 5px 15px;color:#333;border:transparent;background:transparent}.advancesearch-key:focus{background:transparent;outline:none;border-color:inherit;-webkit-box-shadow:none;box-shadow:none}.sidebar-search .advancesearch-button{position:absolute;top:10px;right:9px;width:28px;height:16px;background:url("https://www.cosaco.com.vn/smartcore/template/default/view/common/header/desktop/default/images/search.svg?v=1.1") no-repeat center center;justify-content:center;align-items:center;border:transparent}.lang-section{padding:15px 0}.lang{display:inline-block;padding:0 15px !important}.lang.active{font-weight:bold;color:var(--main-color) !important} .subbaner{max-width:1600px;margin:0 auto;height:522px;overflow:hidden;position:relative}@media only screen and (max-width:1024px){.subbaner{height:305px;background-position:center !important}}.item-row{margin-bottom:94px}.news-inner{background-color:#f5f5f5}.detail-container{padding:90px 0 57px 0}.news-item-info{width:410px}.news-item-info-content{padding:30px 20px}.news-item-info-red{background-color:#eb1b23;color:#fff}.news-item-info-white{background-color:#fff}.left-col{position:relative;margin-right:-70px}.news-item-title{color:#fff;font-size:1.175rem;line-height:1.42em;text-transform:uppercase;margin-bottom:21px}.news-title-link:hover{color:#fff;text-decoration:none}.info-item{margin-bottom:30px;font-size:.875rem;line-height:1.71em}.info-item-title{font-weight:bold}.info-see-more,.info-see-more:hover{color:#fff;font-size:.875rem;font-weight:bold;position:relative;border-bottom:2px solid #fff;padding-bottom:3px;margin-right:5px}.info-see-more.line-color-red,.info-see-more.line-color-red:hover{border-bottom:2px solid var(--main-color);color:var(--main-color)}.white-info-title{color:#252525}.white-info-title:hover{color:var(--main-color)}.white-item-title{color:#444}.white-link-title:hover{color:var(--main-color);text-decoration:none}.detail-overview{font-size:.875rem;margin-bottom:20px}.detail-overview p{margin-bottom:10px}@media only screen and (max-width:1024px){.left-col{margin-right:-260px}}@media only screen and (max-width:767px){.left-col{margin-right:0;position:static}.news-item-info{width:100%}.news-item-title{font-size:1.5rem}}@media only screen and (max-width:576px){.item-row{margin-bottom:30px}.detail-container{padding:30px 15px 57px 15px}.news-item-title{font-size:1.125rem}.news-item-info-content{padding:20px}.news-item-title{margin-bottom:10px}.elife-breadcrumb.mobile{display:none !important}}.submenu-inner,.submenu-inner-mobile{position:relative;margin-top:-90px;z-index:99}.submenu-navbar,.submenu-navbar-mobile{background-color:#fff;cursor:pointer}.submenu-title-wrapper,.submenu-title-wrapper-mobile{background-color:rgba(226,35,26,0.8);padding:12px 19px 12px 29px;position:relative;display:flex}.submenu-title{color:#fff;font-size:1.5rem;line-height:1.57em}.my-elife-breadcrumb{position:absolute;bottom:21px;font-size:.875rem !important}.menu-link-box{position:relative;padding:14px;display:flex;justify-content:center}.menu-link-box a{text-decoration:none !important;color:#9b9b9b;cursor:pointer}.about-us-summary .menu-link-box{width:20%}.menu-link-box:before{position:absolute;content:"";height:34px;width:2px;left:0;bottom:16px;background-color:#d7d7d7}.menu-first-link:before{display:none}.menu-link{color:#9b9b9b !important;font-weight:bold;padding-bottom:5px}.menu-link:hover{color:var(--main-color) !important}.menu-link-active{color:var(--main-color) !important;border-bottom:4px solid var(--main-color)}.submenu-navbar-title{text-transform:uppercase;font-size:1.75rem;line-height:1.43em;color:#252525;font-weight:500;padding:20px 0 25px 40px}.header-sticky .submenu-title-wrapper{display:none}.header-sticky .submenu-inner{position:fixed;width:100%;display:block;top:69px;left:0;z-index:99;margin-top:0;background:var(--main-color)}.header-sticky .submenu-navbar{background-color:inherit}.header-sticky .submenu-navbar-title,.header-sticky .submenu-desc-name,.header-sticky .submenu-desc-subname{color:#fff !important}.header-sticky .menu-link,.header-sticky .menu-link:hover{color:#fff !important}.header-sticky .menu-link-active{color:#fff !important;border-bottom:2px solid #fff}.header-sticky .menu-link-box:before{background-color:#fff}.header-sticky .menu-link-box:before{content:none}.header-sticky .submenu-desc-name,.header-sticky .submenu-navbar-title{font-size:1.6rem}.header-sticky .submenu-desc-subname{font-size:.875rem}.header-sticky .menu-link-box{padding:15px 20px}.header-sticky .submenu-navbar-title{padding:13px 0 12px 0}.header-sticky .submenu-desc-summary{padding:8px 0 0 0}.dropbtn{padding:16px 32px;cursor:pointer;color:#9b9b9b;background-color:#fff}.active.dropbtn:after{transform:rotate(180deg)}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;position:absolute;width:100%}.dropbtn.menu-link-mobile,.dropdown-content .menu-link-mobile{color:#666 !important;font-weight:bold}.menu-link-mobile:hover,.dropbtn.menu-link-active-mobile,.dropdown-content .menu-link-active-mobile{color:var(--main-color) !important}.dropdown-content a,.dropdown-content a:hover{color:#9b9b9b;padding:22px 20px}.dropdown-content a:hover{background-color:#f1f1f1}@media only screen and (max-width:1280px){.header-sticky .submenu-inner{display:none}}@media only screen and (max-width:1199px){.submenu-title-wrapper-mobile{padding:12px 29px}}@media only screen and (max-width:992px){.img-full-width{width:100%}.submenu-title{font-size:1.5rem}}@media only screen and (max-width:576px){.dropbtn{padding:11px 20px}.dropbtn:after{right:13px;top:8px}.submenu-title,.submenu-navbar-title{font-size:1.25rem;line-height:2.2em}.submenu-inner,.submenu-inner-mobile{margin-top:-78px}.submenu-title-wrapper-mobile{padding:6px 22px}.submenu-navbar-title{padding:1px 0 1px 25px}}.footer-section{padding:40px 0 14px}.footer-col-title{font-size:.875rem;line-height:1.71em;font-weight:600;color:#252525;margin-bottom:20px;position:relative;padding-bottom:15px}.contact-col{padding-right:70px}.footer-col-summary{font-size:.875rem;line-height:1.67em;color:#444}.footer-col-title:after{content:'';height:1px;width:27px;position:absolute;bottom:0;left:0;background-color:#e91b23}.social-network-col{font-size:1.5rem;margin-bottom:0}.social-item,.social-item:hover{color:#444}.footer-copyright{background-color:var(--main-color);font-size:.75rem;line-height:.85em;padding:5px 0}.list-inline-item:not(:last-child){margin-right:19px !important}.list-unstyled a,.list-unstyled a:hover{color:#444}.socical-section{right:12%;top:calc(100% - 50% - 13px);position:absolute}@media only screen and (max-width:1199px){.break-row{display:none}}@media only screen and (max-width:992px){.contact-col{padding-right:0}.logo-image{display:block}.socical-section{right:5%;top:95%}}@media only screen and (max-width:767px){.contact-col{padding-right:0}.finfo-col1{width:85px;float:left}.finfo-col2{text-align:left;float:left !important}.socical-section{position:inherit;right:auto;top:auto}.logo-image{margin:0 auto}}@media only screen and (max-width:576px){.footer-col-title,.footer-col-summary{margin-bottom:12px}}.brave-modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.6);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.brave-modal-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:1}.brave-modal-content:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.brave-modal-wrapper{display:inline-block;max-width:100%;position:relative;padding:0;text-align:left;vertical-align:middle;background:#fff}.brave-modal-close{background:transparent;border:0;border-radius:0;color:#fff;cursor:pointer;height:38px;margin:0;padding:6px;position:absolute;right:-14px;top:-32px;width:38px;z-index:10}.brave-modal-close svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}@-webkit-keyframes animatetop{from{opacity:0}to{opacity:1}}@keyframes animatetop{from{opacity:0}to{opacity:1}}.dialog-message-wrapper{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;min-height:100px}.brave-modal .message{font-size:1rem}.dialog-confirm-wrapper{min-height:100px;padding:15px}.dialog-confirm-wrapper .message{margin-bottom:20px}.confirm-button-section{text-align:right}.modal-btn-confirm{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media only screen and (min-width:1110px){.iframe-youtube{max-width:800px;max-height:600px}}@media only screen and (max-width:1024px){.iframe-youtube{max-width:720px;max-height:480px}}@media only screen and (max-width:480px){.dialog-message{width:100% !important;min-width:240px}.brave-modal .message{font-size:.875rem}.modal-btn-confirm{font-size:.875rem}.iframe-youtube{max-width:100%;max-height:360px}}