/* lv4 */
.content-wrapper{ flex-grow:1; width:100%; min-width: 0;}
        .content{ display: block; width:87%; margin:0 auto; }
        .breadcrumbs{ margin: 23px 0 20px 0; font-family: 'Figtree', sans-serif; font-size:14px; line-height:14px;}
            .breadcrumbs a{ color:#000; }
        .back-to-map{ display:none; margin: 20px 0 20px 0; padding-left: 17px; height: 19px; font-family: 'Figtree', sans-serif; font-size:16px; line-height:19px; text-decoration:none; color:#000;
        background-image:url(../img/arrow-back-to-map.svg); background-size:10px 19px; background-position:left center; background-repeat:no-repeat; font-weight:700; }

        .lv4-top-block{ display:flex;  }
            .lv4-title{ flex-shrink: 0; width: 624px; }
                .lv4-title{font-size:22px; line-height:26px; font-weight:700; }
            .lv4-location{display: block; margin-top: 10px; padding:3px 0 2px 15px; font-size: 13px; line-height: 13px;  background-image: url(../img/location-icon.svg); 
                                /*background-position: left 16px center;*/ background-size: 10px 16px; background-repeat: no-repeat; text-decoration:none; color:#000; }
            .lv4-controls{ width: 100%; display: flex; align-items: end;  }
                .lv4-prev-next{ display:flex; margin-left: auto; margin-right:13px;}
                    .lv4-prev-next a{ display:block; width:30px; height:30px; background-repeat:no-repeat; }
                    .lv4-prev-next div{ margin:0 8px 0 8px; padding-top: 7px; font-size:16px; line-height:16px; font-weight:bold; }
                    .lv4-prev{ background-image:url(../img/arrow-prev-lv4.svg );  }
                    .lv4-next{ background-image:url(../img/arrow-next-lv4.svg ); }
                .lv4-back{ display:block; margin-top: 16px; padding: 8px 38px 0 37px;  white-space: nowrap; background-image:url(../img/arrow-back-lv4.svg); height:22px; background-repeat:no-repeat; background-size:30px 30px;
                background-position:left; color:#009cdf; text-decoration:none; font-weight:700; font-size:15px; line-height:15px; /* border-left:1px solid #b7b7b7; */ }

           .content-cols{ display: flex; flex-direction: row; width:100%; margin-top: 10px; padding-bottom: 50px;}
            .content-info{flex-shrink: 0; width: 624px;  margin-right: 2%;  }
/* open house */
                .lv4-open-house{ margin-bottom: 26px; padding: 17px 15px 30px 15px;  background-color:#f8f8f8; }
                    .lv4-oh-top{ min-height: 43px; padding: 0 0 0 66px; background-image:url(../img/open-house-lv4.svg); background-size:55px 43px; background-repeat:no-repeat; }
                        .lv4-oh-top h2{ font-size:20px; line-height:20px; font-weight:700; }
                        .lv4-oh-top p{ font-size:16px; line-height:21px; color:#0095d5;  }
                    .lv4-oh-text{ margin-top: 17px; font-size:16px; line-height:22px;   }
/* key details */            
                .key-details{}
                    .key-details h4{ margin: 0 0 9px 15px; font-size:20px; line-height:20px; font-weight:600; }
                    .key-details table{ width:100%; }
                        .key-details table td{  width: 50%; padding: 8px 0 8px 0; font-size: 14px; line-height: 17px; vertical-align: middle;}
                            .key-details table tr td:first-child{ font-weight:600; padding-left:15px; }
                            .key-details table tr:nth-child(2n+1){ background-color:#f8f7f7; }
                .content-links{ margin: 32px 0 0 0; font-size:16px; line-height: 24px; color:#0089c4; font-family: 'Figtree', sans-serif; font-weight: 300;}
                    .content-links a{color:#0089c4;}
                .short-details{ margin: 26px 0 0 0; font-size:14px; line-height: 20px; }
                    a.readmore-js-toggle{ font-size:14px; line-height: 14px; color:#0689c1; } 
                .property-details{margin: 26px 0 0 0; font-size:14px; line-height: 20px; }
                    .property-details h4{ font-size:20px; line-height:20px; font-weight:600; }
                    .property-details span{ display:block; margin-top:13px; overflow: hidden; }
                .mls-status-active, .mls-status-pending{ position: relative;  display: inline-block;  padding:6px 9px 0 22px;  font-size: 14px;  line-height: 14px;  height: 17px;  border:1px solid #b6b6b6;  border-radius:4px;}
                        .mls-status-active::after{position: absolute;  display: block;  top: 6px;  left: 6px;  width: 10px;  height: 10px;  border-radius:12px;  background-color: #0ab901;  content: ' ';}
                        .mls-status-pending::after{position: absolute;  display: block;  top: 6px;  left: 6px;  width: 10px;  height: 10px;  border-radius:12px;  background-color: #fd9c01;  content: ' ';}
            /* contact f0rm */
                .contact-from{position: relative; display: block; background-color:#f8f8f8; padding:20px 15px 20px 15px; margin:34px 0 0 0; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
                    .cf-top{ padding:0 0 15px 73px; min-height: 47px; background-image:url(../img/contact-form-ico.svg); background-size:62px 47px; background-repeat:no-repeat; }
                        .cf-top h5{ font-size:20px; line-height:20px; font-weight:600; }
                        .cf-top p{ width: 60%; font-size:14px; line-height:17px; }
                .cf-input{width: 100%; }
                    .cf-input input{display: block; width: 100%; padding: 0 2% 0 1%; height: 30px; margin: 4px 0 0 0; border: 1px solid #8d8d8d;
border-radius: 3px; font-size: 14px; line-height: 32px; color: #000; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
                    .cf-input textarea{display: block; height: 60px; margin: 4px 0 0 0; width: 100%; padding: 8px 2% 8px 2%; border: 1px solid #8d8d8d; border-radius: 3px; font-size: 14px; font-family:'Inter Tight', sans-serif;
                    /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/  }
                    .cf-input .iti{margin: 4px 0 0 0;  width: 100%;}
                        .cf-input .iti input{ width:100%; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/  }
                .contact-from p{ margin: 3px 0 0 0; font-size:12px; line-height:12px;  }
                .cf-button{ display:flex; flex-direction: row; justify-content:flex-end; }
                .cf-button button{ display:block; width:120px; height:31px; background-color:#059af0; color:#fff; font-weight: bold;
                border: 0px; border-radius:5px; font-size:14px; font-weight:700; font-family: 'Figtree', sans-serif;    }
                /*lv4 mortgage*/
                .mortgage-calc{ margin-top: 15px; background-color:#f8f8f8; padding:16px 14px 16px 14px; }
                    .mortgage-trigger{ display: block; height: 22px; padding: 3px 0 0 0px; background-repeat: no-repeat; background-position: left center;
                         background-size: 25px 25px; font-size: 20px; line-height: 20px; text-decoration: underline; font-weight: 600; color:#0095d5; }
                        .mortgage-trigger:focus{ text-decoration: underline; }
                        .mortgage-trigger div{ float: right; width: 18px; height: 18px; background-image: url(../img/spoiler-plus.svg); background-size: 18px 18px;
                         background-position: center;  background-repeat: no-repeat; }
                        .mortgage-trigger.active div{background-image: url(../img/spoiler-minus.svg);}
                    .mortgage-block{ display:none;   margin: 0px 0 0 0;} 
                    .mortgage-block-content{ display: flex; padding:6px 0 0 0; }
                        .mortgage-block-content .mc-wrap{ width:50%; }
                            .mortgage-block-content .mc-wrap .wrap{ background-color:transparent!important; }
                                .mortgage-block-content .mc-wrap .wrap table thead tr th h3{ margin-top: 8px;  font-size: 18px; line-height: 18px; font-weight: bold; text-transform: lowercase; text-align: left;}
                                    .mortgage-block-content .mc-wrap .wrap table thead tr th h3:first-letter{ text-transform:uppercase; }
                                        .mortgage-block-content .mc-wrap .wrap .mc-inp-line{ margin-top: 10px; font-size: 14px; line-height: 14px; font-weight: bold; }
                                        .mortgage-block-content .mc-wrap .wrap .mc-inp-line .cf-input input{ width:100%; height:32px; padding: 0 8px 0 8px; border:1px solid #8d8d8d;  border-radius:3px;
                                        font-size: 14px; line-height: 28px; font-family:'Inter Tight', sans-serif; color: #000;
                                    -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;  }
                                        .mortgage-block-content .mc-wrap .wrap .cf-button{justify-content: flex-start!important; margin-top: 10px;}
                .community-info{ margin-top:46px; }
                .key-details.community-info table{ margin-top:12px; }

                .detailed-map{ margin-top:33px; }
                    .detailed-map h4{ font-size:20px; line-height:20px; font-weight:600; }
                    .detailed-map-block{ width: 100%; height:205px; margin-top: 11px; background-color:#f0f0f0; }

                .schools{ margin-top: 34px; background-color:#f8f8f8; padding:15px 20px 15px 65px;
                 background-image:url(../img/schools-icon.svg); background-size:32px 41px; background-repeat:no-repeat; background-position:left 15px center; }
                    .schools h4{ font-size:20px; line-height:20px; color:#0095d5; }
                    .schools p{font-size:15px; line-height:15px; }

        .content-pictures{ width:100%; }
            .lv4-price-block{ display: flex; flex-direction: row; justify-content: flex-start; height: 50px; padding: 14px 17px 10px 14px; background-color:#f3f3f3; border-top-left-radius:10px; border-top-right-radius:10px; 
            /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
                .lv4-price-block p{/*align-self: flex-end; color:#049319; font-size:18px; line-height:18px;*/ }
                .lv4-price-block div{align-self: flex-end; padding-left: 10px;  font-size:26px; line-height:26px; font-weight: 600;}
                .lv4-configuration-block{display: flex; flex-direction: row; justify-content: flex-start}
                    .lv4-configuration{ flex-shrink:1; padding-top:12px;   }
                        .lv4-configuration-wrapper{display: flex;  flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
                            .lv4-conf-items { display: flex; height: 15px; font-size:18px; line-height:19px;  font-weight: 600;  padding: 4px 13px 5px 13px; margin:4px 0 0 0;  border-right: 1px solid #000;}
                                .lv4-conf-items  span{font-size:13px; line-height:20px; font-weight: 500;}
                                .lv4-conf-items.lv4-units{ font-size:20px; background-color: #0373b3; color: #fff; border-right: none; border-radius: 3px;}
                                    .lv4-conf-items.lv4-units span{ font-size:15px;}
                                .lv4-beds{  }
                                .lv4-bath{}
                                .lv4-sqft{ font-size:14px; }
                                .lv4-lot-size{font-size:14px; border-right: none;}
                                    .lv4-lot-size > span{ margin-right:4px; }
                            
                    .lv4-button-wrapper{ display: flex; flex-direction: row; flex-shrink:0; width:200px; margin-left: auto; align-items: flex-start; margin-top:8px;}
                        .lv4-favorites{flex-shrink:0; cursor:pointer;width:48px; height:40px;  margin-right: 2px; border-radius:3px; background-color:#0095d5;
                         background-repeat:no-repeat; background-position:center; background-size:27px 25px; }
                            .lv4-favorites-inactive{background-image:url(../img/lv4-favorites-off.svg);}
                            .lv4-favorites-active{background-image:url(../img/lv4-favorites-on.svg);}
                        .lv4-contact-button{ flex-shrink:0; width:150px; cursor:pointer;}
                            .lv4-contact-button button{ display:block; width:100%; height:40px; background-color:#0095d5; border:none; border-radius:3px; color:#fff;
                             font-family:'Inter Tight', sans-serif; font-size:16px; line-height:44px; font-weight:600; }
                .lv4-picture-block{ position: relative; margin-top:8px; width:100%; }
                    .lv4-picture-block ul{ display:flex; flex-direction: row; flex-wrap:wrap; }
                        .lv4-picture-block ul li{  position: relative; margin-bottom: 2px;
                         width:49.9%; padding-bottom:33%; height:0px; overflow:hidden; }
                            .lv4-picture-block ul li:nth-child(2n+1){margin-left: 0.2%; }
                            .lv4-picture-block ul li:nth-child(1){ width:100%; padding-bottom:66%; margin-bottom: 12px;
                                margin-left: 0px;}
                            .lv4-picture-block ul li img{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);  height: 101%;  width: 101%;  object-fit: cover; }
                    .lv4-picture-block-type{ position:absolute; top:0px; left:0px; z-index:1; }
                        .lv4-picture-block-type div{margin: 11px 0 0 11px; padding: 6px 15px 6px 39px;  background-repeat: no-repeat; background-color: #fff; border-radius: 5px; font-family: 'Figtree', sans-serif; 
                         font-size: 18px; line-height: 18px; background-position: left 7px top 4px; background-size: 25px 21px;}
                        .lv4-pic-bl-type-home{ color: #0d72cf;  background-image: url(../img/lv3-tab-homes-icon-act.svg);  }
                        .lv4-pic-bl-type-condos{ color: #7347dd;  background-image: url(../img/lv3-tab-condos-icon-act-sm.svg); }
                        .lv4-pic-bl-type-lease{color: #1a9f4f;  background-image: url(../img/lv3-tab-lease-icon-act.svg); }
                        .lv4-pic-bl-type-income{ color: #01a1c3;  background-image: url(../img/lv3-tab-income-icon-act.svg);  }
                        .lv4-pic-bl-type-land{ color: #ea6f01;  background-image: url(../img/lv3-tab-land-icon-act.svg);  }

/* income */
.lv4-income .lv4-price-block{ margin-top:20px; }
.lv4-income-table-wrapper{ margin-top:20px; }
.lv4-income-table-wrapper .lv3-table thead tr th{  background-color:#f8f8f8; }
.lv4-income-table-wrapper .lv3-table tbody tr:nth-child(odd){ background-color:#fff!important; }
.lv4-income-table-wrapper .lv3-table tbody tr:nth-child(even){ background-color:#f8f8f8; }

.lv4-income .content-cols{ margin-top:33px; }
.lv4-income .lv4-picture-block {  margin-top: 0px;}

.lv4-income .lv3-table thead tr th{ padding-left:16px; height:42px; }
.lv4-income .lv3-table thead tr th:nth-child(1){ width:14%; padding-left:20px; font-weight:600; font-size: 15px;  }
.lv4-income .lv3-table thead tr th:nth-child(2){ width:12%; }
.lv4-income .lv3-table thead tr th:nth-child(3){ width:10%; }
.lv4-income .lv3-table thead tr th:nth-child(4){ width:10%; }
.lv4-income .lv3-table thead tr th:nth-child(5){ width:12%; }
.lv4-income .lv3-table thead tr th:nth-child(6){ width:12%; }
.lv4-income .lv3-table thead tr th:nth-child(7){ width:13%; }
.lv4-income .lv3-table thead tr th:nth-child(8){ width:17%; }

.lv4-income .lv3-table thead tr th:nth-child(1){background-position: center left 1px!important;}


.lv4-income .lv3-table tbody tr td{ padding-left:16px; }
.lv4-income .lv3-table tbody tr td:nth-child(1){ font-size:16px; font-weight:600; padding-left:20px;  }
.lv4-income .lv3-table tbody tr td:nth-child(2){ text-align: left; }
.lv4-income .lv3-table tbody tr td:nth-child(3){  }
.lv4-income .lv3-table tbody tr td:nth-child(4){  }
.lv4-income .lv3-table tbody tr td:nth-child(5){  }
.lv4-income .lv3-table tbody tr td:nth-child(6){  }
.lv4-income .lv3-table tbody tr td:nth-child(7){  }
.lv4-income .lv3-table tbody tr td:nth-child(8){  }


.lv4-income table.dataTable thead .sorting, .lv4-income table.dataTable thead .sorting_asc, .lv4-income table.dataTable thead .sorting_desc, .lv4-income table.dataTable thead .sorting_asc_disabled, .lv4-income table.dataTable thead .sorting_desc_disabled {
  background-position: center left -4px!important;}

.lv4-income table.lv3-table{border: 1px solid #c2c2c2; }

/*land*/
.lv4-land-items{ height: 16px; font-size: 16px;  line-height: 16px;  font-weight: 600;  padding: 4px 13px 5px 13px;  margin: 4px 0 0 0;   }
    .lv4-land-items span{ padding-left: 5px; font-weight: 400; font-size: 15px;}
.lv4-land-acre{ }
.lv4-land-peracre{ border-right:1px solid #000; border-left:1px solid #000; }
.lv4-land-lotsz{  padding: 0px 13px 5px 13px;  }


/* arrow + percents */
.lv3-item-price-trend{ align-self: flex-start!important; width:8px; padding-left: 2px!important; margin-top: 2px; margin-left: 8px; height:19px; background-size:8px 19px; background-repeat:no-repeat; }
        .lv3-price-trend-down{ background-image: url(../img/lv3-item-arrow-red.svg); }
        .lv3-price-trend-up{ background-image:url(../img/lv3-item-arrow-green2.svg); }
    .lv3-item-price-trend-percent{ padding-left: 0!important; font-size:23px!important; line-height: 23px!important; font-weight:400!important;  }
        .lv3-trend-percent-red{color:#ff6e72;}
        .lv3-trend-percent-green{ color:#03bc07; }