.flags{
	width: 100%;
	margin: 0 auto 30px;
	overflow: hidden;
}
.flags li{
	display: inline-block;
	width: 152px;
	margin: 0 2.4% 25px 0;
}
.flags li a{
	display: block;
}
.flags span{
	display: table-cell;
	width: 152px;
	height: 40px;
	background: #F2F2F2;
	color: #444B4E;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
.flags span:last-child{
	padding: 0;
	display: block;
	width: 152px;
	height: 90px;
	background: url(../images/sprite_flags.png) no-repeat;
}
.flags span.russia{
	background-position: -172px -300px;
}
.flags span.ukraine{
	background-position: -334px -400px;
}
.flags span.belarus{
	background-position: -334px 0;
}
.flags span.kazakhstan{
	background-position: -172px -100px;
}
.flags span.georgia{
	background-position: -496px 0;
}
.flags span.israel{
	background-position: -10px -100px;
}
.flags span.armenia{
	background-position: -10px 0;
}
.flags span.azerbaijan{
	background-position: -172px 0;
}
.flags span.latvia{
	background-position: -10px -200px;
}
.flags span.turkmenistan{
	background-position: -10px -400px;
}
.flags span.litva{
	background-position: -172px -200px;
}
.flags span.saudi-arabia{
	background-position: -334px -300px;
}
.flags span.poland{
	background-position: -496px -200px;
}
.flags span.portugal{
	background-position: -10px -300px;
}
.flags span.slovakia{
	background-position: -496px -300px;
}
.flags span.kyrgyzstan{
	background-position: -334px -100px;
}
.flags span.usa{
	background-position: -496px -400px;
}
.flags span.velikobritaniya{
	background-position: -172px -400px;
}
.flags span.kot-divuar{
	background-position: -496px -100px;
}
.flags span.mozambik{
	background-position: -334px -200px;
}
.flags span.moldavia{
	background-position: -10px -501px;
}
.flags li a:hover span:first-child,
.flags li a:active span:first-child{
	color: #FFFFFF;
	background: #00B3CE;
}
.flags li a:active span:first-child{
	background: #00A8C1;
}
/*------------------------------------*/
.diller_region{
	width: 400px;
	margin: 0 auto 25px;
	padding: 25px;
	background: #FFFFFF;
}
.country_btn{
	width: 100%;
	cursor: pointer;
	margin-bottom: 30px;
	overflow: hidden;
}
.country_btn strong{
	height: 50px;
	width: 300px;
	background: #F2F2F2;
	display: block;
	color: #444B4E;
	font-size: 1.75em;
	line-height: 50px;
	padding-left: 22px;
	float: left;
}
.country_btn span{
	width: 50px;
	height: 50px;
	background: #00B3CE;
	position: relative;
	float: left;
}
.country_btn span::after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 18px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 12px solid #FFFFFF;
}
#popup_diller{
	width: 860px !important;
	max-height: initial !important;
	padding: 25px 25px 15px;
}
#popup_diller > strong{
	display: block;
	margin-bottom: 15px;
	font-weight: var(--main-medium-font);
	font-size: 22px;
	line-height: 22px;
	text-align: center;
}
#popup_diller .flags{
	margin: 0;
}
#popup_diller .flags li{
	margin: 0 5px 10px 5px;
}
#popup_diller .flags span{
	line-height: inherit;
}
.diller_region p{
	color: #444B4E;
	margin-bottom: 15px;
}
.diller_region .row{
	margin-bottom: 15px;
}
.select_region,
.select_town{
	width: 350px;
	padding: 0 70px 0 20px;
	height: 50px;
	background: #F2F2F2;
}
@media (max-width: 860px){
	.flags{
		width: 769px;
	}
	.flags li{
		margin: 0 20px 25px 20px;
	}
	#popup_diller{
		width: 769px !important;
		padding: 10px;
	}
	#popup_diller .flags{
		width: 100%;
	}
	#popup_diller .flags li{
		margin: 0 18px 18px 17px;
	}
}
@media (max-width: 768px){
	.flags{
		width: 641px;
	}
	.flags li{
		margin: 0 3px 25px 5px;
	}
	#popup_diller{
		width: 641px !important;
	}
	#popup_diller .flags li{
		margin: 0 27px 18px 28px;
	}
}
@media (max-width: 640px){
	.flags{
		width: 541px;
	}
	.flags li{
		margin: 0 14px 25px 14px;
	}
	#popup_diller{
		width: 541px !important;
	}
	#popup_diller .flags li{
		margin: 0 10px 18px 11px;
	}
}
@media (max-width: 540px){
	.flags{
		width: 481px;
	}
	.flags li{
		margin: 0 0 25px 7px;
	}
	#popup_diller{
		width: 404px;
	}
	#popup_diller .flags li{
		margin: 0 20px 18px 20px;
	}
}
@media (max-width: 480px){
	.flags{
		width: 441px;
	}
	.flags li{
		margin: 0 0 25px 41px;
	}
}
@media (max-width: 440px){
	.flags{
		width: 386px;
	}
	.flags li{
		margin: 0 20px 15px 20px;
	}
	.diller_region{
		width: 300px;
		padding: 10px;
	}
	.country_btn strong{
		width: 230px;
	}
	.select_region,
	.select_town{
		width: 280px;
	}
	#popup_diller{
		width: 380px !important;
	}
	#popup_diller .flags li{
		margin: 0 14px 18px 13px;
	}
}
@media (max-width: 385px){
	.flags{
		width: 340px;
	}
	.flags li{
		margin: 0 5px 15px 10px;
	}
	#popup_diller{
		width: 360px !important;
	}
	#popup_diller .flags li{
		margin: 0 9px 18px 9px;
	}
}
@media (max-width: 360px){
	.flags{
		width: 320px;
	}
	.flags li{
		margin: 0 16px 15px 0;
	}
	.flags li:nth-of-type(even){
		margin: 0 0 15px;
	}
	#popup_diller{
		width: 320px !important;
		padding: 10px 0;
	}
	#popup_diller .flags li{
		margin: 0 16px 10px 0;
	}
	#popup_diller .flags li:nth-of-type(even){
		margin: 0 0 10px;
	}
}