/* */

.utmpromo {
  max-width: 360px; position: fixed; z-index: 5555; width: 100%;
  top: -400px; left: 50%; margin-left: -180px;
  background-color: #00B800;
  background-image: url('312815-2196f3-4.png');
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%;

/* transition: transition-property transition-duration transition-timing-function transition-delay; */
  -webkit-transition: top 1s linear 1s;
  -moz-transition: top 1s linear 1s;
  -o-transition: top 1s linear 1s;
  transition: top 1s linear 1s;
}
.utmpromo.animated { top: 80px }

.utmpromo_overlay {
  position: absolute; width: 1px; height: 1px; left: -1px; background: rgba(51, 51, 51, .7);opacity: 0;
  -webkit-transition: opacity 1s linear 1s;
  -moz-transition: opacity 1s linear 1s;
  -o-transition: opacity 1s linear 1s;
  transition: opacity 1s linear 1s;
}
.utmpromo_overlay.visible {
  opacity: 1;position: fixed; z-index: 5550; top: 0; bottom: 0; left: 0; right: 0;
  width: auto; height: auto;
}

.utmpromo_hide {
  position: absolute; display: block; cursor: pointer; color:#ffffff; font-size: 41px;
  width: 30px; height: 30px; line-height: 30px;
  top: 0px; right: 0px;
}
.utmpromo-body { text-align: center; padding: 30px 16px;  }
.utmpromo-body p { color:#ffffff; margin: 0 0 8px 0; font-size: 17px; text-align: center; }
.utmpromo-body p.utmpromo-title { font-family: 'Diaria', Arial, sans-serif; font-size: 23px; text-transform: uppercase; margin-bottom: 20px; }

.utmpromo-body p span { display:inline-block; vertical-align: top; padding: 3px 9px; background: #fff; color:#009900; font-family: 'Diaria', Arial, sans-serif; }