@font-face{
	font-family:text;
	src:url(/OpenSans-Regular.ttf);
}
@font-face{
	font-family:light;
	src:url(/files/OpenSans-Light.ttf);
}
:root{
	--active:linear-gradient(to left, #1661AF, #5C71ED);
	--active2:#0F447C;
	--text1:#333333;
	--text2:#FFFFFF;
	--text3:#969ba5;
	--theme_color1:#D4E1F6;
	--theme_color2:rgba(0,0,0,0.3);
	--theme_color3:#2C3649;
	--background:#EFF2F4;
	--red:linear-gradient(to right, #FE5722, #FF0541);
	--red2:#FE5722;
}
@media all and (min-width:200px) and (max-width: 1024px){
	:root{--round:2vw;}
}
body{
	margin:0;
	padding:0;
	font-family:text;
	font-weight:300;
	letter-spacing:0.1vmin;
	color:var(--text1);
	min-height:100%;
	display:flex;
	flex-direction:column;
	background:var(--background);
}
b{color:red;}
a{
	text-decoration:none;
	color:var(--active2);
}
a{display:inline-block;}
h1{
	font-family:text;
	font-weight:100;
	color:var(--text3);
}
h2{
	font-family:light;
	font-weight:100;
	letter-spacing:0;
	color:var(--active2);
}
h3{
	font-weight:100;
}
ul{
	padding:0;
	margin:0;
}
mark{
	border-radius:var(--round);
	background:var(--active);
	text-transform:uppercase;
	color:var(--text2);
}
li:not(#content li){list-style:none;}
#content ul > li{list-style:circle outside;}
#content ol{padding:0;}
input, textarea{
	background:none;
	border-radius:var(--round);
	outline:none;
}
button{
	border:none;
	cursor:pointer;
}
.hidden{
	display:none;
}
.active_btn, .inactive_btn{
	border-radius:var(--round);
}
.active_btn{
	background:var(--active);
	color:var(--text2);
}
.active_btn[disabled],.active_btn[disabled]:hover{
	background:rgba(0,0,0,0.3);
}
.active_btn:hover, .inactive_btn:hover{background:var(--active2);}
.inactive_btn{
	background:var(--text2);
	color:var(--active2);
}
.inactive_btn:hover{color:var(--text2);}
.chat_btn{
	position:fixed;
	background:var(--active);
	box-shadow:0 0 2vw rgba(0,0,0,0.5);
	text-align:center;
	color:var(--text2);
}
.chat_btn:hover{background:var(--active2);}
#chat{
	display:none;
	position:fixed;
	z-index:9;
	border-radius:var(--round);
	overflow:hidden;
	background-color:var(--theme_color1);
	background-image:url(/img/card_bg2.svg);
	background-size:auto 50%;
	background-position:center;
	box-shadow:0 0 0.5vw rgba(0,0,0,0.5);
}
#chat > .close{
	background:none;
	position:absolute;
	color:var(--text3);
}
#chat > .close:hover{color:var(--text2);}
#chat > div:nth-of-type(1){
	border-radius:var(--round);
	background:var(--theme_color3);
	color:var(--text2);
}
#chat > div:nth-of-type(1) > div > *{
	margin:0;
}
#chat > div:nth-of-type(1) > div > h3{color:var(--text3);}
#chat > div:nth-of-type(2){
	overflow-y:auto;
}
#chat > form:nth-of-type(1) button{width:100%;}
#chat > form:nth-of-type(2){background:var(--background);}
#chat form + form{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#chat_info{
	margin:0;
	display:none;
	position:absolute;
	left:5%;
	z-index:2;
	border-radius:var(--round);
	background:var(--background);
}
#chat_info > h3{text-align:center;}
#chat_info input{
	width:100%;
}
#chat textarea{
	min-width:80%;
	max-width:80%;
	border:none;
	resize:none;
}
#send{position:relative;}
#chat #send{
	display:none;
}
.msg, #msg{
	width:85%;
}
.msg > span, #msg > span{
	width:100%;
	border-radius:var(--round);
}
.triangle1{
	clip-path:polygon(100% 0%, 100% 100%, 0% 50%);
	background:var(--active);
}
.triangle2{
	clip-path:polygon(0% 0%, 100% 50%, 0% 100%);
	background:var(--theme_color1);
}
.triangle3{
	position:absolute;
	left:0;
	clip-path:polygon(0% 0%, 100% 100%, 0% 100%);
	background:var(--red2);
}

blockquote{
	border-radius:var(--round);
	background:var(--theme_color1);
}
.wrapper > blockquote{
	width:100%;
}
.blockquote{
	border-radius:var(--round);
	background-color:var(--theme_color1);
	background-image:url(/img/card_bg.svg);
	background-size:30%;
}
.blockquote h2{
	margin:0;
	text-transform:uppercase;
}
.head > a > img{
	width:auto;
}
nav, footer{
	background-color:var(--theme_color3);
}
nav > ul > li{float:left;}
nav > ul > li > a{
	color:var(--text2);
}
nav > ul > li > a:hover{background:var(--theme_color2);}

nav li{position:relative;}
nav li ul{
	display:none;
	position:absolute;
	background-color:var(--background);
	z-index:9;
	box-shadow:0 0 1vw rgba(0,0,0,0.5);
}
nav li:hover > ul{
	display:block;
}
nav li > ul a{
	color:var(--text1);
}
nav li > ul a:hover{
	background:var(--active);
	color:var(--text2);
}
nav li > ul > li > ul{
	top:0;
	left:100%;
}

footer{
	position:relative;
	background-image:url(/img/card_bg2.svg);
	background-size:auto 500%;
	background-position:center;
	color:var(--text3);
}
footer > div > span{
	display:block;
}
footer a{color:var(--text2);}
footer a:hover{color:var(--text3);}
.footer_line{
	position:absolute;
	bottom:0;
	left:0;
}
.footer_line > a{
	color:var(--text3);
}

.slider{
	position:relative;
	overflow:hidden;
	color:var(--text1);
}
.slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
}
.slide.active{
	opacity:1;
}
.slide > div{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.slider_text{
	width:100%;
}
.slider_text > h2{
	margin:0;
	font-weight:600;
}
.slide img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.controls{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.controls .dots{
	display:flex;
}
.controls .dot{
	border:none;
	background-color:rgba(255, 255, 255, 0.5);
	cursor:pointer;
}
.controls .dot.active{
	background-color:#fff;
}
.slider:hover .prev, .slider:hover .next{
	display:block;
}
.prev, .next{
	display:none;
	position:absolute;
	top:40%;
	z-index:9;
	background-color:rgba(0,0,0,0.2);
	background-image:url(/img/arrow.svg);
	background-size:50%;
	background-position:center center;
	background-repeat:no-repeat;
}
.prev{
	transform:rotate(180deg);
}

main{
	flex-grow:1;
	height:auto;
	overflow:hidden;
}
main > h2{
	width:100%;
}

.list_card > *{
	height:auto;
	overflow:hidden;
	display:flex;
	justify-content:start;
	align-items:center;
}
.list_card > * > img{
	float:left;
}
.list_card > * > span{
	color:var(--text3);
}
.list_card > * > div > span{
	display:block;
	width:100%;
}
.list_card > * > div > span:nth-of-type(2){
	font-weight:bold;
	color:var(--active2);
}

.cards > div{
	float:left;
	border-radius:var(--round);
	background:var(--theme_color1);
}
.cards > div > span{
	display:inline-block;
	width:90%;
}

.mini_info > div > label{
	display:inline-block;
	border-radius:var(--round) var(--round) 0 0;
	text-transform:uppercase;
	cursor:pointer;
}
.mini_info > div > label:hover{
	background:var(--active);
	color:var(--text2);
}
.mini_info > div > input{display:none;}
.mini_info > div > input:checked + label{
	background:var(--theme_color1);
	color:var(--text3);
}
.mini_info > div:not(.mini_info > div:nth-of-type(1)){
	border-radius:0 0 var(--round) var(--round);
}
.mini_info li > a:hover{
	color:var(--theme_color3);
}
.mini_info li > svg{width:auto;}
.double > div:nth-of-type(2) > img{
	float:left;
	border-radius:var(--round);
	background:var(--theme_color1);
}

.wrapper{
	float:right;
	height:auto;
	overflow:visible;
	display:flex;
	align-items:start;
	flex-wrap:wrap;
}
.wrapper > h2:nth-of-type(1){margin-top:0;}
.wrapper summary{
	border-radius:var(--round);
	background:var(--active);
	color:var(--text2);
	cursor:pointer;
	list-style:none;
}
.wrapper summary:before{
	content: '▼';
	font-weight:bold;
}
.wrapper > details{width:100%;}
.wrapper > details[open] > summary:before{
	content: '▲';
}
.wrapper > details > a, .wrapper > .mark + ul{width:100%;}
.wrapper > details > a:hover{color:var(--active2);}
.wrapper > img{
	width:100%;
	border-radius:var(--round);
}
.mark{
	display:inline-block;
	border-radius:var(--round);
	background:var(--active);
	color:var(--text2);
}
#content{
	width:100%;
	height:auto;
	overflow:hidden;
}
#content img{max-width:100%;}

#url_line{
	width:100%;
}
#url_line > a{color:var(--text3);}
#url_line > a:hover{color:var(--active2);}

aside{
	float:left;
}
aside a{
	position:relative;
	color:var(--text1);
}
aside > a{
	border-radius:var(--round);
	background:var(--theme_color1);
}
aside > a:hover{
	background:var(--active);
	color:var(--text2);
}
aside > div a:hover{
	color:var(--active2);
}
.active_aside{
	color:var(--active2);
}
aside > .active_aside{
	background:var(--active);
	color:var(--text2);
}
.useful > a{
	font-weight:bold;
	text-transform:uppercase;
	color:var(--active2);
}
#djuPanel{width:100%;}
.call_block > div{
	width:100%;
	border-radius:var(--round);
	background-color:var(--theme_color1);
	background-image:url(/img/call_art2.svg);
	background-repeat:no-repeat;
	background-position:0 bottom;
	background-size:100% auto;
}
.call_block > div > *{
	width:50%;
	text-align:left;
	font-weight:bold;
}
.call_block > div > p{
	margin-top:0;
	color:var(--active2);
}

.list_double > a, .list_one > div{
	height:auto;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.list_double > a > .div_img, .list_one > div > .div_img{
	border-radius:var(--round);
	background-color:var(--theme_color1);
}
.list_double > a p{color:var(--text3);}
.list_double > div > img{
	border-radius:var(--round);
	background:var(--theme_color1);
}

.list_one > div h2{
	width:100%;
}
.list_one > div p{
	width:100%;
	margin:0;
}

.table{width:100%;}
.table > *{
	position:relative;
	border-radius:var(--round);
	height:auto;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.table > *:nth-child(odd){background:var(--theme_color1);}
.table > *:nth-child(1){
	background:var(--active);
	color:var(--text2);
}
.table > * > h3{width:100%;}

#callback{
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	justify-content:center;
	align-items:center;
}
#callback > button{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:none;
}
.window{
	position:relative;
	border-radius:var(--round);
	overflow:hidden;
	background:var(--background);
	box-shadow:0 0 1vw rgba(0,0,0,0.2);
}
.window > button{
	position:absolute;
	background:none;
	font-weight:bold;
	color:var(--theme_color2);
}
.window > button:hover{
	color:var(--active2);
}

.window > div{
	background:var(--theme_color1);
}
.window > div > svg{
	float:left;
}
.roll{
	animation:5s round infinite;
	animation-direction:reverse;
}
@keyframes round{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
.window > div > h2, .window > div > h3{
	display:inline-block;
	margin:0;
}
.window label{
	display:block;
	color:var(--text3);
}
.window label > p{
	margin:0;
}
.window b{
	position:relative;
}
.window > form > *{
	width:100%;
}
.window textarea{
	width:100%;
	resize:none;
}

.file svg{
	width:auto;
}
.file > div{
	float:left;
	position:relative;
}
.file > div > mark{
	position:absolute;
	top:40%;
	left:0;
}
.file a{
	width:100%;
}