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

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: optimizeQuality;
                   /*-ms-interpolation-mode: nearest-neighbor;   IE (non-standard property) */
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

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

body, body * {
	vertical-align: baseline;border: 0;outline: 0;padding: 0;margin: 0;
    font-family: 'Roboto', sans-serif;
}

body{
    color: #FFFFFF;
}

#main-panel{
    display: inline-block;
}

#collapse_container_dc {
	position: absolute;
	width: 970px;
	height: 90px;
	border:1px solid #808080;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
	top: 0px;
	left: 0px;
	margin: auto;
	display:none;
    
	z-index: 100;
    overflow: hidden;
    
    background: url("_img/bkg_banner.jpg") no-repeat;
}

#expand_container_dc {
	position: absolute; top: 0px;
    
 
	width: 970px;
	height: 418px;
	border:1px solid #808080;
    
    background: url('_img/bkg.jpg') no-repeat;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: auto;
	display:none;
	overflow: hidden;
    z-index: 400;
}

.startZero{
    opacity: 0;
}

.hotspot {
    position: absolute; left: 0px; top: 0px; 
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

#closeBtn {
	position: absolute;
    top: -15px;
    right: -13px;
	width: 30px;
    height: 48px;

	cursor: pointer;
	z-index: 500;
    background-color: transparent;
    font-weight: 400;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #5F5F5F;
    font-size: 30px;
}

#closeBtn div{
    position: relative;
    top: -13px;
    left: -2px;
}

#closeBtn:hover {
	color: #F80000;
}

#cta1 {
    position: absolute;
    right: -31px;
    top: 18px;
    width: 165px;
    color: #282828;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    cursor: pointer;
}
.playBtn2{
    width: 50px;
    height: auto;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}

#cta1 div{
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

.cta{
    -webkit-transition: background 0.25s ease-out;
    -moz-transition: background 0.25s ease-out;
    -ms-transition: background 0.25s ease-out;
    -o-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}


#cta1:hover{
    color: #F80000;
}

#jumpingMan {
    position: absolute;
    top: 43px;
    left: 607px;
}

#logo {
    width: 198px;
    height: 74px;
    position: absolute;
    top: 0px;
    left: 50px;
}

#cta2 {
    font-size: 32px;
    font-weight: 300;
    position: absolute;
    left: 120px;
    top: 269px;
    letter-spacing: 2px;
}

.ln1 {
    font-size: 120px;
    font-weight: 600;
    position: absolute;
    left: 127px;
    top: 70px;
    transform: scale(1.05,0.9);
}

.ln1.blur {
    left: 71px;
}

.ln2 {
    font-size: 58px;
    font-weight: 400;
    position: absolute;
    left: 72px;
    top: 207px;
    letter-spacing: 1.5px;
    line-height: 60px;
}

.ln4 {
    font-size: 72px;
    font-weight: 400;
    position: absolute;
    left: 50px;
    top: 188px;
 /*   transform: scale(1.05,1);
    transform-origin: 0% 50%;*/
    letter-spacing: 0.25px;
}

.ln3 {
    font-size: 80px;
    font-weight: 500;
    position: absolute;
    left: 104px;
    top: 100px;
    letter-spacing: 0px;
}

.ln3.blur {
    left: 50px;
}

.ln5 {
    font-size: 32px;
    font-weight: 300;
    position: absolute;
    left: 120px;
    top: 289px;
    letter-spacing: 2px;
}

.blur {
    
}

.playBtn {
    width: 94px; height: auto;
    vertical-align: middle;
    padding-left: 15px;
}

#bnrLogo {
    width: 240px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: -10px;
}

.ln1BNR {
    font-size: 65px;
    font-weight: 500;
    position: absolute;
    left: 268px;
    top: 11px;
    transform: scale(1.05,0.9);
    line-height: 60px;
}

.ln1BNR.blur {
    left: 150px;
    display: none;
}

.ln2BNR {
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    left: 372px;
    top: 19px;
    letter-spacing: 1.5px;
    line-height: 23px;
}

.ln1BnrSVG {
    position: absolute;
    font-size: 65px;
    font-weight: 500;
    left: 190px;
    top: 10px;
    transform: scale(1.05,0.9);
}

.ln3SVG {
    font-size: 80px;
    font-weight: 600;
    position: absolute;
    left: -15px;
    top: 130px;
}

.ln1SVG {
    font-size: 120px;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top:110px;
   /* transform: scale(1.05,0.9);*/
}