@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900&display=swap');

* {
	font-family:'Poppins', sans-serif !important;
	box-sizing: border-box;
}
	html {
		scroll-behavior: smooth;
	}
	body {
		position: relative;
	}

	h1 {
		color: #9E2235;
		font-size: 2em;
	}

	h2 {
		text-transform: uppercase;
		font-size: 1.7em;
		color: #000;
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		line-height: 1.1;
		padding: 12px;
	}

	#header {
		text-align: center;
		height: 70vh;
		max-height: 500px;
	}
		#welcome-image {
			height: 100%;
		}
			#welcome-image img {
				height: 100%;
			}

	#authorize-form-container {
		padding: 64px 0;
		width: 80%;
		margin: 0 auto;
	}
		.authorize-info {
			line-height: 1.5;
			padding: 12px;
		}
		#authorize-form-container ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		#authorize-form-container li {
			width: 100%;
			max-width: 49%;
			padding: 12px;
		}
		#authorize-form-container li.full {
			max-width: 100%;
			display: block;
		}
		#authorize-form-container li:last-child {
			display: block;
			max-width: 100%;
			margin-right: 0;
		}
		#authorize-form-container label {
			display: block;
			margin-bottom: 5px;
			font-weight: 700;
			font-size: 14px;
			line-height: 23px;
		}
		#authorize-form-container label.required:after {
			content: "*";
			color: #FF0000;
		}
		#authorize-form-container input[type="text"],
		#authorize-form-container input[type="email"],
		#authorize-form-container select {
			background: #f5f5f5;
			border: solid 1px #f5f5f5;
			border-radius: 0;
			box-shadow: none;
			text-transform: none;
			outline: none;		
			font-size: 16px;
			width: 100%;
			min-height: 30px;
			padding: 12px 10px;
			margin-bottom: 20px;
		}
		#authorize-form-container input[type="submit"],
		.gdpr-modal-btn {
			background: #FFF;
			border: solid 2px #000;
			color: #000;
			padding: 5px 30px;
			font-size: 13px;
			letter-spacing: normal;
			width: 100%;
			cursor: pointer;
			text-transform: uppercase;
		}
		#authorize-form-container input[type="submit"]:hover,
		.gdpr-modal-btn:hover {
			color: #FFF;
			background: #000;
			transition: all .3s;
		}
		#authorize-form-container li.field-error input[type="text"],
		#authorize-form-container li.field-error input[type="email"] {
			border: solid 1px #FF0000;
		}
	
	.stream-container {
		display: inline-flex;
		width: 100%;
	}
	.stream-video-container {
		width: 75%;
		height: 80vh;
	}
	#stream-video {
		height: 100%;
	}

	.stream-tools {
		padding: 18px 10px;
		display: flex;
	}

	.stream-video-menu-2 {
		
	}
		.stream-video-menu-2 ul {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 10px;
		}
		.stream-video-menu-2 li {
			margin-bottom: 15px;
		}
		.stream-video-menu-2 a {
			text-decoration: none;
			color: #000;
			background:#faf9f9;
			border: solid 3px #cfcece;
			padding: 5px 30px;
			font-size: 12px;
		}
		.stream-video-menu-2 div {
			margin-top: 30px;
			padding: 10px;
			box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
			position: relative;
		}
		.stream-video-menu-2 div:before {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			bottom: 100%;
			left: 50%; 
			border: .75rem solid transparent;
			border-top: none;
			border-bottom-color: #fff;
			filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
		}

	.stream-video-menu {
		display: inline-flex;
		/*width: 460px;*/
	}
	.stream-video-menu a {
		text-decoration: none;
		color: #000;
		background:#faf9f9;
		border-top: solid 3px #cfcece;
		padding: 5px 30px;
		font-size: 12px;
	}
	.stream-video-menu a.active,
	.stream-video-menu a:hover {
		border-top: solid 3px rgb(51, 51, 51);
	}

	.stream-contacts {
		font-size: 12px;
		color:rgb(51, 51, 51);
		margin-left: auto;
	}

	.slido {
		width: 25%;
	}

	.stream-video-list {
		width: 80%;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-content: bottom;
		margin: 40px auto 0 auto;
	}
		.stream-video-list li {
			width: 40%;
			padding: 20px;
			margin-bottom: 60px;
		}
		.stream-video-list li:nth-child(even) {
			border-right: none;	
		}
			.stream-video-list li h2 {
				font-weight: 400;
				padding: 12px 0;
				margin: 0;
			}
			.stream-video-list li p {
				line-height: 1;
				margin: 20px 0;
			}
				.stream-video-list li p a {
					text-decoration: none;
					color: #6666FF;
				}
				.stream-video-list li p a:hover {
					text-decoration: underline;
					color: #FF0000;
				}
			.stream-video-list li div {
				width: 100%;
			}
			.stream-video-list li iframe {
				width: 100%;
			}

	.modal-container {
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.2);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.modal {
		position: relative;
		background: #FFF;
		width: 300px;
		height: 200px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}
	.modal p {
		display: inline-block;
		vertical-align: middle;
	}
	.modal-close {
		position: absolute;
		top: 5px;
		right: 5px;
		color: #000;
		font-size: 34px;
		text-decoration: none;
		font-weight: 200;
	}

	#gdpr-modal {
		background: #FFF;
		position: fixed;
		right: 0;
		bottom: 0;
		padding: 20px;
		max-width: 400px;
		color: rgb(51, 51, 51);
		background-color: rgb(252, 252, 252);
		font-size: 16px;
		line-height: 1.5em;
		z-index: 9999;
	}
	.gdpr-modal-btn {	
		text-decoration: none;	
		display: block;
		text-align: center;
		margin-top: 15px;
	}
	.gdpr-modal-text a {
		color:rgb(51, 51, 51);
	}
	.gdpr-modal-text a:hover {
		color: #000;
		text-decoration: none;
	}

	.expo {
		margin: 80px 0 80px 0;
	}
		.expo-info {
			padding: 30px 20px;
			line-height: 120%;
		}
		.expo ul {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			width: 100%;
			flex-wrap: wrap;
		}
			.expo ul li {
				padding: 30px;
				width: 25%;
				box-sizing: border-box;
			}
			.expo ul li.fullsize {
				width: 100%;	
			}
				.expo ul li.fullsize table {
					border-spacing: 20px;	
				}
				.expo ul li.fullsize h1,
				.expo ul li.fullsize h2,
				.expo ul li.fullsize h3,
				.expo ul li.fullsize h4 {
					font-size: revert;
					font-weight: revert;
					padding: revert;
					margin: revert;
				}
				.expo ul li.fullsize td {
					padding: 30px;
				}
			.expo ul img {
				max-width: 100%;
				/*max-height: 55px;*/
				display: block;
				margin: 0 0 15px 0;
			}
			.expo li div {
				color: rgb(51, 51, 51);
				line-height: 1.5;
				font-size: 13px;
			}
			.expo li a {
				color: #4285f4;
				line-height: 1.5;
				font-size: 13px;
			}
			.expo li a:hover {
				text-decoration: none;
			}
			.expo h3 {
				font-size: 16px;
				padding-bottom: 10px;
			}
			.expo ul li iframe {
				max-width: 100%;
				height: auto;
				margin-top: -7px;
			}

	#stream-schedule {
		width: 100%;
		margin-top: 50px;
		padding: 0 20px;
	}
	#stream-schedule.hide {
		display: none;
	}
		#stream-schedule table {
			width: 100%;
		}
		#stream-schedule td {
			padding: 10px;
			border-bottom: solid 1px rgb(51, 51, 51);
		}
		#stream-schedule strong {
			font-weight: 600;
		}
	#back-to-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
		border: solid 1px rgba(0, 0, 0, 0.2);
		display: block;
		padding: 15px 20px;
	}
		#back-to-top span {
			border: solid black;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 3px;
			transform: rotate(-135deg);
  			-webkit-transform: rotate(-135deg);			
		}
		#back-to-top:hover {
			background: #000;
		}
		#back-to-top:hover span {
			border-color: #FFF;
		}
	.list-agenda {
		list-style-type: none;
		margin: 0;
		padding: 20px;
		box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	}
		.list-agenda li {
			display: block;
			padding: 10px 15px;
			border-bottom: solid 1px #EAEAEA;
		}
	.acenter {
		text-align: center;	
	}
	.cred {
		color: #FF011C;	
	}

	.quiz {
		width: 100%;
	}
		.quiz-header {
			border-bottom: solid 1px #EAEAEA;
			padding: 10px;
			background: #2367a6;
		}
		.quiz-header h3 {
			font-weight: 600;
			line-height: 2;
			color: #FFF;
		}
		.quiz-description {
			padding: 10px 0;
			color: #FFF;
		}
		.quiz-content,
		.quiz-content ul {
			width: 98%;
			margin: 0 auto;
		}
			.quiz-content li {
				padding: 5px 10px;
				margin-bottom: 5px;
				margin-top: 5px;
				border-bottom: solid 1px #EAEAEA;
				box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
			}
			.quiz-content li:last-child {
				border-bottom: none;
			}
			.quiz-content label {
				display: block;
				padding: 3px 0;
				line-height: 1.3;
			}
			.quiz-content input,
			.quiz-content textarea {
				width: 100%;
				padding: 5px;
				border: solid 1px #EAEAEA;
				max-width: 100%;
			}
			.quiz-content input[type="submit"] {
				background: rgba(38, 179, 3, 1);
				color: #FFF;
				cursor: pointer;
			}
			.quiz-content input[type="submit"]:hover {
				background: rgba(49, 112, 143, 1);
			}
			.quiz-response-success {
				background: #6ac796;
				color: #FFF;
				padding: 20px;
			}
			.quizframe {
				display: none;
			}

	.message {
		padding: 10px 20px;
		border: solid 1px #CFCFCF;
		text-align: center;
	}
		.message strong {
			font-weight: bold;
		}
		.message.message-info {
			background-color: rgba(217, 237, 247, 1);
			color: rgba(49, 112, 143, 1);
			border-color: rgba(126, 182, 193, 1);
		}
		.message.message-success {
			background-color: rgba(227, 253, 235, 1);
			border-color: rgba(38, 179, 3, 1);
			color: rgba(60, 118, 61, 1);
		}
		.message.message-warning {
			background-color: rgba(252, 248, 227, 1);
			border-color: rgba(177, 161, 129, 1);
			color: rgba(138, 109, 59, 1);
		}
		.message.message-error {
			background-color: rgba(248, 215, 218, 1);
			border-color: rgba(220, 53, 69, 1);
			color: rgba(114, 28, 36,1);
		}

	#stream-header {
		width: 100%;
		height: 160px;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
	}

	.content {
		width: 100%;
		padding: 0 4%;
	}

	#home-header {
		width: 100%;
		padding-top: 60px;
	}
		.home-header-content {
			width: 100%;
			display: flex;
			margin-top: 40px;
			justify-content: space-between;
			align-items: flex-start;
		}
		.home-header-text {
			width: 60%;
			color: #000;
			text-align: justify;
		}
			.home-header-text p {
				margin-bottom: 15px;
				line-height: 1.5;
				font-size: 1.1rem;
			}
			.home-header-text p.ts {
				font-size: 1rem;
			}
			.home-header-text p img {
				max-width: 300px;
			}
			.home-header-text ul {
				list-style-type: disc;
				font-size: 12px;
				padding-left: 40px;
				line-height: 1.5;
			}
		.home-header-img {
			width: 30%;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.home-header-img img {
			max-width: 90%;
			margin-bottom: 20px;
		}
		.home-header-img img:last-child {
			max-width: 90%;
			margin-bottom: 0;
		}
	
	.events-list-wrapper {
		background: #F6F6F6;
		width: 100%;
		margin-top: 60px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.events-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
	}
		.events-list li {
			display: flex;
			width: 30%;
			background: #FFF;
			flex-wrap: wrap;
			margin-bottom: 60px;
			margin-right: 5%;
		}
		.events-list li:nth-child(3n+0) {
			margin-right: 0;
		}
		.events-list-image {
			width: 100%;
		}
		.events-list-content {
			width: 100%;
		}
		.events-list-image a {
			display: block;
			width: 100%;
			height: 100%;
		}
		.events-list-image img {
			width: 100%;
		}
		.events-list-icons {
			display: flex;
			justify-content: flex-start;
			padding: 10px;
		}
		.events-list-icons > span {
			margin-right: 10px;
			display: flex;
			align-items: center;
		}
		.events-list-icons > span img {
			width: 20px;
			margin-right: 10px;
		}
		.events-list-icons span {
			font-size: 0.9em;
		}
		.events-list-title {
			display: flex;
			justify-content: flex-end;
			padding: 10px;
		}
		.events-list-title a {
			color: #000;
			width: 100%;
			padding-left: 10px;
			display: block;
			text-decoration: none;
			border-left: solid 2px #9E2235;
			font-weight: 600;
		}
	#past-events {
		margin-top: 0;
	}
		#past-events img {
			filter: grayscale(0.8);
		}
	
	#home-footer {
		padding-top: 60px;
		padding-bottom: 60px;
		text-align: center;
	}
	#home-footer img {
		margin-bottom: 40px;
		width: 100%;
		max-width: 435px;
	}
	#home-footer p {
		margin: 20px 0;
		line-height: 1.5;
	}
	#home-contact {
		background: #F6F6F6;
		padding-top: 60px;
		padding-bottom: 60px;
	}
		#home-contact ul {
			margin-top: 20px;
		}
			#home-contact ul li {
				display: flex;
				align-items: center;
			}
				#home-contact ul li img {
					width: 24px;
					margin-right: 10px;
				}
				#home-contact ul li a {
					text-decoration: none;
					color: #000;
				}
				#home-contact ul li a:hover {
					text-decoration: underline;
				}

	#lessons-top {
		background: #9E2235;
		color: #FFF;
		padding: 20px;
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
	}
	#lessons-top div:last-child img {
		height: 25px;
	}
	.lessons-container {
		display: inline-flex;
		justify-content: space-between;
		width: 100%;
	}
	.lessons-video-container {
		width: 70%;
		padding: 20px;
		border-radius: 10px;
	}
	#lessons-video {
		border-radius: 10px;
	}
	#lessons-video iframe {
		border-radius: 10px;
	}
	.lessons-info {
		width: 30%;
		padding: 20px;
		box-sizing: border-box;
	}
	.lessons-info p {
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.lessons-info a {
		color: #9E2235;
	}
	#lessons-info-content {
		border: solid 1px #CFCFCF;
		padding: 20px;
		border-radius: 10px;
	}
	.lessons-btn {
		display: inline-block;
		padding: 20px 40px;
		background: #BABABA;
		color: #FFF !important;
		cursor: not-allowed;
		text-decoration: none;
		border-radius: 5px;
		outline: none;
		border: none;
	} 
	.lessons-btn.lessons-btn-active {
		background: #9E2235;
		cursor: pointer;
	}
	.lessons-form li {
		margin-bottom: 30px;
	}
	.lessons-form label {
		display: block;
		line-height: 1.5;
	}
	.lessons-form textarea {
		width: 100%;
		border: solid 1px #CFCFCF;
		border-radius: 10px;
		min-height: 150px;
		padding: 10px
	}
	.lessons-form iframe {
		display: none;
	}
	.lessons-form li:last-child {
		text-align: right;
	}
	.lessons-tools {
		padding: 20px;
	}
	.lessons-contacts {
		padding: 20px;
	}

	.btn {
		padding: 10px 40px;
		display: inline-block;
		background: #FFF;
		color: #000;
		cursor: pointer;
		text-decoration: none;
		border: solid 1px #000;
	}
	.btn.inactive {
		cursor:not-allowed;
		background: #E5E5E5;
	}
	.btn.btn-green {
		background: rgba(38, 179, 3, 1);
		color: #FFF;
	}

	@media only screen and (max-width: 1128px) {
		#authorize-form-container {
			width: 100%;
			padding: 16px 0;
		}
		#authorize-form-container h2 {
			text-align: center;
		}
		#welcome-image img {
			max-width: 100%;
			height: auto;
		}
		#header {
			height: auto;
		}
		#authorize-form-container li {
			display: block;
			max-width: 100%;
			width: 100%;
		}
		#authorize-form-container li:first-child {
			margin-right: 0;
		}
		#authorize-form-container input[type="text"], 
		#authorize-form-container input[type="email"] {
			width: 100%;
			margin-bottom: 5px;
		}
		.stream-container {
			display: block;
			width: 100%;
		}
		.stream-video-container,
		.slido {
			width: 100%;
			height: auto;
		}
		#stream-video {
			height:auto;
		}
		.stream-video-list li {
			width: 100%;
			padding: 20px;
			border-bottom: solid 1px #CFCFCF;
			border-right: none;
		}
		.stream-video-list li h2 {
			font-size: 1.4em;	
		}
		.slido {
			min-height: 400px;
		}
		.slido iframe {
			min-height: 400px;
		}
		.expo ul {
			display: block;
			width: 100%;
		}
		.expo ul li {
			width: 100%;
			text-align: left;
		}
		.stream-tools {
			display: block;
			text-align: center;
		}
		.stream-video-menu {
			width: auto;
		}
		.stream-video-menu a {
			padding: 5px 10px;
		}
		.stream-contacts {
			margin-top: 20px;
			text-align: center;
		}
		.expo {
			font-size: 14px;
			text-align: center;
		}
		.expo div {
			text-align: left;
		}
		.home-header-img img:last-child {
			max-width: 100%;
		}
	}

	@media only screen and (max-width: 860px) {
		#home-header {
			padding-top: 20px;
		}
		.home-header-text ul {
			padding-left: 20px;
			padding-bottom: 40px;
		}
		.home-header-text {
			width: 100%;
		}
		.home-header-text p {
			font-size: 1rem;
		}
		.home-header-text p.ts {
			font-size: 0.8rem;
		}
		.home-header-text p:last-child {
			text-align: center;
		}
		.home-header-content {
			flex-wrap: wrap;
		}
		.home-header-img {
			/* display: none; */
			width: 100%;
			text-align: center;
		}
		.home-header-img img {
			max-width: 60%;
		}
		.home-header-img img:last-child {
			max-width: 70%;
		}
		.events-list li {
			width: 100%;
			margin-right: 0;
		}
		.lessons-container {
			flex-direction: column;
		}
		.lessons-video-container,
		.lessons-info {
			width: 100%;
		}
	}

	@media only screen and (max-width: 680px) {
		#home-header {
			padding-top: 20px;
		}
		.home-header-text ul {
			padding-left: 20px;
			padding-bottom: 40px;
		}
		.stream-video-list li h2 {
			font-size: 1.1em;
			margin: 5px 0;
			padding: 6px 0;
		}
		.stream-video-list li  {
			font-size: 0.7em;	
		}
		#stream-video {
			height: auto;
		}
	}