.city__wrap {
	position: absolute;
	top: 30px;
	right: 120px;
	overflow: visible;
	color: #151515;
	z-index: 999999;
	width: 200px;
	text-align: center;
}
@media (max-width: 1150px) {
    .city__wrap {
        top: 50px;
        right: 70px;
    }
}
@media (max-width: 768px) {
    .city__wrap {
        right: 110px;
        top: 20px;
        text-align: right;
        z-index: 999;
    }
    .city__wrap.show_confirm {
        right: 50%;
        margin: 0 -100px 0 0;
        text-align: center;
    }
}
.city__wrap.in_home {
	color: #838383;
}
.city__confirm {
	position: absolute;
	left: -20px;
	right: -20px;
	top: -10px;
	background: #fff;
	padding: 50px 10px 20px;
	z-index: 10;
	text-align: center;
	display: none;
}
.show_confirm .city__confirm {
	display: block;
}
a.city_toggle {
	font-weight: 600;
	border-bottom: 1px dotted;
	z-index: 15;
	position: relative;
	display: inline-block;
	line-height: 26px;
	text-decoration:none;
	color: inherit;
}
.city_toggle:hover {
	color: #838383;
	border-bottom: 1px dashed;
}
.city_toggle svg {
	vertical-align: -5px;
}
.in_home .city_toggle:hover {
	color: #fff;
}
.city__confirm_btns {
	margin: 20px 0 0;
}
.city_btn {
	display: inline-block;
	color: #151515;
	padding: 10px 20px;
	margin: 0 5px;
	background: #f0b018;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
}
.city_btn.city_grey {
	background: #e0e0e0;
}
.city_btn:hover {
	background: #f5c452;
}
.city_btn.city_grey:hover {
	background: #b7b7b7;
}
.city__modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.47);
	z-index: -1;
	align-items: start;
	justify-content: center;
	display: flex;
	opacity: 0;
	transition: .3s z-index step-end, .4s opacity linear;
}
.city__modal.show_modal {
	opacity: 1;
	z-index: 999999;
	transition: .3s z-index step-start, .2s opacity linear;
}
.city__modal_dialog {
	background: #fff;
	padding: 50px;
	position: relative;
	max-width: 90%;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border-radius: 4px;
	transform: translate(0,-120%);
	transition: .4s transform ease;
}
.show_modal .city__modal_dialog {
	transform: translate(0,40%);
}
a.city__modal_close {
	position: absolute;
	top: 15px;
	right: 15px;
	text-decoration: none;
	font-size: 3em;
	font-weight: 300;
	color: #555;
	line-height: 0.5em;
}
.city__modal_header {
	padding: 0 0 20px;
}
.city__modal_subtitle {
	margin: 10px 0 0;
	font-size: 0.8em;
}
.city__modal_body ul {
	list-style-type: none;
}
.city__item {
	display: inline-block;
	padding: 0 10px;
}
.city__item a {
	color: #f0b018;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.city__item a:hover {
	color: #d09302;
	border-bottom: 1px dashed;
}