/** UTILS */
#front-page-video-wrapper { overflow: hidden; position: relative; height: 800px; }

@media only screen and (max-width: 1024px) { #front-page-video-wrapper { height: 600px; } }

@media only screen and (max-width: 600px) { #front-page-video-wrapper { height: 250px; } }

#front-page-video-wrapper .video-wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper { position: absolute; z-index: 10; right: 20px; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control { background: transparent; border: none; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 30px; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control.hidden { display: none; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control i { opacity: 0.5; color: white; font-size: 18px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control:hover, #front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control:focus { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control:hover i, #front-page-video-wrapper .video-wrapper .video-controls-wrapper .header-video-control:focus i { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 1; }

#front-page-video-wrapper .video-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.header-slider { position: relative; }

.header-slider.one-slide .flexslider .flex-direction-nav { display: none; }

.header-slider .flexslider { border: none; margin-bottom: 0; }

.header-slider .flexslider .slides li { width: 100%; height: 80vh; max-height: 980px; position: relative; }

@media only screen and (max-width: 1024px) { .header-slider .flexslider .slides li { height: 90vh; width: auto; } }

@media only screen and (max-width: 600px) { .header-slider .flexslider .slides li { height: 50vh; } }

.header-slider .flexslider .slides li .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+50,000000+100&0.45+0,0.95+0,0+50,0.95+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.95)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.95))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.95) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */ }

.header-slider .flexslider .slides li .text-block { position: relative; width: 100%; max-width: 1440px; margin: 40px auto 0 auto; padding: 90px 90px 90px 90px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media only screen and (max-width: 600px) { .header-slider .flexslider .slides li .text-block { padding: 30px 30px 30px 30px; margin: 0; } }

.header-slider .flexslider .slides li .text-block .sub-headline { margin-bottom: 10px; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 2.5px; }

.header-slider .flexslider .slides li .text-block .home-slider-headline { margin: 0; }

@media only screen and (max-width: 600px) { .header-slider .flexslider .slides li .text-block .home-slider-headline { text-align: center; } }

.header-slider .flexslider .slides li .text-block .home-slider-content { margin-top: 20px; }

.header-slider .flexslider .slides li img.header-slider-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.header-slider .flexslider .flex-control-nav { position: absolute; bottom: 30px; z-index: 2; }

.header-slider .flexslider .flex-direction-nav { width: 100%; max-width: 1440px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: absolute; bottom: 50px; left: -10px; right: 0; margin: auto; }

@media only screen and (max-width: 600px) { .header-slider .flexslider .flex-direction-nav { left: 0; padding-left: 20px; } }

.header-slider .flexslider .flex-direction-nav a { display: block; z-index: 2; }

.header-slider .flexslider .flex-direction-nav .flex-next, .header-slider .flexslider .flex-direction-nav .flex-prev { opacity: 0.7 !important; position: relative; display: block; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }

.header-slider .flexslider .flex-direction-nav .flex-next:hover, .header-slider .flexslider .flex-direction-nav .flex-prev:hover { -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; opacity: 1 !important; }

.header-slider .flexslider .flex-direction-nav .flex-next:before, .header-slider .flexslider .flex-direction-nav .flex-prev:before { font-family: "Font Awesome 5 Pro"; font-size: 30px; font-weight: 300; color: white; }

.header-slider .flexslider .flex-direction-nav .flex-next { right: 0; }

.header-slider .flexslider .flex-direction-nav .flex-next:before { content: "\f054"; }

.header-slider .flexslider .flex-direction-nav .flex-prev { left: 0; }

.header-slider .flexslider .flex-direction-nav .flex-prev:before { content: "\f053"; }