@charset "utf-8";
/* CSS Document */
/* CSS Import */
@import url("fonts.css");
@import url("back-to-top.css");
@import url("helper-class.css");

body {
  font-family: 'rsuregular', sans-serif; 
  font-size: 18px; 
  color: #888888;
  background-color: white;
}
strong {
  font-family: 'rsubold', sans-serif; 
  color: #808080;
}

#container_location, #street_view {
  max-height: 300px;
}

#slogan {
  font-size: 36px;
}

#home, #security, #BTS, #highway, #car-parking, #key, #door-sensor, #security-guard, #CCTV, #keycard, #parking-space {
  height: 70px;
}

#door-sensor, #security-guard, #CCTV, #keycard, #parking-space {
  padding-left: 20px;
}

.black-white {
  filter: brightness(0%);
}

#map {
  height: auto;
}

#main-form-contact {
  padding-bottom: 0px;
}

#contact-us {
  padding-bottom: 50px;
}

#overview-description {
  padding-left: 50px;
}

.floor-plan {
  width: 100%;
}

#main-logo {
  padding-top: 30px;
  width: 20%;
  padding-bottom: 30px;
}

.location-text {
  font-size: 20px;
}

.mobile {
  display: none;
}

.footer-text, a {
  color: #ffffff;
}

#footer-mobile, #floor-plan-mobile {
  display: none; 
  width: 100%;
}

.contact-us-button {
  background-color: #fdc114;
  color: #ffffff; 
  padding: 10px 35px;
}

#fill_in {
  padding-top: 20px;
  padding-bottom: 60px;
}

/* ////////// Main Class ////////// */
.heading-sec {position: relative;}
.heading-sec h2 {color: #172e46; margin-top: 0; background: #F5F5F5; font-size: 46px; padding-right: 15px; display: inline-block; z-index: 20; position: relative;}
.heading-sec h2 a {color: #172e46;}
.heading-sec h2 a:hover, .heading-sec h2 a:focus {color: #294A6B; text-decoration: none;}
.heading-sec h2 i, .heading-sec h2 a i {color: #cba65c; font-size: 32px;}
.heading-sec hr.line {display: block; border-top: none; height: 4px; background: #fdc114; width: 100%; position: absolute; top: 50%; margin-top: -7px;}
.heading-sec.full {background: #58585b; padding: 35px 0; margin-top: 45px;}
.heading-sec.full .sec-center {text-align: center; position: relative;}
.heading-sec.full .sec-center h2 {padding-left: 15px; margin-bottom: 0; color: #fdc114; background: #58585b;}
.heading-sec.full hr.line {margin-top: -2px;}
.sub-heading-sec {color: #172e46;}

.wrapper-section, .wrapper-content-section {padding-top: 40px; padding-bottom: 40px;}
.wrapper-section.has-bottom {padding-bottom: 40px}
.wrapper-section.none-top {padding-top: 0; padding-bottom: 0;}
.wrapper-section.in-content {padding-top: 20px;}
.wrapper-section.static {padding-top: 7px;}
.wrapper-content-section.vdo {padding-top: 70px;}
.wrapper-content-section.vdo.has-bottom {padding-bottom: 40px}
.wrapper-section form h3 {margin-top: 15px; color: #fdc114;}
.wrapper-section form .btn {background: #fdc114;}
.wrapper-section .btn-default:hover, .wrapper-section .btn-default:focus, .wrapper-section .btn-default:active:focus {background-color: #9F874F;color: #fff;}
.wrapper-section.home {padding-top: 0px;}

#media-news {margin: 15px 0;}
#media-news .item {background: #fff; padding-bottom: 25px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.12); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.12); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.12);}
#media-news .item .detail {padding: 0px 15px; font-size: 16px;}
#media-news .item .detail h3 > a {color: #404040; font-size: 22px;}
#media-news .item .detail h3 > a:hover, #media-news .item .detail h3 > a:focus {text-decoration: none; color: #23466A;}
#media-news .item .detail h3 > span {color: #a37e2e; display: block; margin-top: 3px;}
#media-news .item .detail p {margin-bottom: 20px;}

.wrapper-banner-ads {position: relative;}
.wrapper-banner-ads .content {    position: absolute; padding: 0 15px; top: 20%; left: 0; right: 0; text-align: center;}
.wrapper-banner-ads .content h3.first {line-height: 1; margin-top: 13px; }
.wrapper-banner-ads .content h3.second {font-size: 18px;}

.wrapper-banner-ads .content  table tr td {height: 240px; padding: 0; vertical-align: middle; border: none;}

.btn-more {font-size: 15px; background: #172e46; color: #fff; padding: 0px 0 0px 10px; display: inline-block;}
.btn-more > span {display: inline-block; background: #b79f59; padding: 3px 10px; margin-left: 5px;} 
.btn-more:hover, .btn-more:focus {color: #fff; background: #203D5C; text-decoration: none;}
.btn-more:hover span, .btn-more:focus span {background: #C7AF6B;}

/*Single Page Method*/
.logo-banner {width: 100%;}
.logo-banner.mobile {display: none;}
.mobile {display: none;}
.logo-banner {display: block;}
.footer-banner {width: 100%;}
.wrapper-header-page, .wrapper-header-page-two, .wrapper-header-page-static {padding: 67px 0 67px; position: relative;}
.wrapper-header-page {background: url(../images/bg-title-page.jpg) no-repeat;}
.wrapper-header-page-two {background: url(../images/bg-title-page-02.jpg) no-repeat;}
.wrapper-header-page-static, .wrapper-header-page-static2 {background: url(../images/bg-title-page-03.jpg) no-repeat; padding: 90px 0 90px; position: relative;}
.wrapper-header-page-static2 {background: #58585b; padding: 77px 0 77px;}
.bg-fixed {/*background-attachment: fixed;*/ background-repeat: no-repeat; /*background-size: cover;*/ background-position: center center;}
.wrapper-header-page-static h1 {color: #F5F5F5; margin: 30px 0 0;}
.wrapper-header-page .overlay, .wrapper-header-page-two .overlay2, .wrapper-header-page-static .overlay {background: rgba(183, 159, 89, 0.55); display: block; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; right: 0;}
.wrapper-header-page-two .overlay2 {background: rgba(97,177,204,0.65);}
.wrapper-header-page-static .overlay {background: rgba(24, 46, 69, 0.65);}
.wrapper-sub-menu {background: #F5F5F5; text-align: center; transition: all 0.2s; position: relative;}
.wrapper-sub-menu > i.fa-caret-left  {position: absolute; top: 13px; left: -6px; color: #58585b; display: none;}
.wrapper-sub-menu > i.fa-caret-right {position: absolute; top: 13px; right: -6px; color: #58585b; display: none;}
.wrapper-sub-menu.fixed {
  top: 0; 
  background: #fdc114; 
  transition: all 0.2s; 
  -webkit-box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.05); 
  -moz-box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.05); 
  box-shadow: 0px 1px 5px 0px rgba(255,255,255,0.05);
} 
.wrapper-sub-menu ul {margin-bottom: 0;}
.wrapper-sub-menu ul li {border-right: 1px solid #58585b; padding: 0 10px;}
.wrapper-sub-menu ul li a {color: #58585b; padding: 0 10px; }
.wrapper-sub-menu ul li.active a  {background: #58585b; color: #fff; text-decoration: none !important; transition: all 0.2s;}
.heading-sec.page {display: block; text-align: center; }
.heading-sec.page h2 {color: #58585b; font-size: 34px; padding-left: 15px;}
.heading-sec.page .sec-center {position: relative;}

.heading-sec.page.color {background: #58585b; padding-top: 45px; padding-bottom: 20px;}
.heading-sec.page.color-grey {background: #58585b; padding-top: 45px; padding-bottom: 45px;}
.heading-sec.page.location {background: #58585b; padding-top: 45px; padding-bottom: 270px;}
.heading-sec.page.location h2 {color: #fdc114; background: #58585b; font-size: 34px; padding-left: 15px;}
.heading-sec.page.color .sec-center {position: relative;}
.heading-sec.page.color h2 {color: #fdc114; background: #58585b; font-size: 34px; padding-left: 15px;}
.heading-sec.page.color-grey  {background: #e9e9e9;}
.heading-sec.page.color-grey h2 {background: #e9e9e9;}

.btn-map {background: #0f2031; color: #fdc114;}
.btn-map:hover, .btn-map:focus, .btn-map:active:hover , .btn-map:active:focus {background: #fdc114; color: #fff;}

.wrapper-spec {border: 1px solid #c1c1c1; border-radius: 5px; margin-top: 25px;}
.wrapper-spec h3 {background: #fdc114; color: #fff;    padding: 10px 0; margin: 0;}
.wrapper-spec p.space {border-bottom: 1px solid #58585b;padding: 5px 0;}
.list-space {padding: 0 15px;}
.list-space ul {padding-left: 0;}

.wrapper-spec #parentHorizontalTab {background: #647990;}

.floor-lightgallery {background: #fff; border-radius: 0 4px 4px 0; border-left: 1px solid #c1c1c1;}
.list-none.fac li {padding: 4px 0;}
.fac-section {margin: 30px 0;}
.fac-section > .row > div:first-child {border-right: 2px solid #b79f59;}
.list-none.fac-icon > div {padding: 20px 0;}
.list-none.fac-icon > div > i {width: 55px; text-align: center;  vertical-align: middle;}

/*gallery*/
#imageGallery li {cursor: pointer;}
/*#imageLocation li {cursor: pointer;}*/
.lSPager.lSpg {margin-top: -25px !important;}

/*About us*/
.wrapper-reference .media {border-bottom: 2px solid #dedede; background: #efefef; padding: 7px; margin-bottom: 25px;}
.wrapper-reference h4 {margin-bottom: 2px; font-size: 19px;}
.wrapper-reference p {font-size: 16px; color: #888;}

/*Review*/
.wrapper-reference.review h4 {color: #23466A;}
.wrapper-reference.review p {color: #fdc114; margin-bottom: 0; font-size: 16px;}
.wrapper-reference.review a {text-decoration: underline;}

/*contact*/
.contact-channel {margin-bottom: 15px;}
.contact-channel a {display: inline-block; text-decoration: none !important; padding: 15px; margin-bottom: 15px; color: #58585b; line-height: 1;}
.contact-channel i {display: block; font-size: 26px; margin: 0 auto; margin-bottom: .75rem;}

/*//////////////////Media Query//////////////////*/
@media (min-width: 320px) { 
 .wrapper-banner-ads .content  table tr td {height: 185px;}
}
@media (min-width: 375px) { 
 .wrapper-banner-ads .content  table tr td {height: 280px;}
}

@media (max-width: 736px) { 
 .bg-fixed {background-attachment: local; background-size: contain; padding: 0;}
 .wrapper-sub-menu ul {white-space: nowrap; width: 100%; overflow-x: scroll;}
}
@media (max-width: 480px) { 
 .logo-banner.mobile {display: block;}
 .logo-banner {display: none;}
 .wrapper-sub-menu {text-align: left;}
 .wrapper-sub-menu > i.fa-caret-left  {position: absolute; top: 13px; left: -6px; color: #58585b; display: block;}
 .wrapper-sub-menu > i.fa-caret-right {position: absolute; top: 13px; right: -6px; color: #58585b; display: block;}
 .list-none.fac-icon > div > i {width: 100%;}
 .list-none.fac-icon > div {text-align: center;}
 .fac-section {margin: 30px 0 30px;}
 .fac-section > .row > div:first-child {border-right: none;}
 .list-none.fac-icon > div {padding: 30px 0;}
 .heading-sec.page.location {padding-bottom: 110px !important;}

}
@media (min-width: 300px) and (max-width: 320px) { 
 .wrapper-banner-ads .content h3.first {font-size: 26px;}
 .wrapper-banner-ads .content h3.second {font-size: 18px;}
}
@media (min-width: 375px) and (max-width: 767px) {
 .wrapper-banner-ads .content h3.first {font-size: 26px;}
 .wrapper-banner-ads .content h3.second {font-size: 18px;}
}

/*col-xs (Extra small devices)*/
@media (max-width: 767px) { 
    /*.navbar-mainmenu.navbar.navbar-default {position: fixed; left: 0; right: 0; z-index: 1000;}
    .sidenav {z-index: 2000;}*/
     #footer-mobile, #floor-plan-mobile {display: block;}
     .logo-banner {display: none;}
     #main-logo {width: 80%;}
    .wrapper-section.has-bottom.xs {padding-bottom: 20px;}
    .heading-sec h2 {font-size: 28px;}
    .heading-sec h2 i {font-size: 24px;}
    .wrapper-content-section.vdo {padding-top: 45px;}
    .wrapper-content-section.vdo.has-bottom.xs {padding-bottom: 0px;}
    #media-news .item {margin-bottom: 25px;}
    .floor-lightgallery {border-radius: 0 0 4px 4px; border-top: 1px solid #c1c1c1; border-left: none;}
    .wrapper-reference.review img:not(.project) {width: 130px;}
    .c4 {display: none;}
    .heading-sec.page.location {padding-bottom: 370px;}
    }

    /*col-sm (Small devices Tablets)*/	
    @media (min-width: 768px) and (max-width: 991px) {
/*     .desktop {display: none;}
     .mobile {display: block;}*/
     #main-logo {width: 40%;}
     .wrapper-banner-ads .content  table tr td {height: 185px;}
     .wrapper-banner-ads .content h3.first {font-size: 22px;}
     .wrapper-banner-ads .content h3.second {font-size: 18px;}
     .floor-lightgallery {border-radius: 0 0 4px 4px; border-top: 1px solid #c1c1c1; border-left: none;}
     .wrapper-reference.review img:not(.project) {width: 165px;}
     .heading-sec.page.location {padding-bottom: 400px;}
     .c4 {display: none;}
    }
    /*col-md (Medium devices Desktops)*/
    @media (min-width: 992px) and (max-width: 1199px) {
     .wrapper-banner-ads .content  table tr td {height: 240px;}
     .wrapper-banner-ads .content h3.first {font-size: 26px;}
     .wrapper-banner-ads .content h3.second {font-size: 20px;}
     .heading-sec.page.location {padding-bottom: 370px;}
   }
   @media (min-width: 992px) {
    .wrapper-reference.review img:not(.project) {width: 195px;}
  }

  /*col-lg (Large devices Desktops)*/
  @media (min-width: 1200px) {
   .wrapper-banner-ads .content h3.first {font-size: 30px;}
   .wrapper-banner-ads .content h3.second {font-size: 20px;}
 }

 /*for Header Banner 2 page*/
 @media (min-width: 1377px) and (max-width: 1920px) {
   .bg-fixed {background-size: contain;}
   .wrapper-header-page, .wrapper-header-page-two, .wrapper-header-page-static {padding: 120px 0 120px;}
 }

 /*Hover Effect*/
 .hovereffect  {
  width:100%;
  height:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
}

.hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:1;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
}

.hovereffect:hover .overlay {background-color: rgba(163,126,46,0.20);}

.hovereffect img {
  display:block;
  position:relative;
  -webkit-transition:all .2s linear;
  transition:all .2s linear;
  border-bottom: 1px solid #e2e2e2;
}

.hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  font-size:15px;
  background:rgba(0,0,0,0.6);
  border-left: 5px solid #0075be;
  -webkit-transform:translatey(0px);
  -ms-transform:translatey(0px);
  transform:translatey(0px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:10px;
}

.hovereffect:hover h2 {background: #0075be;} 

.hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  border:1px solid #fff;
  background-color:transparent;
  opacity:0;
  /*filter:alpha(opacity=0);*/
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:7px 14px;
  position: absolute;
  left: 50%;
  margin-left: -53px;
  margin-top: -20px;
  top: 50%;
}

.hovereffect a.info:hover {
  box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform:scale(1.01);
  -webkit-transform:scale(1.01);
  transform:scale(1.01);
}

.hovereffect:hover .overlay {
  opacity:1;
  /*filter:alpha(opacity=100);*/
}

/*.hovereffect:hover h2,*/.hovereffect:hover a.info {
  opacity:1;
  /*filter:alpha(opacity=100);*/
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  background-color: rgba(255,255,255,0.20);
}

/*news*/ 
.hovereffect.news h2 {
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  right: auto;
  text-align: left;
  margin: 0;
  background: #0075be;
}