/*!
 * Start Bootstrap - Grayscale v1.1.0 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */body,html{
 height:100%;
 width:100%
 }
 
 /*!
 * bakcground color pages
 */
 .body{
 background-color:#FFF
 }
 
  /*!
 * bakcground color mobile menu
 */
 .navbar-custom{
 background-color:#000
 } 
 .intro,intro2, body,html{
 width:100%
 }

 body{
 font-family:Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 color:black;
 webkit-tap-highlight-color:rgba(255,255,255,.2)
 }
 
 .btn,.navbar-custom,h1,h2,h3,h4,h5,h6{
 text-transform:uppercase;
 font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif
 }
 
 h1,h2,h3,h4,h5,h6{
 margin:0 0 35px;
 font-weight:700;
 letter-spacing:1px
 }
 
 p{
 margin:0 0 25px;
 font-size:18px;
 line-height:1.5
 }
 
 @media (min-width:768px){
 
 p{
 margin:0 0 35px;
 font-size:20px;
 line-height:1.6
 }
 }
 
 a{
 color:#42DCA3;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out
 ;transition:all .2s ease-in-out
 }
 
 a:focus,a:hover{
 text-decoration:none;
 color:#1d9b6c
 }
 
 .light{
 font-weight:400
 }
 
 .navbar-custom{
 margin-bottom:0;
 border-bottom:1px solid rgba(255,255,255,.3)
 }
 
 .navbar-custom .navbar-toggle{
 color:#fff;
 background-color:rgba(255,255,255,.2);
 font-size:12px
 }
 
 .navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
 background-color:transparent;
 outline:0
 }
 
 .navbar-custom .navbar-toggle:active,.navbar-custom .navbar-toggle:focus{
 outline:0
 }
 
 .navbar-custom .navbar-brand{
 font-weight:700
 }
 
 .navbar-custom .navbar-brand:focus{
 outline:0
 }
 
 .navbar-custom a{
 color:#fff
 }
 
 .navbar-custom .nav li a{
 -webkit-transition:background .3s ease-in-out;
 -moz-transition:background .3s ease-in-out;
 transition:background .3s ease-in-out
 }
 
 .navbar-custom .nav li a:hover{
 color:rgba(255,255,255,.8)
 }
 
 .navbar-custom .nav li.active{
 outline:0
 }
 
 .navbar-custom .nav li.active a{
 background-color:rgba(255,255,255,.3)
 }
 
 .navbar-custom .nav li.active a:hover{
 color:#fff
 }
 
 @media (min-width:768px){
 
 .navbar-custom{
 padding:20px 0;
 border-bottom:none;
 letter-spacing:1px;
 background:0 0;
 -webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
 -moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
 transition:background .5s ease-in-out,padding .5s ease-in-out
 }
 
 .navbar-custom.top-nav-collapse{
 padding:0;background:#000;
 border-bottom:1px solid rgba(255,255,255,.3)
 }
 }
 
 .intro{
 display:table;
 height:auto;
 padding:100px 0;
 text-align:center;
 color:#fff;
 background:url(../img/intro-bg.jpg) 
 bottom center no-repeat #000;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 -o-background-size:cover
 }
 
 .intro .intro-body{
 display:table-cell;
 vertical-align:middle
 }
 
 .intro .intro-body .brand-heading{
 font-size:40px
 }
 
 .intro .intro-body .intro-text{
 font-size:18px
 }
 
 .intro2{
 display:table;
 height:auto;
 padding:100px 0;
 text-align:center;
 color:#fff;
 background:url(../img/intro-floorplan.jpg) 
 bottom center no-repeat #000;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 -o-background-size:cover
 }
 
 .intro2 .intro-body2{
 display:table-cell;
 vertical-align:middle
 }
 
 .intro2 .intro-body2 .brand-heading2{
 font-size:40px
 }
 
 .intro2 .intro-body2 .intro-text2{
 font-size:18px
 }
 
 @media (min-width:768px){
 .intro{
 height:100%;
 padding:0
 }
 
 .intro .intro-body .brand-heading{
 font-size:100px
 }
 
 .intro .intro-body .intro-text{
 font-size:26px
 }
  .intro2{
 height:100%;
 padding:0
 }
 
 .intro2 .intro-body2 .brand-heading2{
 font-size:100px
 }
 
 .intro2 .intro-body2 .intro-text2{
 font-size:26px
 }
 }
 
 .btn-circle{
 width:70px;
 height:70px;
 margin-top:15px;
 padding:7px 16px;
 border:2px solid #fff;
 border-radius:100%!important;
 font-size:40px;
 color:#fff;
 background:0 0;
 -webkit-transition:background .3s ease-in-out;
 -moz-transition:background .3s ease-in-out;
 transition:background .3s ease-in-out
 }
 
 .btn-circle:focus,.btn-circle:hover{
 outline:0;color:#fff;
 background:rgba(255,255,255,.1)
 }
 
 .btn-circle i.animated{
 -webkit-transition-property:-webkit-transform;
 -webkit-transition-duration:1s;
 -moz-transition-property:-moz-transform;
 -moz-transition-duration:1s
 }
 
 .btn-circle:hover i.animated{
 -webkit-animation-name:pulse;
 -moz-animation-name:pulse;
 -webkit-animation-duration:1.5s;
 -moz-animation-duration:1.5s;
 -webkit-animation-iteration-count:infinite;
 -moz-animation-iteration-count:infinite;
 -webkit-animation-timing-function:linear;
 -moz-animation-timing-function:linear
 }
 
 @-webkit-keyframes pulse{
 0,100%{-webkit-transform:scale(1);
 transform:scale(1)
 }
 
 50%{
 -webkit-transform:scale(1.2);
 transform:scale(1.2)
 }
 }
 
 @-moz-keyframes pulse{
 0,100%{-moz-transform:scale(1);
 transform:scale(1)
 }
 
 50%{
 -moz-transform:scale(1.2);
 transform:scale(1.2)
 }
 }
 
 .content-section{
 padding-top:100px

 }
 
 .download-section{
 width:100%;
 padding:50px 0;
 color:#000;

 -webkit-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 -o-background-size:cover
 }
 
 .floorplan-section{
 width:100%;
 padding:10px 0;
 color:#fff;

 }
 

 
 
 
 #map{
 width:100%;
 height:200px;
 margin-top:100px
 }
 
 @media (min-width:767px){
 
 .content-section{
 padding-top:250px

 }
 
 .download-section{
 padding:100px 0
 }
 
 .floorplan-section{
 padding:10px 0
 }

 
 
 
 #map{
 height:400px;margin-top:250px
 }
   #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
   #floorplan .floorplan-item {
    margin: 0 0 30px;
  }
 }
 
 .btn{
 font-weight:400;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 border-radius:0
 }
 
 .btn-default{
 border:1px solid #42DCA3;
 color:#42DCA3;
 background-color:transparent
 }
 
 .btn-default:focus,.btn-default:hover{
 border:1px solid #42DCA3;
 outline:0;color:#000;
 background-color:#42DCA3
 }
 
 ul.banner-social-buttons{
 margin-top:0
 }
 
 @media (max-width:1199px){
 
 ul.banner-social-buttons{
 margin-top:15px
 }
 }
 
 @media (max-width:767px){
 
 ul.banner-social-buttons li{
 display:block;
 margin-bottom:20px;
 padding:0
 }
 
 ul.banner-social-buttons li:last-child{
 margin-bottom:0
 }
 }
 
 footer{
 padding:50px 0
 }
 
 footer p{
 margin:0
 }
 ::-moz-selection{
 text-shadow:none;
 background:#fcfcfc;
 background:rgba(255,255,255,.2)
 }
 
 ::selection{
 text-shadow:none;
 background:#fcfcfc;
 background:rgba(255,255,255,.2)
 }
 
 img::selection{
 background:0 0
 }
 
 img::-moz-selection{
 background:0 0
 }
 
 .portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 0px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #2C3E50;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #2C3E50;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}

#portfolio .portfolio-item {
  margin: 15px 0 15px;
  right: 0;
}
#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .caption {
  background: rgba(141, 102, 102, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
  margin: 0;
}
#portfolio * {
  z-index: 2;
  
  
}


.floorplan-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 0px 0;
  text-align: center;
}
.floorplan-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.floorplan-modal .modal-content img {
  margin-bottom: 30px;
}
.floorplan-modal .modal-content .item-details {
  margin: 30px 0;
}
.floorplan-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.floorplan-modal .close-modal:hover {
  opacity: 0.3;
}
.floorplan-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #2C3E50;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.floorplan-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #2C3E50;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.floorplan-modal .modal-backdrop {
  opacity: 0;
  display: none;
}

#floorplan .floorplan-item {
  margin: 15px 0 15px;
  right: 0;
}
#floorplan .floorplan-item .floorplan-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#floorplan .floorplan-item .floorplan-link .caption {
  background: rgba(141, 102, 102, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#floorplan .floorplan-item .floorplan-link .caption:hover {
  opacity: 1;
}
#floorplan .floorplan-item .floorplan-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#floorplan .floorplan-item .floorplan-link .caption .caption-content i {
  margin-top: -12px;
}
#floorplan .floorplan-item .floorplan-link .caption .caption-content h3,
#floorplan .floorplan-item .floorplan-link .caption .caption-content h4 {
  margin: 0;
}
#floorplan * {
  z-index: 2;
}