@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic");

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

/* fix */
body.toolbar-tray-open {
	header {
		padding-top: 80px;
	}

	.after_header #block-menyurazdelov .sub-menu.fixed,
	.after_header #block-menyurazdelovnavnutrennikh .sub-menu.fixed {
		top: 78px;
	}
}

#toolbar-administration {
	position: relative;
	z-index: 9999;
}
/* fix */

/* select2 restyle start */

.select2-container--default {
	.select2-selection--single {
		border: 1px solid #22525a;
		background: transparent;
	}

	.select2-selection--single .select2-selection__rendered {
		color: #fff;
	}

	.select2-search--dropdown .select2-search__field {
		background: transparent;
		border: 1px solid #22525a;
		color: #fff;
	}

	&.select2-container--open
		.select2-selection--single
		.select2-selection__arrow
		b {
		border-color: transparent transparent #fff transparent;
	}

	.select2-results__option[aria-selected="true"] {
		background-color: #1d3f44;
	}
}

.select2-results__option {
	color: #fff;
}

.select2-dropdown {
	border: 1px solid #22525a;
	background: #16393e;
}

/* select2 restyle finish */

/* Спрячем генерацию less */
body {
	display: none;
}

html {
	body {
		display: block;
	}
}

/* breadcrumbs start */
#block-vs2018-breadcrumbs {
	ol {
		display: flex;
		flex-direction: row;
		justify-content: center;

		li {
			padding: 5px;
			color: #ffffff59;

			& + li:before {
				content: ">";
				display: inline-block;
				margin: 0 5px 0 0;
			}

			a {
				color: #ffffff8c;
				font-size: 1em;
			}

			a:hover,
			a:focus {
				color: #ffffffc4;
			}
		}
	}
}
/* breadcrumbs end */

body {
	font-family: Roboto, sans-serif;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "Roboto Slab", serif;
	font-weight: bold;
}

a {
	color: #12c6e6;
	&:hover,
	&:focus {
		color: #e2ffbf;
		text-decoration: none;
	}
	&.gradient {
		color: #000;
		text-decoration: none;
		padding: 0 40px;
		display: block;
		margin: 0 50px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-radius: 6px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		height: 40px;
		
		
		&::before {
			content: "";
			position: absolute;
			width: 200%;
			height: 100%;
			left: 0;
			background: #3dabc8;
			background: -moz-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: -webkit-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: linear-gradient(to right, #3dabc8 1%, #beedc1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dabc8', endColorstr='#beedc1', GradientType=1);
			transition: 0.5s all linear;
		}
		
		&:hover::before {
			width: 100%;
		}
		
		&.img {
			padding: 0px 5px;
			height: auto;
		}
		
		img {
			z-index: 1;
			position: relative;
		}
	}
}

h2 {
	background-clip: text;
	background: rgba(18, 198, 230, 1);
	background: -moz-linear-gradient(
		left,
		rgba(18, 198, 230, 1) 0%,
		rgba(180, 242, 200, 1) 63%,
		rgba(180, 242, 200, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, rgba(18, 198, 230, 1)),
		color-stop(63%, rgba(180, 242, 200, 1)),
		color-stop(100%, rgba(180, 242, 200, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(18, 198, 230, 1) 0%,
		rgba(180, 242, 200, 1) 63%,
		rgba(180, 242, 200, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(18, 198, 230, 1) 0%,
		rgba(180, 242, 200, 1) 63%,
		rgba(180, 242, 200, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(18, 198, 230, 1) 0%,
		rgba(180, 242, 200, 1) 63%,
		rgba(180, 242, 200, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(18, 198, 230, 1) 0%,
		rgba(180, 242, 200, 1) 63%,
		rgba(180, 242, 200, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c6e6', endColorstr='#b4f2c8', GradientType=1 );
	-webkit-background-clip: text;
	color: transparent;
	font-size: 40px;
	font-transform: none;
	padding-bottom: 20px;
	display: inline-block;
}

#block-vs2018-page-title h1 {
	font-size: 52px;
	margin-bottom: 40px;
}

img {
	max-width: 100%;
}

a.more {
	&:after {
		font-family: "Font Awesome 5 Free";
		content: "\f152";
		margin-left: 6px;
		padding-top: 0.3em;
	}
}

a,
button,
input {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

button {
	z-index: 1;
	cursor: pointer;
	&.gradient {
		color: #000;
		text-decoration: none;
		padding: 12px;
		display: inline-block;
		margin: 0 auto;
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 6px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		line-height: 1.2;
		z-index: 1;
		border: 0;
		&:hover::before {
			left: -100px;
		}
		&::before {
			content: "";
			z-index: -1;
			position: absolute;
			width: 200%;
			height: 100%;
			top: 0;
			left: 0;
			background: #3dabc8;
			background: -moz-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: -webkit-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: linear-gradient(to right, #3dabc8 1%, #beedc1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dabc8', endColorstr='#beedc1', GradientType=1);
			transition: 0.5s all linear;
		}
	}
}

.ajax-progress-throbber .throbber {
	background: transparent
		url(http://vs.zap-it.ru/themes/vs2018/images/loading.svg) no-repeat 0 center;
	display: inline;
	padding: 1px 5px 2px;
	width: 20px;
	height: 20px;
	margin: 0 10px;
	display: inline-block;
}

.slick-slider {
	.slick-next:before,
	.slick-prev:before {
		color: #12c6e6;
	}

	.slick-dots li {
		&.slick-active button:before {
			color: #12c6e6;
		}

		button:before {
			color: #12c6e6;
		}
	}
}

/*** HEADER START ***/
header {
	background: #000;
	color: #fff;
	padding-left: 0;

	a {
		color: #fff;
	}

	.container > div {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: stretch;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.language-switcher-language-url {
		
		ul.links {
			display: flex;
			padding-left: 5px;
			margin-bottom: 0;
			
			 li {
				list-style-type: none;
				margin: 2px;
				
				&.is-active {
					display: none;
				}
			}
		}
	}


	nav {
		flex-basis: 50%;
		margin-top: 1px;

		ul {
			padding-left: 0;
			margin-bottom: 0;

			li {
				list-style-type: none;
				display: inline-block;
				position: relative;

				& + li {
					&:before {
						content: "";
						position: absolute;
						width: 1px;
						height: 50%;
						top: 25%;
						left: 0;
						display: block;
						background: #fff;
					}
				}

				a {
					display: block;
					margin: 0 8px 0 10px;

					&:hover,
					&:focus {
						color: #fff;
						text-decoration: none;
					}
				}
			}
		}
	}

	#block-vs2018-search {
		flex-basis: 25%;
		text-align: right;

		&:hover,
		&:focus {
			.form-item-keys {
				#edit-keys {
					border: 0;
					max-width: 200px;
					background: #fff;
				}
			}
		}

		.form-item-keys {
			display: inline-block;

			#edit-keys {
				border: 0;
				max-width: 0px;
				background: #000;
				transition: 0.2s all linear;
			}
		}

		.form-item-keys {
			display: inline-block;

			#edit-keys {
				border: 0;
				max-width: 0px;
				background: #000;
			}
		}

		.form-actions {
			display: inline-block;
			position: relative;

			&:before {
				content: "";
				background: url("images/sprite_svg.svg") no-repeat center center;
				width: 20px;
				height: 20px;
				background-position: 0px 0px;
				display: block;
				top: 0px;
				left: 0px;
				position: absolute;
			}

			.form-submit {
				background: none;
				border: 0;
				color: #fff;
				padding-left: 25px;
			}
		}
	}

	#block-vs2018-account-menu {
		flex-basis: 47%;
		text-align: right;
		
		

		a:not([href^="/user/logout"]) {
			position: relative;

			&:before {
				content: "";
				background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center center;
				width: 20px;
				height: 20px;
				background-position: -34px -2px;
				display: block;
				top: 0px;
				left: -30px;
				position: absolute;
			}
			
			
			&.call_registration_link {
		
				&:before {

					content: none;
				}
			}
		}
		
		ul {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			
			li {
				&:before {
					content: '';
				}
				
				&:nth-child(2) {
					a:before {
						background: none;
					}
				}
			}
		}
	}

	.mobile-menu {
		.login-box {
			background: #092e34;
			color: #11bcda;
			text-align: center;
			position: absolute;
			width: 100%;
			right: -100%;
			transition: 0.2s all linear;

			&.active {
				right: 0;
			}

			h2 {
				font-size: 20px;
				margin-top: 20px;
			}

			#block-vkhodnasayt {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center;

				input {
					width: 100%;
				}

				ul {
					padding-left: 0;

					li {
						list-style-type: none;

						a {
							color: #12c6e6;
							padding: 5px;
							display: block;
						}
					}
				}
			}

			#user-login-form {
				width: 70%;

				input {
					margin-bottom: 10px;
					background: #1c3e44;
					border: 0;
					color: #fff;
					padding: 10px;
				}

				#edit-submit {
					background: transparent;
					border: 1px solid #e2ffbf;
					color: #e2ffbf;
					font-size: 18px;
				}
			}

			.line-1 {
				.logo:before {
					margin-top: 5px;
				}
			}
		}
	}
}

/*** HEADER STOP ***/
/*** SUBMENU START ***/

.after_header {
	#block-menyurazdelov,
	#block-menyurazdelovnavnutrennikh {
		position: relative;

		.sub-menu {
			position: absolute;
			z-index: 999;
			width: 100%;
			height: 70px;
			background: #00000040;
			padding: 12px;
			transition: 0.2s all linear;

			&.fixed {
				background: #00000090;
				position: fixed;
				top: 0;
				padding: 3px;
				height: 50px;

				.menu a {
					font-size: 14px;
					transition: 0.1s all linear;
				}
			}

			.logo {
				position: relative;

				&:before {
					content: "";
					background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
						center;
					width: 165px;
					height: 48px;
					background-position: -62px -26px;
					display: block;
					top: 0px;
					left: 0px;
					position: absolute;
					overflow: hidden;
				}
			}

			.menu a {
				color: #3dabc8;
				font-size: 18px;
				padding: 10px 15px;
				display: inline-block;
				font-family: "Roboto Slab", serif;
				font-weight: 500;

				&:hover {
					text-decoration: none;
					color: #e2ffbf;
				}
			}
		}
	}
}
/*** SUBMENU STOP ***/

/*** MAIN & CHILD SLIDER START ***/

.sliders {
	position: relative;

	.top-part {
		position: absolute;
		top: 170px;
		left: 0;
		width: 100%;
		z-index: 9;
		color: #fff;

		max-width: 570px;
		margin-left: calc((100vw - 1170px + 60px) / 2);
	}
	
	.mouse {
		cursor: pointer;
	}

	.main-slider {

			
		.slick-prev {
			left: 25px;
		}
		
		.slick-next {
			right: 25px;
		}

		.slick-arrow {
			z-index: 9;

			&:before {
				font-weight: 900;
				font-family: "Font Awesome 5 Free";
				color: #fff;
			}
		}

		.item {
			width: 100%;
			/*height: 760px;*/
			height: 100vh;
			min-height: 90vh;
			padding-top: 170px;
			position: relative;

			.icons {
				position: absolute;
				/*right: 0;*/
				color: #3dabc8;
				font-size: 18px;
				width: 400px;
				right: calc((100% - 1140px) / 2);
				bottom: 80px;
				display: flex;
				flex-wrap: wrap;
				justify-content: end;
				flex-direction: row;

				.icon {
					width: 200px;
					background: #00000040;
					border-top: 1px solid #00000040;
					height: 200px;
					text-align: center;
					position: relative;
					display: flex;
					flex-direction: column-reverse;
					padding: 10px;
					line-height: 1.2em;

					&:before {
						content: "";
						background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat
							center center;
						width: 120px;
						height: 120px;
						background-position: 11px -98px;
						background-size: 400%;
						display: block;
						top: 15px;
						left: calc((100% - 120px) / 2);
						position: absolute;
					}

					&.icon-1 {
						margin-left: 50%;
					}

					&.icon-2:before {
						background-position: -112px -98px;
					}

					&.icon-3:before {
						background-position: -238px -98px;
					}
				}
			}

			&.item-1 {
				.icon-1:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide1-game.svg)
						no-repeat center center;
				}
			}
			&.item-2 {
				.icon-1:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide2-idea.svg)
						no-repeat center center;
				}
				.icon-2:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide2-boy.svg)
						no-repeat center center;
					background-position: center !important;
				}
				.icon-3:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide2-magnifier.svg)
						no-repeat center center;
					background-position: center !important;
				}
			}
			&.item-3 {
				.icon-1:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide3-question.svg)
						no-repeat center center;
				}
				.icon-2:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide3-teacher.svg)
						no-repeat center center;
					background-position: center !important;
				}
				.icon-3:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide3-statistics.svg)
						no-repeat center center;
					background-position: center !important;
				}
			}
			&.item-4 {
				.icon-1:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide4-statistics.svg)
						no-repeat center center;
				}
				.icon-2:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide4-children.svg)
						no-repeat center center;
					background-position: center !important;
				}
				.icon-3:before {
					background: url(/themes/vs2018/images/slides/screen1/icons/slide4-list.svg)
						no-repeat center center;
					background-position: center !important;
				}
			}
		}
	}

	.actions {
		display: block;
		width: 300px;

		a {
			color: #000;
			text-decoration: none;
			padding: 0 10px;
			display: block;
			margin: 0 0px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			border-radius: 6px;
			margin-bottom: 10px;
			position: relative;
			overflow: hidden;
			height: 60px;

			&:before {
				content: "";
				position: absolute;
				width: 200%;
				height: 100%;
				left: 0%;
				background: #3dabc8;
				background: -moz-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
				background: -webkit-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
				background: linear-gradient(to right, #3dabc8 1%, #beedc1 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dabc8', endColorstr='#beedc1', GradientType=1);
				transition: 0.5s all linear;
			}

			&:hover {
				&:before {
					left: -100%;
				}
			}

			span {
				z-index: 9;
				position: relative;
				top: 10px;
			}
		}
	}

	.child-slider {
		max-height: 250px;
		overflow: hidden;
		max-width: 400px;

		.item {
			p {
				margin-bottom: 0px;
				font-family: "Roboto Slab", serif;
			}
		}

		.slick-track {
			.slick-slide {
				font-size: 18px;
				line-height: 18px;
				padding-bottom: 15px;
				padding-left: 50px;
				position: relative;
			}

			.slick-current {
				font-size: 36px;
				line-height: 36px;
				position: relative;

				&:before {
					content: "";
					background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
						center;
					width: 35px;
					height: 20px;
					background-position: -68px 0px;
					display: block;
					top: 6px;
					left: 5px;
					position: absolute;
				}
			}

			&:hover {
				.slick-slide {
					&:before {
						background: none;
					}

					&:hover:before {
						content: "";
						background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat
							center center;
						width: 35px;
						height: 20px;
						background-position: -68px 0px;
						display: block;
						top: -3px;
						left: 5px;
						position: absolute;
					}
				}
			}
		}
	}

	.mouse {
		position: absolute;
		border: 2px solid #3eacc8;
		bottom: 40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 30px;
		height: 60px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		z-index: 10;
	}
	
	.mouse:after {
		display: block;
		content: '';
		width: 6px;
		height: 6px;
		margin-left: -3px;
		background: #3facc8;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		animation-name: scroll-animation;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		-webkit-animation-name: scroll-animation;
		-webkit-animation-duration: 4s;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: scroll-animation;
		-moz-animation-duration: 4s;
		-moz-animation-iteration-count: infinite;
	}
	
	/*scroll icon animation*/
	@keyframes scroll-animation {
		0% {
			top: 0;
			opacity: 0;
		}
		30% {
			opacity: 0;
		}
		40% {
			top: 30%;
			opacity: 1;
		}
		70% {
			top: 60%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@-moz-keyframes scroll-animation {
		0% {
			top: 0;
			opacity: 0;
		}
		30% {
			opacity: 0;
		}
		40% {
			top: 30%;
			opacity: 1;
		}
		70% {
			top: 60%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@-webkit-keyframes scroll-animation {
		0% {
			top: 0;
			opacity: 0;
		}
		30% {
			opacity: 0;
		}
		40% {
			top: 30%;
			opacity: 1;
		}
		70% {
			top: 60%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@-ms-keyframes scroll-animation {
		0% {
			top: 0;
			opacity: 0;
		}
		30% {
			opacity: 0;
		}
		40% {
			top: 30%;
			opacity: 1;
		}
		70% {
			top: 60%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	/*scroll icon animation*/
}
/*** MAIN & CHILD SLIDER STOP ***/

/*** SECOND SLIDER START ***/
.second-slider {
	color: #fff;
	background: #006052;
	background: -moz-linear-gradient(left, #006052 0%, #004d5a 100%);
	background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, #006052),
		color-stop(100%, #004d5a)
	);
	background: -webkit-linear-gradient(left, #006052 0%, #004d5a 100%);
	background: -o-linear-gradient(left, #006052 0%, #004d5a 100%);
	background: -ms-linear-gradient(left, #006052 0%, #004d5a 100%);
	background: linear-gradient(to right, #006052 0%, #004d5a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006052', endColorstr='#004d5a', GradientType=1);

	&.slick-dotted.slick-slider {
		margin-bottom: 0;
		.slick-dots {
			bottom: 30px;
		}
	}

	.slick-track {
		display: flex !important;
	}

	.slick-slide {
		height: inherit !important;
	}

	.item {
		min-height: 100vh;
		height: 100%;

		&.item-2 {
			.content {
				.image:before {
					//content: url(images/slides/img2-screen2.png);
					content: url(images/slides/upd/slide2-img2.png);
				}
			}
		}

		&.item-3 {
			.content {
				.image:before {
					//content: url(images/slides/img3-screen2.png);
					content: url(images/slides/upd/slide2-img3.png);
				}
			}
		}

		.parallax-group {
			min-height: 100vh;
			perspective: 1px;
			height: 100%;
		}

		.back {
			/*background: url('images/ss-bg-s1.jpg') no-repeat center center;*/
			background: url("images/background2.jpg") no-repeat center -167px;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-size: 150%;
			z-index: 0;
			position: fixed;
		}

		.content {
			.image {
				&:before {
					/*content: url(/themes/vs2018/images/ss-img-s1.jpg);*/
					//content: url(images/image-2screen.png);
					content: url(images/slides/upd/slide2-img1.png);
					position: relative;
					height: 100%;
					width: auto;
					top: 100px;
					left: 5%;
				}
			}

			.container {
				margin-top: -440px;
				//margin-top: -250px;
				padding-bottom: 200px;
			}
		}
	}
}
/*** SECOND SLIDER STOP ***/

/*** ALFA-OMEGA BLOCK START ***/
#block-istoriyasozdaniya {
	position: relative;
	top: -6px;
	margin-bottom: -6px;
}

.alfa-omega {
	color: #fff;
	position: relative;
	float: left; /* like overflow */
	z-index: 9;
	background: rgba(0, 96, 82, 1);
	background: -moz-linear-gradient(
		left,
		rgba(0, 96, 82, 1) 0%,
		rgba(0, 77, 90, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, rgba(0, 96, 82, 1)),
		color-stop(100%, rgba(0, 77, 90, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(0, 96, 82, 1) 0%,
		rgba(0, 77, 90, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(0, 96, 82, 1) 0%,
		rgba(0, 77, 90, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(0, 96, 82, 1) 0%,
		rgba(0, 77, 90, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(0, 96, 82, 1) 0%,
		rgba(0, 77, 90, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006052', endColorstr='#004d5a', GradientType=1 );
	width: 100%;

	.characters {
		background: url("images/characters.png") no-repeat center center;
		width: 177px;
		height: 232px;
		position: absolute;
		top: -100px;
		margin-left: calc((100% - 1140px) / 2);
	}

	.content {
		position: relative;
		margin-left: calc((100% - 1500px) / 2);
		overflow: hidden;
		/*margin-top: calc( ( 100% - 1500px ) / 2 );*/

		h2 {
			margin-top: 200px;
		}

		.tablet {
			position: relative;
			right: -100px;
			float: right;
			margin-top: -130px;
		}
	}
}
/*** ALFA-OMEGA BLOCK STOP ***/

/*** MISSION BLOCK START ***/
#block-celigryvitalschool {
	clear: both;

	.mission {
		color: #fff;
		//background: url(/themes/vs2018/images/mission-bg.jpg) #000 no-repeat 0 35%;
		background: url(/themes/vs2018/images/xxx4.jpg) #000 no-repeat left 35%;
		background-size: 746px 454px;

		.item-2 .caption:before {
			background: url(/themes/vs2018/images/svg/family.svg) no-repeat center
				center;
			height: 44px;
		}
		.item-3 .caption:before {
			background: url(/themes/vs2018/images/svg/teacher.svg) no-repeat center
				center;
			height: 50px;
		}

		h2 {
			margin-top: 170px;
		}

		iframe {
			margin-top: 300px;
			margin-bottom: 70px;
			max-width: 100%;
			border: 2px solid #12c6e6b3;
			border-radius: 4px;
		}

		.mission-slider {
			padding-left: 30px;
			margin-top: 40px;
			max-width: 100%;
			overflow: hidden;
			padding-bottom: 30px;

			.slick-dots {
				bottom: 0;
			}

			.caption {
				position: relative;
				padding-left: 60px;
				font-size: 24px;
				color: #12c6e6;
				font-family: "Roboto Slab", serif;
				margin-bottom: 0.5em;

				&:before {
					content: "";
					background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
						center;
					width: 50px;
					height: 35px;
					background-position: 0px -32px;
					display: block;
					top: 0px;
					left: 0px;
					position: absolute;
				}
			}

			.text {
				padding-left: 60px;
			}
		}
	}
}
/*** MISSION BLOCK STOP ***/

/*** GALLERY BLOCK START ***/
.gallery {
	padding: 90px 0;

	background: rgba(0, 44, 59, 1);
	background: -moz-linear-gradient(
		left,
		rgba(0, 44, 59, 1) 0%,
		rgba(2, 56, 50, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, rgba(0, 44, 59, 1)),
		color-stop(100%, rgba(2, 56, 50, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(0, 44, 59, 1) 0%,
		rgba(2, 56, 50, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(0, 44, 59, 1) 0%,
		rgba(2, 56, 50, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(0, 44, 59, 1) 0%,
		rgba(2, 56, 50, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(0, 44, 59, 1) 0%,
		rgba(2, 56, 50, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c3b', endColorstr='#023832', GradientType=1 );

	.add {
		margin-top: -9px;

		a:after {
			content: "\f0fe";
			font-family: "Font Awesome 5 Free";
			font-size: 2em;
			position: relative;
			top: 5px;
			left: 15px;
		}
	}

	.gallery-filter {
		margin-bottom: 20px;

		a {
			border: 2px solid;
			padding: 5px 10px;
			border-radius: 11px;
			display: inline-block;
			margin-right: 4px;
			margin-top: 8px;
			opacity: 0.6;
			text-transform: uppercase;

			&:hover,
			&.active {
				border-color: #e2ffbf;
				opacity: 1;
				color: #e2ffbf;
			}

			&.active:focus {
				border-color: #e2ffbf;
				opacity: 1;
				color: #e2ffbf;
			}

			&:focus {
				color: #3dabc8;
				border-color: #3dabc8;
			}
		}
	}

	.gallery-slider {
		margin-top: 10px;

		.item {
			a {
				/* margin: 0 30px; */

				img {
					border: 1px solid #2c7a88;
					-webkit-box-shadow: 0px 39px 68px -34px rgba(0, 0, 0, 0.75);
					-moz-box-shadow: 0px 39px 68px -34px rgba(0, 0, 0, 0.75);
					box-shadow: 0px 39px 68px -34px rgba(0, 0, 0, 0.75);
					margin-bottom: 50px;
					max-width: 100%;

					/*
					margin: 50px;
					-webkit-box-shadow: 9px 17px 52px 0px rgba(0, 0, 0, 0.5);
					-moz-box-shadow: 9px 17px 52px 0px rgba(0, 0, 0, 0.5);
					box-shadow: 9px 17px 52px 0px rgba(0, 0, 0, 0.5);
					position: relative;
					left: -45px;
					*/
				}
			}

			.image-bg {
				width: 350px;
				height: 250px;
				border: 1px solid #0fb0ca8f;
			}
		}
	}

	.after-gallery {
		color: #fff;
		//margin-top: 100px;
		margin-top: 50px;

		.footer-menu {
			//margin-top: 50px;
			margin-top: 20px;

			a {
				opacity: 0.8;
				margin: 10px;
				position: relative;

				& + a:before {
					content: "";
					width: 1px;
					height: 12px;
					position: absolute;
					left: -10px;
					top: 2px;
					background: #12c6e6;
					opacity: 0.8;
				}
			}
		}

		a {
			&:hover {
				opacity: 1;
			}
		}

		.copyrigth {
			//margin-top: 70px;
			margin-top: 30px;
			opacity: 0.6;
		}

		.footer-social {
			margin-top: 15px;

			a {
				color: #fff;
				font-size: 22px;
				margin: 5px;
			}
		}
	}
}
/*** GALLERY BLOCK STOP ***/

/*** TOURNAMENTS BLOCK START ***/

.tournaments {
	background: #092e34;
	color: #fff;
	padding: 80px 0;

	h5 {
		color: #12c6e6;
		font-size: 24px;
	}

	.background {
		background: #16393e;
		border-radius: 0px;
		padding: 20px 20px;

		p {
			color: #42818b;
			font-size: 12px;
		}
	}

	.r-bar:nth-child(2) .fight:nth-child(2) p {
		border-top: 0;
		margin-top: 0;
	}

	.r-bar + .r-bar {
		margin-top: 30px;
	}

	.filter {
		.filter-fields {
			display: flex;
			flex-direction: row;
			justify-content: stretch;
			flex-basis: 300px;
			margin-bottom: 10px;
			margin-top: 10px;

			.select2 {
				flex-basis: 300px;
			}
		}

		.filter-items {
			.item {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				background: #1d3f44;
				margin: 10px 0;
				padding: 20px 17px;

				.text {
					margin: 0 100px 0 20px;

					.name {
						font-size: 24px;
						font-weight: 500;
					}

					.address {
						color: #42818b;
						font-size: 13px;
					}
				}

				.avatar {
					display: flex;
					justify-content: center;
					flex-direction: column;
				}

				.actions {
					min-width: 150px;
					text-align: right;

					.rate {
						color: #42818b;

						b {
							color: #fff;
							font-size: 24px;
							margin-left: 10px;
						}
					}

					.challenge:before {
						content: "";
						background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat
							center center;
						width: 33px;
						height: 14px;
						background-position: -185px -3px;
						display: inline-block;
						margin-right: 5px;
					}
				}
			}
		}
	}

	.fight {
		.pic {
			position: relative;

			&:before {
				content: "";
				background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
					center;
				width: 27px;
				height: 29px;
				background-position: -147px 0px;
				display: inline-block;
				margin-top: 20px;
			}
		}

		.teams {
			display: flex;
			text-align: center;

			img {
				display: inline-block;
				padding: 10px;
			}

			& > * {
				flex-basis: 33%;
			}
		}

		.score {
			font-size: 30px;
			font-weight: 500;
		}

		a:before {
			content: "";
			background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
				center;
			width: 23px;
			height: 22px;
			background-position: -112px 0px;
			display: inline-block;
			position: relative;
			bottom: -5px;
			right: 8px;
		}

		p {
			border-top: 2px solid #092e34;
			padding-top: 20px;
			margin-top: 20px;
		}
	}
	.fights-alert {
		p {
			font-size: 14px;
			color: white;
			text-align: center;
			margin: 30px 0 0 0;
		}
	}
}

/*** TOURNAMENTS BLOCK STOP ***/

/*** MOBILE MENU START ***/
.mobile-menu {
	.menu-box {
		position: absolute;
		top: 60px;
		z-index: 6;
		background: #000;
		padding: 0 0 20px 0;
		width: 80%;
		z-index: 100;
		left: -80%;
		transition: 0.2s all linear;
		max-height: calc(100vh - 60px);
		overflow: scroll;

		&.active {
			left: 0;
		}

		.menu-list {
			&.type-2 {
				position: relative;
			}

			&.type-2:before {
				content: "";
				width: 50%;
				height: 1px;
				border-top: 1px solid #d3d3d3;
				display: block;
				margin-left: 20px;
				margin-top: 20px;
				padding-top: 20px;
			}

			a {
				display: block;
				padding: 10px 20px;
				font-size: 18px;

				&:hover {
					background: #2c2c2c;
				}
			}
		}
	}

	.line-1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 60px;

		.burger {
			padding: 10px;

			span {
				display: block;
				width: 40px;
				height: 4px;
				margin-bottom: 9px;
				margin-top: 5px;
				background: #fff;
			}
		}

		.logo:before {
			content: "";
			background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
				center;
			width: 165px;
			height: 48px;
			background-position: -62px -26px;
			display: block;
			/* top: 0px; */
			/* left: 0px; */
			/* position: absolute; */
			/* overflow: hidden; */
		}

		.login-form:before {
			content: "";
			background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
				center;
			background-position: -22px 8px;
			display: block;
			width: 40px;
			height: 40px;
			margin: 10px;
		}
	}

	form#search-block-form-2 {
		display: flex;
		flex-direction: row;
		justify-content: space-around;

		input#edit-keys-2 {
			border: 0;
			border-bottom: 1px solid #fff;
			background: none;
			color: #fff;
			width: 100%;
			padding: 6px;
			font-size: 18px;
			margin: 10px 20px 20px;
		}

		input#edit-submit-2 {
			display: none;
		}
	}
}
/*** MOBILE MENU STOP ***/

/*** LOGIN FORMS START ***/
.login_form_wrapper {
	background-color: #092e34;

	& > div {
		width: 300px;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
		color: #fff;

		h1 {
			color: #12c6e6;
		}

		ul {
			padding-left: 0;

			li {
				list-style-type: none;
				font-size: 0.9em;
			}
		}

		.login_form_wrapper input.form-text {
			background: #1c3e44;
			border: 0;
			padding: 12px 15px;
			margin-left: 10%;
			width: 80%;
			color: #fff;
		}
	}
}

.login_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;

	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		background: #0000005e;
	}

	#block-vkhodnasayt-2 {
		width: 380px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: calc((100vh - 380px) / 2);
		color: #fff;
		background: #092e34;
		padding: 30px;
		border-radius: 3px;

		h2 {
			color: #12c6e6;
			font-size: 24px;
			font-weight: 500;
			padding-bottom: 0;

			&:after {
				content: url(/themes/vs2018/images/login-pic.png);
				margin: 15px 0 0 0;
				display: block;
			}
		}

		.close_login_box {
			position: absolute;
			right: 5px;
			top: 5px;
			/* background: #fff; */
			display: block;
			width: 25px;
			height: 25px;
			cursor: pointer;
			opacity: 0.5;

			&:hover,
			&:focus {
				opacity: 0.8;
			}

			&:before,
			&:after {
				content: "";
				display: block;
				width: 25px;
				height: 2px;
				background: #fff;
				transform: rotate(45deg);
				position: absolute;
				top: 10px;
				right: 0;
			}

			&:after {
				transform: rotate(-45deg);
			}
		}

		input.form-text,
		input.form-email {
			background: #1c3e44;
			border: 0;
			padding: 10px 15px;
			width: 100%;
			margin: 15px 0;
			color: #fff;
		}

		input.form-submit {
			color: #e2ffbf;
			border: 1px solid #e2ffbf;
			border-radius: 5px;
			margin: 0 0 10px 0;
			background: none;
			padding: 6px 20px;
			cursor: pointer;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
				border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}

		input.form-submit:hover {
			background: #dcfabb0d;
		}

		label {
			display: none;
		}

		ul {
			display: flex;
			padding-left: 0;
			justify-content: space-between;
			margin-top: 10px;

			li {
				list-style-type: none;
			}
		}
	}
}

.registration_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;

	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		background: #0000005e;
	}

	h2 {
		padding-bottom: 0;
	}
	
	.form-item-user-role {
	    position: relative;
	}

	input[type="radio"] + label.option {
		border: 1px solid #42818b;
		padding: 6px 20px;
		border-radius: 5px;
		cursor: pointer;
		position: relative;
		z-index: 10;
		background: #092e34;
	}

	input[type="radio"]:checked + label.option {
		border: 1px solid #e2ffbf;
		color: #e2ffbf;
	}

	input[type="radio"] {
		width: 0px;
		height: 1px;
		overflow: hidden;
		padding: 1px;
		
		left: 50%;
		top: 2px;
		position: absolute;
		z-index: 9;
	}

	.js-form-type-select {
		label {
			display: block;
		}

		select {
			margin-bottom: 20px;
		}
	}

	form {
		select {
			background: #1c3e44;
			border: 1px solid #254f56;
			color: #fff;
			padding: 5px 10px;
			width: 100%;
		}

		.aside_block_inner {
			position: absolute;
			right: -300px;
			background: #fff;
			height: 100%;
			width: 300px;
			top: 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background: url(images/registration-slides/step1.jpg) no-repeat 50% 50%;
			background-size: cover;

			.logo:before {
				content: "";
				background: url(/themes/vs2018/images/sprite_svg.svg) no-repeat center
					center;
				width: 165px;
				height: 48px;
				background-position: -62px -26px;
				display: block;
				margin: 20px auto;
				overflow: hidden;
			}
		}

		&[data-webform-wizard-current-page="2"] .aside_block_inner {
			background: url(images/registration-slides/step2.jpg) no-repeat 50% 50%;
			background-size: cover;
		}

		&[data-webform-wizard-current-page="3"] .aside_block_inner {
			background: url(images/registration-slides/step3.jpg) no-repeat 50% 50%;
			background-size: cover;
		}

		&[data-webform-wizard-current-page="4"] .aside_block_inner {
			background: url(images/registration-slides/step4.jpg) no-repeat 50% 50%;
			background-size: cover;
		}

		&[data-webform-wizard-current-page="5"] .aside_block_inner {
			background: url(images/registration-slides/step5.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
	}

	#block-webform {
		width: 460px;
		margin: 0 auto;
		left: -150px;
		text-align: center;
		position: relative;
		/*top: calc( ( 100vh - 600px ) / 2);*/
		top: 100px;
		color: #fff;
		background: #092e34;
		padding: 30px;
		border-radius: 0;

		.close_registration_box {
			position: absolute;
			right: 5px;
			top: 5px;
			/* background: #fff; */
			display: block;
			width: 25px;
			height: 25px;
			cursor: pointer;
			opacity: 0.5;

			&:hover,
			&:focus {
				opacity: 0.8;
			}

			&:before,
			&:after {
				content: "";
				display: block;
				width: 25px;
				height: 2px;
				background: #fff;
				transform: rotate(45deg);
				position: absolute;
				top: 10px;
				right: 0;
			}

			&:after {
				transform: rotate(-45deg);
			}
		}

		input.form-text,
		input.form-email {
			background: #1c3e44;
			border: 0;
			padding: 10px 15px;
			width: 100%;
			margin: 15px 0;
			color: #fff;
		}

		input.form-submit {
			color: #e2ffbf;
			border: 1px solid #e2ffbf;
			border-radius: 5px;
			margin: 0 0 10px 0;
			background: none;
			padding: 6px 20px;
			cursor: pointer;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
				border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		}

		input.form-submit:hover {
			background: #dcfabb0d;
		}

		/*
		ul {
			display: flex;
			padding-left: 0;
			justify-content: space-between;
			margin-top: 10px;
			
			li {
				list-style-type: none;
			}
		}
		*/

		.webform-progress-tracker {
			.progress-step {
				&:after {
					background: #fff;
					z-index: 9;
					top: 19px;
					background: #12c6e6;
					height: 2px;
				}

				&.is-active .progress-marker {
					background: #092e34;
					border: 2px solid #12c6e6;
					color: #12c6e6;
					font-weight: bold;
					font-size: 1.4em;
					padding: 10px;
					height: 50px;
					width: 50px;
					top: -5px;
				}

				&:not(.is-active) .progress-marker {
					background: #12c6e6;
					border: 2px solid #12c6e6;
					font-weight: bold;
					padding: 10px;
					height: 40px;
					width: 40px;
					color: #092e34;
				}

				.progress-text {
					display: none;
				}
			}

			.progress-tracker--center .progress-step::after {
				top: 17px;
			}
		}
	}
}

/*** LOGIN FORMS STOP ***/

/*** MODALS START ***/

.closed_till {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;

	.overflow {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		background: #0000005e;
	}

	.content {
		width: 300px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		top: 100px;
		color: #fff;
		background: #092e34;
		padding: 30px;
		border-radius: 3px;

		//&:after {
		//	content: '';
		//	width: 100%;
		//	height: 10px;
		//	background: #072429;
		//	display: block;
		//	position: absolute;
		//	bottom: 0;
		//	left: 0;
		//	-webkit-box-shadow: 0px 10px 21px 5px rgba(0,0,0,0.31);
		//	-moz-box-shadow: 0px 10px 21px 5px rgba(0,0,0,0.31);
		//	box-shadow: 0px 10px 21px 5px rgba(0,0,0,0.31);
		//}

		h3 {
			color: #12c6e6;
		}

		.btn {
			color: #e2ffbf;
			border: 1px solid #e2ffbf;
			border-radius: 5px;
			margin: 0 0 10px 0;

			&:hover {
				background: #dcfabb0d;
			}
		}

		button.btn {
			background: #e2ffbf;
			color: #000;

			&:hover {
				color: #fff;
			}
		}

		input.text {
			background: #1c3e44;
			border: 0;
			padding: 10px 15px;
			width: 100%;
			margin: 15px 0;
			color: #fff;

			&::placeholder {
				color: #42818b;
				font-weight: 500;
			}
		}
	}
}


/* rewrite jquery ui modal styles */

.ui-widget-overlay {
    background: #0000005e !important;
    opacity: 1;
}


.ui-widget.ui-widget-content {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #092e34;
    padding: 30px;
    border-radius: 3px;
    border: 0;
    color: #fff;
    z-index: 9999!important;
	
    max-width: 100%;
	
	a {
		color: #12c6e6;
	}
	
	p {
		color: #fff;
	}

	.ui-dialog-title {
		color: #12c6e6;
		font-size: 1.8em;
		font-family: "Roboto Slab", serif;
		width: 100%;
	}

	.ui-widget-header {
		color: #fff;
		background: none;
		border: 0;
	}

	form {
		color: #fff;
	}

	input, textarea {
		background: #1c3e44;
		border: 0;
		padding: 10px 15px;
		width: 100%;
		margin: 5px 0;
		color: #fff;
		
		&::placeholder	{
			color: #42818b;
			font-weight: 500;
		}
	}
	
	textarea {
		margin-top: 20px;
	}


	.ui-dialog-buttonpane {
		background: none;
		border: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.ui-dialog-buttonpane button.form-submit {
		color: #000;
		text-decoration: none;
		padding: 12px;
		display: inline-block;
		margin: 0 auto;
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 6px;
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
		line-height: 1.2;
		z-index: 1;
		border: 0;
		
		

		&:before {
			content: "";
			z-index: -1;
			position: absolute;
			width: 200%;
			height: 100%;
			top: 0;
			left: 0;
			background: #3dabc8;
			background: -moz-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: -webkit-linear-gradient(left, #3dabc8 1%, #beedc1 100%);
			background: linear-gradient(to right, #3dabc8 1%, #beedc1 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dabc8', endColorstr='#beedc1', GradientType=1);
			transition: 0.5s all linear;
		}

		&:hover::before {
			left: -100px;
		}
	}
	

	.ui-dialog-titlebar-close {
		background: none;
		border: 0;
		position: absolute;
		top: 0;
		right: 0;
		
		&:before {
			font-family: "Font Awesome 5 Free";
			content: '\f00d';
			font-weight: 700;
			color: #fff;
			font-size: 22px;
		}
	}
	
	.intl-tel-input {
		width: 100%;
		
		.country-list .country {
			color: #000;
		}
	}
}

/*** MODALS STOP ***/

/*** PAGES START ***/
body.path-user {

	.user-login-page {

	}

	.password-reset-page, 
	.user-login-page {

		.page-content {
			.form-item {
				margin: 10px 0 15px;

				input {
					background: #1c3e44;
					border: 0;
					padding: 10px 15px;
					margin: 5px 0;
					color: #fff;
					min-width: 300px;
					display: block;
				}
		
				label {
					font-weight: bold;
				}
			}

			.form-actions input[type="submit"] {
				color: #000;
				text-decoration: none;
				padding: 12px 30px;
				display: inline-block;
				margin: 0 auto;
				font-weight: bold;
				text-transform: uppercase;
				border-radius: 6px;
				margin-bottom: 10px;
				position: relative;
				overflow: hidden;
				line-height: 1.2;
				z-index: 1;
				border: 0;
				background: #3dabc8;
				background: -moz-linear-gradient(left, #3dabc8 30%, #beedc1 100%);
				background: -webkit-linear-gradient(left, #3dabc8 30%, #beedc1 100%);
				background: linear-gradient(to right, #3dabc8 30%, #beedc1 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dabc8', endColorstr='#beedc1', GradientType=1);
				transition: 0.5s all linear;
				cursor: pointer;
			}
		}
	}

}

body.path-node,
body.path-user .password-reset-page,
body.path-user .user-login-page {
	.before_content {
		background: url(/themes/vs2018/images/top_back.jpg);
		background-size: cover;
		color: #ffffff;
		padding: 120px 0 50px;
	}

	/*
	a { 
		color: #cccccc;
	}
	*/

	ol li {
		list-style-type: none;
	}

	ol {
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 5px;
	}

	#block-vs2018-breadcrumbs,
	#block-vs2018-page-title {
		text-align: center;
	}

	.layout-container {
		//background: #000;
		background: #092e34;
		color: #fff;
	}

	.page-content {
		padding: 50px 0;

		article {
			.cut {
				&.show {
					.cut-text {
						max-height: 2000px;
					}

					.cut-link {
						display: none;
					}
				}

				.cut-text {
					max-height: 0;
					transition: 0.3s all linear;
					overflow: hidden;
				}

				.cut-link {
					font-weight: 600;

					i {
						margin-left: 6px;
					}
				}
			}

			.article-content {
				h2 {
					margin: 30px 0 0px;
				}

				p {
					font-size: 16px;
					color: #ffffffc7;
				}
			}
		}
	}
}

body.path-search {
	.before_content {
		background: url(/themes/vs2018/images/top_back.jpg);
		background-size: cover;
		color: #ffffff;
		padding: 120px 0 50px;
	}

	#edit-advanced,
	.search-help-link {
		display: none;
	}

	/*
	a { 
		color: #cccccc;
	}
	*/

	.layout-container {
		background: #092e34;
		color: #fff;
	}

	ol li {
		list-style-type: none;
		margin-bottom: 20px;
		padding-bottom: 1px;
		border-bottom: 1px solid #154b54;
	}

	ol {
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 5px;
	}

	#block-vs2018-breadcrumbs,
	#block-vs2018-page-title {
		text-align: center;
	}

	.page-content {
		color: #fff;
		padding: 50px 0;

		.search-form {
			h2 {
				text-align: center;
				display: block;
				margin: 30px 0 0px;
			}

			.form-submit {
				padding: 8px 25px;
				color: #e2ffbf;
				border: 1px solid #e2ffbf;
				border-radius: 5px;
				margin: 0 0 10px 0;
				background: #dcfabb0d;
			}

			input.form-search {
				background: #1c3e44;
				border: 0;
				padding: 10px 15px;
				width: 300px;
				margin: 15px 20px;
				color: #fff;
			}
		}

		article {
			.cut {
				&.show {
					.cut-text {
						max-height: 2000px;
					}

					.cut-link {
						display: none;
					}
				}

				.cut-text {
					max-height: 0;
					transition: 0.3s all linear;
					overflow: hidden;
				}

				.cut-link {
					font-weight: 600;

					i {
						margin-left: 6px;
					}
				}
			}

			.article-content {
				h2 {
					margin: 30px 0 0px;
				}

				p {
					font-size: 16px;
					color: #ffffffc7;
				}
			}
		}
	}
}

.for_who_pages .row {
	margin-bottom: 50px;

	& > div {
		margin-top: auto;
		margin-bottom: auto;
	}
}
/*** PAGES STOP ***/

.personal-info {
	input,
	select {
		background: #2c2c2c;
		border: 0;
		padding: 10px 15px;
		width: 100%;
		color: #fff;
	}

	.form-item {
		margin: 5px 0 25px;

		input {
			margin-bottom: 5px;
		}
	}

	.form-wrapper {
		margin: 25px 10px 10px;
	}

	input.password-field {
		margin-bottom: 0;

		& + .password-strength {
			.password-strength__meter {
				margin-top: 0;
				height: 5px;
			}

			.password-strength__title {
				margin: 5px 0 15px;
				display: block;
			}
		}
	}

	.description {
		font-size: 0.85em;
		color: #ccc;
	}
}

.bubbles-page {
    background: url(/themes/vs2018/images/bubbles/cloud.png) no-repeat center center;
    background-size: contain;
	
	.price {
		font-size: 2.2em;
		color: #3dabc8;
		font-family: "Roboto Slab", serif;
	}
	
	iframe {
		max-width: 100% !important;
	}
	
	.arrows {
		padding-top: 40px;
		padding-bottom: 40px;
		
		font-size: 1.4em;
		line-height: 1.2em;
		font-family: "Roboto Slab", serif;
		
		& > div > div {
			margin-top: 10px;
		}
		
		img.arrow {
			margin-top: 45px;
		}
	}
	
	.bubbles-slider_v2 {
		
		img {
			-webkit-box-shadow: 13px 19px 30px -19px rgba(0,0,0,0.75);
			-moz-box-shadow: 13px 19px 30px -19px rgba(0,0,0,0.75);
			box-shadow: 13px 19px 30px -19px rgba(0,0,0,0.75);
		}
		
		a {
			padding: 20px 20px;
		}
	}
	
	.bubbles-footer {
		margin-top: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
		background: #000;
		
		a i {
			font-size: 2em;
			margin-left: 30px;
			position: relative;
			bottom: -5px;
		}
	}
	
	.what-can-app {
		margin-top: 100px;
		padding-top: 40px;
		padding-bottom: 40px;
		background: #000;
		position: relative;
		
		img {
			position: absolute;
			bottom: -150px;
		}

	}

	.dop-info {
		margin-top: 80px;
		margin-bottom: 80px;
		
		.row {
			margin-top: 20px;
			margin-bottom: 40px; 
		}
	}
}

.front-app-block {
    background: #000;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
	
	
	.price {
		font-size: 1.6em;
		font-weight: 800;
		color: #3dabc8;
		font-family: "Roboto Slab", serif;
		
		div {
			color: #fff;
			font-size: 1.5em;
		}
	}
		
	.bubbles-slider_v3 {
	
		&.paddle {
		
			.slick-current a img {
				padding-bottom: 40px;
				padding-right: 10px;
			}
		
		}
		
		.slick-prev {
			display: none;
		}

		.slick-next {
			position: absolute;
			left: 38%;
			opacity: 1;
			top: 40%;
			
			&:before {
				font-size: 70px;
				opacity: 1;
			}
		}
		
		.slick-current {
			
			a {
				position: relative;
				
				&:before {
					content: '';
					background: url(/themes/vs2018/images/iphone2.png) no-repeat 0 0;
					background-size: cover;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
				
				img {
					padding: 10px 5px;
					border-radius: 30px;
				}
			}
			
			& + .slick-slide {
				
				a {
					padding: 15px;
					margin-left: -40px;
					z-index: -1;
					position: relative;
				}
				
				
				& + .slick-slide a {
					padding: 25px;
					margin-left: -120px;
					z-index: -2;
					position: relative;
				}
			}
		}
	}
	
	.bubbles-slider_v4 {
	
		.slick-slide {
			position: relative; 
			
			a:before {
				content: '';
				background: url(/themes/vs2018/images/iphone2-rotate.png) no-repeat 0 0;
				background-size: contain;
				position: absolute;
				top: -2px;
				left: 0;
				width: 100%;
				height: 100%;
			}
			
			img {
				padding-top: 18px;
				padding-bottom: 15px;
				border-radius: 50px;
			}
		}
	}
}

.google-play-button.fixed { 
    position: fixed;
    top: 50px;
    z-index: 9999;
}


.odd-vs-even-slider {
	img {
		padding: 15px;
	}
}

@media screen and (max-width: 1600px) {
	.alfa-omega .content .tablet {
		position: absolute;
		z-index: 90;
	}
	.alfa-omega .content h2 {
		margin-top: 100px;
		margin-left: 250px;
		position: relative;
		z-index: 99;
	}
	.alfa-omega .content .tablet img {
		position: absolute;
		z-index: 0;
		height: 1000px;
		width: auto;
		display: block;
		right: 0;
		top: 0;
		opacity: 0.5;
	}
	.alfa-omega .content .text {
		margin-left: 250px;
		margin-right: 100px;
		margin-bottom: 100px;
		position: relative;
		z-index: 99;
	}
}

@media (max-width: 1280px) {
	.big-logo img {
		max-width: 50%;
	}

	.alfa-omega .content {
		.tablet {
			position: absolute;
			z-index: 90;

			img {
				position: absolute;
				z-index: 0;
				height: 1000px;
				width: auto;
				display: block;
				right: 0;
				top: 0;
				opacity: 0.5;
			}
		}

		h2 {
			margin-top: 100px;
			margin-left: 250px;
			position: relative;
			z-index: 99;
		}

		.text {
			margin-left: 250px;
			margin-right: 100px;
			margin-bottom: 100px;
			position: relative;
			z-index: 99;
		}
	}
}

@media (min-width: 769px) {
	.mobile-menu {
		display: none;
	}

	.mobile-logo {
		display: none;
	}
}

@media (max-width: 768px) {
	.mobile-menu {
		.line-1 {
			height: 50px;

			.burger span {
				height: 3px;
				margin-bottom: 6px;
			}
		}

		.menu-box {
			top: 50px;
			max-height: calc(100vh - 50px);
		}
	}
	
	
	.bubbles-page .bubbles-slider_v2 img {
		width: 47%;
		margin: 0 1%;
	}
	

	.tournaments {
		.filter {
			.filter-fields {
				flex-basis: 50%;
				flex-wrap: wrap;

				.select2 {
					flex-basis: 50%;
					margin-bottom: 5px;
					width: 50% !important;
				}

				.city + .select2 {
					flex-basis: 100%;
				}
			}

			.filter-items .item {
				flex-wrap: wrap;

				.text {
					margin: 0 0 0 20px;
					flex-basis: 65%;
				}

				.avatar {
					flex-basis: 20%;
				}

				.actions {
					flex-basis: 100%;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-top: 20px;

					.challenge {
						margin-top: 11px;
					}
				}
			}
		}
	}

	header {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		background: none;

		.container,
		.sub-menu {
			display: none;
		}

		.line-1 {
			background: #000;
		}
	}

	.sliders {
		/*min-height: 100vh;*/
		min-height: 85vh;

		.top-part {
			top: 80px;

			.big-logo {
				display: none;
			}

			.mobile-logo {
				text-align: center;
				margin-bottom: 30px;
			}

			.actions {
				margin: 0 auto;
			}
		}
		
		.mouse {
			display: none;
		}

		.main-slider {
			.item {
				min-height: 700px;
				height: auto;

				&.item-1 {
					.icons .icon {
						&.icon-2:before {
							background-position: -51px -37px;
							background-size: 400%;
						}

						&.icon-3:before {
							background-position: -100px -37px;
							background-size: 400%;
						}
					}
				}

				.icons {
					position: relative;
					width: auto;
					/*display: none;*/
					float: none;
					clear: both;
					left: 0;
					margin-top: 280px;
					flex-direction: column;

					.icon {
						width: 100%;
						float: left;
						flex-direction: row;
						justify-content: normal;
						height: auto;
						margin-right: 10px;
						align-items: center;
						text-align: left;
						margin-bottom: 10px;
						padding-left: calc((100% - 450px) / 2);

						&:before {
							width: 50px;
							height: 50px;
							position: relative;
							left: 0;
							top: 0;
							background-size: 100%;
							margin-right: 20px;
						}

						&.icon-1 {
							margin-left: 0;
						}
					}
				}
			}

		}

		.child-slider {
			display: none;
		}

	}

	.second-slider {
		.item {
			overflow: hidden;
			min-height: 0;

			.image {
				display: none;

				&:before {
					position: relative;
					left: unset;
					right: 100%;
				}
			}

			.back {
				background-size: cover;
				background-position: 50% 50%;
			}

			.content .container {
				padding-top: 280px;
				margin-top: -190px;
			}
		}
	}

	.alfa-omega {
		.characters {
			margin-left: unset;
			z-index: 99;
		}

		.content {
			margin-left: unset;

			h2 {
				margin-left: 30px;
				position: relative;
				z-index: 9999;
			}

			.tablet {
				position: relative;
				right: unset;
			}

			.text {
				margin-left: 30px;
				margin-right: 30px;
				position: relative;
				z-index: 9999;
			}
		}
	}

	#block-celigryvitalschool .mission {
		background-size: cover;

		h2 {
			margin-top: 0px;
		}

		iframe {
			margin-top: 30px;
			margin-bottom: 50px;
		}

		.mission-slider {
			padding-left: 0px;
		}
	}

	.after_header #block-menyurazdelov .sub-menu,
	.after_header #block-menyurazdelovnavnutrennikh .sub-menu {
		display: none;
	}

	.alfa-omega {
		.characters {
			margin-left: unset;
		}

		.content {
			margin-left: unset;

			h2 {
				margin-left: 15px;
				position: relative;
				z-index: 9999;
			}

			.tablet {
				position: relative;
				right: unset;
			}

			.text {
				margin-left: 15px;
				margin-right: 15px;
				position: relative;
				z-index: 9999;
			}
		}
	}
}

@media (max-width: 576px) {
	.sliders {
		.main-slider {
			.item {
				min-height: 700px;
			}
		}

		.actions {
			position: absolute;
			width: 100%;
		}
	}
}

@media (min-width: 1200px) {
	.sliders .top-part {
		max-width: 570px;
		margin-left: calc((100vw - 1170px + 60px) / 2);
	}
}
@media (min-width: 992px) {
	.sliders .top-part {
		max-width: 480px;
		margin-left: calc((100vw - 960px + 60px) / 2);
	}
}
@media (max-width: 768px) {
	.sliders .top-part {
		max-width: calc(100% - 60px);
		margin-left: 30px;
	}
}