#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-costs, #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-costs > 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-costs > 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-costs 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:668px), screen and (max-height:668px){   #project .admin-area{display:none;} }  @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-costs > 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-costs 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;} }   .new-message-box .new-message{   padding:2.5em 1.5rem 1.5rem 1.5rem;font-size:16px;box-sizing:border-box;}  .new-message .close{   position:absolute;top:1.5rem;right:1.5rem;font-size:24px;cursor:pointer;}  .new-message input[type="text"], .new-message textarea{   width:320px;background-color:#f6f6f6;border-radius:5px;border:0 none;padding:1rem;box-sizing:border-box;color:#666;}  .new-message textarea{   width:100%;min-height:45vh;padding:1rem;box-sizing:border-box;}  .new-message .field label{   display:block;margin-bottom:5px;color:#ccc;}  .new-message button[type="button"]{   background-color:#eee;}  .new-message button[type="submit"]{   margin-left:0.5rem;background-color:#CA1D61;color:#fff;}  .new-message .buttons{   display:flex;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem;}  .new-message button{   padding:0.5rem 1.5rem;border:0 none;text-transform:lowercase;font-weight:100;font-size:16px;font-family:inherit;cursor:pointer;}  @media (min-width:576px){   .new-message input[type="text"], .new-message textarea{     width:536px;} }  @media (min-width:992px){   .new-message button{     font-size:20px;} }   #comments{   max-width:800px;margin:auto;}  .comments-header{   margin:10px auto 0 auto;color:#666;font-size:2rem;font-weight:100;line-height:1.2;width:100%;max-width:730px;}  .comments-body{   margin:0 auto 0 auto;width:100%;max-width:730px;padding-bottom:30px;}  .comments-body .context{   clear:both;}  .comment{   margin:20px auto 0 auto;padding:10px;border-top:1px solid #dcdbdb;font-family:'Open Sans', Arial, sans-serif;color:#333;}  .comments.best .comment{   border-top:0;}  #load-more-comments{   width:180px;font-size:15px;text-transform:uppercase;text-align:center;margin:15px auto;color:#fff;background:#ca1d61;padding:8px 0;cursor:pointer;}  .comment.my{   color:#000;}  .comment.best .date a{   color:#ca1d61;}  .comment header{   position:relative;height:35px;}  .comment header img{   float:left;width:35px;height:35px;margin-right:10px;position:relative;left:0;top:0;}  .comment[data-level='0'] header img{   width:50px;height:50px;}  .comment .comment-form-avatar{   width:35px;height:35px;position:absolute;top:0;left:0;}  .comment.edit .body > div[data-moderator='0']{   display:none;}  .comment.edit .body > div[data-moderator='1']{   display:block;}  .comment.edit .body .flags, .comment.edit .body > div, .comment.edit .body > p, .comment.edit .body label, .comment.edit .body select, .comment.edit .row.submit{   display:none;}  #comment_form_rollup{   cursor:pointer;text-align:center;display:none;font:20px/20px Courier;padding:0;color:gray;clear:both;width:40px;margin:auto;}  #comment_email, #comment_name{   border:1px solid #ddd;}  .comment header .info{   float:left;position:relative;}  .comment header menu{   display:none;position:absolute;top:0;right:0;width:250px;margin:0;padding:10px 0 10px 0;background:#fff;border:1px solid #ddd;box-shadow:3px 3px 6px #ddd;font-size:14px;text-align:left;z-index:100;}  .comment menu svg{   min-width:25px;}  .comment .info .name{   position:relative;font-size:16px;margin-right:5px;font-weight:bold;margin-right:5px;}  .comment[data-level='0'] .info .name{   font-size:20px;}  .comment .info .name.z500{   font-weight:bold;color:#E32471;}  .comment .info .province, .comment .info .my_construction{   color:#ca1d61;text-transform:uppercase;font-size:11px;}  .comment .info a.my_construction{   text-decoration:none;}  .comment .info .province{   color:#D8D8D8;}  .comment .info .new{   display:inline-block;margin-left:5px;padding:3px 5px;background:#E32471;text-transform:uppercase;font-size:11px;color:#fff;line-height:1em;}  .comment footer .date{   text-transform:none;color:#999;font-size:11px;margin:0 0 0 55px;}  .comment.sublevel footer .date{   margin:0 0 0 40px;}  .comment footer .date a{   color:#999;text-decoration:none;}  .comment header .options{   position:relative;display:inline-block;margin:-2px 0 2px 0;padding:0;vertical-align:middle;line-height:8px;}  .comment header > .options{   position:absolute;top:0;right:0;width:60px;text-align:right;}  .comment header .options .context{   display:inline-block;width:20px;height:16px;cursor:pointer;}  .comment .options .context{   background:url('/images/my_construction/gray-arrow.png') no-repeat center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}  .comment .body{   position:relative;padding:0 10px 0 50px;}  .comment.sublevel .body{   padding:0 10px 0 35px;}  .comment .body .options{   float:left;}  .comment .content{   padding:2px 10px 5px 5px;font-size:15px;line-height:22px;word-wrap:break-word;text-align:left;width:100%;max-width:650px;}  .comment .files{   padding:0 10px 0 5px;}  .comment.sublevel .content{   -webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;text-align:left;width:100%;max-width:600px;}  .comment.sublevel .content a{   color:#E32471;}  .comment .content .parent{   padding-right:10px;font-style:italic;}  .comment.z500 .content .parent{   color:#E32471;}  .comment footer{   text-align:left;margin:0 0 -20px 0;}  .comment.my footer{   margin:0 0 -7px 0;}  .comment footer a.btn-answer{   color:#666;text-decoration:none;font-size:13px;display:inline-block;vertical-align:top;padding:4px;float:right;}  .comment footer span.btn-answer, .comment .content .parent span.btn-answer{   background:url('/images/my_construction/answer-arrow.png') no-repeat 0 0;display:inline-block;width:19px;height:15px;float:right;margin-top:7px;}  .comment .content .parent span.btn-answer{   float:none;margin:10px -5px -2px 3px;line-height:10px;}   .comment.edit{   padding:0;background:transparent;border:0;}  .comment.edit .body{   padding:0 0 0 36px;}  .comment .body textarea{   width:100%;height:35px;min-height:35px;cursor:pointer;border:2px solid #999;padding:6px;font-size:14px;box-sizing:border-box;resize:vertical;}  .comment.edit .body textarea.invalid{   border:1px solid #f00;}  .flags{   position:absolute;left:0;top:-4px;width:50px;text-align:center;}  .comment.edit .flags{   top:35px;width:35px;}  .comment.sublevel .flags{   top:3px;width:35px;}  .flags .fa-flag, .flags .fa-lock{   display:block;font-size:15px;display:block;margin:8px auto 0 auto;width:auto;text-decoration:none;}  .flags .fa-flag, .comment.edit .flags .fa-flag.enabled{   color:#ca1d61;}  .flags .fa-lock, .comment.edit .flags .fa-lock.enabled{   color:red;}  .comment.edit .flags .fa-flag, .comment.edit .flags .fa-lock{   color:#bbb;margin:12px auto 0 auto;}  .comment .signature{   padding-top:5px;clear:left;}  .comment .signin{   display:flex;flex-wrap:wrap;width:100%;padding-top:1rem;align-items:center;}  .comment .btn{   display:inline-block;padding:5px 10px;background-color:#ca1c61;color:#fff;border:0;cursor:pointer;font-size:14px;}  .comment footer a.btn-answer:hover, .comment .info a.my_construction:hover, #load-more-comments:hover{   opacity:0.7;}  .comment .security > span{   padding:10px 0;font:13px 'Open Sans', Arial, sans-serif;color:#333;text-transform:uppercase;}  .comment .spacer{   margin:0 2rem;padding:15px 0;text-align:center;color:#CBCBCB;}  .comment.edit .row{   position:relative;padding:3px 0 2px 0;clear:left;}  .comment.edit .row label{   display:none;width:60px;}  .comment.edit .row.from_z500 label{   width:95px;float:left;line-height:2;}  .comment.edit label.add-files{   width:105px;float:right;clear:both;position:relative;font-size:12px;font-family:inherit;color:#333;cursor:pointer;overflow:hidden;}  .comment.edit label.add-files:hover{   color:#ca1d61;}  .comment.edit label.add-files input{   position:absolute;top:0;left:0;opacity:0;direction:ltr;cursor:pointer;width:100%;}  .comment.edit .row.submit{   text-align:right;font-size:14px;margin-bottom:-4px;clear:both;padding:0 0 3px 0;}  .comment.edit .row .error-msg{   display:inline-block;padding-left:10px;color:#f00;font-size:12px;}  .comment.edit .btn-cancel{   background:transparent;border:0 none;font:inherit;cursor:pointer;}  .comment.edit .btn-save{   padding:5px 20px;background:#ca1d61;border:0 none;font:inherit;color:#fff;cursor:pointer;height:38px;}  .comment.edit .btn-save:hover{   opacity:0.7;}  .comment.edit .files{   margin:5px 0;padding-left:2px;overflow:auto;}  .comment.edit .files .file{   position:relative;float:left;padding:5px;}  .comment.edit .files .file img, .comment .files .file-other, .comment.edit .files .file canvas{   width:90px;height:64px;z-index:1;cursor:default;}  .comment .files .file-other{   background:url('/images/icons/file_other.png') no-repeat center;}  .comment .files a.file-other{   display:block;cursor:pointer;}  .comment.edit .files .progress-bar{   position:relative;margin:4px 0 0 0;width:90px;height:6px;background:#ddd;}  .comment.edit .files .progress-bar .progress{   width:0%;height:6px;background-image:linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-o-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-moz-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-webkit-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-ms-linear-gradient(bottom, #6abb01 50%, #84d020 50%);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.50, #6abb01), color-stop(0.50, #84d020));}  .comment.edit .files .remove{   display:block;position:absolute;top:8px;right:8px;width:20px;height:20px;box-sizing:border-box;padding:3px 0 0 0;background:#fff;border:1px solid #ca1d61;text-decoration:none;text-align:center;z-index:2;color:#ca1d61;}  .comment.edit .files .remove:hover{   background:#ca1d61;border:1px solid #fff;color:#fff;}  .comment .files img, .comment .files canvas{   cursor:pointer;}   .comment.sublevel{   margin-left:50px;border:0;}   .comment menu{   display:none;position:absolute;top:10px;right:0;width:240px;padding:10px 0 10px 0;background:#fff;border:1px solid #ddd;box-shadow:3px 3px 6px #ddd;font:13px 'Open Sans', sans-serif;z-index:100;}  .comment menu ul{   list-style:none;}  .comment menu ul li:not(.separator){   display:block;padding:6px 10px;color:#666;cursor:pointer;}  .comment menu ul li hr{   padding:0.5rem 0;}  .comment menu ul li:not(.separator):hover, .comment menu ul li:not(.separator):hover svg{   color:#E6538E;fill:#E6538E;}  .comment menu ul li a{   text-decoration:none;}  .comment menu ul li > * span{   display:inline-block;width:25px;height:25px;margin-right:10px;background:transparent url('/images/my_construction/menu-icons.png') no-repeat 0 0;vertical-align:middle;}  .comment menu ul li.mark svg{   transform:rotate(45deg);}  .comment menu ul li .answers span{   background-position:-125px 0;}  .comment menu ul li .answer span{   background-position:-325px 0;}  .comment menu ul li .delete span{   background-position:-25px 0;}  .comment menu ul li .mark-spam span{   background-position:-475px 0;}  .comment menu ul li > *:hover span{   background-position-y:-25px;}  #comments-not-found{   padding:20px;background:#ffeff5;font-size:16px;line-height:22px;text-align:center;}  .comments-filters{   width:100%;height:24px;margin:15px 0;float:left;clear:both;background:#fff;}  .comments-filters > div{   float:left;margin:0;padding:0;position:relative;z-index:1;background:#F5F6F5;width:36%;}  .comments-filters > div:first-of-type{   width:32%;}  .comments-filters > div > ul{   margin:0;padding:5px 20px 10px 20px;height:125px;display:none;background:#fff;border:1px solid #ccc;box-shadow:4px 4px 9px #999;border-top-width:0;list-style:none;}  .comments-filters > div > ul li{   margin:5px 0;font-size:14px;}  .comments-filters > div:nth-of-type(2) > ul{   height:415px;}  .comments-filters > div > h4{   padding:5px 20px;margin:0;background:#fff;font-size:14px;line-height:1;font-weight:bold;cursor:pointer;border-bottom:2px solid #dcdbdb;position:relative;}  .comments-filters > div.selected h4{   border-bottom:2px solid #ca1d61;}  .comments-filters > div > h4 .context{   display:inline-block;width:20px;height:16px;position:absolute;left:120px;}  .comments-filters > div:nth-of-type(2) > h4 .context{   left:77px;}  .comments-filters > div > h4 .context{   background:url('/images/my_construction/gray-arrow.png') no-repeat center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}  .comments-filters > div:last-of-type{   width:32%;}  .comments-filters > div:last-of-type > ul{   height:90px;}  .comments-filters a{   color:#333;text-decoration:none;display:block;width:100%;}  .comments-filters a.selected{   color:#ca1d61;}  .comments-filters a:hover{   text-decoration:underline;}   @media screen and (max-width:800px){   #comments{max-width:600px;}    .comment.edit .row.submit{     margin-bottom:35px;position:relative;top:30px;} }  @media screen and (max-width:600px){   #comments{     max-width:340px;}    .comment .body{     padding:0 10px 0 20px;}    .comment footer .date{     margin:0 0 0 25px;}    .flags{     width:18px;} }  @media screen and (max-width:450px){   .comment{     padding:10px 0;}    .comment .content{     width:96%;}    .comment .body .flags{     display:none;}    .comment .spacer{     padding:18px 10px 0 0;margin-left:-5px;}    .comment.edit .security input{     width:126px;}    .comment[data-level='0'] .body{     padding:0;}    .comment.sublevel{     margin-left:0;}    .comment footer .date{     margin:0 0 0 5px;}    .comment.edit .btn-save{     margin-top:18px;}    .comment.edit .row .error-msg{     padding-left:0;height:13px;line-height:1;overflow:hidden;font-size:13px;}    .comments-filters{     display:none;} }     .royalSlider{  width:600px;height:400px;position:relative;direction:ltr;} .royalSlider > *{  float:left;}  .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink{  -webkit-backface-visibility:hidden;} .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer{     -webkit-transform:none;} .rsOverflow{  width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap{  width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap .rsOverflow{  position:absolute;left:0;top:0;} .rsContainer{  position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}  .rsArrow, .rsThumbsArrow{  cursor:pointer;}  .rsThumb{  float:left;position:relative;}   .rsArrow, .rsNav, .rsThumbsArrow{  opacity:1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;} .rsHidden{  opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;transition:visibility 0s linear 0.3s,opacity 0.3s linear;}   .rsGCaption{  width:100%;float:left;text-align:center;}   .royalSlider.rsFullscreen{  position:fixed !important;height:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:2147483647 !important;top:0 !important;left:0 !important;bottom:0 !important;right:0 !important;}  .royalSlider .rsSlide.rsFakePreloader{  opacity:1 !important;-webkit-transition:0s;-moz-transition:0s;-o-transition: 0s;transition: 0s;display:none;}  .rsSlide{  position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%;}  .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide{  height:auto;}  .rsContent{  width:100%;height:100%;position:relative;}  .rsPreloader{  position:absolute;z-index:0;}  .rsNav{  -moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;} .rsNavItem{  -webkit-tap-highlight-color:rgba(0,0,0,0.25);}  .rsThumbs{  cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22;} .rsTabs{  float:left;background:none !important;} .rsTabs, .rsThumbs{  -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}   .rsVideoContainer{  width:auto;height:auto;line-height:0;position:relative;} .rsVideoFrameHolder{  position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s;} .rsVideoFrameHolder.rsVideoActive{  opacity:1;} .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj{  position:absolute;z-index:50;left:0;top:0;width:100%;height:100%;}  .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed{  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px;}  .rsABlock{  left:0;top:0;position:absolute;z-index:15;}  img.rsImg{  max-width:none;}  .grab-cursor{  cursor:url('/css/royalslider/grab.png') 8 8, move;}  .grabbing-cursor{  cursor:url('/css/royalslider/grabbing.png') 8 8, move;}  .rsNoDrag{  cursor:auto;}  .rsLink{  left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url('/css/royalslider/blank.gif');}       .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{  background:#151515;color:#FFF;}     .rsDefault .rsArrow{  height:100%;width:44px;position:absolute;display:block;cursor:pointer;z-index:21;} .rsDefault.rsVer .rsArrow{  width:100%;height:44px;} .rsDefault.rsVer .rsArrowLeft{top:0;left:0;} .rsDefault.rsVer .rsArrowRight{bottom:0;left:0;}  .rsDefault.rsHor .rsArrowLeft{left:0;top:0;} .rsDefault.rsHor .rsArrowRight{right:0;top:0;}  .rsDefault .rsArrowIcn{    width:32px;height:32px;top:50%;left:50%;margin-top:-16px;margin-left:-16px;position:absolute;cursor:pointer;background:url('/css/royalslider/default/rs-default.png');background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;border-radius:2px;} .rsDefault .rsArrowIcn:hover{  background-color:rgba(0,0,0,0.9);}  .rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background-position:-64px -32px;} .rsDefault.rsHor .rsArrowRight .rsArrowIcn{background-position:-64px -64px;}  .rsDefault.rsVer .rsArrowLeft .rsArrowIcn{background-position:-96px -32px;} .rsDefault.rsVer .rsArrowRight .rsArrowIcn{background-position:-96px -64px;}  .rsDefault .rsArrowDisabled .rsArrowIcn{opacity:.2;filter:alpha(opacity=20);*display:none;}     .rsDefault .rsBullets{  position:absolute;z-index:35;left:0;bottom:0;width:100%;height:auto;margin:0 auto;background:#000;background:rgba(0,0,0,0.75);text-align:center;line-height:8px;overflow:hidden;} .rsDefault .rsBullet{  width:8px;height:8px;display:inline-block;*display:inline;*zoom:1;padding:6px 5px 6px;} .rsDefault .rsBullet span{  display:block;width:8px;height:8px;border-radius:50%;background:#777;background:rgba(255,255,255,0.5);} .rsDefault .rsBullet.rsNavSelected span{  background-color:#FFF;}        .rsDefault .rsThumbsHor{  width:100%;height:72px;} .rsDefault .rsThumbsVer{  width:96px;height:100%;position:absolute;top:0;right:0;} .rsDefault.rsWithThumbsHor .rsThumbsContainer{  position:relative;height:100%;} .rsDefault.rsWithThumbsVer .rsThumbsContainer{  position:relative;width:100%;} .rsDefault .rsThumb{  float:left;overflow:hidden;width:96px;height:72px;} .rsDefault .rsThumb img{  width:100%;height:100%;} .rsDefault .rsThumb.rsNavSelected{  background:#02874a;} .rsDefault .rsThumb.rsNavSelected img{  opacity:0.3;filter:alpha(opacity=30);} .rsDefault .rsTmb{  display:block;}   .rsDefault .rsTmb h5{  font-size:16px;margin:0;padding:0;line-height:20px;color:#FFF;} .rsDefault .rsTmb span{  color:#DDD;margin:0;padding:0;font-size:13px;line-height:18px;}     .rsDefault .rsThumbsArrow{  height:100%;width:20px;position:absolute;display:block;cursor:pointer;z-index:21;background:#000;background:rgba(0,0,0,0.75);} .rsDefault .rsThumbsArrow:hover{  background:rgba(0,0,0,0.9);} .rsDefault.rsWithThumbsVer .rsThumbsArrow{  width:100%;height:20px;} .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft{top:0;left:0;} .rsDefault.rsWithThumbsVer .rsThumbsArrowRight{bottom:0;left:0;}  .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft{left:0;top:0;} .rsDefault.rsWithThumbsHor .rsThumbsArrowRight{right:0;top:0;}  .rsDefault .rsThumbsArrowIcn{    width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;position:absolute;cursor:pointer;background:url('/css/royalslider/default/rs-default.png');}  .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-128px -32px;} .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-128px -48px;}  .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-144px -32px;} .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-144px -48px;}  .rsDefault .rsThumbsArrowDisabled{display:none !important;}   @media screen and (min-width:0px) and (max-width:800px){  .rsDefault .rsThumb{   width:59px;height:44px;}  .rsDefault .rsThumbsHor{   height:44px;}  .rsDefault .rsThumbsVer{   width:59px;} }       .rsDefault .rsTabs{  width:100%;height:auto;margin:0 auto;text-align:center;overflow:hidden;padding-top:12px;position:relative;} .rsDefault .rsTab{  display:inline-block;cursor:pointer;text-align:center;height:auto;width:auto;color:#333;padding:5px 13px 6px;min-width:72px;border:1px solid #D9D9DD;border-right:1px solid #f5f5f5;text-decoration:none;background-color:#FFF;background-image:-webkit-linear-gradient(top, #fefefe, #f4f4f4);background-image:   -moz-linear-gradient(top, #fefefe, #f4f4f4);background-image:        linear-gradient(to bottom, #fefefe, #f4f4f4);-webkit-box-shadow:inset 1px 0 0 #fff;box-shadow:inset 1px 0 0 #fff;*display:inline;*zoom:1;} .rsDefault .rsTab:first-child{  -webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;} .rsDefault .rsTab:last-child{  -webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-right: 1px solid #cfcfcf;} .rsDefault .rsTab:active{  border:1px solid #D9D9DD;background-color:#f4f4f4;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;} .rsDefault .rsTab.rsNavSelected{  color:#FFF;border:1px solid #999;text-shadow:1px 1px #838383;box-shadow:0 1px 9px rgba(102, 102, 102, 0.65) inset;background:#ACACAC;background-image:-webkit-linear-gradient(top, #ACACAC, #BBB);background-image:-moz-llinear-gradient(top, #ACACAC, #BBB);background-image:linear-gradient(to bottom, #ACACAC, #BBB);}        .rsDefault .rsFullscreenBtn{  right:0;top:0;width:44px;height:44px;z-index:22;display:block;position:absolute;cursor:pointer;} .rsDefault .rsFullscreenIcn{  display:block;margin:6px;width:32px;height:32px;background:url('/css/royalslider/default/rs-default.png') 0 0;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;border-radius:2px;} .rsDefault .rsFullscreenIcn:hover{  background-color:rgba(0,0,0,0.9);} .rsDefault.rsFullscreen .rsFullscreenIcn{  background-position:-32px 0;}        .rsDefault .rsPlayBtn{  -webkit-tap-highlight-color:rgba(0,0,0,0.3);width:64px;height:64px;margin-left:-32px;margin-top:-32px;cursor:pointer;} .rsDefault .rsPlayBtnIcon{  width:64px;display:block;height:64px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;background:url('/css/royalslider/default/rs-default.png') no-repeat 0 -32px;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;} .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon{  background-color:rgba(0,0,0,0.9);} .rsDefault .rsBtnCenterer{  position:absolute;left:50%;top:50%;} .rsDefault .rsCloseVideoBtn{  right:0;top:0;width:44px;height:44px;z-index:500;position:absolute;cursor:pointer;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);} .rsDefault .rsCloseVideoBtn.rsiOSBtn{  top:-38px;right:-6px;}  .rsDefault .rsCloseVideoIcn{  margin:6px;width:32px;height:32px;background:url('/css/royalslider/default/rs-default.png') -64px 0;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;} .rsDefault .rsCloseVideoIcn:hover{  background-color:rgba(0,0,0,0.9);}      .rsDefault .rsPreloader{  width:20px;height:20px;background-image:url('/css/royalslider/default/../preloaders/preloader-white.gif');left:50%;top:50%;margin-left:-10px;margin-top:-10px;}      .rsDefault .rsGCaption{  position:absolute;float:none;bottom:6px;left:6px;text-align:left;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.75);color:#FFF;padding:2px 8px;width:auto;font-size:12px;border-radius:2px;}   #my-construction{   max-width:1450px;margin:0 auto auto auto;padding:10px 0 30px 0;font-size:17px;}  #my-construction .welcome a{color:#333;}  #my-construction .welcome header h1, #my-construction .stages h1, #my-construction .archive h1, .construction-site h1{   text-transform:uppercase;font-weight:100;font-size:50px;text-align:center;}  #my-construction .welcome header p{   line-height:1.2;text-align:center;text-transform:uppercase;font-size:23px;font-weight:100;}  #my-construction .welcome figure{   display:flex;justify-content:center;margin:42px auto 22px auto;color:#333;} #my-construction .welcome figure:after{content:".";display:block;height:0;clear:both;visibility:hidden;}  #my-construction .welcome figure div{   width:219px;padding:10px;text-align:center;font-size:16px;line-height:1.5em;}  #my-construction .welcome figure div:nth-child(4){   width:220px;}  #my-construction .welcome footer{   padding-bottom:28px;text-align:right;font-size:13px;text-align:center;}  #my-construction .welcome footer button{   margin-top:1em;padding:7px 20px;background:#e8548e;background:-moz-linear-gradient(top,  #e8548e 0%, #ca1d61 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8548e), color-stop(100%,#ca1d61));background:-webkit-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:-o-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:-ms-linear-gradient(top,  #e8548e 0%,#ca1d61 100%);background:linear-gradient(to bottom,  #e8548e 0%,#ca1d61 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8548e', endColorstr='#ca1d61',GradientType=0 );border:0 none;font:normal 17px 'Open Sans', sans-serif;color:#fff;cursor:pointer;}  #my-construction .welcome footer button:hover{opacity:0.75;}  #my-construction .stages header > div{   display:flex;justify-content:space-between;align-items:center;}  #my-construction .stages header #mc-search-form{   width:344px;height:55px;padding:15px;background:#ca1d61;color:#fff;font:13px 'Open Sans', sans-serif;}  #my-construction .stages header #mc-search-form p{   margin:0;padding:0 0 4px 0;}  #my-construction .stages header #mc-search-form input{   width:290px;padding:5px 5px;border-top:1px solid #dbdcde;border-left:1px solid #dbdcde;border-radius:2px;-webkit-border-radius:2px;color:#333;} #my-construction .stages header #mc-search-form button{   width:25px;height:26px;border:0 none;padding:0;margin-left:8px;background:transparent url('/images/my_construction/ico-magnifier-white.png') no-repeat;vertical-align:middle;cursor:pointer;}  .ui-menu .mc-item.ui-menu-item a{padding:1px;border:1px solid #fff;cursor:pointer;} .ui-menu .mc-item.ui-menu-item a.ui-state-hover{border:1px solid #999;} .ui-menu .mc-item.ui-menu-item a img{vertical-align:top;width:60px;} .ui-menu .mc-item.ui-menu-item a span{display:inline-block;} .ui-menu .mc-item.header{padding:0;background:#f4f4f4;line-height:1.5;} .ui-menu .mc-item.header a{font-weight:bold;} .ui-menu .mc-item.header:hover a{border:1px solid #999;}  #my-construction .archive{   padding:10px 0;border-top:1px solid #000;}  #my-construction .stages h1, #my-construction .archive h1{   color:#000;}  #my-construction .stages h1 span, #my-construction .archive h1 span{color:#ca1d61;}  #my-construction .stages header > p{   padding-top:1em;text-align:center;}  #my-construction .stages .filters{   display:flex;justify-content:space-between;align-items:center;margin:4rem auto;padding:1rem;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:1.5;}  #my-construction .stages .filters ul{   display:block;margin-top:1rem;}  #my-construction .stages .filters ul li{   display:inline-block;padding:0 1rem 0 0;}  #my-construction .stages .filters ul li a{   padding:2px 5px;text-decoration:none;color:#333;}  #my-construction .stages .filters ul li a:hover{background:#f4f4f4;} #my-construction .stages .filters ul li a.selected{background:#ddd;}  #my-construction .stages .filters .sort select{display:none;} #my-construction .stages .filters .province select, #my-construction .stages .filters > select{   display:block;margin-top:1rem;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;}  .mc-listing-big ul{   display:flex;flex-wrap:wrap;justify-content:center;flex-grow:1;list-style:none;}  .mc-listing-big ul li{   min-width:347px;width:25%;margin:0;}  .mc-listing-big ul li .banner{   padding-top:70px;}  .mc-listing-big ul li > div{position:relative;width:304px;margin:auto;}  .mc-listing-big .header{   position:relative;padding:5px 0;}  .mc-listing-big .header h2{   margin:0;font:bold 17px 'Open Sans', sans-serif;max-height:24px;overflow:hidden;}  .mc-listing-big .header h3{   margin:0;font:17px 'Open Sans', sans-serif;}  .mc-listing-big .header .popularity{   margin:4px 0 2px auto;height:16px;background:url('/images/my_construction/star-gray.png') repeat-x right center;}  .mc-listing-big h4{   position:absolute;top:50px;left:0;width:100px;padding:7px 7px;margin:0;background:#000;font-size:15px;color:#fff;}  .mc-listing-big h4:after{   position:absolute;bottom:-5px;display:block;content:' ';width:0;height:0;border-left:6px solid #000;border-bottom:6px solid #000;border-right:6px solid transparent;border-top:6px solid transparent;transform:rotate(-45deg);}   .mc-listing-big .arrow{   position:absolute;top:86px;left:15px;}  .mc-listing-big .header .province{   font-size:11px;color:#666;}  .mc-listing-big .header p{   margin:0;}  .mc-listing-big .header.own{   padding:5px 10px;background:#252525;} .mc-listing-big .header h2 a, .mc-listing-big .header h3 a{color:#333;} .mc-listing-big .header.own h2, .mc-listing-big .header.own h3, .mc-listing-big .header.own h2 a, .mc-listing-big .header.own h3 a{color:#fff;} .mc-listing-big .header h2 a, .mc-listing-big .header h3 a{text-decoration:none;} .mc-listing-big .header a:hover{opacity:0.75;}  .mc-listing-big .header .watched{   position:absolute;top:3px;right:0;display:block;width:33px;height:33px;background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -90px;}  .mc-listing-big img{   display:block;width:304px;height:172px;padding-bottom:3px;} .mc-listing-big img:hover{opacity:0.75;}  .mc-listing-big .photo{   position:absolute;top:213px;left:10px;padding:0 0 0 30px;background:url('/images/my_construction/sheets-white.png') no-repeat left center;color:#fff;font:bold 12px 'Open Sans', sans-serif;text-shadow:1px 1px 0 #000, 0 0 2px #fff;}  .mc-listing-big .new, .mc-listing-big .total-cost{   display:block;position:absolute;top:210px;right:10px;padding:4px 5px;background:#ca1d61;font-size:12px;color:#fff;} .mc-listing-big .total-cost{font-size:20px;top:198px;} .mc-listing-big .footer{   font-size:10px;color:#999;}  .mc-listing-big .footer p{   display:inline-block;padding-top:2px;}  .mc-listing-big .footer span{   padding:0 5px 0 2px;color:#000;}  .mc-listing-big .progress-background{   width:100%;height:7px;background:#dbdcdb;}  .mc-listing-big .progress{   height:7px;background:#3fd626;background:-moz-linear-gradient(top,  #3fd626 0%, #1aa204 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fd626), color-stop(100%,#1aa204));background:-webkit-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:-o-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:-ms-linear-gradient(top,  #3fd626 0%,#1aa204 100%);background:linear-gradient(to bottom,  #3fd626 0%,#1aa204 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fd626', endColorstr='#1aa204',GradientType=0 );}  #my-construction .archive ul{   padding-top:10px;list-style:none;}  #my-construction .archive ul li{   float:left;padding:0 5px 15px 5px;}  #my-construction .archive img{   width:120px;height:90px;border:1px solid #ccc;cursor:pointer;}  #my-construction .archive img:hover{opacity:0.75;}  #my-construction.construction-site .listing-big{   border-bottom:1px solid #333;} #my-construction.construction-site .construction-details{width:100%;padding:40px 0;margin:0 auto;background:#fff;} #my-construction.construction-site .construction-details header{   position:relative;height:75px;margin:0 40px;}  #my-construction.construction-site .construction-details header img{   float:left;height:75px;margin-right:15px;}  #my-construction.construction-site .construction-details h1{   padding:5px 0 3px 0;font-size:20px;font-weight:bold;text-transform:none;margin-bottom:3px;text-align:left;}  #my-construction.construction-site .construction-details h2{   font:14px 'Open Sans', sans-serif;color:#999;text-align:left;text-transform:none;}  #my-construction.construction-site .construction-details h4{   position:absolute;top:75px;margin-top:0;left:0;width:90px;padding:5px 7px;background:#ca1d61;font-size:18px;font-weight:bold;color:#fff;}  #my-construction.construction-site .construction-details .arrow{   position:absolute;left:15px;top:109px;}  #my-construction.construction-site header h2{   text-align:left;font:bold 18px 'Open Sans', sans-serif;text-transform:uppercase;}  #my-construction.construction-site header h2 span{color:#ca1d61;}  #my-construction.construction-site header .new-events{   display:none;position:absolute;top:27px;right:20px;font-size:14px;}  #my-construction.construction-site header .new-events span{   display:inline-block;padding:3px 5px;background:#ca1d61;font-weight:bold;color:#fff;}  .construction-site .content{   display:flex;flex-wrap:wrap;height:200px;margin:0 40px;background:#fff;}  .construction-site .content .left-col{   width:300px;height:170px;border-bottom:1px solid #f4f4f4;}  .construction-site .content .right-col{   position:relative;display:flex;padding:17px 0 0 0;border-bottom:1px solid #f4f4f4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f4f4);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f4f4f4)";background-image:linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-o-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-moz-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-webkit-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-ms-linear-gradient(bottom, #FFFFFF 90%, #F4F4F4 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.9, #FFFFFF),color-stop(1, #F4F4F4));font-size:12px;}  .construction-details .third-col div{   display:flex;width:100%;height:30px;}  .construction-details .third-col div p{   display:inline-block;width:50%;font-size:14px;}  .construction-details .third-col div p.icn{   padding-left:40px;margin-left:20px;min-width:25px;}  .construction-details .third-col div .last-activity{   padding:0;color:#000;font-weight:bold;}  #my-construction.construction-site .construction-details header .popularity{   margin:0;height:16px;background:url('/images/my_construction/star-gray.png') repeat-x left center;position:absolute;top:17px;right:0;}  .construction-details .second-col{   float:left;width:800px;height:145px;padding:5px 30px 3px 30px;box-sizing:border-box;overflow:hidden;}  .construction-details .second-col p{   text-transform:uppercase;margin-bottom:9px;}  .construction-details .second-col p a{   text-decoration:none;color:#ca1d61;}  .construction-site .content .left-col  a img:hover, .construction-details .second-col p a:hover{opacity:0.75;}  .construction-details .second-col div{   line-height:1.8;}  .construction-details .second-col div:first-line{   font-weight:bold;}  .construction-details .construction-cost{   padding-top:1em;font-size:16px;font-weight:bold;}  .construction-details .third-col{   display:flex;flex-wrap:wrap;width:calc(230px - 1.5rem);height:139px;padding:0;padding-left:1.5rem;border-left:1px solid #f4f4f4;}  .construction-details .third-col .icon1{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -2px;} .construction-details .third-col .icon2{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -31px;} .construction-details .third-col .icon3{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -63px;} .construction-details .third-col .icon4{background:url('/images/my_construction/icons-popularity.png') no-repeat 0 -95px;}  .ajax-empty-msg{   padding:10px;text-align:center;font-size:14px;}  .ajax-empty-msg a{color:#ca1d61;}  article.stages{margin-top:20px;} article.archive{clear:both;margin-top:20px;display:inline-block;width:100%;} article.archive ul{margin:auto;width:1720px;}  #my-construction{   max-width:1450px;padding:0 1em;margin:auto;box-sizing:border-box;}  #project #project-content article.archive ul{margin:auto;width:1320px;}  .mc-listing-big .total-cost, .mc-listing-big .partial-cost{position:absolute;right:10px;top:188px;font-size:26px;padding:6px;cursor:pointer;} .mc-listing-big .partial-cost{background:#b6b6b6;cursor:pointer;} .mc-listing-big .new{top:80px;} .mc .star{display:none;}  @media screen and (max-width:1870px){   article.archive ul{width:1320px !important;} } @media screen and (max-width:1560px){   article.archive ul{width:1060px !important;}   #my-construction .stages .filters ul{display:none;}   #my-construction .stages .filters .sort select{display:inline-block;}   #my-construction.construction-site .construction-details{max-width:1050px;}   .construction-details .second-col{width:400px;} } @media screen and (max-width:1300px){   #my-construction.construction-site header h2{margin-bottom:30px;}   #my-construction .stages header #mc-search-form{top:60px;padding:4px 10px;}   #my-construction .stages header #mc-search-form .arrow{display:none;} } @media screen and (max-width:1190px){   article.archive ul{width:660px !important;}   #footer > div{width:100%;}    #my-construction.construction-site .construction-details{max-width:900px;}   .construction-details .second-col{padding:5px 15px 3px 15px;width:280px;} } @media screen and (max-width:1024px){   #my-construction.construction-site .construction-details {max-width:730px;padding:20px 0;}   #my-construction.construction-site .construction-details header{margin:0 20px;}   .construction-site .content{height:180px;margin:0 20px;}   .construction-site .content .left-col{width:230px;height:130px;}   .construction-site .content .left-col img{width:230px;height:auto;}   .construction-details .second-col{padding:0 10px 3px 10px;width:265px;height:110px;}   .construction-details .second-col div{height:60px;line-height:1.5;}   .construction-details .third-col{height:105px;padding:0 15px 3px 15px;}   .construction-details .third-col div{height:23px;}   #my-construction .stages header > div{     display:flex;justify-content:center;align-items:center;flex-direction:column;}    #my-construction .welcome figure{flex-wrap:wrap;max-width:600px;} } @media screen and (max-width:830px){   article.archive ul{width:270px !important;}   #my-construction .stages .filters{height:auto;font-size:16px;}   #my-construction .stages .filters .sort{display:block;float:none;width:350px;margin:auto auto 5px auto;}   #my-construction .stages .filters .province{display:block;float:none;width:350px;margin:auto;}   #my-construction.construction-site .construction-details {max-width:370px;}   .construction-site .content{margin-bottom:20px;height:auto;width:88%;}   .construction-site .content .left-col{height:auto;float:none;width:100%;}     .construction-site .content .left-col img{width:100%;height:auto;}   .construction-site .content .right-col{width:100%;height:auto;padding:0;float:none;}   .construction-details .second-col{width:100%;padding:0;height:auto;float:none;}   .construction-details .second-col p{padding:5px;margin:0;}   .construction-details .second-col div{height:auto;text-align:justify;padding:0;}   .construction-details .third-col{border-left:0;padding:10px 0 0 0;margin:auto;float:none;width:150px;height:auto;}   .construction-details .third-col div{height:30px;}   #my-construction.construction-site .construction-details header img{margin-right:5px;}   #my-construction.construction-site .construction-details header h1{padding:0;margin-top:5px;line-height:1.1;}   #my-construction.construction-site .construction-details header .popularity{top:-20px;}   #project .breadcrumbs, #project nav#next-prev .info {width:360px;} } @media screen and (max-width:700px){   #my-construction .welcome header h1, #my-construction .stages h1, #my-construction .archive h1, .construction-site h1{font-size:36px;}   #my-construction .welcome figure{width:244px;}   #my-construction.construction-site header h2{text-align:center} } @media screen and (max-width:390px){   #my-construction .stages header #mc-search-form{width:95%;right:auto;margin-right:0;left:0;}   #my-construction .stages header #mc-search-form input{width:80%;}   #my-construction .stages h1{font-size:42px;}   #my-construction .stages .filters .sort, #my-construction .stages .filters .province{width:auto;}   #my-construction .stages .filters .sort select, #my-construction .stages .filters .province select{display:block;} }   