.lsow-hero-header {
position: relative; }
.lsow-hero-header {
padding: 200px 0;
margin: 0;
overflow: hidden; }
@media only screen and (max-width: 1100px) {
.lsow-hero-header {
background-attachment: scroll !important;
background-position: center center !important; } }
@media only screen and (max-width: 767px) {
.lsow-hero-header {
padding: 60px 0; } }
.lsow-hero-header .lsow-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; }
.lsow-hero-header .lsow-parallax-bg, .lsow-hero-header .lsow-image-bg, .lsow-hero-header .lsow-html5-video-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0 auto; }
.lsow-hero-header .lsow-html5-video-bg video {
width: 100%;
height: auto; }
@media only screen and (max-width: 767px) {
.lsow-hero-header .lsow-html5-video-bg video {
width: auto;
height: 100%; } }
.lsow-hero-header .lsow-parallax-bg, .lsow-hero-header .lsow-image-bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.lsow-hero-header.lsow-section-bg-youtube .lsow-hero-header-content, .lsow-hero-header.lsow-section-bg-parallax .lsow-hero-header-content, .lsow-hero-header.image-banner .lsow-hero-header-content {
position: relative; }
.lsow-hero-header.lsow-section-bg-youtube .lsow-image-bg {
z-index: -1; }
.lsow-hero-header.lsow-section-bg-parallax {
overflow: hidden; }
.lsow-hero-header.lsow-section-bg-parallax .lsow-parallax-bg {
height: 200%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.lsow-mobile-device .lsow-hero-header.lsow-section-bg-parallax .lsow-parallax-bg {
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.lsow-hero-header .lsow-header-content {
position: relative;
max-width: 700px;
margin: 0 auto;
text-align: center;
padding: 0 20px; }
.lsow-hero-header .lsow-header-content .lsow-subheading {
color: #aaa;
font-style: italic;
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
font-weight: 400; }
.lsow-hero-header .lsow-header-content .lsow-heading {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 28px;
line-height: 40px;
font-weight: bold;
margin: 0;
color: #ebebeb; }
.lsow-hero-header .lsow-header-content .lsow-button {
display: inline-block;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 4px;
border: 1px solid #bbb;
padding: 10px 35px;
color: #eeeeee;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
margin-top: 30px; }
.lsow-hero-header .lsow-header-content .lsow-button:hover {
color: #fff;
border-color: #ffffff; }
@media only screen and (max-width: 600px) {
.lsow-hero-header .lsow-header-content .lsow-subheading {
font-size: 16px;
line-height: 24px; }
.lsow-hero-header .lsow-header-content .lsow-heading {
font-size: 20px;
line-height: 30px; } }
.lsow-hero-header iframe,
.lsow-hero-header object,
.lsow-hero-header embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none; } .lsow-hero-header .lsow-pointer-down {
display: block;
left: 50%;
bottom: 10px;
margin-left: -26px;
position: absolute;
font-size: 32px;
z-index: 3;
padding: 10px 20px;
border-radius: 2px;
-webkit-transition: all ease-in-out 0.3s 0s;
transition: all ease-in-out 0.3s 0s;
color: #fff; }
@media only screen and (max-width: 767px) {
.lsow-hero-header .lsow-pointer-down {
display: none; } }
.lsow-hero-header .lsow-pointer-down:hover {
background: rgba(255, 255, 255, 0.2); }