:root {
    --maskLeft: 190px;
    --width: 728px;
    --height: 90px;
}

.banner {
    width:var(--width);
    height:var(--height);
    border:1px solid #333;
    background:#fff;
    overflow:hidden;
    display:block !important;
    font-family:Arial,Helvetica,sans-serif;
    box-sizing: border-box;
}

#loader-container {
    display:none;
}

#btn-exit{
    width:100%;
    height:100%;   
    cursor:pointer;
    opacity:0;
}

.size{
    top:-1px;
    left:-1px;
    width:var(--width);
    height:var(--height);
}

#frame{
    box-sizing: border-box;
    width:var(--width);
    height:var(--height);
    border:4px solid #fff;
}

#BG1{
    background:url(../img/BG1.jpg);
    background-size:contain;

}

#BG2{
    background:url(../img/BG2.jpg);
    background-size:contain;


}

#logos{
    background:url(../img/logos.jpg);

    background-size:contain;
}

#copy1{
    background:url(../img/copy1.png);
    background-size:contain;
    opacity:0;
}

#copy1_2{
    background:url(../img/copy1_2.png);
    background-size:contain;
    opacity:0;
}

#copy1_3 {
    background:url(../img/copy1_3.png);
    background-size:contain;
    opacity:0;
}

#copyMask{
    width: 197px;
    height: 80px;
    top: 1px;
    left: var(--maskLeft);
    overflow: hidden;
}

#copyColor1{
    background:url(../img/copyColor1.png);
    background-size:contain;
    left: calc(var(--maskLeft) * -1);
}

#copyColor2{
    background:url(../img/copyColor2.png);
    background-size:contain;
    left: calc(var(--maskLeft) * -1);
}

#copyColor3{
    background:url(../img/copyColor3.png);
    background-size:contain;
    left: calc(var(--maskLeft) * -1);
}


#copy2{
    background:url(../img/copy2.png);
    background-size:contain;
    opacity: 0;
}

#copy3{
    background:url(../img/copy3.png);
    background-size:contain;
    transform: scale(0.6);
    transform-origin: 12% 44%;
    opacity: 0;
}

#copy3_2{
    background:url(../img/copy3_2.png);
    background-size:contain;
    opacity: 0;
}

#copy3_3{
    background:url(../img/copy3_3.png);
    background-size:contain;
    opacity: 0;
    transform-origin: 21% 49%;
}

#cta{
    background:url(../img/cta.png);
    background-size:contain;
    opacity: 0;
    transform-origin: 80% 50%;
    transform:scale(0.6);
}



#legend{
    bottom:12px;
    left:20px;
    height:20px;
}

#legend p{
    color:#d1d1d1;
    font-size:16px;
}

.black{
    color:#000;
}