.rankvilon .h1-desc{ font-weight: 700;font-size: 20px;color: #DFDFDF;margin-bottom: 16px}
.rankvilon .h1-desc>a{font-weight: 700;font-size: 20px;}
.rankvilon .h1-desc>div{font-weight: 700;font-size: 20px;}
.rankvilon .h1-desc>.underline{color: #fff;border-bottom: solid 1px currentColor; cursor:pointer}

@media(min-width: 1024px){
    .rankvilon .h1-desc{margin-bottom: 28px;font-size: 40px;line-height: 52px;}
    .rankvilon .h1-desc>a{font-size: 40px;line-height: 52px;}
    .rankvilon .h1-desc>div{font-size: 40px;line-height: 52px;}
}

.rankvilon.topblock{
	position: relative;
	padding-bottom: 70px;
	border-radius: 0;
	margin-top: 0;
	/*background-color: var(--gray-transparent);*/
}
.rankvilon .topblock-bg{position: absolute;z-index: -1;height: 100%;object-fit: cover;top: 0;left: 0;width: 100%;}
.rankvilon.topblock .breadcrumbs-item{}
.rankvilon.topblock .breadcrumbs-item a{}
.rankvilon.topblock h1{color: #fff;margin-bottom: 10px;max-width: 920px;}
.rankvilon.topblock .h1-desc-big{color: #fff;}
.rankvilon.topblock p{
	color:#fff;
	font-size: 20px;
	line-height: 24px;
	margin-top: 2em;
	max-width: 100%;
}
@media (min-width: 1024px){
	.rankvilon.topblock p{
		max-width: 60%;
	}
}

.rankvilon.topblock .breadcrumbs{margin-bottom: 60px;}
.rankvilon.topblock .buttons-wrapper{margin-top: 42px;gap: 13px;align-items: flex-start;}

@media (min-width: 1024px){
    .rankvilon.topblock .breadcrumbs{margin-bottom: 159px;}
    .rankvilon.topblock .buttons-wrapper { margin-top: 75px;}
    .rankvilon.topblock {padding-bottom: 220px;}
}

h1.webinar-title{font-weight: 700;margin-bottom: 20px; font-size: 18px;line-height: 24px;}
@media (min-width: 1024px) {
	h1.webinar-title{font-size: 28px;line-height: 39px;margin-bottom: 12px;}
}

.webinar-block {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.34;
	margin-bottom: 1.1em;
}
@media (min-width: 1024px){
	.webinar-block {
		font-size: 40px;
	}
}
.webinar.container {
	margin-bottom: 4em;
}
.webinar-link a, .webinar-link a:hover, .webinar-link a:active, .webinar-link a:visited {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(41, 57, 77, 0) 0%, rgba(41, 57, 77, 0.07) 46.17%, rgba(41, 57, 77, 0.56) 100%);
	color: #fff;
	text-decoration: none;
	margin-bottom: 1em;
}
.webinar-link img {
	display: block;
	position: relative;
	z-index: -1;
}
.webinar-meta {
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #fff;
	font-size: 15px;
	padding: 0 1em;
	align-items: center;
}
@media (min-width: 1024px){
	.webinar-meta {
		bottom: 2em;
		font-size: 20px;
		padding: 0 2em;
	}
}
.webinar-meta .cta:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 51 51"><circle cx="25.5" cy="25.5" r="24.5" fill="none" stroke="%23fff"/><path fill="%23fff" fill-rule="nonzero" d="M33.97 25.13a1 1 0 0 1 0 1.74l-11.98 6.78a1 1 0 0 1-1.49-.87V19.22a1 1 0 0 1 1.5-.87l11.97 6.78Z"/></svg>');
	background-size:contain;
	vertical-align: middle;
	margin-right: 0.5em;
}
.webinar-link a:hover .webinar-meta .cta:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 51 51"><circle cx="25.5" cy="25.5" r="24.5" fill="none" stroke="%23fff"/><path fill="%23fff" d="M25.5 1c13.18.38 24.81 11.32 24.81 24.5S38.68 49.62 25.5 50C12.32 49.62.69 38.68.69 25.5S12.32 1.38 25.5 1Zm8.46 24.13L22 18.35a1 1 0 0 0-1.49.87v13.56a1 1 0 0 0 1.5.87l11.97-6.78a1 1 0 0 0 0-1.74h-.02Z"/></svg>');
}
@media (min-width: 1024px){
	.webinar-meta .cta:before {
		width: 51px;
		height: 51px;
	}
}

.webinar-meta .cta {
	font-weight: 600;
}

.webinar-speaker {
	margin-bottom: 0;
}

blockquote {
	font-size: 16px;
	line-height: 23px;
	color: var(--gray-light);
	margin-bottom: 30px;
}

.video-box .video-js {
	width: 100%;
	height: auto;
}
