@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=cyrillic');

.container {
	width: 1480px;
	display: block;
	position: relative;
	margin: 0 auto;
}


.layout {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

.banner {
	width: 100%;
	height: 100vh;
	background-image: url(../images/ban.jpg);
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;	
}

.banner_content {
	width: 60%;
	height: 40%;
	min-height: 35%;
	border: 1px solid #fff;

	z-index: 10;
	border-radius: 2px;
	padding: 1rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	margin-bottom: 7rem;
}

.banner_content div {
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
}

.ban_logo {
	width:90%;
	display: block;
	margin: 0 auto;
	margin-bottom: -1.4rem;
	z-index: 100;
}

.banner_content h1 {
	font: 700 3rem "Roboto Condensed";
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.banner_content h2 {
	font: 400 2rem "Roboto Condensed";
	text-align: center;
	color: #fff;
}

.banner_content a {
	padding: 1rem 2.5rem;
	font: 400 1rem "Roboto Condensed";
	text-transform: uppercase;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 2px;
	transition: .2s;
}

.banner_content a:hover {
	background-color: #fff;
	color: #333;
	font: 400 1rem "Roboto Condensed";
}

.down {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-bottom: 1rem;
	transition: .2s;
}

.down i {
	color: #fff;
	font-size: 2rem;
	transition: .2s;
}

.down:hover, .down:hover i {
	border-color: #EC2027;
	color: #EC2027;
}

.info {
	display: flex;
	align-items: center;
	padding: 2rem 0rem;
}

fieldset {
	border: 1px solid #ddd;
	padding: 2rem;
}

legend h3 {
	font: 400 1.2rem "Roboto Condensed";
	padding: 1rem;
	text-transform: uppercase;
}


.info div p {
	font: 400 1.2rem "Roboto Condensed";	
	display: flex;
	margin-bottom: 1rem;
	align-items: center
}

.info div p > i:first-child { margin-right: 1rem; }

.info div p a {
	font: 400 1.2rem "Roboto Condensed";
	color: #EC2027; 
	
}

.info div p a i {
	display: inline-block;
	vertical-align: middle;
}

.inf_btn {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 2rem;
} 

.inf_btn a {
	display: block;
	padding: .5rem 1.4rem;
	border: 1px solid #333;
	border-radius: 2px;
	color: #333;
	font: 400 1.2rem "Roboto Condensed";
	transition: .2s;
}

.inf_btn a:hover {
	background-color: #EC2027;
	color: #fff;
	border-color: #EC2027;
}



.info div:last-child img { 
	border-radius: 2px; 
	padding-top: 1.5rem;
}

.headerh2 {
	font: 700 2.4rem "Roboto Condensed";
	text-align: center;
	color: #333;	
	text-transform: uppercase;
	padding: 2rem 0rem 0rem 0rem;
}

.headerh3 {
	font: 700 2.4rem "Roboto Condensed";
	text-align: center;
	color: #EC2027;	
	text-transform: uppercase;
	padding: 1rem 0rem;
}

.organizator {
	display: flex;
	justify-content: space-around;
	padding-bottom: 2rem;
}

.organizator div { 
	text-align: center; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.headerh {
	font: 700 2rem "Roboto Condensed";
	text-align: center;
	color: #333;	
	text-transform: uppercase;
	padding: 2rem 0rem;
}

.organizator div h3 {
	font: 400 1.6rem "Roboto Condensed";
	color: #333;
	margin-top: 1rem;
}

.org_img1, .org_img2, .org_img3 {
	width: 230px;
	height: 230px;
	background-position: center;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid rgba(89, 119, 131, 0.37);
}

.org_img1 { background-image: url(../images/org1.jpg); }

.org_img2 { background-image: url(../images/org2.jpg); }

.org_img3 { background-image: url(../images/org3.jpg); }

.bg {
	width: 100%;
	height: 100%;
	background-color: rgba(247, 205, 143, 0.21);
}

.bg3, .bg2 {
	width: 100%;
	height: 100%;
	background-color: rgba(222, 220, 216, 0.11);
	top: 0;
}

.bg3 .container > h3 {
	font: 400 1.4rem "Roboto Condensed";
	text-align: center;
	text-transform: uppercase;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.headerh2 span { font-weight: 400;} 

.cont_left_side { width: 100%; }

.cont_left_side ul {
	margin-bottom: 3rem;
	margin-right: 2rem;
	text-align: right;
	
}

.cont_left_side ul li:first-child { display: block; }

.cont_left_side ul li:first-child h3 {
	display: inline-block;
	font: 400 1.8rem "Roboto Condensed";
}

.cont_left_side ul li:first-child span {
	font:700 2rem "Roboto Condensed";
	color: #EC2027;
	margin-right: -.9rem;
	margin-left: 1.2rem;
}

.cont_left_side ul:nth-child(2) { margin-right: 5rem;}

.cont_left_side ul li:last-child {
	font: 400 1rem "Roboto Condensed";
	border-right: 4px solid #EC2027;
	box-sizing: border-box;
	padding: 1rem 2.3rem 1rem 0rem;
}

.center {
	width: 70%;
	transition: 1.8s;
}

.center:hover {
	transform: rotateZ(360deg);
}

.some_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}

.cont_right_side {
	width: 100%;
}

.cont_right_side ul {
	margin-bottom: 3rem;
	margin-left: 2rem;
}

  
.cont_right_side ul li:first-child h3 {
	display: inline-block;
	font: 400 1.8rem "Roboto Condensed";
}

.cont_right_side ul li:first-child span {
	font:700 2rem "Roboto Condensed";
	color: #EC2027;
	margin-left: -.9rem;
	margin-right: 1.2rem;
}

.cont_right_side ul:nth-child(2) {
	margin-left: 5rem;
}

.cont_right_side ul li:last-child {
	font: 400 1rem "Roboto Condensed";
	border-left: 4px solid #EC2027;
	box-sizing: border-box;
	padding: 1rem 0rem 1rem 2.3rem;
}

.cont_right_side ul:first-child li:last-child, .cont_left_side ul:first-child li:last-child {
	height: 80px;
	display: flex;
	align-items: center;
}

.cont_right_side ul:nth-child(2) li:last-child, .cont_left_side ul:nth-child(2) li:last-child {
	height: 180px;
	display: flex;
	align-items: center;
}

.cont_right_side ul:last-child li:last-child, .cont_left_side ul:last-child li:last-child {
	height: 120px;
	display: flex;
	align-items: center;
}
/*FOOTER*/

footer {
	height: auto;
	width: 100%;
	display: block;
}

footer h2 {
	font: 400 2rem "Roboto Condensed";
	text-align: center;
	color: #333;
}

.conts {
	height: 100px;
	width: 100%;
	background-color: #333;
	display: flex;
	justify-content: space-around;
	align-items: center;
}


.conts a {
	display: flex;
	align-items: center;
	color: #fff;
	font: 400 1.4rem "Roboto Condensed";
}

.conts div:nth-child(2) a p { margin-left: 1rem; }

.conts div a p { transition: .2s; }

.soc_img_phone, .soc_img_email, .soc_img_fb, .soc_img_telega {
	width: 70px;
	height: 70px;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .2s;
}

.conts div a:hover p { color: #EC2027; }


.soc_img_phone { background-image: url(../images/iph_white.png); }

.conts div a:hover .soc_img_phone  { background-image: url(../images/iph_red.png); }

.soc_img_email { background-image: url(../images/email.png); }

.conts div a:hover .soc_img_email { background-image: url(../images/email_red.png); }

.soc_img_fb {
	margin-top: -.8rem;
	background-image: url(../images/facebook_whitet.png);
}

.conts div a:hover .soc_img_fb { background-image: url(../images/facebook_red.png); }

.soc_img_telega { background-image: url(../images/t_white.png); }

.conts div a:hover .soc_img_telega { background-image: url(../images/t_red.png); }

footer iframe {
	width: 100%;
	display: block;
}

@media (max-width: 1366px ) {
	.container { width: 1300px; }

	.ban_logo { width: 70%; }

	.banner_content h2 { font: 400 1.6rem "Roboto Condensed"; }

	.banner_content { margin-bottom: 1rem; }

}

@media (max-width: 1280px ) {
	.container { width: 96%; }
}

@media (max-width: 1024px ) {

	.info {
    	display: flex;
		flex-direction: column;
	}
	
	.info div:first-child { width: 100%; }
	
	.center { display: none; }
	
	.cont_right_side ul:nth-child(2), .cont_left_side ul:nth-child(2) { margin:0 ;}
	
	.cont_left_side ul {  margin-right: 0; }
	
	.cont_right_side ul { margin-left: 0; }
	
	.cont_left_side ul li:last-child { 
		border-right: none !important; 
		border-left: 4px solid #EC2027; 
		text-align: left; 
		padding: 1rem 0rem 1rem 2.3rem; 
	}
	
	.cont_left_side ul li:first-child { 
		display: flex; 
		flex-direction: row-reverse; 
		justify-content: flex-end;
	}

	.cont_left_side, .cont_right_side { margin: 0rem 1rem; }
	
	.cont_left_side ul li:first-child span {
		font:700 2rem "Roboto Condensed";
		color: #EC2027;
		margin-left: -.9rem;
		margin-right: 2rem;
	}
	
	.cont_left_side ul li:first-child  h3 {
		margin-right: 1rem;
	}
	
	.some_info {
		flex-direction: column;

	}
	
	.cont_right_side, .cont_left_side { width: 90%;}

}

@media (max-width: 768px) {
	.soc_img_phone, .soc_img_email, .soc_img_fb, .soc_img_telega {
		width: 60px;
		height: 60px;
	}
	
	.conts p { display: none; }
	
	.org_img1, .org_img2, .org_img3 {
		width: 150px;
		height: 150px;
	}

	.organizator div h3 { 
		width: 200px;
		word-wrap: break-word;
	}
	.bg3 .container > h3 { font-size: 1rem;}
}

@media (max-width: 480px) {
	.headerh2 {	font-size: 1.4rem; }
	
	.headerh3 { font-size: 2rem;} 
	
	.banner_content h1 { font-size: 2rem; }
	
	.banner_content h2 { font-size: 1.2rem; }
	
	.banner_content {
		width: 90%;
		height: 50%;
		margin-bottom: 1rem
	}
	.organizator  { flex-direction: column;	}
	
	.ban_logo { width: 90%; }
	
	.inf_btn { flex-direction: column; }
	
	.inf_btn a {
		margin-bottom: 1rem;
		text-align: center
	}
	
	.organizator div { margin-bottom: 1rem; }
	
	.info div:last-child { display: none; }
}