@charset "UTF-8";

body{
    background:#fff;
}

.banner {
    width: 300px;
    height: 250px;
    border: 1px solid #acacac;
    overflow: hidden;
    display: block !important;
    box-sizing: border-box;
    background: #c8102e; 
}

#loader-container {
    display: none;
}

#btn-exit{
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;   
    cursor: pointer;
}

#logo {
    background: url(img/logo.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 25px;
    top: 208px;
    left: 263px;
    opacity: 0;
}

#line {
    background: #c8102e;
    width: 1px;
    height: 31px;
    top: 204px;
    left: 252px;
    opacity: 0;
}

#taglineMask {
    width: 97px;
    height: 13px;
    top: 213px;
    left: 155px;
    overflow:hidden; 
}

#tagline {
    background: url(img/tagline.svg);
    width: 91px;
    height: 13px;
    top: 0;
    left: 100px;
}

#bgWhite {
    background: #fff;
    width: 300px;
    height: 56px;
    bottom: -56px;
    left: 0;
}

.text1 {
    background: url(img/text1.png);
    background-repeat: no-repeat;
    background-size: 251px 78px;
    overflow: hidden;
}

#text2_1 {
    background: url(img/text2.png);
    background-repeat: no-repeat;
    background-size: 240px 21px;
    width: 240px;
    height: 21px;
    top: 133px;
    left: 21px;
    opacity: 0;
}

#text3_1 {
    background: url(img/text3.png);
    background-repeat: no-repeat;
    background-size: 229px 8px;
    width: 458px;
    height: 16px;
    top: 238px;
    left: 35px;
    opacity: 0;
}

#text1 {
    background-position: 0 0;
    width: 37px;
    height: 34px;
    top: -89px;
    left: 17px;
}

#text2 {
    background-position: -53px 0;
    width: 25px;
    height: 33px;
    top: -88px;
    left: 71px;
}

#text3 {
    background-position: -83px 0;
    width: 19px;
    height: 33px;
    top: -88px;
    left: 100px;
}

#text4 {
    background-position: -104px 0;
    width: 23px;
    height: 33px;
    top: -88px;
    left: 122px;
}

#text5 {
    background-position: -128px 0;
    width: 22px;
    height: 33px;
    top: -88px;
    left: 146px;
}

#text6 {
    background-position: -154px 0;
    width: 19px;
    height: 33px;
    top: -88px;
    left: 172px;
}

#text7 {
    background-position: -178px 0;
    width: 27px;
    height: 33px;
    top: -88px;
    left: 196px;
}

#text8 {
    background-position: -3px -44px;
    width: 20px;
    height: 34px;
    top: -44px;
    left: 20px;
}

#text9 {
    background-position: -23px -42px;
    width: 38px;
    height: 37px;
    top: -46px;
    left: 41px;
}

#text10 {
    background-position: -62px -43px;
    width: 26px;
    height: 35px;
    top: -45px;
    left: 80px;
}

#text11 {
    background-position: -91px -44px;
    width: 34px;
    height: 33px;
    top: -44px;
    left: 108px;
}

#text12 {
    background-position: -104px 0;
    width: 23px;
    height: 33px;
    top: -44px;
    left: 140px;
}

#text13 {
    background-position: -148px -44px;
    width: 10px;
    height: 34px;
    top: -44px;
    left: 165px;
}

#text14 {
    background-position: -161px -43px;
    width: 38px;
    height: 37px;
    top: -45px;
    left: 179px;
}

#text15 {
    background-position: -201px -44px;
    width: 35px;
    height: 33px;
    top: -44px;
    left: 219px;
}

#text16 {
    background-position: -240px -45px;
    width: 12px;
    height: 33px;
    top: -43px;
    left: 257px;
}