.promo-banner {
	--button-space: 15px;
	--button-size: 28px;
	--content-width: var(--wd-max-width);
	position: relative;
	overflow: hidden;
	border-radius: var(--wd-brd-radius);
}

.browser-Safari .promo-banner {
	transform: translate3d(0, 0, 0);
}

.promo-banner .banner-image :is(img,picture,video) {
	width: 100%;
	height: var(--wd-img-height);
	object-fit: cover;
	object-position: inherit;
}

.promo-banner .banner-image[style^="height"] :is(img,picture) {
	height: 100%;
}

.promo-banner .wrapper-content-banner {
	z-index: 2;
	display: flex;
	overflow: hidden;
	padding: 30px;
	border-radius: var(--wd-brd-radius);
}

.promo-banner .content-banner {
	position: relative;
	width: 100%;
	max-width: var(--content-width);
}

.promo-banner :is(.banner-subtitle,.banner-title,.banner-inner):not(:first-child) {
	margin-top: 7px;
}

.promo-banner .banner-title {
	display: block;
	margin-bottom: 0;
	line-height: 1.3;
}

.promo-banner .banner-inner p:first-child:empty {
	display: none;
}

.promo-banner .wd-countdown-timer {
	margin-top: 10px;
}

.promo-banner .banner-btn-wrapper {
	margin-top: var(--button-space);
}

.banners-carousel-wrapper .owl-dots {
	margin-top: 10px;
}

.wd-bg-position-top {
	background-position: center top;
	object-position: center top;
}

.wd-bg-position-bottom {
	background-position: center bottom;
	object-position: center bottom;
}

.wd-bg-position-left {
	background-position: left center;
	object-position: left center;
}

.wd-bg-position-right {
	background-position: right center;
	object-position: right center;
}

.wd-bg-position-center {
	background-position: center;
	object-position: center;
}

.banner-increased-padding .wrapper-content-banner {
	padding: 7%;
}

@media (min-width: 1200px) {
	.banner-increased-padding .banner-subtitle.wd-fontsize-xs {
		font-size: 1vw;
	}
	
	.banner-increased-padding .banner-subtitle.wd-fontsize-s {
		font-size: 1.1vw;
	}
	
	.banner-increased-padding .banner-subtitle.wd-fontsize-m {
		font-size: 1.3vw;
	}
	
	.banner-increased-padding .banner-title.wd-fontsize-s {
		font-size: 1.2vw;
	}
	
	.banner-increased-padding .banner-title.wd-fontsize-l {
		font-size: 1.6vw;
	}
	
	.banner-increased-padding .banner-title.wd-fontsize-xl {
		font-size: 2vw;
	}
	
	.banner-increased-padding .banner-title.wd-fontsize-xxl {
		font-size: 2.3vw;
	}
}

@media (max-width: 1199.98px) {
	.banner-subtitle.wd-fontsize-xs {
		font-size: 1vw;
	}
	
	.banner-subtitle.wd-fontsize-s {
		font-size: 1.1vw;
	}
	
	.banner-subtitle.wd-fontsize-m {
		font-size: 1.3vw;
	}
	
	.banner-title.wd-fontsize-s {
		font-size: 1.2vw;
	}
	
	.banner-title.wd-fontsize-l {
		font-size: 1.6vw;
	}
	
	.banner-title.wd-fontsize-xl {
		font-size: 2vw;
	}
	
	.banner-title.wd-fontsize-xxl {
		font-size: 2.3vw;
	}
}

@media (max-width: 1024px) {
	.banner-inner.wd-fontsize-m {
		font-size: 16px;
	}
}

@media (max-width: 768.98px) {
	.banner-btn-wrapper :is(.btn-size-default,.btn-size-large,.btn-size-extra-large) {
		padding: 5px 14px;
		min-height: 36px;
		font-size: 12px;
	}
	
	.banner-btn-wrapper .btn-style-link {
		padding: 0;
		min-height: unset;
	}
	
	.owl-items-sm-1 .banner-subtitle {
		font-size: 3vw;
	}
	
	.owl-items-sm-1 .banner-title {
		font-size: 5vw;
	}
	
	.banner-inner:is(.wd-fontsize-s,.wd-fontsize-m) {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.promo-banner .banner-subtitle {
		font-size: 3vw;
	}
	
	.promo-banner .banner-title {
		font-size: 5vw;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	:is(.vc_col-sm-6,.owl-items-md-2) .banner-subtitle.wd-fontsize-xs {
		font-size: 1vw;
	}
	
	:is(.vc_col-sm-6,.owl-items-md-2) .banner-subtitle.wd-fontsize-s {
		font-size: 1.3vw;
	}
	
	:is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-s {
		font-size: 1.6vw;
	}
	
	:is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-l {
		font-size: 2vw;
	}
	
	:is(.vc_col-sm-6,.owl-items-md-2) .banner-title.wd-fontsize-xl {
		font-size: 2.3vw;
	}
}

@media (min-width: 577px) and (max-width: 768.98px) {
	:is(.owl-items-sm-3,.owl-items-sm-2) .banner-subtitle {
		font-size: 2vw;
	}
	
	:is(.owl-items-sm-3,.owl-items-sm-2) .banner-title {
		font-size: 3vw;
	}
}