@charset "utf-8";
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}.city.col{padding:5px 20px}.city-button{display:inline-block;padding:5px 20px;color:#000;border-color:rgba(0,0,0,.3);text-decoration:none;font-family:'Open Sans',sans-serif}.darken{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(249, 226, 106,.9)}.darken.active{display:block}.popup{display:none;position:absolute;left:0;top:0;width:100%;min-height:100%;padding:10px 20px;padding:0;color:#fff;z-index:99;font-family:'Open Sans',sans-serif}.popup-title{padding:10px 20px}.popup-city{display:flex;flex-wrap:wrap;margin:10px 10px 10px 80px;column-count:8;display:inline-block;margin:10px 10px 10px 5rem;max-width:100%;height:100%;column-count:7;column-gap:10px}.popup-city>li{display:flex;padding-bottom:2px;align-items:center;padding-bottom:5px;font-weight:700;font-size:13px;color:#fff;text-align:center;text-align:left;line-height:1.2}.popup-city>li .h4{display:block;margin:7px 7px;font-size:20px;font-weight:700;color:#fff}.popup-city>li>a{text-decoration:none}.popup-city>li>a>span{display:block;padding:4px 7px;cursor:pointer;color:#000;border-bottom:1px solid;border-color:rgba(171,171,171,.3)}.popup-city>li>a>span.city_item{font-weight:700;color:#ffd701}.popup-city>li>a>span.select{background:#ff0 none repeat scroll 0 0;border-radius:3px;color:#fff;cursor:default;font-weight:700}.popup-city>li>a>span:hover{border-color:rgba(243,127,0,.3);color:#ffd701}.popup.open{display:block}.popup h3{font-size:30px;letter-spacing:2px}.popup .close{display:inline-block;position:fixed;top:9px;right:15px;font-size:20px;color:#fff;cursor:pointer;font-size:14px;text-decoration:none}.popup .close i{display:inline-block;margin-left:5px}.popup .close:hover{opacity:.7}@media only screen and (min-width:320px){.popup-city{column-count:2}}@media only screen and (min-width:480px){.popup-city{column-count:3}}@media only screen and (min-width:600px){.popup-city{column-count:4}}@media only screen and (min-width:768px){.popup-city{column-count:5}}@media only screen and (min-width:992px){.popup-city{column-count:6}}@media only screen and (min-width:1024px){.popup-city{column-count:7}}@media only screen and (min-width:1250px){.popup-city{column-count:8}}@media only screen and (min-width:1400px){.popup-city{column-count:8}}@media only screen and (min-width:1600px){.popup-city{column-count:10}}@media only screen and (min-width:1700px){.popup-city{column-count:11}}@media only screen and (min-width:1800px){.popup-city{column-count:12}}@media only screen and (max-width:767px){.popup-city{margin-left:30px}}
/*# sourceMappingURL=main.css.map */
.layout-header {
position: relative;
z-index: 999;
}
.ttl0 
{
    font-family: Gothampro-bold;
    font-size: 26px;
    color: 
    #434343;
    text-align: center;
}
.city-button i
{
display:none;
}
.city-button span
{
font-size:12px;
}