body { padding: 8px; }

div.container { padding: 0 0 12px; xmargin: inherit; }
div.container > div.wrapper { clear: both; margin: 0 auto; position: relative; z-index: 1; }

h1, h2 { font-size: 1.5em; margin: 0; text-transform: capitalize; }
h3 { margin-bottom: 0; }
.button { padding: 0.5em; }
.preload { display: none; }

table.treatedTable thead { display: inherit; background-color: transparent; }
table.treatedTable th { display: none; }
table.treatedTable th:nth-child(1) { xdisplay: table-cell; }
table.treatedTable tr { display: table-row; }
table.treatedTable td::before { display: inline-block; font-weight: normal; }
table.treatedTable td, table.treatedTable td + td { display: table-cell; border-top: 1px solid #f5f5f5; }

.detail-btn.floorplan { background-color: #bebebe; }
.detail-btn.floorplan:hover, .detail-btn.floorplan:active { background-color: #a4ceec; background-position: -42px 0; }

/* Base Styles */
div.container {display: block; position: relative; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box;}
div.container h1 { text-align: center; }
div.container a.apply-now { display: block; margin: 0 auto 20px; text-align: center; text-decoration: none;}
div.container a.apt-plan, div.container a.apt-photos {display: block; width: 20px; height: 20px; overflow: hidden; text-indent: -9999em; margin: 0 0 0 20px;}
div.container div.wrapper {clear: both; xwidth: 780px; xheight: 470px; xoverflow: auto; margin: 0 auto; position: relative; z-index: 1;}
div.container div.wrapper h2 {padding: 10px 20px; xwidth: 755px; margin: 0; box-sizing:border-box; -moz-box-sizing:border-box;}
div.container div.wrapper .dataTables_wrapper {width: 100%;}
div.container div.wrapper .dataTables_wrapper table {width: 100% !important; xtable-layout: fixed;}
div.container div.wrapper .dataTables_wrapper tr { display: block; xoverflow: auto; }
div.container div.wrapper .dataTables_wrapper th {text-align: left; padding: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box;}
div.container div.wrapper .dataTables_wrapper th.unit {width: 16% !important;}
div.container div.wrapper .dataTables_wrapper th.bedroom {width: 14.333% !important;}
div.container div.wrapper .dataTables_wrapper th.bathroom {width: 14.333% !important;}
div.container div.wrapper .dataTables_wrapper th.cost{width: 14.333% !important;}
div.container div.wrapper .dataTables_wrapper th.room-type {}
div.container div.wrapper .dataTables_wrapper th.floorplan {width: 17% !important;}
div.container div.wrapper .dataTables_wrapper th.availability {width: 24% !important;}
div.container div.wrapper .dataTables_wrapper td {text-align: left; padding: 10px; border: none; display: block; float: left;}
div.container div.wrapper .dataTables_paginate {display: none;}
div.container .jspVerticalBar {width: 15px; background: none; border: none;}
div.container .jspTrack {background: none; width: 100%;}
div.container .jspCap {display: none;}
div.container .jspDrag {border-radius: 0;}
div.container .jspArrow {display: block; height: 20px; width: 100%;}
.jspContainer:focus, .jspContainer jspPane:focus {outline: none;}
/* Base Styles */


		/* Two Lincoln Square, Le Rivage, The Sutton Collection, 70 Pine */
        /* 2 Cooper Square, The Metropolis, 7W21 */

            @font-face {
              font-family: 'Lato';
              font-style: normal;
              font-weight: 400;
              src: local('Lato Regular'), local('Lato-Regular'), url(//fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(//fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
            }
            @font-face {
              font-family: 'Lato';
              font-style: normal;
              font-weight: 700;
              src: local('Lato Bold'), local('Lato-Bold'), url(//fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(//fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
            }
            @font-face {
              font-family: 'Aero Book';
              font-style: normal;
              font-weight: 400;
              src: url(/includes/fonts/Aero-Book.otf) format('opentype');
            }
            @font-face {
              font-family: 'FreightText Pro Book';
              font-style: normal;
              font-weight: 400;
              src: url(/includes/fonts/FreigTexProBook.otf) format('opentype');
            }


html {background:#ffffff;}
body.property-5728 h1 {font-family: 'Lato', sans-serif; font-size: 24px; line-height: 50px; color:#444444; text-transform:uppercase;}
body.property-5728 a.apply-now {width: 210px; height: 48px; line-height: 48px; color: #ffffff; font-family: 'Lato', sans-serif; font-size: 24px; background:#af0036; text-transform:uppercase;}
body.property-5728 a.apply-now:hover {color: #ffffff; background: #9adaf5;}
body.property-5728 .detail-btn.floorplan, body.property-5728 .detail-btn.floorplan:hover, body.property-5728 .detail-btn.floorplan:active { background-color: #af0036; background-position: -42px 0; }
body.property-5728 div.wrapper h2 {font-family: 'Lato', sans-serif; font-size: 20px; color: #444444; background: #E5E5E5;text-transform: uppercase;}
body.property-5728 div.wrapper .dataTables_wrapper {margin: 0 0 50px;}
body.property-5728 div.wrapper .dataTables_wrapper:last-child {margin: 0 0 50px;}
body.property-5728 div.wrapper .dataTables_wrapper th {font-family: 'Lato', sans-serif; font-size: 14px; color: #000; background: #fff; text-transform: uppercase; border-bottom: 1px #cccccc solid; text-align: center; }
body.property-5728 div.wrapper .dataTables_wrapper th.cost, body.property-5728 div.wrapper .dataTables_wrapper th.movein {cursor: pointer;}
body.property-5728 div.wrapper .dataTables_wrapper td {font-family: 'Lato', sans-serif; font-size: 14px; color:#444444; text-transform:uppercase; }
body.property-5728 div.wrapper .dataTables_wrapper .treatedTable td:before { border-bottom: 1px #cccccc solid; margin: 0 0 10px; }
body.property-5728 .jspCap { display: none; }
body.property-5728 .jspTrack {background: url(/images/5728-scroll.gif) repeat-y 50% 0;}
body.property-5728 .jspDrag {background: #000000; width: 11px; left: 2px;}
body.property-5728 .jspArrow {background: url(/images/5728-arrows.gif) no-repeat;}
body.property-5728 .jspArrow.jspArrowUp {background-position: 50% 0;}
body.property-5728 .jspArrow.jspArrowDown {background-position: 50% 100%;}
div.container div.wrapper .dataTables_wrapper .beds{text-align:center;padding-top:20px;}


@media all and (max-width: 799px){ 
.mobile{margin-left:17%;}
.mobile::before{margin-right:10px!important;}
div.container div.wrapper .dataTables_wrapper .button{text-align:center;padding-bottom:20px;}
.showOnDesktop{padding:0!important;}
div.container div.wrapper .dataTables_wrapper td { border: none; }

div.container div.wrapper .dataTables_wrapper .beds::before{ margin-right:10px!important;}
.showOnDesktop{height:0;}
}

body.property-5728 div.wrapper .dataTables_wrapper th { color: #000000; background: #dddddd;  }
/*table.treatedTable td:last-child:before { display: none; }*/
div.container div.wrapper .dataTables_wrapper tr:last-child td { border: none; }
body.property-5728 { margin: 0; padding: 0; }
body.property-5728 div.container a.apply-now { float: none; width: 100%; box-sizing: border-box; background: #000000; color:#ffffff; margin: 0; }
body.property-5728 div.container a.apply-now:hover { background: #333333; color:#ffffff }
body.property-5728 div.container div.wrapper { padding: 8px; margin: 8px; width: auto !important; }
body.property-5728 div.container div.inner { border: 1px #cccccc solid; }
body.property-5728 div.wrapper .dataTables_wrapper th { text-transform: none; }
body.property-5728 div.wrapper .dataTables_wrapper:last-child { margin: 0; }
body.property-5728 .detail-btn.floorplan,
body.property-5728 .detail-btn.floorplan:hover,
body.property-5728 .detail-btn.floorplan:active { background: #000000; color: #ffffff; height: auto; width: 120px; padding: 0.5em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.property-5728 .jspPane { padding: 0!important }
body.property-5728 div.wrapper .dataTables_wrapper { margin-bottom: 0; }
div.container div.wrapper .dataTables_wrapper td { text-transform: none; float: none; }
.apply-now{position: relative;}
.apply-now::before{content: url(/images/house39logo.png);position: absolute;left:-35px; top:5%;transform:translatey(-50%);-webkit-transform: scale(.5,.5);transform: scale(.5,.5);}
div.container div.wrapper .dataTables_wrapper .beds{padding-bottom:0}
.mobile{padding-top:5px!important;}

/* Two Lincoln Square, Le Rivage, The Sutton Collection, 70 Pine */

@media screen and (min-width:450px) {
.mobile{margin-left:0;display:inline-block!important;box-sizing:border-box;}
div.container div.wrapper .dataTables_wrapper .beds{width:100%;padding-bottom:0!important;}
.odd, .even{max-width:435px;margin:0 auto;text-align:center;}	
}

@media screen and (min-width:500px) {
div.container div.wrapper .dataTables_wrapper .beds{width:auto;padding:10px!important;}
.odd, .even{max-width:575px;margin:0 auto;text-align:center;}
.mobile{box-sizing:content-box;padding:10px!important;}
}

@media screen and (min-width: 600px) {
.treatedTable tr + tr{border-top: 3px solid #e3e3e3;}	
}


@media screen and (min-width: 650px) {
div.container div.wrapper .dataTables_wrapper .beds{padding:10px;}
.odd, .even{max-width:575px;margin:0 auto;text-align:center;width:90%;}
.apply-now::before{-webkit-transform: scale(1,1);transform: scale(1,1);left:5%;}
}

@media screen and (min-width: 50em) { /* 800px */
h1, h2 { font-size: 2.125em; }
.button { padding: 0.75em 1.25em; }

div.container { width: 800px; height: 600px; padding: 25px 0 12px; }
div.container div.wrapper { width: 780px; height: 470px; }

div.container h1 {float: left; margin: 0 0 30px 35px;}
div.container a.apply-now {float: right; margin: 0 35px 30px 0; display: block; text-align: center; text-decoration: none;}

table.treatedTable thead { display: table-header-group; background-color: #e3e3e3; }
table.treatedTable th { display: table-cell; }
table.treatedTable tr { display: table-row; }
table.treatedTable td, table.treatedTable td + td { display: table-cell; border-bottom: 1px solid #f5f5f5; }
table.treatedTable th { display: table-cell; }
table.treatedTable td::before { display: none; }
div.container div.wrapper .dataTables_wrapper tr { display: table-row; }
div.container div.wrapper .dataTables_wrapper td { display: table-cell; float: none; }
div.container div.wrapper .dataTables_wrapper td { border-bottom: 1px #cccccc solid;}
div.container div.wrapper .dataTables_wrapper td {text-align:center;}
div.container div.wrapper .dataTables_wrapper .beds{padding-top:10px;}


/*
body.property-5577 h3, body.property-5577 table.treatedTable thead { background-color: #000000; }
*/


body.property-5586 div.wrapper div.inner {width: 755px;}
body.property-5586 .shadow {width: 755px; height: 470px; position: absolute; left: 11px; top: 105px; box-shadow: 0 0 10px #393939; z-index: 0;}


body.property-5584 div.wrapper { width: 788px !important; height: 485px; }


body.property-5728 div.container { width: 100%; height: auto; padding: 0; }
body.property-5728 div.container div.wrapper { width: 95%; height: auto; }
body.property-5728 div.wrapper .dataTables_wrapper .treatedTable td:before { border-bottom: none; margin: 0; }

