/* Start:/local/templates/.default/components/bitrix/catalog.element/webinar-detail-new/style.css?17272557729895*/
.button{
	display: block;
	border-radius: 43px;
	cursor: pointer;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%;
	padding: 13px 26px;
}

.button.registration-button{
	max-width: 280px;
	box-sizing: border-box;
	width: 100%; 
}

h1.webinar-detail_title{
	font-size: 48px; 
}

.webinar-detail_program{
	max-width: 1400px;
	margin: auto; 
	padding: 0 0 100px; 
}

h1.webinar-detail_program-title{
	font-size: 40px; 
}

.webinar-detail_speaker-card {
	padding: 50px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid var(--blue-1);
	border-radius: 12px;
}

.webinar-detail_speaker-card:not(:first-of-type) {
	margin-top: 32px;
}

.webinar-detail_program-content{
	/* max-width: 1150px; */
	max-width: 1400px;  
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: flex-start; 
	gap: 40px;
}

.webinar-detail_program-content ul{
	/* float:right; */
	max-width: 890px;
	float: left;  
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; 
}

.webinar-detail_program-content ul li{
	list-style: none; 
	margin-top: 16px;
	margin-bottom: 16px; 
	position: relative; 
	line-height: 125.4%;
}

.webinar-detail_program-content ul li:first-child{
	margin-top: 0; 
}

.webinar-detail_program-content ul li:last-child{
	margin-bottom: 0;  
}

.webinar-detail_program-content ul li::before{
	content: ""; 
	display: block;
	width: 10px; 
	height: 10px;
	border-radius: 50%;
	background: var(--hover-blue); 
	position: absolute; 
	left: -20px; 
	top: 7px;
}

.webinar-detail_program-content ul li ul{
	float: initial !important; 
	list-style: none; 
	margin-top: 16px;
	position: relative;
	margin-left: 20px;  
	margin-bottom: 16px; 
}

.webinar-detail_program-content ul li ul li:before{
	content: "";
	display: block;
	position: absolute; 
	left: -19px; 
	top: 9px; 
	font-size: 24px; 
	width: 8px; 
	height: 8px; 
	background: #fff;
	border: 1px solid #275EC7;
	border-radius: 50%;
}

.webinar-detail_program-content .order-2 {
	display: flex;
	gap: 32px;
}

.webinar-detail_program-content .order-1 {
	margin-left: 20px;
}

.speakers-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
}

.speaker-image img{
	width: 120px;
	max-width: 120px; 
	height: 120px;
	max-height: 120px;
	border-radius: 50%; 
}

.speaker-name{
	color: var(--black);
	font-size: 20px;
	font-weight: 600;
	line-height: 116%; 
}

.speaker-regalia{
	max-width: 280px;
	color: var(--dark-grey);
	font-size: 18px;
	line-height: 130%;
}

.webinar-registration {
	position: relative;
	max-width: calc(1400px - 167px);
	margin: 0 auto 100px;
	padding: 80px 100px 80px 67px;
	border-radius: 12px;
	background: var(--dark-blue);
	overflow: hidden;
	height: auto;
}

.webinar-registration-img-web {
	position: absolute;
	left: 17px;
	bottom: -17px;
	transform: rotate(-25deg);
}
.webinar-registration-img-mob {
	display: none;
}

.webinar-registration_wrapper{
	padding: 100px 0; 
	background-image:url(/local/assets/img/webinars/footer-bg.png); 
	background-repeat: no-repeat; 
	background-size:cover; 
	/* max-width: 1920px; */  
	margin: auto; 
	max-height: 527px;
	box-sizing: border-box;
	height: 100%; 
	position: relative;
}

.webinar-registration_wrapper__after-sending{
	display: flex; 
}

.webinar-registration h1{
	font-weight: 600;
	font-size: 40px;
	line-height: 115%;
	color: var(--white); 
}

.webinar-registration .form_item label {
	color: #fff;
}

.webinar-registration .custom-checkbox:checked+label::before {
	background-color: #0075FF;
	border-color: #0075FF;
}

.webinar-registration.footer_wrapper__after-sending {
	padding: 165px 0;
	max-width: 1400px;
	height: auto;
}

.registration_input__invalid{
	border: 1px solid #FF2F2F !important; 
}

.registration_input-wrapper .error{
	margin-top: 5px; 
	color: #FF2F2F; 
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 105%; 
}

.registration_title__success{
	text-align: center; 
}

.footer_wrapper__after-sending .registration_title__success .telegram-title {
	color: #fff;
	font-size: 20px;
	line-height: 21.08px;
}

.registration_title__success .telegram-subscribe {
	width: fit-content !important;
	height: 31px;
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 5px 26px;

}

.webinar-detail_registration-button{
	max-width: 280px;
	box-sizing: border-box; 
	text-align: center;
	margin-top: 35px;
	display: flex;
}

.webinar-detail_connect-button{
	max-width: 280px;
	box-sizing: border-box; 
	text-align: center;
	margin-top: 35px;
	display: flex;
	text-decoration: none; 
}

.footer_registration-button{
	font-size: 16px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%; 
}

.webinar-detail_tags {
	display: flex;
	gap: 10px;
}
.soon-tag, .online-tag{
	border-radius: 20px;
	box-sizing: border-box; 
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans'; 
	color: var(--button-blue);
	background: var(--blue-1);
	position:relative;
	width: 122px;
	height: 39px;
	overflow: hidden;  
	display: flex;
	justify-content: center;
}
.soon-tag._white, .online-tag._white {
	background: #fff;
	text-decoration: none;
}

.soon-tag-list {
	animation: soon-tag_action 14s cubic-bezier(0.19, 0.56, 0.42, 0.96) infinite;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.soon-tag_text{
	/*position: absolute;
	margin-top: 50px;*/
	left: 14px; 
}

.online-tag {
	align-items:center;
	gap: 6px;
}

.online-tag_circle {
	animation: online-tag_action 1.5s ease infinite;
	width: 11px;
	min-width: 11px;
	height: 11px;
	min-height: 11px;
	border-radius: 50%;
	background: #ff5b5b;
}


@keyframes soon-tag_action{
	0%{
		margin-top: 9px;
	}

	14% {
		margin-top: 9px;
	}

	19% {
		margin-top: -26px; 
	}

	33% {
		margin-top: -26px;
	}

	38% {
		margin-top: -61px;
	}

	52% {
		margin-top: -61px;
	}

	57% {
		margin-top: -96px;
	}

	71% {
		margin-top: -96px;
	}

	77% {
		margin-top: -131px;
	}

	93% {
		margin-top: -131px;
	}

	100% {
		margin-top: -166px;
	}
}

@keyframes online-tag_action {
	0% {
		background: #ff5b5b;
	}
	50% {
		background: #c53b3b;
	}
	100% {
		background: #ff5b5b;
	}
}

@media screen and (max-width: 1900px) {
	.webinar-registration {
		height: auto;
	}
}

@media screen and (max-width: 1200px) {
	.webinar-detail_program {
		max-width: calc(100vw - 160px);
	}
	.webinar-registration {
		max-width: calc(100vw - 320px);
	}
}

@media screen and (max-width: 992px){

	h1.webinar-detail_title{
		font-size: 36px; 
		line-height: 111%;
	}

	.webinar-detail_info {
		max-width: calc(100vw - 80px);
	}

	.webinar-registration_wrapper{
		padding: 70px 16px;
		max-height: 100%; 
		height: auto; 
	}

	.webinar-registration_content .row {
		gap: 32px;
	}

	.webinar-detail_info-content {
		padding: 50px 16px 235px;
	}

	.webinar-detail-img img {
		width: 400px;
	}

	.webinar-detail_description {
		max-width: calc(100vw - 80px);
	}

	.webinar-detail_description br {
		display: none;
	}

	.webinar-detail_program{
		max-width: calc(100vw - 80px);
	}

	.webinar-registration {
		padding: 80px;
		max-width: calc(100vw - 240px);
	}

	.form_item__inline {
		max-width: none;
	}

	.webinar-registration-img-web {
		right: 0;
		left: auto;

	}
}

@media screen and (min-width: 480px) {

	.webinar-detail_time-duration br {
		display: none;
	}
}

@media screen and (max-width: 480px){

	section.breadcrumbs {
		max-width: none;
	}

	h1.webinar-detail_title{
		font-size: 30px; 
	}

	.order-1{
		order: 1;
	}

	.order-2{
		order: 2;
	}

 	.order-3{
		order: 3;
	}

	.webinar-detail {
		margin-top: 35px;
	}

	.webinar-detail_info{
		max-width: calc(100vw - 32px);
		margin: 0 auto; 
	}

	.webinar-detail_time{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		color: var(--black);
		font-size: 20px;
		font-weight: 400;
		line-height: 105.4%; 
	}

	.free-tag {
		padding: 12px 20px;
	}

	.webinar-detail_time-duration {
		margin-top: 16px;
	}

	.webinar-detail_registration-button, .webinar-detail_connect-button{
		max-width: none;
		margin-top: 30px;
	}

	.webinar-detail-img img {
		width: 80%;
		right: 50%;
		transform: translateX(50%);
	}

	.webinar-detail_description {
		margin: 60px auto;
		padding: 0 16px;
		max-width: none;
	}

	.webinar-detail_description p {
		font-size: 16px;
	}

	.webinar-detail_program{
		padding: 0 16px 60px; 
		max-width: none;
	}

	.webinar-detail_speaker-card {
		padding: 32px 24px;
		border-radius: 12px;
		margin-top: 35px;
	}


	.speakers-wrapper {
		gap: 24px;
	}

	.webinar-detail_program-content {
		gap: 30px;
	}

	.webinar-detail_program-content .order-1 {
		margin-left: 0;
	}

	.webinar-detail_program-content .order-2 {
		flex-wrap: wrap;
		gap: 15px;
	}

	.webinar-detail_speaker-card:not(:first-of-type) {
		margin-top: 20px;
	}

	.button.registration-button{
		max-width: 280px;
		box-sizing: border-box; 
		width: 100%; 
	}

	h1.webinar-detail_program-title{
		font-size: 28px; 
	}

	.speaker-image img{
		/*max-width: calc(100% - 20px); */
		max-width: 100%; 
		margin-left: auto; 
		margin-right: auto; 
	}


	.webinar-detail_program-content ul{
		margin-left: 22px; 
	}

	.webinar-detail_program-content ul li{
		font-size: 16px; 
	}

	.webinar-detail_program-content ul li::before {
		top: 5px;
	}

	.webinar-registration {
		max-width: calc(100vw - 64px);
		margin: 0 auto 60px;
		padding: 40px 16px;
		height: auto;
	}

	.webinar-registration_wrapper {
		background: none;
	}

	.webinar-registration-img-web {
		display: none;
	}

	.webinar-registration-img-mob {
		display: block;
		position: absolute;
		right: 0;
		top: 30px;
	}

	.webinar-registration.footer_wrapper__after-sending {
    	padding: 227px 16px;
		max-width: calc(100vw - 64px);
		height: auto;
	}

	.webinar-registration h1{
		font-size: 28px; 
	}

	.form_item__inline{
		width: 100%;
	}

	.footer_registration-button{
		width: 100%; 
	}

	.speaker-regalia {
		max-width: 100%;
	}
}
/* End */
/* /local/templates/.default/components/bitrix/catalog.element/webinar-detail-new/style.css?17272557729895 */