*,
*::before,
*::after {
	box-sizing: border-box;
	line-height: 1.17;
}
body, select, input, textarea, button {
	font-family: var(--bs-font-sans-serif);
	color: var(---cmt-text100-color);
	outline: none;
}
a,
a:link,
a:visited {
	display: inline-block;
	outline: none;

	color: var(---cmt-primary-color);
	text-decoration: none;
}
a:hover {
	color: var(---cmt-Dprimary-color);
	text-decoration: none;

	transition: all 0.3s ease;
}
a img { border: 0 none; }
a > img { vertical-align: bottom; }
strong, b { font-weight: bold }
p {
	margin-block-start: 0;
	margin-block-end: 0;
}



/* Input Инпуты universal_field Универсальные поля*/
.universal_field__wrapper {}
.universal_field__wrapper--mb {
	margin-bottom: 12px;
}
.universal_field {
	position: relative;
}
.universal_field__label {
	display: block;
	margin-bottom: 4px;
}
.universal_field__input::placeholder {
	color: #212529;

	opacity: 0.4;
}
.universal_field .universal_field__label {
	position: absolute;
	display: flex;
	top: 50%;
	left: 6px;
	transform: translateY(-50%);
	padding-left: 8px;
	padding-right: 8px;

	border: none;

	background-color: #fff;

	pointer-events: none;
	color: #757575;

	transition: top 0.3s ease, scale 0.3s ease;
}
.universal_field .universal_field__input::placeholder {
	color: transparent;
}
.universal_field .universal_field__input:focus~.universal_field__label,
.universal_field .universal_field__input:not(:placeholder-shown)~.universal_field__label {
	top: 0;
	transform: translateY(-50%) scale(0.75);
}
.universal_field__message {
	display: none;
	width: 100%;
	margin: 0;
	margin-top: 4px;

	font-size: 14px;
	font-weight: 400;
	color: var(---cmt-secondary-color);
}
.universal_field__message--block {
	display: block;
}
.universal_field__message--invalid {
	color: var(---cmt-Dred-color);
}
.universal_field__message--valid {
	color: var(---cmt-Dgreen-color);
}
.universal_field__message > a,
.universal_field__message > a:link,
.universal_field__message > a:visited {
	color: var(---cmt-Dyellow-color);
	text-decoration: underline;
}
.universal_field__message > a:hover {
	color: var(---cmt-Dyellow-color);
	text-decoration: underline;
}
.universal_field--button {
	display: flex;
}
.universal_field__button {
	display: inline-block;
	padding: 6px 12px;
	margin-left: 4px;
	vertical-align: middle;

	border: 2px solid var(---cmt-primary-color);
	border-radius: 8px;

	background-color: var(---cmt-primary-color);

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	color: var(---cmt-white-color);
	text-align: center;
	cursor: pointer;
	user-select: none;

	transition: background-color 0.3s ease, border-color 0.3s ease;
}
.universal_field__button:hover {
	border-color: var(---cmt-Dprimary-color);

	background-color: var(---cmt-Dprimary-color);
}
.universal_field__button--green {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);
}
.universal_field__button--green:hover,
.universal_field__button--green:focus,
.universal_field__button--green:active {
	border-color: var(---cmt-Dgreen-color);

	background-color: var(---cmt-Dgreen-color);
}
.universal_field__button--red {
	border-color: var(---cmt-red-color);

	background-color: var(---cmt-red-color);
}
.universal_field__button--red:hover,
.universal_field__button--red:focus,
.universal_field__button--red:active {
	border-color: var(---cmt-Dred-color);

	background-color: var(---cmt-Dred-color);
}
.universal_field__button--yellow {
	border-color: var(---cmt-yellow-color);

	background-color: var(---cmt-yellow-color);
}
.universal_field__button--yellow:hover,
.universal_field__button--yellow:focus,
.universal_field__button--yellow:active {
	border-color: var(---cmt-Dyellow-color);

	background-color: var(---cmt-Dyellow-color);
}
.universal_field__radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.universal_field__input__radio {}
.universal_field__input__checkbox {}

.universal_field__radio input[type="checkbox"]:checked,
.universal_field__radio input[type="checkbox"]:not(:checked),
.universal_field__radio input[type="radio"]:checked,
.universal_field__radio input[type="radio"]:not(:checked){
  display: none;
  visibility: hidden;
}
.universal_field__input__radio:checked + label,
.universal_field__input__radio:not(:checked) + label {
	display: inline-block;
	padding: 8px;
	width: 120px;
	margin: 0 8px;
	margin-bottom: 12px;

	border-radius: 8px;

	background-color: var(---cmt-darkblue-color);

	font-size: 14px;
	line-height: 1.17;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	color: var(---cmt-white-color);

	transition: box-shadow .3s ease, background-color .3s ease;
}
.universal_field__input__radio:not(:checked) + label {
	box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__radio:checked + label {
	background-color: var(---cmt-Dgreen-color);
	box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__radio:not(:checked) + label:hover {
	background-color: var(---cmt-green-color);
	box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__radio:checked + label i,
.universal_field__input__radio:not(:checked) + label i{
	display: block;
	padding-bottom: 10px;

	font-size: 24px;
	line-height: 24px;
}
.universal_field__input__radio:not(:checked):disabled + label,
.universal_field__input__radio:checked:disabled + label {
	background-color: var(---cmt-lightsilver-color);

	color: var(---cmt-secondary-color);
}
.universal_field__input__checkbox:checked + label,
.universal_field__input__checkbox:not(:checked) + label {
	display: inline-block;
	padding: 8px;
	width: auto;
	margin: 0 8px;
	margin-bottom: 12px;

	border-radius: 8px;

	background-color: var(---cmt-darkblue-color);

	font-size: 14px;
	line-height: 1.17;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	cursor: pointer;
	text-transform: uppercase;
	color: var(---cmt-white-color);

	transition: box-shadow .3s ease, background-color .3s ease;
}
.universal_field__input__checkbox:not(:checked) + label {
	box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__checkbox:checked + label{
	background-color: var(---cmt-Dgreen-color);
	box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__checkbox:not(:checked) + label:hover {
  background-color: var(---cmt-green-color);
  box-shadow: 0px 0px 2px rgb(189 195 199);
}
.universal_field__input__checkbox:checked + label i,
.universal_field__input__checkbox:not(:checked) + label i{
	display: block;
	padding-bottom: 10px;

	font-size: 24px;
	line-height: 24px;
}
.universal_field select,
.universal_field textarea,
.universal_field input[type="text"],
.universal_field input[type="name"],
.universal_field input[type="password"],
.universal_field input[type="file"],
.universal_field input[type="datetime"],
.universal_field input[type="datetime-local"],
.universal_field input[type="date"],
.universal_field input[type="month"],
.universal_field input[type="time"],
.universal_field input[type="week"],
.universal_field input[type="number"],
.universal_field input[type="email"],
.universal_field input[type="url"],
.universal_field input[type="search"],
.universal_field input[type="tel"],
.universal_field input[type="color"] {
	width: 100%;
	height: 40px;
	padding: 6px;

	border: 2px solid var(---cmt-secondary-color);
	border-radius: 8px;

	background: var(---cmt-background-color);
	box-shadow: 0 0 0 0;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	line-height: inherit;
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-secondary-color) !important;

	transition: color .3s ease, background-color .3s ease, border-color .3s ease;

}
.universal_field textarea {
	height: auto;
}
.universal_field select:active,
.universal_field textarea:active,
.universal_field input[type="text"]:active,
.universal_field input[type="name"]:active,
.universal_field input[type="password"]:active,
.universal_field input[type="file"]:active,
.universal_field input[type="datetime"]:active,
.universal_field input[type="datetime-local"]:active,
.universal_field input[type="date"]:active,
.universal_field input[type="month"]:active,
.universal_field input[type="time"]:active,
.universal_field input[type="week"]:active,
.universal_field input[type="number"]:active,
.universal_field input[type="email"]:active,
.universal_field input[type="url"]:active,
.universal_field input[type="search"]:active,
.universal_field input[type="tel"]:active,
.universal_field input[type="color"]:active {
	border-color: var(---cmt-green-color);
	background-color: var(---cmt-green-color);
}
.universal_field select:not(:disabled):not(:active):hover,
.universal_field textarea:not(:disabled):not(:active):hover,
.universal_field input[type="text"]:not(:disabled):not(:active):hover,
.universal_field input[type="name"]:not(:disabled):not(:active):hover,
.universal_field input[type="password"]:not(:disabled):not(:active):hover,
.universal_field input[type="file"]:not(:disabled):not(:active):hover,
.universal_field input[type="datetime"]:not(:disabled):not(:active):hover,
.universal_field input[type="datetime-local"]:not(:disabled):not(:active):hover,
.universal_field input[type="date"]:not(:disabled):not(:active):hover,
.universal_field input[type="month"]:not(:disabled):not(:active):hover,
.universal_field input[type="time"]:not(:disabled):not(:active):hover,
.universal_field input[type="week"]:not(:disabled):not(:active):hover,
.universal_field input[type="number"]:not(:disabled):not(:active):hover,
.universal_field input[type="email"]:not(:disabled):not(:active):hover,
.universal_field input[type="url"]:not(:disabled):not(:active):hover,
.universal_field input[type="search"]:not(:disabled):not(:active):hover,
.universal_field input[type="tel"]:not(:disabled):not(:active):hover,
.universal_field input[type="color"]:not(:disabled):not(:active):hover {
	border-color: var(---cmt-green-color);
}
.universal_field select:not(:disabled):active,
.universal_field textarea:not(:disabled):active,
.universal_field input[type="text"]:not(:disabled):active,
.universal_field input[type="name"]:not(:disabled):active,
.universal_field input[type="password"]:not(:disabled):active,
.universal_field input[type="file"]:not(:disabled):active,
.universal_field input[type="datetime"]:not(:disabled):active,
.universal_field input[type="datetime-local"]:not(:disabled):active,
.universal_field input[type="date"]:not(:disabled):active,
.universal_field input[type="month"]:not(:disabled):active,
.universal_field input[type="time"]:not(:disabled):active,
.universal_field input[type="week"]:not(:disabled):active,
.universal_field input[type="number"]:not(:disabled):active,
.universal_field input[type="email"]:not(:disabled):active,
.universal_field input[type="url"]:not(:disabled):active,
.universal_field input[type="search"]:not(:disabled):active,
.universal_field input[type="tel"]:not(:disabled):active,
.universal_field input[type="color"]:not(:disabled):active {
	background-color: transparent;
	border-color: var(---cmt-green-color);
}
.universal_field select:focus,
.universal_field textarea:focus,
.universal_field input[type="text"]:focus,
.universal_field input[type="name"]:focus,
.universal_field input[type="password"]:focus,
.universal_field input[type="file"]:focus,
.universal_field input[type="datetime"]:focus,
.universal_field input[type="datetime-local"]:focus,
.universal_field input[type="date"]:focus,
.universal_field input[type="month"]:focus,
.universal_field input[type="time"]:focus,
.universal_field input[type="week"]:focus,
.universal_field input[type="number"]:focus,
.universal_field input[type="email"]:focus,
.universal_field input[type="url"]:focus,
.universal_field input[type="search"]:focus,
.universal_field input[type="tel"]:focus,
.universal_field input[type="color"]:focus {
	box-shadow: 0 0 0 0 rgba(127, 140, 141, 0.0);
}
.universal_field select:focus:not(:active),
.universal_field textarea:focus:not(:active),
.universal_field input[type="text"]:focus:not(:active),
.universal_field input[type="name"]:focus:not(:active),
.universal_field input[type="password"]:focus:not(:active),
.universal_field input[type="file"]:focus:not(:active),
.universal_field input[type="datetime"]:focus:not(:active),
.universal_field input[type="datetime-local"]:focus:not(:active),
.universal_field input[type="date"]:focus:not(:active),
.universal_field input[type="month"]:focus:not(:active),
.universal_field input[type="time"]:focus:not(:active),
.universal_field input[type="week"]:focus:not(:active),
.universal_field input[type="number"]:focus:not(:active),
.universal_field input[type="email"]:focus:not(:active),
.universal_field input[type="url"]:focus:not(:active),
.universal_field input[type="search"]:focus:not(:active),
.universal_field input[type="tel"]:focus:not(:active),
.universal_field input[type="color"]:focus:not(:active) {
	border-color: var(---cmt-green-color);
}
.universal_field select:disabled,
.universal_field textarea:disabled,
.universal_field input[type="text"]:disabled,
.universal_field input[type="name"]:disabled,
.universal_field input[type="password"]:disabled,
.universal_field input[type="file"]:disabled,
.universal_field input[type="datetime"]:disabled,
.universal_field input[type="datetime-local"]:disabled,
.universal_field input[type="date"]:disabled,
.universal_field input[type="month"]:disabled,
.universal_field input[type="time"]:disabled,
.universal_field input[type="week"]:disabled,
.universal_field input[type="number"]:disabled,
.universal_field input[type="email"]:disabled,
.universal_field input[type="url"]:disabled,
.universal_field input[type="search"]:disabled,
.universal_field input[type="tel"]:disabled,
.universal_field input[type="color"]:disabled {
	background-color: var(---cmt-lightsilver-color);
}
.universal_field input[type="number"]::-webkit-outer-spin-button,
.universal_field input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Input Инпуты universal_field Универсальные поля */



/* Modal__dialog */
.modal__dialog .modal-footer, .modal__dialog .modal-body, .modal__dialog .modal-header {
	border: none;
	padding: 0px;
	background: var(---cmt-three-color);
}
.modal__dialog .modal-content {
	text-align: left;
	border-radius: 16px;
	box-shadow: 0 8px 40px -10px rgb(0 0 0 / 30%);
	border: 1px solid #E0E4E5;
	border-color: rgba(0,0,0,0.0);
	background-color: var(---cmt-background-color);
	background-clip: padding-box;
	outline: none;
	max-width: none !important;
	max-height: none !important;
	padding: 20px;
	overflow: auto;
	position: relative;
	zoom: 1;
	font-weight: 500;
	height: auto !important;
	min-width: 340px;
	width: 100%;
	margin: 0 auto;
}
.modal__dialog .modal-dialog {
	justify-content: center;
}
.modal__dialog .modal-header {
	padding: 0px;
	padding-bottom: 20px;
	position: relative;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}
.modal__dialog .modal-title {
	float: left;
	font-weight: bold;
	font-size: 18px;
	color: #515a5a;
}
.modal__dialog .btn-close {
	position: absolute;
	right: 5px;
	height: 28px !important;
	width: 28px;
	border: 0 none !important;
	background-size: cover;
	box-shadow: none !important;
	padding: 0px !important;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}
.modal__dialog .btn-close:hover, .modal__dialog .btn-close:focus, .modal__dialog .btn-close:active {
	opacity: 1;
}
.modal__dialog .modal__dialog___button_btn {
	font-weight: 500;
	font-size: 18px;
	margin: 0;
	line-height: 1.17;
	padding: 10px 10px;
	width: 100%;
}
.modal__dialog .modal_minitext {
	font-size: 12px;
	color: #a2acad;
	/*float: right;*/
	text-align: right;
}
.modal__dialog___modal_min .modal-dialog {
	justify-content: center;
}
.modal__dialog___modal_min .modal-content {
	width: 340px;
}

.fade {
	opacity: unset;
}
/* Modal__dialog */



/* Universal_button / Универсальные кнопки */
.universal_button i {
	margin-right: 4px;
}
.universal_button,
.universal_button:link,
.universal_button:visited,
.universal_button a {
  display: inline-block;
  padding: 8px 8px;
  margin: 0 auto;
  vertical-align: middle;
  outline: none;

  border: 2px solid var(---cmt-primary-color);
  border-radius: 8px;

  background-color: var(---cmt-primary-color);

  font-size: 16px;
  font-weight: 500;
  line-height: 1.17;
  text-align: center;
  color: var(---cmt-white-color);
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  text-transform: uppercase;

  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
.universal_button:hover {
  border-color: var(---cmt-Dprimary-color);

  background-color: var(---cmt-Dprimary-color);
  box-shadow: 0px 0px 2px rgb(189 195 199);

  color: var(---cmt-white-color);
  text-decoration: none;
}
.universal_button--all_wight {
	width: 100%;
}
.universal_button--margin--0 i {
	margin: 0;
}
.universal_button--font_size--24,
.universal_button--font_size--24:link,
.universal_button--font_size--24:visited {
	font-size: 24px;
}
.universal_button--transparent,
.universal_button--transparent:link,
.universal_button--transparent:visited {
	border: 1px solid var(---cmt-outline-color);

	background-color: var(---cmt-background-color);

	color: var(---cmt-text80-color);
}
.universal_button--transparent:hover,
.universal_button--transparent:focus,
.universal_button--transparent:active {
	border-color: var(---cmt-primary-color);

	background-color: var(---cmt-primary-color);

	color: var(---cmt-white-color);
}
.universal_button--green,
.universal_button--green:link,
.universal_button--green:visited {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);
}
.universal_button--green:hover,
.universal_button--green:focus,
.universal_button--green:active {
	border-color: var(---cmt-Dgreen-color);

	background-color: var(---cmt-Dgreen-color);
}
.universal_button--red,
.universal_button--red:link,
.universal_button--red:visited {
	border-color: var(---cmt-red-color);

	background-color: var(---cmt-red-color);
}
.universal_button--red:hover,
.universal_button--red:focus,
.universal_button--red:active {
	border-color: var(---cmt-Dred-color);

	background-color: var(---cmt-Dred-color);
}
.universal_button--yellow,
.universal_button--yellow:link,
.universal_button--yellow:visited {
	border-color: var(---cmt-yellow-color);

	background-color: var(---cmt-yellow-color);
}
.universal_button--yellow:hover,
.universal_button--yellow:focus,
.universal_button--yellow:active {
	border-color: var(---cmt-Dyellow-color);

	background-color: var(---cmt-Dyellow-color);
}
.universal_button--orange,
.universal_button--orange:link,
.universal_button--orange:visited {
	border-color: var(---cmt-orange-color);

	background-color: var(---cmt-orange-color);
}
.universal_button--orange:hover,
.universal_button--orange:focus,
.universal_button--orange:active {
	border-color: var(---cmt-Dorange-color);

	background-color: var(---cmt-Dorange-color);
}

.universal_button--green_outline,
.universal_button--green_outline:link,
.universal_button--green_outline:visited {
	border-color: var(---cmt-gray-color);

	background-color: var(---cmt-white-color);

	color: var(---cmt-gray-color);
}
.universal_button--green_outline:hover,
.universal_button--green_outline:focus,
.universal_button--green_outline:active {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);

	color: var(---cmt-white-color);
}

.universal_button--white_outline--red,
.universal_button--white_outline--red:link,
.universal_button--white_outline--red:visited {
	border-color: var(---cmt-white-color);

	background-color: transparent;

	color: var(---cmt-white-color);
}
.universal_button--white_outline--red:hover,
.universal_button--white_outline--red:focus,
.universal_button--white_outline--red:active {
	border-color: var(---cmt-red-color);

	background-color: var(---cmt-red-color);

	color: var(---cmt-white-color);
}

.universal_button--one_icon>i {
	margin-right: 0;
}
.universal_button--download_apl i {
	font-size: 60px;
}
.universal_button--download_apl>div {
	font-size: 60px;
}
.universal_button--download_apl>div>i {
	margin-right: 0;
}
.universal_button--download_apl>div>.fa-apple {
	font-size: 68px;
	margin-right: 4px;
}
.universal_button--download_apl {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 120px;

	font-size: 19px;
	font-weight: 700;
}
.universal_button--download_apl>p {
	font-size: 14px;
	font-style: italic;
}


.universal_button:not(:checked):disabled,
.universal_button:link:not(:checked):disabled,
.universal_button:visited:not(:checked):disabled,
.universal_button a:not(:checked):disabled,
.universal_button:checked:disabled,
.universal_button:link:checked:disabled,
.universal_button:visited:checked:disabled,
.universal_button a:checked:disabled {
	background-color: var(---cmt-background-inner-color);

	border-color: var(---cmt-background-inner-color);

	color: var(---cmt-text70-color);
}
/* Universal_button / Универсальные кнопки */



/* Universal_table / Универсальные таблицы */
.table.universal_table p {
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0;
}
.universal_table {
	border-color: var(---cmt-outline-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.universal_table:hover {
	border-color: var(---cmt-Doutline-color);
}
.universal_table > thead > tr > th {
	text-align: left;
	vertical-align: bottom;
	border-bottom: 2px solid transparent;
	/*border-bottom-color: forestgreen !important;*/
	border-bottom-color: var(---cmt-primary-color) !important;
	color: var(---cmt-text100-color);
	font-size: 16px;
	font-weight: 700;
}
.universal_table > tbody > tr {
	transition: background-color 0.3s ease;
}
.universal_table > tbody > tr:hover {
	background-color: var(---cmt-background-inner-color);
}
.universal_table > tbody > tr > th {
	vertical-align: top;

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-text100-color);
}
.universal_table > tbody > tr > td {
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-text100-color);
}
.universal_table > tbody > tr > th > a,
.universal_table > tbody > tr > th > a:link,
.universal_table > tbody > tr > th > a:visited {
	color: var(---cmt-text100-color);

	transition: all 0.3s ease;
}
.universal_table > tbody > tr > th > a:hover {
	text-decoration: underline;
}
/* Universal_table / Универсальные таблицы */



/*------------------------------------------------------------ Основные стили ------------------------------------------------------------*/



/* Body */
body {
	position: relative;
	min-height: 100%;
	width: 100%;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;

	background: #B4B4B4 url(../background/backbround_summer-2.jpg) repeat 50% 0;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;

	font-family: var(--bs-font-sans-serif);
	line-height: 1.17;
	color: var(---cmt-text100-color);
}
/* Body */



/* H1-H6 / Загаловки */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.17;
}
.h1, h1 {font-size: 32px;}
.h2, h2 {font-size: 24px;}
.h3, h3 {font-size: 19px;}
.h4, h4 {font-size: 16px;}
.h5, h5 {font-size: 13px;}
.h6, h6 {font-size: 11px;}
/* H1-H6 / Загаловки */



/* Outline / Обводка */
.universal__outline {
	border: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.universal__outline:hover {
	border-color: var(---cmt-Doutline-color);
}

.universal__outline--bottom {
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.universal__outline--bottom:hover {
	border-color: var(---cmt-Doutline-color);
}

.universal__outline--right {
	border-right: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.universal__outline--right:hover {
	border-color: var(---cmt-Doutline-color);
}

.universal__outline:hover.aside__wiki {
	border-color: var(---cmt-wiki-color);
}

.universal__outline--red:hover {
	border-color: var(---cmt-red-color);
}

.universal__outline_all--red,
.universal__outline_all--red:hover {
	border-color: var(---cmt-red-color);
}

.universal__outline--vk,
.universal__outline--vk:hover {
	border-color: var(---cmt-vk-color);
}
.universal__outline--tg,
.universal__outline--tg:hover {
	border-color: var(---cmt-tg-color);
}
.universal__outline--ds,
.universal__outline--ds:hover {
	border-color: var(---cmt-ds-color);
}
.universal__outline--yt,
.universal__outline--yt:hover {
	border-color: var(---cmt-yt-color);
}
/* Outline / Обводка */



/* Box_shadow / Цвета теней */
.box_shadow {
	/*box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);*/
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);

	transition: box-shadow 0.3s ease;
}
.box_shadow:hover {
	box-shadow: 0px 0px 10px var(---cmt-white-color);
}

.box_shadow__reverse {
	/*box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);*/
	box-shadow: 0px 0px 10px transparent;

	transition: box-shadow 0.3s ease;
}
.box_shadow__reverse:hover {
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.box_shadow--red:hover {
	box-shadow: 0px 0px 10px var(---cmt-red-color);
}
.box_shadow--yellow:hover {
	box-shadow: 0px 0px 10px var(---cmt-yellow-color);
}
.box_shadow:hover.aside__about,
.box_shadow:focus.aside__about {
	box-shadow: 0px 0px 10px var(---cmt-about-color);
}
.box_shadow:hover.aside__wiki,
.box_shadow:focus.aside__wiki {
	box-shadow: 0px 0px 10px var(---cmt-wiki-color);
}

.box_shadow--info:hover {
	box-shadow: 0px 0px 10px var(---cmt-lightblue-color);
}

.box_shadow__nothover--vk {
	box-shadow: 0px 0px 5px var(---cmt-vk-color);
}
.box_shadow__nothover--tg {
	box-shadow: 0px 0px 5px var(---cmt-tg-color);
}
.box_shadow__nothover--ds {
	box-shadow: 0px 0px 5px var(---cmt-ds-color);
}
.box_shadow__nothover--yt {
	box-shadow: 0px 0px 5px var(---cmt-yt-color);
}
.box_shadow--vk:hover,
.box_shadow--vk:focus {
	box-shadow: 0px 0px 10px var(---cmt-vk-color);
}
.box_shadow--tg:hover,
.box_shadow--tg:focus {
	box-shadow: 0px 0px 10px var(---cmt-tg-color);
}
.box_shadow--ds:hover,
.box_shadow--ds:focus {
	box-shadow: 0px 0px 10px var(---cmt-ds-color);
}
.box_shadow--yt:hover,
.box_shadow--yt:focus {
	box-shadow: 0px 0px 10px var(---cmt-yt-color);
}
/* Box_shadow / Цвета теней */



/* Blocktile / Блочная плитка */
.blocktile__wrapper {
	display: block;
	width: 100%;
	/*height: 100%;*/

	/*border: 1px solid transparent;*/
	border-radius: 16px;
	/*border-color: #E0E4E5;*/

	/*box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);*/
	background-color: var(---cmt-background-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.blocktile__wrapper:hover {
	/*border-color: #C6CECE;*/
	/*box-shadow: 0px 0px 10px var(---cmt-white-color);*/
}

.blocktile__title {
	width: 100%;
}
.title__inner {
	padding: 8px;
	font-size: 24px;
	font-weight: 600;

	color: var(---cmt-text100-color);
}
.title__inner > i {
	margin-right: 4px;
}
.title__outline {
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.blocktile__wrapper:hover > .title__outline {
	border-color: var(---cmt-Doutline-color);
}
.blocktile__content {
	width: 100%;
	height: 100%;
}
.blocktile__inner {
	/*width: 100%;
	height: 100%;*/

	border-radius: 16px;

	background-color: var(---cmt-background-inner-color);
}

.blocktile__wrapper--padding {
	padding: 8px;
}
.blocktile__wrapper--height {
	height: 100%;
}
/* Blocktile / Блочная плитка */



/* --Container / --Контейнеры */
.header--container {
	max-width: 1180px;
}
.navigation--container {
	max-width: 1180px;
}
.carousel--container {
	max-width: 1180px;
}
.info--container {
	max-width: 1180px;
}
.main--container {
	max-width: 1180px;
}
.footer--container {
	max-width: 1180px;
}
/* --Container / --Контейнеры */



/* Main / Основной контент */
.main {}
.main__content {
	gap: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	margin-bottom: 24px;
}
/* Main / Основной контент */



/* Aside / Правая колонка */
.aside__monitoring {}
.aside__items {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.aside__item,
.aside__item:link
.aside__item:visited {
	background-color: var(---cmt-background-color);
	width: 100%;
	height: 168px;
	/*margin-bottom: 24px;*/

	border-radius: 16px;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	color: var(---cmt-secondary-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.aside__item:last-child,
.aside__item:link:last-child
.aside__item:visited:last-child {
 margin-bottom: 0;
}
.aside__text {
	position: absolute;
	bottom: 8px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 8px;

	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(---cmt-white-color);
}
.aside__title {}
.aside__about {
	position: relative;
	/*background: var(---cmt-Dgray-color) url(../aside/about-2.png) no-repeat;*/
	background: var(---cmt-Dgray-color) url(../aside/about_project__400x180.webp) no-repeat;
	background-position: center;
	background-clip: border-box;
	background-size: cover;
}
.aside__wiki {
	position: relative;
	background: var(---cmt-Dgray-color) url(../aside/wiki.jpg) no-repeat;
	background-position: center;
	background-clip: border-box;
	background-size: cover;
}
.aside__social {
	position: relative;
	background: var(---cmt-Dgray-color) url(../aside/social-1.jpg) no-repeat;
	background-position: center;
	background-clip: border-box;
	background-size: cover;
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
	.aside__item,
	.aside__item:link
	.aside__item:visited {
		/*width: calc((100% / 2) - (44px / 2));*/
		width: calc((100% / 2) - (44px / 5.5)); /* ~gap:8px; */
		height: calc(168px / 1.2);
		margin-bottom: 0;
	}
	.aside__items {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		/*gap: calc(44px / 3);*/
		gap: 10px;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 424px) {
	.aside__items {
		gap: 10px;
	}
	.aside__item,
	.aside__item:link
	.aside__item:visited {
		height: calc(168px / 1.5);
		margin-bottom: 0;
	}
}
/* Aside / Правая колонка */



/* Aside_tab / Вкладки колонки */
.aside__social {
	overflow: hidden;
}
.aside_tabs {
	position: absolute;
	top: 0;
	display: flex;
	width: 100%;
	overflow: hidden;

	font-size: 32px;
	font-weight: 500;
	color: var(---cmt-white-color);
}
.aside__tab {
	display: flex;
	justify-content: center;
	padding: 4px 0;

	background-color: transparent;

	transition: background-color 0.3s ease;
}
.tab__vk:hover,
.tab__vk.hover {
	background-color: var(---cmt-vk-color);
}
.tab__tg:hover,
.tab__tg.hover {
	background-color: var(---cmt-tg-color);
}
.tab__ds:hover,
.tab__ds.hover {
	background-color: var(---cmt-ds-color);
}
.tab__yt:hover,
.tab__yt.hover {
	background-color: var(---cmt-yt-color);
}
/* Aside_tab / Вкладки колонки */



/* Logotype / Логотип */
.header {
	position: static;
	width: 100%;
	height: auto;
}
.logotype__wrapper,
.logotype__wrapper:link,
.logotype__wrapper:visited {
	display: flex;
	align-items: center;
	align-content: center;
	width: 300px;
	width: fit-content;
	height: 64px;

	color: var(---cmt-white-color);
	text-transform: none;

	filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.4));

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.logotype__wrapper:hover {
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));

	opacity: 0.7;
}
.logotype__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;

	font-size: 64px;
	font-weight: 800;
}
.assalon_icon {
	width: 64px;
}
.logotype__title {
	display: flex;
	align-items: center;
	width: auto;
	height: 100%;
	margin-left: 8px;
}
.logotype__h {
	font-size: 38px;
	font-weight: 800;
}
/* Logotype / Логотип */



/* Navigation / Навигация */
.navigation {
	margin: 0;
}
.navigator {
	display: flex;
	width: 100%;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
.navigator li {
	display: flex;
	margin-right: 8px;
/*добавлено*/
	width: 100%;
}
.navigator_item,
.navigator_item:link,
.navigator_item:visited {
	display: flex;
	padding: 15px 10px;
	align-items: center;

	/*добавлено*/
	width: 100%;
	justify-content: center;

	border-radius: 8px;

	background-color: var(---cmt-background-color);

	color: var(---cmt-text80-color);
	font-weight: 500;
	text-decoration: none;

	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.navigator_item:hover,
.navigator_item:focus,
.navigator_item.active {
	text-decoration: none;
	color: var(---cmt-white-color);

	background-color: var(---cmt-primary-color);
}
.navigator_dropdown__button,
.navigator_dropdown__button:link,
.navigator_dropdown__button:visited {
	display: flex;
	padding: 15px 10px;
	align-items: center;

	/*добавлено*/
	width: 100%;
	justify-content: center;

	border-radius: 8px;

	background-color: var(---cmt-background-color);

	color: var(---cmt-text80-color);
	font-weight: 500;
	text-decoration: none;

	transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;
}
.navigator_dropdown__button:hover,
.navigator_dropdown__button:focus,
.navigator_dropdown__button.active {
	/*border-bottom-left-radius: 0px;*/
	/*border-bottom-right-radius: 0px;*/

	color: var(---cmt-white-color);

	background-color: var(---cmt-primary-color);
}
.navigator_dropdown {
	position: relative;
}
.navigator_dropdown > .navigator_drop {
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	min-width: 160px;

	border-radius: 8px;
	border-top-left-radius: 0px;

	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
	/*background-color: var(---cmt-background-color);*/
	background-color: transparent;

	transition-property: opacity, visibility, box-shadow;
	transition-duration: 0.3s;
	transition-delay: 0.15s;
}
.navigator_dropdown:hover > .navigator_drop {
	opacity: 1;
	visibility: visible;

	/*box-shadow: 0px 0px 10px var(---cmt-white-color);*/
	/*box-shadow: 0 9px 0 0 transparent, 0 -9px 0 0 transparent, 0px 0px 10px var(---cmt-white-color), 0px 0px 10px var(---cmt-white-color);*/
}
.navigator_dropdown:hover > .navigator_dropdown__button {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;

	color: var(---cmt-white-color);

	background-color: var(---cmt-primary-color);

	box-shadow: 0px 0px 10px var(---cmt-white-color);
}
.navigator_drop__item,
.navigator_drop__item:link,
.navigator_drop__item:visited {
	display: flex;
	min-width: 180px;
	width: 100%;
	padding: 12px 16px;
	align-items: center;

	border-radius: 0;

	background-color: var(---cmt-background-color);

	color: var(---cmt-text80-color);
	font-weight: 500;
	text-decoration: none;

	transition: background-color 0.3s ease, color 0.3s ease;
}
.navigator_drop__item:hover,
.navigator_drop__item:focus,
.navigator_drop__item.active {
	color: var(---cmt-white-color);

	background-color: var(---cmt-primary-color);
}
.navigator_drop__item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
}
.navigator_drop__item:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.navigator_item i,
.navigator_dropdown__button i,
.navigator_drop__item i {
	margin-right: 6px;
}
.one_icon>.navigator_item i {
	margin: 0;
}
.navigator_dropdown__button span::before {
	margin-left: 4px;

	font-family: 'FontAwesome';
	content: '\f067';
	font-size: 10px;
}
.navigator_dropdown:hover > .navigator_dropdown__button span::before {
	margin-left: 4px;

	font-family: 'FontAwesome';
	content: '\f068';
	font-size: 10px;
}
.navigator > .one_icon > .navigator_item {
	padding: 15px 16px;
}
.navigator > li:last-child {
	margin: 0;
	/*margin-left: auto;*/
}
.navigator li.one_icon {
	width: auto;
}
.navigator_item--purple,
.navigator_item--purple:link,
.navigator_item--purple:visited {
	background-color: var(---cmt-purple-color);

	color: var(---cmt-white-color);
}

.navigator_item--purple:hover,
.navigator_item--purple:focus,
.navigator_item--purple.active {
	background-color: var(---cmt-primary-color);

	color: var(---cmt-white-color);
}
.navigator__start_play li {
	width: 100%;
}
.navigator_item__start_play {
	width: 100%;
	justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.navigator > li {
		font-size: 14px;
	}
}
@media only screen and (max-width: 600px) {
	.navigation {
		margin: 0;
	}
}
/* Navigation / Навигация */



/* Short_navigation / Мини_навигация */
.short_navigation {
	background-color: var(---cmt-background-color);
}
/* Short_navigation / Мини_навигация */



/* Carousel / Карусель*/
.carousel {
	padding-top: 0;
	margin-bottom: 0;
	width: 100%;
	border-radius: 0;
	box-shadow: unset;
}
.carousel-caption {
	position: absolute;
	margin: 0;
	z-index: 2;
	color: var(---cmt-white-color);
	text-shadow: unset;
}
.carousel {
	overflow: hidden;
}
.carousel > .carousel-inner {
	overflow: hidden;

	transition: 0.3s ease;
}
.carousel > .carousel-inner > .carousel-item {
	overflow: hidden;
}
.carousel > .carousel-inner > .carousel-item img {
	overflow: hidden;
}
.carousel > .carousel-indicators {
	margin-bottom: 0;
}
.carousel > .carousel-indicators [data-bs-target] {
	margin-bottom: 10px;
	width: 8px;
	height: 8px;

	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-radius: 50%;
}
.carousel > .carousel-inner > .carousel-item > .carousel-caption > h3 {
	font-size: 32px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.carousel > .carousel-inner > .carousel-item > .carousel-caption > p {
	font-size: 24px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.carousel-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;

	border-radius: 16px;
}
.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	/*top: 42%;*/
	top: calc((100% / 2) - (65px / 2));
	bottom: auto;
	width: auto;
	outline: 0;
	opacity: 0;

	color: var(---cmt-white-color);
	text-decoration: none;

	transition: opacity 0.3s ease, color 0.3s ease;
}
.carousel-control-next > .carousel-control-next-icon,
.carousel-control-prev > .carousel-control-prev-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;

	background-image: none;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 64px;
	height: 64px;

	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto;

	cursor: pointer;
}
.carousel:hover > .carousel-control-next,
.carousel:hover > .carousel-control-prev,
.carousel:hover > .carousel-control-next,
.carousel:hover > .carousel-control-prev {
	opacity: 1;
}
.carousel-control-next > .carousel-control-next-icon::before {
	font-family: 'FontAwesome';
	content: '\f054';
	font-size: 32px;
}
.carousel-control-prev > .carousel-control-prev-icon::before {
	font-family: 'FontAwesome';
	content: '\f053';
	font-size: 32px;
}

.carousel-control-next:hover,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-prev:focus {
	color: var(---cmt-primary-color);
}
@media only screen and (min-width: 0px) and (max-width: 992px) {
	.carousel > .carousel-inner > .carousel-item > .carousel-caption > h3 {
		font-size: 24px;
	}
	.carousel > .carousel-inner > .carousel-item > .carousel-caption > p {
		font-size: 16px;
	}
}
/* Carousel / Карусель*/



/* Universal_Link / Универсальные ссылки */
.universal_links--display_flex {
	display: flex;
	justify-content: space-between;
}
.universal_link,
.universal_link:link,
.universal_link:visited {
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-text80-color);

	transition: color 0.3s ease;
}
.universal_link:hover,
.universal_link:focus,
.universal_link:active {
	color: var(---cmt-primary-color);
}
@media only screen and (min-width: 0px) and (max-width: 960px) {
	.universal_link,
	.universal_link:link,
	.universal_link:visited {
		font-size: 14px;
	}
}
/* Universal_Link / Универсальные ссылки */



/* Universal_list / Универсальные листы */
.universal__lists {
	border-radius: 8px;
}
.universal_lists__title {
	padding: 8px;
	padding-left: 20px;
	font-size: 24px;
	color: var(---cmt-primary-color);
	font-weight: 600;
	/*text-transform: uppercase;*/
}
.universal__lists .list-group {
	margin: 4px 0;

	--bs-list-group-border-radius: 8px;
	--bs-list-group-border-color: var(---cmt-outline-color);

	transition: all 0.3s ease;
}
.universal__lists .list-group:hover {
	--bs-list-group-border-color: var(---cmt-Doutline-color);
}
.list-group-horizontal {}
.universal__lists .list-group-item {
	/*margin: 4px 0;*/
	margin: 0;
	width: 100%;

	color: var(---cmt-text100-color);
	font-weight: 500;

	transition: all 0.3s ease;
}
.universal__lists .list-group:hover .list-group-item {
	color: var(---cmt-text100-color);
}
/* Universal_list / Универсальные листы */



/* Personal_Login / Авторизация */
.personal_login {
	display: block;
	width: 100%;
	height: 100%;
}
.personal_login--flex_column {
	display: flex;
	flex-direction: column;
}
.personal_button i {
	display: block;
	padding-bottom: 10px;
	
	font-size: 24px;
	line-height: 24px;
}
.personal_button,
.personal_button:link,
.personal_button:visited {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 8px;

	border-bottom: 0;
	/*border-bottom: 1px solid transparent;*/

	border-color: #E0E4E5;
	background-color: var(---cmt-background-color);

	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-text80-color);
	cursor: pointer;
	text-decoration: none;

	transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.personal_button:last-child,
.personal_button:link:last-child,
.personal_button:visited:last-child {
	border-bottom: 0;
}
.personal_button:hover,
.personal_button:focus,
.personal_button:active {
	border-color: #C6CECE;
	background-color: var(---cmt-primary-color);

	color: var(---cmt-white-color);
}
@media only screen and (min-width: 576px) and (max-width: 719px) {
	.personal_button,
	.personal_button:link,
	.personal_button:visited {
		font-size: 10px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 767px) {
	.personal_button,
	.personal_button:link,
	.personal_button:visited {
		font-size: 12px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.personal_button,
	.personal_button:link,
	.personal_button:visited {
		font-size: 14px;
	}
}
.personal_login__outline {
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.blocktile__wrapper:hover > .personal_login > .personal_login__outline,
.blocktile__wrapper:hover > .personal_login > .personal_login__buttons > .personal_login__outline {
	border-color: var(---cmt-Doutline-color);
}
.personal_login__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	width: 100%;

	background-color: var(---cmt-background-color);
}
.personal_login__avatar {
	max-width: 64px;
	max-height: 64px;

	border-radius: 16px;
}
.personal_login__items {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.personal_login__name,
.personal_login__name:link,
.personal_login__name:visited {
	margin-bottom: 4px;

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-Lprimary-color);

	transition: color 0.3s ease;
}
.personal_login__name:hover {
	color: var(---cmt-primary-color);
}
.personal_login__group {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	color: var(---cmt-green-color);
}
.personal_login__weather {}
.personal_login__buttons {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.personal_login__button,
.personal_login__button:link,
.personal_login__button:visited {
	box-sizing: border-box;
	display: flex;
	/*flex-direction: column;*/
	justify-content: flex-start;
	outline: none;
	padding: 0 4px;
	align-items: center;

	/*border: 0;
	border-radius: 0;
	border-right: 1px solid transparent;
	border-color: var(---cmt-outline-color);*/

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	color: var(---cmt-text80-color);

	background-color: var(---cmt-background-color);

	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.personal_login__button:hover,
.personal_login__button:focus,
.personal_login__button:active {
	border-color: var(---cmt-Doutline-color);

	background-color: var(---cmt-primary-color);

	color: var(---cmt-white-color);
}
.personal_login__button i {
	margin-right: 4px;
	min-width: 24px;
	text-align: center;
}
.personal_login__button:last-child {
	border-right: 0;
}
.personal_login__buttons--last {
	border-top: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: border-color 0.3s ease;
}
.blocktile__wrapper:hover > .personal_login > .personal_login__buttons--last {
	border-color: var(---cmt-Doutline-color);
}
.personal_login__coins {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.personal_login__coin {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	margin: 0;

	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	color: var(---cmt-secondary-color);
}
.personal_login__coin i {
	margin-right: 4px;
}
.personal_login__coin span {
	margin-right: 4px;

	font-weight: 700;
}
.coin__name {}
.coin--gold i {
	color: var(---cmt-gold-color);
}
.coin--silver i {
	color: var(---cmt-silver-color);
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
	.personal_login__button,
	.personal_login__button:link,
	.personal_login__button:visited {
		font-size: 14px;
	}
}
/* Personal_Login / Авторизация */



/* Alerts */
.alert {
	margin: 0;
	padding: 8px;

	border: 1px solid transparent;
	border-radius: 8px;

	background-color: var(---cmt-background-color);

	font-size: 14px;
	font-weight: 500;
}
.alert p {
	margin: 0;
	padding: 0;
}
.alert a {
	/*color: var(---cmt-primary-color);*/
	color: var(---cmt-yellow-color);
	outline: none;
	text-decoration: underline;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.alert a:hover {
	/*color: var(---cmt-Dprimary-color);*/
	color: var(---cmt-Dyellow-color);
	text-decoration: underline;
}
.alert--info {
	background-color: var(---cmt-lightblue-color);

	color: var(---cmt-white-color);
}
.alert--danger {
	background-color: var(---cmt-red-color);

	color: var(---cmt-white-color);
}
.alert--warning {
	background-color: var(---cmt-yellow-color);

	color: var(---cmt-white-color);
}
.alert--gradient {
	background: linear-gradient(45deg, #7F00FF, #E100FF);;

	color: var(---cmt-white-color);
}
/* Alerts */



/* Shortstory / Короткие новости */
.shortstory__article {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-height: 360px;
	height: 360px;
	overflow: hidden;

	border-radius: 16px;

	/*background-color: var(---cmt-background-color);*/

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-secondary-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.shortstory__wrapper {
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 16px;
}
.shortstory__link,
.shortstory__link:link,
.shortstory__link:visited {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;

	border-radius: 16px;
}
.shortstory__poster {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;

	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.shortstory__poster::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 16px;
	z-index: 9;

	background: linear-gradient(180deg, rgba(255,255,255,0) 0, #FFFFFF);
}
.shortstory__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	backface-visibility: hidden;
	overflow: hidden;

	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

	background: var(---cmt-Dgray-color) url(/templates/XdevChorusMine/assets/images/other/no_image.jpg) no-repeat;

	transition: transform 0.3s ease;
}
.shortstory__article:hover > .shortstory__wrapper > .shortstory__poster > .shortstory__image {
	transform: scale(1.03);
}
.shortstory__badge {
	position: absolute;
	display: block;
	z-index: 10;
	left: 0;
	top: 0;
	overflow: hidden;

	border-top-left-radius: 15px;
	border-bottom-right-radius: 16px;

	pointer-events: none;
}
.badge__text {
	display: block;
	padding: 8px 12px;

	background-color: transparent;

	pointer-events: auto;
	font-size: 24px;
	color: var(---cmt-white-color);
}
.badge__icon--rotate_315 {
	rotate: 315deg;
}
.shortstory__edit {
	position: absolute;
	display: block;
	z-index: 10;
	right: 0;
	top: 0;
	overflow: hidden;

	border-top-right-radius: 15px;
	border-bottom-left-radius: 16px;

	pointer-events: none;
}
.edit__icon {
	display: block;
	padding: 8px 12px;

	background-color: transparent;

	pointer-events: auto;
	font-size: 24px;
	color: var(---cmt-white-color);
}
.shortstory__content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 8px 8px;

	pointer-events: none;

	background-color: var(---cmt-background-color);
}
.shortstory__title {
	/*display: flex;*/
	display: -webkit-box;
	align-items: center;
	min-height: 60px;
	margin-bottom: 8px;
	overflow: hidden;

	font-size: 24px;
	font-weight: 500;
	line-height: 1.17;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	/*color: var(---cmt-gray-color);*/
	color: var(---cmt-black-color);
	opacity: 0.8;
}
.shortstory__text {
	position: relative;
	height: 60px;
	margin-bottom: 4px;
	overflow: hidden;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	/*color: var(---cmt-Lgray-color);*/
	color: var(---cmt-black-color);
	opacity: 0.7;
}
.shortstory__text::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	background: linear-gradient(180deg, rgba(255,255,255,0) 0,#fff);
}
.shortstory__footer {
	display: flex;
	margin: 0;
	padding: 0;
}
.story_footer {
	font-size: 18px;
	font-weight: 500;
	/*color: var(---cmt-Lgray-color);*/
	color: var(---cmt-black-color);
	opacity: 0.7;
}
.story_footer__item i {
	margin-right: 5px;
}
.story_footer__item--margin {
	margin-left: auto;
}

@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 576px) and (max-width: 767px) {}
@media only screen and (min-width: 320px) and (max-width: 575px) {}
@media only screen and (min-width: 0px) and (max-width: 320px) {}
@media only screen and (min-width: 0px) and (max-width: 576px) {}

@media only screen and (min-width: 425px) {
	.shortstory__article {
		width: calc((100% / 2) - 12px);
	}
}
/* Shortstory / Короткие новости */



/* Fullstory / Полные новости */
.shortstoryффыв__article {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;

	border-radius: 16px;

	background-color: var(---cmt-background-color);

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-secondary-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.shortstoryффыв__wrapper {
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 16px;
}

.fullstory {}
.fullstory__article {}
.fullstory__wrapper {}
.fullstory__poster {}
.fullstory__image {
	width: 100%;
}
.fullstory__content {}
.fullstory_content {}

.fullstory_content ul {
	/*padding-left: 28px;*/
	/*padding-left: 40px;*/
	list-style: disc outside;
	/*margin-top: 8px;
	margin-bottom: 8px;*/
}
.fullstory_content li,
.fullstory_content ul li {
	/*list-style: disc outside;*/
}

.fullstory__poll {
	border-radius: 16px;

	background-color: var(---cmt-background-inner-color);
}

.fullstory__footer {
	display: flex;
	margin: 0;
	padding: 8px;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.fullstory_footer {
	/*color: var(---cmt-Lgray-color);*/
	color: var(---cmt-Ltext70-color);
	font-size: 16px;
	font-weight: 600;
}
.fullstory_footer:hover {
	/*color: var(---cmt-secondary-color);*/
	color: var(---cmt-text70-color);
}
.fullstory_footer__outline {
	border-top: 1px solid transparent;
	border-color: var(---cmt-outline-color);
}
.blocktile__wrapper:hover > .blocktile__content > .fullstory__article > .fullstory__wrapper > .fullstory_footer__outline {
	border-color: var(---cmt-Doutline-color);
}
.fullstory_footer__item i {
	margin-right: 5px;
}
.fullstory_footer__item--margin {
	margin-left: auto;
}
.fullstory_footer__item--one_icon i {
	margin: 0;
	animation: blinking 0.8s infinite alternate;
}
.fullstory__comments {
	width: 100%;
}
/* Fullstory / Полные новости */



/* xfieldimage / Дополнительное поле с изображениями в новости */
.xfieldimagegallery li img, .comments-image-gallery li img {
	float: left;
	margin-right: 5px;
	border: 5px solid #fff;
	width: 100px;
	height: 100px;
	transition: box-shadow 0.5s ease;
}

/* Слайдер: */
.gallery {
	position: relative;
	margin: auto;
	max-width: 90%;
	max-height: 560px;
	height: 100%;
}

.gallery li img {
	float: none;
	object-fit: cover;
	margin: 0;
	width: 100%;
	max-height: 560px;
	height: 100%;

	border: 5px solid transparent;
	border-color: var(---cmt-white-color);
	border-radius: 16px;

	transition: box-shadow 0.3s ease;
}

.gallery .previous, .gallery .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	padding: 16px;
	width: auto;

	border-radius: 0 4px 4px 0;

	color: var(---cmt-white-color);
	font-weight: 700;
	font-size: 16px;

	transition: 0.6s ease;
}
.gallery .previous {
	left: 5px;
}
.gallery .next {
	right: 5px;

	border-radius: 4px 0 0 4px;
}

.gallery .previous:hover,
.gallery .next:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.xfieldimagegallery li img:hover, .comments-image-gallery li img:hover {
	box-shadow: none;
}
.xfieldimagegallery:hover li img, .comments-image-gallery:hover li img {
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.gallery li {
	animation-name: fade;
	animation-duration: 1.5s;
}
@keyframes fade {
	from {
		opacity: 0.4
	}
	to {
		opacity: 1
	}
}

/* xfieldimage / Дополнительное поле с изображениями в новости */



/* Poll / Опросы в новости */
.poll__wrapper {
	max-width: 360px;
	margin: 0 auto;
	padding: 24px;

	border-radius: 16px;

	background-color: var(---cmt-background-color);
	box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.poll__wrapper:hover {
	box-shadow: 0px 0px 10px var(---cmt-white-color);
}
.poll__wrapper {}
.poll__title {
	font-weight: 700;
}
.poll__more {}
.poll__link {}
.poll__list > div {
	display: flex;
	flex-direction: column;
	margin: 16px 0;

	font-size: 16px;
	font-weight: 500;
}
.poll__votes {
	font-weight: 700;
}
.poll__buttons {}

.pollanswer,
.vote {
	display: inline-block;
	margin: 4px 0;
}
.pollanswer input[type=radio],
.pollanswer input[type=checkbox],
.vote input[type=radio],
.vote input[type=checkbox] {
	display: none;
}
.pollanswer label,
.vote label {
	display: inline-block;
	width: 100%;
	padding: 0 15px;

	border: 1px solid;
	border-radius: 8px;
	border-color: var(---cmt-outline-color);

	background-color: var(---cmt-background-color);

	font-size: 16px;
	font-weight: 500;
	line-height: 2.17;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.pollanswer input[type=radio]:checked + label,
.pollanswer input[type=checkbox]:checked + label,
.vote input[type=radio]:checked + label,
.vote input[type=checkbox]:checked + label {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);

	color: var(---cmt-white-color);
}
.pollanswer label:hover,
.vote label:hover {
	border-color: var(---cmt-Doutline-color);

	background-color: var(---cmt-Dgreen-color);

	color: var(---cmt-white-color);
} 
.pollanswer input[type=radio]:disabled + label,
.pollanswer input[type=checkbox]:disabled + label,
.vote input[type=radio]:disabled + label
.vote input[type=checkbox]:disabled + label {
	background-color: var(---cmt-lightsilver-color);

	color: var(---cmt-secondary-color);
}
.voteprogress,
.pollprogress {
	height: 8px;
	margin-bottom: 8px;
	margin-top: 4px;
	overflow: hidden;

	border-radius: 2px;

	/*background-color: #e7e7e7;*/
	background-color: var(---cmt-lightsilver-color);
}
.voteprogress span,
.pollprogress span {
	text-indent: -9999px;
	display: block;
	height: 8px;
	overflow: hidden;

	/*background-color: #1a1a1a;*/
	background-color: var(---cmt-secondary-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease;
}

.vote__wrapper {
	max-width: 100%;
	width: 100%;
	height: 360px;
	padding: 8px;
}
.vote__title {
	color: var(---cmt-black-color);
	opacity: 0.8;
}
.vote__list {}
.vote__votes {
	color: var(---cmt-black-color);
	opacity: 0.8;
}
.vote__buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
/* Poll / Опросы в новости */



/* Vote / Опросы на главной */
#vote-layer {
	width: 100%;
}
.vote__wrapper {
	overflow-y: auto; 
	overflow-x: hidden;
}
.vote__wrapper::-webkit-scrollbar {
  width: 10px;
}

.vote__wrapper::-webkit-scrollbar-track {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
	background-color: var(---cmt-outline-color);
}

.vote__wrapper::-webkit-scrollbar-thumb {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	/*background-color: #356184;*/
	background-color: var(---cmt-primary-color);
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
					color-stop(.5, rgba(255, 255, 255, .25)),
					color-stop(.5, transparent), to(transparent));
}
/* Vote / Опросы на главной */



/* Footer / Подвал сайта */
.footer {
	font-size: 16px;
	/*padding: unset;*/
	border-top: unset;
}
.footer {
	color: var(---cmt-black-color);
}
.footer a {
	color: var(---cmt-primary-color);
}
.footer_menu {
	position: relative;
	padding: unset;
}
@media only screen and (max-width: 600px) {
	.footer {
		background: unset;
		/*padding: unset;*/
	}
	.footer_menu {
		padding: unset;
	}
}

.footer {
	flex: 0 0 auto;
	/*height: 200px;*/
	width: 100%;
	margin-top: 64px;
	padding-top: 16px;
	padding-bottom: 0px;

	border-top: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	background-color: var(---cmt-background-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease;
}
.footer:hover {
	border-color: var(---cmt-Doutline-color);
}
.footer__wrapper {
	margin: 0 auto;
}
.footer_counters {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.footer_counter__item {
	margin: 4px 0;
}
.footer_counter__item > img {
	filter: grayscale(100%);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.footer_counter__item:hover > img {
	filter: grayscale(0%);
}
.footer_logotype {}
.footer_logotype:hover {}
.footer_logotype__wrapper,
.footer_logotype__wrapper:link,
.footer_logotype__wrapper:visited {
	display: flex;
	width: fit-content;
	opacity: 0.7;

	color: var(---cmt-primary-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.footer_logotype__wrapper:hover {
	opacity: 1;
}
.footer_logotype__logo {
	font-size: inherit;
}
.footer_logotype__title {
	margin: auto 0 auto 8px;
}
.footer_logotype__h {}
.footer_politics {}
.footer_politics--display_flex {
	flex-wrap: wrap;
}
.footer_politics__link,
.footer_politics__link:link,
.footer_politics__link:visited {
	font-size: 12px;
}

.footer_menu {}
.footer_menu__wrapper {}
.footer_menu__title {
	font-weight: 700;
	text-transform: uppercase;
}
.footer_menu--display_flex {
	display: flex;
	flex-direction: column;
	justify-content: normal;
}
.footer_menu__link,
.footer_menu__link:link,
.footer_menu__link:visited {
	margin: 2px 0;

	font-size: 14px;
}
/* Footer / Подвал сайта */



/* Copyright / Копирайт */
@media only screen and (max-width: 600px) {
	.footer .copyright {
		padding: unset;
		border-bottom: unset;
	}
	.footer .copyright, .footer .copyright a {
		color: unset;
	}
	.footer .copyright a,
	.footer .copyright a:link,
	.footer .copyright a:visited {
		display: inline-block;
		outline: none;

		color: var(---cmt-primary-color);
		text-decoration: none;

		transition: all 0.3s ease;
	}
	.footer .copyright a:hover {
		color: var(---cmt-Dprimary-color);
		text-decoration: none;

		transition: all 0.3s ease;
	}
}
.copyright p {
	font-size: inherit;
	font-weight: inherit;
	margin-block-start: 0;
	margin-block-end: 0;
}

.copyright {
	float: left;
	font-size: 12px;
	font-weight: 500;
}
.copyright_cmt,
.copyright_cmt:link,
.copyright_cmt:visited {
	display: flex;
	margin-top: auto;

	color: var(---cmt-text80-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.copyright_cmt:hover {
	color: var(---cmt-red-color);
}
.copyright_cmt > img {
	width: 32px;
}
.copyright_cmt__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 4px;

	font-size: 12px;
	font-weight: 500;
}
/* Copyright / Копирайт */



/* Rules / Правила */
.rules {}
.rules__info {
	font-weight: 500;
}
.rules__link:hover,
.rules__link:focus {
	text-decoration: underline;
}

.rules__inner {}
.rules__title {
	padding-left: 20px;

	font-size: 24px;
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
	font-weight: 600;
	text-transform: uppercase;
}
.table.rules__table p {
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0;
}
.rules__table {
	border-color: var(---cmt-outline-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.rules__table:hover {
	border-color: var(---cmt-Doutline-color);
}
.rules__table > tbody > tr {
	transition: background-color 0.3s ease;
}
.rules__table > tbody > tr:hover {
	background-color: rgba(0, 0, 0, 0.055);
}
.rules__table > tbody > tr > th {
	vertical-align: top;

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-text70-color);
}
.rules__table > tbody > tr > td {
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-text100-color);
}
.rules__table > tbody > tr > th > a,
.rules__table > tbody > tr > th > a:link,
.rules__table > tbody > tr > th > a:visited {
	/*color: var(---cmt-text70-color);*/
	color: var(---cmt-text100-color);

	transition: all 0.3s ease;
}
.rules__table > tbody > tr > th > a:hover {
	text-decoration: underline;
}
.rules__anchor {}
.rules__description {
	font-size: 14px;
	color: var(---cmt-text70-color);
}
.rules__link {}
.rules__dots {
	position: relative;
	padding-left: 20px;
	margin-bottom: 4px;
}
.rules__dot {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 8px;
	height: 8px;

	border-radius: 50%;

	background: var(---cmt-green-color);
}
.rules__dot--red {
	background: var(---cmt-red-color);
}
.rules_text__dot {
	font-size: 15px;
}
.rules_text__judgment {
	color: var(---cmt-Dred-color);
}
.rules_accept__link,
.rules_accept__link:link,
.rules_accept__link:visited {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	margin: 4px 0;

	/*border: 1px solid transparent;*/
	border-radius: 8px;
	/*border-color: var(---cmt-outline-color);*/

	background-color: var(---cmt-background-color);

	font-size: 24px;
	font-weight: 600;
	line-height: 2.17;
	color: var(---cmt-text100-color);
	text-transform: uppercase;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.rules_accept__link:hover,
.rules_accept__link:focus {
	color: var(---cmt-red-color);
}
.rules_accept__link > i {
	vertical-align: baseline;
	margin-right: 4px;
}
.rules__accept {
	width: 100%;
	padding: 12px;

	text-align: center;
}
.rules__accept > form > input:first-child {
	display: inline-block;
	padding: 8px 8px;
	margin: 0 auto;
	vertical-align: middle;
	outline: none;

	border: 2px solid transparent;
	border-radius: 8px;
	border-color: var(---cmt-Dgreen-color);

	background-color: var(---cmt-Dgreen-color);
	background-image: none;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
	color: var(---cmt-white-color);
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	text-transform: uppercase;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.rules__accept > form > input:nth-child(2) {
	display: inline-block;
	padding: 8px 8px;
	margin: 0 auto;
	vertical-align: middle;
	outline: none;

	border: 2px solid transparent;
	border-radius: 8px;
	border-color: var(---cmt-Dred-color);

	background-color: var(---cmt-Dred-color);
	background-image: none;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
	color: var(---cmt-white-color);
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	text-transform: uppercase;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.rules__accept > form > input:first-child:hover {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);
}
.rules__accept > form > input:nth-child(2):hover {
	border-color: var(---cmt-red-color);

	background-color: var(---cmt-red-color);
}
/* Rules / Правила */



/* Registration / Регистрация */
.registration {
	max-width: 480px;
	margin: 0 auto;
}
#result-registration {
	margin-top: 4px;
	font-size: 14px;
}
#result-registration li {
	list-style-type: none;
}
/* Registration / Регистрация */



/* Lostpassword / Восстановление пароля */
.lostpassword {
	max-width: 480px;
	margin: 0 auto;
}
/* Lostpassword / Восстановление пароля */



/* Contacts / Контакты */
.contacts {
	max-width: 480px;
	margin: 0 auto;
}
.contacts__link,
.contacts__link:link,
.contacts__link:visited {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	margin: 4px 0;

	/*border: 1px solid transparent;*/
	border-radius: 8px;
	/*border-color: var(---cmt-outline-color);*/

	background-color: var(---cmt-background-color);

	font-size: 24px;
	font-weight: 600;
	line-height: 2.17;
	color: var(---cmt-black-color);
	text-transform: uppercase;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.contacts__link:hover,
.contacts__link:focus {
	color: var(---cmt-red-color);
}
.contacts__link > i {
	vertical-align: baseline;
	margin-right: 4px;
}
/* Contacts / Контакты */



/* Statistics / Статистика сайта */
.statistics {}
.statistics__wrapper {}
.statistics__lists {
	border-radius: 8px;
}
.statistics__title {
	padding: 8px;
	padding-left: 20px;
	font-size: 24px;
	color: var(---cmt-primary-color);
	font-weight: 600;
	text-transform: uppercase;
}
.statistics__lists .list-group {
	--bs-list-group-border-radius: 8px;
	--bs-list-group-border-color: var(---cmt-outline-color);

	transition: all 0.3s ease;
}
.statistics__lists .list-group:hover {
	--bs-list-group-border-color: var(---cmt-Doutline-color);
}
.list-group-horizontal {}
.statistics__lists .list-group-item {
	margin: 4px 0;
	width: 100%;

	color: var(---cmt-black-color);
	font-weight: 500;

	transition: all 0.3s ease;
}
.statistics__lists .list-group:hover .list-group-item {
	color: var(---cmt-primary-color);
}
/* Statistics / Статистика сайта */



/* Userinfo / Информация о пользователе */
.userinfo__wrapper {
	display: flex;
}
.userinfo__avatar {
	margin: 0 auto;
	width: 100%;

	border-radius: 16px;
}
.userinfo__content {
	width: 100%;
	overflow-x: auto;
}
.userinfo__table table > tbody > tr > th {
	width: 164px;
}
.userinfo__punishment .list-group-item {
	color: var(---cmt-Lred-color) !important;
}
.userinfo__buttons {
	width: 100%;
}
.userinfo_settings__checkbox label {
	display: inline-block;
	margin: 4px 0;
}
.userinfo_settings__checkbox input[type=radio],
.userinfo_settings__checkbox input[type=checkbox] {
	display: none;
}
.userinfo_settings__checkbox label {
	display: inline-block;
	width: 100%;
	padding: 0 15px;

	border: 1px solid;
	border-radius: 8px;
	border-color: var(---cmt-outline-color);

	background-color: var(---cmt-background-color);

	font-size: 16px;
	font-weight: 500;
	line-height: 2.17;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.userinfo_settings__checkbox input[type=radio]:checked + label,
.userinfo_settings__checkbox input[type=checkbox]:checked + label {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);

	color: var(---cmt-white-color);
}
.userinfo_settings__checkbox label:hover {
	border-color: var(---cmt-Doutline-color);

	background-color: var(---cmt-Dgreen-color);

	color: var(---cmt-white-color);
} 
.userinfo_settings__checkbox input[type=radio]:disabled + label
.userinfo_settings__checkbox input[type=checkbox]:disabled + label {
	background-color: var(---cmt-lightsilver-color);

	color: var(---cmt-secondary-color);
}

.universal_dle__buttons {}
.universal_dle__buttons--all_wight {}
.universal_dle__buttons--margin_4 {}
.userinfo__buttons {}

.universal_dle__buttons > a,
.universal_dle__buttons > a:link,
.universal_dle__buttons > a:visited {
	display: inline-block;
	padding: 8px 8px;
	margin: 0 auto;
	vertical-align: middle;
	outline: none;

	border: 2px solid var(---cmt-primary-color);
	border-radius: 8px;

	background-color: var(---cmt-primary-color);
	background-image: none;
	/*box-shadow: 0px 0px 7px rgba(0,0,0,0.4);*/

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
	color: var(---cmt-white-color);
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	text-transform: uppercase;

	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.universal_dle__buttons > a:hover,
.universal_dle__buttons > a:focus {
	border-color: var(---cmt-Dprimary-color);

	background-color: var(---cmt-Dprimary-color);
	background-image: none;
	box-shadow: 0px 0px 2px rgb(189 195 199);
	/*box-shadow: 0px 0px 10px var(---cmt-white-color);*/

	color: var(---cmt-white-color);
	text-decoration: none;
}
.universal_dle__buttons--all_wight > a {
	width: 100%;
}
/* Userinfo / Информация о пользователе */



/* Popup_userinfo / Карточка профиля пользователя */
.popup_userinfo__wrapper {
	display: flex;
}
.popup_userinfo__content {
	width: 100%;

	font-size: 14px;
}
/* Popup_userinfo / Карточка профиля пользователя */



/* Comments / Комментарии */
.comments-tree-list > li {
	margin-top: auto;
}
.comments-tree-list .comment:before {

}
.comment {
	margin-bottom: 0;
}
.comment__wrapper {
	display: flex;
	margin-bottom: 8px;
}
.comment__avatar,
.comment__avatar a {
	border-radius: 16px;
	width: 64px;
	height: 64px;
}
.comment__skin {
	border-radius: 16px;
}
.comment__content {
	/*display: flex;*/
	margin-left: 16px;
	width: 100%;
}
.comment__header {
	display: flex;
}
.comment__head {
	display: flex;
	flex-direction: column;
}
.comment__author {
	font-weight: 500;
}
.comment__author > a,
.comment__author > a:link,
.comment__author > a:visited {
	transition: all 0.3s ease;
}
.comment__author > a:hover {
	text-decoration: underline;
}
.comments_content__online {}
.comment__group {}
.comment__datetime {
	font-size: 14px;
	color: var(---cmt-gray-color);
}
.comment__rating {
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	margin-left: auto;
	margin-right: 8px;
}
.rating__like {
	font-size: 24px;
	font-weight: 500;
}
.rating__like > a {
	transition: all 0.3s ease;
}
.comment__comment {}
.comment__text {
	padding: 16px 0;
}
.comment__tools {
	display: flex;
	margin-top: 0px;
	margin-bottom: 8px;
	padding-left: 0px;
	opacity: 0.3;

	list-style: none;

	transition: opacity 0.3s ease;
}
.comment:hover .comment__tools {
	opacity: 1;
}
.comment__button {
	margin: 0 6px;

	font-size: 13px;
	color: var(---cmt-gray-color);
}
.comment__button > a {
	display: flex;
	padding: 4px 0;

	font-weight: 500;
	color: var(---cmt-gray-color);
	text-decoration: none;

	transition: all 0.3s ease;
}
.comment__button > a:hover {
	color: var(---cmt-primary-color);
}
.comment__button:first-child {
	margin-left: 0px;
}
.comment__button:last-child {
	margin-right: 0px;
}
.comment__button i {
	margin-right: 4px;
}
.comment__checkbox {
	margin: 0;
	padding: 0;
	display: flex;
}
.comment:after {
	content: none;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.comment__wrapper {
	flex-direction: column;
	flex-wrap: nowrap;
}
.comment__avatar,
.comment__avatar a {
	display: none;
}
.comment__content {
	margin-left: 0;
}
.comment__tools {
	overflow: auto;
}
}
/* Comments / Комментарии */



/* Mass_Comments_Action / Управление комментариями */
.mass_comments_action {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	text-align: inherit;
	margin-left: auto;
	padding: 2% 4%;

	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	font-size: 16px;
	font-weight: 500;
}
.mass_comments_action > select {
	height: 36px;
	padding: 5px;
	width: 200px;
	margin-left: 1em;
	margin-bottom: 0 !important;
}
.mass_comments_action > input[type="submit"] {}
.mass_comments_action input[type="submit"] {
	display: inline-block;
	padding: 8px 8px;
	margin: 0;
	vertical-align: middle;
	outline: none;

	border: 2px solid var(---cmt-primary-color);
	border-radius: 8px;

	background-color: var(---cmt-primary-color);
	background-image: none;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
	color: var(---cmt-white-color);
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	text-transform: uppercase;

	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.mass_comments_action input[type="submit"]:hover {
	border-color: var(---cmt-Dprimary-color);

	background-color: var(---cmt-Dprimary-color);
	box-shadow: 0px 0px 2px rgb(189 195 199);

	color: var(---cmt-white-color);
	text-decoration: none;
}

.mass_comments_action select {
	height: 40px;
	padding: 6px;

	border: 2px solid var(---cmt-secondary-color);
	border-radius: 8px;

	background: var(---cmt-background-color);
	box-shadow: 0 0 0 0;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	line-height: inherit;
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-secondary-color) !important;

	transition: color .3s ease, background-color .3s ease, border-color .3s ease;

}
.mass_comments_action select:active {
	border-color: var(---cmt-green-color);
	background-color: var(---cmt-green-color);
}
.mass_comments_action select:not(:disabled):not(:active):hover {
	border-color: var(---cmt-green-color);
}
.mass_comments_action select:not(:disabled):active {
	background-color: transparent;
	border-color: var(---cmt-green-color);
}
.mass_comments_action select:focus {
	box-shadow: 0 0 0 0 rgba(127, 140, 141, 0.0);
}
.mass_comments_action select:focus:not(:active) {
	border-color: var(---cmt-green-color);
}
.mass_comments_action select:disabled {
	background-color: var(---cmt-lightsilver-color);
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.mass_comments_action {
	justify-content: normal;

	overflow: auto;
}
}
/* Mass_Comments_Action / Управление комментариями */



/* Addcomment / Добавить комментарий */
.addcomment {}
.addcomment__wrapper {
	margin-top: 24px;
}
.addcomment__header {}
.addcomment__title {
	padding: 8px;

	font-weight: 600;
	color: var(---cmt-primary-color);
}
.addcomment__title > i {
	margin-right: 4px;
}
.addcomment__content {}
.addcomment__editor {}
.addcomment__button {
	width: 80%;
	margin: 0 10%;
}
.wseditor {
	border-top: 8px solid transparent;
	border-color: var(---cmt-primary-color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.save-buttons {
	margin-bottom: 4px;
}
/* Addcomment / Добавить комментарий */



/* Цитаты, Спойлеры, Код / Quote, Spoiler, Code */
.quote_block {
	margin: 4px auto;
	margin-left: 2rem;
}
.scriptcode,
.title_quote,
.title_spoiler {
	padding: 4px 8px;
	
	border: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-Lprimary-color);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	font-weight: bold;
	color: var(---cmt-Dprimary-color);
}
.title_spoiler > a,
.title_spoiler > a:link,
.title_spoiler > a:visited {
	font-weight: bold;
	color: var(---cmt-Lprimary-color);
}
.text_spoiler {
	padding: 4px 8px;
	margin-top: auto;
	margin-bottom: 4px;
	
	border: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	/*border-top: 1px solid transparent;*/
	border-bottom: 1px solid transparent;
	border-color: var(---cmt-Lprimary-color);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.title_quote,
.quote {
	padding: 4px 8px;

	/*background: var(---cmt-background-inner-color);*/

	font-size: inherit;
}
.quote,
blockquote {
	padding: 4px 8px;
	margin: 0;

	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-color: var(---cmt-Lprimary-color);
	border-radius: 8px;
	/*border-bottom-left-radius: 8px;*/
	/*border-bottom-right-radius: 8px;*/

	font-family: inherit;
	/*font-style: italic;*/
	/*color: var(---cmt-gray-color);*/
}
	.title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important }
	.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }

	.hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 }
	.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
/* Цитаты, Спойлеры, Код / Quote, Spoiler, Code */



/* Loading-layer / Информационное оконо загрузки AJAX / Прелоадер / индикатор загрузки */
#loading-layer {
	padding: 20px;

	border-radius: 2px;

	background: #000;

	text-align: center;
	color: #fff;
}
#loading-layer svg {
	display: none !important;
}
#loading-layer { 
	display:none;
	padding: 10px;
	height: 64px;
	width: 64px;

	border-radius: 16px;

	/*background: #000 url("../icons/369-2.gif") no-repeat 50% 5px;*/
	background: #000 url("../images/other/loading_oval.svg") no-repeat 50%;

	text-align: center;
	color: #fff;
}

#loading-layer.withouttext {
	display:none;
	padding: 10px;
	height: 64px;
	width: 64px;

	border-radius: 16px;

	/*background: #000 url("../icons/369-2.gif") no-repeat 50% 5px;*/
	background: #000 url("../images/other/loading_oval.svg") no-repeat 50%;

	text-align: center;
	color: #fff;
}

#loading-layer.withtext {
	display:none;
	padding: 10px;
	height: 64px;
	width: 64px;

	border-radius: 16px;

	/*background: #000 url("../icons/369-2.gif") no-repeat 50% 5px;*/
	background: #000 url("../images/other/loading_oval.svg") no-repeat 50%;
	box-shadow: unset;

	text-align: center;
	color: #fff;
}
/* Loading-layer / Информационное оконо загрузки AJAX / Прелоадер / индикатор загрузки */



/* FAQ / Ответы на частые вопросы */
.faq {}
.faq__wrapper {}
.faq__content {}
.faq__items {}
.faq__item {
	display: flex;
	margin-bottom: 24px;
}
.faq_item__left {
	display: flex;
	justify-content: center;
	height: 44px;
	margin-right: 10px;
}
.faq_item__left i {
	opacity: 0.6;

	font-size: 40px;
	color: var(---cmt-Lgray-color);
	line-height: 1.17;
}
.faq_item__right h3 {
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
}
.faq_item__right p {
	/*color: var(---cmt-Lblack-color);*/
	color: var(---cmt-Ltext100-color);
	font-weight: 500;
}
.faq_item__right a {
	text-decoration: underline;
}
.ol__faq li {
	color: var(---cmt-Ltext100-color);
	font-weight: 500;
}
/* FAQ / Ответы на частые вопросы */



/* Accordion-CMT / Аккордеон-CMT */
.accordion__item {
	margin-bottom: 8px;

	border-radius: 8px;

	box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}

.accordion__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	background-color: var(---cmt-background-color);

	font-size: 24px;
	font-weight: 500;
	color: var(---cmt-black-color);
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

/*.accordion__header::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	content: "";
	transition: transform 0.2s ease-out;
}*/
.accordion__header::after {
	content: "\f078";
	width: 20px;
	height: 20px;

	background-repeat: no-repeat;

	font-family: 'FontAwesome';
	font-size: 18px;
	text-align: center;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.accordion__item_show .accordion__header::after,
.accordion__item_slidedown .accordion__header::after {
	transform: rotate(-180deg);
}

.accordion__header:hover {
	color: var(---cmt-primary-color);
}

.accordion__item:not(.accordion__item_show) .accordion__header {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.accordion__content {
	padding: 8px;

	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;

	background: var(---cmt-background-color);
}

.accordion__item:not(.accordion__item_show) .accordion__body {
	display: none;
}
/* Accordion-CMT / Аккордеон-CMT */



/* Server_commands / Команды серверов */
.server_commands {}
.server_commands__wrapper {}
.server_commands__content {
	display: flex;
	justify-content: space-around;
	/*flex-wrap: wrap;*/
	/*justify-content: center;*/
	/*gap: 24px;*/
}

.server_commands__link,
.server_commands__link:link,
.server_commands__link:visited {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	margin: 4px 0;

	/*border: 1px solid transparent;*/
	border-radius: 8px;
	/*border-color: var(---cmt-outline-color);*/

	background-color: var(---cmt-background-color);

	font-size: 24px;
	font-weight: 600;
	line-height: 2.17;
	color: var(---cmt-black-color);
	text-transform: uppercase;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.server_commands__link:hover,
.server_commands__link:focus {
	color: var(---cmt-red-color);
}
.server_commands__link > i {
	vertical-align: baseline;
	margin-right: 4px;
}

.universal_commands__table thead tr th:first-child {
	text-align: center;
}
.universal_commands__table thead tr th {
	text-align: left;
	vertical-align: bottom;
	border-bottom: 2px solid transparent;
	border-bottom-color: forestgreen !important;
	color: var(---cmt-Dblack-color);
	font-size: 16px;
	font-weight: 700;
}
.universal_commands__table tbody tr th {
	vertical-align: top;

	font-size: 16px;
	font-weight: 700;
	color: var(---cmt-black-color);
}
.universal_commands__table tbody tr th a {
	color: var(---cmt-gray-color);
	transition: all 0.3s ease;
}
.universal_commands__table tbody tr th a:hover {
	color: var(---cmt-gray-color);
}
.universal_commands__table tbody tr td {
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-black-color);
	line-height: 1.17;
}
.universal_commands__table tbody tr {
	transition: background-color 0.3s ease;
}
.universal_commands__table tbody tr:hover {
	/*background-color: rgba(0, 0, 0, 0.075);*/
	background-color: rgba(0, 0, 0, 0.055);
}
.overflow-fix {
	overflow-x: auto;
}
/* Server_commands / Команды серверов */



/* About_project / О проекте */
.about_project {}
.about_project__wrapper {}
.about_project__content {}
.about_project__promo {}
.about_project__promo img {
	width: 100%;
}
.about_project__button {
	display: flex;
	margin: 20px auto;
}
.about_project__description {
	margin-bottom: 24px;

	font-size: 24px;
	font-weight: 500;
}
.about_project__trailer {
	width: 100%;
	height: 560px;
	margin-bottom: 40px;
}
.about_project__servers_features {}
.about_project__systemrequirements {}
.about_project__title {
	display: flex;
	justify-content: center;
	align-items: center;

	font-weight: 700;
	text-transform: uppercase;
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
}
.about_project__title::after, .about_project__title::before {
	content: '\f219';
	font-family: 'FontAwesome';

	font-size: 24px;
}
.about_project__title::after {
	margin-left: 10px;
}
.about_project__title::before {
	margin-right: 10px;
}
.about_project__title--systemrequirements {}
.about_project__title--serversfeatures {}
/*.about_project__title--systemrequirements::after, .about_project__title--systemrequirements::before {
	content: '\f2db';
}
.about_project__title--serversfeatures::after, .about_project__title--serversfeatures::before {
	content: '\f11b';
}*/
.accordion-systemrequirements {}
@media only screen and (min-width: 992px) {
	.about_project__trailer {
		width: 100%;
		height: 560px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about_project__trailer {
		width: 100%;
		height: 400px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about_project__trailer {
		width: 100%;
		height: 300px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
	.about_project__trailer {
		width: 100%;
		height: 180px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.about_project__trailer {
		display: none;
	}
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
	.about_project__title {
		font-size: 28px;
	}
}
/* About_project / О проекте */



/* System_requirements / Системные требования */
.systemrequirements__title {
	padding: 8px;
	padding-left: 16px;
	font-size: 24px;
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
	font-weight: 700;
	text-transform: uppercase;
}
.systemrequirements__content .list-group {
	--bs-list-group-border-color: var(---cmt-outline-color);

	transition: all 0.3s ease;
}
.systemrequirements__content .list-group:hover {
	--bs-list-group-border-color: var(---cmt-Doutline-color);
}
.systemrequirements__content .list-group-item {
	width: 100%;

	/*color: var(---cmt-black-color);*/
	color: var(---cmt-text100-color);
	font-weight: 500;

	transition: all 0.3s ease;
}
/*.systemrequirements__content .list-group:hover .list-group-item {
	color: var(---cmt-primary-color);
}*/
/* System_requirements / Системные требования */



/* Servers_features / Особенности серверов */
.servers_features__items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;

	list-style: none;
}
.servers_features__item i {
	margin-right: 16px;
	min-width: 80px;

	text-align: center;
	font-size: 60px;
	color: var(---cmt-Lsilver-color);
}
.servers_features__item {
	display: flex;
	align-items: center;
	width: calc((100% / 2) - 8px);
	min-height: 80px;
	margin-bottom: 8px;
}
.servers_features__content {
	font-size: 19px;
	font-weight: 500;
	color: var(---cmt-text100-color);
}

@media only screen and (min-width: 0px) and (max-width: 960px) {
	.servers_features__item {
		width: 100%;
	}
}
/* Servers_features / Особенности серверов */



/* Start_play / Как начать играть */
.start_play {}
.start_play__wrapper {}
.start_play__cards {
	display: flex;
	justify-content: space-around;
	/*flex-wrap: wrap;*/
	/*justify-content: center;*/
	/*gap: 24px;*/
}
.start_play__item {
	/*display: flex;
	flex-wrap: wrap;
	align-content: center;*/
	width: 100%;
	padding: 16px 0;

	border-bottom: 1px solid transparent;
	border-color: var(---cmt-outline-color);

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}
.start_play__item:hover {
	border-color: var(---cmt-Doutline-color);
}
.start_play__item:last-child {
	border-bottom: 0;
}
.start_play__steps {
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0.6;

	font-size: 60px;
	font-weight: 700;
	color: var(---cmt-gray-color);
	line-height: 1.17;
}
.start_play__step {
	font-size: 60px;
	font-weight: 700;
}
.start_play__number {}
.start_play__content>.alert {
	margin: 4px 0;
}
.start_play__content p {
	font-weight: 500;
}
.start_play__content a {
	text-decoration: underline;
}
.start_play__title {
	margin-bottom: 8px;

	font-weight: 700;
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
}
.start_play__button {
	display: flex;
	width: 100%;
}
.start_play__downloads {
	margin: 20px auto;
}
.start_play__downloads>form {
	display: flex;
	justify-content: space-around;
}
.start_play__minusmargin {
	max-width: 360px;
	margin: 0 auto;
	margin-top: 24px;
	/*background: linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: -webkit-linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: -webkit-linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf);
	background: linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf);
	background: linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf,#7a5bbf,#0098cb,#3ba835);
	background: linear-gradient(90deg, #2a8b49,#3ba835,#0098cb,#0071b5,#1f12bf,#7a5bbf);*/
}
.start_play__ip {
	display: flex;
	align-items: center;
	position: relative;
	/*padding: 16px;*/
	max-width: 360px;
	margin: 0 auto;
	overflow: hidden;

	border-radius: 16px;

	background-color: var(---cmt-background-color);

	/*cursor: pointer;*/

	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.start_play__ip h3 {
	color: var(---cmt-text100-color);
	font-weight: 700;
}
.start_play__ip p {
	/*opacity: 0.8;*/
	color: var(---cmt-text80-color);
	font-weight: 500;
}
.start_play__ip p.low {
	opacity: 0.6;

	font-size: 12px;
	font-weight: 500;
	line-height: 1.17;
}
.start_play__info {
	position: relative;
	padding-left: 16px;
    margin-right: auto;
}
.start_play__copy {
	padding: 24px;
    height: 100%;

    background-color: var(---cmt-red-color);

    font-size: 24px;
    color: var(---cmt-white-color);
    cursor: pointer;

    transition: all 0.3s ease;
}
.start_play__copy:hover {
    background-color: var(---cmt-Dred-color);
}
.about_server__copy {
	position: absolute;
	display: none;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	border-radius: 16px;

	background-color: var(---cmt-background-color);
}
.about_server__copy h3 {
	font-weight: 700;
	color: var(---cmt-Lprimary-color);
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
	.start_play__downloads>form {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	.start_play__downloads>form>.universal_button--download_apl {
		margin: 8px 0;
	}
}
/* Start_play / Как начать играть */



/* Selected_card / Выбранная карточка */
.selected_card {
	position: relative;
	overflow: hidden;
	max-width: 300px;
	height: 240px;

	border-radius: 16px;

	background-color: #FFF;
	background-position: center;

	cursor: pointer;

	transition: all ease 0.3s;
}
.selected_card:hover {
	/*border-radius: 8px;*/
	border-radius: 12px;
}
.selected_card img {
	filter: grayscale(50%);

	transition: all ease 0.3s;
}
.selected_card__title {
	position: absolute;
	left: 30px;
	bottom: 70px;

	color: var(---cmt-white-color);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	font-weight: bold;

	transition: all ease 0.3s;
}
.selected_card__titleshort {
	position: absolute;
	bottom: 50px;
	left: 30px;
	opacity: 0;

	font-weight: 500;
	color: var(---cmt-white-color);
	transition: all ease 0.3s;
}
.selected_card:hover > img {
	filter: none;
}
.selected_card:hover > .selected_card__title {
	bottom: 80px;
}
.selected_card:hover > .selected_card__titleshort {
	bottom: 60px;
	opacity: 1;
}
.selected_card__avatar {
	position: absolute;
	top: 20px;
	left: calc(50% - 48px);

	transition: transform 0.3s ease;
}
.selected_card__avatar img {
	max-width: 96px;
	max-height: 96px;
	/*border-radius: 25%;*/
	border-radius: 16px;
	transition: transform 0.3s ease, border-radius 0.3s ease;
}
.selected_card:hover>.selected_card__avatar img {
	border-radius: 16px;

	transform: scale(1.1);
}

.selected_card_two, .selected_card_two:link, .selected_card_two:visited {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 240px;

	border-radius: 16px;

	background-color: #FFF;
	background-position: center;

	cursor: pointer;

	transition: all ease 0.3s;
}
.selected_card_two:hover {
	border-radius: 12px;

	transform: scale(1.1);
}
.selected_card_two img {}
.selected_card_two__title {
	display: block;

	color: var(---cmt-text100-color);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	font-weight: bold;

	transition: all ease 0.3s;
}
.selected_card_two__titleshort {
	font-weight: 500;
	color: var(---cmt-text100-color);

	transition: all ease 0.3s, opacity ease 0.6s;
}
.selected_card_two:hover > img {}
.selected_card_two:hover > .selected_card_two__title {
	color: var(---cmt-Lprimary-color);
	text-shadow: 0px 0px 20px rgba(244, 92, 112, 0.5);
}
.selected_card_two:hover > .selected_card_two__titleshort {}
.selected_card_two__avatar {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 12px;

	border-radius: 16px;

	transition: transform 0.3s ease, margin 0.3s ease;
}
.selected_card_two:hover .selected_card_two__avatar {
	margin-bottom: 8px;
}
.selected_card_two__avatar img {
	max-width: 96px;
	max-height: 96px;

	border-radius: 16px;

	transition: transform 0.3s ease;
}
.selected_card_two:hover>.selected_card_two__avatar img {
	transform: scale(1.1);
}

.selected_card_three, .selected_card_three:link, .selected_card_three:visited {
	position: relative;
	overflow: hidden;
	/*max-width: 300px;*/
	height: 240px;

	/*border-radius: 16px;*/

	background-color: #FFF;
	background-position: center;

	cursor: pointer;

	transition: all ease 0.3s;
}
.selected_card_three:hover {
	/*border-radius: 8px;*/
	/*border-radius: 12px;*/
}
.selected_card_three img {
	/*height: 100%;*/
	width: 100%;

	filter: grayscale(50%);

	transition: all ease 0.3s;
}
.selected_card_three__title {
	position: absolute;
	left: 30px;
	bottom: 70px;

	color: var(---cmt-white-color);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	font-weight: bold;

	transition: all ease 0.3s;
}
.selected_card_three__titleshort {
	position: absolute;
	bottom: 50px;
	left: 30px;
	opacity: 0;

	font-weight: 500;
	color: var(---cmt-white-color);
	transition: all ease 0.3s;
}
.selected_card_three:hover > img {
	filter: none;
}
.selected_card_three:hover > .selected_card_three__title {
	bottom: 80px;
}
.selected_card_three:hover > .selected_card_three__titleshort {
	bottom: 60px;
	opacity: 1;
}
.selected_card_three__avatar {
	position: absolute;
	top: 20px;
	left: calc(50% - 48px);

	transition: transform 0.3s ease;
}
.selected_card_three__avatar img {
	max-width: 96px;
	max-height: 96px;
	/*border-radius: 25%;*/
	border-radius: 16px;
	transition: transform 0.3s ease, border-radius 0.3s ease;
}
.selected_card_three:hover>.selected_card_three__avatar img {
	border-radius: 16px;

	transform: scale(1.1);
}

@media only screen and (max-width: 880px) {
	.selected_card_three img {
		height: 100%;
		width: auto;
	}
}
@media only screen and (max-width: 767px) {
	.start_play__cards {
		flex-wrap: wrap;
	}
	.server_commands__content {
		flex-wrap: wrap;
	}
	.selected_card_three img {
		height: auto;
		width: 100%;
	}
}
@media only screen and (max-width: 460px) {
	.selected_card_three img {
		height: 100%;
		width: auto;
	}
}
/* Selected_card / Выбранная карточка */



/* Team_project / Команда проекта */
.team_project {}
.team_project__wrapper {}
.team_project__content {}
.team_project__title {
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	/*color: var(---cmt-Lprimary-color);*/
	color: var(---cmt-text100-color);
}
/*.team_project__title--creators::after, .team_project__title--creators::before {
	content: '\f51a';
	font-family: 'FontAwesome';

	font-size: 24px;
}*/
/*.team_project__title--ingame::after, .team_project__title--ingame::before {
	content: '\f807';
	font-family: 'FontAwesome';

	font-size: 24px;
}*/
.team_project__title::after {
	margin-left: 10px;
}
.team_project__title::before {
	margin-right: 10px;
}
.team_project__creators {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.team_project__creators>.selected_card>.selected_card__titleshort {
	bottom: 10px;
}
.team_project__creators>.selected_card:hover>.selected_card__titleshort {
	bottom: 20px;
}
.team_project__items {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.team_project__item,
.team_project__item:link,
.team_project__item:visited {
	display: flex;
	width: calc((100% / 2) - (24px / 2));
	/*padding: 8px;*/

	background-color: var(---cmt-background-color);

	border-radius: 16px;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.team_project__item:hover {
	/*transform: scale(1.02);*/
}
.team_project__avatarshort {
	width: 64px;
	height: 64px;
}
.team_project__avatarshort img {
	max-width: 64px;
	max-height: 64px;

	border-radius: 16px;
}
.team_project__info {
	margin-left: 8px;
}
.team_project__name {
	font-size: 19px;
	font-weight: 500;
	color: var(---cmt-black-color);
}
.team_project__position {
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-gray-color);
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
	.team_project__title {
		font-size: 28px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
	.team_project__items {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 12px;
	}
	.team_project__item,
	.team_project__item:link,
	.team_project__item:visited {
		width: 100%;
	}
}
/* Team_project / Команда проекта */



/* About_server / О сервере */
.about_server {}
.about_server__wrapper {}
.about_server__content {}
.about_server__promo {}
.about_server__promo img {
	width: 100%;
	/*border-radius: 16px;*/
}
.about_server__minusmargin {
	max-width: 360px;
	margin: 0 auto;
	margin-top: 24px;
	/*background: linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: -webkit-linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: linear-gradient(90deg, #7a5bbf,#0098cb,#3ba835);
	background: -webkit-linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf);
	background: linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf);
	background: linear-gradient(90deg, #2a8b49,#0071b5,#1f12bf,#7a5bbf,#0098cb,#3ba835);
	background: linear-gradient(90deg, #2a8b49,#3ba835,#0098cb,#0071b5,#1f12bf,#7a5bbf);*/
}
.about_server__buttons {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 20px;
}
.info__background {
	/*background: var(---cmt-background-color) url(../images/about_servers/background.webp) no-repeat;*/
	margin-top: -40px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/*left: calc(50% - (722px / 2));*/
	position: relative;
	z-index: 3;
}
.about_server__info {
	display: flex;
	width: fit-content;
	margin: 0 auto;
	z-index: 3;
	overflow: hidden;

	border-radius: 16px;

	transition: all ease 0.3s;
}
.about_server__inf img {
	width: 72px;
	height: 72px;
	margin: 24px;
}
.about_server__inf {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px;
	max-width: 120px;

	background-color: var(---cmt-background-color);

	text-align: center;
	font-weight: 500;
}
.about_server__inf--cats img {
	width: 100px;
	height: 60px;
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: auto;
}
.about_server__information {
	display: flex;
	flex-direction: column-reverse;
	text-align: center;
	font-weight: 500;
	margin: 0 auto;
}

@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.info__background {
		margin-top: 0px;
	}
	.about_server__info {
		display: flex;
		width: 100%;
		margin: 0;

		border-radius: 0;
	}
	.about_server__inf {
		max-width: none;
		width: 100%;
	}
	.about_server__inf img {
		margin: 12px;
	}
	.about_server__inf--cats img {
		margin: 0 auto;
		margin-top: 12px;
		margin-bottom: auto;
	}
}
@media only screen and (max-width: 767px) {
	.about_server__info {
		flex-direction: column;
		width: auto;
		margin: 0;

		border-radius: 0;
	}
	.about_server__inf {
		flex-direction: row;
		max-width: none;
	}
	.about_server__inf img {
		margin: 0;
	}
	.about_server__inf--cats img {
		margin: 0;
	}
	.universal__outline--right {
		border-right: 0;
		border-bottom: 1px solid transparent;
		border-color: var(---cmt-outline-color);
		transition: border-color 0.3s ease;
	}
	.about_server__information {
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
		font-weight: 500;
		margin: 0 auto;
	}
	.info__background {
		margin-top: 0;
	}
}
/*@media only screen and (max-width: 575px) {
	.info__background {
		margin-top: 0;
	}
	.about_server__info {
		margin: 0;
	}
	.about_server__info {
		border-radius: 0;
	}
}*/
.dl-menuwrapper:first-child {
	margin-right: auto;
}
/* About_server / О сервере */



/* Ol ol numericlist / Нумерованный список */
.ol__items {
	list-style-type: none;
	counter-reset: num;

	/*padding: 0;*/
	/*margin: 0 0 0 16px;*/
	margin: 0;
}
.ol__items li {
	position: relative;	
	margin: 0;
	padding: 0;
}
.ol__items li::before {
	content: counter(num) '| ';
	counter-increment: num;

	font-size: 16px;
	font-weight: 700;

	position: absolute;
	top: 0px;
	left: -16px;
	width: 10px;
	text-align: center;
}
.ol__items.ol__padding_bottom--4 li {
	padding-bottom: 4px;
}
/* Ol ol numericlist / Нумерованный список */



/* Navigation/Page/Pagination / Навигация/Пагинация/Страница */
.main .navigation {}
.pages__navigation {}
.pages__wrapper {
	display: flex;
	justify-content: center;
	/*gap: 24px;*/
	gap: 10px;
	width: 100%;
}
.pages__items {
	display: flex;
	/*gap: 24px;*/
	gap: 10px;
}
.pages__items span,
.pages__items a {
	background-color: var(---cmt-background-color);
	line-height: 24px;
	padding: 8px;
	font-size: 19px;
	font-weight: 500;
	display: block;
	border-radius: 8px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
	color: var(---cmt-black-color);
	/*opacity: 0.8;*/
	width: 42px;
	height: 40px;
	text-align: center;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.pages__items span {
	background-color: var(---cmt-primary-color);
	color: var(---cmt-white-color);
}
.pages__items span.nav_ext {
	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	background-color: var(---cmt-outline-color);
	color: var(---cmt-black-color);
}
.pages__items a:hover,
.pages__items a:active {
	box-shadow: 0px 0px 10px var(---cmt-white-color);
	background-color: var(---cmt-primary-color);
	color: var(---cmt-white-color);
}
.pages_leaf {
	/*background-color: var(---cmt-background-color);
	border-radius: 8px;
	width: 50px;*/
}
.pages_leaf span,
.pages_leaf a {
	background-color: var(---cmt-background-color);
	line-height: 24px;
	padding: 8px;
	font-size: 19px;
	font-weight: 500;
	display: block;
	border-radius: 8px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
	color: var(---cmt-black-color);
	/*opacity: 0.8;*/
	/*width: 42px;*/
	height: 40px;
	text-align: center;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.pages_leaf span {
	background-color: var(---cmt-outline-color);
}
.pages_leaf a:hover,
.pages_leaf a:active {
	box-shadow: 0px 0px 10px var(---cmt-white-color);
	background-color: var(---cmt-primary-color);
	color: var(---cmt-white-color);
}
.pages_prev {}
.pages_next {}
@media only screen and (max-width: 991px) {
	.pages__wrapper {
		/*justify-content: normal;*/
		/*overflow-x: auto;*/
	}
}
@media only screen and (min-width: 0px) and (max-width: 349px) {
	.pages__wrapper {
		justify-content: normal;
		overflow-x: auto;
	}
}
/* Navigation/Page/Pagination / Навигация/Пагинация/Страница */



/* Feedback / Обратная связь */
@media only screen and (min-width: 992px) {
	.feedback .universal_field__input::-webkit-scrollbar {
		width: 10px;
	}
	.feedback .universal_field__input::-webkit-scrollbar-track {
		border-top-right-radius: 6px;

		-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
		background-color: var(---cmt-outline-color);
	}
	.feedback .universal_field__input::-webkit-scrollbar-thumb {
		border-top-right-radius: 6px;

		background-color: var(---cmt-primary-color);
		background-image: -webkit-gradient(linear, 0 0, 0 100%,
						color-stop(.5, rgba(255, 255, 255, .25)),
						color-stop(.5, transparent), to(transparent));
	}
}
/* Feedback / Обратная связь */



/* Help_Us / Поддержи проект */
.help_us {}
.help_us__wrapper {}
.help_us__info {
	/*font-size: 24px;*/
	color: var(---cmt-text100-color);
}
.help_us__info p {
	font-size: 19px;
	font-weight: 500;
}
.help_us__donation {
	width: 100%;
}
.donation {}
.donation__info {
	display: block;
	margin-bottom: 4px;
}
.donation__info.placeholder-glow > .donation__from_to > .placeholder {
	width: 120px;
	height: 16.5px;
}
.donation__info.placeholder-glow > .donation__amount.placeholder {
	width: 200px;
	height: 38px;
}
.donation__amount {
	font-size: 32px;
	font-weight: 700;
	color: var(---cmt-text100-color);
}
.donation__from_to {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0;

	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(---cmt-text70-color);
}
.donation__from {}
.donation__to {}
.donation__progress {
	width: 100%;
	height: 21px;

	background-image: url(../images/help_us/LineLong_background.webp);
	background-repeat: no-repeat;

	overflow: hidden;
}
.donation__progress--active {
	width: 0;
	height: 21px;

	background-image: url(../images/help_us/LineLong_active.webp);
	background-repeat: no-repeat;
	filter: hue-rotate(1deg);

	animation: gradient_line 4s infinite alternate;
	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 4s ease, filter 0.3s ease, opacity 0.3s ease, filter 4s ease;
}
.donation__view {
	display: block;
	margin-top: 12px;
}
.donation__items {
	display: flex;
	justify-content: space-around;
	margin: 0;
}
.donation__item {
	display: flex;
	flex-direction: column-reverse;
}
.donation__item.placeholder-glow > .placeholder {
	width: 100%;
}
.donation__label {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*color: #8d92a0;*/
	color: var(---cmt-text70-color);
}
.donation__value {
	margin: 0;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.17;
	/*letter-spacing: .01em;*/
	letter-spacing: 1px;
	/*color: #1b2336;*/
	color: var(---cmt-text100-color);
}

@keyframes gradient_line {
	0% {filter: hue-rotate(1deg);}
	12.5% {filter: hue-rotate(45deg);}
	25% {filter: hue-rotate(90deg);}
	37.5% {filter: hue-rotate(135deg);}
	50% {filter: hue-rotate(180deg);}
	62.5% {filter: hue-rotate(225deg);}
	75% {filter: hue-rotate(270deg);}
	87.5% {filter: hue-rotate(315deg);}
	100% {filter: hue-rotate(351deg);}
}
/* Help_Us / Поддержи проект */



/* Placeholder / Плейсхолдеры */
.placeholder {
	border-radius: 4px;
}
/* Placeholder / Плейсхолдеры */



/* Helpers / Помощники */
.box_shadow--gradient {
	box-shadow: 0px 0px 0px 3px rgba(3, 102, 214, 0.3);
}

.height--100p {
	height: 100%;
}
.max_height--360 {
	max-height: 360px;
}
.min_height--360 {
	min-height: 360px;
}
.overflow--hidden {
	overflow: hidden;
}
.margin--0,
.margin--0:link,
.margin--0:visited {
	margin: 0;
}
.margin--8 {
	margin: 8px;
}
.margin_top--auto {
	margin-top: auto;
}
.margin_top--40 {
	margin-top: 40px;
}
.margin_right--0 {
	margin-right: 0;
}
.margin_right--8 {
	margin-right: 0;
}
.margin_right--8 {
	margin-right: 8px;
}
.margin_left--0 {
	margin-left: 0;
}
.margin_left--8 {
	margin-left: 8px;
}
.padding--8 {
	padding: 8px;
}
.padding--4 {
	padding: 4px;
}
.padding_left--8 {
	padding-left: 8px;
}
.padding_bottom--4 {
	padding-bottom: 4px;
}
.padding_bottom--12 {
	padding-bottom: 12px;
}
.position_sticky--top {
	position: sticky;
	top: 0;
	z-index: 1001;
}
.font_size--16 {
	font-size: 16px;
}
.font_size--18 {
	font-size: 18px;
}
.font_size--28 {
	font-size: 28px;
}
.font_weight--500 {
	font-weight: 500;
}
.opacity--1 {
	opacity: 1;
}
/* Helpers / Помощники */



/* Colors / Цвета */
.bg--transparent {
	background-color: transparent;
}


.bg--orange {
	background-color: var(---cmt-orange-color);
}
.bg--red {
	background-color: var(---cmt-red-color);
}
.bg--yellow {
	background-color: var(---cmt-yellow-color);
}

.bg--info {
	background-color: var(---cmt-lightblue-color);
}

.bg--vk {
	background-color: var(---cmt-vk-color);
}
.bg--tg {
	background-color: var(---cmt-tg-color);
}
.bg--ds {
	background-color: var(---cmt-ds-color);
}
.bg--yt {
	background-color: var(---cmt-yt-color);
}

.text--color {
	color: var(---cmt-text100-color)
}
.text--yellow {
	color: var(---cmt-yellow-color)
}
/* Colors / Цвета */



/* Links_color / Цвета ссылок */
.alink,
.alink:link,
.alink:visited {}

.alink--white,
.alink--white:link,
.alink--white:visited {
	color: var(---cmt-white-color);
}
.alink--green,
.alink--green:link,
.alink--green:visited {
	color: var(---cmt-green-color);
}
.alink--red,
.alink--red:link,
.alink--red:visited {
	color: var(---cmt-red-color);
}
.alink--yellow,
.alink--yellow:link,
.alink--yellow:visited {
	color: var(---cmt-yellow-color);
}
.alink--orange,
.alink--orange:link,
.alink--orange:visited {
	color: var(---cmt-orange-color);
}

.alink_bg--red,
.alink_bg--red:link,
.alink_bg--red:visited {
	background-color: var(---cmt-red-color);
}
.alink_bg__hover--red:hover,
.alink_bg__hover--red:focus {
	background-color: var(---cmt-Dred-color);
}

.alink_bg--vk,
.alink_bg--vk:link,
.alink_bg--vk:visited {
	background-color: var(---cmt-vk-color);
}
.alink_bg--tg,
.alink_bg--tg:link,
.alink_bg--tg:visited {
	background-color: var(---cmt-tg-color);
}
.alink_bg--ds,
.alink_bg--ds:link,
.alink_bg--ds:visited {
	background-color: var(---cmt-ds-color);
}
.alink_bg--yt,
.alink_bg--yt:link,
.alink_bg--yt:visited {
	background-color: var(---cmt-yt-color);
}
.alink_bg__hover--vk:hover {
	background-color: var(---cmt-Dvk-color);
}
.alink_bg__hover--tg:hover {
	background-color: var(---cmt-Dtg-color);
}
.alink_bg__hover--ds:hover {
	background-color: var(---cmt-Dds-color);
}
.alink_bg__hover--yt:hover {
	background-color: var(---cmt-Dyt-color);
}
/* Links_color / Цвета ссылок */



/* Box_shadow / Цвета теней */
/*.box_shadow--red:hover {
	box-shadow: 0px 0px 10px var(---cmt-red-color);
}*/
/* Box_shadow / Цвета теней */



/* Animation / Анимация */
/*animation: blinking 0.8s infinite alternate;*/
@keyframes blinking {
	0% {color: #f64f59;}
	33.333% {color: #c471ed;}
	100% {color: #12c2e9;}
}
/* Animation / Анимация */


/* Templates / Шаблоны */
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 576px) and (max-width: 767px) {}
@media only screen and (min-width: 320px) and (max-width: 575px) {}
@media only screen and (min-width: 0px) and (max-width: 320px) {}
@media only screen and (min-width: 0px) and (max-width: 576px) {}
@media only screen and (min-width: 425px) {
	.namenamenamenamename {
		width: calc((100% / 2) - 12px);
	}
}
/* Templates / Шаблоны */