/*
* Common
*/
.bweb-overlay-link {
  display: block;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}
.bweb-overlay-screen {
  display: none;
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 2000000;
  background: rgba(0, 0, 0, 0.8);
}
.bweb-close-control {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3) url('../images/close.png') center center no-repeat;
}
.bweb-close-control:hover,
.bweb-close-control:focus {
  background-color: rgba(0, 0, 0, 0.8);
}
.bweb-sound-control {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url('../images/volume-off-white.png');
  background-position: 10px center;
  background-repeat: no-repeat;
  cursor: default;
}
.bweb-sound-control:hover,
.bweb-sound-control:focus {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('../images/volume-on-white.png');
  background-position: center center;
}
.bweb-sound-control.on {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url('../images/volume-on-white.png');
  background-position: center center;
}
.bweb-sound-control.on:hover,
.bweb-sound-control.on:focus {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('../images/volume-off-white.png');
  background-position: 10px center;
}
.bweb-box-shadow {
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
}
.bweb-box-shadow_left {
  -webkit-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
}
/*
* Mobile Formats
*/
.bweb-Mobile-Window {
  margin: 0 auto;
  padding: 0;
  width: 300px;
  height: 250px;
  overflow: hidden;
  display: block;
  position: relative !important;
}
.bweb-Mobile-Window,
.bweb-Mobile-Window * {
  box-sizing: border-box;
}
.bweb-Mobile-Window a,
.bweb-Mobile-Window img,
.bweb-Mobile-Window iframe,
.bweb-Mobile-Window video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-Mobile-Window .bweb-Mobile-Window_Content {
  display: block;
  position: absolute !important;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 600px;
  margin: 0;
  padding: 0;
}
/*
* General Formats
*/
.bweb-General-ResponsiveRectangle {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 980px;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
}
.bweb-General-ResponsiveRectangle a,
.bweb-General-ResponsiveRectangle img,
.bweb-General-ResponsiveRectangle iframe,
.bweb-General-ResponsiveRectangle video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
}
/*
* Formats
*/
.bweb-300x250-MediumRectangle {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 250px;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
}
.bweb-300x250-MediumRectangle a,
.bweb-300x250-MediumRectangle img,
.bweb-300x250-MediumRectangle iframe,
.bweb-300x250-MediumRectangle video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-300x600-HalfPage {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
}
.bweb-300x600-HalfPage a,
.bweb-300x600-HalfPage img,
.bweb-300x600-HalfPage iframe,
.bweb-300x600-HalfPage video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-iBug {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 150px;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  background: #000000;
  z-index: 100000;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
}
.bweb-iBug a,
.bweb-iBug img,
.bweb-iBug iframe,
.bweb-iBug video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-iBug_left {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 150px;
  left: 20px;
  bottom: 20px;
  opacity: 0;
  background: #000000;
  z-index: 100000;
  -webkit-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.2);
}
.bweb-iBug_left a,
.bweb-iBug_left img,
.bweb-iBug_left iframe,
.bweb-iBug_left video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-iBug_left .bweb-close-control {
  left: 0 !important;
  right: auto;
}
.bweb-ResponsiveTransition {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 980px;
  max-height: 600px;
  top: 0;
  left: 0;
  z-index: 2000100;
  background: #000000;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
}
.bweb-ResponsiveTransition a,
.bweb-ResponsiveTransition img,
.bweb-ResponsiveTransition iframe,
.bweb-ResponsiveTransition video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-InteractiveOverlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  z-index: 2000000;
  background: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bweb-InteractiveOverlay a,
.bweb-InteractiveOverlay img,
.bweb-InteractiveOverlay iframe,
.bweb-InteractiveOverlay video {
  display: block;
  width: 100%;
  height: 100%;
}
.bweb-InteractiveOverlay .bweb-InteractiveOverlay-content {
  z-index: 2000100;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bweb-InteractiveOverlay .bweb-InteractiveOverlay-pull {
  display: block;
  position: absolute;
  top: 100%;
  left: 15px;
  z-index: 2000200;
  cursor: pointer;
  -ms-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -ms-animation: dangle 20s infinite;
  -webkit-animation: dangle 20s infinite;
  animation: dangle 20s infinite;
  /* Chrome, Safari, Opera */
  /* Standard syntax */
}
@-ms-keyframes dangle {
  0% {
    -ms-transform: rotate(0deg);
  }
  4% {
    -ms-transform: rotate(-3deg);
  }
  8% {
    -ms-transform: rotate(3deg);
  }
  12% {
    -ms-transform: rotate(-5deg);
  }
  16% {
    -ms-transform: rotate(5deg);
  }
  20% {
    -ms-transform: rotate(-3deg);
  }
  24% {
    -ms-transform: rotate(3deg);
  }
  28% {
    -ms-transform: rotate(0deg);
  }
}
@-webkit-keyframes dangle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  4% {
    -webkit-transform: rotate(-3deg);
  }
  8% {
    -webkit-transform: rotate(3deg);
  }
  12% {
    -webkit-transform: rotate(-5deg);
  }
  16% {
    -webkit-transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-3deg);
  }
  24% {
    -webkit-transform: rotate(3deg);
  }
  28% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes dangle {
  0% {
    transform: rotate(0deg);
  }
  4% {
    transform: rotate(-3deg);
  }
  8% {
    transform: rotate(3deg);
  }
  12% {
    transform: rotate(-5deg);
  }
  16% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  24% {
    transform: rotate(3deg);
  }
  28% {
    transform: rotate(0deg);
  }
}