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

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

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

}

#footer{
     width: 160px;
     height: 182px;
     bottom: 0px;
     left: 0px;
     background: #fff;
}

#bg1 {
     width: 160px;
     height: 600px;
     top: 0px;
     left: 0px;
     background: #e7dfea;

}
#logo{
     width: 138px;
     height: 40px;
     bottom: 105px;
     left: 11px;
     background: url('./images/160x600_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
     cursor:pointer;
}

#cta{
     width: 140px;
     height: 36px;
     bottom: 42px;
     right: 11px;
     background: url('./images/160x600_MESD_M$0RE_OLA_cta.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext1 {
     width: 150px;
     height: 35px;
     top: 232px;
     left: 4px;
     background: url('./images/160x600_MESD_M$0RE_OLA_finalText1.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext2 {
     width: 147px;
     height: 45px;
     top: 316px;
     left: 6px;
     background: url('./images/160x600_MESD_M$0RE_OLA_finalText2.svg');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finalLogo {
     width: 138px;
     height: 39px;
     top: 48px;
     left: 10px;
     background: url('./images/160x600_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
}
#finalCta {
     width: 141px;
     height: 74px;
     bottom: 30px;
     left: 8px;
     background: url('./images/160x600_MESD_M$0RE_OLA_finalCta.svg');
     background-repeat: no-repeat;
}
.final {
     opacity: 0;
}