.state-hero{background-position:bottom;background-size:cover;position:relative;display:flex;justify-content:center}.state-hero_container{width:100%;background:rgba(51,51,51,.75);padding:24px 16px;display:grid}@media screen and (min-width:1080px){.state-hero_container{padding:48px calc(50% - 530px);grid-template-columns:534px auto;grid-template-rows:repeat(5,auto);grid-column-gap:89px}}.state-hero_title{color:#fff;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:0;margin-bottom:0;padding-top:2px}@media screen and (min-width:1080px){.state-hero_title{grid-column:1/2;font-size:72px;line-height:1.05}}.state-hero_sub-title{color:#fff;font-size:24px;font-weight:400;line-height:1.1;letter-spacing:0;margin-bottom:24px;padding-top:4px}@media screen and (min-width:1080px){.state-hero_sub-title{grid-column:1/2;font-size:32px;line-height:1.1;margin-bottom:20px}}.state-hero_description{color:#fff;letter-spacing:0;line-height:23px;margin-bottom:32px}@media screen and (min-width:1080px){.state-hero_description{grid-column:1/2}}.state-hero_city-list{padding-bottom:32px;padding-top:4px}@media screen and (min-width:1080px){.state-hero_city-list{grid-column:2/3;grid-row:2/3;padding-top:0}}.popular-city-list{list-style-type:none;width:356px;-webkit-column-count:2;-webkit-column-width:178px;columns:178px 2;margin:0 0 2px;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;padding:2px 0 0}.popular-city-list_container{color:#fff}.popular-city-list_title{color:#fff;font-size:24px;letter-spacing:0;line-height:1;margin-bottom:12px;font-weight:400}.popular-city-list_item{height:21px}.popular-city-list_link{text-decoration:none;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;line-height:21px}.popular-city-list_link:hover{cursor:pointer}.city-list{margin:0;padding:0;list-style-type:none}@media screen and (min-width:768px){.city-list{width:calc(100% - 72px);-webkit-column-count:3;-webkit-column-width:212px;columns:212px 3;grid-column-gap:0;-webkit-column-gap:0;column-gap:0}}@media screen and (min-width:1080px){.city-list{width:1060px;-webkit-column-count:4;column-count:4}}.city-list_icon{color:green}.city-list_item{display:flex;align-items:center;margin-bottom:20px}@media screen and (min-width:540px){.city-list_item{margin-bottom:28px;padding:0 8px}}.city-list_link{text-decoration:none;color:#333;font-weight:700;letter-spacing:0;line-height:1.5;padding-left:8px}.city-list_link:hover{cursor:pointer}.city-filter{display:flex;padding:0 20px;overflow-x:auto;scrollbar-width:none}.city-filter::-webkit-scrollbar{display:none}@media screen and (min-width:1080px){.city-filter{padding:0 4px}}@media screen and (max-width:768px){.city-filter_container{position:relative;margin:0 -16px}.city-filter_container:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));width:20px;left:0}.city-filter_container:after,.city-filter_container:before{position:absolute;content:" ";top:0;height:100%;pointer-events:none}.city-filter_container:after{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);width:40px;left:calc(100% - 40px)}}.city-filter_button{flex:0 0 auto;color:green;font-size:16px;letter-spacing:0;line-height:1.2;font-weight:700;border:0;background:transparent;outline:none;border-radius:0}.city-filter_button-selected{color:#333}.city-filter_button-top{padding:0 24px 0 2px;border-right:1px solid #999}.city-filter_button-all{padding:0 16px 0 24px}.city-filter_button-letter{padding:0 8px}.area-cities{padding:32px 16px}@media screen and (min-width:1080px){.area-cities{padding:48px calc(50% - 530px)}}.area-cities_icon{margin:0 8px 0 4px}.area-cities_header{font-size:24px;font-weight:700;letter-spacing:0;line-height:1.3;margin-bottom:24px}@media screen and (min-width:1080px){.area-cities_header{font-size:32px}}.area-cities_filter{font-weight:700;letter-spacing:0;line-height:19px;color:green;padding:12px 4px 24px}.area-cities_city-list{padding:32px 0 4px}.state-page .take-top-btn{padding:12px 24px}@media screen and (min-width:1080px){.state-page .take-top-btn{padding:0 calc(50% - 522px)}}.state-page .newsletter-panel{padding:24px 0}@media screen and (min-width:768px){.state-page .newsletter-panel{padding:72px 0}}