
#p-cont{
background-color:#ffffff;
}

#svg-bk-1, #svg-road, #svg-conc {
fill:#686868;
}

#svg-mountains .front {
fill:#424242;
}

#svg-mountains .back {
fill:#565656;
}

#svg-mountains .sun {
fill:#686868;
}

#svg-houses {
fill:#ffffff;
}

#svg-arrow-down {
fill:#565656;
}

#svg-north {
fill:#231f20;
stroke:#ffffff;
stroke-width: 5;
}

#pwgt-goog a, #pwgt-mstmap a, #pwgt-north, .pwgt-map-nav a {
color:#231f20;
}

.svg-wrap {
position:relative;
}

.svg-wrap svg {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}

#dev-info {
background-color:#ffffff;
}

.flyer .modal-body, .flyer #modal-flex, .flyer .aspect {
background-color:#ffffff;
margin-top: 0;
}

#flyer, #dev-info  {
color:#231f20;   
}

#flyer h2, #flyer h3, #flyer h4 {
color:#a12026;   
}

#flyer h3 {
position:relative;
z-index:15;  
}

#flyer h3#flyer-location {
color:#231f20;   
}

#flyer-footer {
position:relative;
z-index:500;
}

#flyer .callout {
padding:10px 14px;
background-image: none;
}

.flyer-header svg {
width:764px;
height:120px;
}
.flyer-header .aspect img {
background-color: transparent;
}

.flyer-divider {
margin: 0 14px;
border-bottom:2px solid #ddd;
}

#flyer-location {
font-family: ceragr, sans-serif !important;
margin:0;
padding:0;
}

.flyer-title {
position: relative;
padding: 14px;
z-index: 15;
color:#231f20;
}

.flyer-title h2 {
color:inherit;
margin-top:0;
font-size:30px;
}

.flyer-title h2 span {
color:#312b2c;
}

.flyer-title p {
margin:0;
}

.flyer-content {
padding:0 14px;
}

.flyer-content h3 {
font-size: 28px;
margin-bottom:20px;
}

.flyer-content > .callout {
position:relative;
z-index:15;
margin-left: -14px;
margin-right: -14px;
}

.flyer-info {
position:relative;
z-index:15;
}

.flyer-info .flyer-info-item {
height:48px;
line-height:38px;
}

.flyer-info span.decal {
position: absolute;
top:0;
left:7px;
}

.flyer-info .decal {
background-color:#ffffff;
}

.pi-call.color2 .decal, #flyer-footer .decal {
background-color:#ffffff;
}

.flyer-info span.txt {
display: block;
position:absolute;
top:5px;
left:24px;
right:7px;
bottom:5px;
text-align: right;
color: #ffffff;
background-color:#a12026 !important;
border:1px solid #a12026;
padding-right:10px;
font-family: ceragr, sans-serif !important;
font-size: 18px;
z-index:1;
}

#flyer-extras {
text-align:right;
color:#231f20;
}

#flyer-extras div.extras {
font-family: ceragr, sans-serif !important;
margin:6px 0;
font-size:18px;
}

/* EXTERIOR COLORS
--------------------------------------------------------------------------------*/

#ext-colors {
padding:0;
margin:14px 0 0;
}

#ext-colors, #ext-colors .flyer-clip {
background-color:#565656;
}

#ext-colors h3 {
text-align:center;
color:#ffffff;
margin:20px 0 30px;
}

#ext-colors .aspect {
padding: 100% 0 0 0;
}

#ext-colors span.ext-color {
display: block;
width: 100%;
height:100%;
border: 4px solid #fff;
box-sizing:border-box;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
position: absolute;
display: block;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

#flr-plans h3 {
color:#424242;
}

#flr-plans .num {
display:block;
color:#565656;
font-family: ceragr, sans-serif !important;
font-size:30px;
line-height:1;
margin:0 0 15px;
}

#flr-plans .num > span {
font-size:80%;
}

#lot-size {
position:relative;
z-index:15;
}

#svg-lot-size {
fill:#424242;
}
#svg-lot-arrows {
fill:#565656;
}

.decal {
border-radius: 50%;
width: 48px;
height: 48px;
display: inline-block;
text-align: center;
color:#a12026;
padding-top: 0px;
z-index:15;
}

.decal-lg {
width: 72px;
height: 72px;
}

.decal-center-top {
position: absolute;
top:-24px;
left:50%;
margin-left: -24px;
z-index: 1000;
}

.decal-center-bottom {
position: absolute;
bottom:-24px;
left:50%;
margin-left: -24px;
z-index: 1000;
}

.decal-border {
border:3px solid #ffffff;
}

.decal-border-lg {
border:4px solid #ffffff;
}

.decal-border span {
line-height:44px !important;
}

.decal-border-lg span {
line-height:65px !important;
}

.decal-shadow {
/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
}

.decal-shadow-lg {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.decal > span {
font-size:24px;
line-height: 48px;
}

.decal-lg > span {
font-size:36px;
line-height: 72px;
}

.flyer-clip {
position:absolute;
top:-34px;
left:50%;
margin-left: -24px;
color:#4c4345;
background-color:#ffffff;
box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.3);
z-index:1;
}

.flyer-clip-bottom {
top:auto;
bottom:-34px;
box-shadow: 0 -5px 3px -2px rgba(0, 0, 0, 0.3);
}


.pi-call {
color:#231f20;
position: relative;
padding: 15px 14px;
z-index: 15;
}

.pi-call.color1 {
background-color: #ffffff !important;
border-top:1px solid #4c4345;
border-bottom:1px solid #4c4345;   
}

.pi-call.color2 {
background-color: #a12026 !important;
border-top:1px solid #b6242b;
border-bottom:1px solid #b6242b;   
}
#flyer-footer .pi-call {
background-color: #a12026 !important; 
}

.pi-call.color2 a, #flyer-footer .pi-call a {
color: #ffffff;
}

.pi-call p {
font-weight:500;
}

.pi-call h2 {
margin: 5px 0;
text-align: center;
}

.pi-call.detail-shadowed h2 {
margin: 0;
line-height: 3.5em;
}

.detail-shadowed {
font-size:20px;
padding:3.5em 0 0 0;
}

.pi-call h3 {
margin: 0;
color:#ffffff;
line-height:inherit;
}

.pi-call h3 span.light {
color:#ffffff;
color: rgba(255,255,255,0.5);
}

.pi-call.pi-title {
margin-bottom:0;
text-align:center;
}

.pi-call.pi-title h3 {
font-size:30px;
color:#ffffff;
margin:5px 0;
}

.pi-call.pi-title .amenities {
font-size: 28px;
margin:-15px -14px 25px !important;
padding:14px;
background-color:#ffffff;
text-shadow: 1px 2px 0 rgba(255,255,255,0.5);
border-bottom:1px solid #cccccc;
    background-image: url(img/callout-2.jpg);
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}

.pi-listBoxSection {
text-align: center;
padding:10px 6px 7px;
background-color: #ffffff;
}

.pi-listBox {
padding: 10px 7px 0;
margin-bottom: 10px;
}

.pi-listBox h3 {
position:relative;
z-index:350;
margin-top: 2px;
margin-bottom: 28px;
color:#4c4345;
}

.pi-listBox ul {
display: inline-block;
text-align: left;
max-width: 100%;
list-style: none;
padding:5px 0 0;
margin-bottom: 0;
}

.pi-listBox .callout {
position: relative;
border-bottom: none;
margin-top: 10px;
border: 1px dashed #d8d8d8;
padding-top: 14px;
background-color:#ffffff;
}


ul.list-centered {
display: inline-block;
font-family: ceragr, sans-serif !important;
font-size: 18px;
padding:0;
text-align: left;
}

.flyer-info a, .flyer-info a:active, .flyer-info a:focus, .flyer-info a:hover {
color:#231f20;
text-decoration:none;
border-bottom:1px dotted #080707;
}

.color1 a.decor, .color2 a.decor {
border-bottom:1px dotted #ffffff;
}

.color1 a, .color1 a:active, .color1 a:focus, .color2 a, .color2 a:active, .color2 a:focus {
color:#ffffff;
text-decoration:none;
}
.color1 a:hover, .color2 a:hover {
color:#ffffff;
}
.color1 a.decor, .color2 a.decor {
border-bottom:1px dotted #ffffff;
}

.border-left {
border-left:1px solid #ffffff;
}    
.contact-col.col-xs-6 {
border-right:1px solid #ffffff;
}

#flyer .footer-div {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
border-left: 1px solid #fff;
}

@media (min-width: 668px) {
#flyer-extras .vis-pre {
display:none;
}
#flyer-extras .vis-post {
display:inline-block;
margin-left:8px;
}
#flyer-extras.logo-bk-lt  {
background-image:none;
}
#flyer-extras span {
color:#231f20;
}
.pDesc {
background-image:none;
border:none;
padding:0 7px !important;
}
#pDesc p:first-child {
margin-top:0;
}
}

@media (max-width: 667px) {
#flyer p {
font-size:16px;
}

#flyer-extras {
text-align:center;
margin-left:-14px;
margin-right:-14px;
padding:14px 7px;
color: #ffffff;
background-color:#a12026;

}

#flyer-extras p {
display:inline-block;
text-align:left;
font-size:20px;
}

#flyer-extras .vis-pre {
display:inline-block;
margin-right:8px;
}

#flyer-extras .vis-post {
display:none;
}

#desc-row {
background-image:none;
border:none;
}

.pDesc {
margin-left:-14px;
margin-right:-14px;
}
}

@media (min-width: 568px) {
#flyer-location {
position: absolute !important;
right: 14px;
bottom: 16px;
text-align: right;
font-size:16px;
}

.pi-call h3 {
font-size: 16px;;
}
}

@media (max-width: 567px) {

.flyer-content h3 {
text-align:center;
}

#ext-colors .aspect {
padding: 75% 0 0 0;
margin-bottom: 30px;
}

#ext-colors .col-xs-8:not(:last-child) > .aspect {

}

#flyer p, #flyer h4 {
font-size:18px;
}

#flyer-location {
font-size:22px;
text-align: center;
margin-bottom:7px;
}

.pDesc p {
text-align: justify;
text-justify: inter-word;
}

.flyer-title {
text-align:center;
padding-left: 7px;
padding-right: 7px;
}

#drawer-content .pi-call h2, .detail-shadowed {
font-size: 30px;
}

#drawer-content .detail p {
text-align: justify;
text-justify: inter-word;
}

.modal .detail-table {
margin-top: 6px;
}
}

.iframe .pi-call h3 {
font-size: 14px;
}

.color1 {
background-color:#231f20 !important;
}
.color1Txt {
color:#231f20 !important;
}
.color1TxtLightest {
color:#4c4345 !important;
}
.color1Lighter {
background-color:#393234 !important;
}
.color1Darker {
background-color:#080707 !important;
}
.color2 {
background-color:#424242 !important;
}
.color2Txt {
color:#424242 !important;
}
.color2Lighter {
background-color:#565656 !important;
}
.color2Darker {
background-color:#282828 !important;
}
.color3 {
background-color:#ffffff !important;
}
.color3Txt {
color:#ffffff !important;
}
.color3Lighter {
background-color:#ffffff !important;
}
.color3Darker {
background-color:#e5e5e5 !important;
}
.border-color1 {
border-color:#231f20 !important;
}
.border-color2 {
border-color:#424242 !important;
}
.border-color3 {
border-color:#ffffff !important;
}
.border-no {
border: none !important;
}

#flyer {
font-family: ceragr, sans-serif !important;
}



#flyer span.sticker {
    background-color: transparent;
    color: #a12026;
}

.color5 {
background-color:#a12026 !important;
color: #ffffff !important;
}

#flyer #contact-form {
position: relative;
}

#flyer #contact-form .btn {
background-color: #a12026;
border-color: #a12026;
color: #ffffff;
}

#flyer #contact-form h3 {
font-size: 20px;
}

#flyer #contact-form .block-shade .splash-loader {
top: auto;
bottom: 86px;
}

#flyer #contact-form .block-shade .splash-loader .pw-loader {
border-left-color: #a12026;
}

p#sure span {
color: #231f20}

#flyer-footer .pi-call {
width: 100%;
}

#flyer-footer .footer-cta h2 {
color: #ffffff;
margin: 14px 0;
}
