.image-one{
	background: url("../project/images/links-home/images-one.png");
	background-size: cover
}

.image-one-p2{
	background: url("../project/images/links-home-p2/images-one.png");
	background-size: cover
}


.image-one-cluster{
	background: url("../project/images/cluster-home/images-one.png");
	background-size: cover
}

.image-one-semid{
	background: url("../project/images/semi-d/images-one.png");
	background-size: cover
}

.image-one-semid-p1{
	background: url("../project/images/semi-d-p2/images-one.png");
	background-size: cover
}


.project-intro-container-cluster {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 26%;
    padding-bottom: 4%;
    color: white;
}
.project-intro-container-semid {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30%;
    padding-bottom: 5%;
    color: white;
}

.project-intro-container-semid-p1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30%;
    padding-bottom: 3%;
    color: white;
}
.project-intro-container{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30%;
    padding-bottom: 4%;
	color: white
}

.project-intro-container h2{
	font-family: 'Butler';
	text-transform: uppercase;
	padding-top: 1%;
	font-size: 29pt;
	margin-bottom: 0;
	font-weight: 500
}

.project-intro-container h4{
	font-family: 'Helvetica';
	font-size: 14pt;
	color: #EAD7B2;
	padding-top: 0;
	margin-bottom: 0
}

.project-intro-container h3{
	font-family: 'Butler';
	font-size: 20pt;
	padding-top: 1%;
	margin-bottom: 0
}

.project-intro-container-cluster h2{
	font-family: 'Butler';
	text-transform: uppercase;
	padding-top: 1%;
	font-size: 29pt;
	margin-bottom: 0;
	font-weight: 500
}

.project-intro-container-cluster h4{
	font-family: 'Helvetica';
	font-size: 14pt;
	color: #EAD7B2;
	padding-top: 0;
	margin-bottom: 0
}

.project-intro-container-cluster h3{
	font-family: 'Butler';
	font-size: 20pt;
	padding-top: 1%;
	margin-bottom: 0
}

.project-intro-container-semid h2{
	font-family: 'Butler';
	text-transform: uppercase;
	padding-top: 1%;
	font-size: 29pt;
	margin-bottom: 0;
	font-weight: 500
}

.project-intro-container-semid h4{
	font-family: 'Helvetica';
	font-size: 14pt;
	color: #EAD7B2;
	padding-top: 0;
	margin-bottom: 0
}

.project-intro-container-semid h3{
	font-family: 'Butler';
	font-size: 20pt;
	padding-top: 1%;
	margin-bottom: 0
}

.project-intro-container-semid-p1 h2{
	font-family: 'Butler';
	text-transform: uppercase;
	padding-top: 1%;
	font-size: 29pt;
	margin-bottom: 0;
	font-weight: 500
}

.project-intro-container-semid-p1 h4{
	font-family: 'Helvetica';
	font-size: 14pt;
	color: #EAD7B2;
	padding-top: 0;
	margin-bottom: 0
}

.project-intro-container-semid-p1 h3{
	font-family: 'Butler';
	font-size: 20pt;
	padding-top: 1%;
	margin-bottom: 0
}

.graphic-project img{
	width: 3%
}

.floorplan-background{
	background: #E2E0DD
}

.floorplan{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative
}

.floorplan-intro{
	color: #5D3A1E;
	line-height: 1.2;
}

.floorplan-image{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.floorplan-content{
	padding-top: 8%;
	padding-bottom: 18%
}

.floorplan-content h2{
	font-family: 'Butler';
	color: #5D3A1E;
	line-height: 0.8;
}

.size{
	font-family: 'Helvetica';
	color: #5D3A1E;
	font-size: 10pt
}

.build{
	font-family: 'Helvetica';
	color: #5D3A1E;
	font-size: 10pt
}
.room{
	font-family: 'Butler';
	color: #5D3A1E
}
.story{
	font-family: 'Butler';
	color: #5D3A1E;
	font-size: 16pt
}

.floorplan-intro p{
	font-size: 16pt
}

.point-background{
	background: url("../project/images/links-home/image-three.png");
	background-size: cover
}

.point-background-p2{
	background: url("../project/images/links-home-p2/image-three.png");
	background-size: cover
}

.point-background-cluster{
	background: url("../project/images/cluster-home/image-three.png");
	background-size: cover
}

.point-background-semid{
	background: url("../project/images/semi-d/image-three.png");
	background-size: cover
}

.point-background-semid-p1{
	background: url("../project/images/semi-d-p2/image-three.png");
	background-size: cover
}
.point-container{
	padding-top: 15%;
	padding-bottom: 15%;
	width: 100%;
	margin-right: auto;
	color: white
}

.point-container-p2 {
    padding-top: 15%;
    padding-bottom: 15%;
    width: 100%;
    margin-right: auto;
    color: white;
}

.point-container-cluster {
    padding-top: 11%;
    padding-bottom: 13%;
    width: 100%;
    margin-right: auto;
    color: white;
}

.point-container-semid {
    padding-top: 11%;
    padding-bottom: 13%;
    width: 100%;
    margin-right: auto;
    color: white;
}

.point-container-semid-p1 {
    padding-top: 10%;
    padding-bottom: 15%;
    width: 100%;
    margin-right: auto;
    color: white;
}



.point-content{
	width: 48%;
	margin-left: auto;
	margin-right: 5%
}

.point-container h3 {
    font-family: 'Butler';
    text-align: center;
    font-size: 17pt;
    font-weight: normal;
}

.point-container-cluster h3 {
    font-family: 'Butler';
    text-align: center;
    font-size: 17pt;
    font-weight: normal;
}

.point-container-semid h3 {
    font-family: 'Butler';
    text-align: center;
    font-size: 17pt;
    font-weight: normal;
}

.four-point{
	width: 100%;
    margin-top: 7%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative
}

.four-point-one-p2 p{
	line-height: 1
}
.four-point-two-p2 p{
	line-height: 1
}
.four-point-three-p2 p{
	line-height: 1
}
.four-point-four-p2 p{
	line-height: 1
}

.four-point-one p{
	line-height: 1
}
.four-point-two p{
	line-height: 1
}
.four-point-three p{
	line-height: 1
}
.four-point-four p{
	line-height: 1
}
.four-point-four-cluster p{
	line-height: 1
}

.four-point-one-semid p{
	line-height: 1
}
.four-point-two-semid p{
	line-height: 1
}
.four-point-three-semid p{
	line-height: 1
}
.four-point-four-semid p{
	line-height: 1
}

.four-point-one-semid-p1 p{
	line-height: 1
}

.four-point-two-semid-p1 p{
	line-height: 1
}

.four-point-three-semid-p1 p{
	line-height: 1
}

.four-point-four-semid-p1 p{
	line-height: 1
}
.four-point-one{
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left:-2%;
	font-family: 'Butler';
	font-size: 14pt;
}

.four-point-two {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 11%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-three {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: 26%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-four {
    position: absolute;
    margin-top: -4%;
    width: 6%;
    text-align: center;
    margin-left: 42%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-one-p2 {
    position: absolute;
    margin-top: -4%;
    width: 8%;
    text-align: center;
    margin-left: -1%;
    font-family: 'Butler';
    font-size: 14pt;
}



.four-point-two-p2 {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 11%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-three-p2 {
    position: absolute;
    margin-top: -4%;
    width: 8%;
    text-align: center;
    margin-left: 27%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-four-p2 {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 39.5%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-one-semid-p1 {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: -3%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-two-semid-p1 {
    position: absolute;
    margin-top: -4%;
    width: 7%;
    text-align: center;
    margin-left: 14%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-three-semid-p1{
	position: absolute;
    margin-top: -4%;
    width: 8%;
    text-align: center;
    margin-left: 27%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-four-semid-p1{
	position: absolute;
    margin-top: -4%;
    width: 11%;
    text-align: center;
    margin-left: 40%;
    font-family: 'Butler';
    font-size: 14pt;
}

.point-image{
	width: 100%;
    margin: 0 auto;
    text-align: center;
	padding-top: 15%
}

.point-divider{
	width: 45%;
	margin: 0 auto
}

.points h5{
	font-family: 'Butler';
	font-size: 9pt;
	margin-top: 3%
}

.point-image-two{
	width: 62%;
	padding-top: 10%
}

hr.new3 {
  border-top: 2px dashed #5D3A1E;
	width: 55%
}

.website-icon a{
	color: white
}

.website-icon a:hover{
	color: white
}

.four-point-one-cluster {
    position: absolute;
    margin-top: -4%;
    width: 9%;
    text-align: center;
    margin-left: -1.5%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-two-cluster {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 11%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-three-cluster {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: 26%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-four-cluster {
    position: absolute;
    margin-top: -4%;
    width: 7%;
    text-align: center;
    margin-left: 41.8%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-one-semid {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: -2.8%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-two-semid {
    position: absolute;
    margin-top: -4%;
    width: 9%;
    text-align: center;
    margin-left: 12.5%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-three-semid {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: 26%;
    font-family: 'Butler';
    font-size: 14pt;
}

.four-point-four-semid {
    position: absolute;
    margin-top: -4%;
    width: 7%;
    text-align: center;
    margin-left: 41.8%;
    font-family: 'Butler';
    font-size: 14pt;
}

/* Mobile Portrait */
@media screen and (max-width: 768px) and (orientation: portrait) {
.project-intro-container-semid-p1 h4 {
    font-family: 'Helvetica';
    font-size: 11pt;
    color: #EAD7B2;
    padding-top: 0;
    margin-bottom: 0;
}
.carousel-nav {
    position: absolute;
    width: 70% !important;
    margin-top: 15% !important;
    margin-left: 16% !important;
    z-index: 2;
}
.project-intro-container h4 {
    font-family: 'Helvetica';
     font-size: 11pt;
    color: #EAD7B2;
    padding-top: 0;
    margin-bottom: 0;
	padding-bottom: 5%
}
.project-intro-container-cluster h4 {
    font-family: 'Helvetica';
    font-size: 11pt;
    color: #EAD7B2;
    padding-top: 0;
    margin-bottom: 0;
	padding-bottom: 5%
}
.project-intro-container-semid h4 {
    font-family: 'Helvetica';
    font-size: 11pt;
    color: #EAD7B2;
    padding-top: 0;
    margin-bottom: 0;
	padding-bottom: 5%
}
.project-intro-container-semid h2 {
    font-family: 'Butler';
    text-transform: uppercase;
    padding-top: 1%;
	padding-bottom: 1%;
    font-size: 26pt;
    margin-bottom: 0;
    font-weight: 500;
}
    .four-point-four-cluster {
        position: absolute;
        top: 94%;
        width: 25%;
        text-align: center;
        margin-left: 63%;
        font-family: 'Butler';
        font-size: 13pt;
    }
#myModal3{
	    text-align: center;
}
.four-point-one {
    position: absolute;
    top: 75%;
    width: 30%;
    text-align: center;
    margin-left: 10%;
    font-family: 'Butler';
    font-size: 13pt;
}
.four-point-two {
    position: absolute;
    top: 75%;
    width: 44%;
    text-align: center;
    margin-left: 53%;
    font-family: 'Butler';
    font-size: 13pt;
}
.four-point-three {
    position: absolute;
    top: 94%;
    width: 25%;
    text-align: center;
    margin-left: 13%;
    font-family: 'Butler';
    font-size: 13pt;
}
.four-point-four {
    position: absolute;
    top: 94%;
    width: 24%;
    text-align: center;
    margin-left: 63%;
    font-family: 'Butler';
    font-size: 13pt;
}
	
    .four-point-one-semid {
        position: absolute;
        top: 71%;
        width: 47%;
        text-align: center;
        margin-left: 3%;
        font-family: 'Butler';
        font-size: 11pt;
    }
    .four-point-two-semid {
        position: absolute;
        top: 71%;
        width: 34%;
        text-align: center;
        margin-left: 58%;
        font-family: 'Butler';
        font-size: 11pt;
    }
    .four-point-three-semid {
        position: absolute;
        top: 93%;
        width: 27%;
        text-align: center;
        margin-left: 12%;
        font-family: 'Butler';
        font-size: 11pt;
    }
.four-point-four-semid {
    position: absolute;
    top: 93%;
    width: 24%;
    text-align: center;
    margin-left: 63%;
    font-family: 'Butler';
    font-size: 11pt;
}
	
    .four-point-one-p2 {
        position: absolute;
        top: 72%;
        width: 28%;
        text-align: center;
        margin-left: 10%;
        font-family: 'Butler';
        font-size: 11pt;
    }
      .four-point-two-p2 {
        position: absolute;
        top: 72%;
        width: 36%;
        text-align: center;
        margin-left: 58%;
        font-family: 'Butler';
        font-size: 11pt;
    }
    .four-point-three-p2 {
        position: absolute;
        top: 93%;
        width: 27%;
        text-align: center;
        margin-left: 12%;
        font-family: 'Butler';
        font-size: 11pt;
    }
    .four-point-four-p2 {
        position: absolute;
        top: 93%;
        width: 38%;
        text-align: center;
        margin-left: 58%;
        font-family: 'Butler';
        font-size: 11pt;
    }
	
    .four-point-one-semid-p1 {
        position: absolute;
        top: 72%;
        width: 40%;
        text-align: center;
        margin-left: 5%;
        font-family: 'Butler';
        font-size: 11pt;
    }

     .four-point-two-semid-p1 {
        position: absolute;
        top: 72%;
        width: 24%;
        text-align: center;
        margin-left: 64%;
        font-family: 'Butler';
        font-size: 11pt;
    }

    .four-point-three-semid-p1 {
        position: absolute;
        top: 93%;
        width: 27%;
        text-align: center;
        margin-left: 12%;
        font-family: 'Butler';
        font-size: 11pt;
    }

     .four-point-four-semid-p1 {
        position: absolute;
        top: 93%;
        width: 33%;
        text-align: center;
        margin-left: 59%;
        font-family: 'Butler';
        font-size: 11pt;
    }
.image-one{
	background: url("../project/images/links-home/images-one-mobile.png");
	background-size: cover
}
	
	.image-one-p2{
	background: url("../project/images/links-home-p2/images-one-mobile.png");
	background-size: cover;
		        margin-top: 6%;
}
	
.image-one-cluster{
	background: url("../project/images/cluster-home/images-one-mobile.png");
	background-size: cover;
	        margin-top: 25%;
}
	
.image-one-semid{
	background: url("../project/images/semi-d/images-one-mobile.png");
	background-size: cover
}
	
.image-one-semid-p1{
	background: url("../project/images/semi-d-p2/images-one-mobile.png");
	background-size: cover
}
.project-intro-container-semid {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 130%;
    padding-bottom: 5%;
    color: white;
	margin-top: 28%;
}
.project-intro-container-semid h3 {
    font-family: 'Butler';
    font-size: 13pt;
    padding-top: 1%;
    margin-bottom: 0;
}
.project-intro-container h3 {
    font-family: 'Butler';
    font-size: 13pt;
    padding-top: 1%;
    margin-bottom: 0;
}
.graphic-project img {
    width: 7%;
}
.project-intro-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 125%;
    padding-bottom: 16%;
    color: white;
}
	.project-intro-container-cluster{
		 width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 133%;
    padding-bottom: 10%;
    color: white;
	}
	.project-intro-container-cluster h2 {
    font-family: 'Butler';
    text-transform: uppercase;
    padding-top: 1%;
    font-size: 25pt;
    margin-bottom: 0;
    font-weight: 500;
}
.project-intro-container-cluster h3 {
    font-family: 'Butler';
    font-size: 13pt;
    padding-top: 1%;
    margin-bottom: 0;
}
	
.project-intro-container-semid-p1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 55%;
    padding-bottom: 16%;
    color: white;
}
	
	.project-intro-container-semid-p1 h2 {
    font-family: 'Butler';
    text-transform: uppercase;
    padding-top: 1%;
    font-size: 25pt;
    margin-bottom: 0;
    font-weight: 500;
}
    .project-intro-container-semid-p1 h3 {
        font-family: 'Butler';
        font-size: 12pt;
        padding-top: 89%;
        margin-bottom: 0;
    }
.point-background{
	background: none;
	background-size: cover
}
.point-container {
    padding-top: 0%;
    padding-bottom: 0%;
    width: 100%;
    margin-right: auto;
    color: white;
	background: #424F45
}
.point-content {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    padding-bottom: 3%;
}
.point-container h3 {
    font-family: 'Butler';
    text-align: center;
    font-size: 11pt;
    font-weight: normal;
}
.point-image {
    width: 88%;
    margin: 0 auto;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 7%;
}
.floorplan-content {
    padding-top: 8%;
    padding-bottom: 8%;
    text-align: center;
}
.story {
    font-family: 'Butler';
    color: #5D3A1E;
    font-size: 13pt;
}
	.floorplan-intro{
		width: 70%;
    margin: 0 auto;
    padding-bottom: 8%;
	}
	
	.desktop-show{
		display: none
	}
	
	.mobile-show{
		display: block
	}
}

@media only screen and (max-width: 768px) and (orientation: landscape) and (pointer: coarse) {
.horizontal-show {
        display: block !important;
    }
	
}

@media only screen and (max-width: 1024px) and (orientation: landscape) and (pointer: coarse) {
.carousel-nav {
    position: absolute;
    width: 17%;
    margin-top: 12% !important;
    margin-left: 5% !important;
    z-index: 2;
}
.four-point-two-p2 {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 11%;
    font-family: 'Butler';
    font-size: 7pt;
}
.four-point-four-p2 {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 39.5%;
    font-family: 'Butler';
    font-size: 7pt;
}
.four-point-three-p2 {
    position: absolute;
    margin-top: -4%;
    width: 8%;
    text-align: center;
    margin-left: 27%;
    font-family: 'Butler';
    font-size: 7pt;
}
.four-point-one-p2 {
    position: absolute;
    margin-top: -4%;
    width: 8%;
    text-align: center;
    margin-left: -1%;
    font-family: 'Butler';
    font-size: 7pt;
}
.four-point-four-cluster {
    position: absolute;
    margin-top: -4%;
    width: 7%;
    text-align: center;
    margin-left: 41.8%;
    font-family: 'Butler';
    font-size: 9pt;
}
	.horizontal-hide{
		display: none !important
			
	}
	
	.horizontal-show{
		display: block !important
	}
.four-point-one {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: -2%;
    font-family: 'Butler';
    font-size: 9pt;
}
	
	.four-point-one {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: -2%;
    font-family: 'Butler';
    font-size: 9pt;
}
	.four-point-two {
    position: absolute;
    margin-top: -4%;
    width: 12%;
    text-align: center;
    margin-left: 11%;
    font-family: 'Butler';
    font-size: 9pt;
}
	
	.four-point-three {
    position: absolute;
    margin-top: -4%;
    width: 10%;
    text-align: center;
    margin-left: 26%;
    font-family: 'Butler';
    font-size: 9pt
;
}
	
	.four-point-four {
    position: absolute;
    margin-top: -4%;
    width: 6%;
    text-align: center;
    margin-left: 42%;
    font-family: 'Butler';
    font-size: 9pt;
}

.floorplan-content h2 {
    font-family: 'Butler';
    color: #5D3A1E;
    line-height: 0.8;
    font-size: 17pt;
}
.story {
    font-family: 'Butler';
    color: #5D3A1E;
    font-size: 12pt;
}
.size {
    font-family: 'Helvetica';
    color: #5D3A1E;
    font-size: 8pt;
}
.build {
    font-family: 'Helvetica';
    color: #5D3A1E;
    font-size: 8pt;
}
.floorplan-intro p {
    font-size: 12pt;
}	
.point-container h3 {
    font-family: 'Butler';
    text-align: center;
    font-size: 10pt;
    font-weight: normal;
}
.project-intro-container h3 {
    font-family: 'Butler';
    font-size: 12pt;
    padding-top: 1%;
    margin-bottom: 0;
}
.project-intro-container h2 {
    font-family: 'Butler';
    text-transform: uppercase;
    padding-top: 1%;
    font-size: 23pt;
    margin-bottom: 0;
    font-weight: 500;
}
.project-intro-container h4 {
    font-family: 'Helvetica';
    font-size: 10pt;
    color: #EAD7B2;
    padding-top: 0;
    margin-bottom: 0;
}
}

.carousel-nav a.active {
    color: #fff;
    background: #5D3A1E;
}

.carousel-nav a:hover {
    color: #fff;
    text-decoration: none;
}

.tab-panel {
    background: #E2E0DD;
    padding: 2%;
    text-align: center;
    font-family: 'Butler';
	font-weight: bold;
    color: #5D3A1E;
    margin-right: 0%;
	border: 1px solid #5D3A1E;
}

.carousel-nav {
    position: absolute;
    width: 17%;
    margin-top: 11% ;
    margin-left: 4.2% ;
    z-index: 2;
}

.owl-carousel,
.owl-carousel * {
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}

.owl-carousel .owl-stage {
  -webkit-user-drag: auto !important;
  user-drag: auto !important;
  pointer-events: auto !important;
}