#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;} }   body.disable-overflow{overflow:hidden;} #content.map{padding:0;} #content-body{width:100%;} #content-body.mc-main{padding:20px 0 40px 0;position:relative;} .post-search #content-body{padding:0 0 40px 0;} .map #content-body{padding:0;}  .sub-menu{   position:relative;width:100%;padding:5px 0;background:#eee;z-index:99;font-size:16px;text-align:center;}  .sub-menu > div{   display:flex;width:min-content;margin:auto;gap:10px;color:#333;}  .sub-menu > div > div{width:148px;text-align:center;padding:10px 0;} .sub-menu.map > div > div{width:248px;}  .sub-menu.map ul{   position:absolute;top:50px;padding:10px 0;display:none;height:0;background-color:var(--bg-color);border:1px solid #ccc;border-radius:5px;z-index:1;overflow-y:auto;min-width:200px;} .sub-menu.map ul::-webkit-scrollbar{width:12px;} .sub-menu.map ul::-webkit-scrollbar-track{background-color:#595959;} .sub-menu.map ul::-webkit-scrollbar-thumb{background-color:#a3a3a3;} .sub-menu.map li + li{padding-top:5px;} .sub-menu.map svg[class*="fa-"]{margin-left:8px;} .sub-menu a, .sub-menu .item{color:#333;font-size:17px;text-decoration:none;text-transform:uppercase;cursor:pointer;} .sub-menu li a{font-size:15px;} .sub-menu a.sel, .sub-menu .item.sel, .sub-menu a:hover, .sub-menu .item:hover{color:var(--link-color);} .mc-search-bar{width:100%;max-width:1600px;text-align:right;margin:auto;} .post-search .mc-search-bar{max-width:none;} .post-search .mc-search-bar form{margin:0 40px 20px 0;} .mc-search-bar.search{max-width:1200px;padding-bottom:20px;border-bottom:1px solid #ccc;} .map .mc-search-bar{position:absolute;top:40px;right:40px;width:auto;z-index:1;}  #mc-search-form{   width:395px;height:70px;z-index:1;}  .search #mc-search-form{height:auto;}  #mc-search-form input{   width:250px;padding:1rem;vertical-align:top;border:1px solid #d7d7d7;font-size:16px;max-height:44px;outline:none;}  #mc-search-form button{   border:0;width:44px;height:44px;vertical-align:top;background:#ca1d61;color:#fff;text-align:center;font-size:30px;cursor:pointer;}  #mc-search-form button:hover, .map .mc-window .close:hover, .mc-box a.mc-post:hover, #mc-wall-entries article a:hover img, #mc-wall-entries header a:hover{opacity:0.75;} .mc-item.ui-menu-item{   line-height:1;}  .mc-item.ui-menu-item a{   display:block;}  .mc-item.ui-menu-item img{   width:60px;height:34px;}  .mc-box{width:100%;max-width:1220px;height:335px;margin:40px auto 10px auto;} .mc-box.search{max-width:900px;position:relative;} .mc-box > div{float:left;height:100%;} .mc-box .left{width:calc(100% - 320px);position:relative;} .mc-box .right{width:260px;height:335px;padding:0 0 0 30px;font-size:14px;overflow:hidden;} .mc-box .right > div{position:relative;} .mc-box .right > div:first-child p{min-height:25px;max-height:230px;padding:25px 0 0 0;position:relative;overflow:hidden;font-size:15px;line-height:normal;text-align:justify;} .mc-box a.mc-post{position:absolute;left:0;bottom:-28px;text-transform:uppercase;font-size:11px;color:#000;text-decoration:none;z-index:1;} .mc-box .right .fa-quote-left{position:absolute;left:0;top:0;font-size:20px;} .mc-box .right .fa-quote-right{position:absolute;right:0;bottom:-26px;font-size:20px;} .mc-box .right > div:nth-child(2){padding-top:38px;} .mc-box .right > div:nth-child(2) img{width:34px;height:34px;border-radius:17px;} .mc-box .right > div:nth-child(2) span{font-size:14px;position:relative;left:3px;top:-10px;} .mc-box .background{display:block;width:100%;height:100%;position:relative;overflow:hidden;} .mc-box .position{position:absolute;left:2px;top:35px;font-size:100px;color:#fff;text-shadow:1px 1px #999;z-index:2;} .mc-box .position.best{font-size:140px;top:50px;left:15px;} .mc-box .background img{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .mc-box .data{width:225px;padding:20px 15px 15px 15px;position:absolute;left:120px;top:0;background:#fff;z-index:1;} .mc-box .data .watched{position:absolute;right:5px;top:5px;font-size:17px;color:#ca1d61;} .mc-box .owners{margin:auto;text-align:center;margin:5px 0;min-height:100px;} .mc-box .owner{vertical-align:top;display:inline-block;text-align:center;width:105px;} .mc-box .avatar{width:86px;height:86px;border-radius:43px;} .mc-box .owner span{display:block;line-height:1;font-size:12px;} .mc-box .owner-names{text-align:center;margin-top:10px;width:225px;height:100px;display:table-cell;vertical-align:middle;} .mc-box .owner-name{font-size:29px;line-height:normal;} .mc-box .project-bar{width:100%;height:30px;background:#333;overflow:hidden;font-size:15px;color:#fff;margin:10px 0;} .mc-box .project-bar .symbol, .mc-box .project-bar .cost{line-height:20px;padding:5px;} .mc-box .symbol{background:#ca1d61;} .mc-box .progress-bar{   width:100%;height:7px;background:#dbdcdb;} .mc-box .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 );} .mc-box .mc-stat{width:100%;line-height:normal;margin-top:5px;} .mc-box .mc-stat p{display:inline-block;padding-top:2px;font-size:10px;color:#999;margin-bottom:0px;} .mc-box .mc-stat span{padding:0 5px 0 2px;color:#000;} .mc-box .trend{width:90px;height:335px;position:absolute;left:-45px;top:0;z-index:1;} .mc-box .trend svg{font-size:160px;color:#ccc;opacity:0.5;position:absolute;left:0;top:0;} .mc-box .trend .fa-long-arrow-up{top:auto;bottom:0;} .mc-box .trend .fa-pause{font-size:80px;left:7px;top:127px;} #mc_google_map{width:100%;height:calc(100vh - 182px);min-height:880px;} .mc-data{display:none;} .mc-tooltip h3{margin:0;} .mc-tooltip h4{color:#ca1d61;margin:0;} .map .mc-window{width:650px;max-width:99%;height:455px;padding:0;background:#fff;border-right:1px solid #ca1d61;border-bottom:1px solid #ca1d61;position:absolute;left:0;top:0;z-index:1;display:none;} .map .mc-window .close{position:absolute;top:5px;right:10px;color:#fff;font-size:30px;cursor:pointer;z-index:2;text-shadow:1px 1px #000;} .mc-window .mc-info{width:100%;height:100%;overflow:hidden;} .mc-window .mc-info > div{width:100%;position:relative;} .mc-window .mc-info .top{height:335px;overflow:hidden;} .mc-window .mc-info .top header{position:absolute;top:100px;width:100%;text-align:center;z-index:2;color:#fff;} .mc-window .mc-info .top > a{display:block;position:relative;width:100%;height:100%;z-index:1;} .mc-window .mc-info .top img{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .mc-window .mc-info .top h2, .mc-window .mc-info .top h3, .mc-window .mc-info .top h4{margin:0;text-shadow:2px 2px #000;} .mc-window .mc-info .top h2{font-size:30px;margin-top:5px;} .mc-window .mc-info .top h3{font-size:60px;line-height:1.1;} .mc-window .mc-info .top h4{font-size:17px;text-transform:uppercase;margin-top:50px;} .mc-window .mc-info .top h4.days.hide{display:none;} .mc-window .mc-info .top h3 + h4{margin-top:0;} .mc-window .mc-info .top > div{position:absolute;left:15px;top:15px;z-index:2;background:#333;} .mc-window .mc-info .top div div{float:left;color:#fff;font-size:15px;padding:5px 12px;} .mc-window .mc-info .top .project{background:#ca1d61;} .mc-window .mc-info .owners{text-align:center;} .mc-window .mc-info .owner{display:inline-block;text-align:center;position:relative;top:-43px;z-index:2;} .mc-window .mc-info .province{text-align:center;width:100%;position:relative;top:-43px;} .mc-window .mc-info .owner .name{display:block;font-size:21px;color:#000;} .mc-window .mc-info .avatar, .mc-window .mc-info .owner > div{width:86px;height:86px;border-radius:50%;} .mc-window .mc-info .owner > div{border:5px solid #fff;background:#fff;margin:auto;} .mc-window .mc-info .mc-stat{position:absolute;right:15px;top:10px;text-align:right;} .controls{margin-top:5px;border:1px solid transparent;border-radius:2px 0 0 2px;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);} #google-map-input{display:none;} #type-selector{color:#fff;background-color:#4d90fe;padding:5px 11px 0px 11px;} #type-selector label{font-size:13px;} .ui-menu .mc-item.search.ui-menu-item a{border:0;} .ui-menu .mc-item.search.ui-menu-item:hover{background-color:#ca1d61;} .ui-menu .mc-item.ui-menu-item a span:not(.map){position:relative;font-size:13px;} #mc-challenges{width:100%;max-width:960px;margin:auto;padding:40px 0 60px 0;} .challenge-item.cat2 > .vertical > div{display:block;position:absolute;width:6px;height:calc(100% + 2px);right:-6px;top:-1px;background:url('/images/my_construction/issue_bg.png');} #mc-challenges .challenge-item{height:220px;} .challenge-item.cat2 > .vertical{position:relative;} .challenge-item.cat2 > .body{height:calc(100% - 40px);padding:40px 40px 0 40px;} .challenge-item.cat3 .body > h3, .challenge-item.cat4 .body > h3{padding:0;} #mc-challenges .challenge-item .description{min-height:64px;} #mc-challenges .challenge-item .description .desc a{text-decoration:none;color:#000;} #mc-challenges .challenge-item .description .desc a:hover{color:#666;} .gm-style img{max-width:none;} .gm-style label{width:auto;display:inline;} .post-search h1{padding-left:20px;color:#999;line-height:1;text-transform:uppercase;} #mc-wall-entries{text-align:center;} #mc-wall-entries article{width:420px;height:220px;padding:30px 20px 10px 10px;background:#fff;margin:10px;display:inline-block;} #mc-wall-entries article a{text-decoration:none;} #mc-wall-entries header{position:relative;height:40px;} #mc-wall-entries header img{display:block;width:34px;height:34px;border-radius:50%;float:left;margin:0 6px 0 0;} #mc-wall-entries header h4{font-size:14px;position:absolute;left:0;top:-25px;color:#ca1d61;} #mc-wall-entries header a{color:#ca1d61;} #mc-wall-entries header h3{margin:0;position:relative;font-size:14px;font-size:18px;top:5px;text-align:left;} #mc-wall-entries article > div{text-align:left;margin-left:40px;height:145px;overflow:hidden;} #mc-wall-entries article > div *{font-size:14px;line-height:normal;color:#000;} #mc-wall-entries article > div img{float:left;width:120px;height:auto;max-height:100px;margin:5px 7px 0 0;} #mc-wall-entries footer{height:25px;text-align:left;padding:15px 0 0 0;} #mc-wall-entries footer span{font-size:12px;color:#bbb;} #mc-wall-entries footer .album{text-transform:uppercase;float:right;} #mc-wall-entries .notext{text-align:center;margin-left:10px;} #mc-wall-entries .notext img{float:none;margin:auto;width:auto;height:140px;max-height:140px;} .scroll-to-top svg[class*="fa-"]{display:block;width:70px;border:1px dotted #999;text-align:center;color:#999;font-size:40px;cursor:pointer;text-shadow:1px 1px 2px #eee;text-decoration:none;} .scroll-to-top{position:fixed;top:50%;margin-top:-70px;right:10px;z-index:4;} .scroll-to-top.off{display:none;} .scroll-to-top svg[class*="fa-"]:hover{color:#ca1d61;}  .ui-menu .mc-item.ui-menu-item a{line-height:40px;display:flex;align-items:center;} .ui-menu .mc-item.ui-menu-item a span{padding-left:10px;}  @media screen and (max-width:1330px){   .mc-box.ranking .trend{left:0;}   .mc-search-bar{width:90%;}   #mc-search-form{margin-right:3%;} }  @media screen and (max-width:920px){   .sub-menu.map > div{width:100%;}   .sub-menu.map > div > div{width:calc(33% - 2px);} }  @media screen and (max-width:740px){   .sub-menu a, .sub-menu .item{     font-size:14px;}   .mc-box.ranking .left{width:100%;}   .mc-box.ranking .right{display:none;}   .challenge-item .footer .user > span{line-height:2;margin-left:4;}   .challenge-item .footer .user > .desc.name{white-space:nowrap;} }  @media screen and (max-width:620px){   #mc-wall-entries article{margin:10px 0;}   .mc-box.search .data{left:0;}   .ui-menu .mc-item.search.ui-menu-item a span{margin:9px 0 0 2px;font-size:16px;}   .sub-menu.challenges > div{width:100%;}   #mc-challenges .challenge-item > .body{padding:40px 20px 0 20px;width:calc(100% - 71px);}   .map .mc-window{position:fixed;z-index:9999;max-width:100%;min-height:100%;} }  @media screen and (max-width:480px){   #mc-wall-entries article{width:calc(100% - 30px);}   #mc-wall-entries article > div{margin-left:0;}   #mc-wall-entries .notext img{margin:0;}   .sub-menu{height:auto;}   .sub-menu.ranking > div{width:100%;}   .sub-menu.ranking > div > div{width:calc(33.333% - 2px);}   .sub-menu.ranking a, .sub-menu.challenges a{font-size:14px;}   .sub-menu.map li a{font-size:14px;padding:0 1px;} }  @media screen and (max-width:400px){   #mc-wall-entries article{padding:30px 5px 10px 5px;width:calc(100% - 10px);}   .ranking #mc-search-form input{font-size:15px;}   .mc-box.ranking .data{left:auto;right:0;}   .sub-menu.ranking > div > div, .sub-menu.challenges > div > div{width:auto;}   .sub-menu.ranking a, .sub-menu.challenges a{font-size:13px;padding:0 3px;}   #mc-challenges .challenge-item > .body{padding:40px 9px 0 10px;width:calc(100% - 50px);} }