/*
	=========== ALL =========== =========== ===========
*/

body, p {
	padding					:0px;
	margin					:0px;
}

img {
	border					:0px;
}


/*
	=========== LINK =========== =========== ===========
*/

a:link, a:visited {

}

a:hover {
	text-decoration			:none;
}


/*
	=========== TITLE =========== =========== ===========
*/

h1, h2, .title {
	font-weight				:normal;
}

h1, .title {
	font-size				:30px;
	margin					:0px 0px 15px 0px;
}

h2 {
	font-size				:24px;
	margin					:0px 0px 10px 0px;
}

.center {
	text-align				:center;
}

#content img, #component img {
	max-width				:100%;
	height					:auto;
	box-sizing              :border-box;
}

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

	#content table {
		display					:block;
		width					:100%;
		box-sizing				:border-box;
		overflow-x				:auto;
	}

	#content table > tbody {
		display					:table;
		width					:100%;
		box-sizing				:border-box;
	}

}

@media screen and (max-width: 360px), screen and (max-device-width: 360px) {
	#content img, #component img {
		margin-left			:0px !important;
		margin-right		:0px !important;
	}
}



/*
	=========== UTF ICON =========== =========== ===========
*/

.icon_menu, .icon_cancel, .icon_arrow_up, .icon_arrow_right, .icon_arrow_down, .icon_arrow_left {
	display					:inline-block;
	cursor					:pointer;
	font-size				:32px;
}

.icon_menu:after {
	content					:"\2630";
}

.icon_cancel:after {
	content					:"\2298";
}

.icon_arrow_up:after {
	content					:"\2191";
}

.icon_arrow_right:after {
	content					:"\2192";
}

.icon_arrow_down:after {
	content					:"\2193";
}

.icon_arrow_left:after {
	content					:"\2190";
}


/*
	=========== ICON =========== =========== ===========
*/

.icon_0 {
	padding				:4px;
	background			:#ffffff;
	border				:1px solid #cccccc;
	border-radius		:3px;
	box-sizing			:border-box;
}


/*
	=========== TABLE =========== =========== ===========
*/

.like_table {
	display				:table;
	border-width		:0px;
	border-collapse		:collapse;
	border-spacing		:0px;
}

.like_table > div {
	display				:table-row;
}

.like_table > div > div {
	display				:table-cell;
	vertical-align		:middle;
}

/**/

.table_0 {
	width				:100%;
	border-width		:0px;
	border-collapse		:collapse;
	border-spacing		:0px;
}

.table_0 td {
	vertical-align		:middle;
	padding				:0px;
}

/**/

.table_border {
	border-width		:0px;
	border-collapse		:collapse;
	border-spacing		:0px;
}

.table_border, .table_border th, .table_border td {
	border				:1px solid #D1D1D1;
	vertical-align		:middle;
}

.table_border th, .table_border td {
	padding				:0px 10px;
	text-align			:left;
}

.table_border th {
	padding				:20px 10px;
}

.table_border td {
	padding				:10px;
}

/**/

.table_list {
	border-width		:0px;
	border-collapse		:collapse;
	border-spacing		:0px;
}

.table_list tr {
	border-bottom		:1px solid #D1D1D1;
}

.table_list tr:last-child {
	border-bottom		:0px;
}

.table_list th {
	border-bottom		:2px solid #D1D1D1;
}

.table_list th, .table_list td {
	padding				:8px;
	font-weight			:normal;
	text-align			:left;
}

/**/

.table_a,
.table_a0,
.table_av {
	display				:block;
	width				:100%;
}

.table_a > tbody,
.table_a0 > tbody,
.table_av > tbody {
	display				:block;
	width				:100%;
}

.table_a > tbody > tr, .table_a > tr,
.table_a0 > tbody > tr, .table_a0 > tr,
.table_av > tbody > tr, .table_av > tr {
	display				:block;
	width				:100%;
	text-align			:center;
}

.table_a > tbody > tr > td, .table_a > tr > td,
.table_a0 > tbody > tr > td, .table_a0 > tr > td,
.table_av > tbody > tr > td, .table_av > tr > td {
	display				:inline-block;
	text-align			:center;
	margin				:5px;
	vertical-align		:top !important;
}

.table_a0 > tbody > tr > td, .table_a0 > tr > td {
	margin				:0px;
}

.table_av > tbody > tr > td, .table_av > tr > td {
	vertical-align		:middle !important;
}

/**/

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

	.table_mobile,
	.table_mobile > tbody {
		display				:block;
	}

	.table_mobile > tbody > tr,
	.table_mobile > tr {
		display				:flex;
		flex-wrap			:wrap;
		justify-content		:center;
		align-content		:center;
	}

	.table_mobile > tbody > tr > th,
	.table_mobile > tr > th {
		display				:none;
	}

	.table_mobile > tbody > tr > td,
	.table_mobile > tr > td {
		display				:block;
		height				:auto !important;
		flex-basis			:100%;
		padding				:15px;
	}

}

/**/

.table_f,
.table_fv,
.table_f0 {
	width				:100%;
	border-width		:0;
	border-spacing		:0;
	border-collapse		:collapse;
}

.table_f,
.table_f > tbody,
.table_fv,
.table_fv > tbody,
.table_f0,
.table_f0 > tbody {
	display				:block !important;
}

.table_f > tbody > tr,
.table_f > tr,
.table_fv > tbody > tr,
.table_fv > tr,
.table_f0 > tbody > tr,
.table_f0 > tr {
	display				:flex;
	flex-wrap			:wrap;
	padding				:20px 0 0 0;
}

.table_f > tbody > tr:last-child,
.table_f > tr:last-child,
.table_fv > tbody > tr:last-child,
.table_fv > tr:last-child {
	padding-bottom		:20px;
}

.table_f > tbody > tr > td,
.table_f > tr > td,
.table_fv > tbody > tr > td,
.table_fv > tr > td,
.table_f0 > tbody > tr > td,
.table_f0 > tr > td {
	flex-basis			:300px;
	flex-grow			:1;
	padding				:0 0 0 20px;
}

.table_f > tbody > tr > td:last-child,
.table_f > tr > td:last-child,
.table_fv > tbody > tr > td:last-child,
.table_fv > tr > td:last-child {
	padding-right		:20px;
}

.table_fv > tbody > tr,
.table_fv > tr {
	align-items			:center;
}

.table_f0 > tbody > tr,
.table_f0 > tr,
.table_f0 > tbody > tr > td,
.table_f0 > tr > td {
	padding				:0 !important;
}

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

	.table_f > tbody > tr > td,
	.table_f > tr > td,
	.table_fv > tbody > tr > td,
	.table_fv > tr > td,
	.table_f0 > tbody > tr > td,
	.table_f0 > tr > td {
		padding-left		:0 !important;
		padding-right		:0 !important;
	}

}

/**/

.table_m {
	border-collapse		:collapse;
	border-width		:0;
	border-spacing		:0;

}

.table_m > tbody > tr > td {
	vertical-align		:middle;
	padding				:10px;
	border: solid 1px #dddddd;
}

.table_m > tbody > tr:first-child > td {
	font-weight			:bold;
}


.table_m > tbody > tr:nth-child(odd) {
	background-color	:#FFFFFF;
}

.table_m > tbody > tr:nth-child(even) {
	background-color	:#F5F5F5;
}

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

	/* скрыть все со второй ячейки в заголовке */

	.table_m > tbody > tr:first-child > td:nth-child(n+3) {
		display				:none;
	}

	/* скрыть во второй ячейке заголовка содержимое */

	.table_m > tbody > tr {
		border-right		:1px solid #ddd;
		border-bottom		:1px solid #ddd;
	}

	.table_m > tbody > tr:first-child > td:nth-child(2) > * {
		display				:none;
	}

	/* добавить текст из атрибута во вторую ячейку */

	.table_m > tbody > tr:first-child > td:nth-child(2):before {
		content				:attr(data-text);
	}


	.table_m > tbody > tr > td:first-child {
		border				:1px solid #ddd;
	}

	/* все ячейки начиная со второй строки и второй колонки теперь блоки */

	.table_m > tbody > tr:nth-child(n+2) > td:nth-child(n+2) {
		display				:block;
		border				:0;
		border-bottom		:1px solid #ddd;
	}

	.table_m > tbody > tr:nth-child(n+2) > td:nth-child(n+2):last-child {
		border				:0;
	}

	/* все ячейки начиная со второй строки и второй колонки имеющие data-text */

	.table_m > tbody > tr:nth-child(n+2) > td:nth-child(n+2)[data-text]:before {
		content				:attr(data-text);
		margin-right		:5px;
		color				:#878787;
	}

}

/*
	=========== FORM =========== =========== ===========
*/

.input_short {
	width				:100px !important;
}

.input_medium {
	width				:200px !important;
}

.input_long {
	width				:300px !important;
}

.input {
	box-sizing			:border-box;
	padding				:0px 5px 0px 10px;
	height				:35px;
	line-height			:35px;
	font-family			:arial;
	font-size			:16px;
	font-weight			:bold;
	border-radius		:5px;
	-webkit-box-shadow	:0 0 3px rgba(0,0,0,0.1) inset;
	-moz-box-shadow		:0 0 3px rgba(0,0,0,0.1) inset;
	box-shadow			:0 0 3px rgba(0,0,0,0.1) inset;
	border				:1px solid #c1c1c1;
	background-color	:#FFFFFF;
}

/* --- CHECK --- */
input[type='radio'].input {
	display				:none;
}

input[type='radio'].input +label {
    position			:relative;
	margin-left			:30px;
	cursor				:pointer;
	display				:inline-block;
	height				:30px;
	line-height			:30px;
}

input[type='radio'].input +label:before {
	position			:absolute;
	left				:-30px;
	top					:4px;
	display				:inline-block;
    content				:' ';
    width				:20px;
    height				:20px;
    border				:1px solid #CDD1DA;
    border-radius		:50%;
    background			:#FFF;
}

input[type='radio'].input +label:after {
	position			:absolute;
	left				:-27px;
	top					:7px;
	display				:inline-block;
    content				:' ';
    width				:16px;
    height				:16px;
    border-radius		:50%;
    box-shadow			:inset 0 1px 1px rgba(0,0,0,.5);
    opacity				:0;
	background-color	:#00d900;
}

input[type='radio'].input:checked + label:after {
    opacity				:1;
}

/* --- SWITCH --- */
input[type='checkbox'].input {
	display				:none;
}

input[type='checkbox'].input +label {
	cursor				:pointer;
	display				:inline-block;
	width				:60px;
	height				:30px;
	line-height			:30px;
	border-radius		:30px;
	background-color	:#ff9900;
    box-shadow			:0 1px 0 #fff, inset 0 0 2px #AE4600, inset 0 1px 0 #AE4600, inset 0 1px 5px #AE4600;
}

input[type='checkbox'].input:checked +label {
	background-color	:#00d900;
    box-shadow			:0 1px 0 #fff, inset 0 0 2px #008b00, inset 0 1px 0 #008b00, inset 0 1px 5px #008b00;
}

input[type='checkbox'].input +label:after {
	margin-top			:1px;
	margin-left			:1px;
	display				:inline-block;
	width				:28px;
	height				:28px;
	border-radius		:28px;
	content				:' ';
	background			:radial-gradient(ellipse at center, #ffffff 0%,#fefefe 50%,#fdfdfd 51%,#ffffff 100%);
	box-shadow			:0 1px 1px #65727b, 0 0 1px #b6bdc2;
    -webkit-transition	:margin-left 0.2s ease;
    transition			:margin-left 0.2s ease;
}

input[type='checkbox'].input:checked +label:after {
	margin-left			:31px;
}

textarea.input {
	padding				:5px 10px 5px 10px;
	height				:auto;
	line-height			:20px;
}

.input:out-of-range,
input.input:required:invalid,
input[type='text'].input:invalid,
input[type='email'].input:invalid,
input[type='number'].input:invalid,
textarea.input:not(:valid) {
    border-left			:5px solid #fb695c;
    transition			:border 0.3s;
}

input.input:required:valid,
input[type='text'].input:valid,
input[type='email'].input:valid,
input[type='number'].input:valid,
textarea.input:valid {
    border-left			:5px solid #00CE3F;
    transition			:border 0.3s;
}

/* 1 */
select.input_1,
input[type='text'].input_1,
input[type='email'].input_1,
input[type='file'].input_1,
input[type='number'].input_1,
input[type='submit'].input_1,
textarea.input_1 {
	display				:block;
	height				:35px;
	padding				:0px 5px 0px 10px;
	margin				:5px 0px 5px;
	font-size			:16px;
	border-radius		:0px;
	border				:1px solid #b9b9b9;
	border-top			:1px solid #A7A7A7;
	background-color	:#FFFFFF;
	box-shadow			:inset 0 1px 2px rgba(0,0,0,0.1);
	box-sizing			:border-box;
}

input[type='text'].input_1:not(:valid),
input[type='email'].input_1:not(:valid),
input[type='number'].input_1:not(:valid),
textarea.input_1:not(:valid) {
	border				:1px solid #E20F00;
}

input[type='file'].input_1 {
	height				:auto;
	padding-top			:10px;
	padding-bottom		:10px;
}

textarea.input_1 {
	height				:95px;
	padding				:5px 10px;
	resize				:none;
}

input[type='submit'].input_1 {
	cursor				:pointer;
	width				:auto;
	padding-left 		:20px;
	padding-right 		:20px;
	font-size			:16px;
	color				:#777777;
	border				:1px solid #C7C7C7;
	background-image	:#d7d7d7;
	background-image	:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d7d7d7));
	background-image	:-moz-linear-gradient(top, #efefef, #d7d7d7);
}

input[type='submit'].input_1:hover {
	background-image	:#E5E5E5;
	background-image	:-webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#E5E5E5));
	background-image	:-moz-linear-gradient(top, #E1E1E1, #E5E5E5);
}

form.input_1:not(:valid) input[type='submit'] {
	cursor				:default;
	color				:#BABABA !important;
	border				:1px solid #E1E1E1 !important;
	background			:#D7D7D7 !important;
	box-shadow			:0 0 0 !important;
}

div.input_1, span.input_1, p.input_1 {
	padding				:3px 0px 3px 0px;
	font-size			:16px;
	color				:#6F6F6F;
}

input[type='radio'].input_1,
input[type='checkbox'].input_1 {
	display				:none;
}

input[type='radio'].input_1 + label,
input[type='checkbox'].input_1 + label {
	cursor				:pointer;
	display				:inline-block;
	height				:20px;
	width				:20px;
	border				:1px solid #b9b9b9;
	border-top			:1px solid #A7A7A7;
	box-shadow			:inset 0 1px 2px rgba(0,0,0,0.1);
	box-sizing			:border-box;
	transition			:background 0.3s;
	background-color	:#ffffff;
}

input[type='radio'].input_1 + label:hover, input[type='radio'].input_1:checked + label,
input[type='checkbox'].input_1 + label:hover, input[type='checkbox'].input_1:checked + label {
	background			:#FF9900;
	box-shadow			:inset 0 0 0px 2px #FFFFFF;
}

/*	=========== HIGHLIGHT =========== =========== =========== */
.highlight_white, .highlight_gray, .highlight_green, .highlight_blue, .highlight_yellow, .highlight_red {
	display					:inline-block;
	padding					:12px 10px;
	border					:1px solid rgba(0, 0, 0, 0);
	border-radius			:6px;
	box-sizing				:border-box;
}

.highlight_long {
	display					:block;
}

.highlight_white {
	color					:#3A3A3A;
	border-color			:#F0F0F0;
	background-color		:#FFFFFF;
}

.highlight_gray {
	color					:#393939;
	border-color			:#e7e7e7;
	background-color		:#f9f9f9;
}

.highlight_green {
	color					:#005200;
	border-color			:#B0FFB0;
	background-color		:#C8FFC8;
}

.highlight_blue {
	color					:#004777;
	border-color			:#A1DAFF;
	background-color		:#C8E9FF;
}

.highlight_yellow {
	color					:#686800;
	border-color			:#FFFFA8;
	background-color		:#FFFFC8;
}

.highlight_red {
	color					:#610500;
	border-color			:#FFB9B5;
	background-color		:#FFCBC8;
}

/*
	=========== IMAGE SCROLL =========== =========== ===========
*/

.image_scroll {
	position				:relative;
	background-repeat		:no-repeat;
	background-size			:100% auto;
}

.image_scroll > div {
	content					:'';
	height					:0%;
	width					:15px;
	position				:absolute;
	right					:0;
	background				:rgba(207, 207, 207, 0.8);
	opacity					:0;
	transition				:opacity 0.5s;
}

.image_scroll:hover > div {
	opacity					:1;
}

/*
	=========== CURTAIN =========== =========== ===========
*/

.curtain {
	position				:relative;
	overflow				:hidden;
}

.curtain img {
	position				:absolute;
}

.curtain img:first-child {
	z-index					:1;
}

.curtain_cursor {
	height					:40px;
	width					:40px;
	margin					:0 0 -21px -21px;
	position				:absolute;
	top						:40px;
	bottom					:0;
	text-align				:center;
	border					:2px solid #FF0000;
	border-radius			:100%;
	background				:#FFFFFF;
	z-index					:2;
}

.curtain_cursor span {
	height					:0;
	width					:0;
	position				:absolute;
	border					:6px inset transparent;
	box-sizing				:content-box;
	top						:50%;
	margin-top				:-6px;
}

.curtain_cursor span:first-child {
	border-right			:6px solid #f00;
	margin-left				:-17px;
	left					:50%;
}

.curtain_cursor span:last-child {
	border-left				:6px solid #f00;
	margin-right			:-17px;
	right					:50%;
}

.curtain_cursor:after, .curtain_cursor:before {
	content					:'';
	width					:2px;
	height					:9999px;
	margin-left				:-1px;
	position				:absolute;
	left					:50%;
	background				:#FF0000;
}

.curtain_cursor:after {
	bottom					:100%;
}

.curtain_cursor:before {
	top						:100%;
}

/*
	=========== GALLERY =========== =========== ===========
*/

.gallery_0 > tbody > tr > td > *, .gallery_0 > tr > td > * {
	display				:inline-block;
}

.gallery_0 > tbody > tr > td > p, .gallery_0 > tr > td > p {
	display				:block;
}

.gallery_0 img {
	height				:200px !important;
	width				:calc(100% / 5 - 10px) !important;
	margin				:5px;
	box-sizing			:border-box;
	object-fit			:cover;
}

@media screen and (max-width: 449px) {
	.gallery_0 img {
		width				:calc(100% - 10px) !important;
	}
}

@media screen and (min-width: 450px) and (max-width: 767px) {
	.gallery_0 img {
		width				:calc(100% / 2 - 10px) !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.gallery_0 img {
		width				:calc(100% / 3 - 10px) !important;
	}
}



/*
	=========== TOPMENU =========== =========== ===========
*/

.topmenu_main {
	display					:block;
}

.topmenu_button {
	cursor					:pointer;
	display					:none;
	font-size				:32px;
}

.topmenu_button:after {
	content					:"\2630";
}

.topmenu_menu_open {
	display					:block !important;
}

.topmenu_menu {
	display					:block;
}

.topmenu_menu > .topmenu_item {
	display					:inline-block;
	position				:relative;
}

.topmenu_item_lvl_2, .topmenu_item_lvl_3 {
	display					:none;
	position				:absolute;
	z-index					:100;
}

.topmenu_item_lvl_2 > .topmenu_item, .topmenu_item_lvl_3 > .topmenu_item {
	position				:relative;
	white-space				:nowrap;
}

.topmenu_menu > .topmenu_item:hover .topmenu_item_lvl_2 {
	display					:block;
}

.topmenu_item_lvl_2 > .topmenu_item:hover .topmenu_item_lvl_3 {
	display					:block;
	top						:0px;
	left					:100%;
}


/*
	=========== ANIMATION =========== =========== ===========
*/

.animation_top_1 {
	position				:relative;
	bottom					:200px;
	opacity					:0;
	animation				:animation_top_1 1s forwards;
}

@keyframes animation_top_1 {
	to {
		bottom				:0px;
		opacity				:1;
	}
}

.animation_top_2 {
	position				:relative;
	bottom					:200px;
	opacity					:0;
	animation				:animation_top_2 1s 0.25s forwards;
}

@keyframes animation_top_2 {
	to {
		bottom				:0px;
		opacity				:1;
	}
}

.animation_top_3 {
	position				:relative;
	bottom					:200px;
	opacity					:0;
	animation				:animation_top_3 1s 0.5s forwards;
}

@keyframes animation_top_3 {
	to {
		bottom				:0px;
		opacity				:1;
	}
}

.animation_top_4 {
	position				:relative;
	bottom					:200px;
	opacity					:0;
	animation				:animation_top_4 1s 0.75s forwards;
}

@keyframes animation_top_4 {
	to {
		bottom				:0px;
		opacity				:1;
	}
}

.animation_right {
	position				:relative;
	left					:200px;
	opacity					:0;
	animation				:animation_right 1s forwards;
}

@keyframes animation_right {
	to {
		left				:0px;
		opacity				:1;
	}
}

.animation_bottom_1 {
	position				:relative;
	top						:200px;
	opacity					:0;
	animation				:animation_bottom_1 1s forwards;
}

@keyframes animation_bottom_1 {
	to {
		top					:0px;
		opacity				:1;
	}
}

.animation_bottom_2 {
	position				:relative;
	top						:200px;
	opacity					:0;
	animation				:animation_bottom_2 1s 0.25s forwards;
}

@keyframes animation_bottom_2 {
	to {
		top					:0px;
		opacity				:1;
	}
}

.animation_bottom_3 {
	position				:relative;
	top						:200px;
	opacity					:0;
	animation				:animation_bottom_3 1s 0.5s forwards;
}

@keyframes animation_bottom_3 {
	to {
		top					:0px;
		opacity				:1;
	}
}

.animation_bottom_4 {
	position				:relative;
	top						:200px;
	opacity					:0;
	animation				:animation_bottom_4 1s 0.75s forwards;
}

@keyframes animation_bottom_4 {
	to {
		top					:0px;
		opacity				:1;
	}
}

.animation_left {
	position				:relative;
	right					:200px;
	animation				:animation_left 1s forwards;
}

@keyframes animation_left {
	to {
		right				:0px;
		opacity				:1;
	}
}

.animation_transparency_1 {
	opacity					:0;
	animation				:animation_transparency_1 1s forwards;
}

@keyframes animation_transparency_1 {
	to {
		opacity				:1;
	}
}

.animation_transparency_2 {
	opacity					:0;
	animation				:animation_transparency_2 1s 0.25s forwards;
}

@keyframes animation_transparency_2 {
	to {
		opacity				:1;
	}
}

.animation_transparency_3{
	opacity					:0;
	animation				:animation_transparency_3 1s 0.5s forwards;
}

@keyframes animation_transparency_3 {
	to {
		opacity				:1;
	}
}


.animation_transparency_4 {
	opacity					:0;
	animation				:animation_transparency_4 1s 0.75s forwards;
}

@keyframes animation_transparency_4 {
	to {
		opacity				:1;
	}
}



/*
	=========== HR =========== =========== ===========
*/

.hr_1 {
	border						:0;
	height						:1px;
	background					:#333333;
	background-image			:linear-gradient(to right, #CCCCCC, #333333, #CCCCCC);
}


/*
	=========== BUTTON =========== =========== ===========
*/

.button_custom,
.button_dark, .button_gray, .button_light,
.button_green_dark, .button_green, .button_green_light,
.button_blue_dark, .button_blue, .button_blue_light,
.button_orange_dark, .button_orange, .button_orange_light,
.button_red_dark, .button_red, .button_red_light,
.button_purple_dark, .button_purple, .button_purple_light
{
	cursor					:pointer;
	display					:inline-block;
	padding					:10px 25px;
	font-size				:18px;
	font-weight				:normal;
	box-shadow				:1px 1px 5px rgba(0, 0, 0, 0.15);
	border-radius			:4px;
	text-decoration			:none !important;
	text-shadow				:0px 0px 0px rgba(0, 0, 0, 0);
	transition				:background 0.5s;
}

.button_dark, .button_gray, .button_light,
.button_green_dark, .button_green, .button_green_light,
.button_blue_dark, .button_blue, .button_blue_light,
.button_orange_dark, .button_orange, .button_orange_light,
.button_red_dark, .button_red, .button_red_light,
.button_purple_dark, .button_purple, .button_purple_light
{
	color					:#FFF !important;
}

.button_small {
	padding					:7px 15px;
	font-size				:14px;
}

.button_big {
	padding					:15px 30px;
	font-size				:24px;
}

.button_custom {
	color					:#FFFFFF;
	border					:1px solid #000000;
	background				:#000000;
}

.button_custom:hover {
	border					:1px solid #000000;
	background				:#000000;
}

.button_dark {
	border					:1px solid #151515;
	background				:#202020;
}

.button_dark:hover {
	border					:1px solid #2B2727;
	background				:#393939;
}

.button_gray {
	border					:1px solid #4C4C4C;
	background				:#5B5B5B;
}

.button_gray:hover {
	border					:1px solid #747474;
	background				:#858585;
}

.button_light {
	color					:#3E3E3E !important;
	border					:1px solid #E2E2E2;
	background				:#EEEEEE;
}

.button_light:hover {
	border					:1px solid #E3E3E3;
	background				:#D4D4D4;
}

.button_green_dark {
	border					:1px solid #005902;
	background				:#006403;
}

.button_green_dark:hover {
	border					:1px solid #007702;
	background				:#008303;
}

.button_green {
	border					:1px solid #009705;
	background				:#00A606;
}

.button_green:hover {
	border					:1px solid #00A905;
	background				:#00BB06;
}

.button_green_light {
	border					:1px solid #00C106;
	background				:#06D60D;
}

.button_green_light:hover {
	border					:1px solid #00E007;
	background				:#00F008;
}

.button_blue_dark {
	border					:1px solid #003781;
	background				:#003F92;
}

.button_blue_dark:hover {
	border					:1px solid #1757AC;
	background				:#1661C4;
}

.button_blue {
	border					:1px solid #1062BD;
	background				:#116BCF;
}

.button_blue:hover {
	border					:1px solid #2984E9;
	background				:#288CFA;
}

.button_blue_light {
	border					:1px solid #17A3EE;
	background				:#17AEFF;
}

.button_blue_light:hover {
	border					:1px solid #53B7EC;
	background				:#58C5FF;
}

.button_orange_dark {
	border					:1px solid #E56200;
	background				:#FF6D00;
}

.button_orange_dark:hover {
	border					:1px solid #FF740B;
	background				:#FF8020;
}

.button_orange {
	border					:1px solid #fba12b;
	background				:#F4A53E;

}

.button_orange:hover {
	border					:1px solid #fca635;
	background				:#faab44;
}

.button_orange_light {
	border					:1px solid #F3B614;
	background				:#FFC019;
}

.button_orange_light:hover {
	border					:1px solid #E6BD4D;
	background				:#FFCD46;
}

.button_red_dark {
	border					:1px solid #AB0000;
	background				:#C20000;
}

.button_red_dark:hover {
	border					:1px solid #D60000;
	background				:#EB0000;
}

.button_red {
	border					:1px solid #DD0000;
	background				:#FF0000;
}

.button_red:hover {
	border					:1px solid #E23D2F;
	background				:#FF4838;
}

.button_red_light {
	border					:1px solid #E8381F;
	background				:#FF462C;
}

.button_red_light:hover {
	border					:1px solid #F8553E;
	background				:#FF6954;
}

.button_purple_dark {
	border					:1px solid #920079;
	background				:#A40089;
}

.button_purple_dark:hover {
	border					:1px solid #B30095;
	background				:#C500A4;
}

.button_purple {
	border					:1px solid #D500B1;
	background				:#E700C0;
}

.button_purple:hover {
	border					:1px solid #E500BE;
	background				:#FF00D4;
}

.button_purple_light {
	border					:1px solid #E622C5;
	background				:#FA2DD7;
}

.button_purple_light:hover {
	border					:1px solid #ED45D0;
	background				:#FF4FE1;
}


/*
	=========== SHADOW =========== =========== ===========
*/

.shadow {
	border					:1px solid rgba(0, 0, 0, 0.09);
	box-shadow				:1px 1px 5px rgba(0, 0, 0, 0.15);
}


/*
	=========== SPOILER =========== =========== ===========
*/

.spoiler_button {
	cursor					:pointer;
	display					:inline;
	border-bottom			:1px dotted #CCCCCC;
}

.spoiler_button:hover {
	border-bottom			:1px dotted rgba(0, 0, 0, 0);
}

.spoiler {
	display					:block;
	height					:0px;
	overflow				:hidden;
	/*transition				:height 1s;*/
}

.spoiler_open {
	height					:auto;
}



/* ======= ROW ======= */

.row {
	overflow 				:hidden;
}

.row:before, .row:after {
	display					:table;
	content					:' ';
}

.row:after {
	clear					:both;
}

.w_100 {
	width					:100%;
}

/* ======= ROW ======= */

.flex_row {
	display					:flex;
	flex-wrap				:wrap;
	justify-content			:center;
	overflow 				:hidden;
	/* align-items				:flex-start; */
	align-content			:center;
}



.flex_row .flex_stretch{
	align-items				:stretch;
}
/* ======= COLUMN ======= */

.col_p_16, .col_p_20, .col_p_25, .col_p_33, .col_p_50, .col_p_66, .col_p_75, .col_p_83, .col_p_100,
.col_t_16, .col_t_20, .col_t_25, .col_t_33, .col_t_50, .col_t_66, .col_t_75, .col_t_83, .col_t_100,
.col_n_16, .col_n_20, .col_n_25, .col_n_33, .col_n_50, .col_n_66, .col_n_75, .col_n_83, .col_n_100,
.col_d_16, .col_d_20, .col_d_25, .col_d_33, .col_d_50, .col_d_66, .col_d_75, .col_d_83, .col_d_100
{
	display					:block;
	width					:100%;
	word-wrap				:break-word;
	box-sizing				:border-box;
	text-align				:left;
}

.col_p_16 img, .col_p_20 img, .col_p_25 img, .col_p_33 img, .col_p_50 img, .col_p_66 img, .col_p_75 img, .col_p_83 img, .col_p_100 img,
.col_t_16 img, .col_t_20 img, .col_t_25 img, .col_t_33 img, .col_t_50 img, .col_t_66 img, .col_t_75 img, .col_t_83 img, .col_t_100 img,
.col_n_16 img, .col_n_20 img, .col_n_25 img, .col_n_33 img, .col_n_50 img, .col_n_66 img, .col_n_75 img, .col_n_83 img, .col_n_100 img,
.col_d_16 img, .col_d_20 img, .col_d_25 img, .col_d_33 img, .col_d_50 img, .col_d_66 img, .col_d_75 img, .col_d_83 img, .col_d_100 img
{
	max-width				:100%;
}

/*
	=========== PHONE =========== =========== ===========
*/
@media screen and (max-width: 767px) {

	.col_p_16, .col_p_20, .col_p_25, .col_p_33, .col_p_50, .col_p_66, .col_p_75, .col_p_83, .col_p_100 {
		float					:left;
	}

	.col_p_16 {
		width					:16.66%;
	}

	.col_p_20 {
		width					:20%;
	}

	.col_p_25 {
		width					:25%;
	}

	.col_p_33 {
		width					:33.33%;
	}

	.col_p_50 {
		width					:50%;
	}

	.col_p_66 {
		width					:66.66%;
	}

	.col_p_75 {
		width					:75%;
	}

	.col_p_83 {
		width					:83.33%;
	}

	.col_p_100 {
		width					:100%;
	}

	/**/

	.container, .container_fluid {
		padding					:0px;
	}

	/**/

	h1, .title {
		font-size				:24px;
	}

	h2, .title_2 {
		font-size				:18px;
	}

}


/*
	=========== TABLE =========== =========== ===========
*/
@media screen and (min-width: 768px) and (max-width: 962px) {

	.col_t_16, .col_t_20, .col_t_25, .col_t_33, .col_t_50, .col_t_66, .col_t_75, .col_t_83, .col_t_100 {
		float					:left;
	}

	.col_t_16 {
		width					:16.66%;
	}

	.col_t_20 {
		width					:20%;
	}

	.col_t_25 {
		width					:25%;
	}

	.col_t_33 {
		width					:33.33%;
	}

	.col_t_50 {
		width					:50%;
	}

	.col_t_66 {
		width					:66.66%;
	}

	.col_t_75 {
		width					:75%;
	}

	.col_t_83 {
		width					:83.33%;
	}

	.col_t_100 {
		width					:100%;
	}

}

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

	.topmenu_button {
		display					:block;
	}

	.topmenu_button:after {
		content					:"\2630";
	}

	.topmenu_menu {
		display					:none;
	}

	.topmenu_menu > .topmenu_item {
		display					:block;
	}

	.topmenu_menu .topmenu_item a {
		display					:block;
	}

	.topmenu_item > .topmenu_item_lvl_2, .topmenu_item > .topmenu_item_lvl_3 {
		display					:block;
		position				:relative;
		left					:0px;
	}

	.topmenu_item_lvl_2 > .topmenu_item:hover .topmenu_item_lvl_3 {
		left					:0px;
	}

}


/*
	=========== NOTEBOOK =========== =========== ===========
*/
@media screen and (min-width: 963px) and (max-width: 1340px) {

	.col_n_16, .col_n_20, .col_n_25, .col_n_33, .col_n_50, .col_n_66, .col_n_75, .col_n_83, .col_n_100 {
		float					:left;
	}

	.col_n_16 {
		width					:16.66%;
	}

	.col_n_20 {
		width					:20%;
	}

	.col_n_25 {
		width					:25%;
	}

	.col_n_33 {
		width					:33.33%;
	}

	.col_n_50 {
		width					:50%;
	}

	.col_n_66 {
		width					:66.66%;
	}

	.col_n_75 {
		width					:75%;
	}

	.col_n_83 {
		width					:83.33%;
	}

	.col_n_100 {
		width					:100%;
	}

}


/*
	=========== DESKTOP =========== =========== ===========
*/
@media screen and (min-width: 1341px) {

	.col_d_16, .col_d_20, .col_d_25, .col_d_33, .col_d_50, .col_d_66, .col_d_75, .col_d_83, .col_d_100 {
		float					:left;
	}

	.col_d_16 {
		width					:16.66%;
	}

	.col_d_20 {
		width					:20%;
	}

	.col_d_25 {
		width					:25%;
	}

	.col_d_33 {
		width					:33.33%;
	}

	.col_d_50 {
		width					:50%;
	}

	.col_d_66 {
		width					:66.66%;
	}

	.col_d_75 {
		width					:75%;
	}

	.col_d_83 {
		width					:83.33%;
	}

	.col_d_100 {
		width					:100%;
	}

}


/* ======= JavaScript dan.css ======= */
/* DAN.accordion */

.accordion_body {
	overflow			:hidden;
	height				:0px;
    transition			:height 0.5s ease;
}

.expand {
	height				:auto;
    transition			:height 0.5s ease;
}

/* YouTube adaptive */

.youtube, .youtube4x3 {
	position			:relative;
	padding-bottom		:56.25%; /* 16 х 9 По умолчанию*/
	padding-top			:30px;
	height				:0;
	overflow			:hidden;
}

.youtube iframe, .youtube4x3 iframe {
	position			:absolute;
	top					:0;
	left				:0;
	border				:none;
	width				:100% !important;
	height				:100% !important;
}

.youtube4x3 {
	padding-bottom		:75% !important;
}

/* ======= DAN_2_MODAL ======= */

#dan_2_modal_black {
	display				:flex;
	justify-content		:center;
	align-items			:center;
	position			:fixed;
	z-index				:5000;
	width				:100%;
	height				:100%;
	background-color	:rgba(0,0,0,0.62);
}

#dan_2_modal_white {
	position: relative;
	width: calc(100% - 90px);
	max-height: calc(100% - 90px);
	overflow-y: auto;
	overflow-x: hidden;
	height: auto;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #FFFFFF;	
}

#dan_2_modal_cross {
	cursor				:pointer;
	height				:40px;
	line-height			:40px;
	width				:40px;
	position			:absolute;
	top					:-20px;
	right				:-20px;
	font-family			:Arial;
	font-size			:32px;
	text-align			:center;
	vertical-align		:middle;
	color				:#E1E1E1;
	background			:#565656;
	border-radius		:100%;
	transition			:background 0.4s;
	overflow			:hidden;
}

#dan_2_modal_cross:hover {
	background			:#686868;
}



/* ======= SHOW ======= */
#dan_show_black {
	display			:flex;
    justify-content	:center;
    align-items		:center;
    position		:fixed;
    z-index			:10000;
    width			:100%;
    height			:100%;
    background-color:rgba(0,0,0,0.62);
}

#dan_show_image{
	display			:block;
	max-width		:calc(100% - 40px);
	max-height		:calc(100% - 40px);
    border-radius	:5px;
    box-sizing		:border-box;
    border			:10px solid #fff;
    box-shadow		:0px 0px 50px #000000;
    -webkit-user-select: none;	
	user-select		:none;
}

#dan_show_nav_left, #dan_show_nav_right, #dan_show_nav_play {
	width			:50px;
	height			:50px;
	z-index			:10001;
	cursor			:pointer;
}

#dan_show_nav_left {
	margin-right	:-70px;
}

#dan_show_nav_play {
    position		:fixed;
	top				:calc(50% - 25px);
	left			:calc(50% - 25px);
	opacity			:0.5;	
}

#dan_show_nav_right {
	margin-left		:-70px;
}

.dan_show_nav {
	width			:50px;
	height			:50px;
	opacity			:0.5;
}

@media screen and (max-width: 767px) {
	#dan_2_modal_white {
		height				:100%;
		width				:100%;
		max-width			:100% !important;
		padding				:60px 20px 20px;
		border-radius		:0;
		box-shadow			:0 0 0;
	}

	#dan_2_modal_content {
		height				:100%;
		overflow			:auto;
	}

	#dan_2_modal_cross {
		top					:5px;
		right				:5px;
		font-size			:60px;
		color				:#565656;
		background			:none;
		border-radius		:0;
	}

	#dan_2_modal_cross:hover {
		color				:#707070;
		background			:none;
	}

}


/* ======= SPINER ======= */
#dan_spinner {
    display: block;
	position: absolute;
	left: calc(50% - 35px);
	top: calc(50% - 35px);
	width: 70px;
	height: 70px;
	font-size: 70px;
	fill: #bbb;
	animation: dan_spinner_rotate 2s infinite linear;
}

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