:root {
	--black: #1e1e1e;
	--dark-grey: #46484b;
	--grey-light-button: #5e6166;
	--grey: #d9d9d9;
	--blue-1: #e3eeff;
	--white: #fff;
	--blue: #98c1ff;
	--blue-2: #ecf4ff;
	--button-blue: #275ec7;
	--ultra-light-blue: #f5f9ff;
	--dark-blue: #000521;
	--grey-text: #818181;
	--hover-blue: #3856a1;
	--dark-blue-button: #171c37;
	--fon: #fafcff;
}

*{
	margin: 0;
	padding: 0; 
	font-family: 'Open Sans';
}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}

html {
	overflow-x: hidden;
}

body{
	height: 100%;
	font-family: Open Sans; 
	color: #1e1e1e; 
	background: #FAFCFF;
	overflow-x: hidden;
}


.body__unscrolled{
	overflow: hidden; 
	touch-action: none;
    overscroll-behavior: none;
}

.html__unscrolled{
	overflow.hidden; 
}

.container {
	width: 1400px;
	display: flex;
	flex-direction: row;
}

h1{
	font-size: 64px;
	font-weight: 600; 
	line-height: 130%; 
}
h2 {
	font-weight: 600;
	font-size: 48px;
	line-height: 111%;
}

._hidden {
	display: none;
}

.jc-space-between {
	justify-content: space-between;
}

.gap-25 {
	gap: 25px;
}

.mt-10{
	margin-top: 10px; 
}

.mt-12{
	margin-top: 12px; 
}

.mt-13{
	margin-top: 13px; 
}

.mt-15 {
	margin-top: 15px;
}

.mt-16{
	margin-top: 16px; 
}

.mt-20{
	margin-top: 20px; 
}

.mt-24{
	margin-top: 24px; 
}

.mt-25{
	margin-top: 25px; 
}

.mt-28{
	margin-top: 28px; 
}

.mt-30{
	margin-top: 30px; 
}

.mt-32 {
	margin-top: 32px;
}

.mt-35{
	margin-top: 35px; 
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60{
	margin-top: 60px; 
}

.mt-80 {
	margin-top: 80px;
}

.mb-40 {
	margin-bottom: 40px;
}

.xl-mt-16 {
	margin-top: 16px;
}

.xl-mt-30 {
	margin-top: 30px;
}

.spam-defense{
	display: none; 
}

.row{
	width: 100%;
	display: flex; 
	flex-wrap: wrap;
}

.col-33{
	width: 33.33333%;
}
.col-33-17px{
	width: calc(33.33333% - 17px);
}

.col-40 {
	width: 40%;
}

.col-45{
	width: 45%;
}

.col-50{
	width: 50%; 
}

.col-50-12px {
	width: calc(50% - 12px);
}

.col-55{
	width: 55%;
}

.col-60 {
	width: 60%;
}

.col-100{
	width: 100%; 
}

nav {
	display: flex;
	align-items: center;
}
nav a {
	display: flex;
	gap: 8px;
	align-items: center;
}

header {
	padding-top: 30px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dark-blue);
}
header .container {
	justify-content: space-between;
}
header.light-color {
	background-color: var(--fon);
}
.header_buttons {
	display: flex;
}
.header_buttons a {
	width: fit-content;
}

.header_button:not(:last-child) {
	margin-right: 16px;
}

.header_button{
	padding: 13px 26px;
	color: #fff;
	background: var(--dark-blue-button);
	border-radius: 43px; 
	font-size: 16px;
	font-weight: 600; 
	cursor: pointer;
	transition: all .15s ease;
	line-height: 105%;
}

.header_button:hover { 
	background: var(--hover-blue);
}

.header_button::first-letter{
	text-transform: uppercase; 
}

header.light-color .container .header_button, header.light-color .container  .language-toggle {
	background: var(--blue-2);
	color: var(--dark-grey);
}

header.light-color .container .header_button:hover, header.light-color .container  .language-toggle:hover {
	background: var(--blue);
}

.language-toggle {
	padding: 10px 12px;
		background: var(--dark-blue-button);
	color: #fff;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	transition: .2s;
}

a.language-toggle{
	text-decoration: none; 
}

.language-toggle-rus, .language-toggle-eng {
	display: flex;
	align-items: center;
}

.language-toggle img {
	width: 28px;
	height: 20px;
}

.language-toggle p {
	font-size: 16px;
	font-weight: 600;
	margin-left: 3px;

	position: relative;
	top: 1px;
	text-transform: uppercase;
}

.language-toggle:hover {
	background: var(--hover-blue);
}


.banner {
	padding-top: 102px;
	padding-bottom: 102px;
	background-color: var(--dark-blue);
}
.banner .container {
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: space-between;
}
.banner-content {
	max-width: 611px;
	position: relative;
	z-index: 2;
}
.banner-content__title {
	color: #fff;
}
.banner-content__title span {
	color: var(--button-blue);
}
.banner-content__subtitle {
	color: #fff;
	font-size: 20px;
	line-height: 140%;
}
.banner-content__subtitle span {
	font-weight: 600;
}
.banner-img {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	right: -20px;
}
.banner-img img {
	position: relative;
	z-index: 1;
}
.banner-img svg {
	position: absolute;
	filter: blur(100px);
	left: 5%;
}
.banner-video {
	display: none;
}

.header_text{
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%; 
	color: #fff; 
}

.header_text._main {
	color: var(--button-blue);
}

.webinars-list{
	max-width: 1400px; 
	margin: auto; 
	padding: 75px 0 100px; 
}

.webinars-list .row:not(:first-of-type) {
	margin-top: 25px;
}

.webinars-list__filtered{
	padding: 40px 0 100px; 
}


.spam-defense{
	display: none; 
}

.modal_background, .modal-suggest_background, .modal-subscribe_background{
	position: fixed;
	top: 0;
	left: 0; 
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center; 
	z-index: 10;
}

.modal_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	opacity: 0;
	transition: .5s;
}

.modal_background:not(.modal_background__hidden) .modal_bg, .modal-suggest_background:not(.modal-suggest_background__hidden) .modal_bg, .modal-subscribe_background:not(.modal-subscribe_background__hidden) .modal_bg{
	opacity: 1;
}

.modal_background__after-success{
	display: flex; 
	box-sizing: border-box; 
}

.modal_background__hidden, .modal-suggest_background__hidden {
	display: none; 
}

.modal-subscribe_background__hidden {
	display: none; 
}

.webinar-modal-registration{
	position: relative; 
	box-sizing: border-box; 
	max-width: 495px;
	padding: 50px; 
	border-radius: 12px; 
	background: #ffffff;
}

.webinar-modal-registration__after-success{
	margin: auto; 
}

.webinar-modal-registration__after-success .telegram-subscribe {
	width: fit-content !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 5px 30px;
}

.webinar-modal-registration__after-success .telegram-title {
	text-align: center;
	font-size: 20px;
}

.webinar-modal-registration.suggest-topi.webinar-modal-registration__after-success{
	bottom: initial;
	margin: auto;
}

.webinar-modal-registration .form_item__inline{
	max-width: 100%;
	margin-right: 0; 
}

.webinar-modal-registration .footer_registration-button{
	width: 100%; 
	font-size: 16px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%; 
	padding: 14px 26px 12px !important;
}

.webinar-modal-registration_title{
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px; 
}

.form_item label{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%; 
}
.form_item{
    display: flex; 
	align-items: flex-start;
    flex-direction: column; 
    max-width: 570px; 
    margin-right: 16px; 
    width: 100%; 
    font-size: 16px; 
    font-weight: 400; 
}

.form_item__inline{
    display: inline-flex; 
    flex-direction: column; 
    max-width: 277px; 
    margin-right: 16px; 
}

.form_item__checkbox{
	position:relative;
    display: flex;
    flex-direction: row; 
    align-items: center; 
}

.form_item__checkbox label{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 105.4%; 
}
.form_item__checkbox a {
	color: #0075FF;
	font-weight: 600;
	transition: all .2s ease;
	text-decoration: underline;
}
.form_item__checkbox a:hover {
	color: #275EC7;
}


.form_item input[type='text'], .form_item input[type='email']{
    width: 100%;
    box-sizing: border-box; 
    border-radius:7px;
    border: 1px solid var(--grey);  
    height: 48px; 
    padding: 15px 14px; 
	font-family: 'Open Sans';
	font-size: 16px; 
}
.form_item input[type='text']:hover, .form_item input[type='email']:hover {
	background: #fafafa;
}
.form_item input[type='text']:focus, .form_item input[type='email']:focus {
	border: 1px solid var(--blue);  
}

.form_item input{
    outline: none; 
}

.form_item input:active, .form_item input:focus {
    border: 1px solid #98C1FF;
}

.registration_input__invalid{
	border: 1px solid #FF2F2F !important; 
}
.error {
	margin-top: 5px;
	color: #FF2F2F; 
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 105%; 
}

.footer_registration-button{
    width: 320px; 
}
footer .form_item__checkbox {
	margin: 16px auto 0;
	width: fit-content;
}
.custom-checkbox:checked+label::before {
    background-image: url(/local/assets/img/webinars/checkbox.png);
    background-repeat: no-repeat;
    background-size: cover;
	border-color: #0075FF;
}
footer .form_item__checkbox>label {
	color: #FFF;
}
footer .form_item__checkbox>label a {
	/*display: contents;*/
	color: #0075ff;
	font-weight: 600;
	text-decoration: underline;
}
footer .form_item__checkbox>label a:hover {
	color: #3856A1;
}


.custom-checkbox{
    position: absolute; 
    z-Index: -1;
    opacity: 0; 
}

.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 7px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  border: 1px solid #D9D9D9;
  background-color: #ffffff;  
}

.custom-checkbox:checked+label::before {
  /*border-color: rgba(0, 117, 255, 1);
  background-color:rgba(0, 117, 255, 1);*/
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	*/
  background-image: url(/local/assets/img/webinars/checkbox.png);
  background-repeat: no-repeat;
  background-size:cover; 
}

.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}

.custom-checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
/*
.custom-checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;*/ 
}

.custom-checkbox:disabled+label::before {
  background-color: #e9ecef;
}

.button{
    display: block;
    border-radius: 43px;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 105.4%;
    padding: 14px 26px 12px;
}

.button.primary{
    border: 1px solid var(--button-blue);
    background: var(--button-blue);
    color: #ffffff; 
    text-align: center; 
	transition all .2s ease-in-out;
}

.button.primary:hover {
	background: var(--hover-blue);
	border-color: var(--hover-blue);
}

.button.primary.disabled{
	cursor: default;
	opacity: 0.35; 
}	
.button.primary.disabled:hover {
    border: 1px solid var(--button-blue);
    background: var(--button-blue);
}

.button.registration-button{
    max-width: 280px;
}

.webinar-detail_info{
    max-width: 1400px;  
    margin: 40px auto 0; 
	position: relative;
	background: var(--blue-2);
	border-radius: 12px;
}

.webinar-detail_info-content {
	max-width: 720px;
	padding: 135px 0 135px 55px;
}

.webinar-detail_time {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 20px;
	line-height: 105%;
	color: var(--black);
}

.free-tag {
	border-radius: 20px;
	padding: 12px 20px;
	background: var(--white);
	font-weight: 600;
	font-size: 14px;
	line-height: 105%;
	color: var(--button-blue);
}

h1.webinar-detail_title{
    font-size: 48px; 
	position: relative;
	z-index: 2;
}

.webinar-detail_time-duration {
	margin-top: 24px;
	font-size: 18px;
	line-height: 105%;
	color: var(--black);
}

.webinar-detail_description {
	max-width: 1400px;
	margin: 100px auto;
}

.webinar-detail_description p {
	max-width: 970px;
	font-size: 18px;
	margin-bottom: 24px; 
}

.webinar-detail_description-tags {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.webinar-detail_description-tags-item {
	padding: 12px 20px;
	font-weight: 600;
	font-size: 14px;
	line-height: 105%;
	color: var(--button-blue);
	background: var(--blue-2);
	border-radius: 30px;
}

.button.footer-registration-button{
	width: 320px;
	margin-left: auto;
	margin-right: auto;  
	text-decoration: none; 
}

.modal-registration__close, .modal-subscribe__close{
	position: absolute;
	right: 25px;
	top: 25px; 
	width: 24px;
	height: 24px; 
	background-image: url(/local/assets/img/webinars/close.png); 
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer; 
}

.modal-registration__close:hover, .modal-subscribe__close:hover{
	background-image: url(/local/assets/img/webinars/close.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius: 20px;
	padding: 5px;
	box-sizing: border-box;
	border: none;
	background-color: rgba(227, 238, 255, 0.5);
	width: 37px;
	height: 37px;
	background-position: 6;
	top: 18.5px;
	right: 18.5px;

}

.button.disabled{
	/* серая кнопка */
	/*border: 1px solid #a9a9a9; 
	background: #a9a9a9; 
	cursor: default; */
}

.webinar-modal-registration .registration_title__success h1{
	font-size: 24px; 
	text-align: center;
}

section.breadcrumbs{
	max-width: 1400px;
	margin: 50px auto 0;
}


/* переделать на 2 этапе */
section.breadcrumbs a{
	width: fit-content;
	display: flex; 
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	color: #172736; 
	font-size: 16px; 
	font-weight: 600;
	line-height: 105.4%;
	letter-spacing: -0.08px; 
	opacity: 0.8;
	transition: opacity .15s ease;
}

section.breadcrumbs a:hover {
	opacity: 1;
}

section.breadcrumbs a img{
	width: 24px;
	height: 24px; 
	margin-right: 6px; 
	margin-top: -2px;
}



.webinar-detail-img img{
	position: absolute;
	float:right; 
	width: 625px;
	bottom: 0;
	right:0;
}

.webinar-card_datetime{

	color: #46484B;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 105.4%; 
}

.digest-subscription{
	position: relative;
	background: var(--dark-blue);
	max-width: 100%; 
	margin: auto; 
	padding-top: 80px;
	padding-bottom: 80px; 
	display: flex;
	text-align: center;
	justify-content: center;
}

.digest-subscription_title {
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 115.4%; 
	color: #fff; 
}

.digest-subscription_subtitle{
	color: #fff; 
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
}

.digest-subscription_agreement-text{
	color: var(--grey); 
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 105.4%; 
}

.digest-subscription_input{
	margin-left: auto;
	margin-right: auto; 
	height: 47px;
	max-width: 511px; 
}

.digest-subscription_input input{
	border-radius: 10px; 
}

.digest-subscription_button{
	width: 292px; 
	margin-left: auto;
	margin-right: auto; 
}

.footer_wrapper__after-sending {
	padding-top: 153px;
	padding-bottom: 153px;
}
.footer_wrapper__after-sending .registration_title__success h1 {
	font-weight: 600;
	font-size: 40px;
	line-height: 115%;
	color: #fff;
}

footer {
	overflow: hidden;
}

.footer-img-web {
	display: block;
	transform: rotate(-25deg);
}

.footer-img-mob {
	display: none;
}

.policy-link{
	color: var(--grey); 
}
.digest-subscription_bg {
	position: absolute;
	right: 0;
	bottom: 0;
}

.digest-subscription_content br {
	display:none
}

.webinar-card_wrapper{
	display: block;
	text-decoration: none; 
	box-sizing: border-box; 
	height: 100%;
}

.webinar-card{
	display: flex;
	flex-direction: column; 
	position:relative; 
	padding-bottom: 32px;
	border-radius:12px; 
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2); 
	background: #FAFCFF; 
	overflow: hidden;
	transition: transform .3s cubic-bezier(0,0,.4,1);
	will-change: transform;
}

.webinar-card a {
	text-decoration: none;
}

.webinar-card:nth-child(3n){
	padding-right:0; 
}

.webinar-card:hover {
	transform: scale(1.01);
}

.webinar-card_banner {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 302px;
	background: #e2eaf4;
}
.webinar-card_banner img {
	height: 100%;
}

.webinar-card_title{
	padding: 0 24px;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 111.4%; 
	color: #1e1e1e; 
}

.webinar-card_datetime{
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 24px;
	color: #46484B;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 105.4%; 
}

.webinar-card_speaker{
	margin-top: 18px; 
	color: #1E1E1E;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	display: none; 
}

.webinar-card_button{
	width: 100%;
	position: relative;
	border-radius: 43px; 
	border: 1px solid var(--button-blue); 
	color: var(--button-blue);
	font-size: 16px;
	cursor: pointer; 
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%; 
	padding: 13px 26px; 
	margin-top: auto;
	justify-content: center;
	z-index: 2;
	text-align: center;
	transition: all .2s ease-in-out
}

.webinar-card_button:hover{
	background: var(--button-blue);  
	color: #fff;
}

.inner-link_wrapper {
	padding: 30px 24px 0;
	display: flex;
	margin-top: auto;
}

.webinars-archive{
	background-color: var(--blue-1);; 
	max-width: 100%; 
	padding-top: 80px; 
}

.webinars-archive_wrapper{
	max-width: 1400px;
	margin-left: auto; 
	margin-right: auto; 
	    padding-bottom: 80px;
}

.webinars-archive_wrapper .row {
	display: flex;
	justify-content: space-between;
}

.webinars-archive_title-wrapper{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	margin-right: 15px;
}

.webinars-archive_title{
	font-color: #1e1e1e; 
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; 
}

.webinars-archive_title-button{
	display: block; 
	padding: 13px 26px; 
	background-color: transparent;
	border: 1px solid var(--button-blue); 
	text-decoration: none;
	border-radius: 43px;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 105.4%;
	color: var(--button-blue);
	box-sizing: border-box;
	text-align: center; 
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.webinars-archive_title-button:hover {
	background: var(--button-blue);
	color: #fff;
}

.webinar-archive_card {
	min-height: 520px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 12px;
	background: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.webinar-archive-card_datetime {
	padding: 0 28px;
	margin-top: 26px;
	font-size: 16px;
	lin
e
-height: 105%;
	color: var(--dark-grey);
}

.webinar-archive-card_title {
	padding: 0 28px;
	margin-top: 16px;
	font-size: 18px;
	font-weight: 600;
	line-height: 111%;
	color: var(--black);
}
.webinar-archive_card .webinar-card_speaker{
	display: block; 
}

.webinar-archive_card .webinar-archive_video-preview{
	width: 100%;
	height: 360px;
}
.webinar-archive_card .webinar-archive_video-preview iframe { 
	width: 101%;
	height: 360px;
	position: relative;
	left: -1px;
}

.webinar-archive_download{
	display: block;
}

.webinar-archive_download-link{
	padding: 0 28px;
	margin-bottom: 22px;
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	text-decoration: none;
	font-size: 16px;
  color: var(--button-blue);
  font-style: normal;
  font-weight: 600;
  line-height: 105.4%;
  letter-spacing: -0.08px;
  transition: filter .15s ease;
}

.webinar-archive_download-link:before{
	background-image: url(/local/assets/img/webinars/download-icon.svg);
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	content: "";
	margin-right: 6px;
}

.webinar-archive_download-link:hover {
	filter: brightness(0.7);
}

.archive-filter {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.archive-filter_item {
	padding: 13px 26px;
	border-radius: 30px;
	border: 1px solid var(--dark-blue);
	font-size: 16px;
	line-height: 105%;
	color: var(--dark-blue);
	cursor: pointer;
	transition: all .15s ease-in-out;
	will-change: auto;
	text-decoration: none; 
}
.archive-filter_item.selected {
	background: var(--dark-blue);
	color: #fff;
}
.archive-filter_item:not(.selected):hover {
	background-color: #ECECEC;
}

.display-none {
	display: none;
}

.xl-display-none{
	display: none; 
}

.xl-display{
	display: block; 
}

.container-404 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: var(--dark-blue);
}

.container-404>img{
	position: absolute;
	bottom: 120px;
	right: 100px;
	transform: rotate(-25deg);
	z-index: 0;
}

.title-mob {
	display: none;
}

.title-web {
	display: flex;
}

.bg-mobile {
	display:none;
}

.container-404_content {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}

.container-404_content p {
	font-size: 45px;
	font-weight: 600;
	line-height: 130%;
	margin-top: 32px;
	color: #fff;
}

.container-404_content a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 105.4%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	margin-top: 32px;
	padding: 13px 26px;
	color: #fff;
	background: var(--button-blue);
	border-radius: 20px;
	transition: all .2s ease-in-out;
}

.container-404_content a:hover {
	background: var(--hover-blue);
}

.cookies {
	width: max-content;
	display: flex;
	gap: 24px;
	position: fixed;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%) translateY(0);
	border: 1px solid var(--grey);
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: var(--white);
	transition: transform .5s cubic-bezier(.62,-0.69,.32,.8);
	z-index: 9;
}
.cookies.hide {
	transform: translateX(-50%) translateY(150%);
}
.cookies_content {
	display: flex;
	gap: 10px;
}

.cookies_content img {
	width: 32px;
}

.cookies_content p {
	font-size: 14px;
	line-height: 140%;
	color: var(--dark-grey);
}

.cookies_content p span {
	color: var(--button-blue);
}

.unsubscribe {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.unsubscribe_form {
	padding: 40px 25px 42px;
	width: 500px;
	height: fit-content;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
	display: none;
}
.unsubscribe_form.active {
	display: flex;
}

.unsubscribe_form-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
}

.unsubscribe_form form {
	width: 100%;
}
inp
ut[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: initial;
  -moz-appearance: initial;
  border: none !important;
  padding: 0 !important;
}

.custom-radio {
	cursor: pointer;
	width: fit-content;
}
.custom-radio-input {
	cursor: pointer;
	position: absolute;
	height: 0;
	width: 0;
}
.custom-radio-input::before {
  content: "";
  background-image: url("/local/assets/img/webinars/webinars-radio-default.svg");
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  transition: all 0.2s ease;

}
.custom-radio label{
	cursor: pointer;
	font-weight: 400;
	font-size: 15px;
	line-height: 120%;
	color: #46484B;
}
.custom-radio:hover .custom-radio-input::before {
  background-image: url("/local/assets/img/webinars/webinars-radio-hover.svg");
}
.custom-radio-input:checked::before {
  background-image: url("/local/assets/img/webinars/webinars-radio-active.svg");
}
.custom-radio:hover .custom-radio-input:checked:before {
  background-image: url("/local/assets/img/webinars/webinars-radio-active.svg");
}
.custom-radio label {
  padding-left: 32px;
}
.unsubscribe_form .button {
	width: fit-content;
	margin: 42px auto 0;
	padding: 13px 138px;
	transition: all .15s ease;
}
.unsubscribe-link {
	text-decoration: none;
	margin-top: 15px;
	color: #275EC7;
	transition: all .15s ease;
}
.unsubscribe-link:hover {
	color: #3856A1;
}

.unsubscribe_result {
	display: none;
	padding: 153px 25px 153px;
	width: 500px;
	height: fit-content;
	flex-direction: column;
	align-items: center;
	border-radius: 12px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
}
.unsubscribe_result.active {
	display: flex;
}
.unsubscribe_result h4 {
	margin-top: 21px;
}


section.policy {
	margin: 40px auto 0;
	display: flex;
	flex-direction: column;
}
.policy {
	padding-bottom: 80px;
}
.policy p {
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
    color: #46484B;
}
.policy a {
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
	color: var(--button-blue);
  	transition: color 0.2s ease;
	text-decoration: underline;
}
.policy a:hover {
	color: var(--hover-blue);
}
.list-point__title {
  position: relative;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  margin-top: 32px;
  padding-left: 24px;
  color: #1E1E1E;
}
.list-point__title > ol {
  margin-top: 16px;
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
}
.list-point__title > ol > li {
	margin-left: 20px;
	margin-top: 8px;
	color: #46484B;
}
.list-point__title > ol > li::before {
	left: 8px;
}
.list-point__title > ol>li > ol>li {
	margin-left: 24px;
	margin-top: 4px;
}
.list-point__title > ol>li > ol>li::before {
	left: 16px;
}
ol {
  list-style: none;
  counter-reset: li;
}
ol li::before {
  position: absolute;
  left: 0;
  counter-increment: li;
  content: counters(li, ".") ". ";
  font-weight: 600;
}

@media screen and (min-width: 1800px) and (max-width: 2200px) {
	.banner-img {
		display: none;
	}
	.banner-video {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.banner {
		padding-top: 260px;
		padding-bottom: 240px;
		position: relative;
	}
}

@media screen and (max-width: 1366px){
	.webinar-card{
		width: calc(100% - 12px); 
	}

	.webinar-archive_card{
		margin: auto;
		max-width: calc(100% - 12px); 
	}
}

@media screen and (max-width: 1200px) {
	.lg-display-none {
		display: none;
	}
	.md-col-50-15 {
		width: calc(50% - 13px);
	}
	.container {
		max-width: calc(100vw - 160px);
	}
	.banner-img, .banner-img img {
		width: 100%;
	}
	h1 {
		font-size: 58px;
	}
	.banner-content__subtitle {
		font-size: 16px;
	}
	.webinars-list {
		max-width: calc(100vw - 160px);
	}
	.webinars-archive {
		padding-right: 80px;
		padding-left: 80px;
	}
	section.breadcrumbs {
		max-width: calc(100vw - 160px);
	}
	.webinars-archive_wrapper {
		max-width: calc(100vw - 160px);
	}
	.webinar-detail_info {
		max-width: calc(100vw - 160px);
	}
	.webinar-detail-img img {
		max-width: 430px;
	}
	.webinar-detail_info-content {
		padding: 70px 0 135px 55px;
		max-width: 656px;
	}
	.webinar-detail_description {
		max-width: calc(100vw - 160px);
	}
	.form_item__inline {
		max-width: none;
	}
}

@media screen and (max-width: 992px){
	.md-display {
		display: block;
	}

	.md-col-50{
		width: 50%; 
	}

	.md-col-50-6px {
		width: calc(50% - 6px);
	}

	.md-col-50-15 {
		width: calc(50% - 15px);
	}

	.md-col-100{
		width: 100%; 
	}


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

	.banner .container {
		flex-direction: column;
	}

	.banner .webinar-card_button {
		z-index: 2;
		width: fit-content;
		color: #fff;
		background: var(--dark-blue-button);
		border-color: var(--dark-blue-button);
	}
	.banner .webinar-card_button:first-of-type{
		margin-top: 30px;
	}
	.banner .webinar-card_button:not(:first-of-type){
		margin-top: 16px;
	}
	.banner .webinar-card_button:first-letter {
		text-transform: uppercase;
	}

	.banner-img {
		margin-top: 40px;
		right: 0;
	}
	.banner-img svg {
		left: 0;
	}

	.banner-img, .banner-img img, .banner-img svg {
		width: 100%;
	}

	.webinars-list {
		max-width: calc(100vw - 80px);
	}

	.webinars-archive {
		padding-left: 0;
		padding-right: 0;
	}

	.webinars-archive_wrapper {
		max-width: calc(100vw - 80px);
	}

	.webinar-archive_card {
		height: 100%;
		min-height: auto;
	}

	.webinar-archive_card .webinar-archive_video-preview {
		height: fit-content;
	}

	.webinar-archive_card .webinar-archive_video-preview iframe {
		height: 180px;
	}

	.digest-subscription {
		width: 100%;
		padding: 80px 0;
		background: var(--dark-blue);
	}

	.digest-subscription_subtitle {
		color: #fff;
	}

	section.breadcrumbs {
		max-width: calc(100vw - 80px);
	}

    .webinar-detail_program{
        padding-left: 10px; 
    }


    .footer_wrapper{
        padding: 30px 10px;
    }

	.md-display-none{
		display: none; 
	}

	.footer_wrapper{
		height: auto; 
	}

	.digest-subscription_title{
		display: flex;
		flex-direction: row; 
		align-items: center; 
		justify-content: center;
	}

	.digest-subscription_title img{
		display: none;
	}

	.digest-subscription_title-text{
		font-size: 28px;
		
	}
	
	.digest-subscription_subtitle{
		color: #fff; 
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; 
	}

	.digest-subscription_agreement-text{
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 105.4%; 
	}
	
	.digest-subscription_input{
		margin-left: auto;
		margin-right: auto; 
		height: auto;
		max-width: 511px; 
	}
	
	.digest-subscription_input input{
		border-radius: 10px; 
	}
	
	.digest-subscription_button{
		width: 292px; 
		margin-left: auto;
		margin-right: auto; 
	}


	h1.webinar-detail_title br{
		display: none;
	}

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

}

@media screen and (max-width: 768px) and (orientation:landscape) {
	.webinar-modal-registration {
		overflow: scroll;
		height: 100dvh;
		-webkit-height: 100vh;
		width: 80%;
		padding-right: 48px;
		padding-left: 48px;
		margin: 32px auto 0;
		max-width: 768px;
		border-radius: 12px 12px 0 0;
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 768px) {
	h2 {
		font-size: 36px;
	}
	.cookies {
		flex-direction: column;
	}
	.cookies_content {
		align-items: flex-start;
	}

}

@media screen and (max-width: 480px){
	h2 {
		font-weight: 600;
		font-size: 30px;
		line-height: 111%;
	}
	.sm-gap-30 {
		gap: 30px;
	}
	.container {
		max-width: none;
	}

	.webinars-list {
		max-width: none;
	}

	.webinars-archive_wrapper {
		max-width: none;
	}

	.sm-col-100{
		width: 100%; 
	}

	.sm-mt-0 {
		margin-top: 0;
	}

	.sm-mt-8 {
		margin-top: 8px;
	}

	.sm-mt-12 {
		margin-top: 12px;
	}

	.sm-mt-16{
		margin-top: 16px; 
	}

	.sm-mt-20{
		margin-top: 20px; 
	}

	.sm-mt-24{
		margin-top: 24px; 
	}

	.sm-mt-25 {
		margin-top: 25px;
	}

	.sm-mt-30{
		margin-top: 30px; 
	}

	.sm-mt-35{
		margin-top: 35px; 
	}

	.sm-display{
		display: block; 
	}

	.sm-display-none{
		display: none; 
	}

	nav{
		justify-content: left;
		padding-left: 0; 
	}

	header {
		justify-content: flex-start;
		padding-left: 16px;
	}
	header .container {
		align-items: center;
	}
	.container {
		width: calc(100% - 32px);
	}
	.banner {
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.banner .container {
		flex-direction: column;
	}

	.banner-content__title {
		text-align: center;
	}

	.banner-content__subtitle {
		text-align: center;
	}

	.banner-img {
		width: 100%;
		right: 0;
	}

	.banner-img img {
		width: 100%;
		right: 0;
		margin-top: 40px;
	}

	.banner-img svg {
		width: 100%;
		filter: blur(50px);
		left: 0;
	}

	.section-header{
		padding: 80px 17px 80px 16px; 
		background-position: -100px;
	}

	section.breadcrumbs{
		padding-left: 16px;
		padding-top: 24px; 
		background-color: #FAFCFF;
		margin: 0;
	}

	.webinar-card_banner {
		position: relative;
	}

	.webinar-card_banner img {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.webinar-card_datetime, .webinar-card_title {
		padding: 0 16px;
	}

	.inner-link_wrapper {
		margin-top: 30px !important;
		padding: 0 16px;
	}

	.webinars-list{
		padding: 20px 0 75px; 
	}

    .webinar-detail_program{
        padding-bottom: 30px; 
    }

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

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

    h1{
        font-size: 36px; 
    }

    .speaker-image img{
        max-width: calc(100% - 20px); 
    }
	.webinars-list .row:not(:first-of-type) {
		margin-top: 30px;
	}
    .webinar-detail_program-content{
        max-width: calc(100% - 20px); 
    }

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

    footer h1{
        font-size: 36px; 
    }

    .form_item{
       /* width: calc(100% - 20px);
		 max-width: calc(100% - 20px); */ 
    }

	.form_item__inline{
		max-width: 100%; 
	}

	.button.footer-registration-button{
		width: fit-content; 
	}

	.custom-checkbox+label::before {

		position:relative;
		top: -3px;
	}
	.form_item__checkbox label {
		display: block;
		padding-left: 32px;
	}
	.form_item__checkbox label::before {
		position: absolute;
		left: 0;
		top: -3px;
	}
	footer .form_item__checkbox>label {
		align-items: flex-start;
		text-align: left;
	}

	.webinar-modal-registration{
	  border-radius: 12px; 
	  padding-left: 16px;
	  padding-right: 16px;
	  padding-top: 69px !important;
	  position: absolute;
	  margin: 30px 0 -10px 0;
	  bottom: -100%;
	  transition: all .5s ease;
	}

	.webinar-modal-registration__after-success{
		bottom: 0; 
	}

	.webinar-modal-registration.suggest-topic{
		overflow-Y:scroll; 
		max-height: 100%; 
		bottom: -100%;
		transition: all .5s ease;
	}

	.webinar-modal-registration.suggest-topic.webinar-modal-registration__after-success {
		width: 100%;
	}

	.webinar-card{
		max-width: calc(100% - 32px); 
		margin-left: auto;
		margin-right: auto; 
	}

	.webinars-archive{
		padding: 60px 0 0; 
	}

	.webinar-archive_card {
		min-height: auto;
	}

	.webinars-archive_title{
		font-size: 28px;
		font-weight: 600;
		line-height: 111.4%;
	}

	.webinar-archive_card{
		display: flex;
		flex-direction: column;
		gap: 16px;
		max-width: 100%; 
		height: auto !important;
	}

	.webinar-archive_card-info {
		height: auto !important;
		flex: 1;
	}

	.webinar-archive_card .webinar-archive_video-preview {
		height: auto;
	}

	.webinars-archive_title-button {
		width: fit-content;
		margin: 30px auto 0;
	}

	.webinar-archive_card .webinar-archive_video-preview iframe {
		max-height: 197px !important;
	}

	.archive-filter {
		padding: 0 16px;
	}

	.digest-subscription {
		width: auto;
		padding: 60px 16px 60px;
		position: relative;
		background: var(--dark-blue);
	}

	.digest-subscription_bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.digest-subscription_bg img {
		position: absolute;
		right: 0;
	}

	.digest-subscription_content {
		z-index: 2;
	}

	.digest-subscription_title {
		position: relative;
		font-size: 28px;
	}

	.digest-subscription_title-text {
		text-indent: 15px;
		margin: auto;
	}

	.digest-subscription_subtitle {
		font-size: 18px;
		color: #fff;
	}

	.digest-subscription_button {
		width: 100%;
	}

	.digest-subscription.footer_wrapper__after-sending {
		padding: 123px 16px 123px;
	}

	.footer-img-web {
		display: none;
	}

	.footer-img-mob {
		display: block;
	}

	.footer_wrapper__after-sending .registration_title__success h1 {
		font-size: 28px;
	}

	/*.footer_wrapper__after-sending .registration_title__success .footer-registration-button {
		padding: 13px 102px;
	}*/

	.modal_background, .modal-suggest_background, .modal-subscribe_background {
    	display: flex;
		z-index: -10;
	}

	.modal_background__hidden, .modal-suggest_background__hidden, .modal-subscribe_background__hidden {
    	display: flex;
	} 

	.modal_background:not(.modal_background__hidden), .modal-suggest_background:not(.modal-suggest_background__hidden), .modal-subscribe_background:not(.modal-subscribe_background__hidden) {
    	z-index: 10;
	}

	.modal_background:not(.modal_background__hidden) .modal_bg, .modal-suggest_background:not(.modal-suggest_background__hidden) .modal_bg, .modal-subscribe_background:not(.modal-subscribe_background__hidden) .modal_bg {
    	z-index: 9;
		opacity: 1;
	}

	.modal_background:not(.modal_background__hidden) .webinar-modal-registration, .modal-suggest_background:not(.modal-suggest_background__hidden) .webinar-modal-registration, .modal-subscribe_background:not(.modal-subscribe_background__hidden) .webinar-modal-registration {
    	bottom: 0;
		z-index: 10;
	}

	.title-web {
		display: none;
	}

	.title-mob {
		display: flex;
	}

	.container-404>img{
		position: absolute;
		bottom: 50px;
		right: 20px;
		z-index: 0;
		width: 132px;
	}
	
	.bg-mobile {
		display:block;
	}

	.bg-web {
		display:none;
	}

	.container-404_content p {
		font-size: 20px;
		margin-top: 13px;
	}
	
	.container-404_content a {
		margin-top: 24px;
	}
	
	.container-404_content a:hover {
		background-color: #275EC7;
	}

	.cookies {
		width: calc(100vw - 64px);
		flex-direction: column;
		gap: 16px;
	}

	.cookies_content {
		align-items: flex-start;
	}

	.unsubscribe, .unsubscribe * {
		box-sizing: border-box;
	}

	.unsubscribe {
		position: relative;
		margin-top: 24px;
		padding: 0 16px 30px;
	}

	.unsubscribe_form {
		padding: 39px 20px 32px;
		width: 100%;
	}

	.unsubscribe_form-img {
		width: 100%;
	}

	.unsubscribe_form-title {
		font-weight: 600;
		font-size: 24px;
		line-height: 120%;
	}

	.custom-radio label {
		display: block;
	}

	.unsubscribe_form .button {
		width: auto;
		padding: 13px 26px;
	}

	.unsubscribe-link {
		text-align: center;
	}

	.unsubscribe_result {
		padding: 172px 30px 171px 29px;
	}

	.unsubscribe_result h4 {
		text-align: center;
	}

	.policy {
		padding-bottom: 20px;
	}
	.policy p {
		font-weight: 400;
		font-size: 16px;
		line-height: 125%;
	}
	.policy p a {
		font-weight: 400;
		font-size: 16px;
		line-height: 125%;
	}
	.list-point__title {
		font-size: 20px;
	}
	.list-point__title li {
		font-size: 16px;
		line-height: 125%;
	}
	.list-point__title li a {
		font-size: 16px;
		line-height: 125%;
	}
}

/* fix for iphone 7 */
@media screen and (max-width: 415px){
	.webinar-modal-registration{
		padding-top: 20px;
		margin-top:20px;
		padding-bottom: 40px;
	}

	.registration_input{
		margin-top:5px;
	}
}

/* webinars filters styles */
.catalog-section-button {
	margin: 0 8px;
	/* margin-bottom: 40px; */ 
	transition: 0.3s transform;
}

.webinars-filters{
	margin-top: 25px;
	margin-bottom: 15px;
}

.catalog-section-button:first-child{
	margin-feft:0;
}
.catalog-section-button div{
	font-weight:400;
	background: none;
	padding: 13px 26px;
	color: rgba(30, 30, 30, 1);
	border: 1px solid rgba(152, 193, 255, 1);
	border-radius: 43px;
	text-align: center;
	cursor: pointer;
	font-size: 16px; 
}

.catalog-section-button.active div {
	background:rgba(152, 193, 255, 1);
}

.catalog-section-button div span{
	color:grey;
	margin-left:8px;
	font-weight: 400;
}

.catalog-section-button.active div span{
	color:white;
}

.catalog-section-button a{
	text-decoration: none; 
}

@media screen and (max-width:992px){
	#catalog-top{
		overflow: scroll;
		flex-wrap:nowrap;
	}
	#catalog-top{
		margin-bottom: 10px;
	}
	#catalog-top .catalog-section-button{
		margin-bottom: 20px;
	}
	#catalog-top .catalog-section-button div{
		white-space: nowrap;
	}
}

@media screen and (max-width:992px){
	.catalog-section-button{
		margin: 0 8px;
	}
}

@media screen and (max-width:480px){
	/*.header_logo {
		width: 230px;
	}*/
	nav img {
		height: 24px;
	}

	.header_divider {
		margin-right: 12px;
	}

	.header_text {
		font-size: 20px;
	}

	.section-header {
		background: none;
	}

	.banner .webinar-card_button {
		z-index: 2;
		width: fit-content;
		color: #fff;
		background: var(--dark-blue-button);
		border-color: var(--dark-blue-button);
	}

	.section-header-button.suggest-topic-button:first-letter {
		text-transform: uppercase;
	}

	.section-header_background {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.section-header_background img:first-child {
		position: absolute;
		top: 10px;
		right: 0;
	}

	.section-header_background img:last-child {
		position: absolute;
		bottom: 60px;
		left: 0;
	}

	.catalog-section-button{
		margin: 0 4px;
	}
	.catalog-section-button:first-child{
		margin-left: 20px;
	}
	.catalog-section-button:last-child,
	.catalog-section-button:last-of-type{
		margin-right: 20px;
	}

	#catalog-top::-webkit-scrollbar  {
		display: none;
		height: 0;
		width: 0;
	}

	.webinars-list {
		padding: 60 0;
		background-color: #FAFCFF;
	}

	.stab_wrapper {
		margin: 80px auto !important;
	}

	.stab_content {
		flex-direction: column-reverse;
	}

	.webinars-archive_wrapper {
		padding: 0 16px 50px;
	}

	.webinars-archive_wrapper .sm-mt-16:first-child {
		margin-top: 0 !important;
	}

	.webinars-list .sm-mt-16:first-child {
		margin-top: 35px !important;
	}

	.webinars-list .sm-mt-16:last-child {
		margin-bottom: 60px !important;
	}
}

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

	.header_divider {
		margin-right: 8px;
	}

	.header_text {
    	font-size: 18px;
	}
}