html {min-height:100%;}
body {max-width:1920px; margin:0 auto; font-family:'Roboto Slab', serif; font-weight:400; font-size:16px; color:#222;}
body.body-index {height:100%; background:url(../i/body-index.jpg) center center no-repeat; background-size:cover;}
body.body-cordis {}
body.body-luchangela {}
body.body-stopvichspid {}
body.body-belroza {}
	.-font-weight-100 {font-weight:100;}
	.-font-weight-200 {font-weight:200;}
	.-font-weight-300 {font-weight:300;}
	.-font-weight-400 {font-weight:400;}
	.-font-weight-500 {font-weight:500;}
	.-font-weight-600 {font-weight:600;}
	.-font-weight-700 {font-weight:700;}
	.-font-weight-800 {font-weight:800;}
	.-font-weight-900 {font-weight:900;}
	
	a {transition:0.3s ease all;}
	p {margin-bottom:15px;}
	button:hover, button:focus {box-shadow:none; outline:none;}
	
	.btn {border-radius:0; font-size:16px; color:#fff;}
	.btn:hover, .btn:focus {background:none; box-shadow:none;}
	
	.sizes {position:absolute; right:15px; top:15px;}
	.body-index {}
		.index-logo {position:relative; width:565px; max-width:100%; margin:0 auto; overflow:hidden;}
			.index-logo:after {content:''; position:absolute; left:0; top:0; width:50px; height:100%; background:url(/images/index/index-logo.png) 0 0 no-repeat; background-size:cover; filter:brightness(150%) blur(15px); transform:skewX(-10deg); animation:dorogobogato 2s ease-in-out infinite alternate;}

		.index-links {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; position:absolute; top:0; max-width:1920px; width:100%; height:100%; padding:50px;}
			.index-link {display:flex; align-items:center; justify-content:center; width:270px; height:270px; position:relative; /*padding:30px; background:rgba(255, 235, 194, 0.05); box-shadow:2px 2px 32px rgba(255, 255, 255, 0.06), inset 0px -4px 70px #FFF8ED; border-radius:50%;*/}
			.index-link:hover {transform:scale(1.05); /*background:rgba(255, 255, 255, 0.25); box-shadow:0px 0px 64px rgba(222, 165, 70, 0.5), inset 0px -4px 70px #FFF8ED;*/}
			.index-link.-link-1 {}
			.index-link.-link-2 {margin-top:400px;}
			.index-link.-link-3 {align-self:flex-end;}
			.index-link.-link-4 {margin-top:400px;}
			.index-link.-link-5 {}
				.index-link-image {height:100%; filter:drop-shadow(15px 15px 15px rgba(255,255,255,0.75)); -moz-filter:drop-shadow(15px 15px 15px rgba(255,255,255,0.75)); -webkit-filter:drop-shadow(15px 15px 15px rgba(255,255,255,0.75)); transition:0.3s ease all;}
				.index-link:hover .index-link-image {filter:drop-shadow(20px 20px 20px rgba(255,255,255,0.85)); -moz-filter:drop-shadow(20px 20px 20px rgba(255,255,255,0.85)); -webkit-filter:drop-shadow(20px 20px 20px rgba(255,255,255,0.85));}
			.index-link-online {display:flex; align-items:center; position:absolute; bottom:-40px; right:calc(50% - 70px); color:#000; z-index:10; padding:2px 8px; padding-left:6px; background:#fff; border-radius:15px; font-size:12px; box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
				.index-link-online:before {content:""; display:block; width:12px; height:12px; border-radius:50%; background:red; margin-right:8px; transition:0.3s ease all; opacity:1; animation:opa_city 1s ease-in-out infinite alternate;}
			

	.header {position:relative; background:#fff;}
		.header-logo {position:absolute; left:15px; top:80px; z-index:3;}
			.header-logo-image {display:block; width:200px;}
			.body-cordis .header-logo-image {width:200px;}
			.body-belroza .header-logo-image {width:200px;}
			.header-logo-image + .header-logo-image {margin-top:15px;}
		.header-visual {display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; color:#fff;}
			.header-visual .container {padding-top:60px; padding-bottom:60px;}
				.header-visual-title {font-size:54px; font-weight:700;}
				.header-visual-subtitle {font-size:34px; font-weight:400;}
		.header-slider {position:relative; z-index:1; overflow:hidden;}
			.header-slide {display:block; float:left;}
			.header-slider > picture + picture {display:none;}
		.navbar {position:fixed; top:0; width:100%; max-width:1920px; z-index:4; box-shadow:0 5px 15px rgba(0,0,0,.15); backdrop-filter:blur(15px); transition:0.3s ease all;}
			.navbar-brand {margin-right:0; font-size:24px;}
			.navbar-nav {align-items:center;}
				.navbar-nav .nav-item {}
				.navbar-nav .nav-item + .nav-item {margin-left:30px;}
				.navbar-nav .nav-item.active {font-weight:500;}
					.navbar-nav .nav-link {padding-left:0; padding-right:0; font-size:18px; text-transform:uppercase; color:rgba(255,255,255,.85)!important;}
					.navbar-nav .nav-item.active .nav-link {color:rgba(255,255,255,1)!important;}
			.navbar-toggler {padding-left:0; padding-right:0; color:#fff; border:none; outline:none; border-radius:0;}
		.header-socials {display:flex; align-items:center; justify-content:center;}
			.header-social + .header-social {margin-left:15px;}
				.header-social-image {width:30px;}
	
	.main {}
	
		.section {padding:60px 0;}
		.section:nth-child(odd) {background:#fff;}
			.section-title {font-size:56px; font-weight:700; text-align:center; text-transform:uppercase;}
			.section-subtitle {font-size:30px; font-weight:500; text-align:center;}
			.section-content {margin-top:60px;}

		.section-organizers {}
			.organizers {padding:30px 0;}
				.section-organizers div[class*="col"] {margin-bottom:30px;}
					.organizers-title {margin-bottom:30px; font-size:30px; font-weight:500; text-align:center; text-transform:uppercase;}
					.organizer {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; padding:30px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15); text-align:center; color:#222; transition:0.3s ease all;}
					.organizer:hover {box-shadow:0 0 30px rgba(0,0,0,.15); text-decoration:none;}
						.organizer-image {max-height:141px;}
		
		.section-jurys {}
			.jurys-tabs {}
				.jurys-tabs .slick-track {display:flex!important;}
					.jurys-tabs .slick-arrow {display:flex; justify-content:center; align-items:center; margin:0; padding:0; border:none; font-size:0; width:60px; height:60px; position:absolute; top:calc(50% - 30px); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15); border-radius:50%; z-index:1;}
					.jurys-tabs .slick-prev {left:0;}
					.jurys-tabs .slick-next {right:0;}
						.jurys-tabs .slick-arrow svg {width:30px; height:30px;}
					.jurys-tab {height:auto!important; display:flex!important; justify-content:center; align-items:center; text-align:center; padding:30px 15px; text-transform:uppercase; font-size:20px; cursor:pointer; transition:0.3s ease all;}
					.jurys-tab.-active, .jurys-tab:hover {color:#fff;}
			.jurys {display:none; padding:0 30px;}
			.jurys.-active {display:block;}
				.jurys-text {padding-top:30px; text-align:center; font-size:20px;}
				.jurys.-active .jurys-text {color:#fff;}
				.jurys-slider {}
					.jurys-slider .slick-track {display:flex!important; align-items:stretch; padding:30px 0;}
						.jurys-slider .slick-arrow {display:flex; justify-content:center; align-items:center; margin:0; padding:0; border:none; font-size:0; width:60px; height:60px; position:absolute; top:calc(50% - 30px); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15); border-radius:50%; z-index:1;}
						.jurys-slider .slick-prev {left:0;}
						.jurys-slider .slick-next {right:0;}
							.jurys-slider .slick-arrow svg {width:30px; height:30px;}
						.jurys-slider .slick-slide {height:auto!important;}
							.jury {display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:30px; text-align:center; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15);}
							.jury.-active {height:auto!important;}
								.jury-image {margin-bottom:15px;}
								.jury-title {font-size:18px; font-weight:500;}
									.jury-title span {display:block;}
								.jury-subtitle {margin-top:5px;}
								.jury-text {display:none; margin-top:15px;}
								.jury-btn {margin-top:15px;}
				
		.section-broadcast {}
			.broadcast-iframe {position:relative;}
			.broadcast-iframe + .broadcast-iframe {margin-top:30px;}
				.broadcast-iframe iframe {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
		
		.section-programm {}
			.programms {}
				.programms div[class*="col"] {margin-bottom:30px;}
				.programms-title {margin-bottom:30px; font-size:30px; font-weight:500;}
				.programm {height:100%; padding:30px; color:#fff; position:relative; background-position:center center; background-size:cover; box-shadow:0 0 15px rgba(0,0,0,.15); transition:0.3s ease all;}
				.programm:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.25; z-index:1; transition:0.3s ease all;}
				.programm[data-src]:hover, .programm[data-src][data-current] {box-shadow:0 0 30px rgba(0,0,0,.15); cursor:pointer;}
				.programm[data-src]:hover:before, .programm[data-src][data-current]:before {opacity:0.75;}
					.programm-image {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; filter:grayscale(50%) brightness(0.5);}
					.programm-title {display:flex; justify-content:space-between; margin-bottom:15px; font-size:28px; position:relative; z-index:2; text-transform:uppercase;}
						.programm-date {}
						.programm-time {}
					.programm-text {position:relative; z-index:2;}
						.programm-text p {margin:0;}
						.programm-text p + p {margin-top:10px;}

		
		.section-materials {}
			.materials-title {margin-bottom:30px; font-size:30px; font-weight:500; text-align:center; text-transform:uppercase;}
			.materials {text-align:center; font-size:20px;}
				.material {}
				.material + .material {margin-top:15px;}
					.material span {color:#777;}
					.material a {}
			.materials+.materials-title {margin-top:30px;}
	
	.footer {position:relative; padding:30px 0; color:#fff; text-align:center;}
		.footer-logo {display:block; margin:0 auto;}
		.footer-copyright {}
		.footer-socials {display:flex; align-items:center; justify-content:center;}
			.footer-social {margin:0 7.5px;}
				.footer-social-image {width:30px;}
	
	.btn-scroll {display:none; position:fixed; right:30px; bottom:30px; padding:15px; cursor:pointer; border:1px solid; transform:rotate(90deg); transition:0.3s ease all; z-index:999;}
	.btn-scroll:hover {background:#fff;}
		.btn-scroll svg {display:block; width:30px; height:30px; fill:#fff;}
		
@keyframes dorogobogato {
	0% {left:0; background-position:0 0; opacity:0.5;}
	to {left:600px; background-position:-600px 0; opacity:1;}
}		
@keyframes opa_city {
	0% {opacity:1;}
	50% {opacity:0.3;}
	100% {opacity:1;}
}

@media (max-width:1600px) {
	.index-logo {width:500px;}
	.index-link {width:250px; height:250px;}
	.index-link.-link-2 {margin-top:333px;}
	.index-link.-link-4 {margin-top:333px;}
}

@media (max-width:1439px) {
	.index-logo {width:400px;}
	.index-link {width:220px; height:220px;}
	.index-link.-link-2 {margin-top:280px;}
	.index-link.-link-4 {margin-top:280px;}
	.header-visual .container {max-width:991px; padding-top:45px; padding-bottom:45px;}
	.header-visual-title {font-size:46px;}
	.header-visual-subtitle {font-size:28px;}
	.section {padding:45px 0;}
	.section-title {font-size:46px;}
	.section-subtitle {font-size:26px;}
	.organizers-title {font-size:26px;}
	.section-content {margin-top:45px;}
	.jurys-tab {font-size:18px;}
}

@media (max-width:1279px) {
	.index-link {width:200px; height:200px;}
}

@media (max-width:1199px) {
	.index-links {justify-content:center; position:relative; height:auto;}
	.index-link {margin:0 15px 30px 15px;}
	.index-link.-link-2 {margin-top:0;}
	.index-link.-link-4 {margin-top:0;}
	.header-visual .container {max-width:767px; padding-top:30px; padding-bottom:30px;}
	.header-visual-title {font-size:38px;}
	.header-visual-subtitle {font-size:24px;}
	.body-cordis .header-logo-image {width:150px;}
	.body-belroza .header-logo-image {width:150px;}
	.navbar-brand {font-size:22px;}
	.navbar-nav .nav-item + .nav-item {margin-left:15px;}
	.navbar-nav .nav-link {font-size:16px;}
	.section {padding:30px 0;}
	.section-title {font-size:42px;}
	.section-subtitle {font-size:24px;}
	.organizers-title {font-size:24px;}
	.section-content {margin-top:30px;}
	.jurys-tabs {padding:0 75px;}
	.jurys-tab {padding:15px;} 
	.jury {padding:15px;}
	.jurys-tab {font-size:16px;}
	.jury-title {font-size:16px;}
	.jurys-text {font-size:18px;}
	.jurys-text br {display:none;}
	.programm-title {font-size:24px;}
	.index-link-online {bottom:-24px;}
}

@media (max-width:991px) {
	.header-visual .container {max-width:575px; padding-top:30px; padding-bottom:30px;}
	.header-visual-title {font-size:28px;}
	.header-visual-subtitle {font-size:18px;}
	.navbar-brand {font-size:20px;}
	.navbar-collapse {margin:10px -1rem -0.5rem -1rem; padding:15px; border-top:1px solid rgba(255,255,255,.5);}
	.navbar-nav {align-items:flex-end;}
	.navbar-nav .nav-item + .nav-item {margin-left:0;}
	.header-logo {top:75px;}
	.section-title {font-size:36px;}
	.section-subtitle {font-size:22px;}
	.organizers-title {font-size:22px;}
	.btn-scroll {right:15px; bottom:15px; padding:10px;}
	.btn-scroll svg {width:20px; height:20px;}
	.btn-scroll:hover svg {fill:#fff!important;}
	.header-socials {margin-top:15px;}
}

@media (max-width:767px) {
	.header-logo {width:200px; top:70px; display:flex; flex-wrap:wrap; align-items:center;}
	.header-logo-image + .header-logo-image {width:100px; margin-top:0; margin-left:15px;}
	.header-logo-image + .header-logo-image + .header-logo-image {width:70px; margin-top:5px; margin-left:-10px;}
	.header-logo-image {width:50px;}
	.body-cordis .header-logo-image {width:90px;}
	.body-belroza .header-logo-image {width:90px;}
	.header-visual {display:none;}
	.section-title {font-size:33px;}
	.section-subtitle {font-size:20px;}
	.organizers-title {font-size:20px;}
	.organizers {padding:15px 0;}
	.materials {font-size:16px;}
	.jurys-text {font-size:16px;}
	.footer-logo {margin:15px auto;}
}

@media (max-width:575px) {
	body.body-index {padding:0 25px;}
	.index-logo {width:300px; margin-bottom:60px;}
	.index-links {padding:0;}
	.index-link {padding:15px;}
	.index-link.-link-3 {order:-1;}
	.navbar-brand {font-size:18px;}
	.section-title {margin-bottom:15px;}
	.section-subtitle br {display:none;}
	.jurys-slider .slick-track {align-items:flex-start;}
	.jury-text {margin-top:10px;}
	.material span {display:block;}
	.jurys-tabs {padding:0 55px;}
	.jurys-tabs .slick-arrow {width:40px; height:40px;}
	.jurys-tabs .slick-arrow svg {width:20px; height:20px;}
	.jurys-slider .slick-arrow {width:40px; height:40px;}
	.jurys-slider .slick-arrow svg {width:20px; height:20px;}
	.programm {padding:15px;}
	.programm-title {margin-bottom:10px; font-size:20px;}
}

@media (max-height:800px) {
	.index-logo {width:400px;}
}

@media (max-height:650px) {
	.index-logo {width:350px;}
}