/********************** RESET ******************/
@font-face{font-family:'SanFranciscoText-Bold';src:url('../fonts/SanFranciscoText-Bold.otf');font-weight:normal;font-style:normal}
@font-face{font-family:'SanFranciscoText-Italic';src:url('../fonts/SanFranciscoText-Italic.otf');font-weight:normal;font-style:normal}
@font-face{font-family:'SanFranciscoText-Medium';src:url('../fonts/SanFranciscoText-Medium.otf');font-weight:normal;font-style:normal}
@font-face{font-family:'SanFranciscoText-Regular';src:url('../fonts/SanFranciscoText-Regular.otf');font-weight:normal;font-style:normal}
@font-face{font-family:'SanFranciscoText-Semibold';src:url('../fonts/SanFranciscoText-Semibold.otf');font-weight:normal;font-style:normal}
@font-face{font-family:'UTM Gods WordBold';src:url('../fonts/UTM Gods WordBold.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'UTM Gods WordBoldItalic';src:url('../fonts/UTM Gods WordBoldItalic.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'UTM Gods WordR';src:url('../fonts/UTM Gods WordR.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'UTM Gods WordRItalic';src:url('../fonts/UTM Gods WordRItalic.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'Quicksand-Bold';src:url('../fonts/Quicksand-Bold.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'Quicksand-Light';src:url('../fonts/Quicksand-Light.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'Quicksand-Medium';src:url('../fonts/Quicksand-Medium.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'Quicksand-Regular';src:url('../fonts/Quicksand-Regular.ttf');font-weight:normal;font-style:normal}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#333333}
b{font-family:'Quicksand-Bold'}
h1,h2,h3{font-family:SanFranciscoText-Semibold;font-size:45px;;position:relative}
h1.special,h2.special{font-family:'UTM Gods WordR';font-size:30px;color:#c68148;text-transform:uppercase;padding-bottom:30px}
ul{padding-left:0!important}
p,a,li,span,input{font-family:'Quicksand-Regular';color:#333333;font-size:16px;position:relative;line-height:1.5;position:relative}
a{text-decoration:none!important}
a:hover,a:focus{color:@nonhoovercolor}
section.animatedParent,main.animatedParent{overflow:hidden}
.startpopup img{max-width:100%;height:auto}
/*********ANIMATION *************/
.delay-100{-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s}
.delay-200{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;animation-delay:0.2s}
.delay-300{-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-o-animation-delay:0.3s;animation-delay:0.3s}
.delay-400{-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;animation-delay:0.4s}
.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}
.delay-600{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s}
.delay-700{-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;-o-animation-delay:0.7s;animation-delay:0.7s}
.delay-800{-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;animation-delay:0.8s}
.delay-900{-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;animation-delay:0.9s}
.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
/*********************
* fadeOutDownShort
*********************/
.gutter-10{margin-left:-10px;margin-right:-10px}
.gutter-10 > [class*='col-']{padding-right:10px;padding-left:10px}
.gutter-5{margin-left:-5px;margin-right:-5px}
.gutter-5 > [class*='col-']{padding-right:5px;padding-left:5px}
.gutter-2{margin-left:-2px;margin-right:-2px}
.gutter-2 > [class*='col-']{padding-right:2px;padding-left:2px}
.gutter-0{margin-left:0;margin-right:0}
.gutter-0 > [class*='col-']{padding-right:0;padding-left:0}
@-webkit-keyframes fadeOutDownShort{
  0%{opacity:1;-webkit-transform:translateY(0)}
  100%{opacity:0;-webkit-transform:translateY(-40px)}
}
@keyframes fadeOutDownShort{
  0%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(-40px)}
}
.fadeOutDownShort{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.fadeOutDownShort.go{-webkit-animation-name:fadeOutDownShort;animation-name:fadeOutDownShort}
.fancybox-skin{padding:0!important}
/************************* HEADER MENU ***********************/
header#menu.sticky > *{transition:all ease 0.3s}
/*NUT MENU MOBILE*/
header#menu .navbar-toggle .icon-bar{display:block;height:3px;width:30px;margin:5px auto;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;background-color:#fff}
header#menu .navbar-toggle:hover .icon-bar:first-child,header#menu .navbar-toggle.open .icon-bar:first-child{-webkit-transform:translateY(8px) rotateZ(45deg);-moz-transform:translateY(8px) rotateZ(45deg);-ms-transform:translateY(8px) rotateZ(45deg);-o-transform:translateY(5px) rotateZ(45deg);transform:translateY(8px) rotateZ(45deg)}
header#menu .navbar-toggle:hover .icon-bar:last-child,header#menu .navbar-toggle.open .icon-bar:last-child{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
header#menu .navbar-toggle:hover .icon-bar:nth-child(2),header#menu .navbar-toggle.open .icon-bar:nth-child(2){width:0}
header#menu .navbar-toggle{z-index:10;padding:10px;max-height:100%;margin-right:0;background:#25247b}
header#menu .navbar-collapse{z-index:10;max-height:100%}
header#menu{position:fixed;z-index:200;width:100%}
header#menu.open{z-index:10000}
header#menu:before{position:absolute;background:url('../images/bg-logo.png');background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;content:'';top:0;left:0;width:810px;height:86px;z-index:2}
.logo{position:relative;z-index:3}
.logo img{padding-top:10px;transition:all ease 0.3s}
header#menu .navbar{min-height:0;border-radius:0}
header#menu ul.list-menu{float:right}
header#menu ul.list-menu>li>a{padding-top:20px;padding-bottom:20px;color:#333333;font-family:'SanFranciscoText-Medium';transition:all ease 0.3s;-webkit-transition:all ease 0.3s}
header#menu ul.list-menu>li.active>a,header#menu ul.list-menu>li:hover>a{background:#dad8f4;color:#1d48d5}
header#menu ul.list-menu>li.active:after,header#menu ul.list-menu>li:hover:after{content:"";position:absolute;background:url(../images/icon-activemenu.png);width:18px;height:9px;left:50%;bottom:0;transform:translateX(-50%);transition:all ease 0.3s;-webkit-transition:all ease 0.3s}
.lang,.lang li{display:inline-block;color:#fff}
.lang{font-size:16px;z-index:4;float:right;padding-top:17px;padding-bottom:17px;padding-left:5px!important;padding-right:5px;background:#25247b;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.lang a{color:#fff;font-size:14px;font-weight:bold;vertical-align:middle;padding:0 5px;font-family:'SanFranciscoText-Regular'}
.lang a.active{color:#6463dd}
.lang span{width:1px;height:17px;background:#fff;display:inline-block;vertical-align:middle}
.dropbtn{background-color:#4CAF50;color:white;padding:16px;font-size:16px;border:none}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;background-color:#1e5595;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:12;list-style-type:none}
.dropdown-content > *{transition:all ease 0.3s;-webkit-transition:all ease 0.3s}
.dropdown-content li:before{position:absolute;width:10px;height:10px;content:"";left:12px;top:50%;transform:translateY(-50%);background:url(../images/list-icon.png);background-repeat:no-repeat;z-index:101}
.dropdown-content a{color:#fff;padding:12px 16px;margin:0 16px;border-bottom:1px solid #fff;text-decoration:none;display:block}
.dropdown-content li:last-child a{border-bottom:none}
.dropdown-content li:hover a,.dropdown-content li.active a{color:#deb132}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropbtn{background-color:#3e8e41}
/*************************SOCIAL TASKBAR*******************/
.social{height:auto;min-height:65px;background:rgba(44,56,114,0.8);position:fixed;bottom:0;z-index:1000;width:100%}
.social{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.bot-reg{position:relative;padding:10px 0;z-index:30}
.bot-reg .item{display:block;float:left;margin-left:20px;position:relative;height:50px;padding-left:60px;color:#f5c149}
.bot-reg .item.contact-phone span b{font-size:22px;color:#ffde00;line-height:1.1}
.bot-reg .item:after{position:absolute;left:6px;top:6px;content:'';width:32px;height:32px;border-radius:50%;-webkit-box-shadow:0 0 0 6px rgba(216,171,59,0.3);-moz-box-shadow:0 0 0 6px rgba(216,171,59,0.3);box-shadow:0 0 0 6px rgba(216,171,59,0.3);background-size: 21px 40px !important;}
.bot-reg .item.play-video:after{background:#d8ab3b url("../images/icon-play.svg") no-repeat center center}
.bot-reg .item.reg:after{background:#d8ab3b  url("../images/icon-reg.svg") no-repeat center center}
.bot-reg .item.view360:after{background:#d8ab3b  url("../images/icon-view360.svg") no-repeat center center}
.bot-reg .item.contact-phone:after{background:#d8ab3b  url("../images/icon-phone.svg") no-repeat center center}
.bot-reg .item span,.bot-reg .item span sup{display:inline-block;font-size:16px;font-family:'SanFranciscoText-mEDIUM';font-weight:bold;text-transform:uppercase;background-image:-webkit-gradient( linear,left top,left bottom,color-stop(0,#d8ab3b),color-stop(0.5,#fbf2b2),color-stop(1,#d8ab3b) );background-image:gradient( linear,left top,left bottom,color-stop(0,#d8ab3b),color-stop(0.5,#fbf2b2),color-stop(1,#d8ab3b));color:transparent;-webkit-background-clip:text;background-clip:text}
.bot-reg .item span sup{color:#fbf2b2!important;font-size:50%;top:-1.5em}
.bot-reg .item:hover:after{-webkit-animation:phonerotate 1s ease-out;-webkit-animation-iteration-count:infinite;vertical-align:top;padding-top:5px}
@-webkit-keyframes phonerotate{
  0%{transform:rotate(0deg) scale(1.1)}
  50%{transform:rotate(45deg) scale(1)}
  100%{transform:rotate(0deg) scale(1.1)}
}
.social .bot-reg .item{margin-left:0;margin-right:30px;cursor:pointer}
.homepage .bot-reg .item span{display:inline-block}
.bot-reg .item.contact-phone span a{font-size:22px;color:#ffde00;line-height:1.1}
/*.bot-reg .item.contact-phone{position:fixed;right:130px;top:25px}
*/
.bot-reg .item.contact-phone span{display:inline-block}
/************************* PUBLIC **************************/
#top{background:url(../images/go_top.png);border-radius:1000px;background-position:center center;background-repeat:no-repeat;bottom:1px;cursor:pointer;height:60px;bottom:20px;position:fixed;right:30px;width:60px;display:block;z-index:2000;transition:all ease 0.3s}
#top:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
#top:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
#top:hover:before,#top:focus:before,#top:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
/*FULLPAGE*/
.fullpage-nav *{transition:all ease .7s;-webkit-transition:all ease .7s}
.fullpage-nav{position:fixed;z-index:31;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.fullpage-nav ul{list-style-type:none;padding:0;margin:0;margin-right:20px}
.fullpage-nav ul > li a{position:relative;display:block;width:18px;height:18px;background:#cccccc;margin-bottom:10px;border-radius:50%;font-weight:700}
.fullpage-nav ul > li.active a,.fullpage-nav ul > li a:hover{background:#245a99!important}
.fullpage-nav ul > li a:after{position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-radius:50%}
#page-home section{display:table;width:100%}
#page-home section > .miidle-ver{display:table-cell;vertical-align:middle}
/********/
#page-home img,main.page-inside img{max-width:100%}
.container-fluid.custom{padding-left:70px!important;padding-right:70px!important}
.main-content{padding-top:65px}
#page-home .main-content{padding-top:95px}
/*110px*/
#page-home section.home-value .main-content{padding-top:70px}
.btn-group{z-index:10}
.box-content{background:rgba(31,86,151,0.8);border-top-left-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:6px;min-width:320px}
.box-content h3{font-family:UTM Gods WordR;font-size:20px;color:#ffffff;text-align:left;margin:0 15px;text-transform:uppercase}
.dropdown-arrow{height:44px;background:rgba(198,129,72,0.8)}
/*48px*/
.sr-only{background:url(../images/btn-dropdown.png);width:20px!important;height:10px!important;position:relative!important}
section .dropdown-menu{padding:25px 20px;background:rgba(255,255,255,0.8)}
section .dropdown-menu p{text-align:justify;font-family:UTM Gods WordR;color:#333333!important;margin:0;padding:0;padding-bottom:30px;font-size:15px}
section .dropdown-menu a{color:#31639f;text-transform:uppercase;padding-right:15px;font-weight:bold}
section .dropdown-menu a:after{position:absolute;content:"";top:50%;transform:translateY(-50%);right:0;background:url(../images/arrow-more.png);width:8px;height:12px;background-repeat:no-repeat}
h2.special:after{position:absolute;width:126px;height:19px;content:"";left:50%;bottom:0;transform:translateX(-50%);background:url(../images/title-line.png);background-repeat:no-repeat}
/************************* SECTION SLIDER *******************/
.next-step{position:absolute;bottom:122px;transform:translateX(-50%);left:50%;cursor:pointer;z-index:11;width:27px;height:51px;background:url(../images/go-bottom.png) no-repeat center;background-size:auto 100%;transition:all ease 0.3s;-webkit-animation:all ease 0.3s}
.next-step:after{position:absolute;content:"";border-radius:50%;border:1px solid #fff;opacity:0;-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:0s}
.next-step:before{position:absolute;content:"";border-radius:50%;border:1px solid #fff;opacity:0;-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:1s}
@-webkit-keyframes pulsate{
  0%{left:-10px;right:-10px;top:-10px;bottom:-10px;opacity:1.0}
  100%{left:-40px;right:-40px;top:-40px;bottom:-40px;opacity:0}
}
.vertical-space8{margin-bottom:50px}
.vertical-space7{margin-bottom:50px}
.vertical-space6{margin-bottom:50px}
.vertical-space5{margin-bottom:50px}
.vertical-space4{margin-bottom:40px}
.vertical-space3{margin-bottom:30px}
.vertical-space2{margin-bottom:20px}
.vertical-space1{margin-bottom:10px}
.row-eq-height{/* display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;*/}
.vertical-center{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.popup-foor .fancybox-close{background-image:url(../images/ico-close.png)!important;width:15px!important;height:18px!important;background-repeat:no-repeat!important;top:unset!important;bottom:0!important;right:0!important}
.popup-foor{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(51,57,90,0.9);z-index:2001;padding:0 20px;display:none;-webkit-transition:all ease 0.5s;transition:all ease 0.5s}
.popup-content{height:673px;z-index:10010;background:url(../images/bg-popup.png);margin:0 auto;position:relative;padding-top:45px;top:50%;transform:translate(0,-50%);background-position:center;/*clip-path:polygon(0 50px,50px 0,calc(100% - 0) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,0px 100%,0 calc(100% - 50px));-webkit-clip-path:polygon(0 50px,50px 0,calc(100% - 0) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,0px 100%,0 calc(100% - 50px));*/}
.popup-content p{font-size:15px}
.popup-title{margin-left:85px;width:31%}
.popup-title h3,.popup-title h2{font-size:32px;font-family:Quicksand-Regular;color:#25247b;margin:2px 0;line-height:1}
.popup-title h2{text-align:right;margin-bottom:5px}
.popup-title h2 span,.popup-title h3 span{font-size:48px;font-family:Quicksand-Bold;color:#25247b;margin:0;line-height:1;background:#ebebee}
.popup-title h3 span{font-size:32px;font-family:Quicksand-Regular}
.popup-title h3:after{border-bottom:1.5px solid #25247b;content:"";position:absolute;top:60%;transform:translateY(-50%);left:0;width:100%;z-index:-1}
.popup-title h2:after{border-bottom:1.5px solid #25247b;content:"";position:absolute;top:60%;transform:translateY(-50%);left:0;width:100%;z-index:-1}
.popup-title p{background:#25247b;color:#fff;text-align:center;padding:2px 0;border-radius:3px}
.box-img{height:503px;margin-bottom:20px;position:relative}
.popup-content img{position:absolute;left:100px;right:15px;z-index:2;box-shadow:-2px 2px 14px #969696}
.popup-content img.hinh1{top:50%;transform:translateY(-35%)}
.popup-content img.hinh2{left:unset;z-index:1}
.next-step:hover{bottom:102px}
section.slider{position:relative}
section.slider ul.bx-slider{padding:0;margin:0}
section.slider ul.bx-slider > li{margin:0;position:relative}
section.slider ul.bx-slider > li .main-img{background-position:center;background-size:cover;height:100vh;padding-left:5px;padding-right:5px}
section.slider .bx-wrapper{border:none;margin-bottom:0}
section.slider .headline{position:absolute;text-align:right;left:0;right:50%;top:45%;transform:translateY(-50%);-webkit-transform:translateY(-50%);overflow:hidden;pointer-events:none;color:#fff}
section.slider .headline .container-headline{width:570px;display:inline-block;text-align:left;position:relative}
section.slider .headline .container-headline .line{position:absolute;top:55px;right:104%;height:1px;background-color:#fff;width:100vw}
section.slider .headline h1{font-size:90px;font-weight:900;margin-top:0;margin-bottom:30px}
section.slider .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;border:2px solid #fff;width:13px;height:13px;border-radius:50%}
section.slider .bx-wrapper .bx-controls{position:absolute;right:50px;bottom:50%;transform:translateY(-50%);z-index:12}
section.slider .bx-wrapper .bx-pager.bx-default-pager a{z-index:150;width:18px;height:18px;padding:2px;border:2px solid #dfb83f;margin:10px 0}
section.slider .bx-wrapper .bx-pager.bx-default-pager a.active,section.slider .bx-wrapper .bx-pager.bx-default-pager a:focus,section.slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#dfb83f;border:2px solid #dfb83f;width:18px;height:18px}
main#page-home section{height:979px;position:relative;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
a.foor-hover{background:transparent;width:224px;height:315px;position:absolute;z-index:5;background-size:contain;background-repeat:no-repeat;left:0;top:24%;opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
a.foor-hover:hover{opacity:1}
a.hover-foor{position:absolute;bottom:70px;left:0;transition:all ease 0.4s;-webkit-transition:all ease 0.4s}
a.hover-foor img{width:250px;z-index:99}
/************************* SECTION LOCATION *******************/
section.home-location{background:url('../../../assets/uploads/myfiles/images/location/bg-location.gif')}
/************************* SECTION UTILITYhome-utility *******************/
section.home-utility{position:relative}
section.home-utility ul.bx-slider{padding:0;margin:0}
section.home-utility ul.bx-slider > li{margin:0;position:relative}
section.home-utility ul.bx-slider > li .main-img{background-position:center;background-size:cover;height:100vh;padding-left:5px;padding-right:5px}
section.home-utility .bx-wrapper{border:none;margin-bottom:0}
section.home-utility .control{position:absolute;bottom:0;left:0;right:0;overflow:auto;display:flex;align-items:center}
section.home-utility .control .next-prev{width:50%;float:left;text-align:right;padding-top:28px;padding-right:25px;padding-bottom:22px}
section.home-utility .control .next-prev a{font-size:18px;color:#666666;text-decoration:none;display:inline-block;padding-left:20px;padding-right:25px}
section.home-utility .bx-wrapper .bx-next,.slider.home-slidecanho .bx-wrapper .bx-prev{width:40px;height:40px;margin-top:0;border-radius:100%}
section.home-utility .bx-wrapper .bx-next{background:url(../images/fancybox-btn-next.png) center center no-repeat}
section.home-utility .bx-wrapper .bx-prev{background:url(../images/fancybox-btn-prev.png) center center no-repeat;margin-top:0}
/************************* SECTION VALUE *******************/
main#page-home section.home-value{height:920px}
section.home-value img{position:absolute;top:0;left:50%;transform:translateX(-50%)}
/************************* SECTION HOUSE *******************/
ul.tab-home{padding:0;list-style-type:none;margin-bottom:20px}
ul.tab-home li{display:inline-block;font-family:'SanFranciscoText-Medium';text-align:center;margin-right:10px;text-transform:uppercase;font-size:18px;padding:8px 12px;width:auto;min-width:170px;top:1px;left:1px;right:1px;bottom:1px;border-top-left-radius:5px;border-bottom-right-radius:5px}
ul.tab-home li a{z-index:2;color:#fff}
ul.tab-home li:before{position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;background:rgba(31,86,151,0.8);border-top-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;z-index:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
ul.tab-home li:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:transparent;border:1px solid rgba(31,86,151,0.8);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;border-top-left-radius:5px;border-bottom-right-radius:5px}
ul.tab-home li.active:before,ul.tab-home li:hover:before{background:#c48149!important;color:#fff!important}
ul.tab-home li.active:after,ul.tab-home li:hover:after{border:1px solid #c48149!important}
ul.tab-home li,section.home-house ul.tab-home li a{cursor:pointer}
main.page-inside ul.tab-home li{padding:10px 10px}
main.page-inside ul.tab-home{text-align:right}
#page-home section.home-house  .main-content{position:absolute;z-index:10}
section.home-house{position:relative}
section.home-house ul.bx-slider{padding:0;margin:0}
section.home-house ul.bx-slider > li{margin:0;position:relative}
section.home-house ul.bx-slider > li .main-img{max-width:100%;background-position:center;background-size:cover;height:100vh;padding-left:5px;padding-right:5px}
section.home-house .bx-wrapper{border:none;margin-bottom:0;z-index:-5}
section.home-house .headline{position:absolute;text-align:right;left:0;right:50%;top:45%;transform:translateY(-50%);-webkit-transform:translateY(-50%);overflow:hidden;pointer-events:none;color:#fff}
section.home-house .headline .container-headline{width:570px;display:inline-block;text-align:left;position:relative}
section.home-house .headline .container-headline .line{position:absolute;top:55px;right:104%;height:1px;background-color:#fff;width:100vw}
section.home-house .headline h1{font-size:90px;font-weight:900;margin-top:0;margin-bottom:30px}
section.home-house .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;border:2px solid #fff;width:13px;height:13px;border-radius:50%}
section.home-house .bx-wrapper .bx-controls{position:absolute;right:50px;bottom:50%;transform:translateY(-50%);z-index:12}
section.home-house .bx-wrapper .bx-pager.bx-default-pager a{z-index:150;width:18px;height:18px;padding:2px;border:2px solid #dfb83f;margin:10px 0}
section.home-house .bx-wrapper .bx-pager.bx-default-pager a.active,section.home-house .bx-wrapper .bx-pager.bx-default-pager a:focus,section.home-house .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#dfb83f;border:2px solid #dfb83f;width:18px;height:18px}
section.home-house .bx-wrapper .bx-next,section.home-house .bx-wrapper .bx-prev{display:none}
/************************ SECTION NEWS ***********************/
main#page-home section.home-news{height:auto}
main#page-home section.home-news .main-content{padding-top:65px;padding-bottom:65px}
.feature-image{position:relative;float:left;margin-right:10px;margin-bottom:20px}
.feature-image img{width:187px;height:140px}
section.home-news p,section.home-news span,section.home-news p,section.home-news h3{text-align:justify}
section.home-news p,section.home-news span{font-family:'Quicksand-Regular'}
section.home-news h3{font-family:'Quicksand-Medium';font-size:18px}
.div-news{margin-top:50px}
.div-news > .row{margin-bottom:40px}
section.home-news h3{font-size:16px;color:#25247b;margin-top:5px;text-transform:uppercase}
section.home-news span.date{font-size:14px;color:#008cc0}
section.home-news p{color:#333333;font-size:14px;margin-top:10px}
/*T4*/
main#page-home section.home-news ul.tab-home li{min-width:160px;padding:13px 0}
main#page-home section.home-news ul.tab-home li:before{background:#c68148}
main#page-home section.home-news ul.tab-home li:after{border:1px solid #c68148}
main#page-home section.home-news ul.tab-home li:hover:before{background:rgb(31,86,151)!important}
main#page-home section.home-news ul.tab-home li:hover:after{border:1px solid rgb(31,86,151)!important}
/*END  T4*/

/************************ SECTION CONTACT *******************/
section.home-contact{display:table;width:100%;position:relative;overflow:hidden}
section.home-contact > *{display:table-cell;vertical-align:middle}
section.home-contact .form-contact h2.special{padding-bottom:10px}
section.home-contact .form-contact h2.special:after{display:none}
section.home-contact .col-md-8{float:right;width:64%}
section.home-contact .form-contact,section.home-contact .contact-info{background:rgba(29,84,150,0.85);padding:10px 30px;min-height:431px}
section.home-contact .contact-info a{color:#fff}
/*font-size:24px*/
section.home-contact h2.special{color:#fff}
h2.special.text-left:after{left:0%;bottom:0;transform:translate(0%);background:url(../images/title-line.png)}
#page-home section.home-contact img.imgCatcha{display:block;margin:auto}
section.home-contact .address{margin-top:30px}
section.home-contact p{font-family:'Quicksand-Medium';font-size:15px;margin:0 0 5px;color:#fff}
section.home-contact .form-contact p{margin:0 0 30px}
section.home-contact p strong{font-family:'Quicksand-Bold';font-size:16px;color:#fff}
section.home-contact a{font-family:'Quicksand-Bold';font-size:18px;padding:0}
section.home-contact input,section.home-contact textarea{padding:15px;font-family:'Quicksand-Regular';width:100%;color:#333333;font-size:15px;background:rgba(255,255,255,0.5);border:none;margin-bottom:12px;border-radius:7px;height:37px}
section.home-contact .nut-bam a{font-size:16px;color:#fff}
section.home-contact ul.tab-home li:hover:before{background:rgb(31,86,151)!important}
section.home-contact ul.tab-home li:hover:after{border:1px solid rgb(31,86,151)!important}
section.home-contact textarea{min-height:75px}
section.home-contact ::-webkit-input-placeholder{color:#fff;font-family:'Quicksand-Regular'}
section.home-contact ::-moz-placeholder{color:#fff;font-family:'Quicksand-Regular'}
section.home-contact :-ms-input-placeholder{color:#fff;font-family:'Quicksand-Regular'}
section.home-contact :-moz-placeholder{color:#fff;font-family:'Quicksand-Regular'}
section.home-contact ul.tab-home li:before{background:#c68148}
section.home-contact ul.tab-home li:after{border:1px solid #c68148}
.nut-bam ul.tab-home{text-align:center!important;margin-top:15px}
/****FOOTER*****/
.footer{height:auto!important;min-height: 60px;background:#2c3872;position:relative;bottom:0;z-index:2;width:100%;}
footer.footer .bot-reg{margin-top:5px}
footer.footer .icon-social{margin:15px 0 10px 0;text-align:right}
footer.footer .icon-social a.icon img,.footer .icon-social a.icon img{padding: 0 0 0 25px;}
    footer.footer .icon-social a.icon img, .footer .icon-social a.icon img {
        width: 43px;
    }
footer.footer p,footer.footer a{color:#cccccc;font-size:12px;text-align:right}
footer.footer i{padding:0 5px}
/*===================================INSIDE===================================*/
/*public*/
.fullpage.page-inside:after{position:absolute;width:100%;height:100vh;content:"";left:0;right:0;bottom:0;background:url(../images/bg-after.png);background-size:cover;background-repeat:no-repeat;z-index:-1;background-position:bottom center}
.divcontent .main-content{padding:85px 0}
/***************ABOUT****************/
.div-list{padding-top:40px;list-style-type:none}
.div-list li.li-ver1{padding-left:20px}
.div-list li.li-ver1:before,.div-list li.li-ver1 > ul >li:before{position:absolute;width:10px;height:10px;content:"";left:0;top:10px;background:url(../images/list-icon2.png);background-repeat:no-repeat;z-index:1}
.div-list li{list-style-type:none;line-height:1.8}
.div-list li.li-ver1 > ul >li{padding-left:15px}
.div-list li.li-ver1 > ul >li:before{background:url(../images/list-icon.png);width:7px;height:7px}
#page-about .divcontent img{border-radius:10px}
/***************LOCATION****************/
#page-location section{background:url('../../../assets/uploads/myfiles/images/location/bg-location.gif');background-position:center center!important;background-size:cover!important}
#page-location .main-content{padding-top:70px}
#page-location .box-content{background:rgb(31,86,151)}
#page-location .dropdown-arrow{background:rgb(198,129,72)}
/**************UTILITY***************/
#page-utility .divcontent .main-content{padding-bottom:0}
#page-utility img{max-width:100%}
#page-utility .imagemapster{margin-top:10px}
#page-utility .list-masterplan p{padding-left:90px;display:inline-block}
#page-utility .list-masterplan p:before{position:absolute;content:"";background:#d99729;width:25px;height:4px;top:10px;left:0}
#page-utility .img-container{margin-bottom:0}
#page-utility .map-hover .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s;border-radius:15px}
#page-utility .map-hover .img-container .hover-imgs{top:0;left:0;pointer-events:none}
#page-utility .map-hover .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s}
#page-utility .map-hover .img-container .hover-imgs{top:0;left:0}
#page-utility .imagemapster{position:relative;z-index:2}
#page-utility .map-hover .img-container .hover-imgs img{position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;pointer-events:none;transition:all ease .3s;-webkit-transition:all ease .3s}
#page-utility .map-hover .img-container .hover-imgs img.active{opacity:1}
#page-utility .list-tienich{padding:0;list-style-type:none}
#page-utility .list-tienich li{font-size:16px;padding-bottom:10px;text-transform:uppercase;padding-left:5px}
#page-utility .list-tienich li a{font-family:'SanFranciscoText-Bold';font-size:14px;padding-left:0;color:#333333}
span.numberv1{border:1px solid #25247b;color:#2c3872;border-radius:50%;float:left;margin-right:10px;text-align:center;padding:0 0;font-size:16px;font-weight:600;width:26px;height:26px;transition:all ease .3s;-webkit-transition:all ease .3s}
#page-utility .list-tienich li a:hover,#page-utility .list-tienich li a:hover span{color:#25247b}
#page-utility .list-tienich li a:hover span{background:#25247b;color:#fff}
/************MAT-BANG**********/
#page-masterplans .map-hover .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s;border-radius:15px}
#page-masterplans .map-hover .img-container .hover-imgs{top:0;left:0;pointer-events:none}
#page-masterplans .map-hover .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s}
#page-masterplans .map-hover .img-container .hover-imgs{top:0;left:0}
#page-masterplans .imagemapster{position:relative;z-index:1}
#page-masterplans .map-hover .img-container .hover-imgs img{position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;pointer-events:none;transition:all ease .3s;-webkit-transition:all ease .3s}
#page-masterplans .map-hover .img-container .hover-imgs img.active{opacity:1;background:rgba(255,255,255,0.8)}
p.please{text-align:right;font-size:18px;font-family:Quicksand-Bold;color:#1f5697}
.sub{position:relative;z-index:10;border-radius:5px;border-top-right-radius:0}
.sub:before{position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;background:rgba(31,86,151,0.8);border-top-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;z-index:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.sub:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:transparent;border:1px solid rgba(31,86,151,0.8);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;border-top-left-radius:5px;border-bottom-right-radius:5px}
.sub span{z-index:5;font-family:Quicksand-Regular;font-size:18px;color:#fff;background:url('../images/mb-down-active.png') no-repeat right 10px center;display:inline-block;padding:10px 40px 10px 10px;cursor:pointer;position:relative}
.sub ul{list-style-type:none;position:absolute;top:100%;z-index:10;padding:5px;background:rgba(31,86,151,0.8);display:none;width:100%;max-height:250px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow-y:auto}
.sub ul li{padding:5px 10px;text-align:center}
.sub ul li a{color:#fff}
.sub ul::-webkit-scrollbar{background:#10aaf6;width:3px}
.sub ul::-webkit-scrollbar-thumb{background:#9cd5ce;border-radius:10px}
.masterplans-detail .sub span{font-family:Quicksand-Regular}
.masterplans-detail .sub{display:inline-block;margin:auto;float:initial!important;width:auto}
#page-about section.masterplans_detail{padding:60px 0}
#page-about section.masterplans_detail h2.special{font-family:Quicksand-Bold;font-size:25px}
#page-about section.masterplans_detail h3{font-family:Quicksand-Bold;font-size:18px;text-transform:uppercase;color:#c0854c}
#page-about section.masterplans_detail ul.tab-home{margin:20px;text-align:right;display:inline-block}
#page-about section.masterplans_detail ul.tab-home li{min-width:125px}
#page-about section.masterplans_detail img#postImage{margin-top:20px}
/**********NEWS***********/
main#page-news .main-content{padding-top:108px}
main#page-news ul.tab-home li:before{background:rgba(31,86,151,0.8)}
main#page-news ul.tab-home li:after{border:1px solid rgba(31,86,151,0.8);border-top-left-radius:5px;border-bottom-right-radius:5px}
ul.tab-home li.active:before{background:#c48149;color:#fff}
ul.tab-home li:hover:after{border:1px solid #c48149}
/*detail*/
#page-news.news-detail{}
#page-news.news-detail h2.title{font-size:30px;color:#2c3872;font-family:SanFranciscoText-Regular;text-transform:uppercase}
#page-news.news-detail .img-newsdetail{padding:20px 0 5px 0}
#page-news.news-detail .img-newsdetail img{margin:0 auto;display:block}
#page-news.news-detail p.note{font-style:italic;font-size:14px;text-align:center;margin:0}
#page-news.news-detail ul.social2{padding-left:0;list-style-type:none;margin-bottom:30px}
#page-news.news-detail ul.social2 li{display:inline-block;margin-right:5px}
#page-news.news-detail ul.social2 li a{transition:all ease .4s;-webkit-transition:all ease .4s;display:block;color:#fff;font-size:12px;padding:3px 7px;background-color:red;border-radius:4px}
#page-news.news-detail ul.social2 li a i{padding-right:5px}
#page-news.news-detail ul.social2 li a.facebook{background-color:#236acc}
#page-news.news-detail ul.social2 li a.tweet{background-color:#0196e5}
#page-news.news-detail ul.social2 li a.google{background-color:#e72b25}
#page-news.news-detail ul.social2 li a.facebook:hover{background-color:#1d54a0}
#page-news.news-detail ul.social2 li a.tweet:hover{background-color:#0070ab}
#page-news.news-detail ul.social2 li a.google:hover{background-color:#b5211c}
#page-news.news-detail .div-news > .row{margin-bottom:20px}
#page-news.news-detail .list-news-other{padding-top:20px;list-style-type:none}
#page-news.news-detail .list-news-other li{padding-left:20px}
#page-news.news-detail .list-news-other li:before{position:absolute;width:10px;height:10px;content:"";left:0;top:50%;transform:translateY(-50%);background:url(../images/list-icon2.png);background-repeat:no-repeat;z-index:1}
#page-news.news-detail .news-other{margin-bottom:30px}
/*PAGES*/
#page-news ul.pagination{clear:both;display:block;text-align:center}
#page-news ul.pagination > li{display:inline-block}
#page-news ul.pagination > li > a,#page-news ul.pagination > li > span{padding:0 8px;text-align:center;margin:0 5px;color:#333333;background-color:transparent;border:1px solid #9f9e9d;transition:all ease .4s;-webkit-transition:all ease .4s;font-size:16px;border-radius:0}
#page-news ul.pagination > li a.current,#page-news ul.pagination > li > a:hover,#page-news ul.pagination > li.active > span{color:#fff;background:#c48149}
.pFirst,.pPrev,.pNext,.pLast{display:none!important}
/******************VIDEO & ALBUM*************/
#page-album .main-content,#page-thu-vien-video .main-content{padding-top:150px}
/*CHỦ NHẬT*/
.fancybox-close{background-image:url(../images/ico-close.png)!important;width:13px!important;height:16px!important;background-repeat:no-repeat!important;top:-30px!important;right:0!important}
.fancybox-wrap .fancybox-next span{background:url(../images/icon-next.png) no-repeat center center}
.fancybox-wrap .fancybox-prev span{background:url(../images/icon-prev.png) no-repeat center center}
#page-thu-vien-video{position:relative}
#page-thu-vien-video  .bx-wrapper{margin-bottom:0;border:none}
#page-thu-vien-video  .bx-wrapper .iframe{width:100%;padding-top:56%}
#page-thu-vien-video  .bx-wrapper .iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}
#page-thu-vien-video  p{padding-left:50px;margin-bottom:30px;position:relative;text-align:justify}
#page-thu-vien-video  p:before{position:absolute;content:"";background:#d99729;width:25px;height:4px;top:10px;left:0}
#page-thu-vien-video  .bx-wrapper .iframe{width:100%;padding-top:56%}
#page-thu-vien-video  .bx-wrapper .iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}
/*************CONTACT************/
#page-contact section{display:table;width:100%;position:relative;overflow:hidden;background-size:cover!important}
#page-contact section > *{display:table-cell;vertical-align:middle}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
  /* IE10+ CSS styles go here */
            .bot-reg .item span{color:rgb(245,193,73);background:transparent}
}
@media screen and (min-width:1680px){
  .fullpage.page-inside{position:relative;min-height:899px!important}
  section.home-location{height:879px}
  section.home-view360{height:100vh}
  #page-contact section{height:899px}
  .feature-image{margin-bottom:50px}
  #page-masterplans.masterplans-view .imagemapster{width:91%}
}
@media screen and (max-width:1680px){
  }
  @media screen and (max-width:1440px){
  .next-step{bottom:50px}
  .box-content h3{font-size:18px}
  .box-content{min-width:250px}
  .dropdown-arrow{height:41px}
  .logo img{width:80%}
  a.foor-hover{width:168px;height:242px;top:32%}
  .bot-reg{margin-top:0}
  header#menu:before{background-size:100% 100%!important;width:437px;height:77px}
  #page-home  section.home-value img{max-width:83%}
  section.home-utility ul.bx-slider > li .main-img{height:768px}
  section.home-news .div-news > .row{margin-bottom:0}
  section.home-news .div-news{margin-top:20px}
  main.page-inside ul.tab-home{margin-bottom:40px}
  .main-content{padding-top:50px}
  main#page-home section.home-news .main-content{padding-top:25px;padding-bottom:25px}
  section.home-contact ul.tab-home{margin-bottom:0}
  /*T-4*/
          .sub span{font-size:15px}
  #page-about section.home-utility ul.bx-slider > li .main-img{height:100vh}
  #page-about .bx-viewport{height:100vh!important}
  #page-location section{height:100vh!important}
  #page-contact section,#page-news section,#page-masterplans.masterplans-view section{min-height:602px}
  /*T-4*/
          #page-album .main-content{padding-top:80px}
  #page-thu-vien-video .main-content{padding-top:80px}
  .fancybox-close{top:5px!important;right:5px!important}
  #page-about section.masterplans_detail h2.special{font-size:22px}
  /*************/
          .popup-content{padding-top:5px;height:590px;background-size:100% 100%}
  .popup-content img.hinh2{width:48%;top:15%;right:9%}
  .box-img{margin-bottom:0}
  .div-video{padding-bottom:50px}
  #page-about section.masterplans_detail{padding:0}
}
@media screen and (max-width:1440px) and (min-width:1280px){
  .bot-reg{padding:0 0}
  .bot-reg .item{padding-left:40px;height:41px}
  .bot-reg .item:after{width:20px;height:20px;-webkit-box-shadow:0 0 0 5px rgba(216,171,59,0.3);-moz-box-shadow:0 0 0 5px rgba(216,171,59,0.3);box-shadow:0 0 0 5px rgba(216,171,59,0.3);background-size:80% 80%!important;top:11px}
  footer.footer .bot-reg{padding-top: 7px;margin-top:0;}
  footer.footer   .bot-reg .item:after{width: 25px;height: 25px;}
  footer.footer .bot-reg .item{padding-left:50px;height: 48px;}
  .social{min-height:0}
  #page-thu-vien-video .bx-viewport,#page-thu-vien-video .bx-wrapper{width:800px!important}
  section.slider ul.bx-slider > li .main-img{background-position:center 30px}
  #page-home  section.home-value img{max-width:65%}
  main#page-home section.home-location{background-position:center -35px!important}
  .feature-image{margin-bottom:20px;margin-top:10px}
  #page-about.masterplans-detail .divcontent img{border-radius:10px;width:71%;margin-left:17%}
  #page-masterplans.masterplans-view .imagemapster{width:56.6%;margin:90px auto 0 auto}
}
@media screen and (max-width:1280px) and (min-width:1025px){
  header#menu:before{width:545px}
}
@media screen and (min-width:1280px){
  /*#page-location section{background-position:center center!important;background-size:100% 100%!important}  */
      #page-home section.home-contact img.imgCatcha{margin:10px auto 0 auto}
        /*T4*/
          section.home-contact img.imgCatcha{margin:10px auto 0 auto}
}
@media screen and (max-width:1280px){
  #page-about section.masterplans_detail ul.tab-home{text-align:left}
}
@media screen and (max-width:1200px){
  .logo img{width:255px}
  header#menu:before{width:365px}
  header#menu ul.list-menu>li>a{padding:20px 10px}
  footer.footer p,footer.footer a{font-size:10px!important}
  p,a,li,span,input,#page-masterplans p.please{font-size:14px}
  h1.special,h2.special{font-size:26px}
  #page-about section.masterplans_detail h2.special{font-size:20px}
  section.home-contact p strong{font-size:14px}
  .divcontent .main-content{padding:100px 0 40px 0}
  #page-about .divcontent .main-content{padding:40px 0 40px 0}
  /*NOTE*/
    #page-about section.masterplans_detail .long_desc{margin-top:0}
  #page-about section.masterplans_detail{padding:30px 0 60px 0}
  #page-about section.masterplans_detail ul.tab-home li{min-width:115px;margin-right:5px}
  .div-list{padding-top:10px}
  .bot-reg .item span{font-size:15px}
}
@media screen and (max-width:1199px) and (min-width:992px){
  a.hover-foor{bottom:110px}
  a.hover-foor img{width:200px}
  .box-img{margin-bottom:30px}
  .popup-content img.hinh1{top:55%;transform:translateY(-35%)}
  .popup-content img.hinh2{width:58%;top:7%;right:2%}
  .popup-content{height:660px}
  section.home-contact .form-contact,section.home-contact .contact-info{padding:10px 15px}
  /*PUBLIC*/   
  /*SOCIAL*/     
  /*footer.footer .bot-reg{width:68%}*/
    .bot-reg .item{margin-left:20px;height:62px;padding-left:38px}
  .bot-reg .item span{font-size:13px;padding-left:15px}
  .bot-reg .item:after{width:38px;height:38px;top:50%;transform:translateY(-50%)}
  section.slider ul.bx-slider > li .main-img{background-position:-296px center}
  #page-home section.slider ul.bx-slider > li .main-img{background-position:-320px  center}
  section.home-value img{top:-45px}
  #page-home section.home-value img{max-width:100%}
  section.home-contact ul.tab-home li{min-width:160px}
  section.home-contact input,section.home-contact textarea{height:35px}
  main#page-news{height:100vh;display:table;width:100%}
  main#page-news > *{display:table-cell;vertical-align:middle}
  main#page-news.news-home .main-content{padding-top:0}
  main#page-about.masterplans-detail .home-utility ul.bx-slider > li .main-img{background-position:right 20px}
  section.home-contact .contact-info a{font-size:16px}
  #page-about section.masterplans_detail ul.tab-home li{margin-right:2px}
  #page-thu-vien-video .bx-viewport,#page-thu-vien-video .bx-wrapper{width:840px!important}
  #page-contact section{min-height:615px}
  footer.footer .icon-social{margin:35px 0 10px 0}
  #top{height:50px;bottom:5px;right:3px;width:50px}
}
@media screen and (min-width:992px){
  footer.footer .icon-social{margin: 20px 0 10px 0;}
  .div-2{padding-left:35px}
  #page-masterplans.masterplans-view .divcontent{position:relative}
  #page-masterplans.masterplans-view .imagemapster{margin-top:90px}
  #page-masterplans.masterplans-view .divcontent .main-content{position:absolute;right:0}
}
@media screen and (max-width:991px){
  /*MENU*/
   #menu .navbar-default .navbar-collapse{float:none;max-height:calc(100vh - 65px);overflow:auto!important}
  header#menu ul.list-menu>li>a{text-align:center}
  .navbar-header,header#menu ul.list-menu{float:none;padding:0 0 0 0}
  .navbar-collapse.collapse{display:none!important}
  .collapse.in{display:block!important}
  .lang{float:unset;display:block;text-align:center}
  #menu  .navbar-nav > li{float:none}
  .dropdown-content{position:relative;background-color:#f8f8f8;box-shadow:2px 0 12px 0 rgba(0,0,0,0.2)}
  .dropdown-content a{color:#333333;font-family:SanFranciscoText-Regular;text-align:center}
  .dropdown-content li:before{display:none}
  /*END MENU*/
   main#page-home section{height:auto!important;min-height:650px;background-position:center center!important}
  #page-home .main-content{padding-top:30px}
  section.home-contact > *{padding:150px 0 80px 0}
  #page-about .divcontent img{margin:auto;display:block}
}
@media screen and (max-width:768px){
  .popup-foor .fancybox-close{width:9px!important;height:13px!important;background-size:cover}
  .popup-foor{width:770px;padding:0}
  .popup-content{padding-top:30px;height:650px}
  .popup-content img.hinh1{width:50%;left:15px}
  .popup-content img.hinh2{width:55%;top:28%;right:15px}
  .popup-title{margin-left:50%;transform:translateX(-50%);width:50%}
  .next-step{display:none}
  main.page-inside ul.tab-home{text-align:center}
  .bot-reg .item{margin-left:7px}
  .container-fluid.custom{padding-left:15px!important;padding-right:15px!important}
  #page-contact section{height:1024px}
  section.home-contact .form-contact,section.home-contact .contact-info,#page-contact section.home-contact .form-contact,#page-contact section.home-contact .contact-info{margin:10px 0;padding:10px 30px;text-align:center}
  section.home-contact h2.special,#page-contact section h2.special{text-align:center!important}
  section.home-contact h2.special.text-left:after,#page-contact section h2.special::after{left:50%;transform:translateX(-50%)}
  section.home-contact input,section.home-contact textarea{width:90%}
  .box-captcha{padding:0 23px}
  section.home-contact .col-md-8{width:100%}
  footer.footer .icon-social,footer.footer p,footer.footer a{text-align:center}
  #page-masterplans.masterplans-view .divcontent{padding:100px 0 40px 0}
  *#page-masterplans.masterplans-view .sub{margin-bottom:30px}
  #page-home section.home-contact img.imgCatcha{margin:10px auto 0 auto}
  section.home-contact img.imgCatcha{margin:10px auto 0 auto}
  .divcontent .main-content{padding:40px 0 40px 0}
  #page-album .main-content,#page-thu-vien-video .main-content,main#page-news .main-content{padding-top:140px}
  #page-about section.masterplans_detail .long_desc .row:last-child{text-align:center}
  /*UTILITY*/
       #page-utility .list-tienich{padding:0 0 0 0}
  #page-utility .row{padding:20px 0 0 0}
  #top{display:none!important}
  .bot-reg .item span{font-size:13px}
}
@media screen and (max-width:812px) and (min-width:770px){
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:100vh!important;min-height:unset;background-position:center 40px}
}
@media screen and (max-width:768px) and (min-width:660px){
  a.hover-foor{bottom:10px}
  /*section.slider ul.bx-slider > li .main-img{background-image:url(../../../assets/uploads/myfiles/images/home/img-trang-chu-mobile.jpg)!important}
  */
    
  /*Chỉ cho ipad dọc*/
    section.home-contact .form-contact{text-align:center}
  section.home-contact .form-contact .box-captcha{text-align:left!important}
  .box-captcha{padding:0 15px;margin-left:45px;text-align:center;width:42%}
  #new_label{left:50px!important}
  /*.nut-bam{width:50%}
  */
    #page-about section.home-utility .bx-wrapper,#page-about section.home-utility ul.bx-slider > li .main-img,#page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider,#page-home section.home-house .bx-viewport,#page-home section.home-house ul.bx-slider > li .main-img,main#page-home section.home-house,main#page-home section,#page-home section.home-utility .bx-viewport,#page-home section.home-utility ul.bx-slider > li .main-img{height:550px!important;min-height:unset}
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:550px!important;min-height:unset;background-position:-230px 55px}
  header#menu ul.list-menu>li>a{font-size:20px;padding:20px 10px}
  .dropdown-content a{font-size:20px}
  .lang a{font-size:22px}
  #page-thu-vien-video{margin-bottom:0;padding:90px  0}
  #page-utility .divcontent .main-content{padding-top:100px}
  footer.footer .bot-reg{margin-left:15px;text-align:center;padding:5px 0 5px 30px}
  .bot-reg .item{margin-left:2px;padding-right:8px}
  .social .bot-reg .item{margin-right:20px}
  #page-about.masterplans-detail section.home-utility ul.bx-slider > li .main-img{background-position:-300px 40px!important;-moz-background-position:-300px 50px!important}
  .box-captcha{padding:0}
  /*ALBUM*/
    #page-thu-vien-video .main-content{padding-top:0}
  #page-album .main-content{padding-top:90px}
  #page-thu-vien-video .bx-wrapper,.div-video .bx-viewport,#page-thu-vien-video ul.slider,#page-thu-vien-video ul.slider li{height:515px!important}
}
@media screen and (max-width:760px) and (min-width:600px){
  .social .bot-reg .item{margin-right:7px}
}
@media screen and (max-width:640px){
  .navbar-header,header#menu ul.list-menu{float:none;padding:20px 0 0 0}
  .popup-foor{width:100%;padding:0 5px}
  .popup-content{width:95%;height:450px}
  .popup-content p{font-size:14px}
  .scroll-popup-content{height:400px;width:100%}
  .scroll-popup-content{overflow-y:auto}
  .popup-title{width:100%}
  .box-img{height:545px;margin:0 0 -175px 0}
  .popup-content img.hinh1{top:50%;transform:translateY(-60%)}
  .popup-foor .fancybox-close{right:-8px!important}
  #page-home section.home-value img{max-width:100%;position:relative}
  main#page-home section.home-house{height:400px!important}
  main#page-home section.home-value{height:335px!important}
  #page-home section.home-value .main-content{padding-top:0}
  .homepage .bot-reg .item span{display:none!important}
  .box-content{min-width:267px}
  h1.special,h2.special{font-size:20px}
  header#menu:before{width:290px;height:70px}
  header#menu ul.list-menu{float:unset;padding:35px 0}
  header#menu ul.list-menu>li>a{padding:10px 10px;text-align:center}
  .logo img{width:230px;padding-top:0}
  a.hover-foor img{width:175px}
  .bot-reg .item span,.bot-reg .item.contact-phone span{display:none}
  footer.footer .bot-reg{margin-left:0;text-align:center}
  .social .bot-reg .item{margin-right:10px}
  .feature-image img{width:inherit;height:inherit}
  footer .bot-reg .item{margin-left:17px}
  footer.footer .icon-social{text-align:center;margin:10px 0 10px 0}
  footer.footer .pull-right p{text-align:center}
  main#page-home section.home-house ul.tab-home{text-align:center}
  main#page-home section.home-house ul.tab-home li{margin-bottom:10px}
  section.home-contact .form-contact,section.home-contact .contact-info{margin:10px 15px;padding:10px 5px}
  /*MASTER PLANS*/
      main.fullpage.page-inside .divcontent .main-content{padding:140px 0 20px 0}
  main.fullpage#page-about.page-inside .divcontent .main-content{padding:30px 0 0 0}
  #page-masterplans.masterplans-view .divcontent{padding:0 0 30px 0}
  #page-masterplans p.please{text-align:center}
  #page-about section.masterplans_detail ul.tab-home,main.page-inside ul.tab-home{text-align:center}
  #page-about section.masterplans_detail ul.tab-home li,main.page-inside ul.tab-home li{margin-bottom:10px}
  .masterplans-detail .sub{margin-top:20px}
  /*ALBUM*/
      main#page-news .main-content,#page-contact section .main-content{padding-top:140px}
  #page-album .main-content,#page-thu-vien-video .main-content{padding-top:80px}
  #page-thu-vien-video{position:relative;height:590px}
  /*NEWS*/
    .feature-image{width:100%;height:auto;margin:0 auto 20px auto}
  .box-news{margin-bottom:15px}
  .box-news a{display:grid}
  .box-news .feature-image{order:2;float:left}
  .box-news .feature-content{order:1;float:left}
  /*CONTACT*/
    #page-contact section .main-content{padding-bottom:50px}
  section.home-contact{text-align:center}
  section.home-contact .col-md-8{width:auto}
  section.home-contact .contact-info{margin-bottom:15px}
}
@media screen and (max-width:736px) and (min-width:650px){
  /*IPhone ngang*/    
  /*POPUP*/
    popup-foor{width:100%!important;padding:0 5px!important}
  .popup-content{width:70%!important;height:300px!important;margin-left:70px!important}
  .popup-content p{font-size:14px!important}
  .scroll-popup-content{height:250px!important;width:100%!important}
  .scroll-popup-content{overflow-y:auto}
  .popup-title{width:100%}
  .box-img{height:545px;margin:0 0 -145px  0}
  .popup-content img.hinh1{top:50%;transform:translateY(-50%)}
  .popup-content img.hinh2{top:30%}
  .popup-foor .fancybox-close{right:-3px!important;bottom:-7px!important}
  /***************/
      header#menu .navbar-toggle{margin-right:5px}
  header#menu:before{height:68px}
  header#menu ul.list-menu>li>a{font-size:18px;padding:15px 10px}
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:100vh!important;background-position:-70px 53px}
  main#page-home section{height:100vh!important}
  section.home-contact .form-contact,section.home-contact .contact-info{margin:10px 15px;width:auto}
  .nut-bam{width:50%}
  .bot-reg .item{height:43px;padding-left:50px}
  footer.footer .bot-reg{padding:5px 0 5px 0}
  a.hover-foor img{width:137px}
  section.home-contact > *{padding:50px 0 30px 0}
  #page-contact section.home-contact > *{padding:100px 0 30px 0}
  section.home-contact .form-contact,section.home-contact .contact-info{min-height:0}
  #page-home section.home-value .main-content{padding-top:10px}
}
@media screen and (max-width:480px) and (orientation:portrait){
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:100vh!important;background-position:-70px 53px}
  section.slider ul.bx-slider > li .main-img{background-image:url(../../../assets/uploads/myfiles/images/home/img-trang-chu-mobile.jpg)!important}
  .lang-en-US section.slider ul.bx-slider > li .main-img{background-image:url(../../../assets/uploads/myfiles/images/home/img-trang-chu-mobile-en.jpg)!important}
  .lang-en-US #page-home section.slider ul.bx-slider > li .main-img{background-position:center 47px}
  .bot-reg{padding:10px 0 0 40px}
  footer .bot-reg{padding:10px 0}
  #new_label{left:80px!important}
  .navbar-header{float:none;padding:10px 0 0 0}
  header#menu .navbar-toggle{margin-top:0}
  #top{display:none!important}
  footer .bot-reg .item{margin-left:5px;float:unset;text-align:center;display:inline-block;height:35px}
  .dropdown-arrow{height:44px}
  .box-content h3{font-size:20px;text-align:center}
  #page-about section.home-utility .bx-wrapper,#page-about section.home-utility ul.bx-slider > li .main-img,#page-home section.home-house .bx-viewport,#page-home section.home-house ul.bx-slider > li .main-img,main#page-home section.home-house,main#page-home section,#page-home section.home-utility .bx-viewport,#page-home section.home-utility ul.bx-slider > li .main-img{height:550px!important;min-height:unset}
  #page-about section.home-utility ul.bx-slider > li .main-img,#page-about section.home-utility .bx-wrapper{height:100vh!important}
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:90vh!important;min-height:unset}
  main#page-home section.home-house,main#page-home section,#page-home section.home-house .bx-viewport,#page-home section.home-house ul.bx-slider > li .main-img,main#page-home section.home-utility,main#page-home section,#page-home section.home-utility .bx-viewport,#page-home section.home-utility ul.bx-slider > li .main-img{height:650px!important}
  #page-home section.slider ul.bx-slider > li .main-img{background-position:center -40px}
  section.home-house .bx-wrapper{z-index:-1}
  a.hover-foor{bottom:60px}
  .box-captcha{padding:0 0 0 30px!important;margin:auto auto auto 20px}
  /*DUy*/
    section.home-utility ul.bx-slider > li .main-img{background-position:-700px center}
  #page-about section.home-utility ul.bx-slider > li .main-img{background-position:center;/*-648px 85px*/}
  #page-about.masterplans-detail section.home-utility ul.bx-slider > li .main-img{background-position:right 20px!important;-moz-background-position:right 20px!important}
  #page-utility .divcontent .main-content{padding:90px 15px 0 15px}
  #page-location .home-location .main-content{padding:55px 15px 0 15px}
  #page-location .box-content{min-width:330px;background:rgba(31,86,151,0.8)}
  #page-location .dropdown-arrow{background:rgba(198,129,72,0.8)}
  #page-location section{height:515px!important}
  section .dropdown-menu{padding:15px}
  section.home-contact h2.special{text-align:center;font-size:18px}
  section.home-contact h2.special.text-left:after,#page-contact h2.special.text-left:after{left:50%;transform:translate(-50%)}
  section.home-contact > *{padding:30px 0}
  /*ABOUT*/
      .div-list li.li-ver1:before,.div-list li.li-ver1 > ul > li:before{top:7px}
  .div-list li.li-ver1 > ul > li:before{top:10px}
  /*MASTERPLANS*/
      .sub{float:unset!important;width:67%;margin:auto}
  .sub span{padding:10px 55px 10px 10px}
  #page-news.news-detail h2.title{font-size:18px}
  section.home-contact input,section.home-contact textarea{margin-bottom:15px}
  #page-about section.masterplans_detail{padding:30px 0 0 0}
  /*UTILITY*/
        #page-utility .row{padding:0 0 0 0}
  /*ALBUM*/
           #page-thu-vien-video .bx-wrapper,.div-video .bx-viewport,#page-thu-vien-video ul.slider,#page-thu-vien-video ul.slider li{height:310px!important}
}
@media screen and (max-width:375px) and (min-width:479px){
  #page-contact section .main-content{padding-bottom:100px}
}
@media screen and (max-width:375px){
  #page-contact section .main-content{padding-bottom:80px}
  ul.tab-home li{min-width:150px}
  #page-location .box-content{min-width:300px}
  /*footer .bot-reg .item{margin-left:0}
  */
      .box-content{min-width:0;width:265px}
  #page-about.masterplans-detail section.home-utility ul.bx-slider > li .main-img{background-position:-900px 10px}
  .box-captcha{padding:0 23px}
}
@media only screen and (width:640px) and (height:360px){
  .navbar-header,header#menu ul.list-menu{float:none;padding:10px 0 0 0}
  /*POPUP*/
    .popup-foor{width:100%;padding:0 5px}
  .popup-content{width:70%!important;height:200px!important;margin:0 75px!important}
  .popup-content p{font-size:14px}
  .scroll-popup-content{height:150px!important;width:100%!important}
  .scroll-popup-content{overflow-y:auto!important}
  .popup-title{width:100%}
  .box-img{height:545px;margin:0 0 -170px 0}
  .popup-content img.hinh1{top:50%;transform:translateY(-50%)}
  .popup-content img.hinh2{top:30%}
  .popup-foor .fancybox-close{right:-3px!important;bottom:-7px!important}
  /***************/
    header#menu .navbar-toggle{margin-right:5px;margin-top:0}
  .box-captcha{padding:0 45px}
  header#menu:before{height:68px}
  header#menu ul.list-menu>li>a{font-size:18px;padding:15px 10px}
  #page-home section.slider .bx-viewport,#page-home section.slider ul.bx-slider > li .main-img,main#page-home section.slider{height:100vh!important;background-position:center  70px;min-height:0}
  #page-home section.home-utility .bx-viewport,section.home-utility ul.bx-slider > li .main-img,main#page-home section.home-house{height:100vh!important;min-height:0}
  main#page-home section{height:100vh!important;min-height:0!important}
  section.home-contact .form-contact,section.home-contact .contact-info{margin:10px 15px;width:auto}
  .nut-bam{width:50%}
  .bot-reg .item{height:43px;padding-left:50px}
  footer.footer .bot-reg{padding:5px 0 5px 0}
  a.hover-foor img{width:137px}
  section.home-contact > *{padding:50px 0 30px 0}
  #page-contact section.home-contact > *{padding:100px 0 30px 0}
  section.home-contact .form-contact,section.home-contact .contact-info{min-height:0}
  footer .bot-reg .item{margin-left:17px;float:unset;display:inline-block;margin:10px}
  .homepage .bot-reg .item span,.bot-reg .item span,.bot-reg .item span,.bot-reg .item span{display:block!important}
}
@media screen and (max-width:360px){
  #page-about section.home-utility ul.bx-slider > li .main-img,#page-about section.home-utility .bx-wrapper{height:83vh!important}
  #page-about.masterplans-detail section.home-utility ul.bx-slider > li .main-img{background-position:-960px 20px}
  #page-location .box-content{min-width:280px}
  .sub{width:71%}
  .sub span{padding:10px 65px 10px 10px}
  footer .bot-reg .item{margin-left:3px}
  .social .bot-reg .item {
    margin-right: 8px;
}
  footer.footer .bot-reg {
    margin-left: 10px;
}
  #new_label {
    left: 73px!important;
}

  #page-thu-vien-video{height:600px}
  .logo img{width:206px;margin-top:5px}
  .box-captcha {
    padding: 0 0 0 22px!important;
    margin: auto auto auto 0px;
}
}
@media screen and (max-width:330px){
  .box-captcha{padding:0 0 0 0!important}
  .social .bot-reg .item{margin-right:1px}
}