.extra-ad-wrapper {
  background-color:#ffffff;
  overflow:hidden;
}
.extra-ad-wrapper > .inner {
  display:block;
  position:relative;
  top:0;
  left:0;
  border:1px solid rgba(80,80,80,0.3);
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.extra-ad-wrapper > .inner:before {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  border:1px solid rgba(80,80,80,0.3);
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.extra-ad-wrapper h3 {
  color:#808080;
  font-size:10px;
  line-height:30px;
  font-weight:300;
  letter-spacing:0.3em;
  text-transform:uppercase;
  text-align:center;
  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;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition:-webkit-transform 0.3s ease-out;
  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:rgba(80,80,80,0.3);
  -webkit-transition:-webkit-transform 0.3s ease-out;
  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 {
  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;
  max-width:100%;
}
.extra-ad-wrapper .extra-ad .ad-default-message {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.extra-ad-wrapper .extra-ad img {
  height:auto;
  max-width:100%;
  vertical-align:bottom;
}
.extra-ad-wrapper.extra-ad-closed {
  height:0;
  padding-top:0;
  padding-bottom:0;
  visibility:hidden;
  -webkit-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;
  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;
  -webkit-transition:height 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
  transition:height 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
}
.extra-ad-wrapper.over > .inner:before {
  border:1px solid rgba(80,80,80,0.5);
  -webkit-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
}
.extra-ad-wrapper-wide {
  height:100%;
  width:100%;
  padding:20px 0;
}
.extra-ad-wrapper-wide > .inner {
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding:19px;
}
.extra-ad-wrapper-wide .ad-default-message, .extra-ad-wrapper-wide a {
  width:728px;
  height:90px;
}
.extra-ad-wrapper-wide .extra-ad-format-billboard .ad-default-message, .extra-ad-wrapper-wide .extra-ad-format-billboard a {
  width:970px;
  height:250px;
}
.extra-ad-wrapper-wide.extra-ad-wrapper-format-billboard { height:370px; }
.extra-ad-wrapper-wide.extra-ad-wrapper-format-billboard.extra-ad-closed { height:0; }
.extra-ad-wrapper-square {
  width:100%;
  max-width:370px;
  height:310px;
  padding:10px 10px 0;
}
.extra-ad-wrapper-square > .inner { padding:24px 0; }
.extra-ad-wrapper-square .extra-ad .ad-default-message, .extra-ad-wrapper-square .extra-ad a {
  width:300px;
  height:250px;
}
.extra-ad-wrapper-square .extra-ad img {
  max-height:100%;
  max-width:none;
  width:auto;
  height:initial;
  vertical-align:bottom;
}
.extra-ad-wrapper-square.extra-ad-wrapper.extra-ad-closed {
  height:360px;
  width:0;
  padding:10px 0 0 0;
}
.extra-ad-wrapper-square.extra-ad-wrapper.extra-ad-closed > .inner { padding:24px 0; }
.extra-ad-wrapper-square.extra-ad-wrapper.extra-ad-closed .extra-ad .ad-default-message, .extra-ad-wrapper-square.extra-ad-wrapper.extra-ad-closed .extra-ad a {
  height:300px !important;
  width:0 !important;
}
.extra-ad-wrapper-tall {
  width:100%;
  max-width:300px;
  height:600px;
  padding:10px 10px 0 0;
}
.extra-ad-wrapper-tall > .inner { padding:25px 10px; }
.extra-ad-wrapper-tall .extra-ad .ad-default-message, .extra-ad-wrapper-tall .extra-ad a {
  width:300px;
  height:600px;
}
.extra-ad-wrapper-tall .extra-ad img {
  max-height:100%;
  max-width:none;
  width:auto;
  height:initial;
  vertical-align:bottom;
}
.extra-ad-wrapper-tall.extra-ad-wrapper.extra-ad-closed {
  height:660px;
  width:0;
  padding:10px 0 0 0;
}
.extra-ad-wrapper-tall.extra-ad-wrapper.extra-ad-closed > .inner { padding:25px 0; }
.extra-ad-wrapper-tall.extra-ad-wrapper.extra-ad-closed .extra-ad .ad-default-message, .extra-ad-wrapper-tall.extra-ad-wrapper.extra-ad-closed .extra-ad a {
  height:600px !important;
  width:0 !important;
}
@media only screen and (max-width: 1200px) {
  .extra-ad-wrapper-wide .extra-ad-close { right:0; }
}
@media only screen and (max-width: 1024px) {
  .extra-ad-wrapper .extra-ad-close { right:0; }
}
@media only screen and (max-width: 370px) {
  .extra-ad-wrapper-square { padding:10px 0 0; }
  .extra-ad-wrapper-square .extra-ad-close { right:0; }
}