@font-face {font-family: "kpmg";src: url("kpmg-b.woff2") format("woff2");font-style: normal;font-weight: normal;}
@font-face {font-family: "univers";src: url("univers-b.woff2") format("woff2");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{-webkit-font-smoothing: antialiased;}

#border{color: #000;}
#banner{width: 640px; height: 480px; visibility:hidden;overflow:hidden;}

#bg{width:100%; height:100%;background-image: linear-gradient(to top right, #1E49E2, #1E49E2);}

#stat-value, #stat-pct, #stat-label1, #stat-label2, #insight-copy, #tagline{font-family:"kpmg"; color:#fff;}


/* CONTENT */
#logo{top: 62px; left: 52px; width: 132px; height: 53px; }
#icon-container{overflow: hidden; cursor:pointer;width: 347px; height: 372px; top: 108px; left: 295px; }
#t1{font-family: "univers"; color: #ACEAFF; top: 68px; left: 295px; font-size: 21px; line-height: 1.19em; }


#stats {top: 207px; left: 62px; width: 220px; height: 192px;}
#stat-value{font-size: 192px; letter-spacing: 0.04em; }
#stat-pct{left: 130px; top: 50px;font-size: 137px; }
#stat-label1,#stat-label2{top: 178px; font-size: 43px; letter-spacing: 0.03em; line-height: 0.9em;}

#stat-label1 {
    left: 20px;
}


#insight-box{
    color: #63EBDA !important;
    font-family:"kpmg";
    letter-spacing: 0.04em;
    font-size: 36px;
    top: 177px;
    left: 40px;
    padding: 13px;
    width: 303px;
    border: 2px #ffffff solid;
    color:#fff;
    text-transform: uppercase;
}

#insight-copy{top: 250px; left: 53px; font-size: 58px; width: 420px; letter-spacing: 0.03em; }


#tagline{top: 218px; left: 54px; font-size: 43px; letter-spacing: 0.05em; line-height: 0.95em;}


#cta{
    font-family: "univers";
    width: 196px; height: 50px; font-size: 18px; top: 369px; left: 54px;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
}

#ctaLabel{
    text-align:center;
    font-size:18px;
    line-height: 51px;
    color:#fd349c;
    position:relative;
    pointer-events:none;
}


.retina{
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    overflow:hidden;
}
.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%);}