/* Start:/local/css/about.css?17729041766701*/
/* @group Background video & caption */
/*.video-foreground
{
background: url(/local/img/about_cover.jpg);
background-size: 0px;
}
.video-foreground.cover
{
background: url(/local/img/about_cover.jpg);
background-repeat: no-repeat;
background-size: 100%;
top: 0;
height: 400%;
background-position: 0px -279px;
}*/
.about_wrapper
{
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: -290px;
right: 0;
}
.about_content
{
max-width: 1920px;
display: inline-block;
position: relative;
width: 100%;
}
.about_cover_wrapper
{
position: relative;
width: 100%;
overflow: hidden;
}
.video_mask
{
	position: fixed;
	z-index: 1;
	cursor: pointer;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
}
.about_cover_img
{
max-width: 100%;
display: inline-block;
width: 100%;
min-width: 1400px;
}
.about_wrapper .about-caption
{
position: absolute;
width: 600px;
bottom: 70px;
z-index: 3;
left: 50%;
margin-left: -300px;
font-weight: 500;
}
.about_play_btn
{
position: absolute;
top: -30%;
left: 50%;
margin-left: -50px;
width: 100px;
height: 100px;
cursor: pointer;
/* background: url(/local/img/play_button_90px.svg); */
background: url(/local/img/play_button_90px_fade.svg) no-repeat center center;
background-size: 90px;
transition-property: background-image, opacity;
transition-duration: 400ms;
-webkit-transition: background-image 400ms, opacity 400ms;
z-index: 2;
}
.about_video_wrapper
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*z-index: 2;*/
}
.about_video_wrapper.opened
{
	display: flex;
}
.about_play_btn.played
{
	display: none;
}
.about_video_wrapper video
{
	display: inline-block;
	/*max-width: 1200px;*/
	width: 92%;
	position: relative;
	z-index: 1500;
}
.about_video_wrapper audio::-webkit-media-controls-timeline,
.about_video_wrapper video::-webkit-media-controls-timeline {
    display: none;
}
.video-background video
{
width: 800px !important;
left: 50% !important;
margin-left: -400px !important;
top: 6% !important;
height: auto !important;
z-index: 51;
}
.click-receiver.played
{
position: fixed !important;
}
.video-background2
{
position: absolute;
top: -205px;
left: 0;
right: 0;
z-index: -100;
overflow: hidden;
}
.video-foreground
{
opacity: 1;
}
.video-foreground.cover
{
opacity: 0;
}
.about .click-receiver
{
padding-bottom: 0 !important;
}
.about .click-receiver
{
background-position: bottom center !important;
bottom: 30px !important;
}
.video-foreground
{
top: 0 !important
}
.video-background .about-caption
{
top: 510px;
}
.about_cover_img
{

}
.about .container.content
{
margin-bottom: 0;
}
.video-background {
  position: absolute;
  top: 105px; 
  right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe,
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
height: 100%;
/*pointer-events: none;*/
}
@media (max-width: 1580px) {
.about_wrapper
{
top: -170px;
}
.about_wrapper .about-caption
{
bottom: 0;
}
}

@media (max-width: 1280px) {
.about_cover_img
{
min-width: 0;
}
.about_wrapper{
top: 0;
}
.about_wrapper .about-caption
{
position: relative;
width: 100%;
left: auto;
bottom: auto;
margin-left: 0;
top: -120px;
}
.about_wrapper
{
position: relative;

}
.about_play_btn
{
    top: 15px;
}
.about-caption .caption-text-block
{
padding-top: 100px !important;
margin-top: 15px;
}
.about footer.site-footer
{
position: relative !important;
}

}
@media (max-width: 767px) {
.about_wrapper .about-caption
{
top: 0;
}
	.about_play_btn{
		background-size: 60px !important;
		    margin-left: -30px;
    width: 60px;
    height: 60px;
	}
.about-caption .caption-text-block
{
padding-top: 70px !important;
margin-top: 15px;
}

	.video-foreground,
	.video-background iframe,
	.video-background video {
		/*pointer-events: auto;*/
	}
	
}
.video-background .about-caption {
	z-index: 50;
	position: absolute;
	/*bottom: 70px;*/
	width: 100%;
	text-align: center;
	font-weight: 500;
}
.about-caption .caption-text-block {
	display: inline-block;
	margin: 0 auto;
}
.about-caption .caption-text-block .main-specs {
	font-size: 1.6em;
	color: white;
}
.about-caption .caption-text-block h1 {
	padding: 0 0.5em;
	color: #fe012f;
	font-weight: inherit;
}
.about-caption .caption-text-block .main-specs b {
	padding: 0 0.2em;
	color: #fe012f;
}

#vidtop-content {
	top: 0;
	color: #fff;
}

.video-background .video-controls {
	z-index: 60;
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: none !important;
}

.video-background .video-controls .btn-transparent {
	color: #eee;
	background-color: rgba(255, 255, 255, 0.15);
	border-color:  rgba(255, 255, 255, 0.2);
}

.video-background .video-controls .btn-transparent:hover {
	color: #333;
	background-color: rgba(255, 255, 255, 0.7);
}




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

	.video-background .about-caption {
		bottom: 42px;
	}
	.about-caption .caption-text-block .main-specs {
		font-size: 1.35em;
	}
	.about-caption .caption-text-block h1 {
		font-size: 3em;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {

	.video-background .about-caption {
		bottom: 35px;
	}
	.about-caption .caption-text-block .main-specs {
		font-size: 1.22em;
	}
	.about-caption .caption-text-block h1 {
		font-size: 2.5em;
	}
	
}

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

	.video-background .about-caption {
		bottom: 28px;
	}
	.about-caption .caption-text-block .main-specs {
		font-size: 1.1em;
	}
	.about-caption .caption-text-block h1 {
		font-size: 1.9em;
	}
	
}

@media (max-width: 479px) {

	.video-background .about-caption {
		bottom: 20px;
	}
	.about-caption .caption-text-block .main-specs {
		font-size: 0.83em;
	}
	.about-caption .caption-text-block h1 {
		font-size: 1.58em;
		margin-bottom: 0.25em;
	}
}

@media (max-width: 767px) and (orientation: lanscape) {

	.video-background .about-caption {
		bottom: 20px;
	}
	.about-caption .caption-text-block .main-specs {
		font-size: 0.83em;
	}
	.about-caption .caption-text-block h1 {
		font-size: 1.58em;
		margin-bottom: 0.25em;
	}
}



/* @end */

/* @group Overrides */

.about footer.site-footer {
	opacity: 0.9;
	position: absolute;
	top: 100%;
	width: 100%;
}
video::-webkit-slider-thumb,
video::-moz-range-track,
video::-moz-range-thumb,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel-container
{
	display: none!important;
	-webkit-appearance: none;
	opacity: 0;
	pointer-events: none;
}

/* @end */
/* End */
/* /local/css/about.css?17729041766701 */