//*** site override ***//

#featured div.cta {
	height: 600px !important;
}


li.active a{
  color: #1a466b; 
  font-weight: 900 !important;
}

/* CTA */



/*------------------------------------*\
  ~normalize
\*------------------------------------*/
h2, h1 {
  margin: 0;
}

a:hover, a:focus {
  text-decoration: none;
}

.btn-text {
  color: #fff !important;
  font-family: 'Fauna One', serif;
}
.btn-icon {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-right: 10px;
  background-color: #146faf;
  border-radius: 50%;
}
.btn-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}

.btn-primary {
  text-transform: uppercase;
  font-family: 'Fauna One', serif;
  font-size: 1.5rem;
  padding: 20px 40px;
  border-radius: 0;
  border: 0;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #225580;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #146faf;
}
.btn-primary:hover .btn-icon, .btn-primary:focus .btn-icon {
  background-color: #4e4e4e;
}
@media (max-width: 425px) {
  .btn-primary {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 15px;
  }
}

/*------------------------------------*\
  ~cta
\*------------------------------------*/
.cta {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/about_us.jpg);
  background-size: cover;
  background-position: center;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Fauna One', serif;
}

#stage{
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/why_stage_bg.jpg);
  background-size: cover;
  background-position: center;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Fauna One', serif;
  color: #fff;

}

#stage .btn-primary:hover{
  transition: background 1s ease;
  background-color: #fff;
  color: #000
}

#stage .ry-container{
    /*min-height: 629px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;

}

#stage .ry-container>div p{
  color: #fff !important
}

#stage .ry-container .heading h2{
  color: #fff !important; 
}


.cta-block {
  max-width: 750px;
  text-align: justify;
  font-family: 'Fauna One', serif;
}

.cta-block p{
    font-family: 'Fauna One', serif;
}
.cta-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-top: 40px;
  text-align: right;
  float: right;
}
@media (max-width: 425px) {
  .cta-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 190px;
    margin: 40px auto 0;
  }
}

/* Services */


/*------------------------------------*\
  ~normalize
\*------------------------------------*/
h2, h1 {
  margin: 0;
}

a:hover, a:focus {
  text-decoration: none;
}

/*------------------------------------*\
  ~global
\*------------------------------------*/
.ry-container {
  max-width: 1260px;
  margin: auto;
  float: none;
  clear: both;
}
@media (max-width: 1300px) {
  .ry-container {
    padding: 0 4%;
  }
}

.heading h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 4.8rem;
  color: #146faf;
}
@media (max-width: 991px) {
  .heading h2 {
    font-size: 3rem;
  }
}

/*------------------------------------*\
  ~featured communities
\*------------------------------------*/
.comms {
  background-color: #fff;
  padding: 150px 0 !important;
}
@media (max-width: 991px) {
  .comms {
    padding: 80px 0;
  }
}
@media (max-width: 991px) {
  .comms .heading {
    text-align: center;
  }
}
.comms-text {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .comms-text {
    font-size: 1.9rem;
  }
}
.comms-container {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.comms-comm {
  padding: 12px;
  position: relative;
  margin-bottom: 25px;
  width: 245px;
}
.comms-comm:hover, .comms-comm:focus {
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.09), 0px 5px 15px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.09), 0px 5px 15px rgba(0, 0, 0, 0.02);
}
.comms-comm:hover .comms-text, .comms-comm:focus .comms-text {
  color: #146faf;
}
.comms-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.comm-img {
  width: 100%;
  height: 180px;
}
.comm-1 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/vacant_home.jpg);
  background-size: cover;
}
.comm-2 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-48750597-fad4-4739-909d-ca390a15c8e5/theme3/community_2.jpg);
  background-size: cover;
}
.comm-3 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/interior_design.jpg);
  background-size: cover;
}
.comm-4 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/seasonal_decor.jpg);
  background-size: cover;
}
.comm-5 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/consultation.jpg);
  background-size: cover;
}
.comm-6 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-48750597-fad4-4739-909d-ca390a15c8e5/theme3/community_6.jpg);
  background-size: cover;
}
.comm-7 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-48750597-fad4-4739-909d-ca390a15c8e5/theme3/community_7.jpg);
  background-size: cover;
}
.comm-8 .comm-img {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-48750597-fad4-4739-909d-ca390a15c8e5/theme3/community_8.jpg);
  background-size: cover;
}

  
  
/* Reviews */



/*------------------------------------*\
  ~reviews
\*------------------------------------*/
.reviews {
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/what_people_say_bg.jpg);
  background-size: cover;
  min-height: 629px;
  background-position: right;
}
.reviews .ry-container {
  min-height: 629px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .reviews .ry-container {
    height: 629px;
  }
}
.reviews .carousel-control {
  display: none;
}
.reviews-text {
  font-size: 1.6rem;
  font-family: 'Fauna One', serif;
  margin-top: 25px;
  text-align: justify;
}
.reviews-copy {
  max-width: 660px;
}
@media (max-width: 991px) {
  .reviews-copy {
    margin: auto;
    position: relative;
    bottom: 50px;
  }
}
.reviews-author {
  margin-top: 50px;
  font-size: 1.5rem;
  color: #999999;
  font-family: 'Fauna One', serif;
}
.reviews-author h4 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: #4e4e4e;
  margin-bottom: 0;
}
.reviews .carousel-indicators {
  padding-left: 0 !important;
  bottom: -50px !important;
}
.reviews .carousel-indicators li {
  width: 50px;
  height: 5px;
  border-radius: 0;
  margin: 0;
  margin-right: 8px;
  background-color: #fff !important;
}
.reviews .carousel-indicators li.active {
  background-color: #225580 !important;
  border-color: #225580 !important;
}

  
@media(max-width: 1280px){
  .reviews .ry-container {
    min-height: 629px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: end;
    justify-content: center;
  }
}

/** Contact **/




/*------------------------------------*\
  ~contact
\*------------------------------------*/
.contact {
  background-color: #fff;
  min-height: 900px;
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-54fd6796-85cf-402d-9f01-c78383f1ed46/get_in_touch_image_bg.jpg);
  background-size: cover;
  color: #fff !important;
}

.contact .ry-container .contact-col-1 {
    -ms-flex-preferred-size: 600px;
    flex-basis: 580px !important;

}
@media (max-width: 768px) {
  .contact {
    padding: 50px 0 !important;
  }
  .contact-btn input{
    text-align: center;
    display: block;
    margin: auto;

  }
  .contact .ry-container .contact-col-1{
    width: 100% !important;
    flex-basis: 100% !important; 
  }
  .contact-col-2{
    top: 0px !important
  }


}


.contact .ry-container {
  min-height: 880px;
  max-width: 950px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .contact .ry-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact .ry-container {
    height: 880px;
  }
}
.contact .heading {
  font-family: 'Fauna One', serif;
  font-size: 1.5rem;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, .45);
  padding-bottom: 20px;
}
.contact .heading h4 {
  font-size: 3rem;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  color: #fff;
}
.contact input, .contact textarea {
  min-height: 50px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Fauna One', serif;
  font-size: 1.6rem;
  padding-left: 30px;
  background: rgba(255, 255, 255, .30);
  border: none;
  color: #fff !important;
}
.contact textarea {
  min-height: 180px;
}

.contact textarea::placeholder, .contact input::placeholder{
  color: rgba(255, 255, 255, .60) !important
}
.contact-btn input {
  padding-left: 0;
  text-transform: uppercase;
  background-color: #225580;
  border: 0;
  color: #fff;
  width: 170px;
  padding: 20px 0px;
}
.contact-img {
  max-width: 280px;
}
@media (max-width: 768px) {
  .contact-img {
    margin: auto;
  }

}
.contact-col-1 {
  -ms-flex-preferred-size: 600px;
      flex-basis: 600px;
}
@media (max-width: 1350px) {
  .contact-col-1 {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
  }
}
@media (max-width: 768px) {
  .contact-col-1 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.contact-col-2 {
  -ms-flex-preferred-size: 285px;
  flex-basis: 312px;
}
@media (max-width: 1350px) {
  .contact-col-2 {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}
@media (max-width: 768px) {
  .contact-col-2 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 40px;
  }
  #stage{
    background-position: right
  }
}

@media (max-width: 550px){
  .cta{
    height: 100% !important
  }
  #featured .cta{
    padding: 30px 0px
  }
}
.contact-realtor {
  text-align: center;
  font-family: 'Fauna One', serif;
  font-size: 1.5rem;
}
.contact-realtor h4 {
  font-size: 3rem;
  font-family: 'Cinzel', serif;
  font-weight: 700;
}
.contact-directions {
  text-align: center;
  margin-top: 10px;
}
.contact-directions a {
  color: #fff;
  background-color: #146faf;
  font-size: 9px;
  text-transform: uppercase;
  font-family: 'Fauna One', serif;
  display: inline-block;
  padding: 0 15px;
}
.contact-phone {
  text-align: center;
}
.contact-link {
  font-family: 'Fauna One', serif;
  font-weight: 700;
  color: #ffffff;
  display: inline-block;
  margin-top: 10px;
}

.contact-link span{
  color: #fff !important;
  font-size: 18px;
  font-family: 'Fauna One', serif;
}

.heading div{
  color: #fff !important;
  font-family: 'Fauna One', serif;
  font-size: 15px !important;
}


.contact ul.social-icons{
	list-style: none;
	padding: 20px 0px;
}

.contact ul.social-icons a{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid rgb(249, 250, 250);
    border-radius: 50%;
    position: relative;
    color: #fff;
    margin-right: 10px;
}

.contact ul.social-icons li:hover a{
  background-color: #fff;
  color: black
}

.contact ul.social-icons a:before{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

.contact .social-inner-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.contact-col-2{
  top: -35px
}


/* FOOTER */

/*------------------------------------*\
  ~normalize
\*------------------------------------*/
h2, h1 {
  margin: 0;
}

a:hover, a:focus {
  text-decoration: none;
}

/*------------------------------------*\
  ~global
\*------------------------------------*/
.ry-container {
  max-width: 1300px;
  margin: auto;
  float: none;
  clear: both;
}
@media (max-width: 1300px) {
  .ry-container {
    padding: 0 4%;
  }
}

.heading h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 4.8rem;
  color: #555 !important;
}
@media (max-width: 991px) {
  .heading h2 {
    font-size: 3rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contact .ry-container .contact-col-1{
    flex-basis: 50% !important
  }
  .contact .contact-col-2{
    flex-basis: 40%
  }
}

/*------------------------------------*\
  ~footer
\*------------------------------------*/
.footer {
  background-color: #121212;
  padding-top: 0px;
}
.footer .ry-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-logo-1 {
  max-width: 220px;
}
.footer-logo-2 {
  max-width: 210px;
}
.footer-col-1 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
@media (max-width: 768px) {
  .footer-col-1 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.footer-col-2 {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
@media (max-width: 768px) {
  .footer-col-2 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 40px;
  }
}
.footer-title h4 {
  color: #fff;
  font-family: 'Fauna One', serif;
}
.footer-detail {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .footer-detail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer-detail span, .footer-detail i {
  color: #fff;
}
.footer-detail i {
  margin-right: 5px;
}
.footer-detail span {
  font-family: 'Fauna One', serif;
}
@media (max-width: 600px) {
  .footer-address {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.footer .separator {
  display: inline-block;
  width: 2px;
  height: 15px;
  background-color: #fff;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
  top: 6px;
}
@media (max-width: 600px) {
  .footer .separator {
    display: none;
  }
}
.footer-disclaimer p {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Fauna One', serif;
  margin-top: 30px;
  text-align: justify;
}
.footer-bot {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 600px) {
  .footer-bot {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .footer-bot__col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.footer-copy {
  color: #fff;
  font-family: 'Fauna One', serif;
  font-size: 1.2rem;
}
.footer .powered-by__label {
  color: #fff;
  font-family: 'Fauna One', serif;
  font-size: 1.2rem;
  margin-right: 7px;
  position: relative;
  bottom: 2px;
}
.footer .powered-by__link {
  position: relative;
  top: 2px;
}

  
@media (max-width:1300px){
  .comms-comm{
    width: 300px!important;
  }
  .comms-container {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

}

  
@media (max-width:992px){
  .comms-comm{
    width: 30%     !important;
  }
    .comms-comm:last-child{
      /* margin: auto; */
}
}

@media (max-width: 768px){
  .comms-comm{
    width: 50%     !important;
  }
}
@media (max-width:500px){
  .comms-comm{
    width: 100% !important;
    margin: auto;
  }
    .comms-container{
      display: block
    }
    .comm-img{
      height: 300px;

    }

}
.cta-block{	
    padding: 10rem 0rem !important;	
}
	
	/* CTA */

.stage-slider{
  margin-right: 7rem !important;
  border: 10px solid #d9dce1;
  box-shadow: -3px 3px 8px #252525;
}
@media (max-width: 768px){
  #stage .ry-container{
    display: block !important;
    padding-top: 3rem;
  }
  #stage{
    height: 100% !important;
  }
}


.carousel-control.right {
    background-image: none;
    background-image: none;
}

.carousel-control.left{
	background-image: none;
    background-image: none;
}

.carousel-control .icon-next:before, .carousel-control .icon-prev:before {
    color: #fff;
    font-size: 50px !important;
}


#blueimp-gallery .modal-footer .btn+.btn{
  float: right;
  text-transform: capitalize;
}

#blueimp-gallery button.btn.btn-default.pull-left.prev{
  background: rgb(34, 85, 128);
  border-radius: 0px;
  color: #FFF;
  font-family: 'Fauna One', serif;
  font-size: 1.5rem;
  padding: 20px 40px;
}