#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;} }   #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;}  #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;} }