/*начальные настройки*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@font-face {
	font-family: 'montserrat-webfont';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Montserrat-Regular.woff2"), url("/fonts/Montserrat-Regular.woff");
}

@font-face {
	font-family: 'montserrat-webfont';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/fonts/Montserrat-Medium.woff2"), url("/fonts/Montserrat-Medium.woff");
}

@font-face {
	font-family: 'montserrat-webfont';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Montserrat-Bold.woff2"), url("/fonts/Montserrat-Bold.woff");
}

@font-face {
	font-family: 'montserrat-webfont';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("/fonts/Montserrat-ExtraBold.woff2"), url("/fonts/Montserrat-ExtraBold.woff");
}

*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
}

/*стили оберточных контейнеров*/

html,
body {
	height: 100%;
}



body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.2em;
}

.container-main {
	max-width: 90%;
	margin: 0 auto;

}

header {
	width: 100%;
	height: auto;
	background-color: #f8f9fa;
	padding: 15px 0;
}

.header-container {

	margin: 0 auto;
	max-width: 90%;

}

.main-box {
	border-radius: 0.3rem;
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
	margin-bottom: 2em;
}




/*первоначальные настройки повторяющихся элементов*/

input:autofill,
select:autofill {
	background-image: none !important;
	background-color: #E3F4E7 !important;
}

input:focus,
select:focus,
button:focus,
a:focus {
	border: 1px solid #008337 !important;
	box-shadow: 0 0 3px #008337 !important;
}



button.accordion-button::after,
button.accordion-button#text,
.accordion-button:not(.collapsed) {
	color: #008337;
}


.btn-outline-success:hover {
	color: #fff;
	background-color: #008337;
	border-color: #008337;
}

.btn-outline-success {
	color: #008337;
	background-color: transparent;
	border-color: #008337;
}

.bg-success {
	--bs-bg-opacity: none !important;
	background-color: #008337 !important;
}

.btn-success {
	color: #fff;
	background-color: #008337 !important;
	border-color: #008337 !important;
}

.btn-success:hover {
	background-color: #006b2d !important;
	border-color: #006b2d !important;
}

.text-success {
	--bs-text-opacity: none !important;
	color: #008337 !important;
}





/*стили стр авторизации */
.logo img {
	height: 86px;
	width: 114px;
	display: block;
	margin: 0 auto;
}

.form-body {
	width: 50%;
	margin: 0 auto;
	padding: 5% 12%;
}

.form-body-code {
	width: 45%;
	margin: 0 auto;
	padding: 5% 10%;
}

/* .createaccount {
	font-family: 'Montserrat';
	font-style: normal;
	font-size: 13px;
} */



.eye-icon {
	border-color: #f8f9fa;
	background-color: #f8f9fa;
	margin-left: -40px;
	width: 1.5rem;

}

/* стили ввода пароля */

.password {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
}



.password-control,
.repassword-control {
	position: absolute;
	margin: auto 15px;
	width: 20px;
	height: 20px;
	background: url(../img/eye-slash-fill.svg) 0 0 no-repeat;
	background-size: 20px;
}

.password-control.view,
.repassword-control.view {
	background: url(../img/eye-fill.svg) 0 0 no-repeat;
	background-size: 20px;
	position: absolute;
}

/* общие стили формы */
.form-label {
	font-weight: 500;
	margin-bottom: 0.2em;
	height: 52px;
}

.modal-form-label {
	font-weight: 500;
	margin-bottom: 0.5em;
}

form input {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.form-switch .form-check-input {
	width: 3em;
	margin-left: -2.5em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
	background-position: left center;
	border-radius: 2em;
	transition: background-position .15s ease-in-out;
}


input.form-control,
input.form-check-input,
.card-body,
select.form-select,
textarea.form-control,
input.form-control-group {
	background-color: transparent;
	color: black;
}

.filter-form-select {
	/* font-size: 1.4vh; */
	background-color: transparent;
	color: black;
}


input.form-control::placeholder {
	color: #d1d1d1;
	font-weight: 400;
	/* font-size: 1.8vh; */
}

label.form-check-label {
	font-weight: 400;
	color: black
}

input.form-check-input {
	width: 22px;
	height: 22px;
	margin-right: 0.625em;
}

input.form-check-input:checked {
	background-color: #008337;
	border-color: #008337;
}

label {
	display: block !important;
}

/* изменение пароля раздел аккаунт */
.card-pass {
	position: absolute !important;
	width: 27% !important;
	padding: 0px !important;
}


/* Скрыть/Показать DIV по выбору RADIO */
.deactive {
	display: none;
}



/* общие стили для текста и линка */

.link,
.text {
	font-weight: 500;
	/* font-size: 1.8vh; */
}

.link,
a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	background-color: transparent;
}

link:hover,
a:hover {
	color: #008337;
}

a.dropdown-item:active {
	background-color: #008337 !important;
}


img,
svg {
	vertical-align: baseline !important;
}

.headline {
	/* font-size: 1.2rem; */
	font-weight: 700;
	line-height: 1.3em;
}

ol,
ul {
	padding-left: 0px;
	list-style: none;
}


/* общие стили хедера декстоп */
.navbar-brand {
	width: 5%;
	/* margin-right: 2rem; */
	height: auto;
	min-width: 55px;
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
}

.navbar-nav {
	width: 100%;
}

.contact__block__01,
.contact__block__02 {
	align-items: start;
}

.contact__block__02 {
	margin-left: -200px;
}

li.nav-item a {
	color: black;
	text-align: left;
	text-decoration: none !important;
	font-weight: 500;
}

li.nav-item {
	padding-right: 1em;
}

.nav-bi {
	/* font-size: 1.3rem; */
	color: #008337;
	margin-right: 0.5em;
}



.button-order,
.footer__btn {
	border: 1px solid #008337;
	border-radius: 5px;
	padding: 0.3em;
	background-color: #008337;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;

}

li.button-order a {
	color: white;
	background-color: transparent;
	/* font-size: 100%; */
	/* padding: 0.3em; */
	font-weight: 700;
}

li.button-order a:focus {
	border: none !important;
	box-shadow: none !important;
}


.button-order:hover,
.footer__btn:hover {
	background-color: black;
	border: 1px solid black;
	color: white;
}

/*переключатель языков*/


.language-box {
	display: inline-block;
	width: 70px;
	height: 30px;
	overflow: hidden;
	border: 1px solid #008337;
	background: #f8f9fa;
	line-height: 30px;
	position: relative;
	z-index: 1000;
}

.language {
	display: inline-block;
	text-align: center;
}

.language-values {
	display: inline-block;
	width: 100%;
	position: absolute;

}

.language-box:hover {
	overflow: visible;
}

.language-values:hover .language-val {
	position: relative;
}

.language-values:hover {
	border: 1px solid #008337;
}

.language-val {
	width: 100%;
	display: block;
	cursor: pointer;
	text-align: center;
	background: #f8f9fa;
}

.language-val a {
	text-decoration: none;
}

.language-val a:focus {
	border: none !important;
	box-shadow: none !important;
}

.language-val:hover {
	background: #ebf5ef;
}

/* футер */
.footer__nav {
	list-style-type: none;
}

img.footer__logo {
	width: 60%;
	height: auto;

}

/* Изменение цвета ссылок при наведении курсора */
li.nav-item a:hover {
	color: #008337;
}

/* общие стили области основного контента, сайдбара, онлайн чата */
.content {
	display: flex;
	margin-top: 30px;
}

.main {
	border-radius: 1%;
	width: 75%;
	height: 100%;
	margin-bottom: 3em;
}


aside {
	border-radius: 1%;
	width: 25%;
	margin-right: 40px;

}

/* Стиль панели навигации */
.main-menu-aside {

	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: left;
	border-radius: 2%;
}

/* Ссылки на навигационную панель */
.main-menu-aside a {
	color: black;
	text-decoration: none;
	font-weight: 400;
	/* font-size: 1.2rem; */
	/* font-size: 2vh; */
	line-height: 1em;
	text-transform: capitalize;
	padding: 0.60em 0 0.60em 0;
	margin-bottom: 0.75em;
	border-radius: 2%;
}

.main-menu-aside i {
	margin: 0.62em;
}

/* Ссылки на навигационную панель при наведении курсора мыши */
.main-menu-aside a:hover {
	background-color: #f6f6f6;
	width: 100%;
	color: #008337;
	font-weight: 700;
	border-radius: 2%;
}

/* Текущая/активная ссылка на навигационную панель */
.main-menu-aside a:active,
.main-menu-aside a.active {
	background-color: #ebf5ef;
	width: 100%;
	color: #008337;
	border-radius: 2%;
}

/* онлайн чат */
.chat-icon {
	margin-top: 8rem;

}

.btn-circle {
	width: 95px;
	height: 95px;
	border-radius: 50% !important;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	white-space: normal;
}

/* .bi-chat-left-text {
	font-size: 44px !important;
} */


/* стили notification */
.notification-valid,
button.notification-valid,
.alert-success {
	background-color: #e3f4e7;
	color: #008337;
}

.notification {
	font-weight: 600;
	line-height: 1.27em;
	/* font-size: 2vh; */
	padding: 0.5em 1.5em 0.5em 1.5em;
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	border-radius: 0.3rem;
}



.notification-invalid {
	background-color: #fce9e9;
	color: #DF2828;
}

.bi-invalid {
	color: #DF2828;
}

.bi-valid,
.mobile-bi {
	color: #008337;
}

.bi {
	font-weight: 600;
	line-height: 1.27em;
	/* font-size: 3vh; */
}

.flex-grow-1 {
	margin-left: 1rem;
}

/* модальные окна */


.modal-title {
	font-weight: 700;
	/* font-size: 1.5rem; */
	line-height: 2em;
	margin-bottom: 1em;
}

.modal-body {
	padding: 0 25% 5% 25% !important;
}

.modal-body-cas-payment {
	padding: 0 15% 5% 15% !important;
}

.modal-body-instructions {
	padding: 0 5% !important;
}





/* таблица */

/* .table-wrap {
	overflow-x: scroll !important;

}

table,
.table-user {
	border-collapse: separate !important;
	border-spacing: 0.5rem 0.5rem !important;
	font-weight: 500;
	width: 100%;
	min-width: 600px;

}

.table-doc {
	border-collapse: collapse !important;
	font-weight: 500;
	width: 100%;
	min-width: 600px;

}

.table-doc tr td {
	border-bottom: 1.3px solid #D8D8D8;
	border-radius: 4%;
	padding: 1%;
	word-wrap: break-word;
	text-align: center;
}

.table-doc th {
	padding-bottom: 1rem;
	text-align: center;
}

.table__item__doc {
	width: 14%;
}


.table {
	table-layout: fixed;
}

table.table-1 tr td {
	border: 1.3px solid #D8D8D8;
	border-radius: 4%;
	padding: 1%;
	word-wrap: break-word;
}



th {
	font-weight: 700;
}

.table-item-checkbox {
	width: 50px !important;
}

.table-item {
	width: 240px !important;
} */


.checkbox-dont:checked {
	background-color: #e62605 !important;
	border-color: #e62605 !important;
	background-image: url(../img/vector-18@2x.svg);
}



/* поиск раздел журнал активности */
.main-box__search {
	width: 309px !important;
}

.main-box__filter-select {
	width: 240px !important;
}

/*аккордеон раздел поддержка*/

.accordion-button:not(.collapsed)::after {
	background-image: none !important;
	transform: rotate(-180deg);
}

/*высота контейнера контента для разделов поддержка, акции, пользователи*/
.main-box-support,
.main-box-stock,
.main-box-user {
	min-height: 500px !important;
}

/* услуги */
.services {
	background-color: #e4e4e4;
}

.btn-connect-services {
	background-color: #ceded4 !important;
	padding: 0 1.5rem;
}

.button-upload:hover {
	background-color: #fff !important;
}

.img-upload {
	width: 22px;
	margin: 0 auto;
}

.main-box__services {
	border-radius: .3rem !important;
	padding: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.img-lang {
	width: 16px;
	height: 16px;
}

/* Стилизация input file */

.input-group__upload::file-selector-button {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.input-group-text {
	line-height: 0px !important;

}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 0.3rem !important;
	border-bottom-right-radius: 0.3rem !important;
}

/*раздел пользователи*/
.btn-edit-user {
	background-color: transparent;
}

/* .bi-pencil:hover{
	color: white !important;
} */

td.table-item-edit:hover {
	background-color: #E3F4E7;
}

/* tabs */

.tabs,
.tabs_balance {
	display: flex;
}

.tabs li:not(:last-child),
.tabs_balance li:not(:last-child) {
	margin-right: 7px;
}

.tabs li a,
.tabs_balance li a {
	display: block;
	position: relative;
	top: 4px;
	padding: 10px 25px;
	height: 100%;
	border-radius: 10px 10px 0 0;
	background-color: #E3F4E7;
	color: #000;
	font-weight: bold;
	opacity: 0.7;
	transition: all 0.1s ease-in-out;
}

.tabs li.active a,
.tabs li a:hover,
.tabs_balance li.active a,
.tabs_balance li a:hover {
	opacity: 1;
	top: 0;
	background-color: #008337;
	color: white;
}


.tabs-panel,
.tabs_panel_balance {
	display: none;
}

.tabs-panel.active,
.tabs_panel_balance.active {
	display: block;
}

.tabs-panel p+div,
.tabs_panel_balance p+div {
	margin-top: 15px;
}

.bi-clock-fill {
	color: rgb(236, 214, 11);
}

.footer {
	/* position: relative;
	z-index: 1; */
	max-width: 90%;

}


.debugging__panel {
	max-width: inherit;
	width: 100%;
	height: 200px;
	display: none;
	background-color: white;
	position: fixed !important;
	z-index: 4;
	margin: 0px auto;
	bottom: 20;
	border: 3px solid black;

}

/* Поле поиска */


/* Поле поиска, когда он получает фокус/нажал на */


/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown_country,
.dropdown_city {
	position: relative;
	display: none;

}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
	display: block;
	position: absolute;
	background-color: #f6f6f6;
	min-width: 230px;
	border: 1px solid #ddd;
	z-index: 10000;
	height: 300px;
	overflow-y: scroll;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content li {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content li:hover {
	background-color: #f1f1f1
}


#Progress_Status {
	width: 90%;
	background-color: #ddd;
	border-radius: 2rem;
	margin: 0 auto;
	display: none;
}

#progressBar {
	width: 1%;
	height: 20px;
	background-color: #008337;
	text-align: center;
	color: white;
	border-radius: 2rem;
	font-weight: bold;
}

/* preload */

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 20% auto;
	border-radius: 50%;
	border: 6px solid;
	border-color: #63e21a transparent #03c503 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	z-index: 999;
	opacity: 1;
	transition: all 0.5s;
}


.dropdown {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/* avatar */
.avatar_wrap {
	width: 200px;
	height: 200px;
	border-style: solid;
}

.avatar_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#file_avatar {
	display: none !important;
}




#session {
	display: none;
}

button.all_check {
	display: none;
}


.iti {
	width: 100% !important;
}

/* alert of cookies */

#cookie_note{
	display: none;
	position: fixed;
	bottom: 15px;
	left: 50%;
	width: 70%;
	transform: translateX(-50%);
	padding: 20px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
	margin: 0;
	font-size: 0.7rem;
	text-align: left;
	color: black;
}

/* .cookie_accept{
	width:20%;
} */
@media (min-width: 576px){
	#cookie_note.show{
			display: flex;
	}
}

@media (max-width: 768px){
	#cookie_note.show{
			display: flex;
			flex-direction: column;
	}
	#cookie_note.show p,
	#cookie_note.show button{
		width: 100% !important;
	}

	#cookie_note.show button{
		margin-top: 10px;
	}


}

.nowrap{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




/*подключение адаптива медиа запросами*/



@media only screen and (max-width : 1366px) {

	/*стили стр авторизации */

	.form-body-code {
		width: 55%;
		padding: 5% 10%;
	}

	.form-body {
		width: 55%;
		padding: 5% 10%;
	}

	/*tabs font*/
	.tabs li a,
	.tabs_balance li a {
		font-size: 13px;
		padding: 10px;
	}


	.button-order {
		margin-left: -43px !important;
	}


}

@media only screen and (max-width : 1200px) {

	/* изменение пароля раздел аккаунт */
	.card-pass {
		position: relative !important;
		width: 100% !important;
	}



	/* футер */
	.footer__link {
		white-space: nowrap;
		font-size: 00.80rem;
	}

	.dropdown-content {
		position: relative;
		left: 0;
		top: 0;
	}




}

@media only screen and (max-width : 1080px) {

	/* стили хедера мобайл */
	.contact__block__02 {
		margin-left: -153px;
	}

	.form-body {
		width: 65%;
		padding: 5% 10%;
	}


	/*tabs font*/
	.tabs li a,
	.tabs_balance li a {
		font-size: 11.5px;
		padding: 5px;
	}

	aside {
		width: 30%;
	}
}

@media only screen and (max-width : 1024px) {



	/* стили сайдбара, область основного контента */



	.main {
		border-radius: 1%;
		width: 70%;
		height: auto;

	}

	/* пагинация */
	ul.pagination {
		text-align: center !important;
	}

}

@media only screen and (max-width : 991px) {
	.form-body-code {
		width: 65%;
		padding: 5% 10%;
	}

	/* footer */
	.footer__col-3 {
		width: 40% !important;
	}

	.modal-body {
		padding: 0 15% 5% 15% !important;
	}

	.form-label {
		height: auto;
	}

	input,
	button,
	select {
		margin-bottom: 1rem;
	}

	.password-view,
	#click-verify-phone, 
	.input-group__upload {
		margin-bottom: 0px !important;
	}



	.form-check .form-check-input {
		float: left;
		margin-left: -2rem;
	}

	/* стили хедера мобайл */
	.contact__block__02 {
		margin-left: -115px;
	}

	.button-order a {
		font-size: 10px !important;
	}

	.button-order {
		padding: 0.1rem !important;
	}

	.user-img {
		display: none;
	}



	.nav-item a {
		font-size: 0.7rem !important;
	}


	/*tabs*/
	.tabs,
	.tabs_balance {
		flex-direction: column;
	}

	.tabs li,
	.tabs_balance li {
		width: 100%;
	}

	.tabs li:not(:last-child),
	.tabs_balance li:not(:last-child) {
		margin-right: 0;
	}

	.tabs li a,
	.tabs_balance li a {
		border-radius: 0;
		opacity: 1;
		top: 0;
		font-size: 14px;
	}

	.tabs li.active a::before,
	.tabs_balance li.active a::before {
		content: "•";
		padding-right: 5px;
	}

	.tabs-content {
		border-radius: 0;
	}

	button.all_check {
		display: block;
	}

}

@media only screen and (min-width : 768px) {
	.mobile-menu {
		display: none;
	}
}


@media only screen and (max-width : 768px) {
	/* .wrapper {
		max-width: auto;
		margin: none;
	} */

	.form-body-code {
		width: 75%;
		padding: 5% 8%;
	}



	.navbar-brand {
		left: none;
		position: relative;
	}

	.contact__block__02 {
		margin-left: 0;
	}

	.button-order {
		/* margin-left: 0px !important;
		margin-top: 1rem !important; */
		margin: 40px 0px !important;
		padding: 0.5rem !important;
	}

	.button-order a {
		font-size: 1.1rem !important;
	}

	.user-img {
		display: block;
	}


	.nav-item a {
		font-size: 1rem !important;
	}

	.main {
		width: 100%;
	}

	/*стили стр авторизации */
	.form-body,
	.main-box {
		width: auto;
		padding: 5% 8%;
	}

	/* отключение сайдбара */
	aside {
		display: none;
	}

	/* стили хедера мобайл */
	.mobile-menu,
	.mobile-nav {
		list-style-type: none;

	}

	ol,
	ul {
		padding-left: 0px !important;
	}

	.mobile-nav-item a {
		font-weight: 500;
		font-size: 1.33rem;
		line-height: 1.5em;
		text-decoration: none;
		color: #000;

	}

	.mobile-nav-item {
		padding: 0.68em 1.25em;
		margin-bottom: 0.75em;
		text-align: center;
	}

	/* .mobile-nav-item:active {
		background-color: #ebf5ef;
	}

	.mobile-nav-item a:active {
		color: #008337;
		font-weight: 700;
	} */

	/* .active {
		background-color: #ebf5ef;
		width: 100%;
		color: #008337;
		font-weight: 700;
	} */

	/* a.active {
		color: #008337;
		font-weight: 700;
	} */

	.mobile-nav-item:hover {
		background-color: #f6f6f6;
		width: 100%;
		color: #008337;
		font-weight: 700;
	}

	.mobile-nav-item a:hover {
		color: #008337;
		font-weight: 700;
	}


	.mobile-bi {
		margin-right: 0.62em;
	}

	.navbar-nav {
		display: flex;
		flex-direction: column-reverse !important;
		align-items: center;
		justify-content: center;
		margin-bottom: 2.18em !important;
	}



	li.nav-item {
		margin-bottom: 0.62em;
		padding-right: 0px;
	}

	li.button-order {
		width: 100%;
		margin-bottom: 2.18em;
		/* font-size: 100%; */
	}

	.user-box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* select.form-select {
		font-size: 1.8vh;
	} */

	/* стили модальных окн мобайл */
	.modal-body {
		padding: 0 10% 5% 10% !important;
	}

	.headline,
	a.clear-filter {
		text-align: center !important;
	}

	/* поиск раздел журнал активности */
	.main-box__search,
	.main-box__filter-select {
		width: 100% !important;
	}

	/* пагинация */
	ul.pagination {
		justify-content: center !important;
	}

	/* Футер */


	.footer__col-3 {
		width: auto;
	}

	p.footer__copyright {
		text-align: left !important;
	}

	/* .btn {
		font-size: 2.2vh;
	} */

	/* .form-switch .form-check-input {
		width: 3.5em;
	} */

	/*переключатель языков*/


	.language-box {
		display: flex;
		width: 100px;
		height: 30px;
		overflow: none;
		border: none;
		background: transparent;
		line-height: 30px;
		position: none;
		z-index: none;
		margin: 1rem 0;
	}

	.language {
		display: inline-block;
		text-align: center;
	}

	.language-values {
		display: flex;
		flex-direction: row;
		position: none;

	}

	.language-box:hover {
		overflow: none;
	}

	.language-values:hover .language-val {
		position: none;
	}

	.language-values:hover {
		border: 1px solid #008337;
	}

	.language-val {
		cursor: pointer;
		text-align: center;
		background: transparent;
		font-size: 1.2rem;
	}

	.language-val a {
		text-decoration: none;
	}

	.language-val a:focus {
		border: none !important;
		box-shadow: none !important;
	}

	.language-val:hover {
		background: #ebf5ef;
	}


}

@media only screen and (max-width : 576px) {
	.form-body-code {
		width: auto;
		padding: 5% 8%;
	}

	/* footer */
	.footer__col-3 {
		width: 100% !important;
	}

	.footer__link {
		font-size: 1.3rem;
	}

	.footer__col-2 {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center;

	}

	.footer__nav,
	footer,
	.footer__navbar-brand {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}


	/* капча */
	.g-recaptcha,
	.g-recaptcha div {
		overflow: hidden;
		max-width: 100%;
	}

	.g-recaptcha iframe,
	body>div[style]:last-of-type {
		transform: scale(0.75);
		transform-origin: left top;
	}

	.modal-title {
		font-weight: 700;
		/* font-size: 1.3rem; */
		line-height: 2em;
	}

}

@media only screen and (max-width : 360px) {
	.footer__button {
		flex-direction: column;
		width: 100%;

	}

	.footer__btn {
		margin-right: none !important;
		margin-bottom: 10px;
	}

	a.footer__navbar-brand {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	/* капча */

	.g-recaptcha iframe,
	body>div[style]:last-of-type {
		transform: scale(0.6);
		transform-origin: left top;
	}
}

.loaded,
.preloader {
	display: none;
}

.preloader {
	/*фиксированное позиционирование*/
	position: fixed;
	/* координаты положения */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* фоновый цвет элемента */
	background: #e0e0e0;
	/* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
	z-index: 1001;
}

.preloader__row {
	position: relative;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
	animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
	position: absolute;
	display: inline-block;
	top: 0;
	background-color: #337ab7;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
	top: auto;
	bottom: 0;
	animation-delay: -1s;
}

@keyframes preloader-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes preloader-bounce {

	0%,
	100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}
}

.loaded_hiding .preloader {
	transition: 0.3s opacity;
	opacity: 0;
}