/* HTML5 Boilerplate */




/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */

/* apply a natural box layout model to all elements */
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, button, input, select, textarea {color:#222; }
body {font-size:1em; line-height:1.4; }

/* Remove text-shadow in selection highlight:h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */
::-moz-selection {background:#b3d4fc; text-shadow:none; }
::selection {background:#b3d4fc; text-shadow:none; }

/* A better looking default horizontal rule */
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/* Remove the gap between images and the bottom of their containers:h5bp.com/i/440 */
img {vertical-align:middle; }

/* Remove default fieldset styles. */
fieldset {border:0; margin:0; padding:0; }

/* Allow only vertical resizing of textareas. */
textarea {resize:vertical; }


/* Reveal modal for Penthouse announcement */
#overlay {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1005;
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, 0.8);
   /*-webkit-overflow-scrolling: touch;*/
}

.modal {
   width: 95%;
   max-width: 960px;
   position: fixed;
   /*position: relative;*/
   top: 50%;
   left: 50%;
   /*margin-top: -50%;*/
   /*margin-left: -50%;*/
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
}


.close {
   cursor: pointer;
   position: absolute;
   top: 20px;
   right: 20px;

   font-size: 56px;
   color: #FFF;
   -webkit-font-smoothing: antialiased;
}

#overlay,
.modal {
   display: none;
}

#penthouseModal {
   position: relative;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   padding: 40px 10px 42px;
   border: 9px solid #EDEDED;
   color: #FFF;
   text-align: center;
   font-family: "museo", Verdana, sans-serif;
   letter-spacing: 0.25px;
   z-index: 1006;
}


#penthouseModal p {
   margin: 0;
   line-height: 1.23;
   font-weight: 300;
}

#penthouseModal img { margin: 40px 0 40px; width: 195px; }

#penthouseModal .details { font-size: 16px; }
#penthouseModal .small-details { font-size: 14px; }
#penthouseModal #pentDes { margin: 0 auto; font-size: 13px;}
#penthouseModal #pentDes p { margin: 0 0 13px; }
#penthouseModal .pent-bold { font-weight: 500; }
#penthouseModal .small-details.pent-bold { margin: 18px 0 12px; }
#pent-phone { color: #FFF; text-decoration: none; border: none;}

.uppercase {text-transform: uppercase;}

.footer-developer p a {border-bottom: 0;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }




/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* == BASE == */
html {background:#0e0e0e}
body {background:url("/assets/i/bg-body.gif") repeat-x left top #ededed; color:#262b2f; font-family:verdana,sans-serif; font-size:12px; line-height:20px; }

p {margin:20px 0}
p large {font-size:14px}
a {text-decoration:none; color: #488075;}
 .button {background: #5BA192; color: #FFFFFF; font-family:"museo",serif; font-size: 14px; display: inline-block; padding: 10px 15px}
p a {border-bottom: 1px solid #5ba192;}
img {max-width:100%}
p > img + img {margin-top: 10px}

.nowrap {white-space:nowrap}

h1,h2,h3,h4,h5,h6 {font-family:"museo",serif; line-height:120%; letter-spacing:.5px; font-weight:normal}
h1 {font-size:20px; color:#d4762b; margin:50px 0 20px; text-transform: uppercase }
 h1 small {font-size:24px}
 h1 .slash {float: right; display: none}
 p + h1 {margin-top: 80px}
 .large.slash {font-size: 80px;font-weight: 100;margin-top: -26px;}
 .medium.slash {font-size: 60px;font-weight: 100;margin-top: -12px;}
h2 {font-size:20px; margin:20px 0; }
 h1 + h2 {margin:20px 0 30px}
 h2 span.divider {color:#d1782e;}
 h2 span.category {color:#7ea7a1;}
h3 {font-size:18px; color:#d4762a}

hr {background:#76c8d3; border-color:#76c8d3; }
 hr.rule {background:#d38b50; border-color:#d38b50; width: 54px; height: 3px; clear: both; margin: 40px 0 }


input, textarea {border:1px solid #a5b8ba; background:#ffffff; padding:7px }

.site-logo {margin:-63px 0 0; padding:0 0 22px; border-bottom:1px solid #333333; }

nav {color:#e4f1ef; font-family:"museo",serif; letter-spacing:.5px; font-size:13.5px; }
nav ul {margin:0; padding:0}
footer nav ul {display: block!important}
.site-header a, nav a {color:#e4f1ef}

.penthouse a {color:#a5dbd4;}
.current a {color:#d38b50}

.penthouse-active a, .current-active a {color: #0e0e0e;}

.site-header li {border-top:1px solid #0e0e0e; padding:10px; background:#262B2F;white-space: nowrap}
/*.site-header .current {background-color:#d38b50}*/

.site-header .current-active {background-color:#d38b50;}
.site-header .penthouse-active {background-color:#a5dbd4;}

/*.current a {color:#0e0e0e; }
*/.touch-nav {display:block; padding:10px ; background:#262B2F; color:#0e0e0e}
.touch-nav a:last-child {display: none}
nav .divider {display:none}

.site-header .download-brochure {}
.site-header .download-brochure a {}

.contact-details dt {clear: left; float: left; width: 20%;font-family:"museo",serif; font-size: 11px; text-transform: uppercase}
.contact-details dd {float: left;margin: 0}


/* == LAYOUT == */

.l-constrain div {}




.sold {background-color: #fff301;padding: 8px; font-family:"museo",serif; font-weight: 500;font-size:14px;letter-spacing:1px;text-transform: uppercase;text-align: center; position: relative}
.sold p { color: #000000; margin: 0;}

.site-header h1 {text-align:center}

.site-content {}
 .site-content .l-constrain {background:url("/assets/i/bg-content.gif") repeat-x left top #EDEDED; min-height: 707px}

.l-3-column,
.l-4-column,
.l-5-column,
.l-7-column,
.l-8-column,
.l-12-column {margin:0 10px 10px}

.site-footer {border-top:10px solid #262b2f; clear:both; padding:10px 0 180px; color:#b5b5b5; margin:70px 0 0; background:url("/assets/i/bg-footer.gif") no-repeat center bottom #0e0e0e; text-align:center}
 .site-footer div div {border-bottom:1px solid #333333}
 .site-footer .download-brochure {display: none}
 .footer-navigation {display:none}
 .site-footer h3 {font-size:12px; margin:0 0 20px; color:#b5b5b5; padding:10px 0 0}
 .site-footer p {font-size:12px}
 /*.site-footer a {color:#b5b5b5}*/
 .eden-point-logo {margin:0 0 4px}
 .appointmoor-logo {margin:0 0 -8px}
 .lacey-logo {margin-bottom:20px}
 

.signposts {margin:20px 0}
 .signpost { display:block; float:left; background:#ccc; position:relative; color:#fff}
 .signpost h2 {font-size:17px; font-weight:100; border-right:10px solid #d38b50; border-left:15px solid rgba(0,0,0,0.8); position:absolute; bottom:19.230769231%; width:100%; margin:0}
 @media only screen and (min-width:361px) and (max-width:568px) {
    .signpost h2 {
       font-size:14px; 
       font-weight:100; 
       border-right:2px solid #d38b50; 
       border-left:0; 
       position:absolute; 
       bottom:19.230769231%; 
       width:100%; 
       margin:0
   }
}
 .signpost span {display:block; background-color:rgba(0, 0, 0, 0.8); background-clip:padding-box; border-left:1px solid #d38b50; padding:10px 20px 10px;width: 60%}

#general.fixture-fitting {border-top:1px solid #d38b50; }
.fixture-fitting-categories {font-family:"museo",serif; font-style:14px}
.fixture-fitting-categories ul {list-style:none; padding:0; margin:0;column-count:2;-webkit-column-count:2; -moz-column-count:2; -moz-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;}
.fixture-fitting-categories li {}
.fixture-fitting-categories a {display:block; color:#262b2f;background-color:#f5ece4; padding:4px 15px; margin-bottom:8px}
 .fixture-fitting-categories a:hover {background-color:#d4762b;color: #ffffff}
.fixture-fitting-img:first-child {margin:24px 0 0}
.fixture-fitting-img {margin:12px 0 0 0}

.brand-logos {line-height: 38px; margin-top: 40px}
.brand-logos img {margin: 0 15px 0 0}

.fixture-fitting-details {padding:10px}
.fixture-fitting-details ul {list-style:none; padding:0; font-family:"museo",serif; }
.fixture-fitting-details li {border-bottom:1px solid #d9d4d0; padding:6px 10.95890411% 6px 0; display: block}
.fixture-fitting-details li.note {padding:60px 10.95890411% 6px 0; font-family:verdana,sans-serif; font-size:10px; }

.back-to-top {clear:both; border-bottom: 1px solid #D38B50}
.back-to-top a {border:1px solid #D4762A; color:#262B2F; display:block; font-family:"museo",serif; font-size:14px; margin:20px 10px 0; padding:6px 15px; text-align:center; text-transform:uppercase; } .back-to-top img {margin:-2px 0 0 4px; }


/* == MODULE == */
input[type=submit] {background:#262b2f; color:#fff; font-family:"museo",serif; font-size:14px}
.register-form {}
.register-form .contact-by {font-size:14px; border-bottom:1px solid #a5b8ba}
.register-form span {float:left; width:50%; font-size:12px; margin:10px 0 40px}
.register-form input[type=text] {width:100%; margin:3px 0}
.register-form input[type=submit] {width:100%;}

.contact-form {margin-top: 60px}
.contact-form label, .contact-form .label {display: inline-block;font-size: 12px;text-transform: uppercase;width: 28.571428571%}
.contact-form input[type=text], .contact-form textarea {width: 71.428571429%}
.contact-form input[type=submit] {margin-left: 28.571428571%; padding: 7px 15px}
.contact-form .contact-by label {width: auto; text-transform: none}

.appointmoor {background: black; padding: 40px 0; text-align: center}

strong.error, .required {color: #d35d50}
.error input {border-color: #d35d50}

.summary {background:#ffffff; border-top:7px solid #d4762a; padding:10px 20% 0 10%; font-size:16px; font-family:"museo",serif; margin:50px 0 0 0}
 .summary ul {margin:0 -28.571428571% 0 0; padding:0 0 60px}
 .summary li {border-bottom:1px solid #d9d4d0; padding:6px 0; list-style-image:url("/assets/i/list-arrow.gif")}

 .logo img {border: 1px solid #dcdcdc;}
 .team-member h2 {text-transform: uppercase;font-size: 16px}
 .team-member .main-content {margin-bottom: 40px}

.floorplans {list-style:none;padding: 0;border-top: 1px solid #e5e5e5; font-family:"museo",serif; font-size: 14px;margin-top: 40px}
.floorplans li {border-bottom: 1px solid #e5e5e5;}
.floorplans li a {display: block; padding: 10px;background: url("/assets/i/floorplans-bg-1.png") no-repeat right center}
.floorplans li a span {}
.floorplans li a:hover {background: url("/assets/i/floorplans-bg-2.png") no-repeat right center #dbf1ee}
.floor-title {color: #2d2d2d;display: inline-block; text-transform: uppercase; }
.floor-divider {color: #D4762B; }
.floor-number {display: inline-block}
.floorplans-building {}

.disclaimer {color: #7f7f7f;margin-top: 80px;font-size: 11px; line-height: 14px}
.disclaimer h4 {text-transform: uppercase}
.disclaimer p {}

.location-map {border: 1px solid #cccccc; margin-top: -20px}


/* ResponsiveSlider */
.slideshow {display: none}

.uppercase { text-transform: uppercase; }
.uppercase.small { padding-bottom: 25px; }


/* Masonry */
#masonry {padding:10px}
.row {margin-left:-10px;}
 .row img {margin-bottom: 10px}
.col {border-left-width:10px;padding:0 0px;border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } 
@media screen and (min-width: 0px) {

   .row {margin-left:-10px;}
   .col {border-left-width:10px;padding:0 0px;}

   .span_1 {width:8.33333333333%;}
   .span_2 {width:16.6666666667%;}
   .span_3 {width:25.0%;}
   .span_4 {width:33.3333333333%;}
   .span_5 {width:41.6666666667%;}
   .span_6 {width:50.0%;}
   .span_7 {width:58.3333333333%;}
   .span_8 {width:66.6666666667%;}
   .span_9 {width:75.0%;}
   .span_10 {width:83.3333333333%;}
   .span_11 {width:91.6666666667%;}

   .span_12 {margin-left:0;width:100%;}
}

.location-intro .content {padding: 10px 25px;margin-bottom:10px;}

.location-intro {width:100.0%; background-color: #2568b3; color: #fff;}

/*.location-intro {width:75.0%;}*/
.location-intro + div {width:100.0%;}

.penthouse-intro {margin-bottom: 10px; padding: 30px; width:100.0%; background-color: #403b36;}
.penthouse-intro + div {width:100.0%;}
.penthouse-intro h1 {text-transform: inherit;}
.penthouse-intro p {font-family: "museo", verdana, sans-serif;}
.penthouse-intro h1, .penthouse-intro p {color: #dedcd9; font-size: 16px; line-height: 1.125; font-weight: 300;}
.penthouse-intro h1, .penthouse-intro .first {display: inline;}

.penthouse-intro .last {margin: 10px 0 13px; line-height: 1.2;}


.penthouse-brochure { position: relative; }
.penthouse-brochure .penthouse-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%;}

.penthouse-brochure a, .penthouse-brochure img {display: block;}
.penthouse-overlay {display: none;}

.penthouse-brochure a:hover .penthouse-overlay {background: rgba(0,0,0,0.5); display: block;}

/* == STATE == */
















/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color:transparent; border:0; overflow:hidden; /* IE 6/7 fallback */    *text-indent:-9999px; }
.ir:before {content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden {display:none !important; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility:hidden; }

/*
 * Clearfix:contain floats * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *   `contenteditable` attribute is included anywhere else in the document.
 *   Otherwise it causes space to appear at the top and bottom of elements
 *   that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *   `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
   content:" "; /* 1 */
   display:table; /* 2 */
}

.clearfix:after {    clear:both; }

/* For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats. */
.clearfix {*zoom:1; }




/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:321px) and (max-width:569px) {
.signpost span {padding:10px;}

.penthouse-panel { background: #9E583C; margin: 20px 1.04167% 25px; color: #FFF; padding: 20px 10px;}

#penthouseModal #pentDes { width: 96% };

.penthouse-panel img { margin: 25px 0 20px; }
.penthouse-panel .heading { font-size: 20px; margin: 0 0 20px; }
.penthouse-panel p { margin: 0; padding: 0; line-height: inherit; font-family: "museo", verdana, sans-serif; font-size: 13px;}
.penthouse-panel .pent-date { margin: 0 0 20px; }
.penthouse-panel .pent-intro { font-size: 16px;}
.penthouse-panel p.penthouse-price { margin: 20px 0 0; }
.penthouse-panel .pent-des { margin: 0 0 10px; font-family: 14px;}

.mobile {display: none;}
.mobile_12 {width: 100%;}


}

@media only screen and (min-width:361px) and (max-width:800px) {
.signpost {margin: 0 1.04167%;width: 31.25%;}
 .signpost h2 {bottom: 20px}
 .signpost span {width:100%;}
 .touch-nav a:last-child {display: inline}

}


@media only screen and (min-width:568px) {


.signpost.l-4-column {width:31.25%; margin:0 1.041666667%; }

/* ResponsiveSlider */
.slideshow {display: block; padding:10px 1.041666667% 20px; position:relative; margin:0 0 20px; border-bottom:1px solid #d38b50}
.slideshow.slideshow-margin { padding:10px 1.041666667% 0; margin: 0; border-bottom: 0; }
.rslides { position:relative; list-style:none; width:100%; padding:0; margin:0}
 .rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
 .rslides li:first-child {position:relative; display:block; float:left; }
 .rslides img {display:block; height:auto; float:left; width:100%; border:0; }
 .rslides_nav {display:none}
 .slide-content {position:relative}
 .slide-content p {background-color:rgba(0, 0, 0, 0.8); color:#FFFFFF; font-family:"museo",serif; font-size:21px; font-weight:100; line-height:30px; padding:18px 10px; text-align:center; letter-spacing:.5px; margin:0 0 20px; clear:both}
 .slide img {}

 .slide-message { height: 420px; }
 .slide-message p {background: none; padding: 0; line-height: inherit}

 .slide-intro { position: absolute; top: 38px; width: 100%;}
 .slide-intro p {margin: 0; font-size: 16px;}
 .slide-des { width: 75%; position: absolute; bottom: 38px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-right: -50%;}
 .slide-des p { font-size: 13px; margin: 0 0 13px; }

 .penthouse-panel { display: none; }
}

@media only screen and (min-width:600px) {

/* == BASE == */

.site-logo {margin:0; padding:0 0 35px; border-bottom:1px solid #333333; }

.site-header {background: url("/assets/i/penthouse_sold.gif") no-repeat top right} 

.sold {display: none}

hr.rule {margin:12px 4.255319149% 28px}




/* == LAYOUT == */

.left {float:left}
.right {float:right}

.l-constrain {max-width:960px; margin:auto; }


.l-12-column {margin:0 1.041666667%}
.l-3-column {width:22.916666667%; margin:0 1.041666667%; }
.l-4-column {width:31.25%; margin:0 1.041666667%; }
.l-5-column {width:39.583333333%; margin:0 1.041666667%; }
.l-7-column {width:56.25%; margin:0 1.041666667%; }
 .l-7-column .main-content {padding:25px 14.814814815% 0 7.407407407%}
.l-8-column {width:64.583333333%; margin:0 1.041666667%; }
 .l-8-column .main-content {padding:0 12.903225806% 0 6.451612903%}
 .introduction .main-content {padding-top: 25px}

.site-footer {border-top:30px solid #262b2f; padding:60px 0 180px; text-align:left}
 .site-footer div div {border-bottom:0}
 .footer-navigation {display:block}



.fixture-fitting-details {border-top:12px solid #d4762a; width:38.020833333%; padding:68px 0 0; }
.introduction-sidebar, .contact-map {padding:80px 6.578947368%; }
.back-to-top a {margin:60px 0 -1px 61.979166667%; display:inline-block; text-align:left}


/* == MODULE == */

.floorplans-building {margin:144px 0 0 -30px}

.brand-logos {margin-right: -90px;}


.register-form {background:transparent; padding:0}

.team-member {}
 .logo img {border: 1px solid #dcdcdc;margin-top: 40px}


.register-form {padding:30px 20% 0 10%}


/* Masonry */
#masonry {}


/* == STATE == */











}


@media only screen and (min-width:700px) {
 .team-member .logo {float: right; }
 .team-member .profile {width: 57.446808511%; float: left}

}


@media only screen and (min-width:960px) {

h1 {margin:50px 0 40px}

.touch-nav {display:none !important; }
nav {text-align: left}
.site-header nav {padding:0 10px;text-align: center}
nav ul {display:block !important; padding:12px 0; list-style:none; }
.site-header li {display:inline; border:none; padding:0; background:transparent}
.site-footer nav ul {padding:0}
.site-footer .divider {display:none}
.site-header a {padding:0}
nav .divider {margin:0 4px; opacity: .5}
/*nav a:hover {color:#d38b50}*/
nav a:hover {color:#e4f1ef}
.site-header .current {background:transparent}
.current a {color:#d38b50}

.site-header .penthouse-active, .site-header .current-active {background-color: inherit;}

/* New navigation styles */

.penthouse-active a, .current-active a {color: #e4f1ef;}

nav .divider.last {display: none}
.download-brochure { float: right; font-size: }
.site-header .download-brochure a {background:url("/assets/i/download-btn.gif") no-repeat center bottom #da7620; font-size: 12px; padding: 4px 10px 13px; text-transform: uppercase;}
.site-header .download-brochure a:hover {color:  #f0c8a6;}

.floor-title {width: 35%; }



.location-intro .content {background-color: #2568b3; padding: 10px 25px; margin-bottom:10px;}
.location-intro + div {width:66.6666666667%;}
.location-intro h1 {color: #fff; margin: 20px 0;}
.location-intro p {color: #fff;}
.location-intro .content {min-height: 399px;}
.location-intro {width: 33.3333%}

.penthouse-intro {padding: 10px 25px; margin-bottom:10px;}
.penthouse-intro + div {width:66.6666666667%;}
.penthouse-intro h1 {margin: 20px 0; font-size: 18px;}
.penthouse-intro .content {min-height: 360px; padding: 20px 0 0;}
.penthouse-intro {width: 33.3333%}

.penthouse-intro h1, .penthouse-intro p {font-size: 18px; line-height: 1.11;}
/* ResponsiveSlider */

 .slideshow-margin .rslides_nav,
 .slideshow-margin .rslides_nav:active {margin-top:-49px; }

 .rslides_nav {display:block; position:absolute; top:50%; z-index:1001; width:21px; height:51px; text-indent:-1000em; margin-top:-42px; border:0; opacity:.9}
 .rslides_nav:focus {border:0; outline:0}
 .rslides_nav:hover {opacity:1}
 .rslides_nav:active {margin-top:-41px; }
  .rslides_nav.prev {background:url("/assets/i/btn-prev.gif") no-repeat; left:-21px}
  .rslides_nav.next {background:url("/assets/i/btn-next.gif") no-repeat; right:-21px}

/* PenthousePanel */

  #penthouseModal { padding: 120px 10px; background: url("/assets/i/penthouse-bg-large.jpg") 50% 0 no-repeat; 
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
   }
  #penthouseModal .details { font-size: 18px;}
  #penthouseModal .small-details { font-size: 15px; }
  #penthouseModal .small-details.first { margin: 36px 0 10px; }
  #penthouseModal #pentDes { width: 65%; font-size: 16px;}
  #penthouseModal img { margin: 80px 0 60px;}

}

@media print,
      (-o-min-device-pixel-ratio:5/4),
      (-webkit-min-device-pixel-ratio:1.25),
      (min-resolution:120dpi) {
   /* Style adjustments for high resolution devices */
}

@media only screen and (min-width: 569px) and (max-width: 1025px) {
   #penthouseModal #pentDes {
      width: 90%;
   }
}

@media only screen and (min-width: 0) and (max-width: 959px) {
   #penthouseModal { padding: 40px 10px 42px; background: url("/assets/i/penthouse-bg.jpg") 50% 0 no-repeat;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
   }
}

@media only screen and (min-device-width: 0) and (max-device-width: 576px) {
   .modal { width: 100%; height: 100%;}
}

@media only screen and (min-device-width: 0) and (max-device-width: 576px) and (orientation: landscape) {
      #overlay {
         overflow: auto;
         height: 100%;
      }
      .modal {
         position: relative;
         width: 100%; height: 100%;
         top: 0;
         left: 0;
         transform: translate(0,0);
         -webkit-transform: translate(0,0);
         -moz-transform: translate(0,0);
         -ms-transform: translate(0,0);
         -o-transform: translate(0,0);
      }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection:h5bp.com/r
   ========================================================================== */

@media print {
   * {background:transparent !important; color:#000 !important; /* Black prints faster:h5bp.com/s */     box-shadow:none !important; text-shadow:none !important; }
   a, a:visited {text-decoration:underline; }
   a[href]:after {content:" (" attr(href) ")"; }
   abbr[title]:after {content:" (" attr(title) ")"; }

   /* Don't show links for images, or javascript/internal links */
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""; }

   pre, blockquote {border:1px solid #999; page-break-inside:avoid; }
   thead {display:table-header-group; /* h5bp.com/t */   }
   tr, img {page-break-inside:avoid; }
   img {max-width:100% !important; }
   @page {margin:0.5cm; }
   p, h2, h3 {orphans:3; widows:3; }
   h2, h3 {page-break-after:avoid; }
}