@charset "UTF-8";
/* CSS Document */
p{font-size: 16px; line-height: 27px;font-weight: 300  }
a, a:hover{text-decoration: none;}


#projectNavbar .navbar-nav .nav-link{color: #000; transition: all .40s ease-in-out; font-size: 15px; }
#projectNavbar .navbar-nav .nav-link:hover{color: #a81c3b!important; }
#projectNavbar .navbar-nav .activeNav a.nav-link{color: #a81c3b!important; }
#nav-register a{color: #FFF!important; background-color: #a81c3b; display: block;}

.projectBrand{color: #000;}

.line{margin-top: 35px; margin-bottom: 35px; border-bottom: 1px solid #dee2e6; }
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
.h-20{font-size: 20px;}
.h-28{font-size: 28px;}

.img-link{transition: all .30s ease-in-out;}
.img-link:hover{transform: scale(.97);}

.a-link{background-color: #000; color: #FFF; transition: all .20s ease-in-out; padding: 10px 15px;}
.a-link:hover{background-color: #a81c3b; color: #FFF;}



.projectFeatures{margin-left: -20px;margin-top:20px; }
.projectFeatures li{margin-bottom: 15px;}

.homes-wrapper a{color: #000; position: relative;}
.img-rendering:hover, .homes-wrapper img:hover{border-radius: 5px; box-shadow: 0 0 4px 4px #CCC;}
.homes-wrapper p{line-height: 25px; margin-top: 15px;}
.home-note{
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.home-note::before,
.home-note::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;

}
.home-note span{
    position: absolute;
    display: block;
    width: 225px;
    background-color: #a81c3b;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    padding: 5px 3px;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

.fp-container{padding-top: 35px;}
.fp-nav a{color: #000;}
.fp-nav a:hover, .elev-wrapper a:hover{color: #a81c3b;}
.elev-wrapper a{color: #000;}


.townhomesUnit{float: left;}
.townhomesUnit a{color: #000;}
.img-selected{filter: opacity(65%);  box-shadow:  1px 2px 5px 1px #333;}

.registrationform  input,
.registrationform  textarea {border-radius: 0;}
.registrationform  select{ -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    border-radius: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding-right: 1.5em;
    color:#999}


    .marquee {
        margin: 0 auto;
        width: 100%;
        height: 65px;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
   }
   .marquee h4{
     text-align: center;
   }
    .marquee:before, .marquee:after {
        position: absolute;
        top: 0;
        width: 50px;
        height: 65px;
        content: "";
        z-index: 1;
   }
    .marquee:before {
        left: 0;
        background: linear-gradient(to right, white 5%, transparent 100%);
   }
    .marquee:after {
        right: 0;
        background: linear-gradient(to left, white 5%, transparent 100%);
   }
    .marquee__content {
        width: 300% !important;
        display: flex;
        line-height: 30px;
        animation: marquee 10s linear infinite forwards;
   }
    .marquee__content:hover {
        animation-play-state: paused;
   }
    .list-inline {
        display: flex;
        justify-content: space-around;
        width: 100%;
       /* reset list */
        list-style: none;
        padding: 0;
        margin: 0;
        color: #fff;
   }

   .list-inline li a{
       color: #fff;
       margin-left: 10px;
       margin-right: 10px;
  }
  .list-inline a::before{
    content: " | ";
    float: right;
    color: #fff;
  }

    @keyframes marquee {
        0% {
            transform: translateX(0);
       }
        100% {
            transform: translateX(-30%);
       }
   }




@media(min-width: 768px){
    .project-hero{margin-bottom: 50px;}
    .project-nav-container{border-right: 1px solid #dee2e6;}

    #projectNavbar .navbar-brand{position: absolute; top: 0;   left: -12px;}

    #projectNavbar .navbar-nav{
        flex-direction: column;

        margin-left: -25px;
/*
        margin-top: 90px;
*/
        margin-bottom: 50px;
    }
}
@media(max-width: 767px){
    h3{font-size: 46px;}
    h2{font-size: 32px; line-height: 46px;}
    h4{font-size: 22px;}
    .project-hero{margin-bottom: 15px;}
    #projectNavbar {background-color: #dee2e6; margin: 10px 0;}
    #projectNavbar .navbar-nav .nav-link{text-align: center;}
    #projectNavbar .navbar-toggler{border-color: #dee2e6;}
    #projectNavbar .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(168,28,59, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
    .projectLogo{max-height: 80px; width: auto;}

    .brochure-link{text-align: center;}
}
@media screen and (max-width: 576px){
    h3{font-size: 36px;}
    h2{font-size: 24px; line-height: 32px;}
    h4{font-size: 22px;}
    .projectLogo{max-height: 50px; width: auto;}
    .form-check-inline{display: block;margin-bottom: 5px;}
}



/* community*/

.project-hero {
    margin-bottom: 0;
    padding: 0;
}




@media (max-width: 991px){
    #projectTop .community-brand{
        display: none;
    }
    #projectTop .container{
        max-width: 100%;
    }
    #projectNavbar .navbar-brand{
        display: inline-block;
    }
    #projectNavbar .navbar-nav{
        margin-top: 90px;
    }

    #projectTop{
        margin-top: 0;
        height: 140px;
    }

    #projectTop {
        padding: 0;
        margin-top: 0;
        height: 140px;
    }


}
@media (min-width: 992px){
    #projectNavbar .navbar-brand{
        display: none;
    }
    #projectTop{
        margin: -159px auto 2px ;
    }

    #projectTop .community-brand{
        padding: 0 4px 6px 2px;
    }

    #projectTop .right{
        padding: 0 2px 6px 2px;
    }

}


@media (max-width: 720px){
    #projectNavbar .navbar-nav {
        margin-top: 0px;
    }
    #projectTop{
        margin-bottom: 20px;
    }
}

#projectTop .right > div{
    color:white;
    background-color: rgba(168, 28, 59,0.4);
    min-height: 150px;
    font-weight: 300;
    padding-left: 20px;
}
#projectTop .community-brand > div{
    background-color: white;
    height: 150px;
    overflow:hidden;
    vertical-align: middle;
}
div.v-middle{
    display:flex;
    align-items:center;
}

#projectTop h3{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 300;
}

.main{
    margin-top: 50px;
}
.main .col-lg-10{
    padding-top: 13px;
}

@media (min-width: 720px){

    .main .col-lg-10{
        padding-left: 30px;
    }

}

.unionglen-register .form-control{
  border-color:#706F6F!important;
  border-radius: 0;
}


	.img-map-arrow{
		display: none;
	}