.box-logo-dt h1,.content-text p, .content-text div,.info-house li, info-house p,bootbox-body{color:#17543b !important}
.container-cus{width:auto}
input{color:#fff !important}

#section0.banner-slider .row{position: relative;z-index:5}


/*FIX IE*/

.IE .menu-fix-top.top-head-sticky .box-logo{
    background:  rgb(211,166,53,0.6);
}
.IE .header-top.main-content{
height: 50px;
}
.IE .icon-banner-left{
 z-index: 99;
}
.IE .menu-fix-top.top-head-sticky .ul-menu-main{
    margin-top: 5px;
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .IE .box-logo .logo{
     margin-top: 0px;
    }
    .IE .box-logo{
        height: 130px;
    }
}





/********************TRANG CHU*************************/
.menu-fix-top {
    z-index: 99;
}
#contactID .section.footer .footer{display:table;width:100%}
#contactID .section.footer .footer > .verical{display:table-cell;vertical-align:middle}
#contactID .box-form{position:relative;top:unset}
section{position:relative;background-size:cover!important;background-position:center center!important}
section img{max-width:100%}
.yellow > *{color:#f7cd3d}
.icon-banner-left-small{position:absolute;bottom:0;left:0;z-index:3}
.icon-banner-left-small:before{content:"";position:absolute;bottom:0;left:0;width:865px;height:194px;z-index:1;background-size:100% 100%;background:url(../images/icon-banner-left-s.png) center center no-repeat}
.icon-banner-right-small{content:"";position:absolute;top:0;right:0;width:1105px;height:195px;z-index:1;background-size:100% 100%;background:url(../images/icon-banner-right-s.png) center center no-repeat;background-size:100% 100%}
.icon-banner-left-small h1{font-weight:700;font-size:40px;position:relative;z-index:2;padding-left:255px;padding-bottom:20px}
.slider-tien-ich .back-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1095px;
    height: 314px;
    z-index: -1;
    background-size: 100% 100%;
    background: url(../images/icon-tien-ich.png) center center no-repeat;
    background-size: cover;
}
/*****************************Page Gioi thieu*******************************************/

.tab-category{
position: fixed;
    z-index: 55;
    padding: 10px 0;
    top: 80px;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    background: rgb(27,88,71);
background: -moz-linear-gradient(90deg, rgba(27,88,71,0.039653361344537785) 0%, rgba(27,88,71,1) 50%, rgba(27,88,71,0.04525560224089631) 100%);
background: -webkit-linear-gradient(90deg, rgba(27,88,71,0.039653361344537785) 0%, rgba(27,88,71,1) 50%, rgba(27,88,71,0.04525560224089631) 100%);
background: linear-gradient(90deg, rgba(27,88,71,0.039653361344537785) 0%, rgba(27,88,71,1) 50%, rgba(27,88,71,0.04525560224089631) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b5847",endColorstr="#1b5847",GradientType=1);
    width: 100%;
}
.tab-category li{
    display: inline-block;
    margin: 0 20px;
}
.tab-category li a{
font-size: 14px;
font-weight: 700;
text-transform:uppercase;
color: #f7cd3d;
}
.tab-category li a.active,.tab-category li:hover a{
    color:#fff
}
.content-text p, .content-text div {
    line-height: 25px;
    margin-top: 7px;
}

/*****************************Page Tien ich*******************************************/
.goslide{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}
.goslide: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}
.goslide: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}
}
.goslide:hover{bottom:102px}

 ul.bx-slider{padding:0;margin:0}
 ul.bx-slider > li{margin:0;position:relative}
 ul.bx-slider > li .main-img{background-position:center;background-size:cover;height:100vh;padding-left:5px;padding-right:5px}
 .bx-wrapper{border:none;margin-bottom:0}
 .headline{position:absolute;text-align:right;left:390px;top:300px;overflow:hidden;color:#fff}
 .headline .container-headline{width:700px;display:inline-block;text-align:left;position:relative}
 .headline h1{font-size:60px;margin-top:0;margin-bottom:0;text-transform:uppercase}
 .headline h1 span{font-size:60px;display:block;color:#fff;padding-left:80px}
 .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;border:2px solid #fff;width:13px;height:13px;border-radius:50%}
 .bx-wrapper .bx-pager.bx-default-pager a{z-index:150;width:18px;height:18px;padding:2px;border:2px solid #dfb83f;margin:10px 0}
 .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#dfb83f;border:2px solid #dfb83f;width:18px;height:18px}
 .bx-wrapper .bx-next, .bx-wrapper .bx-prev{width:40px;height:40px;margin-top:0;border-radius:100%}
 .bx-wrapper .bx-next{background:url(../images/icon-next.png) center center no-repeat;background-position:center center!important}
 .bx-wrapper .bx-prev{background:url(../images/icon-prev.png) center center no-repeat;margin-top:0;background-position:center center!important}
 .bx-wrapper .bx-controls-direction a{margin-top:0}
.utilities-content{position:absolute;bottom:50px;right:258px;z-index:50;width:486px;height:auto;background:rgba(0,0,0,.3);padding:23px 30px;text-align:right}
.utilities-content h3{font-size:22px;font-weight:700;margin-bottom:20px;color:#fff;text-transform:uppercase}
.utilities-content p{color:#fff;line-height:1.5}
.line{position:absolute;bottom:0;left:0;width:100%;height:20px;z-index:1;background-size:100% 100%;background-image:-moz-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-webkit-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-ms-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%)}
.map-utilities{height:auto;min-height:980px;background-image:-moz-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-webkit-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-ms-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%)}
.mountain{position:absolute;bottom:0;left:0;width:818px;height:74px;z-index:1;background-size:100% 100%;background:url(../images/icon-utilities.png) center center no-repeat;background-size:100% 100%}
.page-inside section.padding-90{padding:90px 0 70px 0}
.inside-title{font-weight:700;color:#154733;font-size:40px;position:relative;padding-bottom:20px}
.inside-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:63px;height:2px;background:#154733}
.inside-title.yellow{color:#f7cd3d}
.inside-title.yellow:after{background:#f7cd3d}
#utilitiesID .img-container{margin-bottom:0}

#utilitiesID .map-hover .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s;border-radius:15px;display: block;
    margin: auto;}
#utilitiesID .map-hover .img-container .hover-imgs{top:0;left:0;pointer-events:none}
#utilitiesID .map-hover .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s}
#utilitiesID .map-hover .img-container .hover-imgs{top:0;left:0}
#utilitiesID .imagemapster{position:relative;z-index:2}

#utilitiesID .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}
#utilitiesID .map-hover .img-container .hover-imgs img.active{opacity:1}
.list-utilities{margin-top:25px}
#utilitiesID .list-tienich{padding:0;list-style-type:none}
#utilitiesID .list-tienich li{font-size:16px;margin-bottom:23px;text-transform:uppercase;padding-left:5px}
#utilitiesID .list-tienich li a{font-size:14px;padding-left:0;color:#fff;line-height:inherit}
#utilitiesID .list-tienich li a span{line-height:1}
span.numberv1{color:#fff;background:#207250;border-radius:50%;float:left;margin-right:10px;text-align:center;margin-top:-3px;padding:5px 0;font-size:16px;font-weight:normal;width:30px;height:30px;transition:all ease .3s;-webkit-transition:all ease .3s}
#utilitiesID .list-tienich li a:hover,#utilitiesID .list-tienich li a:hover span,#utilitiesID .list-tienich li a.active,#utilitiesID .list-tienich li a.active span{color:#207250}
#utilitiesID .list-tienich li a:hover span,#utilitiesID .list-tienich li a.active span{color:#207250;background-image:-moz-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-webkit-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);background-image:-ms-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);font-weight:700}
/**************************THU VIEN****************************/
.fancybox-wrap span{visibility:visible}
.fancybox-close{background-image:url(../images/ico-close.png)!important;background-size: contain;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;right:-45px}
.fancybox-wrap .fancybox-prev span{background:url(../images/icon-prev.png) no-repeat center center;left:-45px}
/**************************MAT BANG************************/
#masterplansID section{
    background-image:-moz-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);
    background-image:-webkit-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%);
    background-image:-ms-linear-gradient( -30deg,rgb(168,119,43) 0%,rgb(211,166,53) 41%,rgb(253,212,63) 52%,rgb(222,173,53) 60%,rgb(191,133,43) 100%)
}
#masterplansID .map-hover .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s;margin: auto;}
#masterplansID .map-hover .img-container .hover-imgs{top:0;left:0;pointer-events:none}
#masterplansID .map-hover .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s;margin: auto;}
#masterplansID .map-hover .img-container .hover-imgs{top:0;left:0}
#masterplansID .imagemapster{position:relative;z-index:1}
#masterplansID .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}
#masterplansID .map-hover .img-container .hover-imgs img.active{opacity:1;background:transparent}
#masterplansID.masterplans-view .inside-title{position:absolute;top:100px;left:50%;transform:translateX(-50%);color:#f7cd3d}
#masterplansID .sub{position:relative;z-index:444;float:right}
#masterplansID .sub span{font-size:18px;font-family:'NunitoSans';color:#fff;border-bottom:1px solid rgba(216,167,51,0.5);display:inline-block;cursor:pointer;position:relative;margin-left:200px;white-space:nowrap;text-transform:uppercase;min-width:200px;padding-right:50px;margin-bottom:20px;padding-bottom:10px;font-weight:400}
#masterplansID .sub span.show-up{background:url(../images/mb-up-active.png) no-repeat right 0 center}
#masterplansID .sub span.show-down{background:url(../images/mb-down-active.png) no-repeat right 0 center;border-bottom:1px solid #fff}
#masterplansID .sub ul{list-style-type:none;position:absolute;bottom:100%;right:0;z-index:10;padding:5px;background:#17543b;display:none;min-width:200px;width:auto;max-height:420px;overflow:auto}
#masterplansID .sub ul.show-down{bottom:unset;top:100%}
#masterplansID .sub ul li{padding:5px 10px}
#masterplansID .sub ul li a{color:#fff}
#masterplansID .p-please p{font-family:'NunitoSans';color:#fff;font-weight:700;position:absolute;right:0;bottom:40px}
/*FOOR*/
.blue-title,#masterplansID.masterplans-foor h2.inside-title{color:#154733;margin-bottom:20px}
#masterplansID.masterplans-foor .imagemapster{position:relative;z-index:1;float:left;width: 100%;}
#masterplansID.masterplans-foor .sub ul.show-down{background:#fbd23e}
#masterplansID.masterplans-foor .sub ul.show-down li a{color:#154733}
#masterplansID.masterplans-foor p{font-weight:500;text-align:center;color:#fff;font-size:22px}
#masterplansID.masterplans-foor .container-cus{z-index: 2;}
/*DETAIL*/
#masterplansID.masterplans-detail .container-cus{z-index: 5;}
.box-house{background:#fff;padding:20px 0;border-radius:10px;min-height:auto; padding-bottom: 0px;}
.box-house h3{color:#265939;font-weight:700;padding-bottom:15px;border-bottom:1px solid #265939;text-transform:uppercase}
.info-house{margin:10px 0;margin-bottom:50px}
.info-house li,info-house p{margin-bottom:12px;color:#000000}
.img-vtcanho{margin-top:15px}
.masterplan-tool{margin:30px auto;position:relative;z-index:5}
.masterplan-tool a{font-weight:700;color:#fff;font-size:18px;margin:0 5px}
.masterplan-tool a:hover,.masterplan-tool a.active{color:#17543b;border-bottom:1px solid #17543b}
a#links{float:right;color:#fff;font-size:18px}
/*CONTACT*/
.info-content{margin:30px 0}
.info-content > *{color:#fff;font-size:17px;margin-bottom:10px}
.box-form-box{height:auto;float:left;width:100%}
.box-form-box > *{}
#contactID .box-form{width:50%}
.info-contact{}
.form-group{padding:0}
.info-contact h3{font-weight:700;font-size:18px;color:#f7cd3d;margin-bottom:23px}
.info-contact p,.info-contact a{color:#fff;margin-bottom:10px;font-size:18px}
.info-contact .phone{font-weight:600}
.info-contact .email{border-bottom:1px solid #fff}

.iocn-social li {
    float: left;
    margin-right: 40px;
}
.iocn-social li a {
    padding: 0;
    color: #fff;
}
#contactID .footer-bottom {
    left: 50%;
    transform: translateX(-50%);
}
.iocn-social li a {
    padding: 0;
    color: #fff;
}
.iocn-social li a img{
  width:24px;
}
.iocn-social li a img.icon-youtube{
    width:27px;
}
/***************************************NEWS************************************/
#newsID .title-text h2{color:#f7cd3d}
.news-bot{border-top:none}
.news-right img {
    padding-right: 20px;
}
.pagination ul  a{
  padding: 5px;
  color: #fff;
  font-family: 'NunitoSans';
  font-weight: 700;
  position: relative;
}
.slick-dots li.slick-active  a{
 color: #f4cb3d;
 text-decoration: underline;
}
#newsID .slick-dots {
    text-align: right;
}
.pFirst,.pPrev,.pNext,.pLast{display:none}
#newsID .slick-track{margin-left:0 !important }
#newsID img{max-width:100%;display:block;margin:auto}
#newsID .details-news p,#newsID .details-news div{
    color: #fff;
    margin: 10px 0;
    line-height: 22px;
}
#newsID .details-news img{margin:20px auto}
#newsID.news-list .news-bot{border-top:none}
.news-hover,.news-hover h4,.news-hover p {
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;

}
.news-hover:hover h4,.news-hover:hover p{
    color:#d0b868
}
/*==========================RESPONSIVE==========================*/

@media screen and (min-width:1680px){
 .news-right {
    max-height: 170px;
    overflow: hidden;
}
  .container-cus{width:1443px;z-index:6}/*position:relative;*/
}
@media screen and (max-width:1440px){
    .goslide{bottom:50px}
    .icon-banner-left-small:before {
    width: 712px;
    height: 194px;
    background-size: 100% 100% !important;
    background: url(../images/icon-banner-left-s.png) left center no-repeat;
}
    .icon-banner-right-small {
    width: 685px;
    height: 195px;
    background-size: 100% 100% !important;
    background: url(../images/icon-banner-right-s.png) center right no-repeat;
}
}
@media screen and (min-width:1280px)  and (max-width:1440px){
    .page-masterplans.masterplans-detail#masterplansID section.divcontent  .container{
        width: 780px;
    }.masterplan-tool {
    margin: 23px auto 0 auto;

}
     .box-house {
    margin-top: 23px;
}
}
@media screen and (min-width:992px){
  section{height:auto;min-height:100vh}
  #utilitiesID .imagemapster {
    width: 86%;
    margin: auto;
}
  
}
@media screen and (max-width:991px){
  .container-cus{width:auto}
}
@media screen and (max-width:767px){
      .goslide{display:none}

#masterplansID section{
    background: #17543b;
}
.blue-title, #masterplansID.masterplans-foor h2.inside-title {
    color: #fff;
}
.inside-title {
    font-size: 20px !important;
}
.inside-title:after {
    background: #fff;
}
#masterplansID .sub ul {
    max-height: 200px;
    background: rgba(23, 84, 59,0.5);
}
#masterplansID.masterplans-foor .sub ul.show-down {
    background: rgb(251, 210, 62,0.5);
}
#masterplansID .sub span {
    font-size: 15px;
}
.page-masterplans.masterplans-view#masterplansID .divcontent{
padding-top:  175px !important;
}
.page-masterplans.masterplans-view#masterplansID .divcontent .imagemapster .inside-title{
top: -60px !important;
}
#masterplansID .inside-title{
    color: #fff;
}
div.img-canho{
    margin-left: 0px;
}
.masterplan-tool a:hover, .masterplan-tool a.active {
    color: #d9a633;
    border-bottom: 1px solid #17543b;
}
.masterplan-tool a{
    color: #333;
}
.box-house{
    border-radius: 0px !important;
    padding-bottom: 10px;
}
.masterplan-tool.masterplan-tool-xs{
   margin-top: 0px;
}
a#links {
    margin-top: 15px;
}

}