@font-face {font-family: "KPMG";src: url("kpmg.woff");font-style: normal;font-weight: normal;}
@font-face {font-family: "Univers";src: url("univers.woff");font-style: normal;font-weight: normal;}

body,div,svg{ margin:0;padding:0;}img,svg,video{border:none;position:absolute;display:block;}body {background:#FFFFFF;overflow: hidden;line-height:1}div{position:absolute;display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;user-select: none;top:0;left:0;}span {display:inline-block;}
sup{font-size:60%; line-height:0; position: relative; top: -0.5em; vertical-align: baseline; margin-left:0.1em;}
div{letter-spacing:0em; font:30px/1.0em "KPMG"; white-space: nowrap;text-align:left; -webkit-font-smoothing: antialiased;}

#border{color: #000;}
#banner{width: 970px; height: 250px; background: #e5e5e5; visibility:hidden;overflow:hidden;}

#gradient{top:240px; left:50px; width:227px; height:325px; background:url(gradient.jpg); background-size:contain;}
#insight{width:100%; height:100%;}
#gray{background: #e5e5e5;width:100%; height:100%;}

#t1 div{font:inherit;}
/* CONTENT */
#t1{top: 15px; left: 200px; font-size: 55px; line-height: 0.95em; letter-spacing: 0em; color:#ffffff; }
#logo{top: 25px; left: 25px; width: 100px; }
#fg{top: -79px; left: 260px; }
#bg{top: -318px;left: 285px;}
/* CONTENT */

#guide { opacity: .5;}

#cta{
    top: 196px; left: 200px; font-size: 16px; width: 120px; letter-spacing: -0.08em;
    cursor: pointer;
    overflow: hidden;
    font-family:"Univers";    
    background: white;
    color: #1e49e2;
    padding: 10px 10px 8px 10px;
    opacity: 0;
    animation: ctaShow 1s 4.5s forwards;
}

@keyframes ctaShow {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

#cta div{font:inherit;}

.fullframe{width:100%; height:100%}
.text{padding-top:4px;}
.text div{position:relative;}
.retina{
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    overflow:hidden;
}
.skip{pointer-events:none;}
.centerX{left: 50%;transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);}
.centerY{top: 50%;transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);}
.centered{top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}