input.ss-input-thinking{ background:#fff url('/css/../images/indicator.gif') center right no-repeat;}  ul.ss-box{  margin:0 !important;padding:0 !important;width:304px;background:#fff;-webkit-box-shadow:0 2px 8px rgba(50, 50, 50, 0.4);box-shadow:0 2px 8px rgba(50, 50, 50, 0.4);border:1px solid #000;list-style:none;font-size:11px;text-align:left;z-index:999999;} ul.ss-box li{width:100%;float:left;clear:both;} ul.ss-box li, ul.ss-box li *{cursor:pointer;} ul.ss-box li.ss-header{padding:5px 0;min-height:15px;color:#555 !important;overflow:hidden;} ul.ss-box li.ss-header p.ss-header-text{margin:0 !important;padding:0 0 0 10px !important;float:left;font-size:12px;font-family:'Open Sans';} ul.ss-box li.ss-header p.ss-header-limit{margin:0 !important;padding:0 10px 0 0 !important;float:right;font-size:11px;font-weight:normal;} ul.ss-box li.ss-result{margin:0 !important;padding:0 !important;border-bottom:1px solid #c5c5c5;} ul.ss-box li.ss-result a{display:block;padding:5px 10px;text-decoration:none !important;background:#fff;} ul.ss-box li.ss-result a:hover{background:#cde0ff;} ul.ss-box li.ss-result img{margin-right:12px;} ul.ss-box li.ss-result table{border:none !important;} ul.ss-box li.ss-result p{margin:0 !important;padding:0 !important;color:#444;font-weight:normal;font-size:10px;} ul.ss-box li.ss-result p span.ss-result-title{  display:inline !important;margin:0 !important;padding:0 !important;font-size:11px;font-family:'Open Sans';font-weight:bold;color:#222;}   #simple-search{   display:flex;margin:0 auto;padding:15px 0;align-content:center;text-align:center;align-self:center;z-index:10;}  #top-search{   display:flex;width:auto;margin:auto;column-gap:5px;vertical-align:middle;}  #simple-search .ss-wrap, #search_query_query{   display:none;}  .without-header.toolbar #top-search{   margin-top:5px;margin-bottom:5px;}  #top-search input[type="text"]{   width:200px;padding:7px 10px;height:48px;border:1px solid #d9d9d9;border-radius:3px;box-sizing:border-box;font-size:14px;text-transform:uppercase;}  #top-search input[type="checkbox"]{   width:25px;height:25px;margin:0 0 7px 0;box-sizing:border-box;}  #top-search .search{   display:flex;justify-content:center;align-items:center;width:48px;height:48px;border:0 none;border-radius:5px;background-color:var(--link-color);overflow:visible;cursor:pointer;font-size:26px;}  #top-search .search:hover{   background-color:#f24889;}  #top-search .search svg{   width:26px;height:26px;fill:#fff;}  #top-search > div{   position:relative;display:flex;align-items:center;line-height:1;flex-direction:column;}  #top-search > div > div{   color:#333;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}  #top-search > div > .symbol{   box-sizing:border-box;border-bottom:1px solid #ccc;}  #top-search > div > .value{   padding:0.5rem 1rem;text-align:center;}  #top-search .area-selection, #top-search .rooms-selection, #top-search .storey-selection, #top-search .advanced-search{   max-width:100px;background:#fff;border-radius:3px;border:1px solid #dfdfdf;cursor:pointer;}  #top-search .storey-selection{   display:none;}  #top-search .symbol{   padding:0.5rem 1rem;text-align:right;font-weight:bold;font-size:14px;line-height:1;}  #area-resizer{   display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;}  #area-resizer input{   position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 10px);background:#fff;color:var(--link-color);border-radius:3px;border:1px solid #dcdcdc;padding:3px 1px;font-size:18px;text-align:center;outline:none;}  #top-search .x{   position:absolute;right:1px;top:0;cursor:pointer;font-size:18px;color:#b0b0b0;}  #top-search .x:hover{   background:#eee;}  #top-search .drop-down .x{   display:none;right:12px;top:10px;}  #top-search .value > span{   color:#CC0066;font-size:16px;}  #top-search .storey-selection .symbol div{   width:15px;height:4px;background:#000;margin:3px auto;}  #top-search .rooms-selection .symbol div{   float:right;width:5px;height:5px;background:#000;margin:2px;}  #top-search .rooms-selection select{   display:none;}  #top-search .advanced-search{   align-items:center;align-content:center;box-sizing:border-box;padding:5px;text-align:center;text-transform:uppercase;line-height:1.7;font-size:10px;}  #top-search .advanced-search a{   display:block;text-decoration:none;color:#000;}  #top-search .advanced-search a:hover{   color:var(--link-color);}  #top-search .drop-down{   display:none;position:absolute;top:52px;left:0;width:204px;background:#fff;border-radius:3px;box-sizing:border-box;box-shadow:1px 1px 5px #999;padding:17px;cursor:default;z-index:1022;}  #top-search .area-selection .drop-down{   box-shadow:none;}  div.selected-item{   background-color:#CC0066;color:#fff;}  #top-search .rooms-selection .drop-down > div:first-of-type{   display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:center;}  #top-search .rooms-selection .drop-down > div > div{   width:48px;height:46px;margin:3px;border:1px solid #ccc;box-sizing:border-box;cursor:pointer;font-size:24px;line-height:2;text-align:center;}  #top-search .rooms-selection .drop-down > div > div:nth-of-type(1){   display:none;}  #top-search .rooms-selection .drop-down > div > div:nth-of-type(2){   width:102px;}  #top-search .rooms-selection .drop-down > div > div.hoverable:hover, #top-search .rooms-selection .drop-down > div:nth-of-type(2).hoverable:hover{   background:#CC0066;color:#fff;}  #top-search .rooms-selection .drop-down > div:nth-of-type(2){   width:48px;height:46px;border:1px solid #ccc;margin:3px;box-sizing:border-box;font-size:24px;line-height:2;text-align:center;cursor:pointer;}  #top-search div .ok{   position:absolute;bottom:10px;right:10px;padding:5px 20px;background-color:var(--link-color);border:0;border-radius:4px;box-sizing:border-box;color:#fff;font-weight:bold;cursor:pointer;line-height:1;}  #top-search .rooms-selection .drop-down > div > div:hover, #top-search .rooms-selection .drop-down > div:nth-of-type(2):hover{   background:#CC0066;color:#fff;}  #top-search div .ok:hover{   background:#F24889;}  #top-search .storey-selection .drop-down{   padding:0 5px 34px 34px;}  #top-search .storey-selection .drop-down{   list-style:none;}  #top-search .storey-selection .drop-down span{   font-size:10px;color:#000;}  #top-search .storey-selection .drop-down > div span{   color:inherit;}  #top-search .storey-selection .drop-down ul{   list-style:none;}  #top-search .storey-selection li{   clear:both;width:137px;text-align:left;}  #top-search .storey-selection li:nth-of-type(4){   border-top:1px solid #ccc;margin-top:12px;padding-top:4px;}  #top-search .storey-selection li:nth-of-type(n+4){   position:relative;top:4px;}  #top-search .storey-selection label{   text-transform:uppercase;position:relative;top:7px;left:4px;}  #top-search.zindex{   z-index:1020;}  .backdrop{   width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0, 0, 0, 0.9);display:none;}  @media (min-width:576px){   #top-search .storey-selection{     display:flex;} }  @media (min-width:992px){   #top-search > div{     flex-direction:row;}    #top-search .area-selection, #top-search .rooms-selection, #top-search .storey-selection, #top-search .advanced-search{     max-width:max-content;}    #simple-search .ss-wrap, #search_query_query{     display:flex;}    #top-search > div > .symbol{     border-bottom:none;border-right:1px solid #ccc;}    #simple-search .ss-wrap, #search_query_query{     display:block;}    #top-search > div .value{     width:120px;}    #top-search .storey-selection{     display:flex;}    #top-search .search{     width:48px;min-width:48px;height:48px;} }  @media screen and (max-width:1024px){   .without-header.without-input #top-search{     width:420px;margin-left:-210px;}    #simple-search.without-header.toolbar{     height:80px;}    #top-search .storey-selection fieldset{     width:210px;margin:20px auto 80px auto;line-height:1;}    #top-search .storey-selection input[type="checkbox"]{     margin:10px 0;padding:7px 15px;float:none;}    #top-search .storey-selection label{     font-size:19px;}    #top-search .storey-selection li{     width:auto;}    #top-search .drop-down{     position:fixed;left:50%;top:50%;width:320px;max-height:100vh;transform:translateX(-50%) translateY(-50%);z-index:2;}    #top-search .storey-selection .drop-down{     padding:0;}    #top-search .drop-down .x{     display:block;}    #top-search div .ok{     position:absolute;bottom:10px;right:20px;padding:13px 35px;font-size:16px;}    #top-search .storey-selection .drop-down span{     font-size:14px;}    #top-search .rooms-selection .drop-down > div:nth-of-type(1){     width:270px;}    #top-search .rooms-selection .drop-down > div > div, #top-search .rooms-selection .drop-down > div:nth-of-type(2){     width:80px;height:50px;}    #top-search .rooms-selection .drop-down > div > div:nth-of-type(2){     width:168px;}    #top-search .value > span{     display:table-cell;vertical-align:middle;text-align:center;padding:0 4px;min-width:70px;max-width:70px;height:28px;font-size:13px;word-wrap:break-word;line-height:1;} }  label[for="search_query_storeys_6"]{   display:none;}   #simple-search{   z-index:1023;}  #project .basic-info{   background:#252525;margin:auto;color:#6B6B6B;font-size:13px;}  #project .basic-info a{color:#ca1d61;}  #project .admin-area{   position:fixed;top:145px;left:20px;padding:10px;background:rgba(25,25,25,0.8);color:#fff;font-size:14px;z-index:25;}  #project .admin-area a{   text-decoration:none;color:#fff;}  .create-note{color:#ca1d61;}  #project #main-view{   width:100%;padding:0 40px;background:#252525;box-sizing:border-box;}  #project #main-view .inner{   position:relative;max-width:1400px;margin:auto;}  a.label.builtby{   background:#CE1C63;color:#fff;font-weight:100;text-align:center;padding:12px 15px;font-size:26px;right:102px;top:53px;box-shadow:none;position:absolute;z-index:30;text-decoration:none;text-transform:uppercase;} #project #main-view .slider-container{float:left;position:relative;width:1336px;} #project #main-view .royalSlider{width:100%;} #project #main-view .royalSlider.rsFullscreen{width:100%;max-width:max-content;} #project #main-view .royalSlider img{width:100%;} #project #main-view .royalSlider > .plan{display:none;} #project #main-view .royalSlider .plan{background:#fff;overflow:auto;height:1080px;} #project #main-view .royalSlider .plan > div{float:left;margin:20px 0 0 0;color:#000;} #project #main-view .royalSlider .plan .plan-img{text-align:center;width:63%;} #project #main-view .royalSlider .plan img.rsMainSlideImage{max-width:93%;width:auto !important;height:auto !important;max-height:720px !important;margin:0 auto !important;} #project #main-view .royalSlider.rsFullscreen .plan img.rsMainSlideImage{max-height:850px !important;} #project #main-view .royalSlider .plan div.rooms{width:33%;} #project #main-view .plan .rooms h3{font-size:28px;} #project #main-view .plan .rooms span{text-transform:uppercase;} #project #main-view .plan .rooms ul li{display:block;border-bottom:1px solid #f1f1f1;font-size:17px;line-height:2;width:98%;max-width:300px;} #project #main-view .plan .rooms ul li span{display:inline-block;width:75%;} #project #main-view .rsDefault .rsOverflow, #project #main-view .rsDefault .rsSlide, #project #main-view .rsDefault .rsVideoFrameHolder, #project #main-view .rsDefault .rsThumbs{background:#252525;} #project #main-view .rsFullscreen.rsDefault .rsOverflow, #general-data-left .rsFullscreen.rsDefault .rsSlide, #general-data-left .rsFullscreen.rsDefault .rsVideoFrameHolder, #general-data-left .rsFullscreen.rsDefault .rsThumbs{background:#252525;} #project #main-view .rsNav{padding:0;} #project #main-view .rsDefault .rsThumb{width:102px;height:69px;} #project #main-view .rsThumbsHor{height:68px;} #project #main-view iframe.loan{width:1336px;max-width:1336px;height:592px;border:0 none;float:left} #project #main-view iframe.walk{width:1336px;max-width:1336px;border:0 none;float:left}  #project .label-new, #project .label-recommended, #project .label-new, #project .label-2017-ready{   text-transform:uppercase;width:110px;height:20px;display:block;position:absolute;left:0;text-align:center;color:white;line-height:20px;font-size:11px;} #project .label-new{background-color:#CE1C63;top:30px;} #project .label-recommended{background-color:#216DC6;top:50px;} #project .label-2017-ready{background-color:#efef2f;top:70px;color:#000;}  #project .main-view-tabs{   float:right;width:64px;line-height:normal;font-size:8px;text-transform:uppercase;z-index:20;}  #project .main-view-tabs li a{   display:block;width:100%;height:64px;margin-bottom:1px;padding-top:16px;box-sizing:border-box;-webkit-sizing:border-box;background:#161616;color:#999;text-decoration:none;text-align:center;transition:background 0.5s, padding 0.5s, margin 0.5s, color 0.5s;}  #project .main-view-tabs li a i{   display:block;margin-bottom:5px;font-size:20px;}  @-webkit-keyframes blinker{   0%{background-color:#252525}   50%{background-color:#ca1d61}   100%{background-color:#252525} } @keyframes blinker{   0%{background-color:#252525}   50%{background-color:#ca1d61}   100%{background-color:#252525} }  #project .main-view-tabs li a:hover{background-color:#ca1d61;animation-name:none;-webkit-animation-name:none;color:#fff;} #project .main-view-tabs li a.selected{background-color:#ca1d61;color:#fff;}  #project input[type="checkbox"]{   appearance:button;-webkit-appearance:button;width: 25px;height:30px;border:0 none;background:url('/images/checkbox6.png') no-repeat -5px -2px;color:#fff;white-space:nowrap;overflow:hidden;vertical-align:middle;outline:none;} #project input[type="checkbox"] + label{cursor:pointer;} #project input[type="checkbox"]:hover{background-position:-5px -37px;} #project input[type="checkbox"]:checked{background-position:-5px -72px;} #project input[type="checkbox"]:checked:hover{background-position:-5px -107px;}  #project .wooden-version-info{   padding:1em 0;font-size:14px;}   #main-footer{   margin:auto;background:#E6E6E6;padding:10px 40px 20px 40px;position:relative;}  #main-footer .inner{   display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1400px;margin:auto;box-sizing:border-box;}  #main-footer a{   padding:0;background:transparent;text-decoration:none;font-size:10px;color:#252525;} #main-footer a:hover, #main-footer #question-button:hover{background:#fff;color:#000;} #main-footer .buttons{   vertical-align:middle;} #main-footer a.button{   display:inline-block;width:60px;height:60px;padding:17px 0 0 0;margin-left:10px;border:1px solid #ccc;box-sizing:border-box;text-align:center;text-transform:uppercase;font-size:8px;font-weight:bold;vertical-align:middle;color:#333;} #main-footer a.button i{   display:block;font-size:26px;line-height:26px;color:#999;}  #main-footer #question-button{   width:auto;min-width:275px;padding:20px 15px;background:#fff;box-sizing:border-box;text-transform:uppercase;font-size:24px;font-weight:bold;text-decoration:none;color:#000;}  mbs_up#project-content{   margin:10px auto auto auto;padding:0 40px;}   #general-info, #project-realizations, #construction-offers, #project-variants, #comments, #project-interior, #project-faq, #project-east-faq, #project-addons, #project-composition{   width:100%;max-width:1400px;padding:20px 0;margin:auto;box-sizing:border-box;}  #general-info > header{   padding:20px 0;text-align:center;}  #project-variants header, #project-realizations header, #project-constructions > header, #comments > header, #project-interior > header, #project-constructions > header{   margin:auto;padding:20px 40px;text-align:center;} #project-variants > header, #my-construction header, #project-constructions header{padding-top:20px;padding-bottom:20px;}  #general-info > header h1, #project-elevations > h1, #general-info .variants > h1, #general-info .similar > h1, #project-realizations > header h1, #project-variants > header h1, #comments > header h1, #project-interior > header h1, #project-faq > header h1, #my-construction .stages header h1, #my-construction .archive header h1, #project-constructions header h1{   margin:0;text-transform:uppercase;font-weight:100;font-size:50px;text-align:center;}  #general-info > header h2, #project-realizations header h2, #project-variants header h2, #comments header h2, #project-interior header h2, #project-faq > header h2, #my-construction .welcome header p{   margin:0;font-size:21px;font-weight:100;}  #project-realizations .mc-listing-big{margin:40px auto 50px auto;overflow:auto;}  #project .star{   margin:0 auto 50px auto;width:auto;font-size:17px;color:#ca1d61;max-width:1600px;position:relative;padding:40px 22px 10px 22px;line-height:normal;clear:both;}  #my-construction .star span{font-size:30px;position:absolute;left:0;top:32px;} #project-faq #faq{margin-top:40px;}  #general-info .col-container{   padding:60px 0 40px 0;}  #general-info .cols{   margin:auto;background:url('/images/project/dot.png') repeat-y 500px 0, url('/images/project/dot.png') repeat-y 0 0, url('/images/project/dot.png') repeat-y 100% 0;}  #general-info .left-col{   float:left;width:500px;padding:10px 40px 10px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;}  #general-info .right-col{   float:left;width:900px;padding:10px 40px 10px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;}  #general-info h3{   font-size:24px;text-transform:uppercase;}  #general-info h4{   font-size:21px;}  #general-info h4 span{text-transform:uppercase;}  #general-info header{   margin-bottom:20px;}  #general-info header p{font-size:24px}  #general-info .files-list table{   width:100%;font-size:14px;}  #general-info .files-list th, #general-info .files-list td, #general-info .dimensions th, #general-info .dimensions td{   padding:5px 0;border-bottom:1px solid #f1f1f1;}  #general-info .files-list td{width:20px;} #project-variants .download a, #general-info .files-list a{   text-decoration:none;color:#ca1d61;}  #project-variants .download a span{   display:inline-block;margin-left:10px;padding-right:30px;background:url('/images/icons/file_pdf.png') no-repeat right center;color:#999;}  #general-info .files-list a:hover, #project-variants .download a:hover{opacity:0.75;} #general-info .description, #general-info .files-list{margin-top:40px;padding:30px 0;border-top:1px solid #ccc;font-size:15px;line-height:22px;} #general-info .description p{margin:0.5em 0;}  #general-info .tags li{display:inline-block;padding:2px 4px;background:#f4f4f4;margin-right:10px;color:#666;}  #general-info .hint.fa-question-circle, #general-info .z-hint.fa-question-circle{color:#ddd;}  #general-info .left-col .features{   width:100%;margin:10px 0;border:0 none;font-size:13px;display:table;}  #general-info .left-col .features.cost-files{margin:0;font-size:12px;}  #general-info .left-col .features > div{display:table-row;}  #general-info .left-col .features > div > div:first-child{   display:table-cell;width:50%;padding:4px 0;border-bottom:1px solid #F1F1F1;text-align:left;color:#666;font-weight:400;}  #general-info .left-col .features.annotation > div > div:first-child{   width:100%;font-size:11px;font-weight:100;text-align:left;}  #general-info .left-col .features.heating-info > div > div:first-child{   width:100%;font-weight:400;text-align:left;}  #general-info .left-col .features > div > div:not(:first-child) {   display:table-cell;padding:4px 0;border-bottom:1px solid #F1F1F1;text-align:left;color:#000;font-size:14px;font-weight:bold;line-height:1.2em;}  #general-info .left-col .features > div > div:not(:first-child):last-child{width:20px;text-align:center;}  #general-info .left-col .features td.empty{border-bottom:0 none;} #general-info .left-col .features > div.empty > div{   border:0 none;}  #general-info .left-col .features h3{   font-size:22px;font-weight:100;text-transform:none;}  #general-info .left-col .features del{color:#aaa;}  #general-info .left-col .features strong{   font-weight:bold;color:#ca1d61;}  #general-info .left-col .features .old{   font-size:19px;font-weight:100;text-decoration:line-through;}  #general-info .left-col .cost-file a{   color:#ca1d61;font-size:13px;}  #general-info .cost{border-top:1px solid #ddd;padding:20px 0;} #general-info .cost h3{line-height:1;} #general-info .cost h3 .source{font-size:12px;} #general-info .cost h3 .source span{color:#ca1d61;} #general-info .cost h3 .source span:nth-of-type(2){color:#999;}  #general-info .right-col .projections > a{   float:left;display:block;width:400px;margin-right:80px;}  #general-info .right-col .projections > a img{width:100%;}  #general-info div.rooms{   float:left;width:280px;}  #general-info .rooms ul{   line-height:28px;font-size:15px;color:#333;}  #general-info .rooms ul li{   display:block;border-bottom:1px solid #f1f1f1;}  #general-info .rooms ul li span{   display:inline-block;width:220px }  #general-info .rooms ul li b{   display:inline-block;width:50px }  #general-info .right-col .placement, #general-info .right-col .materials{   margin-top:20px;padding:40px 0 40px 40px;border-top:1px solid #ccc;box-sizing:border-box;}  #general-info .right-col .placement a{   float:left;display:block;width:360px;text-align:center;margin:20px 80px 0 0;}  #general-info .right-col .placement img{   width:250px;}  #general-info .right-col .placement .dimensions{   float:left;width:330px;padding:20px 0 0 0;} #general-info .right-col .placement .dimensions h4{text-transform:uppercase;}  #general-info .dimensions table th{   width:250px;font-weight:100;text-transform:uppercase;}  #general-info .dimensions table td{   font-weight:bold;}  #general-info .right-col .materials table{   width:100%;margin:10px 0;font-size:13px;}  #general-info .right-col .materials th{   width:120px;padding:5px 0;border-bottom:1px solid #f1f1f1;font-size:15px;color:#666;text-transform:uppercase;font-weight:100;}  #general-info .right-col .materials td{   border-bottom:1px solid #f1f1f1;text-align:left;color:#000;line-height:24px;}  #general-info .elevations, #general-info .variants, #general-info .similar{   width:100%;padding:40px 0 20px 0;background:#fff;box-sizing:border-box;border-top:1px solid #ddd;text-align:center;}  #general-info .elevations > ul > li{   float:left;display:block;width:25%;text-align:center;}  #general-info .variants{   padding:40px 0;} #general-info .variants h1{margin-bottom:20px;} #general-info .variants a{   color:#ca1d61;font-size:18px;line-height:40px;}  #general-info .dynamic_tags th, #general-info .dynamic_tags td{vertical-align:top;} #general-info .dynamic_tags li{padding:0 0 5px 0;}  #project-variants .listing > ul{margin-top:20px;margin-left:-20px;} #project-variants .listing > ul > li{float:left;display:block;position:relative;width:20%;height:191px;margin:0 0 30px 0;} #project-variants .listing > ul > li{height:335px;} #project-variants .listing > ul > li > div{width:290px;margin:auto;} #project-variants .listing img{display:block;width:290px;height:164px;} #project-variants .listing .short-summary li{display:block;float:left;min-width:25px;padding:4px 8px;color:#fff;font-size:14px;line-height:normal;} #project-variants .listing .short-summary li h2{margin:0;padding:0;font-weight:bold;} #project-variants .listing .short-summary li a{color:#fff;font-size:14px;text-decoration:none;} #project-variants .listing .short-summary li span{font-size:14px;font-weight:normal;} #project-variants .listing .short-summary li:first-of-type{background:#ca1d61;} #project-variants .listing .short-summary li:nth-of-type(2){background:#252525;} #project-variants .listing .short-summary li:nth-of-type(3){background:transparent;color:#333;font-weight:bold;} #project-variants .listing > ul > li a img:hover{opacity:0.75;}  #project-variants, #project-addons, #project-faq{   max-width:1600px;margin:auto;}  #project-variants .filters{   padding:15px 0;font-size:11px;} #project-variants .filters .sort{float:right;} #project-variants .filters .sort select{   background-color:#fff;border-top:1px solid #abadb3;border-right:1px solid #dbdfe6;border-bottom:1px solid #e3e9ef;border-left:1px solid #e2e3ea;border-radius:2px;font-family:inherit;} #project-variants .filters .sort span{   display:inline-block;width:30px;height:8px;background:url('/images/project/sort.png') no-repeat 0 0;cursor:pointer;}  #project-variants .listing{   width:100%;padding:10px 0;border-top:1px solid #ebebeb;}  #project-variants .listing .features{   float:left;width:100%;padding:5px 0;font-size:13px;}  #project-variants .listing .features p{   padding:3px 3px 8px 3px;color:#000;font-size:16px;}  #project-variants .listing .features > span{   display:block;padding:0 3px;color:#666;}  #project-variants h3{   margin:0;font-size:22px;text-transform:uppercase;}  #project-variants .comment-form{margin:10px auto;} #project-variants .comment-form .bulb{width:500px;margin:0 auto;border-bottom:4px solid #ca1d61;text-align:center;} #project-variants .comment-form .bulb img{border-bottom:5px solid #f2f2f2;margin-bottom:-10px;} #project-variants .comment-form h3{margin:20px 0;font:bold 30px 'Open Sans', Arial, sans-serif;text-align:center;color:#ca1d61;} #project-variants .comment-form > p{max-width:570px;margin:10px auto 20px auto;color:#666;font-size:16px;text-align:justify;line-height:22px;} #project-variants .comment-form .flow{text-align:center;} #project-variants .comment-form ol{max-width:800px;margin:0 auto;padding:10px;} #project-variants .comment-form ol li{float:left;width:33.333%;text-transform:uppercase;font-size:11px;font-weight:bold;text-align:center;color:#666;} #project-variants .comment-form ol li:first-child{color:#ca1d61;}  #project-variants .comment-form .comment{margin:0 auto;} #project-variants .comment-form .comment .body{background:transparent;} #project-variants .ideas, #project-variants .ideas > .context{width:1000px;margin:10px auto 0 auto;padding:10px 0;border-top:1px solid #dcdbdb;} #project-variants .ideas{border-top:1px solid #000;margin-top:30px;}  #project-variants .comment{padding:0;background:transparent;} #project-variants .comment header > .options{width:32px;} #project-variants .comment .left-col{   float:left;width:647px;padding:15px 15px 0 15px;background:#f4f4f4;} #project-variants .comment .left-col footer{margin:0 0 5px 0;} #project-variants .comment .right-col{   float:left;width:263px;margin-left:30px;padding:15px 15px 5px 15px;background:#f4f5f4;} #project-variants .comment .right-col button{   width:100%;padding:8px 0;background-image:linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);background-image:-o-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);background-image:-webkit-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);background-image:-ms-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.3, #E3E3E3),color-stop(0.85, #FFFFFF));border:0 none;font-family:inherit;font-size:18px;text-align:center;color:#333;cursor:pointer;} #project-variants .comment .right-col button:hover{   background-image:linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);background-image:-o-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);background-image:-webkit-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);background-image:-ms-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ccc),color-stop(0.85, #e3e3e3));color:#000;} #project-variants .comment .right-col button span{   display:inline-block;width:27px;height:33px;margin-left:15px;background:url('/images/project/hand-ok.png') no-repeat;vertical-align:middle;} #project-variants .comment .right-col .voted{   width:100%;padding:15px 0;background:#fff;font-family:inherit;font-size:18px;text-align:center;color:#333;}  #project-variants .comment .right-col div.votes-count{   width:100%;padding:0;font-family:inherit;font-size:22px;font-weight:100;text-align:center;color:#333;line-height:initial;}  #project-variants .comment .right-col div.votes-count span{   display:block;margin:auto;font-size:70px;}  #project-variants .comment .right-col p.votes-count{   padding:5px 0;text-align:right;font-weight:bold;font-size:13px;}  #project-variants .comment header .info{width:auto;}  #project-variants .comment.sublevel .left-col{width:597px;} #project-variants .comment.edit.sublevel .body{background:transparent;} #project-variants .comment.sublevel .content{width:540px;}    .comments-body .context .best-comment{width:234px;margin-top:12px;} .comments-body .context .best-comment a{font-weight:bold;color:#e70059;text-decoration:none;} .comments-body .context .best-comment-bar{width:234px;height:6px;margin-bottom:-15px;background:url('/images/my_construction/down-mark.png') no-repeat center;} #project-interior{text-align:center;}  #interiors{   max-width:1000px;margin:auto;padding-top:20px;}  #interiors h3{   clear:both;font-weight:100;text-transform:uppercase;font-size:36px;} #interiors .media-box{   display:inline-block;position:relative;width:320px;padding:10px;box-sizing:border-box;font:100 20px 'Open Sans', Arial, sans-serif;color:#636161;} #interiors .media-box.wide{   max-width:none;} #interiors .media-box > a{transition:opacity 0.5s;} #interiors .media-box > a:hover{opacity:0.5;}  #project-content #disclaimer a{   color:#898778;}  #project-content #disclaimer{   font-size:13px;color:#898778;padding:20px;}  .note-form textarea{max-width:450px;width:430px;}  #partner-registration .error-tooltip.arrow-left.arrow-top:after{left:20px;top:0;}   #ask-for-loan-form{background:url('/images/project/loan-background.jpg') no-repeat right 38px;} #ask-for-loan-form .desc1, #ask-for-loan-form .desc2{width:290px;padding-bottom:10px;font-size:12px;} #ask-for-loan-form .ask_for_loan_content strong, #adaptation-form .adaptation_content strong{font-weight:bold;color:#ca1d61;} #adaptation-form .desc1, #adaptation-form .desc2{padding-bottom:10px;font-size:13px;}  .popup-form .project-thumb{   float:left;width:100px;height:90px;margin-right:10px;}  #project #main-data .z-hint-container{   font-size:14px;}  #project #main-data .z-hint-container a{font-size:14px;}  #project #main-data .z-hint-container ul{color:#fff;} #project #main-data .z-hint-container li{   float:none;display:list-item;height:auto;padding:0;margin-left:1.5em;list-style:outside disc;font-size:inherit;font-weight:normal;color:#fff;line-height:20px;}  .social-media-inline{   max-width:100%;text-align:center;margin-top:50px;}  .social-media-inline .links a{   display:inline-block;width:37px;height:37px;}  .social-media-inline .plugins > div{   display:none;}  #vk_groups{   display:inline-block;}  .vk-community-plugin{   background:url('/images/vk_hover_img.png') no-repeat ;}  .vk-community-plugin.active{   background:url('/images/vk_img.png') no-repeat ;}   .facebook-website-plugin{   background:url('/images/fb_hover_img.png') no-repeat ;}  .facebook-website-plugin.active{   background:url('/images/fb_img.png') no-repeat ;}  .odnoklassniki-group-plugin{   background:url('/images/ok_hover_img.png') no-repeat ;}  .odnoklassniki-group-plugin.active{   background:url('/images/ok_img.png') no-repeat ;}  article.context .comments .comment a img:hover{opacity:0.7;} .mc-listing-big ul li a img:hover{opacity:0.75;}  @media screen and (max-width:1559px){   #project #main-view .inner{max-width:1234px;}   #project #main-view .slider-container{max-width:1170px;}   #main-footer .inner{max-width:1234px;}   #project #main-data .inner{max-width:1234px;}   #project #main-data .inner > .left-col{max-width:800px;}   #project #main-data .inner > .right-col{padding:0;}   #main-footer .inner{padding-right:0;}     #general-info{max-width:1234px;}   #general-info .cols{background-position:465px 0, 0 0, 100% 0;}   #general-info .left-col{width:465px;}   #general-info .right-col{width:769px;}   #general-info .right-col .projections > a{width:300px;}   #general-info .elevations > ul > li img{width:300px;}    #project-variants .listing > ul > li{width:25%;} }  @media screen and (max-width:1335px){   #project #main-view .inner{max-width:1180px;}   #project #main-data .inner > .left-col{max-width:750px;}   #project #main-view .slider-container{max-width:1116px;}   #main-footer .inner{max-width:1180px;}   #project #main-data .inner{max-width:1180px;}    #general-info{max-width:1180px;}   #general-info .cols{background-position:435px 0, 0 0, 100% 0;}   #general-info .left-col{width:435px;}   #general-info .right-col{width:745px;}   #general-info .right-col .projections > a{width:300px;}   #general-info div.rooms{width:280px;}    #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li{width:33.333%;} }  @media screen and (max-width:1279px){   #project .main-view-tabs{width:50px;font-size:7px;}   #project .main-view-tabs li a{height:50px;padding-top:10px;}   #project #main-view .inner{max-width:920px;}   #project #main-data .inner > .left-col{max-width:500px;}   #project #main-view .slider-container{max-width:870px;}   #project #main-view .royalSlider .plan > div{margin:5px 0 0 0;}   #project #main-view .plan .rooms ul li{font-size:16px;line-height:1.5;}    #project #main-data .short-summary{height:60px;}   #project #main-data .short-summary li{height:60px;padding:13px 12px;font-size:22px;}   #project #main-data .short-summary li.name{padding:10px 12px;}   #project #main-data .short-summary li h2{font-size:36px;line-height:36px;}   #project #main-data .short-summary li.build-ad{padding-top:17px;}   #project #main-data .short-summary li .top-left{top:5px;}    #general-info{max-width:920px;}   #general-info .cols{background-position:435px 0, 0 0, 100% 0;}   #general-info .left-col{width:435px;}   #general-info .description, #general-info .files-list{font-size:14px;line-height:20px;}   #general-info .right-col{width:485px;padding:10px 20px;}   #general-info .right-col .projections > a{width:210px;margin-right:20px;}   #general-info div.rooms{width:215px;}   #general-info .rooms ul li span{width:160px;}   #general-info .rooms ul{font-size:13px;}   #general-info h4{font-size:17px;}   #general-info .right-col .placement, #general-info .right-col .materials{padding:30px 0 30px 20px;}   #general-info .right-col .placement a{float:none;width:400px;margin:auto;}   #general-info .right-col .addons{padding:30px 0 30px 20px;}   #general-info .right-col .addons ul li{font-size:13px;}   #general-info .elevations > ul > li img{width:230px;}      #project-variants .ideas, #project-variants .ideas > .context{width:auto;} }  @media screen and (max-width:1120px){   #project-variants .comments{max-width:677px;margin:auto;overflow:hidden;}   #project-variants .comment .right-col{width:120px;padding:0 5px 5px 5px;margin-left:0;float:none;}   #project-variants .comment .right-col div.votes-count{font-size:15px;}   #project-variants .comment .right-col div.votes-count span{font-size:25px;} }  @media screen and (max-width:1023px){   #project #main-view{padding:0;}   #project .main-view-tabs{display:none;}   #project #main-view .inner{max-width:none;}   #project #main-view .slider-container{max-width:none;width:100%;}   #project #main-view .plan .rooms ul li{font-size:14px;line-height:1.4;}   #main-footer{padding:10px 20px;}   #main-footer .inner{max-width:none;}    #project #main-data{padding:0 20px;}   #project #main-data .inner{max-width:none;}   #project #main-data .inner > .left-col{margin:auto;padding:0;}   #project #main-data .inner > .left-col h1{margin-top:0;line-height:30px;}   #project #main-data .inner > .left-col .promotion{font-size:18px;line-height:24px;}   #project #main-data .inner > .right-col{margin:auto auto 20px auto;padding:0;}   #general-info .right-col .projections{width:680px;margin:auto;}   #general-info .right-col .projections > a{width:360px;margin-right:40px;}   #general-info div.rooms{width:260px;}   #general-info h4{font-size:21px;}   #general-info .rooms ul li span{width:200px;}   #general-info .rooms ul{font-size:15px;}   #general-info .right-col .placement a{float:left;width:260px;}   #general-info .right-col .placement, #general-info .right-col .materials, #general-info .right-col .addons{width:680px;margin:auto;}      #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li{width:50%;}   #project #main-data .short-summary.built{margin-bottom:10px;}   #project #main-data .short-summary.built .show-details{padding-top:18px;font-size:20px;}   #project #main-data .short-summary li.build-ad{display:none;}    #general-info .cols{background:transparent;}   #general-info .left-col{width:100%;}   #general-info .right-col{width:100%;}   #general-info .elevations > ul > li{width:50%;}   #general-info .elevations > ul > li img{width:auto;} }  @media screen and (max-width:900px){   #project #main-data .inner > .left-col{max-width:none;}   #project #main-data .inner > .left-col h1{margin-top:1em;} }  @media screen and (max-width:799px){   #project #main-view .royalSlider .plan .plan-img{width:100%;}   #project #main-view .royalSlider .plan img.rsMainSlideImage{max-height:200px !important;}   #project #main-view .royalSlider .plan div.rooms{display:none;}   #project #main-data .inner > .left-col{max-width:100%;}   #project #main-data .inner > .right-col{max-width:100%;width:auto;}   #project #main-data .right-col input[type="button"]{width:170px;height:50px;padding:15px 0;font-size:20px;line-height:20px;}   #main-footer .inner{max-width:none;}   #main-footer a.button{width:55px;height:55px;padding:15px 0 0 0;}   #main-footer a.button i{font-size:22px;line-height:22px;}   #main-footer #question-button{width:auto;padding:16px 15px;font-size:16px;}      #project #main-data .inner{max-width:none;}    #project #main-data .short-summary.built .show-details{float:none;clear:both;padding-top:18px;font-size:20px;text-align:center;}   #project #main-data .short-summary li.build-ad p:nth-of-type(2){display:none;}   #project #main-data .mirror-box{float:none;text-align:center;margin:0;padding-top:12px;}   #project #main-data .mirror-box a{display:inline-block;width:150px;text-align:left;}   #project #main-data .mirror-box a span{display:inline-block;width:120px;vertical-align:middle;}    #general-info .col-container{padding-top:20px;}   #general-info .right-col{padding:10px 0;}   #general-info .right-col .projections, #general-info .right-col .placement, #general-info .right-col .materials, #general-info .right-col .addons{width:100%;}   #general-info .right-col .projections > a{float:none;width:360px;margin:auto;}   #general-info div.rooms{float:none;width:260px;margin:auto;}   #general-info .elevations > ul > li{width:100%;}   #general-info .right-col .placement a{float:none;margin:auto;}   #general-info .right-col .placement .dimensions{float:none;margin:auto;}      #project-variants .filters .sort select{padding:5px;}   #project-variants .comment .left-col{width:calc(100% - 15px);padding:15px 15px 0 0;}   #project-variants .comment.sublevel .left-col{width:calc(100% - 5px);} } @media screen and (max-width:750px){   #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li{width:100%;}   #project #main-data .right-col button i{margin-right:10px;} } @media screen and (max-width:750px) and (max-height:630px){   #main-footer .inner{justify-content:center;} }   @media screen and (max-width:650px){   #project-variants .comment-form ol{display:none;}   #project-variants .comment-form .flow img{display:none;} }  @media screen and (max-width:599px){   #general-info > header h1, #project-elevations > h1, #general-info .variants > h1, #general-info .similar > h1, #project-realizations > header h1, #project-constructions > header h1, #project-variants > header h1, #comments > header h1, #project-interior > header h1, #project-faq > header h1, #my-construction .stages header h1, #my-construction .archive header h1{font-size:28px;}   #general-info > header h2, #project-realizations header h2, #project-constructions header h2, #project-variants header h2, #comments header h2, #project-interior header h2, #project-faq > header h2, #my-construction .welcome header p{font-size:20px;line-height:1.2em;}    #project #main-view .inner{max-width:390px;}   #project #main-view .slider-container{max-width:340px;}   #project #main-view .royalSlider .plan img.rsMainSlideImage{max-height:135px !important;}    #project #main-data .inner > .left-col h1{margin-top:20px;}   #project #main-data .short-summary li{height:54px;padding:14px 10px;font-size:18px;}   #project #main-data .short-summary li.name{padding:13px 12px;}   #project #main-data .short-summary li h2{font-size:28px;line-height:28px;}   #project #main-data .short-summary li.build-ad{padding-top:17px;}   #main-footer .voting{display:none;}    #project-variants .filters .sort{float:none;text-align:center;margin-top:10px;font-size:15px;}   #project-variants .filters .sort select{padding:8px 5px;margin:0 7px;}    #general-info .right-col .projections > a{float:none;width:260px;margin:auto;}   #general-info div.rooms{float:none;width:260px;margin:auto;}   #general-info .elevations > ul > li img{width:260px;}   #general-info .right-col .placement .dimensions{width:260px;}   #general-info .dimensions table th{width:200px;}      #comments{margin-left:10px;width:calc(100% - 20px);}      #project-content{padding:0;}   #project #main-data .select-project{margin-bottom:30px;}   #project #main-data .select-project-list li{padding:5px 15px 0 15px;}      #project-variants{width:97%;}   #project-variants .comment-form .bulb, #project-variants .comment-form > p, #project-variants .comment.sublevel .content{width:100%;}   #project-variants header{padding:20px 20px 0 20px;} }  @media screen and (max-width:450px){   #project #main-view .inner{max-width:100%;}   #project #main-view .slider-container{max-width:100%;}   #main-footer .inner{max-width:300px;}   #project .main-view-tabs{display:none;}   #project #main-data .short-summary li.cost{display:none;}   #project #main-data .right-col input[type="button"]{width:auto;margin-right:0;padding:3px 15px 0 15px;font-size:16px;line-height:16px;}   #main-footer .inner{padding-right:0;}   #main-footer li{margin:0 20px 20px 0;}   #main-footer a.button{width:35px;height:50px;}   #main-footer a.button i{font-size:22px;line-height:22px;}   #main-footer #question-button{font-size:13px;}   #comments > header{padding:0;}   #comments > header h1{font-size:47px;}   #general-info .files-list th, #general-info .files-list td {padding:20px 0;}   #general-info .col-container{padding:0px 0 40px 0;}   #general-info .left-col{padding:10px;}   #general-info .left-col .features th, #general-info .right-col .materials td{font-size:15px;} }  @media screen and (max-width:399px){   #project #main-data .short-summary{height:112px;}   #project #main-data .short-summary .mirror-box{clear:both;}   #project #main-data .short-summary .mirror-box a{width:auto;}   #project #main-data .short-summary .mirror-box a span{width:auto;} }  @media screen and (max-width:320px){   #project #main-data .right-col button{width:auto;padding:15px 15px;font-size:14px;} }    .project-listing{   --symbol-bg-color:#d9308a;--symbol-color:#fff;--area-bg-color:#351c4f;--area-color:#fff;--counters-color:#999;display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;}  .project-listing.std-list{   justify-content:center;}  .project-listing .banner{   position:relative;overflow:hidden;}  .project-listing .banner a{   display:block;}  .project-listing .banner a img{   top:0;left:50%;transform:translateX(-50%);margin:auto;}  .project-listing .project{   position:relative;}  .project-listing .project > a{   display:block;text-decoration:none;color:#2D2D2F;}  .project-listing.small .project, .project-listing.list .project, .project-listing.std-list .project{   width:335px;height:335px;}  .project-listing.small .banner, .project-listing.list .banner{   width:335px;height:210px;}  .project-listing.small .banner a img, .project-listing.list .banner a img{   height:210px;}  .project-listing.large .banner{   width:335px;height:335px;}  .project-listing.large .banner img{   height:335px;}  .project-listing .project img{   display:block;width:100%;border-top-left-radius:10px;border-top-right-radius:10px;}  .project-listing.large .project img, .project-listing.large .project .no-photo{   width:335px;height:335px;}  .project-listing.small .project img, .project-listing.small .project .no-photo, .project-listing.list .project img, .project-listing.list .project .no-photo, .project-listing.std-list .project img, .project-listing.std-list .project .no-photo{   height:210px;}  .project-listing .project .title{   display:none;font-size:13px;}  .project-listing .info{   display:flex;flex-wrap:nowrap;width:calc(100% - 1rem);margin:5px auto;background-color:var(--project-info-bg-color);color:var(--project-info-color);border-radius:3px;overflow:hidden;font-size:14px;}  .project-listing .name{   max-width:130px;padding:0.5rem 1rem;background-color:var(--symbol-bg-color);color:var(--symbol-color);font-weight:bold;overflow:hidden;}  .project-listing .area{   padding:0.5rem 0.5rem;background-color:var(--area-bg-color);color:var(--area-color);text-align:right;}  .project-listing .info .construction-cost, .project-listing .info .positions{   display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:0 0 0 auto;padding:0.5rem 1rem;}  .project-listing .positions, .project-listing .price{   width:50%;font-size:13px;}  .project-listing .price{   text-align:right;}  .project-listing .ribbons{   position:absolute;top:1em;font-size:12px;}  .project-listing .ribbons .label{   position:relative;display:block;padding:1px 4px;color:#fff;}  .project-listing .ribbons .promo{   background-color:#00A32F;}  .project-listing .ribbons .new{   background-color:#09f;}  .project-listing .ribbons .recommended{   background-color:#ca1d61;}  .project-listing .favorites-add-remove{   position:absolute;top:1em;right:1em;color:#fff;}  .project-listing .favorites-add-remove .orange{   color:orange;}  .project-listing .features{   font-size:14px;line-height:1.5;}  .project-listing .features .title{   font-weight:100;}  .project-listing .features .value{   color:#8D8D8E;}  .project-listing .counters{   display:flex;padding:0.5rem;font-size:13px;color:var(--counters-color);gap:1rem;}  .project-listing .on-request{   position:absolute;right:-38px;bottom:75px;transform:rotate(315deg);width:150px;border:22px solid transparent;border-top:22px solid #ca1d61;}  .project-listing .on-request .text{   font-size:16px;line-height:22px;text-align:center;color:#fff;position:absolute;right:2px;bottom:1px;}  @media (min-width:768px){   .project-listing .project .title{     display:block;font-size:13px;margin-top:5px;}    .project-listing.list{     justify-content:center;}    .project-listing.list .project{     width:calc(50% - 20px);max-width:680px;}    .project-listing.list .banner{     width:calc(50% - 20px);max-width:680px;height:initial;max-height:425px;}    .project-listing.small .project img, .project-listing.small .project .no-photo{     height:210px;}    .project-listing.list .project img, .project-listing.list .project .no-photo{     height:initial;max-height:425px;}    .project-listing.list .banner a img{     width:100%;height:initial;max-height:425px;}    .project-listing.small .ribbons{     display:block;}    .project-listing.small .area, .project-listing.small .price{     text-align:right;}    .project-listing.small .construction-cost > div{     width:50%;}    .project-listing.small .construction-cost > div:last-of-type{     text-align:right;} }  @media (min-width:992px){   .project-listing.large .project{     display:flex;flex-wrap:wrap;justify-content:center;width:100%  }    .project-listing.large .banner{     display:none;}    .project-listing.large .project > *{     width:50%;max-width:680px;}    .project-listing.large .project > a{     position:relative;display:block;}    .project-listing.large .project img, .project-listing.large .project .no-photo{     max-width:680px;width:100%;height:initial;}    .project-listing.large .project .projections{     display:flex;flex-wrap:wrap;flex-direction:column;align-self:self-start;box-sizing:border-box;justify-content:flex-end;}    .project-listing.large .project .projections .buttons button{     background-color:#cdcdce;color:#fff;cursor:pointer;}    .project-listing.large .project .projections .buttons button.selected{     background-color:#ca1d61;}    .project-listing.large .project .projections img{     width:100%;height:auto;max-width:545px;max-height:560px;}    .project-listing.large .project .projections picture[data-floor="1"]{     display:block;}    .project-listing.large .project .projections picture[data-floor="2"]{     display:none;} }