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

.loader-container {
  display: table;
  width: 298px;
  height: 598px;
  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: 600px;
  overflow: hidden;
  box-sizing: border-box;
    border:1px solid #cfcfcf;
  cursor:pointer;
}

#text1 {
     width: 400px;
     height: 514px;
     top: 0px;
     left: 20px;
     background: url('./images/300x600_MESD_M$0RE_OLA_text1.jpg');
     background-repeat: no-repeat;
     opacity: 0;
}
#text2 {
     width: 187px;
    height: 166px;
    top: 140px;
    left: 327px;
     background: url('./images/300x600_MESD_M$0RE_OLA_text2.png');
     background-repeat: no-repeat;
     opacity: 1;
}
#textGeneralBG {
     width: 963px;
     height: 600px;
     top: 0px;
     left: 0px;
     background: url('./images/300x600_MESD_M$0RE_OLA_textGeneralBG.jpg');
     background-repeat: no-repeat;
     opacity: 0;
}
#textGeneral {
     width: 963px;
     height: 600px;
     top: 0px;
     left: 0px;
     background: url('./images/300x600_MESD_M$0RE_OLA_textGeneral.png');
     background-repeat: no-repeat;
     opacity: 0;
}
#finalFrame {
     width: 300px;
     height: 600px;
     top: 0px;
     left: 0px;
     opacity: 0;
     background: url(./images/300x600_MESD_M$0RE_OLA_BG.jpg) #e8e6eb;

     opacity: 0;
}

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

#bg1 {
     width: 300px;
     height: 600px;
     top: 0px;
     left: 0px;
     background: #e7dfea;
}
#logo{
     width: 129px;
     height: 37px;
     bottom: 28px;
     left: 11px;
     background: url('./images/300x600_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
     cursor:pointer;
}

#cta{
     width: 118px;
     height: 32px;
     bottom: 28px;
     right: 21px;
     background: url('./images/300x600_MESD_M$0RE_OLA_cta.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext1 {
     width: 281px;
     height: 68px;
     top: 224px;
     left: 10px;
     background: url('./images/300x600_MESD_M$0RE_OLA_finalText1.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext2 {
     width: 244px;
     height: 73px;
     top: 321px;
     left: 29px;
     background: url('./images/300x600_MESD_M$0RE_OLA_finalText2.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finalLogo {
     width: 198px;
     height: 57px;
     top: 50px;
     left: 50px;
     background: url('./images/300x600_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
}
#finalCta {
     width: 200px;
     height: 54px;
         bottom: 49px;
    left: 50px;
     background: url('./images/300x600_MESD_M$0RE_OLA_finalCta.svg');
     background-repeat: no-repeat;
}
.final {
     opacity: 0;
}