/*GLOBAL*/
html,
body {
  width: 300px;
  height: 250px;
  margin: 0;
  padding: 0;
}

.loader-container {
  display: table;
  width: 298px;
  height: 248px;
  text-align: center;
  border: 1px solid #ddd;
}

.loader {
  display: table-cell;
  vertical-align: middle;
}

/* UTILITY */

.container {
  position: relative;
}

.absolute {
  position: absolute;
}

.cover {
     background-repeat: no-repeat!important;
    background-position: 50%!important;
    background-size: cover!important;

    -webkit-background-size: cover!important;
       -moz-background-size: cover!important;
         -o-background-size: cover!important;
    -webkit-background-position: 50%!important;
       -moz-background-position: 50%!important;
         -o-background-position: 50%!important;
}

.contain {
     background-repeat: no-repeat!important;
    background-size: contain!important;

    -webkit-background-size: contain!important;
       -moz-background-size: contain!important;
         -o-background-size: contain!important;
}

/* AD STYLES */
.banner {
  width: 300px;
  height: 250px;
  overflow: hidden;
  box-sizing: border-box;
  border:1px solid #e8e6eb;
  cursor:pointer;
}

#text1 {
     width: 400px;
     height: 200px;
     top: 0px;
     left: 20px;
     background: url('./images/300x250_MESD_M$0RE_OLA_text1.jpg');
     background-repeat: no-repeat;
     opacity: 0;
}
#textGeneral {
     width: 963px;
     height: 600px;
     top: -113px;
     left: -255px;
     background: url('./images/300x250_MESD_M$0RE_OLA_textGeneral.jpg');
     background-repeat: no-repeat;
     opacity: 0;
}
#finalFrame {
     width: 300px;
     height: 250px;
     top: 0px;
     left: 0px;
     opacity: 0;
     background: url(./images/300x250_MESD_M$0RE_OLA_BG.jpg) #e8e6eb;
     opacity: 0;
}

#footer{
     width: 300px;
     height: 50px;
     bottom: 0px;
     left: 0px;
     background: #fff;
}

#bg1 {
     width: 300px;
     height: 250px;
     top: 0px;
     left: 0px;
     background: #e8e6eb;
}
#logo{
     width: 117px;
     height: 34px;
     bottom: 10px;
     left: 19px;
     background: url('./images/300x250_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
     cursor:pointer;
}

#cta{
     width: 85px;
     height: 22px;
     bottom: 14px;
     right: 14px;
     background: url('./images/300x250_MESD_M$0RE_OLA_cta.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext1 {
     width: 201px;
     height: 50px;
     top: 75px;
     left: 46px;
     background: url('./images/300x250_MESD_M$0RE_OLA_finalText1.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext2 {
     width: 160px;
     height: 33px;
     top: 135px;
     left: 69px;
     background: url('./images/300x250_MESD_M$0RE_OLA_finalText2.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finalLogo {
     width: 120px;
     height: 34px;
     top: 19px;
     left: 91px;
     background: url('./images/300x250_MESD_M$0RE_OLA_finalLogo.png');
     background-repeat: no-repeat;
}
#finalCta {
     width: 127px;
     height: 38px;
     bottom: 27px;
     left: 87px;
     background: url('./images/300x250_MESD_M$0RE_OLA_finalCta.png');
     background-repeat: no-repeat;
}
.final {
     opacity: 0;
}