@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"Ethno RG IT";
	src:url("/css/fonts/ethnocentric-rg-it.ttf")
}
@font-face{
	font-family:"Ethno RG";
	src:url("/css/fonts/ethnocentric-rg.ttf")
}
@font-face{
	font-family:"MuseoSansCyrl-100";
	src:url("/css/fonts/MuseoSansCyrl-100.ttf")
}
@font-face{
	font-family:"Gotham Pro";
	src:url("/css/fonts/GothamPro.ttf")
}
@font-face{
	font-family:"Gotham Pro Narrow";
	src:url("/css/fonts/GothamProNarrow.ttf")
}
@font-face{
	font-family:"Gotham Pro Regular";
	src:url("/css/fonts/GothamProRegular.ttf")
}
@font-face{
	font-family:"Din Pro";
	src:url("/css/fonts/dinpro.otf")
}
@font-face{
	font-family:"Din Pro Medium";
	src:url("/css/fonts/dinpro_medium.otf")
}
@font-face{
	font-family:"Din Pro Bold";
	src:url("/css/fonts/dinpro_bold.otf")
}
*{
	margin:0;
	padding:0
}
html, body {
	height: 100%;
	margin: 0px;
}
body{
	margin: 0px;
	font-family: "Din Pro",sans-serif;
}
h1{
	font-size:140%;
	text-transform:uppercase;
	font-weight:700;
	line-height:30px;
	color:#5e84d4
}
h2{
	height:36px;
	line-height:40px;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase
}
h3{
	font-size:120%;
	font-weight:700;
	color:#01a8bf;
}
h3 span{
	color:#282828
}
h5{
	font-size:100%;
	font-weight:500;
	color:#01a8bf;
}
input {
	width:100%;
	height:40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
	font-size:100%;
	color:#000;
}
select{
	width:100%;
	height:40px;
	border:1px solid #898989;
	border-radius:10px;
	padding:0 10px;
	font-size:100%;
	outline:none;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:url("../img/site/arr-down.png") no-repeat;
	background-position:right center;
}
/************* Основные элементы разделения контента ************/
.container{
	max-width:1040px;
}
.content{
	width:100%;
	max-width:1040px;
	margin:auto;
	font-size:100%;
	overflow:hidden;
}
.main {
	max-width:1040px;
	margin:auto;
	min-height: calc(100vh - 100px);
	padding:7px;
}

/************* Заголовок и подвал ************/
.header, .footer{
	background-color:#282828;
}
.top, .bottom{
	height:50px;
	color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:nowrap;
	padding:0 2px;
}
.top{
	font-size:90%;
}
.bottom{
	font-size:120%;
}
.top a, .bottom a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.top a:hover, .bottom a:hover{
	text-decoration:underline;
}
.bottom a{
	margin-left:7px;
}
.bottom .logo{
	font-size:110%;
	color:#fff;
	margin: 2px auto;
}
#uLogin{
	filter:"alpha(opacity=0)";
	opacity:0;
}
.socnet{
	height:50px;
	line-height:32px;
	margin-top:18px;
}
.socnet .span{
	display:block;
	float:left;
}
.soc, .socials{
	background-size: 182px 32px;
	background-repeat: no-repeat;
	background-position: center;
	width:182px;
	height:32px;
	cursor:pointer;
}
.soc{
	display:block;
	float:right;
	background-image: url("../img/site/socnet.png");
	margin-left:8px;
}
.socials{
	display:block;
	margin:0 auto;
	background-image: url("../img/site/social.png");
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:10px auto 16px;
}
.sign{
	margin-left:4px;
}
.bold{font-weight:bold}
.red, .error{color:#8b0000}
.green{color:#01a8bf}
.black{color:#000000}
.white{color:#ffffff}
.blue{color:#5e84d4}
.gray{color:#707070}
.money{
	font-family:"Din Pro Bold", sans-serrif;
	text-align:right;
	margin-right:3px
}
.input-group{
	width:100%
}
button{
	border:none;
	outline:0;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s
}
button:hover{
	text-decoration:underline;
}
button:focus{
	outline:0;
}
.vspace{
	padding-top:4px;
}
.btn{
	padding:7px 21px;
	display:inline-block;
	font-size:100%;
	font-weight:600;
	border-radius:8px;
	white-space:nowrap;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
	cursor:pointer;
	background-color:#d1e7dd;
	border-color:#badbcc;
	border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)
}
.btn:hover{
	text-decoration:none;
	background-color:#badbcc;
	border-color:#d1e7dd;
}
.btn-block{
	margin:14px 0;
	text-align:center;
}
.btn-red{
	background:#ff4500;
	color:#fff;
}
.btn-red:hover{
	color:#fff;
	background-color:#ff8C00;
}
.btn-blue{
	background:#01a8bf;
	color:#fff;
}
.btn-blue:hover{
	color:#fff;
	background-color:#018b9e;
	text-decoration:none;
}
a.btn-blue:hover{
	color:#fff;
	background-color:#018b9e;
	text-decoration:none;
}
.btn-yellow{
	background:#FFD700;
	color:#fff;
}
.btn-yellow:hover{
	color:#fff;
	background-color:#FFE4B5;
	text-decoration:none;
}
a.btn-yellow:hover{
	color:#fff;
	background-color:#FFE4B5;
	text-decoration:none;
}
.promo{
	display:block;
	position:relative;
	width:300px;
	height:48px;
	margin:auto;
	padding:5px;
	font-size:130%;
	font-weight:bold;
	color:#01a8bf;
	text-align:center;
	border: 1px solid #cad8ff;
	border-radius: 4px;
}
.copied {
	position:fixed;
	height:50px;
	width:100%;
	top:0;
	left:0;
	background:#01a8bf;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	display:none;
	font-size:120%;
	z-index:1000
}
/******************** Элементы бокового меню ************************/
.lmenu{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left: -100vw;
	width: 100vw;
	height:100vh;
	background-color:#fff;
	padding:5px;
}
.lmenu .logo{
	display:block;
	text-align:center;
}
.open-btn{
	margin-right:7px;
	background:transparent;
	width:30px;
	border:none;
	cursor:pointer
}
.close-btn{
	position:absolute;
	top:7px;
	right:7px;
	width:30px;
	height:30px;
	background:transparent;
	border:none;
	cursor:pointer;
}
.open-btn span, .close-btn span{
	display:block;
	height:4px;
	background-color:#00a7ba;
	margin-bottom:6px
}
.open-btn span:last-child, .close-btn span:last-child{
	margin-bottom:0
}
.menuv{
	display:block;
	width:100%;
	padding-top:14px;
	padding-left:30px;
	font-family: "Din Pro Medium",sans-serif;
}
.menuv-item{
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.menuv-item a{
	outline: none;
	display: block;
	padding: 3px 0; 
	letter-spacing: 1px;
	font-size:120%;
	font-weight:500;
	color:#282828;
	transition: .3s linear;
}
.menuv-item a:hover{
	color:#292929;
}
.contact{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding-top:21px;
}
.action{
	display:flex;
	flex-direction:space-between;
	flex-direction:column;
}
.logotype{
	display:block;
	width:100%;
	height:auto;
	background:url("../img/site/logo.png") center center no-repeat;
	background-size: 100% auto;
}
/******************** Основное меню ************************/
.menu{
	display:flex;
	align-items:center;
	flex-direction:space-between;
	height:50px;
	width:100%;
}
.menuh{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-family: "Din Pro",sans-serif;
}
.menuh-item{
	list-style:none;
	list-style-type:none;
}
.menuh-item a{
	outline: none;
	padding: 3px 7px;
	font-size:100%;
	color:#282828;
	transition: .3s linear;
	text-decoration:none;
}
.menuh-item a:first-child{
	padding: 3px 0;
}
.menuh-item a.active{
	font-family: "Din Pro Bold",sans-serif;
}
.menuh-item a:hover{
	font-weight:bold;
	color:#292929;
}
/******************** Рейтинг *************************/
.nowrap,
.nowrap td{
	white-space: nowrap
}
.rating{
	height:19px;
	line-height:19px
}
.star{
	float:left;
	width:20px;
	height:19px;
	margin-right:1px
}
.full{
	background:url("../img/site/star_full.png") left center no-repeat;
}
.half{
	background:url("../img/site/star_half.png") left center no-repeat;
}
.off{
	background:url("../img/site/star_off.png") left center no-repeat;
}

/******************** Логотипы ************************/
.address{
	font-family:"Din Pro Medium", sans-serrif;
	font-size: calc(18px + (100vw - 320px) / 960);
	line-height: calc(22px + (100vw - 320px) / 960);
	margin: 0 auto;
	color:#778899;
}
.phone-big{
	font-family:"Din Pro Bold", sans-serrif;
	font-weight:700;
	font-size: calc(22px + 5 * ((100vw - 320px) / 960));
	line-height: calc(30px + 5 * ((100vw - 320px) / 960));
	margin: 0 auto;
	color: #041526;
}
a.phone, a.email{
	color:#000;
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}
.hostname{
	font-family:"Ethno RG IT", sans-serrif;
	text-transform:uppercase;
	text-decoration:none;
}
.phone-big a{
	color:#282828;
	font-size:140%;
	text-decoration:none;
}
.divider {
	margin-top:20px;
}
font-bold-blue{
	color:#1c4ea7;
	font-weight:bold;
	font-size:120%;
	white-space:nowrap
}
font-bold-red{
	color:#eb7f2d;
	font-weight:bold;
	font-size:120%;
	white-space:nowrap
}
font-bold-black{
	color:#000;
	font-weight:bold;
	font-size:120%;
	white-space:nowrap
}
.text-block{
	display:block
}
.reference{
	text-align:justify;
}
.text-justify{
	text-align:justify;
	line-height:1.2
}
.questiondate{
	font-size:90%;
	color: #8d9399;
}
.traning-textarea{
	width:100%;
	min-height:210px;
	border:2px solid #00a7ba;
	overflow:auto;
	outline: none;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: none;
	box-shadow: none;
	resize: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding:7px;
}
/*********** центральная часть главной страницы ************/
.title{
	width:100%;
	height:48px;
	line-height:48px;
	background:#00a7ba;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:7px;
	padding-left:7px;
}
.title a{
	color:#fff;
	text-decoration:underline
}
.table{
	width: 100%;
	border: 1px solid #00a7ba;
	border-collapse: collapse;
	color:#000;
	font-size:90%;
	margin:5px 0;
}
.table thead tr{
	font-weight: bold;
	background-color: #84e0ea;
	text-align: center;
	vertical-align: middle;
}
.table td{
	height:100%;
	border: 1px solid #00a7ba;
	padding: 7px;
	vertical-align: middle;
}
.table thead td{
	text-align: center;
}
.table tbody td{
	text-align: left;
}
/* Нечетные строки */
.table tbody tr:nth-child(odd){
	background:#ffffff;
}
/* Четные строки */
.table tbody tr:nth-child(even), .card-header{
	background:#bbf5fd;
}
.table .date{
	color:#5e84d4;
}
/******************** Карты ************************/
.card{
	width:100%;
	border:1px solid #00a7ba;
}
.card-header{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#8b0000;
	font-weight:500;
	background-color:#bbf5fd;
}
.card-body{
	border-top:1px solid #00a7ba;
	border-bottom:1px solid #00a7ba;
}
/******************** Правила работы на сайте ************************/
.rules {
	padding: 30px;
	max-width: 1040px;
}
.rules .box {
	position: relative;
}
.rules .box:last-child {
	margin-bottom: 0; /* Для последнего элемента нижний отступ убираем */
}
.rules .box .label {
	position: relative;
	margin-bottom: 14px; /* Нижний отступ между элементами аккордеона */
	font-size:120%;
	font-weight:700;
	color:#01a8bf;
	cursor: pointer; /* Меняем курсор при наведении */
}
.rules .box .ref {
	position: relative;
	background-color: #fff; /* Цвет фона контента */
	overflow: hidden;
	max-height: 0; /* Скрываем контент */
	transition: 0.3s; /* Для плавности анимации */
}
.rules .box .ref p {
	padding: 20px;
}
/******************** Карточки ************************/
.item{
	width:100%;
	display:flex;
	border:2px solid #00a7ba;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:5px
}
.item:last-child{
	margin-bottom:0
}
.item-img{
	line-height:0;
	height:100%;
}
.item-img-mp img{
	height:225px;
	width:auto;
}
.item-img img{
	height:100%;
	width:auto;
}
.item-info{
	display:flex;
	flex-direction:column;
}
.item-head h4 a{
	color:#0b0d1e;
	font-size:70%;
	font-weight:bold;
	text-decoration:underline;
}
.item-list{
	display:flex;
	flex-direction:column;
}
.item-list li{
	font-size:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:3px;
}
.item-list li span{
	font-weight:bold
}
.item-list li val{
	margin-left:5px;
	line-height:normal
}
.item-list li val.blue{
	font-weight:bold
}
/**************** Правила ******************/
.faq-block{
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	align-content:flex-start;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.faq-item{
	width:100%;
	max-width:500px;
}
.faq-pos{
	width:100%;
	text-align:justify;
	padding-bottom:14px;
}
.faq-pos h3{
	padding-top:7px;
	padding-bottom:3px;
}
.faq-block .faq-item .hidden{
	display:none
}
.faq-item h3{
	font-size:130%;
	font-weight:700;
	color:#01a8bf;
	margin: 14px 7px 7px 7px;
}
.faq-item h3 img{
	margin-right:18px;
}
.faq-item .text{
	width:100%;
	padding: 0 7px;
	text-align:justify
}
.faq-item ul li{
	font-size:100%;
	font-weight:700;
	color:#01a8bf;
	margin-bottom:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:12px;
	margin-left:7px;
}
.faq-item ul li img{
	margin-right:18px
}
/******************** Карты ************************/
.card{
	width:100%;
	border:1px solid #00a7ba;
}
.card .head{
	width:100%;
	min-height:40px;
	color:#8b0000;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin:7px auto;
}
.card .head span{
	text-transform:uppercase
}
.card .content{
	width:100%;
	border-top:1px solid #00a7ba;
	border-bottom:1px solid #00a7ba;
}
.card .cost{
	color:#8b0000;
	font-size:140%;
	font-weight:700
}
.card .actioncost{
	color:#00a7ba;
	font-size:120%;
	font-weight:700;
	text-decoration:line-through
	
}
/**************** Чат *****************/
.msg-box{
	display:flex;
	flex-direction:column;
	width:100%;
	height:450px;
	max-height:450px;
	overflow:auto;
	border: 1px solid #bbf5fd;
	border-radius: 2px;
	padding:5px;
	margin:0px;
	background-color:#bbf5fd;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: border-color .2s ease-out;
}
.msg-box .users{
	display:block;
	width:100%;
}
.msg-box .user-item{
	display:block;
	width:80%;
	min-height:30px;
	margin:5px;
	padding:7px;
	border: 1px solid #cad8ff;
	background-color: #fff;
	border-radius:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer;
}
.msg-box .user-item:hover{
	background-color:#fcfcfc
}
.msg-box .user-item .messchat{
	font-weight:bold
}
.chat{
	display:block;
	position:relative;
	width:100%;
	padding-left:30px;
	background:url("../img/site/mail.png") left center no-repeat
}
.post-from-me{
	display:flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin:5px;
	padding:5px;
	border: 1px solid #cad8ff;
	border-radius: 5px;
	background-color: #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: border-color .2s ease-out;
	background-color:#00FA9A
}
.post-to-me{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:5px;
	padding:5px;
	border: 1px solid #cad8ff;
	border-radius: 5px;
	background-color: #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: border-color .2s ease-out;
	background-color:#fff
}
.post-time{
	margin-top:20px;
	font-size:80%;
	font-weight:bold
}
.t-box, .u-box{
	width:100%;
	height:50px;
}
.u-box{
	display:flex;
	justify-content:space-between;
	align-items:center
}
.t-box{
	display:none;
}
.t-box .send-form, .u-box .send-form{
	width:100%;
	height:50px;
}
.t-box .send-btn, .u-box .send-btn{
	width:70px;
	height:50px;
	padding:0px 10px;
}
.message {
	width:100%;
	height:100%;
	color: #3f4758;
	border: 1px solid #cad8ff;
	border-radius: 2px;
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: border-color .2s ease-out;
}
#record{
	width:50px;
	height:50px;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position:center center;
	cursor:pointer;
}
.sendaudio{
	background-image: url("../img/site/record.png");
}
.sendtext{
	background-image: url("../img/site/send.png");
}
.voice{
	width:264px;
	height:50px;
	background-size: 264px 50px;
	background-repeat: no-repeat;
	background-position:center center;
	background-image: url("../img/site/sound.png");
	cursor:pointer;
}
/**************** Форма входа/Регистрации *****************/
.block-center{
	margin: 10px auto;
	text-align:center
}
.reg-block{
	width:100%;
	display:flex;
}
.center{
	width:300px;
	height:100%;
	margin: 10px auto;
	text-align:center
}
.reg-block .left{
	width:30%;
	height:100%;
	padding:10px;
	text-align:center;
	border:2px solid #01a8bf;
}
.reg-block .right{
	width:70%;
	height:100%;
	padding:10px;
	border-top:2px solid #01a8bf;
	border-right:2px solid #01a8bf;
	border-bottom:2px solid #01a8bf;
}
.reg-block h3{
	color:#01a8bf;
	font-weight:600;
	font-size:120%;
}
.reg-form input, .reg-form select{
	border:1px solid #898989;
	border-radius:8px;
	padding:0 7px;
	margin-bottom:20px
}
/*
.reg-form input[name="password"], .reg-form input[name="repeat"]{
	background:url("../img/site/lock.png") right center no-repeat;
	margin-bottom:10px
}
*/
.reg-form input[name="username"]{
	background:url("../img/site/mail.png") right center no-repeat
}
.reg-form input[name="phone"]{
	background:url("../img/site/phone.png") right center no-repeat
}
.reg-form input[name="captchacode"]{
	background:url("../img/site/key.png") right center no-repeat
}
.reg-form .save{
	margin-bottom:10px
}
.reg-form .save input{
	display:none
}
.reg-form .save input:checked+label:before{
	background:url("../img/site/ch.png")
}
.reg-form .save label{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer
}
.reg-form .save label:before{
	content:'';
	width:16px;
	height:16px;
	background:url("../img/site/ch2.png");
	display:inline-block;
	margin-right:10px
}
.reg-form button{
	padding:8px 15px 8px 15px
}
.reg-form .forgot{
	display:block;
	font-size:16px;
	color:#01a8bf;
	text-decoration:underline;
	margin:15px 0 12px 0
}
.reg-form .check{
	margin-bottom:10px
}
.reg-form .check input{
	display:none
}
.reg-form .check input:checked+label:before{
	background:url("../img/site/ch.png")
}
.reg-form .check label{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	cursor:pointer;
	width:190px;
	margin:0 auto
}
.reg-form .check label:before{
	content:'';
	min-width:16px;
	height:16px;
	background:url("../img/site/ch2.png");
	display:inline-block;
	margin-right:10px
}
.reg-form .check label p{
	font-size:10px;
	line-height:normal;
	text-align:left
}
.reg-form .check label p a{
	color:#01a8bf;
	text-decoration:underline
}
.reg-form .password{
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	height:40px;
}
#showPassword{
	cursor:pointer;
}
/******************** Форма ввода пароля ***********/
.input_container {
	position: relative;
	display: inline-block;
}
.input_container span {
	cursor: pointer;
	position: absolute;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	right:5px;
	background-color: transparent;
	border: none;
	color: #777;
}
.input_container input {
	outline: none;
	font-size:100%;
	padding: 8px;
	width: 300px;
	background-color: transparent;
	border: #777 solid 1px;
	border-radius: 4px;
	color: #555;
}
.input_container label {
	position: absolute;
	margin: 0 7px;
	left: 0;
	top: 30%;
	transform: translateY(-50%);
	z-index: -1;
	background-color: #fff;
	padding: 0 2px;
	color: #aaa;
	font-size: 100%;
	transition: .3s;
}
.input_container input:focus+label,
.input_container input:not(:placeholder-shown)+label {
	top: 0;
	font-size: 90%;
	z-index: 1;
}
.input_container input:focus+label {
	color: rgb(15, 156, 116);
	font-size: 90%;
}
.input_container input:focus {
	border-color: rgb(15, 156, 116);
}
/******************** Акции ************************/
.form-item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 14px 0;
	width: 100%;
}
.form-item-group > *:first-child {
	margin-top: 0;
}
.form-item-group > * {
	margin-bottom: 0;
}
.form-type-radio{
	position: relative;
}
.radio {
	-webkit-appearance: none;/* Chrome */
	-moz-appearance: none;/* Firefox */
	appearance: none;/* убираем стандартные кружочки */
	position: absolute;
}
.radio_input {
	-webkit-appearance: none;/* Chrome */
	-moz-appearance: none;/* Firefox */
	appearance: none;/* убираем стандартные кружочки */
	position: absolute;
	cursor:pointer;
}
.radio_label {
	padding-left:32px;
	line-height:24px;
}
.radio_label:before {
	content: "";
	display: block; /* не в строку */
	width: 24px; /* ширина блока */
	height: 24px;/* высота блока */
	border: 1px solid #01a8bf;/* рамка */
	background-color: #fff; /* цвет фона */
	border-radius: 50%;/* получаем круг */
	position: absolute;/* расположен точно в родителе */
	top: 0; /* расстояние от верха родителя */
	left: 0;/* расстояние слева от родителя */
	z-index: 1; /* на нижнем слое */
	transition: border .1s linear;/* плавный переход для border */
}
.radio_label:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-color: #569aec;
	border-radius: 50%;
	opacity: 0; /* полностью прозрачный */
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 2;/* на верхнем слое */
	transition: opacity .1s linear; /* плавный переход для opacity */
}
.radio_input:checked + .radio_label:before {
	border-color: #319612;
}
.radio_input:checked + .radio_label:after {
	opacity: 1;
}

.checkbox_input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox_input+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	line-height:24px;
	cursor:pointer;
}
.checkbox_input+label::before {
	content: '';
	display: inline-block;
	height: 24px;
	width: 24px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 0.25em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
}
.checkbox_input:checked+label::before {
	border-color: #fff;
	background-color: #fff;
	background-image: url('../img/site/checked.png');
}
/* стили при наведении курсора на checkbox */
.checkbox_input:not(:disabled):not(:checked)+label:hover::before {
	border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.checkbox_input:not(:disabled):active+label::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.checkbox_input:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.checkbox_input:focus:not(:checked)+label::before {
	border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.checkbox_input:disabled+label::before {
	background-color: #e9ecef;
}
.form-item input[type="text"], .form-item input[type="password"], .form-item input[type="email"] {
	font-weight: 600;
	color: #3f4758;
	font-size: 16px;
	padding: 11px 16px 12px;
	border: 1px solid #cad8ff;
	border-radius: 4px;
	outline: none;
	background-color: #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: border-color .2s ease-out;
	width:100%;
}

/* Экстрабольшие девайсы (большие десктопы, >= 1200px) */
@media (min-width: 1200px) {
	.reg-block{
		padding:7px;
	}
}
/* Экстрабольшие девайсы (большие десктопы, < 1200px) */
@media (max-width: 1199.98px) {
	.menu li{
		margin-top:10px;
		margin-left:8px
	}
	.menu li a{
		font-size:94%;
	}
	.reg-block{
		padding:7px;
	}
	.item{
		display:flex;
		flex-direction:column;
	}
	.item-head{
		width:100%;
		text-align:center;
	}
	.item-img{
		line-height:0;
		width:100%
	}
	.item-img img, .item-img-mp img{
		width:100%;
		height:auto;
	}
	.item-info{
		padding:8px;
	}
	.item-list{
		width:100%;
		display:flex;
		flex-direction:column;
	}
}
/* Большие девайсы (десктопы, < 992px) */
@media (max-width: 991.98px) {
	.reg-block{
		flex-wrap:wrap;
	}
	.reg-block{
		border:none
	}
	.reg-block .title h2{
		font-size:100%
	}
	.item{
		flex-direction:column;
	}
	.item-head{
		width:100%;
		text-align:center;
	}
	.support-answer{
		padding-left:0
	}
}
/* Средние девайсы («таблетки», < 768px) */
@media (max-width: 767.98px) {
	.reg-block{
		display:block;
		border:none;
	}
	.reg-block .left, .reg-block .right{
		width:100%;
		margin:0 auto;
		padding:0;
		border:none;
	}
	.menu{
		display:flex;
		align-items:center;
		justify-content:center;
		height:85px;
	}
	.menuh{
		display:none;
	}
	.theme{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-start;
	}
	.img-button, .text-button{
		padding-top:7px;
	}
	.line{
		justify-content:center;
	}
}
/* Малые девайсы («ландшафтные телефоны», >= 576px) */
@media (max-width: 575.98px) {
	.title h2{
		font-size:100%;
	}
	.title a{
		font-size:70%;
	}
	.item{
		flex-direction:column;
	}
	.item-head{
		width:100%;
		text-align:center;
	}
	.item-btn{
		width:100%;
		justify-content:center;
		align-items:center;	
		align-content:center;
	}
	.logo-bottom{
		text-align:center;
	}
	.preview-img{
		width:100%;
		height:auto;
	}
}