.city-page{padding-right:20px;width:100%;padding-left:20px}.city-page .articles-filter{margin-bottom:25px}.city-page .articles-filter .category-filters{-ms-flex-pack:justify;justify-content:space-between;-webkit-box-pack:justify;margin-right:-20px;-webkit-box-align:center;-webkit-box-direction:normal;border-bottom:1px solid #eee;-ms-flex-direction:row;flex-direction:row;align-items:center;-webkit-box-orient:horizontal;margin-left:-20px;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter{font-size:1.125rem;border:0;font-weight:400;color:#000;-webkit-box-align:center;align-items:center;border-radius:0;line-height:3rem;-ms-flex-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter .badge{height:22px;overflow:hidden;padding:0;font-size:.875rem;border:1px solid #eee;font-weight:500;color:#f59300;text-align:center;background-color:#fafafa;border-radius:50%;margin-left:8px;width:22px;line-height:1.375rem;display:inline-block}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter.jplist-selected{color:#f59300;position:relative}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter.jplist-selected:after{height:0;overflow:hidden;content:"";position:absolute;border-bottom:2px solid #f59300;bottom:0;left:0;width:100%}.city-page .articles-filter .category-filters .btn-tag-filter{-ms-flex-pack:center;height:50px;justify-content:center;-webkit-box-pack:center;border:1px solid #eee;-webkit-box-align:center;align-items:center;border-radius:0;width:50px;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-filter .category-filters .btn-tag-filter i{font-size:1.25rem;color:#f59300}.city-page .articles-filter .category-filters .btn-tag-filter.active{border:1px solid #f59300;background-color:#f59300}.city-page .articles-filter .category-filters .btn-tag-filter.active i{color:#fff}.city-page .articles-filter .category-filters .btn-tag-filter:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.city-page .articles-filter .tag-filter{height:0;overflow:hidden;-webkit-transition:height .35s ease-in-out;transition:height .35s ease-in-out;width:100%}.city-page .articles-filter .tag-filter.show{height:auto}.city-page .articles-filter .tag-filter h5{padding:0;font-size:.8125rem;font-weight:500;color:#a2a2a2;letter-spacing:.125rem;margin:20px 0}.city-page .articles-filter .tag-filter .btn-article-tagfilter{-ms-flex-pack:center;padding:5px 8px;justify-content:center;-webkit-box-pack:center;font-size:.875rem;text-decoration:none;margin-right:10px;color:#fff;-webkit-box-align:center;background-color:#f59300;align-items:center;border-radius:0;-ms-flex-align:center;margin-top:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.city-page .articles-filter .tag-filter .btn-article-tagfilter .badge{height:15px;overflow:hidden;padding:0;font-size:.75rem;font-weight:500;color:#f59300;background-color:#fff;border-radius:50%;margin-left:5px;width:15px;line-height:.9375rem;display:inline-block}.city-page .articles-filter .tag-filter .btn-article-tagfilter:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.city-page .articles-filter .tag-filter .btn-article-tagfilter.jplist-selected{background-color:#dc8400}.city-page .articles-list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-list .city-article-card{-ms-flex:0 0 33.333333%;min-height:310px;-webkit-box-flex:0;border:0;text-decoration:none;-webkit-box-direction:normal;padding-right:20px;border-radius:0;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-orient:vertical;padding-bottom:40px;-ms-flex-align:end;padding-left:20px}.city-page .articles-list .city-article-card,.city-page .articles-list .city-article-card .article{height:100%;overflow:hidden;-webkit-box-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-list .city-article-card .article{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-flex:1;position:relative;width:100%;-ms-flex-align:end}.city-page .articles-list .city-article-card .article:after{height:60%;content:"";position:absolute;bottom:0;left:0;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(25%,rgba(0,0,0,.12)),to(rgba(0,0,0,.5)));background-image:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.12) 25%,rgba(0,0,0,.5));z-index:0}.city-page .articles-list .city-article-card .article .card-img{-webkit-transform:scale(1);transform:scale(1);right:0;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;position:absolute;background-size:cover;bottom:0;top:0;background-position:50%;border-radius:0;left:0;background-repeat:no-repeat;z-index:0}.city-page .articles-list .city-article-card .article .card-text{color:#fff;position:relative;letter-spacing:.03125rem;margin:0 18px 12px;width:100%;z-index:1}.city-page .articles-list .city-article-card .article .card-text .tags strong{font-size:1rem;font-weight:500;margin-right:8px;line-height:1.125rem;display:inline-block}.city-page .articles-list .city-article-card .article .card-text .tags span{font-size:1rem;font-weight:400;margin-left:8px;line-height:1.125rem;display:inline-block}.city-page .articles-list .city-article-card .article .card-text .card-title{font-size:1.25rem;font-weight:500;line-height:1.75rem;margin-top:10px}.city-page .articles-list .city-article-card .article:hover .card-img{-webkit-transform:scale(1.2);transform:scale(1.2)}.city-page .articles-list .city-info-card{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;min-height:310px;-webkit-box-flex:0;border:0;text-decoration:none;-webkit-box-align:end;padding-right:20px;align-items:flex-end;border-radius:0;-ms-flex-flow:column wrap;flex-flow:column wrap;padding-bottom:40px;-ms-flex-align:end;padding-left:20px}.city-page .articles-list .city-info-card,.city-page .articles-list .city-info-card .article{height:100%;-webkit-box-direction:normal;background-size:cover;-webkit-box-orient:vertical;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex}.city-page .articles-list .city-info-card .article{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-flex:1;color:#fff;-webkit-box-align:stretch;position:relative;-ms-flex-direction:column;flex-direction:column;align-items:stretch;background-position:50%;width:100%;line-height:normal;-ms-flex-align:stretch}.city-page .articles-list .city-info-card .article:after{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;content:"";position:absolute;bottom:0;top:0;background-color:rgba(245,147,0,.8);left:0;width:100%;z-index:0}.city-page .articles-list .city-info-card .article .info-icon{font-size:4.0625rem;margin-left:20px;margin-top:20px;z-index:1}.city-page .articles-list .city-info-card .article .info-value{margin-left:20px;z-index:1}.city-page .articles-list .city-info-card .article .info-value p{font-size:5rem;font-weight:700}.city-page .articles-list .city-info-card .article .info-value p small{font-size:1.25rem;margin-left:20px}.city-page .articles-list .city-info-card .article .info-text{font-size:1.875rem;font-weight:700;margin-bottom:20px;margin-left:20px;z-index:1}.city-page .articles-list .city-info-card:hover .article:after{background-color:rgba(245,147,0,.9)}.city-page .articles-list .article-no-result{padding:40px 20px;font-size:1.5rem;text-align:center;width:100%}@media (max-width:992.98px){.city-page .articles-filter .category-filters{-webkit-box-align:end;-webkit-box-direction:normal;border-bottom:0;-ms-flex-direction:column;flex-direction:column;align-items:flex-end;-webkit-box-orient:vertical;-ms-flex-align:end}.city-page .articles-filter .category-filters .filter-article{margin-bottom:10px;position:relative;border-bottom:1px solid #eee;width:100%;z-index:0}.city-page .articles-filter .category-filters .filter-article .filter-article-container{overflow-x:auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none;width:100%}.city-page .articles-filter .category-filters .filter-article .filter-article-container::-webkit-scrollbar{display:none}.city-page .articles-filter .category-filters .filter-article .filter-article-container .filter-article-buttons .btn-article-filter{font-size:.875rem;line-height:2.8125rem}.city-page .articles-filter .category-filters .filter-article:after{pointer-events:none;right:0;content:"";position:absolute;bottom:0;top:0;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);width:50px;z-index:1}.city-page .articles-filter .tag-filter .btn-article-tagfilter{margin-bottom:15px}.city-page .articles-list .city-article-card,.city-page .articles-list .city-info-card{-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-flex:1}.city-page .articles-list .article-no-result{font-size:1rem}}@media (max-width:767.98px){.city-page .articles-list .city-article-card,.city-page .articles-list .city-info-card{-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-flex:1}.city-page .articles-list .city-info-card .article{color:#fff}.city-page .articles-list .city-info-card .article .info-icon{font-size:2.6875rem;margin-left:20px;margin-top:20px}.city-page .articles-list .city-info-card .article .info-value p{font-size:3.75rem}.city-page .articles-list .city-info-card .article .info-value p small{font-size:1rem}.city-page .articles-list .city-info-card .article .info-text{font-size:1.625rem}}