.extra-ad-wrapper {
  display:flex;
  margin-top:20px;
  margin-bottom:20px;
}
.extra-ad-wrapper > .inner {
  background-color:#ffffff;
  display:block;
  position:relative;
  content:'';
}
.extra-ad-wrapper > .inner:before {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  transition:all 0.3s ease-out;
}
.extra-ad-wrapper .extra-ad {
  display:block;
  position:relative;
  overflow:hidden;
}
.extra-ad-wrapper .extra-ad .ad-default-message, .extra-ad-wrapper .extra-ad a {
  display:block;
  overflow:hidden;
  margin:0 auto;
  text-align:center;
}
.extra-ad-wrapper .extra-ad .ad-default-message {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:20px;
}
.extra-ad-wrapper .extra-ad img {
  height:auto;
  max-width:100%;
  vertical-align:bottom;
}
.extra-ad-wrapper h3 {
  color:#909090;
  font-size:10px;
  line-height:30px;
  font-family:'Lato', sans-serif;
  font-weight:300;
  letter-spacing:0.3em;
  text-transform:uppercase;
  text-align:center;
  margin:0;
  padding:0 20px;
  background-color:#ffffff;
  white-space:nowrap;
  display:block;
  position:absolute;
  top:-14px;
  left:50%;
  transform:translate(-50%,0);
}
.extra-ad-wrapper .extra-ad-close {
  display:block;
  width:40px;
  height:40px;
  background-color:#ffffff;
  position:absolute;
  top:-21px;
  right:-21px;
  overflow:hidden;
}
.extra-ad-wrapper .extra-ad-close .text {
  display:block;
  position:absolute;
  left:100%;
}
.extra-ad-wrapper .extra-ad-close .icon {
  display:block;
  width:26px;
  height:26px;
  position:absolute;
  top:7px;
  left:7px;
  transform:rotate(45deg);
  transition:transform 0.3s ease-out;
}
.extra-ad-wrapper .extra-ad-close .icon:before, .extra-ad-wrapper .extra-ad-close .icon:after {
  content:'';
  display:block;
  position:absolute;
  background-color:#e5e5e5;
  transition:transform 0.3s ease-out;
}
.extra-ad-wrapper .extra-ad-close .icon:before {
  width:100%;
  height:1px;
  top:50%;
  left:0;
}
.extra-ad-wrapper .extra-ad-close .icon:after {
  width:1px;
  height:100%;
  top:0;
  left:50%;
}
.extra-ad-wrapper .extra-ad-close:hover .icon:before { transform:rotate(180deg); }
.extra-ad-wrapper .extra-ad-close:hover .icon:after { transform:rotate(360deg); }
.extra-ad-wrapper.extra-ad-closed {
  height:0;
  padding-top:0;
  padding-bottom:0;
  visibility:hidden;
  transition:height 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s, padding 0.3s ease-out 0.3s, visibility 0s ease-out 0.6s;
}
.extra-ad-wrapper.extra-ad-closed .extra-ad-close .icon {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  top:8px;
}
.extra-ad-wrapper.extra-ad-closed .extra-ad-close .icon:before { transform:rotate(180deg); }
.extra-ad-wrapper.extra-ad-closed .extra-ad-close .icon:after { transform:rotate(270deg); }
.extra-ad-wrapper.extra-ad-closed > .inner {
  padding-top:0;
  padding-bottom:0;
  -webkit-transition:padding 0.3s ease-out 0.3s;
  transition:padding 0.3s ease-out 0.3s;
}
.extra-ad-wrapper.extra-ad-closed .extra-ad a {
  height:0 !important;
  transition:height 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
}
.extra-ad-wrapper.over > .inner:before {
  border:1px solid #e5e5e5;
  transition:all 0.1s ease-out;
}
.extra-ad-wrapper-billboard, .extra-ad-wrapper-mega-banner, .extra-ad-wrapper-bruce-banner { padding:40px 0; }
.extra-ad-wrapper-billboard > .inner, .extra-ad-wrapper-mega-banner > .inner, .extra-ad-wrapper-bruce-banner > .inner {
  margin:0 auto;
  padding:19px;
}
.extra-ad-wrapper-billboard.extra-ad-wrapper-format-billboard.extra-ad-closed, .extra-ad-wrapper-mega-banner.extra-ad-wrapper-format-billboard.extra-ad-closed, .extra-ad-wrapper-bruce-banner.extra-ad-wrapper-format-billboard.extra-ad-closed { height:0; }
.extra-ad-wrapper-half-page {
  margin:0 auto;
  padding:10px 10px 0 0;
  width:340px;
  height:640px;
}
.extra-ad-wrapper-half-page > .inner { padding:20px; }
.extra-ad-wrapper-half-page.extra-ad-wrapper.extra-ad-closed {
  height:660px;
  width:0;
  padding:10px 0 0 0;
}
.extra-ad-wrapper-half-page.extra-ad-wrapper.extra-ad-closed > .inner { padding:25px 0; }
.extra-ad-wrapper-half-page .extra-ad .ad-default-message, .extra-ad-wrapper-half-page .extra-ad a, .extra-ad-wrapper-half-page .extra-ad img {
  width:300px;
  height:600px;
}
@media only screen and (max-width: 720px) {
  .extra-ad-wrapper-wide { display:none; }
}
@media only screen and (max-width: 500px) {
  .extra-ad-wrapper-wide { display:none; }
}
@media only screen and (max-width: 1281px) {
  .extra-ad-wrapper-half-page { display:none; }
}