/** UTILS */
/* gold */
/* gray */
/* dark gray */
/* black */
/* white */
#header-page-video-wrapper { overflow: hidden; position: relative; height: 800px; background-size: cover; background-position: center center; }

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

#header-page-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; }

#header-page-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; }

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

#header-page-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; }

#header-page-video-wrapper .video-controls-wrapper .header-video-control:hover, #header-page-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; }

#header-page-video-wrapper .video-controls-wrapper .header-video-control:hover i, #header-page-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; }

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

#header-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%); }

body.header-none .header-block-wrapper { min-height: unset; padding-top: 257px; border-bottom: none; }

body .header-spacer { height: 200px; }

@media only screen and (max-width: 1350px) { body .header-spacer { height: 120px; } }

body .header-block-wrapper { width: 100%; height: auto; 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: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 675px; padding: 20px; margin-top: 92px; }

@media only screen and (max-width: 1350px) { body .header-block-wrapper { margin-top: 51px; min-height: 350px; } }

body .header-block-wrapper:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }

body .header-block-wrapper.has-image { padding-top: 0; padding-bottom: 50px; min-height: 765px; }

body .header-block-wrapper .overlay { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; mix-blend-mode: multiply; }

body .header-block-wrapper .video-play-wrapper { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; 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; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

@media only screen and (max-width: 600px) { body .header-block-wrapper .video-play-wrapper { top: -180px; } }

body .header-block-wrapper .video-play-wrapper img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0.8; }

body .header-block-wrapper .video-play-wrapper:hover { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

body .header-block-wrapper .video-play-wrapper:hover img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

body .header-block-wrapper picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

body .header-block-wrapper .header-block-text-wrapper { position: relative; z-index: 2; text-align: left; }

body .header-block-wrapper .header-block-text-wrapper h1 { margin: 0; padding: 0; }

@media only screen and (max-width: 600px) { body .header-block-wrapper .header-block-text-wrapper h1 { font-size: 1.75em !important; } }

body .header-block-wrapper .header-block-text-wrapper p { margin-bottom: 0; font-size: 28px; }

body .header-block-wrapper .header-block-text-wrapper p a { font-family: "Proza Libre", sans-serif; }

body .header-block-wrapper .header-block-text-wrapper h1 + * { margin-top: 10px; margin-bottom: 0; }

body .header-block-wrapper .header-block-text-wrapper *:last-child { margin-bottom: 50px; }

body .header-block-wrapper .header-block-text-wrapper .btn { margin: 10px 0 30px; border: 0; }

@media only screen and (max-width: 768px) { body .header-block-wrapper .header-block-text-wrapper .btn { margin: 25px 0; } }

body .header-block-wrapper .header-block-text-wrapper .btn.btn-transparent { padding: 0 0 5px; border-bottom: 1px solid #fff; color: #fff; text-transform: none; }

body .header-block-wrapper .header-block-text-wrapper .btn.btn-transparent:hover { text-decoration: none; color: #fff; background-color: transparent; border-bottom: 1px solid transparent; }

body .header-block-wrapper .caption { font-size: 18px; text-align: right; z-index: 2; width: 100%; position: absolute; right: 20px; margin: 0; }

@media only screen and (max-width: 600px) { body .header-block-wrapper .caption { position: static; padding: 0 25px; width: 80%; text-align: left; } }

.header-block-wrapper + .image-break-wrapper { height: 80px; background-position: center; background-size: 100%; margin-bottom: 80px; }

@media only screen and (max-width: 768px) { .header-block-wrapper + .image-break-wrapper { height: 50px; background-size: 1200px; } }

.image-break-wrapper.hide-margin { margin-bottom: 0; }