/*
.h5p-responsiveness-test .h5p-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  
}

.h5p-responsiveness-test .h5p-video {
  width: 100%;

}
.h5p-responsiveness-test .h5p-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.h5p-responsiveness-test .h5p-first-wrap {
  position: relative;
  top: 50%;
  font-size: 1.5em;
  margin-top: -1.5em;
  text-align: center;
}
*/
/*
.h5p-responsiveness-test .h5p-second-wrap {
  position: absolute;
  bottom: 0;
  font-size: 1.25em;
  width: 100%;
  padding-bottom: 2em;
  text-align: center;
}


.h5p-responsiveness-test button {
margin: 0 1em;
font-size: 1em;
-moz-border-radius:100px;
border-radius:100px;
background-color:#FFF;
padding-left:30px;
padding-right:30px;
border-style:none;
border:none;
-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.27);
box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.27);
}
.h5p-responsiveness-test button:hover {opacity:0.8;}

.h5p-responsiveness-test .h5p-start {
font-size: 1.25em;
padding:15px;
padding-left:35px;
padding-right:35px;
}

.h5p-responsiveness-test .h5p-start:before {
    content: "\f16a";
    font-family: FontAwesome;
    color: #757575;
    font-size: 1.4em;
    padding-right: 0.2em;
    top: 4px;
    left: 0;
}



.h5p-responsiveness-test .h5p-answer {
margin-bottom:10px;
opacity:0.8;
-moz-border-radius:100px;
border-radius:100px;
margin-left:20px;
background-color:#FF8B17;
color:#fff;
box-shadow: 0 0 10px #000;
padding-left:35px;
padding-right:35px;
}
.h5p-responsiveness-test .h5p-answer:hover {opacity:0.7;}
.h5p-responsiveness-test .h5p-answer:active {opacity:0.5;}

.h5p-responsiveness-test .h5p-answer:before {
    content: "\f071";
    font-family: FontAwesome;
    color: #000;
    font-size: 1.0em;
    padding-right: 0.5em;
    top: 4px;
    left: 0;
}
.h5p-responsiveness-test .h5p-answer:active:before {color: #fff;}



.h5p-responsiveness-test .h5p-score {
  box-shadow: 0 0 10px #000;
  padding: 0.5em 1.5em;
  margin: 0;
  font-size: 1em;
  background: #fff;
  display: inline-block;
}



.h5p-responsiveness-test .h5p-click-pointers {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.75em;
  list-style: none;
  margin: 0;
  padding: 0;
}

.h5p-responsiveness-test .h5p-click-point {
  position: absolute;
  background: transparent;
  width: 1em;
  height: 1.5em;
  margin: 0 0 0 -0.5em;
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5em;
}

.h5p-responsiveness-test .h5p-click-point:before {
  font-family: 'H5PFontAwesome4';
  content: "\f041";
  font-size: 1.5em;
  text-shadow: 0 0 0.5em #fff;
  color: #ff8b17;
}

.h5p-responsiveness-test .h5p-time-line {
  background: #333;
  height: 0;
  -wekbit-transition: height 0.2s linear;
  -moz-transition: height 0.2s linear;
  transition: height 0.2s linear;
}
.h5p-responsiveness-test .h5p-time-line.h5p-visible {
  height: 1em;
}
.h5p-time-frame {
  position: absolute;
  background: #13a126;
  height: 1em;
  border-left: #5fca6b 1px solid;
  border-right: #5fca6b 1px solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: -webkit-linear-gradient(right, #17701c, #00a308);
  background: -moz-linear-gradient(right, #17701c, #00a308);
  background: -o-linear-gradient(right, #17701c, #00a308);
  background: linear-gradient(right, #17701c, #00a308);
}

.h5p-responsiveness-test .h5p-label {
  position: absolute;
  font-size: 1.25em;
  bottom: 1.25em;
  left: 0;
  padding: 0 0.5em;
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  opacity: 0;
  visibility: hidden;
  max-width: 15em;
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s;
  -moz-transition: visibility 0s 0.2s, opacity 0.2s;
  transition: visibility 0s 0.2s, opacity 0.2s;
}
.h5p-responsiveness-test .h5p-right .h5p-label {
  left: auto;
  right: 0;
}
.h5p-responsiveness-test .h5p-time-frame:hover .h5p-label {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.h5p-responsiveness-test .h5p-label:after {
  content: "";
  position: absolute;
  left: 0.5em;
  border: 0.625em solid transparent;
  border-top-width: 0.625em;
  border-top-color: #333;
  border-top-color: rgba(51, 51, 51, 0.9);
  border-bottom: 0;
  top: 100%;
}
.h5p-responsiveness-test .h5p-right .h5p-label:after {
  left: auto;
  right: 0.5em;
}
.h5p-responsiveness-test .h5p-text {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5em;
}
.h5p-responsiveness-test .h5p-section {
  position: absolute;
  height: 100%;
  font-size: 0.75em;
  line-height: 1.5em;
  color: #fff;
  text-align: center;
}
*/