
.textmedia-block {
position: relative;
padding: 90px 0;
overflow: hidden;
}
.textmedia-block .span {
z-index: 1;
}
figure.textmedia-image {
text-align: center;
margin: 0;
}
.textmedia-image img {
border-radius: 4px;
}
.textmedia-block.full .textmedia-image {
position: absolute;
top: 0;
left: 0;
width: 48.25%;
height: 100%;
}
.textmedia-block.full.has-video .textmedia-image {
width: 60%;
max-width: 1300px;
}
.textmedia-block.full.full-left .textmedia-image {
left: auto;
right: 0;
}
.textmedia-block.full .textmedia-image img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: 50% 100%;
border-radius: 0;
}
.textmedia-block .bcols-one ul,
.textmedia-block .bcols-one ol {
column-count: 1;
}
.textmedia-block .bcols-two ul,
.textmedia-block .bcols-two ol {
column-count: 2;
column-gap: 50px;
}
.textmedia-block .bcols-two li {
break-inside: avoid;
}
.textmedia-block p:last-child {
margin: 0;
}
.textmedia-block .logolist ul {
column-count: 1;
column-gap: 0;
padding: 0;
margin: 0;
}
.textmedia-block a.cta + .logolist ul {
padding-top: 20px;
}
.textmedia-block .logolist li {
display: inline-block;
vertical-align: middle;
max-width: 200px;
list-style: none;
box-sizing: border-box;
padding: 15px 30px 15px 0;
margin: 0;
}
.textmedia-block .logolist li:before {
display: none;
}
.textmedia-block .custom-videoplayer {
position: relative;
width: 100%;
height: 100%;
}
.textmedia-block .custom-videoplayer video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.textmedia-block .btnplay {
position: absolute;
top: 50%;
left: 50%;
width: 96px;
height: 96px;
text-indent: -9999999px;
background: url(../../images/icons/play-white.svg) 50% 50% no-repeat;
background-size: contain;
border-radius: 50%;
margin: -48px 0 0 -48px;
z-index: 1;
cursor: pointer;
transition: all 0.2s;
}
.textmedia-block .btnplay:hover,
.textmedia-block .btnplay:focus {
scale: 1.1;
background-color: rgba(0,0,0,0.33);
}
.textmedia-block .btnpause {
position: absolute;
bottom: 40px;
right: 40px;
width: 32px;
height: 32px;
text-indent: -9999999px;
background: url(../../images/icons/pause-white.svg) 50% 50% no-repeat;
background-size: contain;
border-radius: 50%;
z-index: 1;
cursor: pointer;
}
.textmedia-block .btnpause:hover,
.textmedia-block .btnpause:focus {
scale: 1.1;
background-color: rgba(0,0,0,0.33);
}
.video-caption {
position: relative;
display: block;
text-align: left;
padding: 10px 0 0 0;
}
.textmedia-block.full .textmedia-image .video-caption {
position: absolute;
left: 0;
bottom: 0;
width: 50%;
min-height: 87px;
color: #002A42;
background: #f5fbff;
box-sizing: border-box;
padding: 20px 50px 20px 20px;
}
.textmedia-block.full .textmedia-image .video-caption .num {
margin: 0 0 5px 0;
}
.textmedia-block.full .textmedia-image .video-caption img {
display: inline-block;
vertical-align: middle;
max-width: 24px;
margin: 0 10px 0 0;
}
.swiper-textmediavideo,
.swiper-textmediavideo .swiper-container,
.swiper-textmediavideo .swiper-wrapper,
.swiper-textmediavideo .swiper-slide {
height: 100% !important;
}
.swiper-textmediavideo,
.swiper-textmediavideo .swiper-container {
overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.textmedia-block.full .textmedia-image .video-caption {
	width: 75%;
	}
}
@media screen and (max-width: 767px) {
	.textmedia-block {
	padding: 60px 0;
	}
	.textmedia-block + .textmedia-block:not(.full-left.cobalt-bg-color),
	.textmedia-block + .textmedia-block:not(.full-left.navy-bg-color),
	.textmedia-block + .textmedia-block:not(.full-left.magenta-bg-color),
	.textmedia-block + .textmedia-block:not(.full-left.green-bg-color),
	.textmedia-block + .textmedia-block:not(.full-left.orange-bg-color),
	.textmedia-block + .textmedia-block:not(.full-left.yellow-bg-color) {
	padding-top: 0;
	}
	.textmedia-block.full.full-left.cobalt-bg-color,
	.textmedia-block.full.full-left.navy-bg-color,
	.textmedia-block.full.full-left.magenta-bg-color,
	.textmedia-block.full.full-left.green-bg-color,
	.textmedia-block.full.full-left.orange-bg-color,
	.textmedia-block.full.full-left.yellow-bg-color {
	padding-top: 60px;
	padding-bottom: 0;
	}
	.textmedia-image {
	text-align: center;
	}
	.textmedia-block.full .textmedia-image {
	position: relative;
	top: auto;
	right: auto;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	}
	.textmedia-block.full.full-left .textmedia-image {
	margin-bottom: -5px;
	}
	.textmedia-block.full .textmedia-image img {
	border-radius: 4px;
	}
	.textmedia-block .custom-videoplayer video {
	position: relative;
	}
	.textmedia-block.full .textmedia-image .video-caption {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	padding-left: 5%;
	}
}


/* Swiper nav controls
....................................................................... */
.textmedia-block nav {
position: absolute;
top: 0;
right: 20px;
width: 24px;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.textmedia-block .swiper-button-prev,
.textmedia-block .swiper-button-next {
visibility: hidden;
position: relative;
top: auto;
left: auto;
right: auto;
display: block;
width: 100%;
height: auto;
transition: all 0.2s;
border: 1px solid #fff;
border-radius: 3px;
padding: 5px;
margin: 0;
}
.textmedia-block .swiper-button-prev.visible,
.textmedia-block .swiper-button-next.visible {
opacity: 1;
visibility: visible;
}
.textmedia-block .swiper-button-prev:hover,
.textmedia-block .swiper-button-next:hover {
}
.textmedia-block .swiper-button-prev:focus,
.textmedia-block .swiper-button-next:focus {
border-color: #002A42;
}
.textmedia-block .swiper-button-prev span,
.textmedia-block .swiper-button-next span {
position: absolute;
top: -9999999px;
left: -9999999px;
}
.textmedia-block .swiper-button-prev i,
.textmedia-block .swiper-button-next i {
display: block;
width: 12px;
height: 24px;
margin: 0;
}
.textmedia-block .swiper-button-prev i {
background: url(../../images/icons/arrow-up.svg) 50% 50% no-repeat;
}
.textmedia-block .swiper-button-next i {
background: url(../../images/icons/arrow-down.svg) 50% 50% no-repeat;
}
.textmedia-block .swiper-button-prev.swiper-button-disabled,
.textmedia-block .swiper-button-next.swiper-button-disabled {
opacity: 0.25;
}

/* Background images */
.textmedia-block.full .bg-shdw {
position: absolute;
top: 400px;
left: 50%;
width: 1000px;
height: 1276px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 0 0 -500px;
z-index: 0;
transform: scale(2);
}
.textmedia-block.full .bg-shdw.shdw-left-inner {
top: -100px;
left: 700px;
rotate: -45deg;
}
.textmedia-block.full .bg-shdw.shdw-right-inner {
top: -100px;
left: auto;
right: 200px;
rotate: 45deg;
}
