@import url('fonts/opensans/OpenSans.css?3');
@import url('fonts/lato/Lato.css?3');
@import url('fonts/montserrat/Montserrat.css?3');
@import url('fonts/inter/Inter.css?3');

* {
	font-family: 'OpenSans';
}

.icons {}
	[class*="icon-"]::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
	}
	.icon-right::before {
		mask-image: url('/uploads/design/icon-right.svg');
		-webkit-mask-image: url('/uploads/design/icon-right.svg');
		background: #0E6DB1;
		width: 24px;
		height: 18px;
	}
	.icon-tg::before {
		background: url('/uploads/design/icon-tg.png') no-repeat;
		background-size: contain;
		width: 45px;
		height: 45px;
	}
	.icon-fb::before {
		background: url('/uploads/design/icon-fb.png') no-repeat;
		background-size: contain;
		width: 45px;
		height: 45px;
	}
	.icon-ig::before {
		background: url('/uploads/design/icon-ig.png') no-repeat;
		background-size: contain;
		width: 45px;
		height: 45px;
	}
	.icon-user::before {
		mask-image: url('/uploads/design/icon-user.svg');
		-webkit-mask-image: url('/uploads/design/icon-user.svg');
		background-color: #1B374D;
		background-size: contain;
		width: 21px;
		height: 22px;
		padding-right: 25px;
	}
	.icon-user:hover:before {
		background-color: #0E6DB1;
	}
	.navbar-light .navbar-nav .nav-link.icon-pay {
		color: #F4AB06;
	}
	.icon-pay::before {
		content: "$";
		border-radius: 50%;
		border: 2px solid;
		color: #F4AB06;
		padding: 2px 7px;
		margin: -3px 7px 0 0;
		font-size: 14px;
		font-weight: 600;
		line-height: 18px;
		letter-spacing: 0em;
		text-align: center;
	}
	.icon-pay:hover:before { color: #0E6DB1; }

	.icon-close, .close {
		width: 40px;
		height: 40px;
	}
		.close::before, .close::after,
		.icon-close::before, .icon-close::after {
			position: absolute;
			margin-top: -20px;
			content: ' ';
			height: 40px;
			width: 2px;
			background-color: #0E6DB1;
		}
		.close::before,
		.icon-close::before {
			transform: rotate(45deg);
		}
		.close::after,
		.icon-close::after {
			transform: rotate(-45deg);
		}
		.close:hover:before, .close:hover:after,
		.icon-close:hover:before, .icon-close:hover:after {
			background-color: #FBAA08;
		}
	.icon-pass {
		position: absolute;
		right: 0;
		bottom: 5px;
		border: none;
		background: none;
	}
		.icon-pass::before {
			content: "";
			display: inline-block;
			width:  26px;
			height: 13px;
			mask-image: url('/uploads/design/icon-pass-closed.svg?1');
			-webkit-mask-image: url('/uploads/design/icon-pass-closed.svg?1');
			background-color: #7D7D7D;
		}
		input[type="text"] ~ .icon-pass::before {
			mask-image: url('/uploads/design/icon-pass-open.svg');
			-webkit-mask-image: url('/uploads/design/icon-pass-open.svg?1');
			height: 15px;
			margin-bottom: 7px;
		}
	.icon-search:before {
		mask-image:  url('/uploads/design/icon-search.svg');
		-webkit-mask-image: url('/uploads/design/icon-search.svg');
		width:  24px;
		height: 24px;
		background-color: #A6A6A6;
	}
	.icon-lecture-resume:before {
		mask-image: url('/uploads/design/icon-lecture-resume.svg');
		-webkit-mask-image: url('/uploads/design/icon-lecture-resume.svg');
		width:  34px;
		height: 40px;
		background: #0E6DB1;
		margin-right: 17px;
	}
	.icon-link-external:before {
		mask-image: url('/uploads/design/icon-link-external.svg');
		-webkit-mask-image: url('/uploads/design/icon-link-external.svg');
		width:  16px;
		height: 16px;
		background: #0E6DB1;
		margin-right: 13px;
	}
	.icon-copy:before {
		mask-image: url('/uploads/design/icon-copy.svg');
		-webkit-mask-image: url('/uploads/design/icon-copy.svg');
		width:  24px;
		height: 26px;
		background: #0E6DB1;
		margin-right: 15px;
	}
	.icon-copy:hover:before {
		background: #fff;
	}

.btn { 
	text-transform: uppercase; 
	border-radius: 6px;
	font-size: 20px;
	text-align: center;
}
.btn-yellow {
	transition: none !important;
	background: linear-gradient(190.93deg, #F4AB06 9.5%, #ED9E00 93.29%);
	color:  #fff;
	font-weight: bold;
}
.btn-yellow:hover {
	background: #FEB000;
	color:  #fff;
}
.text-grey {
	color: #7D7D7D;
}
.form-group { position: relative; }
form .form-group {
	margin-bottom: 40px;
}
form .form-group:last-child {
	margin-bottom: 0;
}
input.form-control
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #1B374D;
	border-radius: 0;
	padding: 0;
	box-shadow: none !important;
	background: transparent;
}
input.form-control:focus ~ .floating-label,
input.form-control:valid ~ .floating-label,
select.form-control ~ .floating-label {
	top: -10px;
	font-size: 11px;
}

.floating-label {
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
	color: #A6A6A6;

	display: -webkit-box;
	-webkit-display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

select.form-control {
	padding: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-bottom: 2px solid #1B374D !important;
	box-shadow: none !important;
	border-radius: 0;
	cursor: pointer;
	background: transparent;
}
textarea.form-control {
	padding: 15px;
	border: 2px solid #1B374D !important;
	resize: none;
	border-radius: 0;
	box-shadow: none !important;
}
input[type="checkbox"] { 
	position: absolute;
	left:  0;
	top:  50%;
	margin-top: -13px;
	border: 2px solid #F4AB06;
	width:  25px;
	height: 25px;
	margin-right: 14px;
	cursor: pointer;
	vertical-align: middle;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}
input[type="checkbox"]:checked {
	mask-image: url('/uploads/design/checkbox-checked.svg?1');
	-webkit-mask-image: url('/uploads/design/checkbox-checked.svg?1');
	background: #F4AB06;
}

.breadcrumb {
	padding: 0;
	background: none;
}
.checkbox { 
	position: relative;
	font-family: Montserrat;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0em;
	padding-left: 37px;
	text-align: left;
}

.header {
	background: #fff;
	padding: 16px 65px 0 65px;
}

.navbar { padding: 0; }

.footer {
	padding: 50px 63px 65px 62px;
	background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #1B374D;
}

.page {
	padding-top: 110px;
}

.copyright {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	color: #7D7D7D;
	padding-top: 25px;
}

h1 {
	font-family: 'Lato';
	font-size: 60px;
	font-weight: 800;
	line-height: 73px;
	letter-spacing: -0.01em;
	text-align: center;
	margin-bottom: 31px;
	color: #1B374D;
}
h2 {
	font-family: 'Lato';
	font-weight: 800;
	font-size: 60px;
	line-height: 72px;
	margin-bottom: 91px;
}
h3 {
	font-family: 'Lato';
	font-size: 34px;
	font-weight: 600;
	line-height: 41px;
	letter-spacing: 0em;
}
a, a:hover {
	color: #0E6DB1;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

label { cursor: pointer; }

.modal {}
	.modal-dialog { max-width: 580px; }
		.modal-content { padding: 46px 70px 78px; }
			.modal-header { padding: 0; min-height: 39px; border: none; }
				.modal-title { margin: auto; text-align: center; }
			.modal-body { padding: 30px 0 0 0; }
	.modal textarea {
		min-height: 154px;
		max-height: 154px;
		resize: none;
	}
	.modal .close {
		position: absolute;
		top: 40px;
		right: 40px;
	}
		.modal .close span { display: none; }
	.modal .btn-yellow {
		font-family: 'Lato';
		font-size: 18px;
		font-weight: 600;
		line-height: 20px;
		letter-spacing: 0em;
		padding: 17px 50px;
	}
	.modal-backdrop {
		right:  0;
		bottom:  0;
		width:  initial;
		height:  initial;
	}
	#modal-ajax .modal-body { text-align: center; }
	.modal .btn-link, .modal a { color: #0e6db1 !important; }

.navbar-light .navbar-nav .nav-link {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	color: #1C3446;
}
	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .active > .nav-link
	{
		color: #126CA2;
	}
	.navbar-collapse .navbar-center .nav-link {
		padding: 8px 30px;
		text-align: center;
	}
	.navbar-collapse .navbar-center .nav-link[href*="#modal-pay"] {
		padding-right: 0;
	}
	.header .navbar-collapse .navbar-right .nav-item:first-child .nav-link {
		padding-right: 21px;
	}
	.footer .navbar-nav:last-child .btn-yellow {
		padding: 11px 20px;
		font-family: Lato;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: 0em;
		text-align: left;
	}

.owl-stage { padding-left: 0 !important; }
	.owl-theme .owl-nav { margin-top: 60px; }
		.owl-theme .owl-nav [class*='owl-'] { margin: -13px 0 0 0; }
		.owl-theme .owl-nav .owl-prev { float: left; }
		.owl-theme .owl-nav .owl-next { float: right; }
		.owl-nav span { display: none; }
	.owl-carousel .owl-item img { width: initial; }

	.owl-prev:hover,
	.owl-next:hover { background: none!important; }

		.owl-prev:before,
		.owl-next:before {
			content: "";
			display: inline-block;
			cursor: pointer;
			width:  105px;
			height:  49px;
			mask-image: url('/uploads/design/icon-slider-right.svg');
			-webkit-mask-image: url('/uploads/design/icon-slider-right.svg');
			mask-size: contain;
			-webkit-mask-size: contain;
			background-color: #00000033;
		}
		.owl-prev:before {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
		}
		.owl-prev:hover:before,
		.owl-next:hover:before {
			background-color: #0E6DB1;
		}

.section {
	position: relative;
	padding: 110px 65px 130px 65px;
	overflow: hidden;
}
.section img { max-width: 100%; }

.socials { background: #fff; }

	.socials p {
		color: #7D7D7D;
	}
	.socials h2 {
		font-family: Lato;
		font-size: 34px;
		font-weight: 600;
		line-height: 41px;
		letter-spacing: 0em;
		margin-bottom: 28px;
	}
	.socials h3 {
		margin-bottom: 28px;
		color: #1B374D;
	}
	.socials .btn {
		padding: 15px 30px;
		margin:  20px 0;
	}

	.we-at-social a { display: block; margin-bottom: 21px; }
		.we-at-social a::before { margin-right: 18px; }

.navbar {}
	.navbar-toggler { border: none; padding: 0; }

	.navbar-light .navbar-toggler-icon {
		background-image: url('/uploads/design/icon-menu.png');
		background-size: contain;
		width: 60px;
		height: 37px;
	}
	.navbar-brand {}
		.navbar-brand img { max-width: 100%; }

.view-home {}

	.view-home .btn {
		padding: 15px 29px;
		margin:  20px 0;
	}
	.view-home .section:nth-child(2n+2) {
		background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #1B374D;
	}
	.view-home .section:nth-child(1)::before,
	.view-home .section:nth-child(1)::after {
		content:  "";
		display: block;
		position: absolute;
		width: 365px;
		height: 594px;
		top: 50%;
	}
	.view-home .section:nth-child(1)::before {
		left: 0;
		background: url('/uploads/design/lines1.png');
		transform: translate(65%, -65%);
		-webkit-transform: translate(65%, -65%);
	}
	.view-home .section:nth-child(1)::after {
		right: 0;
		background: url('/uploads/design/lines2.png');
		transform: translate(65%, -65%);
		-webkit-transform: translate(65%, -65%);
	}
	.view-home .section:nth-child(1) p {
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: 0em;
		text-align: center;
		padding: 0 50px;
	}
	.view-home .section:last-child {
		background: none !important;
	}
	.foot-slider { }
		.foot-slider h3 { margin: 0 0 33px 0; font-family: Lato; font-weight: 600; font-size: 34px; line-height: 40px; }
		.foot-slider p { line-height: 27px; }

.view-about{}

	.view-about .section:nth-child(1) {
		background: url('/uploads/design/about-section1.png') no-repeat 50% 100%/cover;
		padding-top: 110px;
		padding-bottom: 120px;
	}
	.view-about .section:nth-child(2n+1):before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		left:  0;
		right: 0;
		top:  0;
		bottom: 0;
		background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #1B374D;
		transform: matrix(1, 0, 0, -1, 0, 0);
	}
	.view-about .section:nth-child(2) {
		padding-top: 155px;
	}
	.view-about .section-join h3 {
		margin: 0 0 30px 0;
		color: #1B374D;
	}
	.view-about .align-vertical-center {
		display: flex;
		align-self: center;
	}
	.view-about .height-100 { height: 100%; }
	.view-about .flex-self-center { align-self: center; }

	.view-about .section-join .btn {
		font-family: Lato;
		font-size: 18px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: 0em;
		padding: 15px 30px;
		margin-top: 25px;
	}
	.view-about .we-at-social { margin-top: 60px; }
		.view-about .we-at-social h3 { margin: 0; }
		.view-about .we-at-social a { display: block; margin-bottom: 21px; text-align: center; }
			.view-about .we-at-social a::before { margin: 0 18px 20px 0; display: block; width: 100%; background-position: 50% 50%; }

.view-lecture { background: #F5F5F5; padding-top: 32px; }

	.section-white { background: #fff; padding: 100px; overflow: hidden; }

		.view-lecture .unauthorized {
			display: flex;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			background: rgba(51, 51, 51, 0.7);
		}
			.view-lecture .unauthorized p {
				font-family: Lato;
				padding: 0 25px;
				font-size: 26px;
				font-weight: 600;
				line-height: 31px;
				letter-spacing: 0em;
				margin-bottom: 30px;
				color: #fff;
			}
			.view-lecture .unauthorized .btn {
				font-family: Lato;
				font-size: 18px;
				line-height: 20px;
				padding: 17px 56px;
			}

		.section-white .name-description {
			font-family: Lato;
			font-size: 18px;
			font-weight: 500;
			line-height: 20px;
			letter-spacing: 0em;
			text-align: left;
			margin-bottom: 20px;
			text-transform: uppercase;
		}
		.section-white h2 {
			font-family: Lato;
			font-size: 46px;
			font-weight: 800;
			line-height: 60px;
			letter-spacing: 0em;
			margin-bottom: 40px;
		}
		.section-white h3 {
			font-family: Lato;
			font-size: 34px;
			font-weight: 600;
			line-height: 41px;
			letter-spacing: 0em;
			margin-bottom: 14px;
		}
		.section-white ul li {
			position: relative;
			margin-bottom: 15px;
		}
		.section-white ul li:before {
			content: "";
			display: inline-block;
			position: absolute;
			width: 25px;
			left: -45px;
			top: 10px;
			border-bottom: 2px solid #F4AB06;
		}
		.section-white ul li:last-child {
			margin-bottom: 0;
		}
		.section-white .btn {
			padding: 25px 30px;
			margin-top: 36px;
		}
		.section-white .icon-copy {
			font-family: Lato;
			font-size: 18px;
			line-height: 27px;
			padding: 10px 26px;
			margin-top: 20px;
		}
		.section-white .lecture-link { 
			word-break: break-all;
		}
		.section-white .date,
		.section-white .date *
		{
			font-family: Lato;
			font-size: 26px;
			font-weight: 800;
			line-height: 20px;
			letter-spacing: 0em;
			color: #F4AB06;
			margin-bottom: 50px;
		}
		.section-white .duration { margin-right: 38px; }
		.section-white .card-img-top {
			margin-bottom: 20px;
		}
		.view-lecture .resume { margin-top: 30px; }
		.view-lecture .resume-title { 
			font-family: Lato;
			font-size: 26px;
			font-weight: 600;
			line-height: 31px;
			letter-spacing: 0em;
			margin-bottom: 24px;
			color: #0E6DB1;
		}
		.view-lecture .icon-link-external { display: block; margin-bottom: 34px; line-height: 27px; }

	.occured .section-white { padding: 50px; }
	.occured ul { padding-left: 45px; }
	.occured .date,
	.occured .date *
		{ color: #333; }
	.occured .duration { margin-right: 20px; }

.view-lectures { padding-top: 72px; background: #f5f5f5; color: #333333; }

	.view-lectures h1 { margin-bottom: 0; }
	.view-lectures h2 { margin-bottom: 60px; }

	.view-lectures .form-sort .btn {
		font-family: Lato;
		font-size: 15px;
		font-weight: 600;
		line-height: 27px;
		letter-spacing: 0em;
		text-align: center;
		padding: 11px 27px;
	}
	.view-lectures .form-sort .btn.active,
	.view-lectures .form-sort .btn:hover {
		background: transparent;
		color: #0E6DB1;
	}
	.view-lectures .form-sort select {
		padding: 0 25px;
		margin: 30px 0;
		border: 2px solid #162C3E;
		border-radius: 10px;
		font-size: 30px;
		background: none;
		text-transform: uppercase;
	}
	.view-lectures .form-sort .input-group-append
		{ margin-left:  0; }

	.view-lectures .form-search .icon-search {
		position: absolute;
		left: 13px;
		top: 5px;
	}
	.view-lectures .form-search input.form-control {
		padding-left: 55px;
		border: 2px solid #A6A6A6;
		border-radius: 5px;
		background: none;
		font-size: 18px;
	}

	.view-lectures .lasted .card {
		padding: 40px;
		background: #fff;
		margin-bottom: 40px;
		border: none;
	}

		.view-lectures .lasted .speaker-name {
			font-family: Lato;
			font-size: 30px;
			font-weight: 600;
			line-height: 40px;
			letter-spacing: 0em;
			margin-bottom: 8px;
		}

		.view-lectures .lasted .speaker-desc {
			font-size: 18px;
			font-weight: 400;
			line-height: 21px;
			letter-spacing: 0em;
			margin-bottom: 20px;
		}

		.view-lectures .lasted h3 {
			font-family: Lato;
			font-size: 33px;
			font-weight: 600;
			line-height: 41px;
			letter-spacing: 0em;
			text-align: left;
			margin-bottom: 20px;
		}
		.view-lectures .lasted .desc {
			font-size: 18px;
			font-weight: 400;
			line-height: 30px;
			letter-spacing: 0em;
			display: -webkit-box;
			-webkit-display: -webkit-box;
			line-clamp: 5;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.view-lectures .lasted .bottom-row {
			margin-top: 20px;
		}

		@media(min-width: 991px) {
			.view-lectures .lasted .bottom-row {
				position: absolute;
				width: 100%;
				left: 0;
				right: 0;
				bottom: -20px;
				padding: 0 15px;
			}
		}

		.view-lectures .lasted .elapsed {
			color: #333333;
			vertical-align: middle;
		}
		.view-lectures .lasted .btn-link {
			font-family: 'Lato';
			font-style: normal;
			font-weight: 500;
			font-size: 22px;
			line-height: 26px;
			text-transform: none;
			float: right;
			padding: 0;
		}
			.view-lectures .lasted .icon-right {
				margin-left: 17px;
			}

	.view-lectures .btn-more {
		padding: 19px 48px;
		margin: 80px 0 100px;
		font-weight: 600;
		line-height: 24px;
	}

.big-number {
	position: absolute;
	margin-top: -30px;
	font-size: 200px;
	font-weight: 800;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: left;
	color: #FBAA0880;
}

.lecture { display: block; width: 466px; color: #333333; text-decoration: none !important; }

	.lecture img {
		/*width: 100% !important;*/
	}

	.lecture .photo-container {
		position: relative;
		overflow-y: hidden;
	}
	.lecture .photo-container:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	}

	.lecture .photo-description {
		position: absolute;
		bottom: 0;
		padding: 10px 20px;
		color: #fff;
	}
	.lecture .date {
		position: absolute;
		left: 0;
		top:  0;
		background: #F4AB06;
		padding: 14px 15px;
		text-transform: uppercase;
		color: #fff;
		font-family: Lato;
		font-size: 18px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: 0em;
		text-align: center;
	}
	.lecture .date.online { background: #31BDE9; }

	.lecture .speaker-name {
		font-family: 'Lato', sans-serif;
		font-size: 24px;
		line-height: 30px;
		font-weight: 600;
		letter-spacing: 0em;
		margin-bottom: 10px;
	}

	.lecture .speaker-desc {
		font-size: 18px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0em;
	}
	.lecture .card-body {
		background: #fff;
		padding: 40px 38px;
		height:  285px;
	}
	.lecture .btn-link {
		position: absolute;
		bottom: 40px;
		padding: 0;
		color:  #0E6DB1;
		font-family: Lato;
		font-size: 27px;
		font-weight: 500;
		line-height: 32px;
		letter-spacing: 0em;
		text-align: left;
		color: #0E6DB1;
		text-decoration: none !important;
	}
	.lecture:hover h4 { color: #333; }
	.lecture:hover .btn-link { color: #333; }
	.lecture:hover .icon-right::before { background: #333; }

	.lecture .icon-right { margin-left: 17px; }

.view-lecture {}

	.view-lecture .video { position: relative; }
		.view-lecture .video .ytp-button {
			border: none;
			background-color: transparent;
			color: inherit;
			text-align: inherit;
			font-size: 100%;
			font-family: inherit;
			cursor: default;
			line-height: inherit;

			position: absolute;
			left: 50%;
			top: 50%;
			width: 68px;
			height: 48px;
			padding: 0;
			margin-left: -34px;
			margin-top: -24px;
			-webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);
			transition: opacity .25s cubic-bezier(0,0,0.2,1);
			z-index: 64;
			border: none;
			cursor: pointer;
		}
		.view-lecture .video .ytp-button .ytp-large-play-button-bg {
			fill: rgba(0, 0, 0, .5);
		}
		.view-lecture .video .ytp-button:hover .ytp-large-play-button-bg {
			fill: rgba(255, 0, 0, 1);
		}

.partner {
	padding: 40px 30px 30px 30px;
	background: #fff;
	color: #333333 !important;
	text-decoration: none !important;
}
	.partner h3 {
		margin-bottom: 30px;
	}
	.partner img {
		display: inline-block !important;
	}

.donation-scale {
	margin: 10px 0;
	background: #f2f2f2;
	border-radius: 0 5px 5px 0;
}
	.donation-scale-stick {
		min-height: 10px;
		border-radius: 0 5px 5px 0;
		background: #FEB000;
		text-align: center;
		color: #fff;
	}

.view-donation {}

	.view-donation .section:nth-child(2n+1) {
		background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #1B374D;
	}


@media (max-width: 320px) {
	h1	{ font-size: 24px; line-height: 30px; }
	.checkbox { max-width: 90%; }
}
@media (min-width: 410px) and (max-width: 450px) {
	#modal-join .modal-header h4 { padding-right: 40px; }
}

@media (max-width: 576px) {
	.header, .footer { padding: 25px; }
	.page { padding-top: 128px; }
	.section { padding: 60px 25px; }
	.container-fluid { padding: 0 25px; }
	h1 { font-size: 38px; line-height: 38px; }
	h2 { font-size: 31px; line-height: 31px; margin-bottom: 60px; }
	h3 { font-size: 26px; line-height: 34px; margin: 30px 0; }
	h4 { font-size: 18px; line-height: 26px; }
	.btn { font-size: 14px; padding: 8px 10px; }

	.header .navbar-brand { max-width: 60%; margin: 0; padding: 0; }
	.header .navbar-light .navbar-toggler-icon { max-width: 15%; }

	.view-home h2 { text-align: center; }
		.view-home .btn { margin-bottom: 10px; }
		.view-home .section:nth-child(1)::before {
			transform: translate(-90%, -72%);
			-webkit-transform: translate(-90%, -72%);
		}
		.view-home .section:nth-child(1)::after {
			transform: translate(100%, -80%);
			-webkit-transform: translate(100%, -80%);
		}
		.view-home .section:nth-child(1) p { padding: 0; font-size: 14px; line-height: 24px; }
		.view-home .section:last-child h2 { margin-bottom: 20px; }
		.view-home .section:last-child { text-align: center; }
	.foot-slider { padding: 0 0 60px 0; }
		.foot-slider .slide { max-width: 425px; }
		.foot-slider .owl-dots { position: relative; left: initial; bottom: initial; transform: none; -webkit-transform: none; }
		.foot-slider .owl-theme .owl-nav { position: relative; bottom: initial; left: initial; padding: 0 25px; margin-top: 40px; }
		.foot-slider h3 { margin: 0px 0 20px 0; padding: 0 25px; }
		.foot-slider p { line-height: 27px; padding: 0 25px; }

	#lectures-coming { padding-right: 25px; }

	.socials h2 { font-size: 24px; line-height: 36px; }

	.we-at-social a { font-size: 10px; text-align: center; }
		.we-at-social a::before { display: block; margin: 0 auto 10px auto; }

	.view-about .section:nth-child(1) { padding-top: 60px; padding-bottom: 120px; background: url('/uploads/design/about-section1-mobile.jpg') no-repeat 50% 100%/cover; }
		.view-about h3 {
			font-family: Lato;
			font-weight: 800;
			letter-spacing: 0em;
			color: #333333;
			margin: 18px 0;
		}
		.view-about p {
			color: #333333;
		}
		.view-about .section:nth-child(2) { padding-top: 80px; }
		.view-about .section-join h3 { margin: 20px 0 40px 0; }
		.view-about .section:last-child h2 { margin-bottom: 20px; }
		.view-about .section:last-child li a { font-size: 10px; }
			.view-about .section:last-child li a::before { display: block; margin: 0 auto 10px auto; }


	.view-lecture .btn { padding: 10px 15px; }
		.section-white .duration { margin-right: 13px; }
		.section-white .icon-copy {
			padding: 10px 8px;
			font-size: 15px;
		}
		.view-lecture .video { height: 270px; }

	.view-lectures { padding: 30px 0; }
		.view-lectures .lasted .card { padding: 25px; }
		.view-lectures .lasted img { margin-bottom: 25px; }
		.view-lectures .lasted h3 { font-size: 18px; line-height: 26px; margin-bottom: 16px; }
		.view-lectures .btn-more { margin: 30px 0 60px; }

	.big-number { font-size: 110px; margin-top: 0; }

	.owl-theme {}
		.owl-theme .owl-nav { margin-top: 40px; position: relative; left: initial; bottom: initial; }
			.owl-theme .owl-nav .owl-prev { margin-right: 0; }
		.owl-prev:before,
		.owl-next:before {
			mask-image: url('/uploads/design/icon-slider-right-mobile.svg?1');
			-webkit-mask-image: url('/uploads/design/icon-slider-right-mobile.svg?1');
			width: 91px;
			height: 52px;
		}

	.lecture { width: 360px; max-width: 100%; }
		.lecture .card-body { height: 215px; padding: 30px 20px; }
	.partner {}
		.partner h3 { margin-bottom: 10px; }

	.modal {}
		.modal-dialog { max-width: 90%; margin: 1rem auto; }
			.modal-content { padding: 23px 25px 50px 25px; }
				.modal-title { margin: 0; font-size: 26px; }

	.checkbox { max-width: 70%; }
}

@media (min-width: 576px) {

	h1 { font-size: 27px; line-height: 38px; }
	h2 { font-size: 33px; line-height: 45px; margin-bottom: 50px; }
	h3 { font-size: 22px; line-height: 29px; }

	.container-fluid { padding: 0 66px; }
	.section { padding: 65px; }

	.lecture .photo-container { height: initial; }
	.lecture .photo-description { padding: 10px 20px; }

	.partner {	max-width: 394px; height: 452px; }

	.view-home {}
		.view-home .section:nth-child(1)::before {
			transform: translate(-55%, -50%);
			-webkit-transform: translate(-55%, -50%);
		}
		.view-home .section:nth-child(1)::after {
			transform: translate(75%, -75%);
			-webkit-transform: translate(75%, -75%);
		}
		.view-home .section:nth-child(1) p { font-size: 16px; line-height: 28px; padding: 0 20px; }

	.view-lecture {}
		.view-lecture .video { height: 544px; }
}

@media (max-width: 767px) {

	.footer { text-align: center; padding: 40px 20px 80px 20px; }
		.footer .navbar { display: inline-block; }
		.footer .navbar-brand { margin: 0 0 30px 0; }

	.navbar-collapse .navbar-nav:last-child { flex-direction: row; justify-content: center; }
		.navbar-collapse .navbar-nav:last-child .nav-item { width: 55px; }
		.navbar-collapse .navbar-nav:last-child .nav-item:nth-child(1) { width: 100%; }
	.navbar-collapse .nav-link { padding: 8px 0 !important; text-align: center; }
	.navbar-collapse .nav-item { margin: 8px 0; }
	.navbar-collapse {
		display: flex !important;
		position: fixed;
		top: 0;
		bottom: 0;
		right: -80%;
		width: 80%;
		height: initial !important;
		padding: 30px;
		transition: right 0.35s ease;
		-webkit-transition: right 0.35s ease;
		background: #fff;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
		justify-content: space-between;
		flex-direction: column;
	}
		.navbar-shadow {
			display: block;
			content: "";
			position: absolute;
			top:  0;
			bottom: 0;
			width: 50%;
			left: 0%;
			background: #444;
			transition: left 0.35s ease;
			-webkit-transition: left 0.35s ease;
		}
	.navbar-collapse.collapsing,
	.navbar-collapse.show {
		right: 0;
	}
		.navbar-collapse.collapsing .navbar-shadow,
		.navbar-collapse.show .navbar-shadow {
			left: -50%;
		}
		.navbar-collapse .navbar-toggler {
			position: absolute;
			right: 30px;
			top: 30px;
		}

	.lecture { width: initial; }

	.socials h2 { font-size: 24px; line-height: 40px; }

	.view-about {}
		.view-about .we-at-social h3 { margin-bottom: 30px; text-align: center; } 

	.view-lecture {}
		.view-lecture .section-white { padding: 32px 25px; }
		.view-lecture h2 { font-size: 24px; line-height: 32px; }
		.view-lecture ul { padding-left: 0; }
		.view-lecture ul li {
			padding-left: 45px;
		}
			.view-lecture ul li:before {
				left:  0;
			}
		.view-lecture .date * { font-size: 16px; }
}

@media (min-width: 768px) {

	.copyright { margin: 35px 0 0 0; }

	#lectures-coming, #lectures-lasted { padding-right: 0; }

	.lecture {}
		.lecture .photo-description { padding: 10px 40px; }
		.lecture .speaker-name { font-size: 26px; }

	h1 { font-size: 40px; line-height: 50px; }

	.view-home {}
		.view-home .section:nth-child(1)::before {
			transform: translate(-45%, -50%);
			-webkit-transform: translate(-45%, -50%);
		}
		.view-home .section:nth-child(1)::after {
			transform: translate(65%, -65%);
			-webkit-transform: translate(65%, -65%);
		}
}

@media (min-width: 992px) {
	.view-home{}
		.view-home .section:nth-child(1)::before {
			transform: translate(0%, -65%);
			-webkit-transform: translate(0%, -65%);
		}
		.view-home .section:nth-child(1)::after {
			transform: translate(15%, -65%);
			-webkit-transform: translate(15%, -65%);
		}

		.foot-slider h3 { margin-top: 0; }
		.foot-slider .owl-prev::before,
		.foot-slider .owl-next::before { width: 50px; height: 23px; }

		.lecture .speaker-name { font-size: 41px; line-height: 40px; }

	.view-about .section-join h3 {
		font-family: Lato;
		font-size: 34px;
		font-weight: 600;
		line-height: 41px;
		letter-spacing: 0em;
	}
	.view-about .section-join .row { margin-left: -30px; margin-right: -30px; }
	.view-about .section-join .col-sm-6,
	.view-about .section-join .col-md-6
	{ padding-left: 30px; padding-right: 30px; }

}

@media (max-width: 1280px) {

	.header .navbar-collapse .navbar-center .nav-link,
	.footer .navbar-collapse .navbar-center .nav-link {
		padding: 8px 5px;
	}
}

@media (min-width: 1280px) {

	.foot-slider h3 { margin-top: 60px; }
	.foot-slider .owl-dots { 
		position: absolute;
		bottom: 30px;
		right: 488px;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
	}
	.foot-slider .owl-nav {
		position: absolute;
		right: 0;
		bottom: 43px;
	}
	.foot-slider .owl-nav .owl-prev { margin-right: 40px; }
}

@media (min-width: 1350px) {

	.foot-slider .owl-dots { right: 39%; }
}