CITIGRAND

Thư viện

Ngoại thất
Nội thất
Khu đô thị Cát Lái

videos

CITIGRAND – Chuẩn sống đẳng cấp, phong cách thời thượng

Khu đô thị Cát Lái, Quận 2 – Điểm sáng bất động sản khu Đông

thông tin liên hệ

Hotline: 093 432 3388
Văn phòng kinh doanh Tầng 2, Block B, Tòa nhà IMPERIA AN PHÚ
Số 5, đường Đông Tây 1, Phường An Phú,
Quận 2, TP.HCM
Website www.citigrand.vn
Email info@citigrand.vn

Vui lòng để lại thông tin bên dưới để được tư vấn thêm

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}}.subbanner-title{position:relative;background-color:rgba(27,43,11,.8);color:#f1c251;font-family:Taviraj,arial,helvetica,sans-serif;font-size:1.5rem;line-height:1.5em;padding:13px 0;z-index:90;margin-top:-62px}.subbanner-title:after{position:absolute;content:"";background:#f4d47d;background:linear-gradient(90deg,rgba(244,212,125,1) 0,rgba(190,135,44,1) 100%);height:2px;width:100%;top:0;left:0}.subbanner-img{width:100% !important}@media only screen and (max-width:1024px){.subbanner-title{font-size:1.5rem}}@media only screen and (max-width:575px){.subbanner-title{font-size:1.25rem;margin-top:0;background-color:var(--main-color)}#subbanner-section .container{padding-left:0;padding-right:0}.subbanner-img{display:none}}@media only screen and (max-width:575px){.subbanner-title{font-size:1.1rem}}.gallery-contain{margin-bottom:40px}.gallery-grouptabs{margin:25px 0 30px}.tabs-gallery{font-size:1.25rem;margin:0 15px;outline:0;cursor:pointer}.tabs-gallery.gallery-active{border-bottom:1px solid #6e6e6e;outline:0;padding-bottom:3px}.swiper-slide-link{width:100%}.gallery-inside,.gallery-outside,.gallery-kdt{padding-bottom:60px}.gallery-figure{display:inline-block}.gallery-video-item{cursor:pointer}.gallery-video-item:before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0}.gallery-video-item:after{content:url('https://www.citigrand.vn/view/gallery/main/images/play-button.svg');width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-title{color:var(--sub-color);font-size:1.5rem;padding:40px 0 30px}.gallery-video-desc{padding:8px 0 15px;margin-bottom:0}#gallery-contain .swiper-button-prev,#gallery-contain .swiper-container-rtl .swiper-button-next{left:-85px}#gallery-contain .swiper-button-next,#gallery-contain .swiper-container-rtl .swiper-button-prev{right:-85px}#gallery-contain .swiper-button-prev:after,#gallery-contain .swiper-button-next:after{color:var(--sub-color)}#gallery-contain .swiper-button-prev:focus,#gallery-contain .swiper-button-next:focus{outline:0}#gallery-contain .swiper-button-prev,#gallery-contain .swiper-button-next{width:60px;height:60px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;transform:translateY(-50%)}#gallery-kdt-swipper1 .swiper-wrapper{height:auto}@media only screen and (min-width:1600px){.gallery-img-full{width:100%}}#homebanner-section{position:relative}#homebanner-swiper .swiper-pagination{position:absolute;bottom:30px;left:0;width:100%}#homebanner-swiper .swiper-pagination-bullet{width:11px;height:11px;background:url("https://www.citigrand.vn/view/home/homebanner/images/bullet.svg");opacity:1;vertical-align:middle}#homebanner-swiper .swiper-pagination-bullet-active{width:25.56px !important;height:25.56px !important;background:url("https://www.citigrand.vn/view/home/homebanner/images/bullet-active.svg")}#homebanner-swiper .swiper-slide img{float:left;width:100%;height:auto}#homebanner-section .video-box{position:absolute;left:0;bottom:60px;z-index:1;width:100%}#homebanner-section .xemnhamau-box{position:absolute;left:150px;bottom:60px;z-index:1;width:100%}#homebanner-section .xemnhamau-box-wrapper{background:#bf872c;background:linear-gradient(90deg,rgba(191,135,44,1) 0,rgba(244,212,125,1) 50%,rgba(191,135,44,1) 100%);cursor:pointer;display:inline-block;padding:8px 17px;line-height:30px;font-size:.875rem;color:var(--main-color);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#homebanner-section .video-box-wrapper{background:rgba(255,255,255,.7);cursor:pointer;display:inline-block;padding:8px 17px;line-height:30px;font-size:.875rem;color:var(--main-color);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.citigrand-hr{height:5px;background:#f4d47d;background:linear-gradient(90deg,rgba(244,212,125,1) 0,rgba(190,135,44,1) 100%)}.contact-section{width:100%;height:809px;padding:92px 0 124px;position:relative;z-index:0;font-size:1.125rem;color:#fff}.contact-section.visible{background:url('https://www.citigrand.vn/view/home/contact/images/footer-bg.jpg') top left no-repeat;background-size:cover}.contact-section:after{content:"";background:rgba(27,43,11,.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.main-title.contact-main-title:after{background-color:var(--sub-color)}.main-title.contact-main-title:before{position:absolute;content:"";width:125px;height:155px;background-image:url('https://www.citigrand.vn/view/home/contact/images/hoatiet.png');background-repeat:no-repeat;background-size:contain;bottom:-59px;left:0}.contact-wrapper{padding-top:48px}.contact-info li{margin-bottom:20px}.contact-info li:last-child{margin-bottom:0}.contact-info-icon{padding-top:6px;flex-basis:30px;-webkit-flex-basis:30px;flex-grow:0;-webkit-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0}.contact-info-head{display:block}.form-contact-title{margin-bottom:18px}#frm-contact .form-group{margin-bottom:20px}#frm-contact .help-block{padding-top:3px;font-size:1rem;color:var(--sub-color)}.mou-control{border:1px solid #f1c462;background:transparent;font-size:1.125rem;color:#fff;padding:15px 15px;height:56px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mou-control:focus{color:#fff;background:transparent;border-color:#f1c462}.btn-submit{background:var(--sub-color);color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;padding:10px 50px}.contact-br-custom{display:block}@media only screen and (max-width:1600px){.contact-info-icon{padding-top:4px}.contact-section{font-size:.9375rem}.mou-control{font-size:.9375rem;padding:13px 15px 15px;height:44px}}@media only screen and (max-width:1024px){.contact-section{height:auto;padding:40px 0}.contact-wrapper{padding-top:20px}.contact-logo-mobile{margin-bottom:20px}.contact-main-title,.contact-info-head,.form-contact-title{color:#f1c462 !important}.contact-main-title:after{background-color:#f1c462 !important}.mou-control:-moz-placeholder{color:#fff}.mou-control::-webkit-input-placeholder{color:#fff}.contact-info li{margin-bottom:15px}.contact-br-custom{display:none}.main-title.contact-main-title:before{width:0}}@media only screen and (max-width:414px){.contact-br-custom{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}}