/*=========================

    Video BG Styles

==========================*/

/* Hide the promo bar
----------------------------*/

body.index #header-incentive {
    
}

#hero-map {
    display: none !important;
}

#hero .center-logo {
    width: 210px;
    text-align: center;
}

#hero .center-logo  img {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	max-width: 180px;
}

#hero .center-logo #play-video {
    text-align: center;
    color: #fff;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    max-width: 210px;
    font-family: DINWebProCondBold, arial, sans-serif;
    font-size: .775rem;
    margin-top: 5px;
    padding: 5px 8px;
    background: #613259;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.18);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.18);
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#hero .center-logo #play-video:hover {
    background: #834477;
}

#hero .center-logo #play-video i {
    margin-left: 10px;
    position: relative;
    top: 1px;
}

#hero .center-logo #play-video:hover {
    cursor: pointer;
    color: #fefefe;
}

div#pattern-overlay {
    width: 100%;
    opacity: 0;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 2;
    background: url(https://cdn.shopify.com/s/files/1/2293/3447/t/2/assets/pattern.png?16855229085091195361);
    position: absolute;
    top: 0;
    left: 0;
}

#hero video#bgvid {
    width: 100%;
	min-width: 100%;
	position: relative;
    z-index: -100;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1;
}

#play-video {
    max-width: 240px;
    font-weight: 600;
    font-size: .875rem;
    letter-spacing: .08em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

@media screen and ( max-width: 800px ) {

    #hero {
        max-height: 85vh !important;
        height: 85vh !important;
        min-height: 0;
    }

	#hero video#bgvid {
		height: 100% !important;
		min-height: 100% !important;
		width: auto !important;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		min-width: initial;
		max-width: 2000000px;
	}
}


#hero video#bgvid {

}


#video-popup {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
    background: #000;
    z-index: 1000000;
    border: none;
    -webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,.8);
    box-shadow: 0 0 100px 0 rgba(0,0,0,.8);
}


#video-popup video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:100;


}

#video-popup .close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/vid-close-button.png) center center no-repeat;
    z-index: 10000000;
}

#video-popup .close:hover {
    cursor: pointer;
}