.copyblock{
  font-size: 16px;
  line-height: 25px;
  font-family: "BWHaasText-55Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 10px;
  /*text-align: center;*/
}

.mouse-over-img{
  position: relative;
  z-index: 0;
  transition: all .5s
}

.mouse-over-img:hover{
  text-decoration: underline;
}

.mouse-over-img:after {
  display: inline-block;
  vertical-align: top;
  background-image: url('img/3.png');
  width: 20px;
  height: 20px;
  background-size: cover;
  content: " ";
  position: relative;
  margin-left: -28px;
  top: -1px;
  transition: all 200ms linear 200ms;
  margin-right: 4px
}

.mouse-over-img.red:after  { background-image: url('img/icon-red.png') }
.mouse-over-img.green:after{ background-image: url('img/icon-green.png') }
.mouse-over-img.blue:after { background-image: url('img/icon-blue.png') }

.mouse-over-img:hover:after{
  opacity: 0;
  transition: all 0ms;
}

.mouse-over-img div{
  display: inline-block;
  line-height: 25px;
  position: relative;
  overflow: visible;
  width: 25px;
  /* border: 3px solid black; */
}

.mouse-over-img div div{
  position: absolute;
  width: 230px;
  height: 200px;
}

.mouse-over-img img{
  width: 20px;
  height: 20px;

  position: absolute;
  top: -18px;
  left: 2px;

  transition: all .5s;
}

.mouse-over-img:hover{
  z-index: 10000;
}

.mouse-over-img div div{
  pointer-events: none;
}
.mouse-over-img img{
  pointer-events: all;
}

.mouse-over-img:hover img{
  width: 235px;
  height: 300px;
  top: -90px;
  left: -90px;
  opacity: 1;
}
.mouse-over-img:hover img.left{
  left: -0px;
}
.mouse-over-img:hover img.right{
  left: -200px;
}


.mouse-over-img.red   img{border: 1px solid rgb(249,68,69); }
.mouse-over-img.red {color: rgb(249,68,69); }
.mouse-over-img.green img{ border: 1px solid rgb(76,208,160); }
.mouse-over-img.green {color: rgb(76,208,160); }
.mouse-over-img.blue img{ border: 1px solid rgb(45,187,228); }
.mouse-over-img.blue {color: rgb(45,187,228); }

/*@media only screen and (max-width: 768px){
  .mouse-over-img div div{
    position: inline-block;
  }

  .mouse-over-img img{
    position: inline;
    width: 200px;
    height: 200px;
  }
}*/

#inner-content{
  overflow: visible;
}

.video {
  margin: 40px auto;
}

.video-js, .video iframe {
  margin: 0 auto;
  min-width: 760px;
  min-height: 428px;
  display: block;
}

@media only screen and (max-width: 768px) {
  .video-js, .video iframe {
    min-width: 480px;
    min-height: 270px;
  }
}

@media only screen and (max-width: 560px) {
  .video-js, .video iframe {
    min-width: 320px;
    min-height: 180px;
  }
}