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

.loader-container {
  display: table;
  width: 726px;
  height: 88px;
  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: 728px;
  height: 90px;
  overflow: hidden;
  box-sizing: border-box;
  border:1px solid #e8e6eb;
  cursor:pointer;
  
}

#text1 {
     width: 638px;
     height: 90px;
     top: 0px;
     left: 0px;
     background: url('./images/728x90_MESD_M$0RE_OLA_text1.jpg');
     background-repeat: no-repeat;
}
#textGeneral {
     width: 2394px;
     height: 886px;
     top: -292px;
     left: -370px;
     background: url('./images/728x90_MESD_M$0RE_OLA_textGeneral.jpg');
     background-repeat: no-repeat;
     opacity: 0;
}
#finalFrame {
     width: 728px;
     height: 162px;
     top: 0px;
     left: 0px;
     opacity: 1;
     background: url(./images/728x90_MESD_M$0RE_OLA_BG.jpg) #e8e6eb;
}

#footer{
     width: 172px;
     height: 90px;
     bottom: 0px;
     right: 0px;
     background: #fff;
}

#bg1 {
     width: 728px;
     height: 90px;
     top: 0px;
     left: 0px;
     background: #e8e6eb;
     opacity: 1;
}
#logo{
     width: 112px;
     height: 32px;
     top: 9px;
     right: 29px;
     background: url('./images/728x90_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
     cursor:pointer;
}

#cta{
     width: 111px;
     height: 31px;
     bottom: 10px;
     right: 30px;
     background: url('./images/728x90_MESD_M$0RE_OLA_cta.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext1 {
     width: 282px;
     height: 71px;
     top: 21px;
     left: 223px;
     background: url('./images/728x90_MESD_M$0RE_OLA_finalText1.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finaltext2 {
     width: 252px;
     height: 51px;
     top: 48px;
     left: 230px;
     background: url('./images/728x90_MESD_M$0RE_OLA_finalText2.png');
     background-repeat: no-repeat;
     cursor:pointer;
}
#finalLogo {
     width: 138px;
     height: 39px;
     top: 21px;
     left: 19px;
     background: url('./images/728x90_MESD_M$0RE_OLA_logo.png');
     background-repeat: no-repeat;
}
#finalCta {
     width: 127px;
     height: 43px;
     top: 21px;
     right: 9px;
     background: url('./images/728x90_MESD_M$0RE_OLA_finalCta.png');
     background-repeat: no-repeat;
}
.final {
     opacity: 0;
}