html, body{
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:16px;
	color:#646464;
}
a{
	color:#ec6022;
}
#header{
	padding-top:1px;
	background:#e7dbfd;
}
.wrap{
	width:1100px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}
.wrap table{
	border-collapse: collapse;
}
.wrap table td,.wrap table th{
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #a6a6a6;
    text-align: left;
	border-collapse: collapse;
}
h1, h2{
	margin:0;
	color:#646464;
	text-shadow: 1px 1px 1px #fff;
	font-size:34px;
	margin:80px 0 40px;
	text-align:center;
}
h2{
	color:#646464;
	text-shadow: 1px 1px 1px #fff;
}
#logo{
	text-decoration:none;
	display:block;
	color:#404040;
	font-size:20px;
	padding:10px;
	border:2px solid #f991ec;
	width:200px;
	margin-bottom:10px;
	text-align:center;
	border-radius:5px;
	float:left;
}

#city{
	margin-top:10px;
	float:right;
   
}
#city span{
	 font-size: 20px;
	background:url('/local/templates/main/images/loc.webp') no-repeat;
	padding: 0 0 0 28px;
	color:#010101;
	text-decoration:underline;
	cursor:pointer;
}
#city span:hover{
	text-decoration:none;
	
}

.br_h_d{
	color: #646464;
    text-shadow: 1px 1px 1px #fff;
	font-size: 34px;
    margin: 80px 0 40px;
    text-align: center;
}

.partner1{
	padding:15px 0px;
	display:block;
	border-radius:40px;
	background:#ec6022;
	color:#fff;
	font-size:20px;
	text-align:center;
	width:200px;
	text-decoration:none;
	margin:0 auto;
	margin-bottom:40px;
	
	
}
.partner1:hover{
	opacity:0.8;
}

.prev_txt, .prev_txt2{
	margin: 0 auto;
	margin-bottom:40px;
	text-shadow:1px 1px 1px #fff;
	line-height:25px;
	width:550px;
	font-size:20px;
	line-height:30px;
	font-weight:100;
	text-align:center;
}


.clear, .clear:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}
.clear {
    font-size: 1px;
}

#ip{
	background:#e7dbfd;
	padding:1px 0;
}
.b_left{
	float:left;
	width:570px;
}
.b_left img{width:100%;}
.b_right{
	float:right;
	width:500px;
}


.br_txt{
	line-height:22px;
	margin-bottom:20px;
}

.lis{
	margin:0;
	padding:0;
	list-style:none;
}

.lis li{
	background:url('/local/templates/main/images/li.webp') no-repeat;
	padding:0px 0 10px 35px;
	margin-bottom:10px;
	line-height:22px;
}

#menu{
	float:left;
	margin-top:15px;
	margin-left:110px;
}

#menu ul{
	margin:0;
	padding:0;
}

#menu ul li{
	float:left;
	list-style:none;
	padding:0 10px;
}

#menu ul li a{
	text-decoration:none;
	font-size:18px;
	color:#646464;
}

#menu ul li a:hover{
	color:#4f4f4f;
	text-decoration:underline;
}

.adv-l{
	float:left;
	width:215px;
	padding:20px;
	background:#f6f6f6;
	border-radius:20px;
	text-align:center;
	line-height:25px;
	margin:0 10px 50px 10px;
}
.adv-l-b{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}

.p_center{
	text-align:center;
	margin-bottom:20px;
}

.table{
	width:100%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
	text-align:left;
}

#how_open{
	
}


.adv33{
	float:left;
	width:306px;
	padding:20px;
	background:#f6f6f6;
	border-radius:20px;
	text-align:center;
	line-height:25px;
	margin:0 10px 50px 10px;
}
.nom_adv{
	border-radius:30px;
	font-size:40px;
	background:#a32881;
	height:60px;
	width:60px;
	line-height:54px;
	color:#fff !important;
	margin:0 auto;
	margin-bottom:10px;
}

.form{
	background:#e7dbfd;
	padding:50px 25px;
	border-radius:20px;
}

.form input[type="text"]{
	font-size:20px;
	padding:15px;
	width:500px;
	border-radius:5px;
	color:#010101;
	border:none;
}
.form form{
	margin:0;
}
.form input[type="submit"]{
	font-size:20px;
	padding:15px;
	width:504px;
	border-radius:5px;
	background:#010101;
	color:#fff;
	border:none;
	cursor:pointer;
	margin-left:10px;
	
}
.form input[type="submit"]:hover{
	opacity:0.8;
}

.pora{
	text-align:center;
	font-size:30px;
	margin-bottom:20px;
	color:#010101;
}

#footer{
	background:#7f42e1;
	padding:50px 0;
}

.footer_l{
	float:left;
	width:175px;
	margin:0 50px 0 50px
}
.footer_l a{
	color:#fff;
}

.footer_l ul{
	padding:0;
	margin:0 auto;
}
.footer_l li{
	list-style:none;
	margin-bottom:10px;
}

.footer_l li a:hover{
	text-decoration:none;
}
.copy{
	color:#fff;
	text-align:center;
	
}
.copy a{color:#fff;}
.copy a:hover{
	text-decoration:none;
}

#popup_city{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
}
#popup_scroll{
	overflow-y: auto;
	height:100%;
	-ms-overflow-style: none;  /* IE Рё Edge */
  scrollbar-width: none;  /* Firefox */
}

#popup_scroll::-webkit-scrollbar {
  display: none;
}
#popup_city_one
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	background:#000;
	opacity:0.9;
}
#popup_city_two
{
	position:absolute;
	width:90%;
	height:90%;
	z-index:20;
	color:#fff;
	padding:5%;
}

.pop_col{
	float:left;
	width:16%;
}
.pop_col ul{
	margin:0;
	padding:0;
}
.pop_col ul li{
	list-style:none;
	margin:0 10px 5px 0;
}
.pop_col ul li a{
	color:#fff;
	text-decoration:none;
}
.pop_col ul li a:hover{
	text-decoration:underline;
}
#popup_city .close{
	position: absolute;
    top: 0;
    right: 0;
    padding: 26px;
    height: 18px;
    width: 30px;
    cursor: pointer;
	z-index:30;
}

#popup_city .close svg{
	    width: 30px;
}



#popup_city .close svg:hover path:nth-of-type(1) {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s;
}
#popup_city .close svg:hover path:nth-of-type(2) {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#popup_city .close svg:hover path:nth-of-type(3) {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: 0.3s 0.6s;
    -o-transition: 0.3s 0.6s;
    transition: 0.3s 0.6s;
}
#popup_city .close svg:hover path:nth-of-type(4) {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    -webkit-transition: 0.3s 0.1s;
    -o-transition: 0.3s 0.1s;
    transition: 0.3s 0.1s;
}
#popup_city .close svg path:nth-of-type(1) {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#popup_city .close svg path:nth-of-type(2) {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#popup_city .close svg path:nth-of-type(3) {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#popup_city .close svg path:nth-of-type(4) {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.dtab{
	    overflow-y: auto;
}



@media screen and (max-width: 1200px) {
	.wrap{
		width:1000px;
	}
	.b_left{
		width:480px;}
	.adv-l{
		width:190px;}
	.adv33{
		width:273px;}
	.form input[type="text"]{
		width:466px;}
	.form input[type="submit"]{
	width:438px;
		}
	.footer_l{
		margin:0 37px;}
		
	.pop_col{
		width:33%;
	}
}

@media screen and (max-width: 1050px) {
	.wrap{
		width:800px;
	}	
	#logo{
		margin:0 auto;
		float:none;}
	#menu{
		float:none;
		margin:40px 0 0 125px;
		text-align:center;}
	#city{
		float:none;
		text-align:center;
		margin-top:40px;}
	.b_left{
		width:90%;
		float:none;
		margin:0 auto;
		margin-bottom:40px;}
	.b_right{
		float:none;
		width:90%;
		float:none;
		margin:0 auto;}
	.br_h{
		text-align:center;}
	.adv-l{
		width:340px;
		height:335px;}
	.form input[type="submit"] {
		width:366px;
	}
	.form input[type="text"] {
		width:338px;
	}
	.footer_l{
		width:325px;
		margin-bottom:0;}
	.table{
		font-size:13px;}
}

@media screen and (max-width: 850px) {
	h1, h2{
		text-align:center;
	}
	.wrap{
		width:600px;
	}
	.pop_col{
		width:50%;
	}
	.adv-l {
		width:240px;
		height:465px;
	}
	.form input[type="text"], .form input[type="submit"]{
		width:90%;
		margin-bottom:20px;
		margin-left:0;
		}
	.form input[type="submit"]{
		width:100%;
		}
	.form input[type="text"]{
		padding:15px 5%;}
	.footer_l{
		width:100%;
		text-align:center;
		margin:0;
	}
	#menu{
		margin:0;}
	#menu ul li{
		float:none;
		margin-bottom:10px;}
		#logo{
			margin-bottom:30px;}
	#city{
		margin-top:30px;}
	.prev_txt, .prev_txt2
	{
		width:auto;}
}

@media screen and (max-width: 650px) {
	.wrap{
		width:90%;
		margin:0 auto;
		}
	.pop_col{
		width:100%;
		float:none;
	}
	.pop_col ul li{
		text-align:center;
		}
	h2, h1{
		font-size:26px;}
		
	.adv-l{
		width:auto;
		height:auto;}
	
}