

.direction-end {
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    cursor: auto;
}
@media only screen and (max-width:1110px) {
/*    #section5 {
    display: none;
}*/
}.floorplan-display-container {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-top: -70px;
}
.floorplan-display-container, .floorplan-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
.floorplan-container {
    padding: 4rem;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #967d54;
}
.layout-selection-container {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    font-size: 1.1em;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    line-height: 2;
    position: relative;
}
.layout-selection-container, .title-compass-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
.title-compass-container {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: -50px;
}
.floorplan-title {
    color: #75b5b6;
    margin-left: 10%}
.compass img {
    height: 66px;
    width: 30px;
}
.floorplan-img-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.floorplan-img {
    width: 200%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
background-position center center, .circle-ar-container {
    height: 233px;
    width: 0;
    padding: 100%}
.layout-name {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 4rem;
    /*//background-color: rgba(147, 202, 203, .4);*/
    /*//border-radius: 50% 50% 50% 50%;*/
    text-align: center;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    position: relative;
    margin-bottom: 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   /*// height: 200px;*/
    /*width: 200px;*/
}
.layout-name, .layout-specs {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.layout-specs {
    line-height: 1.5;
    margin-left: 20px;
    font-size: 20px;
}
.layout-specs, .layout-info-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    /*max-width: 70%;*/
}
.layout-info-container {
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    font-size: 1.5em;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.layout-type {
    color: #fff;
    font-size: 48px;
    max-height: 56px;
    max-width: 200px;
    height: 56px;
    width: 100%;
}
.floorplan-id {
    color: #add3d3;
    font-weight: 100;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.floorplan-id.selected-layout:hover {
    color: #fff;
}
.floorplan-id:hover {
    color: #5d8081;
}
.row-1, .row-2, .row-3 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #eaf3f3;
    padding-bottom: 4px;
    padding-top: 4px;
}
.row-1 span, .row-2 span, .row-3 span {
    height: 50px;
    /*width: 50px;*/
    text-align: center;
}
.floorplan-id:nth-child(1) {
    margin-right: 20px;
}
.building-title.start, .building-title.middle, .row-1.start, .row-1.middle, .row-2.start, .row-2.middle, .row-3.start, .row-3.middle {
    /*padding-right: 6rem;*/
}
.building-title.start, .row-1.start, .row-2.start, .row-3.start {
    padding-left: 2rem;
}
.building-title.end, .row-1.end, .row-2.end, .row-3.end {
    padding-right: 2rem;
}
.building {
    margin-left: -15px;
}
.building-title {
    color: #c2c3bd;
    border-bottom: 1px solid #c2c3bd;
}
.selected-layout {
    /*//background-color: #967d54;*/
       border-radius: 50%;
    color: #f5eeee;
    background-color: #eeb640;
}
.selected-building {
    color: #eeb640;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#floorplan-img-target {
    margin-bottom: 100px;
}
@media only screen and (min-width:1110px) {
    #floorplan-img-target {
    min-height: 450px;
}
}@media only screen and (min-width:1110px) and (min-width:1300px) {
    #floorplan-img-target {
    min-height: 550px;
}
}@media only screen and (min-width:1110px) and (min-width:1300px) and (min-width:1600px) {
    #floorplan-img-target {
    min-height: 660px;
}
}@media only screen and (min-width:1110px) and (min-width:1300px) and (min-width:1600px) and (min-width:1900px) {
    #floorplan-img-target {
    min-height: 775px;
}
}@media only screen and (min-width:1110px) and (min-width:1300px) and (min-width:1600px) and (min-width:1900px) and (min-width:2200px) {
    #floorplan-img-target {
    min-height: 890px;
}
}.download-image {
    margin-top: 20px;
    text-decoration: none;
    color: #eeb640;
    border: 2px solid #eeb640;
    padding: .5rem;
    font-size: 17px;
    text-align: center;
    max-width: 90%;
    min-width: 200px;
    /*display: none;*/
}
.download-image:hover {
    background-color: #967d54;
    color: #fff;
}
.layout-name .availability {
    font-size: 18px;
}
.rendered-floorplan-img {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    /*max-height: 1000px;*/
    max-height: 500px;
    height: 100%;
    
}
.rendered-floorplan-img.displayed {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.unavailable {
    background-color: rgba(147, 202, 203, .4);
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
