*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.signup-btn {
    margin: 0 auto;
}

.overlay-window {
    background: #fff;
    border: 1px solid #999;
    margin: 0 auto;
    position: relative;
    top: 197px;
    width: 600px;
}

.popup2-box {
    
    padding-top: 16%;
}



@media (max-width:768px){
.popup2-box {
    padding-top: 0;
}

.footer-login-signup-button-n {
     padding: 10px 40px;
   }
   
   .overlay-left-column { 
    width: 100%;
   }
   
   .overlay-right-column { 
    width: 100%;
   }

}

@media (max-width:550px){
.popup2-box {
    padding-top: 0 !important;
}

 

}

@media (max-width:320px){
.popup2-box {
    padding-top: 0;
}

.footer-login-signup-button-n {
     padding: 13px 23px;
   }
   
   .warning-iconst {
    height: 40px;
    }
	
	.popup2-box .popup-msg {
    margin-bottom: 0;
   }
   
   .popup-btn-wrap {
       padding: 12px 0px;
    }

}

.rowsdc {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1
}
.rowsdc:before, .rowsdc:after {
  content: " ";
  display: table
}
.rowsdc:after {
  clear: both
}
.rowsdc .rowsdc {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1
}
.rowsdc .rowsdc:before, .rowsdc .rowsdc:after {
  content: " ";
  display: table
}
.rowsdc .rowsdc:after {
  clear: both
}
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left
}
@media only screen {
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left
  }
  .small-1 {
    position: relative;
    width: 8.33333%
  }
  .small-9 {
    position: relative;
    width: 75%
  }
  .small-12 {
    position: relative;
    width: 100%
  }
  [class*="column"]+[class*="column"]:last-child {
    float: right
  }
}
@media only screen and (min-width:43.75em) {
  .large-1 {
    position: relative;
    width: 8.33333%
  }
  .large-3 {
    position: relative;
    width: 25%
  }
  .large-5 {
    position: relative;
    width: 41.66667%
  }
  .large-9 {
    position: relative;
    width: 75%
  }
  .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .large-12 {
    position: relative;
    width: 100%
  }
}
.rowsdc {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  width: 100%;
  *zoom: 1
}
.rowsdc:before, .rowsdc:after {
  content: " ";
  display: table
}
.rowsdc:after {
  clear: both
}
.rowsdc .rowsdc {
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  max-width: none;
  width: auto;
  *zoom: 1
}
.rowsdc .rowsdc:before, .rowsdc .rowsdc:after {
  content: " ";
  display: table
}
.rowsdc .rowsdc:after {
  clear: both
}
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
  position: relative
}
@media only screen {
  .small-1 {
    width: 8.33333%
  }
  .small-9 {
    width: 75%
  }
  .small-12 {
    width: 100%
  }
  [class*="column"]+[class*="column"]:last-child {
    float: right
  }
}
@media only screen and (min-width:43.75em) {
  .medium-1 {
    width: 8.33333%
  }
  .medium-8 {
    width: 66.66667%
  }
  .medium-9 {
    width: 75%
  }
  .medium-10 {
    width: 83.33333%
  }
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important
  }
  .movie-container {
      margin-left: 16.66666%;
      margin-right: 16.66666%;
  }
  .comment-container { margin: 0 auto; }
}
@media only screen and (min-width:80em) {
  .large-1 {
    width: 8.33333%
  }
  .large-3 {
    width: 25%
  }
  .large-5 {
    width: 41.66667%
  }
  .large-9 {
    width: 75%
  }
  .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .large-12 {
    width: 100%
  }
  .movie-container{
      margin-left: 12.5%;
      margin-right: 12.5%;
  }
  .comment-container { margin: 0 auto; }
}
.show-for-medium-up, .show-for-large-up {
  display: none !important
}
.hide-for-large-up {
  display: inherit !important
}
@media only screen and (min-width:43.75em) {
  .show-for-medium-up {
    display: inherit !important
  }
}
@media only screen and (min-width:80em) {
  .show-for-large-up {
    display: inherit !important
  }
  .hide-for-large-up {
    display: none !important
  }
}
form {
  margin: 0 0 1em
}
input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out
}
input[type="text"]:focus {
  -webkit-box-shadow: 0 0 5px #999;
  -moz-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  border-color: #999
}
input[type="text"]:focus {
  background: #fafafa;
  border-color: #999;
  outline: none
}
@font-face {
  font-family: 'newvidflow';
  src: url("http://www.4kmoviesclub.com/css/signup/movies/l/fonts/newvidflow.eot")
}
@font-face {
  font-family: 'newvidflow';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal
}

 [class^="iconst-"] {
  font-family: 'newvidflow';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.iconst-play:before {
  content: "\e601"
}
.iconst-pause:before {
  content: "\e605"
}
.iconst-hd:before {
  content: "\e607"
}
.iconst-fullscreen:before {
  content: "\e608"
}
.iconst-vol:before {
  content: "\e609"
}
.slider {
  width: auto;
  margin-top: 2em
}
.slider>.dragger {
  display: none
}
.slider {
  background: #111010;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000;
  height: 0.6em;
  cursor: pointer;
}
.slider .ui-slider-handle {
  outline: none;
  cursor: pointer;
}
.slider>.ui-slider-range {
  background: #0a7aee;
  cursor: pointer;
  border-radius: 8px;
  background: -moz-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a7aee), color-stop(99%, #219ce2));
  background: -webkit-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -o-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -ms-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: linear-gradient(to bottom, #0a7aee 1%, #054080 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0);
  border-color: #10253d
}
.output {
  display: none
}
* {
  -webkit-font-smoothing: antialiased
}
.no-mod {
  overflow: hidden
}
@media only screen and (max-width:639px) {
  .small-no-mod {
    padding-left: 0;
    padding-right: 0
  }
}
.no-col-pad {
  padding-left: 0;
  padding-right: 0
}
@media only screen and (max-width:639px) {
  .no-col-pad {
    margin-bottom: 0em
  }
}
.no-col-left-pad {
  padding-left: 0.5em;
  padding-right: 0
}
.no-col-hd-pad {
  padding-left: 0.9em;
  padding-right: 0
}
.shadow {
  -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
  -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
  box-shadow: 1px 1px 2px 0 #d0d0d0
}
.submit-button {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: none !important;
  font-size: 1.0em;
  font-weight: bold;
  margin: 2.0em auto;
  text-align: center;
  max-width: 25em;
  padding: 16px 0 16px 0;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 1px #363636;
  display: block;
  text-decoration: none;
  background: #5dc65d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYzY1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODdhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dc65d), color-stop(24%, #52b152), color-stop(100%, #087a00));
  background: -webkit-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -o-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -ms-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: linear-gradient(to bottom, #5dc65d 0%, #52b152 24%, #087a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc65d', endColorstr='#087a00', GradientType=0)
}
@media only screen and (max-width:1280px) {
  .submit-button {
    max-width: 25em;
    font-size: 0.9em
  }
}
@media only screen and (max-width:900px) {
  .submit-button {
    margin-top: 1.2em
  }
}
@media only screen and (max-width:639px) {
  .submit-button {
    max-width: 24em;
    font-size: 0.8em;
    margin-top: 1.3em
  }
}
@media only screen and (max-width:500px) {
  .submit-button {
    margin-top: 20px;
    font-size: 0.7em
  }
}
@media only screen and (max-width:380px) {
  .submit-button {
    max-width: 25em;
    font-size: 0.6em;
    padding: 12px 0 12px 0
  }
}
.submit-button:hover {
  background: #087A00
}
 
 
.controls .iconst-pause, .controls .iconst-vol, .controls .iconst-fullscreen, .controls .iconst-play, .controls .iconst-hd {
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.2);
  line-height: 2em;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width:639px) {
  .controls .iconst-pause, .controls .iconst-vol, .controls .iconst-fullscreen, .controls .iconst-play, .controls .iconst-hd {
    font-size: 1.5em;
    line-height: 2.8em
  }
}
.percent-container {
  position: absolute;
  width: 200px;
  height: 100px;
  z-index: 99999;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none
}
.percent-container p {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
  font-size: 0.8em
}
.percent-container .percent {
  text-align: center;
  margin-left: 0.5em;
  font-weight: bold
}
.form-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  max-width: 100%;
  display: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
@media only screen and (min-width:400px) and (max-width:639px) {
  .form-container {
    padding-top: 5%
  }
}
@media only screen and (max-width:400px) {
  .form-container {
    padding-top: 2%
  }
}
.form-container p {
  font-size: 0.775em;
  line-height: 1em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 0.2em 0 0 0;
  text-align: center;
  margin: 0;
  color: #fff;
  font-weight: 500
}
.form-container p:first-child {
  margin-top: 0.3em;
  max-width: 100%
}
@media only screen and (max-width:639px) {
  .form-container p:first-child {
    margin-top: 0.3em
  }
}
@media only screen and (min-width:639px) {
  .form-container p {
    line-height: 1.5em;
    color: #000
  }
}
@media only screen and (max-width:639px) {
  .form-container p span {
    margin-bottom: 0.5em;
    line-height: 1.2em
  }
}
.popcorn-img {
  margin: 25px 0 25px 0
}
@media only screen and (max-width:1280px) {
  .popcorn-img {
    margin-top: 25px;
    width: 210px
  }
}
@media only screen and (max-width:1000px) {
  .popcorn-img {
    margin-top: 20px;
    width: 195px
  }
}
@media only screen and (max-width:900px) {
  .popcorn-img {
    margin-top: 0px;
    margin-bottom: 15px;
    width: 160px
  }
}
@media only screen and (max-width:699px) {
  .popcorn-img {
    margin-top: 20px;
    width: 150px
  }
}
@media only screen and (max-width:639px) {
  .popcorn-img {
    width: 120px;
    margin-top: -5px
  }
}
@media only screen and (max-width:500px) {
  .popcorn-img {
    display: none
  }
}
.video-popup-text {
  color: #FFF;
  font-size: 18px;
  width: 115%;
  font-weight: bold;
  margin: 10px 0;
}
@media only screen and (max-width:1000px) {
  .video-popup-text {
    width: 125%;
    font-size: 13px
  }
}
@media only screen and (max-width:699px) {
  .video-popup-text {
    width: 113%
  }
}
@media only screen and (max-width:639px) {
  .video-popup-text {
    width: 113%;
    font-size: 12px
  }
}
@media only screen and (max-width:500px) {
  .video-popup-text {
    width: 113%;
    margin-top: 38px !important;
    font-size: 11px
  }
}
@media only screen and (max-width:325px) {
  .video-popup-text {
    width: 113%;
    margin-top: 28px !important;
    font-size: 11px
  }
}
.controls {
  height: 2.3em;
  background: #000;
  border-top: 1px solid #3B3B3B
}
.controls .iconst-pause, .controls .iconst-vol, .controls .iconst-fullscreen, .controls .iconst-play {
  color: #CFCFCF
}
.controls .iconst-pause {
  display: none
}
.controls .iconst-hd {
  color: #CFCFCF
}
@media only screen and (min-width:639px) {
  .controls {
    height: 4em
  }
}
.timer {
  color: #CFCFCF;
  font-family: "Droid Sans", sans-serif;
  font-size: 0.8em;
  display: block;
  margin-top: 2em
}
.time {
  height: 0.6em;
  width: 100%;
  margin-top: 0;
  background: #111010;
  position: relative;
  top: 0.6em;
  left: 0.6em;
  border: 1px solid #000;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px
}
@media only screen and (min-width:639px) {
  .time {
    top: 0.8em;
    margin-top: 1em
  }
}
.time-full {
  height: 0.6em;
  position: absolute;
  background: #0a7aee;
  background: -moz-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a7aee), color-stop(99%, #219ce2));
  background: -webkit-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -o-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -ms-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: linear-gradient(to bottom, #0a7aee 1%, #054080 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0);
  border-color: #10253d;
  width: 0%;
  z-index: 3;
  left: 0
}
.time-buffer {
  height: 0.6em;
  position: absolute;
  background-color: #1d446d;
  border-color: #10253d;
  width: 0;
  z-index: 2;
  left: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 4px 4px;
  -webkit-animation: progress-bar-stripes 1s linear infinite
}
.clear {
  clear: both
}
.movie-data {
  padding-top: 1%;
  min-height: 10em;
  background: #f1f1f1;
  padding-bottom: 0px;
}
.movie-data .movie-picture {
  float: left;
  padding: 0 0 0 10px;
  margin: 0;
  width: 20%
}
@media only screen and (max-width:639px) {
  .movie-data .movie-picture {
    float: none;
    width: 100%;
    text-align: center
  }
}
.movie-data .available-formats-wrapper {
  margin: auto
}
.movie-data .available-formats-wrapper a {
  text-decoration: none
}
.movie-data .available-formats {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 17px;
  color: #393939;
  letter-spacing: 1.1px;
  text-transform: uppercase
}
@media only screen and (max-width:699px) {
  .movie-data .available-formats {
    font-size: 14px;
    font-weight: bold
  }
}
.movie-data .available-formats-img {
  width: 628px;
  margin: 20px auto
}
@media only screen and (max-width:1000px) {
  .movie-data .available-formats-img {
    width: 560px
  }
}
@media only screen and (max-width:1000px) {
  .movie-data .available-formats-img {
    width: 560px
  }
}
@media only screen and (max-width:800px) {
  .movie-data .available-formats-img {
    width: 440px
  }
}
@media only screen and (max-width:468px) {
  .movie-data .available-formats-img {
    display: none
  }
}
.movie-data .available-formats-img-mobile {
  width: 628px;
  margin: 20px auto;
  display: none
}
@media only screen and (max-width:468px) {
  .movie-data .available-formats-img-mobile {
    display: block;
    width: 350px
  }
}
@media only screen and (max-width:380px) {
  .movie-data .available-formats-img-mobile {
    display: block;
    width: 260px
  }
}
.movie-data .download-button {
  line-height: 80%;
  position: relative;
  width: 445px;
  height: 82px;
  margin: 0 auto;
  margin-top: 19px;
  border: 1px solid #CDCDCD;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-size: 43px;
  font-weight: bold;
  text-shadow: 0 1px 1px #363636;
  margin-bottom: 25px;
  overflow: auto;
  color: #FFF;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  background: #5dc65d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYzY1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODdhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5dc65d), color-stop(24%, #52b152), color-stop(100%, #087a00));
  background: -webkit-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -o-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: -ms-linear-gradient(top, #5dc65d 0%, #52b152 24%, #087a00 100%);
  background: linear-gradient(to bottom, #5dc65d 0%, #52b152 24%, #087a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc65d', endColorstr='#087a00', GradientType=0)
}
.movie-data .download-button .smaller {
  font-size:19px;
}


.movie-data .download-button .hd {
  position: absolute;
  top: 30%;
  left: 5%;
  font-size: 30px;
}


.video {
  position: relative;
  width: 100%;
  height: 574px;
  background: #000
}
@media only screen and (max-width:1280px) {
  .video {
    height: 380px
  }
  .plyr__video-wrapper{
      max-height: 500px !important;
  }
}
@media only screen and (max-width:900px) {
  .video {
    height: 340px
  }
  
  .plyr__video-wrapper{
      max-height: 340px !important;
  }
}
@media only screen and (max-width:639px) {
  .video {
    height: 270px
  }
  .plyr__video-wrapper{
      max-height: 270px !important;
  }
  
}
@media only screen and (max-width:500px) {
  .video {
    height: 230px
  }
  
  .plyr__video-wrapper{
      max-height: 230px !important;
  }
}
@media only screen and (max-width:468px) {
  .video {
    height: 220px
  }
  
  .plyr__video-wrapper{
      max-height: 220px !important;
  }
}
@media only screen and (max-width:430px) {
  .video{
    height: 205px
  }
  .plyr__video-wrapper {
    max-height: 205px
  }
  
}
@media only screen and (max-width:400px) {
  .video {
    height: 195px
  }
  
  .plyr__video-wrapper{
      max-height: 195px !important;
  }
}
@media only screen and (max-width:380px) {
  .video {
    height: 170px
  }
  
  .plyr__video-wrapper{
      max-height: 170px !important;
  }
}
@media only screen and (max-width:310px) {
  .video {
    height: 150px
  }
  
  .plyr__video-wrapper{
      max-height: 150px !important;
  }
}
.video .video-img {
  width: 100%;
  height: auto;
  display: none
}
@media only screen and (max-width:1280px) {
  .video .video-img {
    height: 410px
  }
}
@media only screen and (max-width:900px) {
  .video .video-img {
    height: 340px
  }
}
@media only screen and (max-width:639px) {
  .video .video-img {
    height: 270px
  }
}
@media only screen and (max-width:500px) {
  .video .video-img {
    height: 230px
  }
}
@media only screen and (max-width:468px) {
  .video .video-img {
    height: 220px
  }
}
@media only screen and (max-width:430px) {
  .video .video-img {
    height: 205px
  }
}
@media only screen and (max-width:400px) {
  .video .video-img {
    height: 195px
  }
}
@media only screen and (max-width:380px) {
  .video .video-img {
    height: 170px
  }
}
@media only screen and (max-width:310px) {
  .video .video-img {
    height: 150px
  }
}
.video .overlay-video {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  -webkit-background-origin: border;
  background-repeat: no-repeat;
}
.play-button {
  background: url('../img/download.svg') no-repeat center center; 
  background-size: cover;
  left: 46.6%;
  top: 43.2%;
  max-width: 80px;
  height: 80px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width:500px) {
  .play-button {
    max-width: 64px;
    height: 64px;
  }
}
.img-bg {
  background-color: #000
}
.video-player {
  position: relative;
  background: #ffffff;
  margin: 0 auto;
  margin-top: 15px
}
input.invalid:-moz-placeholder {
  color: #fc3867
}
input.invalid:focus:-moz-placeholder {
  color: #A3A3A3
}
input.invalid::-moz-placeholder {
  color: #fc3867
}
input.invalid:focus::-moz-placeholder {
  color: #A3A3A3
}
input.invalid:-ms-input-placeholder {
  color: #fc3867
}
input.invalid:focus:-ms-input-placeholder {
  color: #A3A3A3
}

/* additional scripts */
#wrapper1045 {
  max-width: 1045px;
  background-color: #FFFFFF;
  margin: auto;
}
.logo {
  text-align: center;
  margin: auto;
}
.time {
  height: 0.6em;
  width: 100%;
  margin-top: 0;
  background: #111010;
  position: relative;
  top: 1.6em;
  left: 0em;
  border: 1px solid #000;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.time-full {
  height: 0.6em;
  position: absolute;
  background: #0a7aee;
  background: -moz-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a7aee), color-stop(99%, #219ce2));
  background: -webkit-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -o-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: -ms-linear-gradient(top, #0a7aee 1%, #054080 99%);
  background: linear-gradient(to bottom, #0a7aee 1%, #054080 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1', endColorstr='$color2', GradientType=0);
  border-color: #10253d;
  width: 0%;
  z-index: 3;
  left: 0;
}
.time-buffer {
  height: 0.6em;
  position: absolute;
  background-color: #1d446d;
  border-color: #10253d;
  width: 0;
  z-index: 2;
  left: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 4px 4px;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
}

@media only screen and (min-width:1280px) {
	#poster {
	min-width: 155px;	
	}
}
.login-signup-button {
  background: #5DC65D;
  background-image: -webkit-linear-gradient(top, #5DC65D, #087A00);
  background-image: -moz-linear-gradient(top, #5DC65D, #087A00);
  background-image: -ms-linear-gradient(top, #5DC65D, #087A00);
  background-image: -o-linear-gradient(top, #5DC65D, #087A00);
  background-image: linear-gradient(to bottom, #5DC65D, #087A00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #383738;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.login-signup-button:hover {
  background: #087A00;
  text-decoration: none;
  float: right;
}

  


/*GENE'S ADDITIONS*/
 
 
.overlay-padding{
   
  top: 0;
  bottom: 0; 
  left: 0;
  right: 0;
  -webkit-transition: visibility .2s, top .5s, opacity .2s;
  -moz-transition: visibility .2s, top .5s, opacity .2s;
  -ms-transition: visibility .2s, top .5s, opacity .2s;
  -o-transition: visibility .2s, top .5s, opacity .2s;
  transition: visibility .2s, top .5s, opacity .2s;
  z-index: 99999999;
}
.dark-overlay{
  background: #000;
  height: 100%;
  opacity: 0;
  position: fixed;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
}
.video-signup-btn, .footer-btn {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca95+0,ff9f41+47,ea730c+50 */
  background: #ffca95; /* Old browsdcsers */
  background: -moz-linear-gradient(top,  #ffca95 0%, #ff9f41 47%, #ea730c 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffca95 0%,#ff9f41 47%,#ea730c 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffca95 0%,#ff9f41 47%,#ea730c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca95', endColorstr='#ea730c',GradientType=0 ); /* IE6-9 */
  border: 1px solid #b5611e;
  border-radius: 8px;
  height: 60px;
  margin: 30px auto;
  position: relative;
  width: 360px;
  text-align: center;
  transition: .5s background;
}
.footer-btn {
  height: auto;
  margin: 0 10px;
  padding: 12px 18px;
  width: 150px;
}
.video-signup-btn:after, .footer-btn:after {
  background: #ea730c;
  border-radius: 8px;
  content: "";
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 1;
}
.video-signup-btn:hover:after, .footer-btn:hover:after {
  opacity: 1;
}
.video-signup-btn a{
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 26px;
  font-weight: bold;
  height: 100%;
  letter-spacing: 1px;;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #777;
  z-index: 2;
  }
.video-signup-btn a{
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  line-height: 26px;
}
.footer-btn a {
  color: #fff;
  position: relative;
  z-index: 2;
}
.signup-divider{
  background: #999;
  height: 100%;
  width: 1.5px;
}
.black-divider{
  margin-left: 32px;
}
.white-divider{
  background: #bbb;
}
.signup-arrowsdc-right{
  background: url(../img/arrowsdc-right-small.png) 12px 0 no-repeat;
  background-size: 50px 31px;
  height: 35px;
  margin-left: 8px;
  width: 80px;
}
.video-signup-btn a{
  font-size: 20px;
}
.overlay-window{
  /*background: #fff;
  border: 1px solid #999;
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 600px;*/
}
.overlay-header{
  background: #d9edf7;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
  text-align: center;
}
.overlay-header span.ht-text {
  font-size: 15px;
  font-weight: 400;
}
.overlay-header .overlay-close-button {
  font-size: 16px;
  font-weight: 700;
}
.overlay-header .signup-link {
  color: #000;
  text-decoration: underline;
}
.overlay-header p {
  margin: 5px 0;
  font-weight: 700;
  font-size: 20px;
}

.overlay-close-button{
  float: right;
  color: #333;
  cursor: pointer;
  opacity: .3;
}
.overlay-close-button:hover{
  opacity: .6;
}
.overlay-header .ht-iconst-left {
    position: absolute;
    left: 30px;
    top: 20px;
}
.overlay-header .ht-iconst-right {
    position: absolute;
    right: 30px;
    top: 20px;
}


.overlay-window hr{
  border: 1px solid #eee;
  height: 0;
  margin: 20px 0;
}
/* bottom hr */
.overlay-window .bottom-line {
  margin-top: 46px;
}

.columns-wrapper{
  display: flex;
}
.overlay-left-column{
  padding: 15px;
  width: 50%;
}
.overlay-right-column{
  padding: 15px;
  width: 50%;
}
.overlay-form span{
  font-size: 13px;
  font-weight: 700;
}
.overlay-form input{
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  margin-top: 10px;
  padding: 5px 10px;
}
.login-error-text{
  /* background: #ea730c; */
  background: none;
  border-radius: 4px;
  color: #000;
  display: none;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 10px;
  width: 112px;
}
.login-error-text.shown{
  display: block;
  color: #ff0000;
}

/* login button CTA */
.overlay-form a.log-me-button {
  background: #00acc1;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 16px;
  text-align: center;
  text-transform: capitalize;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* sign up button CTA */ 
.overlay-footer a {
  width: 100%;
  background: #00acc1;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  padding: 20px 26px;
  text-align: center;
  text-transform: capitalize;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.overlay-form a.log-me-button:hover {
  background: #1b7b87;
}
.overlay-footer a:hover {
  background: #1b7b87;
}

/* overlay list */
.overlay-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.overlay-list h4, .overlay-list p{
  margin: 0;
}
.overlay-list h4{
  margin-bottom: 5px;
}
.overlay-list p{
  font-size: 13px;
  line-height: 18px;
}
.overlay-list li{
  position: relative;
  display: block;
  padding: 10px 15px 10px 45px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.overlay-list .list-iconst {
    width: 100%;
    max-width: 1.8rem;
    position: absolute;
    left: 0.5em;
    top: 0.7em;
}



/**** New style ****/




/* popup #2 css */

.btn-containernew {
	display: flex;
	width: 100%;
    height: auto; 
    margin: 0 auto;
    font-weight: 700;
    
}

.warning-iconst span {
    margin:0 auto;
    max-width: 3.5em;
}

html .text-container p {
    margin: 10px 0;
}

 

.form-container .rowsdc {
    position: relative;
    height: 100%;
    width: 100%;
	margin: 0;
    padding: 0px;
    overflow: hidden;
}

/*.popup2-box {
    z-index: 10;
    width: 500px;
    height: 220px;
    padding: 20px;
}*/



/* popup #2 placement */
/* Note: This is too gibberish. Please bear with it */
/*.popup2-box { 
	top: 128px;
}*/

@media only screen and (max-width:1280px) {
.popup2-box { 
	top: 16px;
}
}
@media only screen and (max-width:900px) {
.popup2-box { 
	top: 0px;
}
}
@media only screen and (max-width:639px) {
.popup2-box { 
	top: 0px;
	left: 0px;
}
}
@media only screen and (max-width:500px) {
.popup2-box { 
	top: 0px;
	left: 0px;
}
}
@media only screen and (max-width:468px) {
.popup2-box { 
	top: 6px;
	left: 0px;
}
}
@media only screen and (max-width:430px) {
.popup2-box { 
	top: 0px;
	left: 0px;
}
}
@media only screen and (max-width:400px) {
.popup2-box { 
    top: -30px;
    left: 0px;
}
}
@media only screen and (max-width:380px) {
.popup2-box { 
    top: 4px;
    left: 0px;
}

.signup-btn {
    margin: 0 auto;
    padding: 11px 0px;
}

}
@media only screen and (max-width:360px) {
.popup2-box { 
    top: 0px;
    left: 0px;
}
}
@media only screen and (max-width:340px) {
.popup2-box { 
    top: 0px;
    left: 0px;
}
}
@media only screen and (max-width:320px) {
.popup2-box { 
    top: 0px;
    left: 0px;
}

.signup-btn {
    margin: 0 auto;
    padding: 11px 0px;
}

html .form-container .popup2-box .popup-msg {
    margin: 10px 0px;
}
/*.warning-iconst {
	height: 10px;
}*/

}

 
/* annoying issue fix issues from 371-379px */
@media only screen and (min-width:370px) and (max-width:379px){
html .form-container .popup2-box .popup-msg {
    margin: 10px 0px;
}
.warning-iconst {
	height: 33px;
}

}

 

/* 370px - 500px */
@media only screen and (min-width: 371px) and (max-width: 500px) {

 
.video-header .header-container #random-number {
	float: left;
    line-height: 1;
    margin: 3px 4px 0px 0px;
}

}

/* 501-700 */
@media only screen and (min-width: 501px) and (max-width: 700px) {
.video-header {
	width: 100%;
    height: 4em;
}
.video-header .header-container {
    width: 100%;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.video-header .header-container .header-logo {
    float: left;
    padding: 17px 0;
    text-align: center;
    margin-right: 17px;
    display: block;
}
.video-header .header-container .header-logo img {
    width: auto;
    height: 32px;
	margin-left: 16px;
}

.header-text {
    float: left;
    width: 67%;
	margin-top: 5px;
}
.video-header .header-container .header-title,
.video-header .header-container .header-subtitle,
.video-header .header-container .header-related {
	text-align: left;
	margin-left: 10px;
	width: 100%;
}
.video-header .header-container .header-title {
    font-size: 11px;
    font-weight: bold;
}
.video-header .header-container .header-subtitle {
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0;
}
.video-header .header-container .header-related {
    font-size: 9px;
}
.video-header .header-container #random-number {
	float: left;
    line-height: 1;
    margin: 3px 4px 0px 0px;
}

.movie-data {
	padding-bottom: 15px;
}
 

 

.green-arrowsdc-down {
    margin-left: 7px;
	margin-right: 0px;
}

.comment-box {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#footer-login {
    margin: 6px auto;
    width: auto;
	max-width: 340px;
}

}

	
/* 700-800 */
@media only screen and (min-width: 700px) and (max-width: 799px) {
html .video-header {
    width: 80%;
    height: 4em;
	margin-top: 5px;
}

.header-text {
    float: left;
    width: 370px;
}


.movie-data {
	padding-bottom: 15px;
}
 

}

@media only screen and (min-width: 800px) {
.video-header .header-right {
	margin-left: 0px;
}
.video-header .header-container {
    width: 63%;
    float: left;
}
.header-text {
    float: left;
    width: 370px;
}

}

/* Misc Responsive Style */

/* iPad movie info fix and other fix */
@media only screen and (min-width: 700px) and (max-width: 799px){
.movie-data .movie-picture {
    width: 30%;
}
.movie-data .movie-info {
    width: 70%;
}
}
@media only screen and (min-width: 800px) and (max-width: 899px){
.movie-data .movie-picture {
    width: 27%;
}
.movie-data .movie-info {
    width: 73%;
}
}
@media only screen and (min-width: 900px) and (max-width: 1023px){
.movie-data .movie-picture {
    width: 24%;
}
.movie-data .movie-info {
    width: 76%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
.movie-data .movie-picture {
    width: 23%;
}
.movie-data .movie-info {
    width: 77%;
}
}

/* secure text placement for smaller screens */
@media only screen and (max-width:540px) {
  .movie-data .secure-wrapper {
    width: 90%;
  }
} 

/* @media only screen and (max-width: 639px) {
.movie-data .movie-picture {
    float: none;
    width: 88%;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
}
html .movie-data .show-for-medium-up{
    display: block !important;
}
}
*/



@media (max-width:768px){

   .overlay-left-column { 
    width: 100%;
   }
   
   .overlay-right-column { 
    width: 100%;
   }

}

@media screen and (max-width: 1280px){
#mv-info .mvi-content .mvic-btn .btn-block {
    width: 100% !important;
    margin-bottom: 10px;
    max-width: 100%;
}

#mv-info .mvi-content .mvic-btn .btn-01 i, #mv-info .mvi-content .mvic-btn .btn-02 i {
    display: inline-block !important;
}

.socialicon {
    margin-bottom: 23px;
}

.play-button {
    max-width: 80px;
    height: 80px;
}

.playtimeline-bu{
    width:30.666% !important; 
}

.voliamlength{ width: 19.33333%; }

.controls {
    width: 100%;
    display: inline-block;
}



.timerlength{
    width: 14.33333%;
}

.slider {
    width: auto; 
}

.voliamsliderd{
    width: 66.33333%;
}

}

@media (min-width: 640px) and (max-width: 768px){
    .playtimeline-bu{ 
        top: 10px;
    }
    
   .slider { 
    margin-top: 1.7em;
   } 
   
   .time {
    top: 1em;
   }

   .timer{
       margin-top: 1.7em;  
   }
}

@media screen and (max-width:639px){
    .playtimeline-bu{ 
        top: 10px;
    }
    
   .slider { 
    margin-top: .7em;
   } 
   
   .time {
    top: 0;
   }

   .timer{
       margin-top: .6em;  
   }
   
   .play-button {
    left: 38.6%;
    top: 35.2%;
   }
   
   .voliamlength {
    width: 26.33333%;
   }
   
    .voliamsliderd {
    width: 70.33333%;
   }
   
   .volumnoff { 
    line-height: 2.5em !important;
    font-size: 1em !important;
    }
}

.ui-slider {
    position: absolute;
    text-align: left;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
    background-color: #999;
    bottom: 34px;
}

.sliders{
        background: #111010;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #000;
    cursor: pointer;
    display:none;
}

.iconst-vol-bol:hover .sliders{
    display:block;
}

.ui-slider .ui-slider-range {
    background: #0a7aee;
    cursor: pointer;
    border-radius: 8px;
    background: -moz-linear-gradient(top,#0a7aee 1%,#054080 99%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#0a7aee),color-stop(99%,#219ce2));
    background: -webkit-linear-gradient(top,#0a7aee 1%,#054080 99%);
    background: -o-linear-gradient(top,#0a7aee 1%,#054080 99%);
    background: -ms-linear-gradient(top,#0a7aee 1%,#054080 99%);
    background: linear-gradient(to bottom,#0a7aee 1%,#054080 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color1',endColorstr='$color2',GradientType=0);
    border-color: #10253d;
}

.ui-slider .ui-slider-handle {
    width: auto;
    height: auto;
}

video::-webkit-media-controls {
  display:none !important;
}

@media screen and (min-width: 1280px){
  #content-embed{
      /*min-height: 678.45px !important;*/
      overflow: hidden;
    background: #222;
  }
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: transparent !important;
    color: #fff;
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(255,255,255,1) !important;
    outline: 0;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr__control--overlaid {
    background: transparent !important;  
    border: 8px solid !important;
}

.plyr__control--overlaid svg {
    height: 47px !important; 
    width: 47px !important; 
}

.smallshare {
  display: none;
}

@media screen and (max-width: 991px){

.smallshare {
  display: block !important;
}

.socialicon {
   display: none;
}

.leftsidebutton{ display: none;}
 .plyr__control--overlaid {
         padding: 4px !important;
 }
 .plyr__control--overlaid svg {
    height: 34px!important;
    width: 34px!important;
}
}

p.popup-msg {
    margin: 5px 0 !important;
}

@media screen and (max-width: 588px){
.extrasmall{
    width:100%;
}

}

@media screen and (min-width: 640px )and (max-width: 991px){
    
    .youmaylike div:nth-child(5), .youmaylike div:nth-child(4){
        display: none;
    }
    
}

@media (max-width: 1280px) {
.popup2-box {
    padding-top: 8%;
}
}

@media (max-width: 650px) {
.popup2-box {
    padding-top: 1%;
}

p.popup-msg {
    margin: 5px 0 !important;
}

}

@media (max-width: 550px) {
.popup2-box {
    padding-top: 1px;
    top:12px !important;
}
.iconst svg{
    width:30px !important;
    height:30px !important;
}

.footer-login-signup-button-n {
    padding: 5px 10px !important;
    font-size:13px !important;
}

p.popup-msg {
    margin: 5px 0 !important;
}

}

/* annoying issue fix issues from 371-379px */
@media only screen and (min-width:370px) and (max-width:379px){
 p.popup-msg {
    margin: 2px 0 !important;
}
.popup2-box {
    top: 18px !important;
 }
 
 .plyr__control--overlaid {
    padding: 7px !important;
    border: 6px solid !important;
  }
  
  #list-eps .le-server .les-content .btn-eps {
    margin: 3px;
  }
  
   
}

.plyr__video-wrapper{
    max-height:600px;
     object-fit: cover;
}