.top-line-element .top-line-element-inc{
	display: flex;
	justify-content: space-between;
}
.top-line-element .line-fact{
	width: 79%;
}
.top-line-element .local-city{
	width: 21%;
	font-size: 15px;
}
.top-line-element .local-city .change-city{
	color: #299f05;
}
.top-line-element .local-city .btn{
	margin: 0 5px 0 0;
	position: relative;
	overflow: initial;
}
.top-line-element .local-city .btn-link:hover,
.top-line-element .local-city .btn-link:focus{
	text-decoration: none;
}
.top-line-element .local-city .named{
	font-weight: normal;
	color: #333;
	border-bottom: 1px dashed #333;
}
.top-line-element .local-city .fa-map-marker {
    font-size: 20px;
    margin-right: 15px;
    position: relative;
    top: 2px;
    color: #279e03;
}
.top-line-element .local-city .hl_arrow {color: #333;}
.top-line-element .local-city ul.dropdown-menu.dropdown-menu-right {
    min-width: 260px;
    margin-left: 30px;
    padding: 0;
    top: 120%;
    z-index: 998;
}
.top-line-element .local-city ul.dropdown-menu >li a {
	display: inline-block;
	width: 100%;
    padding: 11px 35px 11px;
    border-bottom: 1px solid #b5bec4;
}
.top-line-element .local-city ul.dropdown-menu >li:last-child a {
    border-bottom-width: 0px;
}


.local-city .dropdown-menu-right li:before{
	content: "";
	position: absolute;
	top: -11px;
    left: 20%;
	border-style: solid;
	border-color: #ccc transparent;
	border-width: 0 10px 11px;
	z-index: 12;
}
.local-city .dropdown-menu-right li:after{
	content: "";
	position: absolute;
	top: -10px;
    left: 20%;
	border-style: solid;
	border-color: #fff transparent;
	border-width: 0 10px 11px;
	z-index: 999;
}
.local-city .dropdown-menu-right li:hover:after{
	border-color: #e2e8ec transparent;
}
.top-line-element .local-city .select-element.open .btn::before,
.top-line-element .local-city .select-element.open .btn::after{
	display: block;
}
.confirm-city{
	position:absolute;
	top: 100%;
	left: 0;
	z-index: 12;
}
.confirm-city .select-alert-in::before {
    content: "";
    position: absolute;
    display: block;
    top: -13px;
    left: 74px;
    border-style: solid;
    border-color: #bac0c6 transparent;
    border-width: 0 11px 13px;
}
.confirm-city .select-alert-in::after {
    content: "";
    position: absolute;
    display: block;
    top: -11px;
    left: 74px;
    border-style: solid;
    border-color: #f7f7f8 transparent;
    border-width: 0 11px 13px;
}
.select-alert-in{
	display: flex;
	background-color: #f7f7f8;
	white-space: nowrap;
	border: 1px solid #bac0c6;
}
.select-alert-in .select-alert-city{
	padding: 10px 15px;
	border-right: 1px solid #bac0c6;
}
.select-alert-in .button-alert{
    background: transparent;
    border-width: 0;
    line-height: 1.46;
    padding: 10px 15px;
    outline: none;
}
.select-alert-in .button-alert:hover{background-color: #279e03;color: #fff;}
.select-alert-in .select-alert-no{border-left: 1px solid #bac0c6;}
@media (max-width: 1100px){
	.line-fact {
	    flex-wrap: wrap;
	}
	.line-fact>li {
	    width: 50%;
	}
}
@media (max-width: 767px){
	.top-line-element .local-city {
	    width: 21%;
	    font-size: 15px;
	    position: absolute;
	    top: 84px;
	    left: 0;
	    z-index: 2;
	}
	.top-line-element .local-city .fa-map-marker{margin-right:0;}
	.hl-hidden-fact{display: block !important; margin: 0;}
	.top-line-element .line-fact{display: none;}
	.top-line-element .top-line-element-inc{border-width: 0;}
	.select-alert-in{
		flex-wrap: wrap;
		width: 312px;
		overflow: hidden;
		text-align: center;
	}
	.select-alert-in .select-alert-city{
		width: 100%;
		border-right-width: 0;
		border-bottom: 1px solid #bac0c6;
	    padding-bottom: 20px;
    	padding-top: 20px;
	}

	.select-alert-in .select-alert-yes,
	.select-alert-in .select-alert-no{
		width: 50%;
	}

}
@media (max-width: 345px){
	.confirm-city{left: -5px;}
	.select-alert-in .button-alert{padding: 10px;}
	.select-alert-in{width: 293px;}
}