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

#loader-container {
    display:none;
}

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

.size{
    top:-1px;
    left:-1px;
    width:300px;
    height:600px;
}

#line1{
/*    width: 216px;*/
    width: 0px;
    height: 45px;
    left: 20px;
    top: 290px;
  background-color: #d3373c;
}

#line1_2{
/*    width: 216px;*/
    width: 0px;
    height: 45px;
    left: 20px;
    top: 343px;
  background-color: #d3373c;
}

#line2{
/*    width: 129px;*/
    width: 0px;
    height: 45px;
    left: 20px;
    top: 343px;
  background-color: #d3373c;
}

#line2_2{
/*    width: 129px;*/
    width: 0px;
    height: 45px;
    left: 20px;
    top: 396px;
  background-color: #d3373c;
}

#line3{
/*    width: 103px;*/
    width: 0px;
    height: 45px;
    left: 20px;
    top: 396px;
  background-color: #d3373c;
}

#flag{
    background:url("../img/flag.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:1;
    left: -100%;
}

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

#copy1_1{
    background:url("../img/copy1_1.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;

}

#copy1_2{
    background:url("../img/copy1_2.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
    left: 0px;
}

#copy1_3{
    background:url("../img/copy1_3.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
    left: 0px;
}

#copy1_4{
    background:url("../img/copy1_4.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
    left: 0px;
}

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

}

#copy2_1{
    background:url("../img/copy2_1.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;

}

#copy2_2{
    background:url("../img/copy2_2.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
}

#copy2_3{
    background:url("../img/copy2_3.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
}

#copy2_4{
    background:url("../img/copy2_4.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
}

#copy3{
    background:url("../img/copy3.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;

}

#copy3_1{
    background:url("../img/copy3_1.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;

}

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

#link{
    background:url("../img/link.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;

}

#logo{
    background:url("../img/logo.png");
    background-repeat: no-repeat;
    background-size:contain;
    opacity:0;
}

#shape_r{
    height: 9px;
    width: 106px;
    left: 0;
    bottom: 0;
    background-color: #ce2127;
    opacity:0;
}

#shape_b{
    height: 9px;
    width: 192px;
    right: 0;
    bottom: 0;
    background-color: #0058a6;
    opacity:0;
}

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

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

.black{
    color:#000;
}