@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}


#container_dc {
	position: absolute;
	width: 1080px;
	height: 1920px;
	margin: auto;
    overflow: hidden;
	-ms-transform: scale(0.3);
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	top: -672px;
    left: -399px;
}

#content_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	z-index: 100;
}

/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 700;
}

/* Div layer containing the video player and video controls. */
#video_container_dc {
	position: absolute;
	width: 1080px;
	height: 1920px;
	top: 0px;
	left: 0px;
	z-index: 500;
}

#vid1 {
	position: absolute;
	width: 835px;
    height: auto;
    left: 131px;
    top: 240px;
    z-index: 600;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
::-moz-focus-inner {border:0;}


#endframe {
    position: absolute;
    top:0px;
    left:0px;
    width: 1080px;
    height: 1920px;
    z-index: 590;
    opacity: 0;
}

#whiteBlocker {
    position: absolute;
    top:0px;
    left:0px;
    width: 270px;
    height: 480px;
    background: url("../images/poster.jpg") center center no-repeat;
    z-index: 590;
}

#play {
    
}

.controls {
    position: absolute;
    right: 0px; 
    bottom: 0px;
    z-index: 800;
    opacity: 0;
}

#phone_mockup{
	position: absolute;
}