/*
    Intro
*/

.intro-brown {
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #726647;
}
.intro-abs {
	position: absolute;
}
.block-4,
.block-3,
.block-2,
.block-1 {
}
.block-1 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.block-2 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.block-3 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.block-4 {
	background-color: #333;
}
.pos1 {
	z-index: 1;
}
.pos2 {
	z-index: 2;
}
.pos3 {
	z-index: 3;
}
.pos4 {
	z-index: 4;
}
.title-top {
	font-weight: 500;
	position: absolute;
	top: 75px;
	z-index: 40;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 3px;
	text-align: center;
}
.title-bot {
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	bottom: 78px;
	font-weight: 500;
	z-index: 40;
	color: #fff;
	font-size: 14px;
	letter-spacing: 3px;
	text-align: center;
	left: 0;
	right: 0;
}
.title-bot a {
	color: #fff;
}
.title-top.text-darker,
.title-bot.text-darker,
.title-bot.text-darker a {
	color: #726647;
}
.title-bot span {
	border-bottom: 1px solid #fff;
}
.title-bot.text-darker span {
	border-bottom: 1px solid #726647;
}
.underl span.end {
	background-color: #transparent;
}
.title-bot.uline span a {
	display: inline-block;
	position: relative;
	padding-bottom: 2px;
}
.video-scale {
	position: absolute;
	width: 100%;
	height: 100%;
}
.video-scale video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
  	background-image:;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover;
   	z-index:1;
}
.o-over {
	position: relative;
	overflow: hidden;
}
.o-over-top {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/swipe.png);
	background-repeat: no-repeat;
	background-position: -400px top;
}
.scoop {
	position: absolute;
	z-index: 4;
	height: 40px;
	bottom: 0;
	width: 100%;
	background-color: #726647;
	overflow: hidden;
}
.o {
	z-index: 3;
}
.d {
	z-index: 2;
}
.e {
	z-index: 1;
}
#audio-control {
	position: absolute;
	z-index: 41;
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	color: #f4f2ee;
	cursor: pointer;
	right: 65px;
	bottom: 70px;
	display: block;
}
.vid-desk {
	display: block;
}
.vid-moby {
	display: none;
}

/* End main CSS */

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

#audio-control {
	right: 30px;
}

}

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

.title-bot {
	bottom: 88px;
}
#audio-control {
	bottom: 80px;
	display: block;
}

}

@media (hover: none) {

.block-2 {
	display: none;
}
#audio-control {
	display: none;
}
.vid-desk {
	display: none;
}
.vid-moby {
	display: block;
}


}