* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

a,
a:hover {
  color: #FFF;
  transition: 0.5s;
  text-decoration: none;
}

input[type=submit],
button {
  transition: 0.5s;
  cursor: pointer;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  list-style: none;
}

.form-group {
  display: table;
  float: left;
  width: 100%;
}

.container {
  padding: 0 20px;
}

.owl-item {
  float: left;
}

.no-border {
  border: none !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

header,
footer,
section {
  float: left;
  width: 100%;
}

.btn-orange {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #f55600;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
  border: none;
  position: relative;
}

.btn-orange i {
  margin-right: 6px;
}

.btn-orange:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 151, 95, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(255, 151, 95, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(255, 151, 95, 0.5);
}

.btn-orange:before {
  border-radius: 50px;
  border-color: #f55600;
  opacity: 0;
  transition: 0.5s;
}

.btn-orange:hover {
  background: #ff8b4d;
}

.btn-orange:hover:before {
  opacity: 1;
  border-color: #ff8b4d;
}

.btn-yellow {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #f5af00;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  border: none;
  position: relative;
}

.btn-yellow i {
  margin-right: 6px;
}

.btn-yellow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.3);
  box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.3);
}

.btn-yellow:before {
  border-radius: 50px;
  border-color: #f5af00;
  opacity: 0;
  transition: 0.5s;
}

.btn-yellow:hover {
  background: #f55600;
  color: #FFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(245, 86, 0, 0.8);
}

.btn-yellow:hover:before {
  opacity: 1;
  border-color: #f55600;
}

.btn-grey {
  display: table;
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #4e4e4e;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border: none;
  position: relative;
}

.btn-grey i {
  margin-right: 6px;
}

.btn-grey:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
}

.btn-grey:before {
  border-radius: 50px;
  border-color: #4e4e4e;
  opacity: 0;
  transition: 0.5s;
}

.btn-grey:hover {
  background: #2d2d2d;
}

.btn-grey:hover:before {
  opacity: 1;
  border-color: #2d2d2d;
}

.btn-red {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #ff0e20;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  border: none;
  position: relative;
}

.btn-red i {
  margin-right: 6px;
}

.btn-red:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
}

.btn-red:before {
  border-radius: 50px;
  border-color: #ff0e20;
  opacity: 0;
  transition: 0.5s;
}

.btn-red:hover {
  background: #f55600;
}

.btn-red:hover:before {
  opacity: 1;
  border-color: #f55600;
}

.btn-blue {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #195ea1;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(51, 138, 222, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(51, 138, 222, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(51, 138, 222, 0.8);
  border: none;
  position: relative;
}

.btn-blue i {
  margin-right: 6px;
}

.btn-blue:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(98, 165, 230, 0.3);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(98, 165, 230, 0.3);
  box-shadow: inset 0px 0px 10px 0px rgba(98, 165, 230, 0.3);
}

.btn-blue:before {
  border-radius: 50px;
  border-color: #195ea1;
  opacity: 0;
  transition: 0.5s;
}

.btn-blue:hover {
  background: #2f73b6;
}

.btn-blue:hover:before {
  opacity: 1;
  border-color: #2f73b6;
}

.btn-green {
  display: table;
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #209633;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  border: none;
  position: relative;
}

.btn-green i {
  margin-right: 6px;
}

.btn-green:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
}

.btn-green:before {
  border-radius: 50px;
  border-color: #209633;
  opacity: 0;
  transition: 0.5s;
}

.btn-green:hover {
  background: #52c108;
}

.btn-green:hover:before {
  opacity: 1;
  border-color: #52c108;
}

.top-page {
  display: table;
  width: 100%;
  padding: 45px 0 80px;
  background: #000 url("../img/bg-top-page.jpg") center center no-repeat;
  float: left;
}

.top-page .breadcrumbs {
  display: table;
  width: 100%;
}

.top-page .breadcrumbs span,
.top-page .breadcrumbs a {
  float: left;
  text-transform: uppercase;
  margin-right: 10px;
  color: #FFF;
  font-size: 11px;
}

.top-page .breadcrumbs a {
  text-decoration: underline;
  color: #f5af00;
}

.top-page .breadcrumbs a:hover {
  color: #f55600;
}

.top-page h1 {
  padding-top: 50px;
  display: table;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 40px;
  margin-bottom: 0;
}

.top-page .subtitle {
  color: #FFF;
  font-size: 15px;
}

.wrap-page {
  display: block;
  width: 100%;
  background: url("../img/bg-footer.png") bottom center no-repeat #171717;
  float: left;
}

.feedback-success {
  float: left;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding: 15px;
  font-size: 18px;
  background: rgba(40, 99, 7, 0.8);
  margin: 30px 0;
  border-radius: 4px;
}

.feedback-success i {
  margin-right: 10px;
}

body.overflow {
  overflow: hidden;
}

.feedback-error {
  float: left;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding: 15px;
  font-size: 18px;
  background: rgba(164, 31, 31, 0.8);
  margin: 30px 0;
  border-radius: 4px;
}

.feedback-error i {
  margin-right: 10px;
}

.container-recaptcha {
  width: 100%;
  display: flex;
}

.container-recaptcha .box-captcha {
  overflow: hidden;
  margin-bottom: 15px;
  height: 78px;
  position: relative;
  margin: 0 auto;
}

.container-recaptcha .box-captcha .g-recaptcha {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.container-recaptcha .box-captcha .g-recaptcha div {
  height: 66px !important;
}

.sign-plan {
  margin-top: -5%;
}

.link-segpay {
  font-size: 9px;
}

.link-segpay strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.link-segpay strong:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 991px) {
  .top-page {
    padding: 70px 0;
  }

  .top-page .breadcrumbs {
    display: none;
  }

  .top-page h1 {
    width: 100%;
    padding-top: 0;
    font-size: 35px;
    text-align: center;
  }
}

@media only screen and (max-width: 680px) {
  .btn-red,
  .btn-grey {
    padding: 0 20px;
  }

  .top-page h1 {
    font-size: 30px;
  }
}

.banner-home {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #000;
}

.banner-home .owl-stage-outer {
  position: relative;
  z-index: 100;
}

.banner-home .item-banner {
  position: relative;
  display: table;
  width: 100%;
}

.banner-home .item-banner img {
  width: 100%;
  height: auto;
}

.banner-home .owl-dots {
  position: absolute;
  z-index: 200;
  left: 50%;
  bottom: 80px;
  transform: translate(-50%, 0);
}

.banner-home .owl-dots button {
  float: left;
  margin: 0 23px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.2);
}

.banner-home .owl-dots button.active,
.banner-home .owl-dots button:hover {
  background: #FFF;
}

.banner-home .disabled {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .banner-home .owl-dots {
    bottom: 40px;
  }

  .banner-home .owl-dots button {
    margin: 0 15px;
  }
}

.carousel-videos {
  overflow: hidden;
  position: relative;
}

.carousel-videos:before {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.carousel-videos:after {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to left, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.carousel-videos .owl-nav {
  width: 100%;
  position: absolute;
  top: 41.5%;
  left: 0;
  z-index: 100;
  transition: 0.5s;
  height: 0;
}

.carousel-videos .owl-nav .owl-prev {
  float: left;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.carousel-videos .owl-nav .owl-next {
  float: right;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.carousel-videos .owl-nav button:hover {
  color: #f5af00;
}

.carousel-videos-no-loop {
  overflow: hidden;
  position: relative;
}

.carousel-videos-no-loop:before {
  content: "";
  position: absolute;
  width: 150px;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.carousel-videos-no-loop:after {
  content: "";
  position: absolute;
  width: 150px;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to left, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.carousel-videos-no-loop .owl-nav {
  display: none;
}

.hidden {
  display: none !important;
}

.top-rated-cast {
  display: block;
  width: 100%;
  padding-top: 40px;
}

.top-rated-cast .title-rated-cast {
  display: table;
  position: relative;
  width: 100%;
  padding-top: 115px;
  background: url("../img/star-rated.png") center top no-repeat;
}

.top-rated-cast .title-rated-cast:before {
  content: "";
  width: calc(50% - 65px);
  position: absolute;
  top: 58px;
  left: 0;
  height: 1px;
  border: none !important;
  background: url("../img/border-dot.png") center center repeat-x;
}

.top-rated-cast .title-rated-cast:after {
  content: "";
  width: calc(50% - 65px);
  position: absolute;
  top: 58px;
  right: 0;
  height: 1px;
  border: none !important;
  background: url("../img/border-dot.png") center center repeat-x;
}

.top-rated-cast .title-rated-cast h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 60px;
  line-height: 65px;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}

.top-rated-cast .title-rated-cast .subtitle {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  display: table;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin-bottom: 30px;
  color: #ac8730 !important;
}

.top-rated-cast .btn-grey {
  line-height: 40px;
  text-transform: initial;
  font-size: 13px;
  color: #84858c;
  padding: 0 25px;
  margin-left: 15px !important;
  float: left;
  display: table !important;
  float: none !important;
  margin: 0 auto !important;
}

.top-rated-cast .btn-grey:hover {
  color: #FFF;
}

.top-rated-cast .movie-cast,
.top-rated-cast .carousel-rated-cast {
  overflow: hidden;
  position: relative;
  margin-bottom: 50px;
}

.top-rated-cast .movie-cast:before,
.top-rated-cast .carousel-rated-cast:before {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.top-rated-cast .movie-cast:after,
.top-rated-cast .carousel-rated-cast:after {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to left, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.top-rated-cast .movie-cast .owl-nav,
.top-rated-cast .carousel-rated-cast .owl-nav {
  width: 100%;
  position: absolute;
  top: 41.5%;
  left: 0;
  z-index: 100;
  transition: 0.5s;
  height: 0;
}

.top-rated-cast .movie-cast .owl-nav .owl-prev,
.top-rated-cast .carousel-rated-cast .owl-nav .owl-prev {
  float: left;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.top-rated-cast .movie-cast .owl-nav .owl-next,
.top-rated-cast .carousel-rated-cast .owl-nav .owl-next {
  float: right;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.top-rated-cast .movie-cast .owl-nav button:hover,
.top-rated-cast .carousel-rated-cast .owl-nav button:hover {
  color: #f5af00;
}

@media only screen and (max-width: 991px) {
  .top-rated-cast .title-rated-cast h2 {
    font-size: 50px;
    line-height: 50px;
  }

  .carousel-videos:before,
  .carousel-videos:after,
  .carousel-rated-cast:before,
  .carousel-rated-cast:after,
  .movie-cast:before,
  .movie-cast:after {
    width: 70px;
  }
}

@media only screen and (max-width: 680px) {
  .top-rated-cast .title-rated-cast h2 {
    font-size: 35px;
    line-height: 35px;
  }

  .top-rated-cast .title-rated-cast .subtitle {
    font-size: 20px;
  }

  .carousel-videos-no-loop .owl-nav {
    width: 100%;
    position: absolute;
    top: 41.5%;
    transform: translate(0, -50%);
    left: 0;
    padding: 0 30px;
    z-index: 100;
    display: none;
    opacity: 0;
    transition: 0.5s;
  }

  .carousel-videos-no-loop .owl-nav .owl-prev {
    float: left;
    color: #FFF;
    font-size: 50px;
    background: none;
    border: none;
  }

  .carousel-videos-no-loop .owl-nav .owl-next {
    float: right;
    color: #FFF;
    font-size: 50px;
    background: none;
    border: none;
  }

  .carousel-videos-no-loop .owl-nav button:hover {
    color: #f5af00;
  }

  .carousel-videos-no-loop:hover .owl-nav {
    display: block;
    opacity: 1;
  }
}

.item-list-video {
  overflow: hidden;
  border-radius: 10px;
  display: block;
  background-image: linear-gradient(to bottom, #1f1f1f, #1f1f1f, #1f1f1f, #1f1f1f, transparent);
  position: relative;
  border-top: 8px solid #1f1f1f;
  margin-bottom: 70px;
}

.item-list-video .slidetext {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  float: left;
  margin: 7px 0 5px;
}

.item-list-video .image {
  position: relative;
  display: table;
  width: 100%;
}

.item-list-video .image img {
  display: table;
  width: 100%;
  height: 222px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.item-list-video .image .tag {
  position: absolute;
  left: 50%;
  bottom: -12.5px;
  transform: translate(-50%, 0);
  color: #FFF;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 25px;
  border-radius: 25px;
  padding: 0 15px;
  font-size: 13px;
  text-decoration: none;
}

.item-list-video .image .tag i {
  margin-right: 4px;
}

.item-list-video .image .tag.pink {
  background-image: linear-gradient(to right, #fd1635, #ff0654, #ff1470, #f82b8b, #ed3fa3);
}

.item-list-video .image .tag.orange {
  background-image: linear-gradient(to right, #a31a12, #b73012, #cb4510, #dd590c, #ef6d03);
}

.item-list-video .image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(13, 13, 13, 0.8);
  opacity: 0;
  transition: 0.4s;
}

.item-list-video .image:after {
  content: "Watch video";
  position: absolute;
  left: 50%;
  top: 50%;
  text-transform: uppercase;
  font-size: 13px;
  color: #f5af00;
  transform: translate(-50%, -50%);
  padding-top: 60px;
  background: url("../img/icon-play-thumb.png") top center no-repeat;
  opacity: 0;
  transition: 0.4s;
}

.item-list-video:hover .image:before,
.item-list-video:hover .image:after {
  opacity: 1;
}

.item-list-video .content-thumb-video {
  padding: 40px 30px;
}

.item-list-video .content-thumb-video .link-top {
  display: flex;
}

.item-list-video .content-thumb-video .link-top .favorite {
  line-height: 25px;
  color: #be966b;
  font-size: 16px;
  float: right;
  width: 5%;
}

.item-list-video .content-thumb-video .link-top .favorite:hover {
  color: #f5b105 !important;
}

.item-list-video .content-thumb-video .link-top .favorite:first-of-type {
  float: left;
  margin: 0 5px 0 0 !important;
}

.item-list-video .content-thumb-video .link-top .favorite:last-of-type {
  float: right;
  margin: 0 0 0 5px !important;
}

.item-list-video .content-thumb-video .link-top .favorite.active {
  color: #f5b105 !important;
}

.item-list-video .content-thumb-video .link-top .subtitle {
  font-size: 13px !important;
  color: #808080 !important;
  width: 95%;
}

.item-list-video .content-thumb-video .subtitle {
  display: table;
  width: 100%;
  font-size: 13px;
  color: #808080;
}

.item-list-video .content-thumb-video a.subtitle:hover {
  text-decoration: underline !important;
}

.item-list-video .content-thumb-video .title {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 22px;
  padding: 7px 0 5px 0;
}

.item-list-video .content-thumb-video .category {
  display: table;
  width: 100%;
  margin-bottom: 12px;
}

.item-list-video .content-thumb-video .category a,
.item-list-video .content-thumb-video .category span {
  float: left;
  font-size: 14px;
  color: #f5af00;
  float: none !important;
}

.item-list-video .content-thumb-video .category span {
  padding-right: 3px;
}

.item-list-video .content-thumb-video .category a:hover {
  text-decoration: underline;
}

.item-list-video .content-thumb-video .buttons,
.item-list-video .content-thumb-video .bottom-infos {
  width: 100% !important;
}

.item-list-video .content-thumb-video .buttons {
  float: left;
  margin-bottom: 5px;
}

.item-list-video .content-thumb-video .buttons a {
  line-height: 25px;
  padding: 0 15px;
  color: #be966b;
  border: 1px solid #be966b;
  border-radius: 25px;
  font-size: 12px;
  float: left;
}

.item-list-video .content-thumb-video .buttons a:hover {
  background: #be966b;
  color: #FFF;
}

.item-list-video .content-thumb-video .buttons a:first-of-type {
  float: left;
  margin: 0 5px 0 0 !important;
}

.item-list-video .content-thumb-video .buttons a:last-of-type {
  float: right;
  margin: 0 0 0 5px !important;
}

.item-list-video .content-thumb-video .buttons a.active {
  background: #f5b105 !important;
  border-color: #f5b105 !important;
  color: #FFF !important;
}

.item-list-video .content-thumb-video .slidetext-category {
  margin: 0 !important;
}

.item-list-video .content-thumb-video .bottom-likes {
  float: right;
}

.item-list-video .content-thumb-video .bottom-infos {
  display: table;
  margin: 15px auto 0;
  float: left;
}

.item-list-video .content-thumb-video .bottom-infos .date-video {
  float: left;
  font-size: 13px;
  color: #808080;
  margin-right: 10px;
  line-height: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-list-video .content-thumb-video .bottom-infos .info-like {
  float: left;
  color: #FFF;
  font-size: 14px;
  line-height: 18px;
  margin-left: 20px !important;
}

.item-list-video .content-thumb-video .bottom-infos .info-like:hover,
.item-list-video .content-thumb-video .bottom-infos .info-like.active {
  color: #f5af00 !important;
}

@media only screen and (max-width: 991px) {
  .listing .slidetext {
    white-space: unset;
  }

  .item-list-video .content-thumb-video {
    padding: 30px 15px;
  }

  .item-list-video .content-thumb-video .buttons a {
    font-size: 10px;
  }

  .item-list-video .content-thumb-video .title {
    font-size: 18px;
  }

  .item-list-video .image .tag {
    font-size: 12px;
  }
}

.item-rated-cast {
  width: 100%;
  padding-bottom: 20px;
}

.item-rated-cast .image {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 25px;
}

.item-rated-cast .image img {
  display: table;
  width: 100%;
  border-radius: 10px;
  min-height: 366px;
}

.item-rated-cast .image .tag {
  position: absolute;
  left: 50%;
  bottom: -12.5px;
  transform: translate(-50%, 0);
  color: #FFF;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 35px;
  border-radius: 25px;
  padding: 0 15px;
  font-size: 13px;
  text-decoration: none;
}

.item-rated-cast .image .tag i {
  margin-right: 4px;
}

.item-rated-cast .image .tag.red {
  background: #ff0e20;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
}

.item-rated-cast .rating {
  display: table;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #f3c11a;
  margin-bottom: 15px;
}

.item-rated-cast .rating i {
  margin-right: 5px;
}

.item-rated-cast .slidetext {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  float: left;
}

.item-rated-cast h3 {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 35px;
  display: table;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.item-rated-cast .bottom-infos {
  display: table;
  margin: 0 auto 20px;
}

.item-rated-cast .bottom-infos .info-like {
  float: left;
  margin: 0 5px;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  border: none !important;
}

.item-rated-cast .bottom-infos .info-like.yellow {
  background: #a97d0f;
}

.item-rated-cast .bottom-infos .info-like.yellow:hover,
.item-rated-cast .bottom-infos .info-like.yellow.active {
  background: #75570b !important;
}

.item-rated-cast .bottom-infos .info-like.red {
  background: #e30c4e;
}

.item-rated-cast .bottom-infos .info-like.red:hover,
.item-rated-cast .bottom-infos .info-like.red.active {
  background: #960732 !important;
}

.item-rated-cast .btn-follow {
  margin: 0 auto;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  background: #bd1d19;
  border: none;
  display: table;
}

.item-rated-cast .btn-follow:hover,
.item-rated-cast .btn-follow.active {
  background: #700f0f !important;
}

@media only screen and (max-width: 991px) {
  .item-rated-cast h3 {
    font-size: 25px;
  }
}

.full-menu,
.full-menu-pay {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 9999999999;
  transition: 0.5s;
}

.full-menu.show,
.full-menu-pay.show {
  right: 0;
}

.full-menu .overlay-menu,
.full-menu-pay .overlay-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
  cursor: pointer;
}

.full-menu .bar-menu,
.full-menu-pay .bar-menu {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  background: rgba(82, 0, 0, 0.9);
  z-index: 50;
  padding: 60px 25px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.full-menu .bar-menu .username,
.full-menu-pay .bar-menu .username {
  position: absolute;
  left: 25px;
  top: 20px;
  font-size: 14px;
  color: #f5af00;
  padding: 15px 0;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  width: calc(100% - 70px);
}

.full-menu .bar-menu .close-menu,
.full-menu-pay .bar-menu .close-menu {
  position: absolute;
  right: 25px;
  top: 20px;
  color: #FFF;
  background: #f5af00;
  line-height: 55px;
  width: 55px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
}

.full-menu .bar-menu nav,
.full-menu-pay .bar-menu nav {
  display: table;
  width: 100%;
  margin-top: 20px;
  float: left;
  margin-bottom: 25px;
}

.full-menu .bar-menu ul,
.full-menu-pay .bar-menu ul {
  display: table;
  width: 100%;
}

.full-menu .bar-menu ul li,
.full-menu-pay .bar-menu ul li {
  display: table;
  width: 100%;
}

.full-menu .bar-menu ul li a,
.full-menu-pay .bar-menu ul li a {
  color: #FFF;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0;
  position: relative;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  float: left;
}

.full-menu .bar-menu ul li i,
.full-menu-pay .bar-menu ul li i {
  float: left;
  line-height: 20px;
  padding: 15px 10px;
  color: #FFF;
  font-size: 16px;
}

.full-menu .bar-menu ul li ul,
.full-menu-pay .bar-menu ul li ul {
  width: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: none;
  float: left;
}

.full-menu .bar-menu .social,
.full-menu-pay .bar-menu .social {
  float: left;
  padding-top: 30px;
  width: 100%;
}

.full-menu .bar-menu .social a,
.full-menu-pay .bar-menu .social a {
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 38px;
  width: 42px;
  text-align: center;
  font-size: 18px;
  margin-right: 15px;
  float: left;
}

.full-menu .bar-menu .btn-cart,
.full-menu-pay .bar-menu .btn-cart {
  float: left;
  margin-top: 30px;
  padding: 0 25px;
  line-height: 60px;
  border-radius: 60px;
  background: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  color: #db8083;
}

.full-menu .bar-menu .btn-cart span,
.full-menu-pay .bar-menu .btn-cart span {
  background: #db8083;
  color: #FFF;
  padding: 4px;
  border-radius: 3px;
  font-size: 13px;
  transition: 0.4s;
}

.full-menu .bar-menu .btn-cart i,
.full-menu-pay .bar-menu .btn-cart i {
  margin-right: 5px;
}

.full-menu .bar-menu .link-menu,
.full-menu-pay .bar-menu .link-menu {
  margin: 20px 0;
  display: table;
}

.full-menu .bar-menu .btn-grey-logado,
.full-menu-pay .bar-menu .btn-grey-logado {
  padding: 0;
  width: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  float: left;
  margin-right: 15px;
}

.full-menu .bar-menu .btn-grey-logado i,
.full-menu-pay .bar-menu .btn-grey-logado i {
  margin-right: 0;
}

.full-menu .bar-menu .btn-grey-logado:hover,
.full-menu-pay .bar-menu .btn-grey-logado:hover {
  background: #083c71;
}

.full-menu .bar-menu .btn-grey-logado:hover:before,
.full-menu-pay .bar-menu .btn-grey-logado:hover:before {
  border-color: #083c71;
}

.full-menu .bar-menu .btn-grey-logado:before,
.full-menu-pay .bar-menu .btn-grey-logado:before {
  transition: 0.4s;
}

.full-menu .bar-menu .btn-grey-logado span,
.full-menu-pay .bar-menu .btn-grey-logado span {
  position: absolute;
  top: 0px;
  right: -7px;
  padding: 0 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  background: #195ea1;
  border: 1px solid #286db0;
}

.full-menu .bar-menu .link-logout,
.full-menu-pay .bar-menu .link-logout {
  float: left;
  font-size: 20px;
  background: #f5af00;
  display: table;
  margin-top: 30px;
  padding: 7px 15px;
  border-radius: 3px;
  color: #FFF;
  clear: both;
}

.full-menu .bar-menu .link-logout i,
.full-menu-pay .bar-menu .link-logout i {
  margin-left: 5px;
}

.loading {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  display: flex;
}

.loading .ico-loading {
  margin: auto;
}

.loading .ico-loading img {
  width: 100px;
}

.video-comments {
  display: table;
  width: 100%;
}

.video-comments .container {
  padding-top: 0;
  margin-top: 55px;
  position: relative;
}

.video-comments .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.video-comments h2 {
  color: #FFF;
  font-size: 36px;
  line-height: 36px;
  display: table;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding-top: 50px;
  position: relative;
  margin-bottom: 40px;
}

.video-comments h2:after {
  content: "";
  width: 92px;
  height: 80px;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translate(-50%, 0);
  background: url("../img/icon-comments.png") center center no-repeat #171717;
  z-index: 90;
}

.video-comments .item-comment {
  display: table;
  width: 100%;
  position: relative;
  padding-left: 130px;
  margin-bottom: 50px;
}

.video-comments .item-comment:last-of-type {
  margin-bottom: 0;
}

.video-comments .item-comment img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.video-comments .item-comment h3 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}

.video-comments .item-comment .date {
  color: #f5af00;
  font-size: 14px;
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.video-comments .item-comment p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 10px;
}

.video-comments .item-comment a {
  font-size: 14px;
  color: #ff0000;
  text-decoration: underline !important;
}

.video-comments .item-comment a:hover {
  color: #f5af00;
}

.video-comments .item-comment.subcomment {
  width: calc(100% - 130px);
  float: right;
  padding-left: 100px;
}

.video-comments .item-comment.subcomment img {
  width: 70px;
  height: auto;
}

@media only screen and (max-width: 991px) {
  .video-comments .item-comment {
    padding-left: 70px;
  }

  .video-comments .item-comment h3 {
    font-size: 20px;
  }

  .video-comments .item-comment p {
    font-size: 14px;
  }

  .video-comments .item-comment .subcomment {
    width: calc(100% - 70px);
    padding-left: 80px;
  }
}

.new-comment {
  display: table;
  width: 100%;
}

.new-comment .container {
  padding-top: 55px;
  margin-top: 55px;
  position: relative;
}

.new-comment .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.new-comment h2 {
  display: table;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 30px;
}

.new-comment form {
  display: table;
  width: 100%;
}

.new-comment label {
  font-size: 18px;
  color: #FFF;
}

.new-comment input[type=text],
.new-comment input[type=email],
.new-comment textarea {
  width: 100%;
  padding: 0 20px;
  height: 60px;
  font-size: 18px;
  border-radius: 6px;
  border: none;
}

.new-comment textarea {
  height: 150px;
  padding: 10px 20px;
}

.new-comment button {
  margin: 0 auto;
  border: none;
  display: table;
}

.new-comment .comment-disabled {
  opacity: 0.2;
}

.new-comment .popup-comment-alert {
  padding: 40px;
  background: #040404;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 3px;
  z-index: 90;
}

.new-comment .popup-comment-alert h2 {
  text-transform: uppercase;
  font-size: 35px;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding-top: 70px;
  margin-bottom: 0;
  background: url("../img/icon-message.png") center top no-repeat;
}

.new-comment .popup-comment-alert h2 strong {
  color: #ff0909;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.new-comment .popup-comment-alert p {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}

.new-comment .popup-comment-alert .links {
  display: table;
  margin: 0 auto;
}

.new-comment .popup-comment-alert .links .yellow-link {
  color: #f5af00;
  line-height: 55px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  text-decoration: underline !important;
  margin: 0 15px;
}

.new-comment .popup-comment-alert .links .yellow-link:hover {
  color: #f55600;
}

.new-comment .popup-comment-alert .links .btn-yellow {
  margin: 0 15px;
}

@media only screen and (max-width: 991px) {
  .new-comment h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 680px) {
  .new-comment .popup-comment-alert {
    width: calc(100% - 50px);
  }

  .new-comment .popup-comment-alert .links {
    width: 100%;
    display: table;
  }

  .new-comment .popup-comment-alert .links a {
    float: none !important;
    display: table;
    margin: 10px auto !important;
  }
}

.pagination {
  display: table;
  margin: 30px auto 0;
}

.pagination a.page {
  float: left;
  line-height: 30px;
  font-size: 14px;
  padding: 0 13px;
  border-radius: 3px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.pagination a.page:hover {
  background: #f42c71;
}

.pagination a.pagination-arrow {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  color: #808080;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0;
}

.pagination a.pagination-arrow i {
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: #4d4d4d;
  margin: 0 10px;
  font-size: 17px;
}

.pagination a.pagination-arrow.first {
  margin-right: 10px;
}

.pagination a.pagination-arrow.last {
  margin-left: 10px;
}

.pagination span {
  float: left;
  line-height: 30px;
  font-size: 14px;
  padding: 0 13px;
  border-radius: 3px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.pagination span.current {
  background: #f42c71;
}

header {
  display: table;
  width: 100%;
  background: #0a0909;
  position: relative;
  z-index: 500;
}

header.header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  background: rgba(0, 0, 0, 0.75);
}

header .container {
  max-width: 1615px;
}

header .topbar {
  display: table;
  width: 100%;
  padding: 11px 0;
  border-bottom: 1px solid #3b3939;
}

header .topbar .social {
  float: left;
}

header .topbar .social a {
  float: left;
  padding-right: 30px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

header .topbar .social a:hover {
  color: #f5af00;
}

header .topbar .right-topbar {
  float: right;
}

header .topbar .right-topbar .btn-members {
  float: left;
  line-height: 31px;
  border-radius: 30px;
  padding: 0 20px;
  font-size: 13px;
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  background: #3b3939;
  text-transform: uppercase;
}

header .topbar .right-topbar .btn-members i {
  margin-right: 4px;
  font-size: 12px;
}

header .topbar .right-topbar .btn-members:hover {
  color: #FFF;
  background: #f5af00;
}

header .topbar .right-topbar form {
  float: left;
  border: 1px solid #393837;
  border-radius: 3px;
  margin-left: 20px;
}

header .topbar .right-topbar form input {
  float: left;
  background: none;
  border: none;
  color: #FFF;
  padding: 0 15px;
  font-size: 10px;
  text-transform: uppercase;
  height: 30px;
  transition: 0.4s;
  width: 222px;
}

header .topbar .right-topbar form input:focus::-webkit-input-placeholder {
  color: transparent;
}

header .topbar .right-topbar form input:focus::-moz-placeholder {
  color: transparent;
}

header .topbar .right-topbar form input:focus:-ms-input-placeholder {
  color: transparent;
}

header .topbar .right-topbar form input:focus:-moz-placeholder {
  color: transparent;
}

header .topbar .right-topbar form ::-webkit-input-placeholder {
  color: #FFF;
}

header .topbar .right-topbar form ::-moz-placeholder {
  color: #FFF;
}

header .topbar .right-topbar form :-ms-input-placeholder {
  color: #FFF;
}

header .topbar .right-topbar form :-moz-placeholder {
  color: #FFF;
}

header .topbar .right-topbar form button {
  float: left;
  padding: 0 15px;
  background: none;
  border: none;
  height: 28px;
  color: #FFF;
  font-size: 10px;
  cursor: pointer;
}

header .topbar .right-topbar form button:hover {
  color: #f5af00;
}

header .topbar .right-topbar .link-user {
  float: left;
  line-height: 30px;
  margin-right: 20px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #f5af00;
  text-decoration: underline;
}

header .topbar .right-topbar .link-user:hover {
  color: #f55600;
}

header .default-header {
  display: table;
  width: 100%;
  padding: 16px 0;
}

header .default-header .logo {
  float: left;
}

header .default-header .logo img {
  width: 180px;
}

header .default-header .right-header {
  float: right;
  padding: 6.5px 0;
}

header .default-header .right-header nav {
  float: left;
}

header .default-header .right-header nav ul {
  display: table;
}

header .default-header .right-header nav ul li {
  float: left;
  position: relative;
}

header .default-header .right-header nav ul li a {
  color: #FFF;
  font-size: 17px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0 15px;
  line-height: 50px;
}

header .default-header .right-header nav ul li a i {
  margin-left: 4px;
  color: rgba(255, 255, 255, 0.3);
}

header .default-header .right-header nav ul li a:hover {
  color: #efb218;
}

header .default-header .right-header nav ul li ul {
  display: none;
  float: none;
  position: absolute;
  left: 10px;
  top: 90%;
  width: 600px;
  padding: 27px 0 0;
}

header .default-header .right-header nav ul li ul.logged {
  top: 100%;
}

header .default-header .right-header nav ul li ul .menu {
  background: rgba(0, 0, 0, 0.8);
  display: table;
  padding-top: 15px;
  padding-bottom: 15px;
}

header .default-header .right-header nav ul li ul .menu .col-menu {
  width: 200px;
  float: left;
}

header .default-header .right-header nav ul li ul .menu .col-menu:last-of-type {
  padding-right: 15px;
}

header .default-header .right-header nav ul li ul li {
  width: 100%;
  padding: 0 15px;
}

header .default-header .right-header nav ul li ul li a {
  display: table;
  width: 100%;
  line-height: 16px;
  font-size: 14px;
  padding: 15px 0;
  color: #FFF;
  text-transform: uppercase;
}

header .default-header .right-header nav ul li ul li:last-of-type a {
  border-bottom: 0;
}

header .default-header .right-header nav ul li:hover ul {
  display: table;
}

header .default-header .right-header .btn-yellow,
header .default-header .right-header .btn-grey {
  margin-left: 15px;
  float: left;
}

header .default-header .right-header .btn-sign-plan {
  float: left;
  line-height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 20px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50px;
  margin-left: 15px;
  position: relative;
  margin-right: 10px;
  font-size: 15px;
}

header .default-header .right-header .btn-sign-plan i {
  color: #f5af00;
  margin: 0 5px;
  transition: 0.4s;
}

header .default-header .right-header .btn-sign-plan:hover {
  background: rgba(255, 255, 255, 0.2);
}

header .default-header .right-header .btn-cart {
  float: left;
  line-height: 45px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 15px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50px;
  margin-left: 15px;
  position: relative;
  margin-right: 10px;
  font-size: 15px;
}

header .default-header .right-header .btn-cart .fa-shopping-cart {
  color: #f5af00;
}

header .default-header .right-header .btn-cart .fa-angle-down {
  color: rgba(255, 255, 255, 0.3);
}

header .default-header .right-header .btn-cart i {
  margin: 0 5px;
  transition: 0.4s;
}

header .default-header .right-header .btn-cart span {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translate(0, -50%);
  padding: 0 5px;
  border-radius: 3px;
  color: #FFF;
  font-size: 15px;
  line-height: 25px;
  background: #f5af00;
}

header .default-header .right-header .btn-cart:hover {
  background: rgba(255, 255, 255, 0.2);
}

header .default-header .right-header .btn-cart.active i.icon-arrow {
  transform: rotate(-180deg);
}

header .default-header .right-header .wrap-cart {
  float: left;
  position: relative;
}

header .default-header .right-header .wrap-cart .mini-cart {
  position: absolute;
  padding: 30px;
  background: rgba(0, 0, 0, 0.8);
  width: 375px;
  right: 0;
  top: calc(100% + 22px);
  display: none;
  float: left;
}

header .default-header .right-header .wrap-cart .mini-cart.logged {
  top: calc(100% + 27px);
}

header .default-header .right-header .wrap-cart .mini-cart .btn-green {
  margin: 0 auto;
  display: table;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart img {
  float: left;
  width: 100px;
  border-radius: 6px;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart .box-text {
  float: left;
  width: calc(100% - 100px);
  padding-left: 20px;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart .box-text .title {
  color: #FFF;
  font-size: 17px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart .box-text .subtitle {
  color: #808080;
  font-size: 13px;
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart .box-text .price {
  color: #f5af00;
  font-size: 20px;
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

header .default-header .right-header .wrap-cart .mini-cart .item-minicart:last-of-type {
  margin-bottom: 0;
}

header .default-header .right-header .btn-grey-logado {
  padding: 0 15px !important;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  margin-left: 15px;
  font-size: 18px;
}

header .default-header .right-header .btn-grey-logado i {
  margin-right: 0;
}

header .default-header .right-header .btn-grey-logado span {
  position: absolute;
  top: 0px;
  right: -7px;
  padding: 0 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  background: #195ea1;
  border: 1px solid #286db0;
}

header .default-header .right-header .btn-grey-logado:before {
  transition: 0.4s;
}

header .default-header .right-header .btn-grey-logado:hover {
  background: #083c71;
}

header .default-header .right-header .btn-grey-logado:hover:before {
  border-color: #083c71;
}

header .default-header .right-header .link-logout {
  float: left;
  line-height: 55px;
  padding-left: 20px;
  font-size: 20px;
  color: #f5af00;
}

header .institutional-header {
  text-align: center;
}

header .institutional-header .logo {
  float: none !important;
}

header .institutional-header .logo img {
  width: auto;
}

header .open-menu-mobile,
header .open-menu-mobile-pay {
  display: none;
}

@media only screen and (max-width: 1350px) {
  header .default-header .right-header nav ul li a {
    font-size: 15px;
    padding: 0 11px;
  }

  header .default-header .right-header .btn-yellow,
  header .default-header .right-header .btn-grey,
  header .default-header .right-header .btn-cart {
    padding: 0 15px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 1230px) {
  .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  header .default-header .right-header nav {
    display: none;
  }

  header .default-header .right-header .btn-yellow,
  header .default-header .right-header .btn-grey {
    display: none;
  }

  header .default-header .right-header .btn-cart {
    font-size: 0;
    line-height: 0;
  }

  header .default-header .right-header .btn-cart i {
    font-size: 15px;
    line-height: 53px;
  }

  header .default-header .right-header .link-logout {
    display: none;
  }

  header .open-menu-mobile,
  header .open-menu-mobile-pay {
    display: table;
    float: left;
    color: #FFF;
    background: #f5af00;
    line-height: 55px;
    width: 55px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
    -moz-box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
    box-shadow: 0px 0px 20px 0px rgba(245, 175, 0, 0.8);
  }
}

@media only screen and (max-width: 680px) {
  header.header-absolute {
    position: relative;
    background: #000000;
  }

  header .topbar {
    padding-bottom: 0;
    border-bottom: 0;
  }

  header .topbar .social a {
    padding-right: 20px;
  }

  header .topbar .container {
    position: relative;
    display: table;
  }

  header .topbar .right-topbar {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 15px;
    margin-top: 15px;
    width: 100%;
  }

  header .topbar .right-topbar .btn-members {
    position: absolute;
    display: table;
    top: 0;
    right: 20px;
  }

  header .topbar .right-topbar form {
    width: 100%;
    margin-left: 0;
  }

  header .topbar .right-topbar form input {
    width: calc(100% - 50px);
  }

  header .topbar .right-topbar form button {
    float: left;
    width: 50px;
  }

  header .topbar .right-topbar .link-user {
    display: none;
  }

  header .default-header .logo img {
    width: 157px;
  }

  header .default-header .right-header {
    padding: 0;
  }

  header .default-header .right-header .btn-cart {
    padding: 0 15px;
  }
}

footer {
  width: 100%;
  margin-top: 80px;
  padding-bottom: 50px;
}

footer .container {
  padding-top: 35px;
  position: relative;
}

footer .container:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

footer .logo {
  float: none;
  display: table;
  margin: 0 auto;
}

footer ul {
  display: table;
  margin: 35px auto 0;
}

footer ul li {
  float: left;
}

footer ul li a {
  color: #FFF;
  font-size: 17px;
  padding: 0 20px;
}

footer ul li a:hover {
  color: #f5af00;
}

footer .box-payments {
  display: table;
  margin: 30px auto;
  padding: 35px 15px;
  background: #0e0e0e;
  border-radius: 3px;
}

footer .box-payments .item-box-payment {
  float: left;
  margin: 0 20px;
}

footer .box-payments .item-box-payment .title {
  display: table;
  width: 100%;
  font-size: 14px;
  color: #f5af00;
  text-transform: uppercase;
  margin-bottom: 15px;
}

footer .box-payments .item-box-payment img {
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}

footer .box-payments .item-box-payment ul {
  display: table;
  clear: both;
  margin-top: 0;
}

footer .box-payments .item-box-payment ul li {
  display: table;
  margin-bottom: 6px;
  clear: both;
}

footer .box-payments .item-box-payment ul li a {
  color: #FFF;
  font-size: 14px;
  padding: 0;
}

footer .box-payments .item-box-payment ul li a:hover {
  color: #f5af00;
}

footer .bottom-footer {
  display: table;
  margin: 0 auto;
}

footer .bottom-footer p {
  display: table;
  margin: 0 auto 5px;
  text-align: center;
  font-size: 15px;
  color: #FFF;
}

footer .bottom-footer ul {
  margin-top: 0;
  margin-bottom: 25px;
}

footer .bottom-footer ul li a {
  padding: 0 5px;
  border-right: 1px solid #f5af00;
  color: #f5af00;
  text-decoration: underline;
}

footer .bottom-footer ul li a:hover {
  color: #f55600;
}

footer .bottom-footer ul li:last-of-type a {
  border-right: 0;
}

footer .bottom-footer .copy {
  margin: 0 auto;
  color: #FFF;
  font-size: 14px;
  display: table;
}

@media only screen and (max-width: 991px) {
  footer ul li a {
    color: #FFF;
    font-size: 12px;
    padding: 0 8px;
  }

  footer .box-payments .item-box-payment {
    margin: 0;
    width: 100%;
  }

  footer .box-payments .item-box-payment ul,
  footer .box-payments .item-box-payment ul li,
  footer .box-payments .item-box-payment ul li a,
  footer .box-payments .item-box-payment span {
    width: 100%;
    display: table;
    text-align: center;
  }

  footer .box-payments .item-box-payment ul {
    margin-bottom: 30px;
  }

  footer .box-payments .item-box-payment img {
    display: table;
    margin: 0 auto;
  }

  footer .bottom-footer ul {
    text-align: center;
  }

  footer .bottom-footer ul li {
    float: none;
    display: inline-block;
  }
}

.wrap-home {
  display: table;
  width: 100%;
  min-height: 100vh;
  padding: 45px 0 145px;
  background: url("/img/bg-home.jpg") center center no-repeat;
  background-size: cover;
}

.wrap-home .logo {
  display: table;
  margin: 0 auto 45px;
}

.wrap-home .home-info {
  display: table;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 95px 65px;
}

.wrap-home .home-info .terms-conditions {
  color: #195ea1;
  display: inline;
}

.wrap-home .home-info h1 {
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 40px;
  margin-bottom: 30px;
}

.wrap-home .home-info p {
  margin-top: 25px;
  margin-bottom: 30px;
  color: #FFF;
  font-size: 13px;
  line-height: 27px;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.wrap-home .home-info p.summary {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 20px;
  font-size: 13px;
}

.wrap-home .home-info .box-buttons {
  display: table;
  margin: 15px auto 0;
}

.wrap-home .home-info .box-buttons a {
  float: none;
  margin: 0 auto;
  display: table;
}

.wrap-home .home-info .box-buttons .link {
  color: #FFF;
  line-height: 50px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-top: 20px;
}

.wrap-home .home-info .box-buttons .link:hover {
  color: #f55600;
  text-decoration: underline;
}

@media only screen and (max-width: 991px) {
  .wrap-home .home-info {
    padding: 60px 40px;
  }

  .wrap-home .home-info h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 680px) {
  .wrap-home .home-info {
    padding: 50px 30px;
  }

  .wrap-home .home-info h1 {
    font-size: 26px;
  }
}

.about-page {
  display: table;
  width: 100%;
}

.about-page .container {
  padding-top: 45px;
  position: relative;
}

.about-page .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.about-page h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 20px;
}

.about-page p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 20px;
}

.about-page p .yellow {
  font-style: italic;
  color: #f5af00;
}

.about-page .box-conditions {
  display: block;
  width: 100%;
  background: url("../img/text-mfx.png") no-repeat #272727;
  border: 1px solid #545454;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 30px;
  background-position: 27% 20px;
}

.about-page .box-conditions .box-text {
  display: table;
  width: 100%;
  padding: 0 20px 0 50px;
}

.about-page .box-conditions .box-text h2 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 53px;
  color: #f5af00;
  margin-bottom: 15px;
}

.about-page .box-conditions .box-text p {
  color: #FFF;
  margin-bottom: 20px;
}

.about-page .box-conditions .box-text p:last-of-type {
  margin-bottom: 0;
}

.about-page .box-conditions img {
  display: table;
  width: 100%;
}

.item-site-access {
  display: table;
  width: 100%;
  background: #4d4d4d;
  border-radius: 3px;
  position: relative;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  margin-bottom: 30px;
}

.item-site-access .info {
  float: left;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #FFF;
  padding-right: 140px;
  line-height: 20px;
}

.item-site-access .info i {
  margin-right: 10px;
  text-shadow: 0px 0px 20px rgba(245, 175, 0, 0.8);
  color: #f5af00;
}

.item-site-access .link {
  display: table;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 18px;
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #f5af00;
}

@media only screen and (max-width: 1200px) {
  .about-page .box-conditions {
    background-position: 30px 20px;
  }

  .about-page .box-conditions .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .about-page .box-conditions .box-text {
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 769px) {
  .about-page .box-conditions .box-text h2 {
    font-size: 35px;
    line-height: 35px;
  }

  .about-page h2 {
    font-size: 18px;
  }

  .item-site-access .info,
  .item-site-access .link {
    font-size: 16px;
  }

  .item-site-access .info {
    display: table;
    padding: 0 15px;
    float: none;
    margin: 0 auto;
    text-align: center;
  }

  .item-site-access .link {
    position: relative;
    display: table;
    width: 100%;
    transform: none;
    top: auto;
    text-align: center;
    right: auto;
  }
}

.wrap-contact {
  display: table;
  width: 100%;
}

.wrap-contact .container {
  padding-top: 85px;
  position: relative;
}

.wrap-contact .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.wrap-contact p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 20px;
}

.wrap-contact p strong {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.wrap-contact p a {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-decoration: underline !important;
}

.wrap-contact p a:hover {
  color: #f55600;
}

.wrap-contact .new-member {
  display: table;
  width: 100%;
  background: url("../img/bg-box-red-2.png") center center no-repeat;
  padding: 37px 30px;
  background-size: cover;
  float: left;
  margin-top: 30px;
}

.wrap-contact .new-member h2 {
  width: 100%;
  text-align: center;
  display: table;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 35px;
  text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.35);
  margin-bottom: 20px;
  background: url("../img/icon-diamond.png") top center no-repeat;
  padding-top: 105px;
  text-transform: uppercase;
}

.wrap-contact .new-member h2 strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffc600;
}

.wrap-contact .new-member a {
  margin: 0 auto;
  display: table;
  color: #a71801;
}

.wrap-contact form label {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.wrap-contact form textarea,
.wrap-contact form input[type=email],
.wrap-contact form input[type=text],
.wrap-contact form input[type=password] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.wrap-contact form textarea {
  height: 130px;
  padding: 10px 15px;
  resize: none;
}

.wrap-contact form button {
  border: none;
  float: right;
  display: table;
}

.wrap-contact .item-check {
  display: table;
  padding: 12px 0 12px 85px;
  background: url("../img/icon-check-success.png") left center no-repeat;
  font-size: 25px;
  color: #ff1616;
  margin-top: 20px;
}

.wrap-contact .select2-container--default {
  width: 100% !important;
}

.wrap-contact .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #185fa1;
  border: none;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 8px 5px;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
}

.wrap-contact .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: #FFF;
}

.wrap-contact .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 7px 5px 12px 5px;
  display: table;
}

.wrap-contact .select2-container--default .select2-search--inline .select2-search__field {
  height: 37px;
}

@media only screen and (max-width: 991px) {
  .wrap-contact .item-check {
    background-size: 50px auto;
    padding-left: 60px;
    font-size: 18px;
  }

  .wrap-contact form {
    display: table;
    margin-top: 40px;
  }

  .wrap-contact .new-member {
    display: none;
  }
}

.terms-conditions {
  display: table;
  width: 100%;
}

.terms-conditions .container {
  padding-top: 45px;
  position: relative;
}

.terms-conditions .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.terms-conditions h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.terms-conditions p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.terms-conditions .box-conditions {
  display: block;
  width: 100%;
  background: url("../img/text-mfx.png") no-repeat #272727;
  border: 1px solid #545454;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 30px;
  background-position: 27% 20px;
}

.terms-conditions .box-conditions .box-text {
  display: table;
  width: 100%;
  padding: 0 20px 0 50px;
}

.terms-conditions .box-conditions .box-text h2 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 53px;
  color: #f5af00;
  margin-bottom: 15px;
}

.terms-conditions .box-conditions .box-text p {
  color: #FFF;
  margin-bottom: 0;
}

.terms-conditions .box-conditions img {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .terms-conditions .box-conditions {
    background-position: 30px 20px;
  }

  .terms-conditions .box-conditions .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .terms-conditions .box-conditions .box-text {
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 769px) {
  .terms-conditions .box-conditions .box-text h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

.wrap-paysites {
  display: table;
  width: 100%;
}

.wrap-paysites .container {
  padding-top: 45px;
  position: relative;
}

.wrap-paysites .container:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.wrap-paysites h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 22px;
}

.wrap-paysites p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.wrap-paysites a .logo-pay {
  height: auto;
  max-width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wrap-paysites a .box-item-paysite {
  display: table;
  width: 100%;
  height: 185px;
  border-radius: 3px;
  position: relative;
  background: #333333;
  margin-bottom: 30px;
}

.wrap-paysites a .box-item-paysite:hover img {
  transform: translate(-50%, -50%) scale(1.15);
}

.paysites2-page {
  display: table;
  width: 100%;
}

.paysites2-page .container {
  padding-top: 45px;
  position: relative;
}

.paysites2-page .container:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.paysites2-page h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 20px;
}

.paysites2-page p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 20px;
}

.paysites2-page form {
  display: table;
  width: 100%;
}

.boxes-paysites {
  display: table;
  width: 100%;
}

.item-boxes-paysite {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.item-boxes-paysite:last-of-type {
  border-bottom: 0;
}

.item-boxes-paysite label {
  float: left;
  cursor: pointer;
}

.item-boxes-paysite label span {
  font-size: 30px;
  line-height: 30px;
  display: table;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite label span strong {
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-boxes-paysite label span:before {
  content: "";
  height: 20px;
  width: 20px;
  display: table;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border-radius: 50%;
}

.item-boxes-paysite label span:after {
  content: "";
  height: 10px;
  width: 10px;
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: scale(0) translate(0, -50%);
  background: #ff2200;
  border-radius: 50%;
  transition: 0.4s;
}

.item-boxes-paysite label small.descript {
  position: absolute;
  color: #d1d1d1;
  font-size: 9px;
  margin: 0 36px;
  text-transform: uppercase;
  font-weight: 700;
}

.item-boxes-paysite input {
  display: none;
}

.item-boxes-paysite label input:checked ~ span:after {
  transform: scale(1) translate(0, -50%);
}

.item-boxes-paysite .right-plan {
  float: right;
}

.item-boxes-paysite .right-plan span {
  font-size: 30px;
  line-height: 30px;
  display: table;
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite .right-plan span.recurrent {
  color: #ff2200;
  font-size: 16px;
}

.item-boxes-paysite .right-plan span strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 22px;
}

.item-boxes-paysite .right-plan span .payment-type {
  display: block !important;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #d1d1d1 !important;
  margin-top: -10px;
}

.item-boxes-paysite .right-plan a {
  display: table;
  float: left;
  margin-left: 30px;
}

.item-boxes-paysite.orange span strong {
  color: #ff5a00;
}

.item-boxes-paysite.orange label span:after {
  background: #ff5a00;
}

.item-boxes-paysite.orange .right-plan span {
  color: #ff5a00;
}

.item-boxes-paysite.red span strong {
  color: #ff2200;
}

.item-boxes-paysite.red label span:after {
  background: #ff2200;
}

.item-boxes-paysite.red .right-plan span {
  color: #ff2200;
}

.item-boxes-paysite.yellow span strong {
  color: #f5af00;
}

.item-boxes-paysite.yellow label span:after {
  background: #f5af00;
}

.item-boxes-paysite.yellow .right-plan span {
  color: #f5af00;
}

.item-boxes-paysite.green span strong {
  color: #52c108;
}

.item-boxes-paysite.green label span:after {
  background: #52c108;
}

.item-boxes-paysite.green .right-plan span {
  color: #52c108;
}

.paysite.get-premium {
  display: table;
  width: 100%;
  padding: 80px 0 0;
}

.paysite.get-premium .box-get-premium {
  display: table;
  margin: 0 auto;
  padding: 25px 70px;
  background: url("../img/bg-premium.png") center center no-repeat;
  background-size: 100% auto;
}

.paysite.get-premium .box-get-premium span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  color: #FFF;
  font-size: 36px;
  line-height: 55px;
  margin-right: 50px;
  padding-left: 80px;
  background: url("../img/icon-diamond.png") left center no-repeat;
  background-size: auto 55px;
}

.paysite.get-premium .box-get-premium span strong {
  color: #ffc600;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.paysite.get-premium .box-get-premium a {
  float: left;
  color: #a71801;
  cursor: pointer;
}

.paysite.get-premium .box-get-premium a:hover {
  color: #FFF;
}

@media only screen and (max-width: 1200px) {
  .paysite.get-premium .box-get-premium {
    background-size: cover;
    padding: 40px 20px;
  }

  .paysite.get-premium .box-get-premium span {
    background-position: center top !important;
    padding: 60px 0 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .paysite.get-premium .box-get-premium a {
    float: none;
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .paysite.get-premium {
    padding-top: 30px;
  }

  .paysite.get-premium .box-get-premium span {
    line-height: 27px;
    font-size: 27px;
  }

  .paysite.get-premium .box-get-premium .btn-yellow {
    font-size: 13px;
  }

  .item-boxes-paysite label {
    width: 100%;
  }

  .item-boxes-paysite label span {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 25px;
  }

  .item-boxes-paysite .right-plan {
    float: left;
    padding-left: 35px;
  }

  .item-boxes-paysite .right-plan span {
    padding-top: 0;
    width: 100%;
    font-size: 23px;
  }

  .item-boxes-paysite .right-plan a {
    margin-left: 0;
  }
}

.faq {
  display: table;
  width: 100%;
}

.faq .container {
  padding-top: 45px;
  position: relative;
}

.faq .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.faq h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.faq p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.search-faq {
  display: table;
  width: 100%;
  padding: 30px;
  border-radius: 5px;
  background: #2f2f2f;
  margin-bottom: 40px;
}

.search-faq span {
  float: left;
  line-height: 55px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 22px;
}

.search-faq form {
  float: right;
}

.search-faq form button {
  border: none;
  float: left;
  margin-left: 20px;
}

.search-faq form input[type=text] {
  width: 400px;
  height: 55px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
  float: left;
}

@media only screen and (max-width: 1200px) {
  .faq .box-conditions {
    background-position: 30px 20px;
  }

  .faq .box-conditions .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .faq .box-conditions .box-text {
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .search-faq {
    padding: 20px;
  }

  .search-faq span {
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .search-faq form {
    width: 100%;
  }

  .search-faq form input[type=text] {
    width: 100%;
    margin-bottom: 15px;
  }

  .search-faq form button {
    float: none;
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 769px) {
  .faq .box-conditions .box-text h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

.title-2257 {
  display: table;
  width: 100%;
}

.title-2257 .container {
  padding-top: 45px;
  position: relative;
}

.title-2257 .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.title-2257 h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.title-2257 p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.refund-policy {
  display: table;
  width: 100%;
}

.refund-policy .container {
  padding-top: 45px;
  position: relative;
}

.refund-policy .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.refund-policy h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.refund-policy p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.refund-policy p a {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-decoration: underline !important;
}

.refund-policy p a:hover {
  color: #f55600;
}

.privacy-policy {
  display: table;
  width: 100%;
}

.privacy-policy .container {
  padding-top: 45px;
  position: relative;
}

.privacy-policy .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.privacy-policy h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.privacy-policy p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
  text-align: justify;
}

.privacy-policy p a {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-decoration: underline !important;
}

.privacy-policy p a:hover {
  color: #f55600;
}

.privacy-policy ul {
  margin-top: 0;
  margin-bottom: 25px;
  padding-left: 55px;
}

.privacy-policy ul li {
  list-style-type: square;
  padding: 0 5px;
  color: #b2b2b2;
  text-align: justify;
}

.privacy-policy .box-conditions {
  display: block;
  width: 100%;
  background: url("../img/text-mfx.png") no-repeat #272727;
  border: 1px solid #545454;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 30px;
  background-position: 27% 20px;
}

.privacy-policy .box-conditions .box-text {
  display: table;
  width: 100%;
  padding: 0 20px 0 50px;
}

.privacy-policy .box-conditions .box-text h2 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 53px;
  color: #f5af00;
  margin-bottom: 15px;
}

.privacy-policy .box-conditions .box-text p {
  color: #FFF;
  margin-bottom: 0;
}

.privacy-policy .box-conditions img {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .privacy-policy .box-conditions {
    background-position: 30px 20px;
  }

  .privacy-policy .box-conditions .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .privacy-policy .box-conditions .box-text {
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 769px) {
  .privacy-policy .box-conditions .box-text h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

.support {
  display: table;
  width: 100%;
}

.support .container {
  padding-top: 45px;
  position: relative;
}

.support .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.support h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 20px;
}

.support p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.support .box-conditions {
  display: block;
  width: 100%;
  background: url("../img/text-mfx.png") no-repeat #272727;
  border: 1px solid #545454;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 30px;
  background-position: 27% 20px;
}

.support .box-conditions .box-text {
  display: table;
  width: 100%;
  padding: 0 20px 0 50px;
}

.support .box-conditions .box-text h2 {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 53px;
  color: #f5af00;
  margin-bottom: 15px;
}

.support .box-conditions .box-text p {
  color: #FFF;
  margin-bottom: 0;
}

.support .box-conditions .box-text p strong {
  color: #f5af00;
}

.support .box-conditions img {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  .support .box-conditions {
    background-position: 30px 20px;
  }

  .support .box-conditions .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .support .box-conditions .box-text {
    padding: 70px 30px;
  }
}

@media only screen and (max-width: 769px) {
  .support .box-conditions .box-text h2 {
    font-size: 35px;
    line-height: 35px;
  }
}

.wrap-list-videos {
  display: block;
  width: 100%;
  padding: 35px 0;
}

.wrap-list-videos .box-title {
  display: table;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative;
  border: none !important;
}

.wrap-list-videos .box-title:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/border-dot.png") center center repeat-x;
}

.wrap-list-videos .box-title h2 {
  float: left;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 30px;
  padding: 24px 0 16px 50px !important;
  color: #FFF;
}

.wrap-list-videos .box-title h2 strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.wrap-list-videos .box-title h2.title-latest {
  background: url("../img/icon-latest.png") left center no-repeat;
}

.wrap-list-videos .box-title h2.title-latest strong {
  color: #f5af00;
}

.wrap-list-videos .box-title h2.title-popular {
  background: url("../img/icon-fire.png") left center no-repeat;
}

.wrap-list-videos .box-title h2.title-popular strong {
  color: #ff00ae;
}

.wrap-list-videos .box-title h2.title-premium {
  background: url("../img/icon-premium.png") left center no-repeat;
}

.wrap-list-videos .box-title h2.title-premium strong {
  color: #ff004e;
}

.wrap-list-videos .box-title .right-box-title {
  float: right;
  margin: 17px 0;
}

.wrap-list-videos .box-title .right-box-title span,
.wrap-list-videos .box-title .right-box-title .link {
  float: left;
  line-height: 15px;
  font-size: 13px;
  color: #84858c;
  padding: 0 12px !important;
  margin: 12.5px 0 !important;
}

.wrap-list-videos .box-title .right-box-title .link {
  text-decoration: underline;
  color: #f5af00;
}

.wrap-list-videos .box-title .right-box-title span {
  border-right: 1px solid #84858c;
}

.wrap-list-videos .box-title .right-box-title .btn-grey {
  line-height: 40px;
  text-transform: initial;
  font-size: 13px;
  color: #84858c;
  padding: 0 25px;
  margin-left: 15px !important;
  float: left;
}

.wrap-list-videos .box-title .right-box-title .btn-grey:hover {
  color: #FFF;
}

.home.get-premium {
  display: table;
  width: 100%;
  padding: 30px 0 60px;
}

.home.get-premium .box-get-premium {
  display: table;
  margin: 0 auto;
  padding: 25px 70px;
  background: url("../img/bg-premium.png") center center no-repeat;
  background-size: 100% auto;
}

.home.get-premium .box-get-premium span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  color: #FFF;
  font-size: 36px;
  line-height: 55px;
  margin-right: 50px;
  padding-left: 80px;
  background: url("../img/icon-diamond.png") left center no-repeat;
  background-size: auto 55px;
}

.home.get-premium .box-get-premium span strong {
  color: #ffc600;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.home.get-premium .box-get-premium a {
  float: left;
  color: #a71801;
}

.home.get-premium .box-get-premium a:hover {
  color: #FFF;
}

.cta-video {
  display: table;
  width: 100%;
}

.cta-video .box-cta-video {
  display: table;
  width: calc(100% + 340px);
  border-radius: 10px;
  height: 560px;
  position: relative;
  margin-left: -170px;
}

.cta-video .box-cta-video .content-cta {
  position: absolute;
  padding-left: 140px;
  top: 50%;
  transform: translate(0, -50%);
  padding-top: 150px;
  background: url("../img/icon-play-opacity.png") 100px top no-repeat;
}

.cta-video .box-cta-video .content-cta .top-infos {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.cta-video .box-cta-video .content-cta .top-infos .rating {
  float: left;
  font-size: 16px;
  color: #FFF;
  line-height: 18px;
}

.cta-video .box-cta-video .content-cta .top-infos .rating i {
  color: #f5af00;
  margin-right: 5px;
}

.cta-video .box-cta-video .content-cta .top-infos .category {
  float: left;
  margin-left: 15px;
}

.cta-video .box-cta-video .content-cta .top-infos .category a,
.cta-video .box-cta-video .content-cta .top-infos .category span {
  float: left;
  font-size: 13px;
  color: #f5af00;
  line-height: 18px;
  padding: 0 3px;
}

.cta-video .box-cta-video .content-cta h2 {
  color: #FFF;
  font-size: 72px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 76px;
  margin-bottom: 10px;
}

.cta-video .box-cta-video .content-cta p {
  font-size: 15px;
  line-height: 25px;
  color: #FFF;
  margin-bottom: 25px;
}

.cta-video .box-cta-video .content-cta .buttons {
  display: table;
  width: 100%;
}

.cta-video .box-cta-video .content-cta .buttons a {
  margin-right: 15px;
  float: left;
}

.cta-video .box-cta-video .content-cta .buttons span {
  float: left;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #f5af00;
}

@media only screen and (max-width: 1500px) {
  .cta-video .box-cta-video {
    width: 100%;
    margin-left: 0;
  }

  .cta-video .box-cta-video .content-cta {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 1200px) {
  .home.get-premium .box-get-premium {
    background-size: cover;
    padding: 40px 20px;
  }

  .home.get-premium .box-get-premium span {
    background-position: center top !important;
    padding: 60px 0 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .home.get-premium .box-get-premium a {
    float: none;
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .wrap-list-videos .box-title h2 {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .wrap-list-videos .box-title .right-box-title {
    width: 100%;
  }

  .wrap-list-videos .box-title .right-box-title .btn-grey {
    float: right;
    padding: 0 20px;
    font-size: 13px;
    margin-left: 15px;
  }

  .wrap-list-videos .box-title .right-box-title span,
  .wrap-list-videos .box-title .right-box-title .link {
    font-size: 12px;
  }

  .wrap-list-videos .box-title .right-box-title span {
    padding-left: 0;
  }

  .home.get-premium {
    padding-top: 30px;
  }

  .home.get-premium .box-get-premium span {
    line-height: 27px;
    font-size: 27px;
  }

  .home.get-premium .box-get-premium .btn-yellow {
    font-size: 13px;
  }

  .cta-video .box-cta-video .content-cta {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 90px;
    background: url("../img/icon-play-opacity.png") 20px top no-repeat;
    background-size: 70px;
    z-index: 90;
  }

  .cta-video .box-cta-video .content-cta h2 {
    font-size: 50px;
    line-height: 50px;
  }

  .cta-video .box-cta-video .content-cta .buttons span {
    width: 100%;
    margin-top: 30px;
    display: none;
  }

  .cta-video .box-cta-video .content-cta .buttons span br {
    display: none;
  }

  .cta-video .box-cta-video .content-cta .buttons a {
    font-size: 14px;
    margin-right: 15px;
    padding: 0 15px;
  }

  .cta-video .box-cta-video:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (max-width: 680px) {
  .cta-video .box-cta-video {
    height: 450px;
  }

  .cta-video .box-cta-video .content-cta h2 {
    font-size: 30px;
    line-height: 30px;
  }
}

.wrap-login {
  display: table;
  width: 100%;
}

.wrap-login .container {
  padding-top: 85px;
  position: relative;
}

.wrap-login .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.wrap-login .box-login {
  display: table;
  width: 100%;
  background: url("../img/bg-login.png") center center no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  padding: 65px 0;
  border-radius: 5px;
}

.wrap-login .box-login .col-lg-6:first-of-type {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.wrap-login .box-login .no-border {
  border-right: 0 !important;
}

.wrap-login .box-login .item-login {
  display: table;
  width: 100%;
  padding: 91px 80px 0;
}

.wrap-login .box-login .item-login.login {
  background: url("../img/icon-user.png") top center no-repeat;
}

.wrap-login .box-login .item-login.register {
  background: url("../img/icon-new-user.png") top center no-repeat;
}

.wrap-login .box-login .item-login h2 {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.wrap-login .box-login .item-login p {
  width: 100%;
  text-align: center;
  color: #FFF;
  margin-bottom: 25px;
  font-size: 18px;
}

.wrap-login .box-login .item-login label {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 5px;
}

.wrap-login .box-login .item-login input[type=email],
.wrap-login .box-login .item-login input[type=text],
.wrap-login .box-login .item-login input[type=password] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.wrap-login .box-login .item-login input[type=email].password,
.wrap-login .box-login .item-login input[type=text].password,
.wrap-login .box-login .item-login input[type=password].password {
  width: 88%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.wrap-login .box-login .item-login input[type=email].password.reset,
.wrap-login .box-login .item-login input[type=text].password.reset,
.wrap-login .box-login .item-login input[type=password].password.reset {
  width: 95% !important;
}

.wrap-login .box-login .item-login .group-password {
  width: 12%;
}

.wrap-login .box-login .item-login .group-password.reset {
  width: 5% !important;
}

.wrap-login .box-login .item-login .group-password .icon {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  font-size: 20px;
  cursor: pointer;
}

.wrap-login .box-login .item-login button {
  border: none;
  margin: 20px auto 0;
  display: table;
}

.wrap-login .box-login .item-login .link {
  display: table;
  margin: 80px auto 0;
  text-decoration: underline;
  font-size: 18px;
  color: #b2b2b2;
}

.wrap-login .box-login .item-login .link:hover {
  color: #f5af00;
}

.wrap-login .box-login .new-member {
  display: table;
  width: calc(100% - 65px);
  background: url("../img/bg-box-red.png") center center no-repeat;
  padding: 43px 30px;
  background-size: cover;
  float: left;
}

.wrap-login .box-login .new-member .subtitle {
  display: table;
  width: 100%;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-size: 36px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  padding-top: 125px;
  margin-bottom: 20px;
  background: url("../img/icon-diamond.png") top center no-repeat;
}

.wrap-login .box-login .new-member h2 {
  width: 100%;
  text-align: center;
  display: table;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 56px;
  text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.35);
  margin-bottom: 30px;
}

.wrap-login .box-login .new-member h2 strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffc600;
}

.wrap-login .box-login .new-member a {
  margin: 0 auto;
  display: table;
  color: #a71801;
}

.info-login {
  display: table;
  width: 100%;
}

.info-login .container {
  padding: 45px 0;
  position: relative;
}

.info-login .container::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.info-login .text-info-login {
  display: table;
  width: 100%;
  padding-left: 64px;
  background: url("../img/check-yellow.png") left top no-repeat;
}

.info-login .text-info-login h2 {
  font-size: 30px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.info-login .text-info-login h2 strong {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.info-login .text-info-login ul {
  display: table;
  width: 100%;
}

.info-login .text-info-login ul li {
  width: 50%;
  float: left;
  padding-right: 30px;
  font-size: 18px;
  text-transform: uppercase;
  color: #f5af00;
  margin-bottom: 7px;
}

.info-login .text-info-login ul li a {
  color: #FFF;
  font-size: 17px;
}

@media only screen and (max-width: 991px) {
  .wrap-login .container {
    padding-top: 50px;
  }

  .wrap-login .box-login {
    padding: 30px 0;
  }

  .wrap-login .box-login .item-login {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px;
  }

  .wrap-login .box-login .item-login .link {
    margin-top: 30px;
  }

  .wrap-login .box-login .item-login.register {
    margin-top: 40px;
  }

  .wrap-login .box-login .item-login h2 {
    font-size: 30px;
  }

  .wrap-login .box-login .item-login input[type=email],
  .wrap-login .box-login .item-login input[type=text],
  .wrap-login .box-login .item-login input[type=password] {
    font-size: 15px;
  }

  .wrap-login .box-login .new-member {
    width: calc(100% - 40px);
    margin: 40px auto 0;
    border-radius: 5px;
    float: none;
  }

  .wrap-login .box-login .new-member .subtitle {
    font-size: 30px;
    line-height: 33px;
    padding-top: 110px;
  }

  .wrap-login .box-login .col-lg-6:first-of-type {
    border-right: none;
  }

  .info-login .text-info-login ul li {
    width: 100%;
  }

  .info-login .text-info-login h2 {
    font-size: 25px;
  }

  .info-login .text-info-login ul {
    width: calc(100% + 64px);
    margin-left: -64px;
    padding-top: 30px;
  }
}

.wrap-cart-table {
  display: table;
  width: 100%;
  padding: 50px 0;
}

.wrap-cart-table .row-title {
  border-bottom: 3px solid #2f2f2f;
}

.wrap-cart-table .row-title .title,
.wrap-cart-table .mobile-title {
  font-size: 18px;
  color: #808080;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding-bottom: 15px;
  display: table;
  width: 100%;
}

.wrap-cart-table .mobile-title {
  display: none;
}

.wrap-cart-table .row-product {
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
}

.wrap-cart-table .row-product:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/border-dot.png") center center repeat-x;
}

.wrap-cart-table .row-product img {
  width: 72px;
  height: auto;
  border-radius: 3px;
}

.wrap-cart-table .row-product .title-product {
  width: calc(100% - 102px);
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.wrap-cart-table .row-product .title-product:hover {
  text-decoration: underline;
}

.wrap-cart-table .row-product .col-image {
  position: relative;
}

.wrap-cart-table .row-product .info-label {
  font-size: 17px;
  line-height: 20px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.wrap-cart-table .row-product .info-label.green {
  font-size: 22px;
  color: #209633;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.wrap-cart-table .row-product .info-label.red {
  color: #ea0202;
  margin-top: 3px;
}

.wrap-cart-table .row-product .info-label.link:hover {
  text-decoration: underline;
}

.wrap-cart-table .row-product .btn-remove {
  background: none;
  border: none;
  color: #ea0202;
  font-size: 20px;
  float: right;
  cursor: pointer;
}

.wrap-cart-table .bottom-cart-table {
  padding-top: 35px;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart {
  display: table;
  float: right;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .title-next-cart {
  color: #FFF;
  text-transform: uppercase;
  line-height: 55px;
  font-size: 14px;
  margin-right: 30px;
  float: left;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .amount-price,
.wrap-cart-table .bottom-cart-table .wrap-next-cart .amount-discounts {
  float: left;
  font-size: 40px;
  line-height: 40px;
  color: #209633;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-shadow: 0px 0px 20px rgba(32, 150, 51, 0.8);
  display: table;
  line-height: 55px;
  margin-right: 30px;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .amount-discounts {
  color: #ea0202;
  font-size: 32px;
  text-shadow: 0px 0px 20px rgba(234, 2, 2, 0.8);
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .btn-next-cart {
  color: #FFF;
  background: #209633;
  font-size: 19px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  line-height: 55px;
  padding: 0 30px;
  border-radius: 59px;
  border: none;
  float: left;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .btn-next-cart i {
  margin-right: 10px;
}

.wrap-cart-table .bottom-cart-table .wrap-next-cart .btn-next-cart:before {
  border-radius: 59px;
  border-color: #209633;
}

@media only screen and (max-width: 991px) {
  .wrap-cart-table .mobile-title {
    display: table;
  }

  .wrap-cart-table .row-title {
    display: none;
  }

  .wrap-cart-table .row-product img {
    display: table;
    margin: 0 auto 20px;
  }

  .wrap-cart-table .row-product .info-label {
    width: 100%;
    padding-right: 0;
    position: relative;
    top: auto;
    transform: none;
  }

  .wrap-cart-table .row-product span {
    width: 100%;
    text-align: center;
  }

  .wrap-cart-table .row-product .mobile-title {
    padding-bottom: 0;
  }

  .wrap-cart-table .row-product .title-product,
  .wrap-cart-table .row-product .info-label {
    padding-bottom: 15px;
  }

  .wrap-cart-table .row-product .btn-remove {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .wrap-cart-table .bottom-cart-table .btn-grey {
    float: none;
    margin: 0 auto;
    display: table;
  }

  .wrap-cart-table .bottom-cart-table .wrap-next-cart {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }

  .wrap-cart-table .bottom-cart-table .wrap-next-cart .title-next-cart {
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }

  .wrap-cart-table .bottom-cart-table .wrap-next-cart .amount-price {
    font-size: 30px;
    float: none;
    display: inline-block;
  }

  .wrap-cart-table .bottom-cart-table .wrap-next-cart .btn-next-cart {
    float: none;
    display: inline-block;
  }
}

.method-payment {
  display: table;
  width: 100%;
  padding: 80px 0;
}

.method-payment h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 24px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.method-payment .box-discount-coupon {
  margin-bottom: 20px;
}

.method-payment .subtitle-method {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #f5af00;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.method-payment .box-method-payment,
.method-payment .box-coupon {
  display: table;
  width: 100%;
  background: #2b2b2b;
  border-top: 3px solid #f5af00;
}

.method-payment .box-method-payment .coupon,
.method-payment .box-coupon .coupon {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
  display: table !important;
}

.method-payment .box-method-payment .btn-apply-coupon,
.method-payment .box-coupon .btn-apply-coupon {
  float: right;
  margin: 15px 0 0;
}

.method-payment .box-method-payment form,
.method-payment .box-coupon form {
  display: table;
  width: 100%;
}

.method-payment .box-method-payment input,
.method-payment .box-coupon input {
  display: none;
}

.method-payment .box-method-payment span,
.method-payment .box-coupon span {
  display: table;
  width: 100%;
  padding: 30px 30px 30px 115px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #f5af00;
  transition: 0.3s;
}

.method-payment .box-method-payment span:hover,
.method-payment .box-coupon span:hover {
  background-color: #3b3b3b;
}

.method-payment .box-method-payment input:checked ~ span,
.method-payment .box-coupon input:checked ~ span {
  background-color: #3b3b3b;
}

.method-payment .box-method-payment .item-payment-option,
.method-payment .box-coupon .item-payment-option {
  display: table;
  width: 100%;
  float: left;
  cursor: pointer;
  margin-bottom: 0;
}

.method-payment .box-method-payment .item-payment-option.credit-card span,
.method-payment .box-coupon .item-payment-option.credit-card span {
  background-image: url("../img/icon-card.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.method-payment .box-method-payment .item-payment-option.credits span,
.method-payment .box-coupon .item-payment-option.credits span {
  background-image: url("../img/icon-credits.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.method-payment .box-method-payment .item-payment-option.others span,
.method-payment .box-coupon .item-payment-option.others span {
  background-image: url("../img/icon-others.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.page-minicart {
  padding: 0;
}

.page-minicart .info-label.green,
.page-minicart .info-label.red {
  float: right;
}

.page-minicart .title-next-cart {
  float: left;
}

.page-minicart .amount-price,
.page-minicart .amount-discounts {
  float: right;
  margin-right: 0;
}

.page-minicart .wrap-next-cart {
  display: table;
  width: 100%;
}

.info-card {
  display: table;
  width: 100%;
  border-radius: 5px;
  background: #f8f8f9;
  padding: 10px 30px;
  margin-bottom: 20px;
}

.info-card img {
  float: left;
}

.info-card span {
  float: left;
  margin-left: 30px;
  font-size: 16px;
  color: #999999;
  line-height: 20px;
}

.form-cart form label {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.form-cart form select,
.form-cart form textarea,
.form-cart form input[type=email],
.form-cart form input[type=text],
.form-cart form input[type=password] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.form-cart form textarea {
  height: 130px;
  padding: 10px 15px;
  resize: none;
}

.form-cart form button {
  color: #FFF;
  background: #209633;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  line-height: 45px;
  padding: 0 30px;
  border-radius: 59px;
  border: none;
  float: right;
  margin-top: 20px;
}

.form-cart form button i {
  margin-right: 7px;
}

.form-cart form button:before {
  border-color: #209633;
  border-radius: 55px;
}

.form-cart form button.btn-grey {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 59px;
  background: #4e4e4e;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border: none;
}

.form-cart form button.btn-grey i {
  margin-right: 7px;
}

.form-cart form button.btn-grey:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(153, 153, 153, 0.5);
}

.form-cart form button.btn-grey:before {
  border-radius: 50px;
  border-color: #4e4e4e;
  opacity: 0;
  transition: 0.5s;
}

.form-cart form button.btn-grey:hover {
  background: #2d2d2d;
}

.form-cart form button.btn-grey:hover:before {
  opacity: 1;
  border-color: #2d2d2d;
}

.form-cart form select {
  background-image: url("../img/arrow-select.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  padding-right: 40px;
}

.box-total-price {
  display: table;
  width: 100%;
  border-radius: 5px;
  padding: 40px;
  background: #333333;
  border: 1px solid #4d4d4d;
}

.box-total-price .top-total-price {
  display: grid !important;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #4d4d4d;
}

.box-total-price .top-total-price span {
  float: left;
  font-size: 30px;
  color: #54b126;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.box-total-price .top-total-price span:last-of-type {
  float: right;
}

.box-total-price .top-total-price .coupon span {
  font-size: 20px !important;
  color: #ff2200 !important;
}

.box-total-price p {
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.box-total-price p strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.box-total-price .btn-green {
  color: #FFF;
  background: #209633;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  line-height: 45px;
  padding: 0 30px;
  border-radius: 50px;
  border: none;
  display: table;
}

.box-total-price .btn-green:before {
  border-color: #209633;
  border-radius: 55px;
}

.box-total-price .btn-red {
  float: left;
  font-size: 15px;
}

.box-total-price .buttons {
  display: table;
  width: 100%;
  margin-top: 50px;
}

.box-total-price .buttons i {
  margin-right: 5px;
}

.box-total-price .buttons .btn-green {
  float: right;
}

.total-price-table {
  display: table;
  width: 100%;
}

.total-price-table .title {
  font-size: 18px;
  color: #808080;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  display: table;
  width: 100%;
  text-align: center;
}

.total-price-table .info {
  font-size: 21px;
  color: #54b126;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  display: table;
  width: 100%;
  text-align: center;
}

.total-price-table .btn-green {
  display: table;
  margin: 30px auto 0;
}

#others .item-others-row,
#dialx-pay .item-others-row {
  height: 70px;
  align-items: center;
}

#others .item-others-option,
#dialx-pay .item-others-option {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
  cursor: pointer;
}

#others .item-others-option input,
#dialx-pay .item-others-option input {
  display: none;
}

#others .item-others-option input:checked ~ span:after,
#dialx-pay .item-others-option input:checked ~ span:after {
  transform: scale(1) translate(0, -50%);
}

#others .item-others-option span,
#dialx-pay .item-others-option span {
  padding-left: 15px;
}

#others .item-others-option span:before,
#dialx-pay .item-others-option span:before {
  content: "";
  height: 20px;
  width: 20px;
  display: table;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border-radius: 50%;
}

#others .item-others-option span:after,
#dialx-pay .item-others-option span:after {
  content: "";
  height: 10px;
  width: 10px;
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: scale(0) translate(0, -50%);
  background: #209633;
  border-radius: 50%;
  transition: 0.4s;
}

#others button,
#dialx-pay button {
  color: #FFF;
  background: #209633;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  line-height: 45px;
  padding: 0 30px;
  border-radius: 59px;
  border: none;
  float: right;
  margin-top: 20px;
}

#others button i,
#dialx-pay button i {
  margin-right: 7px;
}

.item-boxes-paysite {
  display: table;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.item-boxes-paysite:last-of-type {
  border-bottom: 0;
}

.item-boxes-paysite label {
  float: left;
  cursor: pointer;
}

.item-boxes-paysite label span {
  font-size: 23px;
  line-height: 25px;
  display: table;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite label span strong {
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-boxes-paysite label span:before {
  content: "";
  height: 20px;
  width: 20px;
  display: table;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border-radius: 50%;
}

.item-boxes-paysite label span:after {
  content: "";
  height: 10px;
  width: 10px;
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: scale(0) translate(0, -50%);
  background: #ff2200;
  border-radius: 50%;
  transition: 0.4s;
}

.item-boxes-paysite input {
  display: none;
}

.item-boxes-paysite label input:checked ~ span:after {
  transform: scale(1) translate(0, -50%);
}

.item-boxes-paysite .right-plan {
  float: right;
}

.item-boxes-paysite .right-plan span {
  font-size: 18px;
  line-height: 25px;
  display: table;
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite .right-plan span.recurrent {
  padding: 12.5px 175px 12.5px;
}

.item-boxes-paysite .right-plan span strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 16px;
}

.item-boxes-paysite .right-plan span .payment-type {
  display: block !important;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #d1d1d1 !important;
  margin-top: -10px;
}

.item-boxes-paysite .right-plan a,
.item-boxes-paysite .right-plan button {
  display: table;
  float: left;
  margin-left: 30px;
}

.item-boxes-paysite .right-plan small {
  position: absolute;
  display: inline-flex;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-boxes-paysite .right-plan small.price {
  left: 79%;
  text-decoration-line: line-through;
}

.item-boxes-paysite .right-plan small.percent {
  left: 85%;
}

.item-boxes-paysite.orange span strong,
.item-boxes-paysite.orange .right-plan span,
.item-boxes-paysite.orange .right-plan small {
  color: #ff5a00;
}

.item-boxes-paysite.orange label span:after {
  background: #ff5a00;
}

.item-boxes-paysite.orange .right-plan small.price {
  left: 83%;
}

.item-boxes-paysite.orange .right-plan small.percent {
  left: 87.5%;
}

.item-boxes-paysite.red span strong,
.item-boxes-paysite.red .right-plan span,
.item-boxes-paysite.red .right-plan small {
  color: #ff2200;
}

.item-boxes-paysite.red label span:after {
  background: #ff2200;
}

.item-boxes-paysite.yellow span strong,
.item-boxes-paysite.yellow .right-plan span,
.item-boxes-paysite.yellow .right-plan small {
  color: #f5af00;
}

.item-boxes-paysite.yellow label span:after {
  background: #f5af00;
}

.item-boxes-paysite.green span strong,
.item-boxes-paysite.green .right-plan span,
.item-boxes-paysite.green .right-plan small {
  color: #52c108;
}

.item-boxes-paysite.green .right-plan small.price {
  left: 77%;
}

.item-boxes-paysite.green label span:after {
  background: #52c108;
}

.get-premium {
  display: table;
  width: 100%;
  padding: 60px 0 0;
}

.get-premium .box-get-premium {
  display: table;
  margin: 0 auto;
  padding: 25px 70px;
  background: url("../img/bg-premium.png") center center no-repeat;
  background-size: 100% auto;
}

.get-premium .box-get-premium span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  color: #FFF;
  font-size: 36px;
  line-height: 55px;
  margin-right: 50px;
  padding-left: 80px;
  background: url("../img/icon-diamond.png") left center no-repeat;
  background-size: auto 55px;
}

.get-premium .box-get-premium span strong {
  color: #ffc600;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.get-premium .box-get-premium a {
  float: left;
  color: #a71801;
}

.get-premium .box-get-premium a:hover {
  color: #FFF;
}

@media only screen and (max-width: 1200px) {
  .get-premium .box-get-premium {
    background-size: cover;
    padding: 40px 20px;
  }

  .get-premium .box-get-premium span {
    background-position: center top !important;
    padding: 60px 0 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .get-premium .box-get-premium a {
    float: none;
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .item-boxes-paysite label {
    width: 100%;
  }

  .item-boxes-paysite label span {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 25px;
  }

  .item-boxes-paysite .right-plan {
    float: left;
    padding-left: 35px;
  }

  .item-boxes-paysite .right-plan span {
    padding-top: 0;
    width: 100%;
    font-size: 23px;
  }

  .item-boxes-paysite .right-plan a {
    margin-left: 0;
  }

  .item-boxes-paysite .right-plan small {
    position: initial;
    text-align: center;
  }

  .item-boxes-paysite .right-plan small.price {
    display: table-row;
  }

  .item-boxes-paysite .right-plan small.percent {
    display: table-header-group;
  }

  .get-premium {
    padding-top: 30px;
  }

  .get-premium .box-get-premium span {
    line-height: 27px;
    font-size: 27px;
  }

  .get-premium .box-get-premium .btn-yellow {
    font-size: 13px;
  }

  .method-payment {
    padding-bottom: 30px;
  }

  .method-payment h2 {
    font-size: 20px;
  }

  .method-payment .box-method-payment {
    margin-bottom: 40px;
  }

  .method-payment .box-method-payment .item-payment-option span {
    background-position: 20px center !important;
    padding: 20px 20px 20px 80px !important;
    font-size: 17px;
  }

  .form-cart {
    display: table;
    width: 100%;
    margin-bottom: 40px;
  }

  .info-card img {
    display: table;
    float: none;
    margin: 0 auto 10px;
  }

  .info-card span {
    width: 100%;
    display: table;
    text-align: center;
    margin-left: 0;
  }

  .box-total-price {
    padding: 30px;
    margin-bottom: 40px;
  }

  .box-total-price .top-total-price span {
    font-size: 20px;
  }

  .box-total-price .buttons {
    margin-top: 30px;
  }

  .box-total-price .buttons .btn-red,
  .box-total-price .buttons .btn-green {
    font-size: 15px;
    float: none;
    display: table;
    margin: 0 auto 20px;
  }

  .box-total-price .buttons .btn-green {
    margin-bottom: 0;
  }

  .total-price-table .info {
    margin-bottom: 20px;
  }

  .total-price-table .title,
  .total-price-table .info {
    width: 100%;
    display: table;
    text-align: center;
  }

  .total-price-table .col-lg-3:last-of-type .info {
    margin-bottom: 0;
  }
}

.movies.top-page {
  padding-bottom: 330px;
}

.movies.top-page .movies.box-title-video {
  display: table;
  width: 100%;
  margin-top: 50px;
  padding-left: 70px;
  background-size: 60px auto !important;
}

.movies.top-page .movies.box-title-video .subtitle {
  font-size: 18px;
  color: #f5af00;
}

.movies.top-page .movies.box-title-video .subtitle a {
  font-size: 18px;
  color: #f5af00;
}

.movies.top-page .movies.box-title-video .subtitle a:hover {
  text-decoration: underline !important;
}

.movies.top-page .movies.box-title-video h1 {
  padding-top: 0;
  text-transform: capitalize;
}

.movies.top-page .topics-detail-video {
  display: table;
  width: 100%;
  margin-top: 20px;
}

.movies.top-page .topics-detail-video .item-detail-video {
  float: left;
  margin-right: 60px;
  padding-top: 13px;
  padding-bottom: 7px;
}

.movies.top-page .topics-detail-video .item-detail-video .title {
  display: table;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFF;
  width: 100%;
}

.movies.top-page .topics-detail-video .item-detail-video .info {
  display: table;
  text-transform: uppercase;
  font-size: 18px;
  color: #ff1212;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.movies.top-page .topics-detail-video .item-detail-video.duration {
  padding-left: 55px;
  background: url("../img/icon-duration.png") left center no-repeat;
}

.movies.top-page .topics-detail-video .item-detail-video.quality {
  padding-left: 70px;
  background: url("../img/icon-4k.png") left center no-repeat;
}

.movies.top-page .topics-detail-video .item-detail-video.category {
  padding-left: 60px;
  background: url("../img/icon-category.png") left center no-repeat;
}

.movies.top-page .topics-detail-video .item-detail-video.date {
  padding-left: 60px;
  background: url("../img/icon-date.png") left center no-repeat;
}

.movies.top-page .topics-detail-video .buttons {
  float: right;
  padding: 18px 0;
}

.movies.top-page .topics-detail-video .buttons button {
  float: left;
  margin: 0 5px;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.8);
}

.movies.top-page .topics-detail-video .buttons button.yellow {
  background: #a97d0f;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.movies.top-page .topics-detail-video .buttons button.yellow:hover,
.movies.top-page .topics-detail-video .buttons button.yellow.active {
  background: #75570b !important;
}

.movies.top-page .topics-detail-video .buttons button.red {
  background: #e30c4e;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.movies.top-page .topics-detail-video .buttons button.red:hover,
.movies.top-page .topics-detail-video .buttons button.red.active {
  background: #960732 !important;
}

.wrap-video-player {
  display: table;
  width: 100%;
  margin-top: -310px;
}

.wrap-video-player .movie-image {
  display: table;
  width: 100%;
  -webkit-box-shadow: 4px 4px 30px 0px #4c4c4c;
  -moz-box-shadow: 4px 4px 30px 0px #4c4c4c;
  box-shadow: 4px 4px 30px 0px #4c4c4c;
  position: relative;
  min-height: 189px;
}

.wrap-video-player .movie-image img {
  margin: 0 auto;
  width: 100%;
}

.wrap-video-player .box-player {
  display: table;
  width: 100%;
  -webkit-box-shadow: 4px 4px 30px 0px #4c4c4c;
  -moz-box-shadow: 4px 4px 30px 0px #4c4c4c;
  box-shadow: 4px 4px 30px 0px #4c4c4c;
  position: relative;
  min-height: 550px;
}

.wrap-video-player .box-player .overlay-denied {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}

.wrap-video-player .box-player .overlay-denied .box-denied {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  padding: 50px 70px;
}

.wrap-video-player .box-player .overlay-denied .box-denied h2 {
  display: table;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-transform: uppercase;
  padding-top: 70px;
  background: url("../img/icon-denied.png") center top no-repeat;
  margin-bottom: 0;
}

.wrap-video-player .box-player .overlay-denied .box-denied p {
  display: table;
  width: 100%;
  text-align: center;
  color: #FFF;
  margin-bottom: 20px;
}

.wrap-video-player .box-player .overlay-denied .box-denied a {
  display: table;
  margin: 0 auto;
}

.wrap-video-player .box-player .overlay-denied .box-denied .close-denied {
  position: absolute;
  top: -30px;
  right: 0;
  color: #FFF;
  font-size: 18px;
}

.wrap-video-player .box-player .overlay-denied .box-denied .close-denied:hover {
  color: #f5af00;
}

.actions-video {
  display: table;
  width: 100%;
}

.actions-video .container {
  display: table;
  padding-top: 55px;
  padding-bottom: 55px;
  position: relative;
}

.actions-video .container:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.actions-video .buttons {
  float: left;
  padding: 9px 0;
}

.actions-video .buttons button,
.actions-video .buttons .btn-sign-plan {
  line-height: 40px;
  padding: 0 20px;
  color: #be966b;
  border: 1px solid #be966b;
  border-radius: 10px;
  font-size: 16px;
  float: left;
  background: none;
  margin-right: 20px;
}

.actions-video .buttons button:hover,
.actions-video .buttons .btn-sign-plan:hover {
  background: #be966b;
  color: #FFF;
}

.actions-video .buttons button.active,
.actions-video .buttons .btn-sign-plan.active {
  background: #f5b105 !important;
  border-color: #f5b105 !important;
  color: #FFF !important;
}

.actions-video .right-price {
  float: right;
}

.actions-video .right-price .price {
  float: left;
}

.actions-video .right-price .price .title {
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  display: table;
}

.actions-video .right-price .price .amount {
  font-size: 40px;
  line-height: 40px;
  color: #209633;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-shadow: 0px 0px 20px rgba(32, 150, 51, 0.8);
  display: table;
}

.actions-video .right-price .btn-red {
  color: #FFF;
  line-height: 45px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 30px;
  font-size: 15px;
  border-radius: 50px;
  background: #ff0e20;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(209, 11, 26, 0.8);
  border: none;
  position: relative;
}

.actions-video .right-price .btn-red i {
  margin-right: 6px;
}

.actions-video .right-price .btn-red:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
}

.actions-video .right-price .btn-red:before {
  border-radius: 50px;
  border-color: #ff0e20;
  opacity: 0;
  transition: 0.5s;
}

.actions-video .right-price .btn-red:hover {
  background: #f55600;
}

.actions-video .right-price .btn-red:hover:before {
  opacity: 1;
  border-color: #f55600;
}

.actions-video .right-price button {
  color: #FFF;
  background: #209633;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  height: 59px;
  padding: 0 30px;
  border-radius: 59px;
  border: none;
  margin-left: 30px;
  position: relative;
}

.actions-video .right-price button i {
  margin-right: 10px;
}

.actions-video .right-price button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
  box-shadow: inset 0px 0px 10px 0px rgba(234, 255, 0, 0.5);
}

.actions-video .right-price button:before {
  border-radius: 59px;
  border-color: #209633;
}

.actions-video .download-buttons {
  display: flex;
  justify-content: space-between;
}

.actions-video .download-buttons button:first-child {
  margin-left: 0;
}

.description-video {
  display: table;
  width: 100%;
}

.description-video .container {
  padding-top: 55px;
  padding-bottom: 85px;
  position: relative;
}

.description-video .container:before {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.description-video h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
}

.description-video p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 20px;
  line-height: 30px;
}

.gallery-video {
  display: block;
  width: 100%;
}

.gallery-video h2 {
  color: #FFF;
  font-size: 60px;
  line-height: 60px;
  display: table;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding-top: 50px;
  position: relative;
  margin-bottom: 40px;
}

.gallery-video h2:after {
  content: "";
  width: 127px;
  height: 109px;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  background: url("../img/icon-camera.png") center center no-repeat #171717;
}

.gallery-video .carousel-gallery {
  overflow: hidden;
  position: relative;
  margin-bottom: 70px;
}

.gallery-video .carousel-gallery:before {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.gallery-video .carousel-gallery:after {
  content: "";
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to left, #0d0d0d, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.3), rgba(13, 13, 13, 0));
  z-index: 30;
}

.gallery-video .carousel-gallery .owl-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  transition: 0.5s;
  height: 0;
}

.gallery-video .carousel-gallery .owl-nav .owl-prev {
  float: left;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.gallery-video .carousel-gallery .owl-nav .owl-next {
  float: right;
  color: #FFF;
  font-size: 50px;
  background: none;
  border: none;
  transform: translate(0, -50%);
  width: 50px;
}

.gallery-video .carousel-gallery .owl-nav button:hover {
  color: #f5af00;
}

.gallery-video .carousel-gallery img {
  display: table;
  width: 100%;
  height: auto;
}

.movies.get-premium {
  display: table;
  width: 100%;
  padding: 80px 0 0;
}

.movies.get-premium .box-get-premium {
  display: table;
  margin: 0 auto;
  padding: 35px 0;
  background: url("../img/bg-premium-blue.png") center center no-repeat;
  background-size: 100% auto;
  width: 100%;
}

.movies.get-premium .box-get-premium .center-get-premium {
  display: table;
  margin: 0 auto;
}

.movies.get-premium .box-get-premium span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  color: #FFF;
  font-size: 36px;
  line-height: 55px;
  margin-right: 20px;
  padding-left: 80px;
  background: url("../img/icon-diamond.png") left center no-repeat;
  background-size: auto 55px;
}

.movies.get-premium .box-get-premium span strong {
  color: #ffc600;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.movies.get-premium .box-get-premium a {
  float: left;
  color: #164675;
}

.movies.get-premium .box-get-premium a:hover {
  color: #FFF;
}

.wrap-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}

.wrap-modal .box-modal-login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
}

.wrap-modal .box-modal-login .close-modal {
  position: absolute;
  top: -30px;
  right: 0;
  color: #FFF;
  font-size: 18px;
}

.wrap-modal .box-modal-login .close-modal:hover {
  color: #f5af00;
}

.wrap-modal .box-modal-login .content-modal {
  display: block;
  width: 100%;
  padding: 60px 140px;
}

.wrap-modal .box-modal-login h2 {
  text-transform: uppercase;
  font-size: 35px;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding-top: 70px;
  margin-bottom: 0;
}

.wrap-modal .box-modal-login h2 strong {
  color: #ff0909;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.wrap-modal .box-modal-login h2.title-denied {
  background: url("../img/icon-denied.png") center top no-repeat;
}

.wrap-modal .box-modal-login h2.title-success {
  background: url("../img/icon-check-success.png") center top no-repeat;
}

.wrap-modal .box-modal-login p {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}

.wrap-modal .box-modal-login form {
  display: table;
  margin: 0 auto;
  width: 370px;
}

.wrap-modal .box-modal-login form label {
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.wrap-modal .box-modal-login form input[type=text],
.wrap-modal .box-modal-login form input[type=email],
.wrap-modal .box-modal-login form input[type=password] {
  width: 100%;
  padding: 0 20px;
  height: 60px;
  font-size: 18px;
  border-radius: 6px;
  border: none;
}

.wrap-modal .box-modal-login .btn-yellow {
  margin: 0 auto;
  border: none;
  display: table;
}

@media only screen and (max-width: 1200px) {
  .movies.top-page .topics-detail-video .buttons {
    display: none;
  }

  .movies.get-premium .box-get-premium {
    background-size: cover;
    padding: 40px 20px;
  }

  .movies.get-premium .box-get-premium .box-get-premium span {
    background-position: center top !important;
    padding: 60px 0 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .movies.get-premium .box-get-premium .box-get-premium a {
    float: none;
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .movies.top-page .movies.box-title-video {
    padding: 100px 0 0 0;
    background-position: center top !important;
    margin-top: 0;
  }

  .movies.top-page .movies.box-title-video .subtitle {
    width: 100%;
    text-align: center;
    display: table;
  }

  .movies.top-page .topics-detail-video .item-detail-video {
    width: 50%;
    margin-right: 0;
    padding-right: 15px;
  }

  .actions-video .buttons {
    width: 100%;
  }

  .actions-video .buttons .buttons button,
  .actions-video .buttons .buttons .btn-sign-plan {
    font-size: 14px;
    margin-right: 10px;
  }

  .actions-video .buttons .buttons button.button-wishlist,
  .actions-video .buttons .buttons button.button-favorites,
  .actions-video .buttons .buttons .btn-sign-plan.button-wishlist,
  .actions-video .buttons .buttons .btn-sign-plan.button-favorites {
    font-size: 0;
  }

  .actions-video .buttons .buttons button.button-wishlist i,
  .actions-video .buttons .buttons button.button-favorites i,
  .actions-video .buttons .buttons .btn-sign-plan.button-wishlist i,
  .actions-video .buttons .buttons .btn-sign-plan.button-favorites i {
    font-size: 14px;
    line-height: 40px;
  }

  .actions-video .buttons .buttons button.button-sign,
  .actions-video .buttons .buttons .btn-sign-plan.button-sign {
    float: right;
  }

  .actions-video .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .actions-video .right-price {
    width: 100%;
    padding-top: 30px;
  }

  .actions-video .right-price button {
    float: right;
    font-size: 15px;
    padding: 0 20px;
  }

  .actions-video .right-price .price .amount {
    font-size: 30px;
    line-height: 30px;
  }

  .gallery-video h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .gallery-video h2:after {
    content: "";
    width: 90px;
    height: 60px;
    top: -31px;
    background-size: 100% auto !important;
  }

  .description-video .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .movies.get-premium {
    padding-top: 30px;
  }

  .movies.get-premium .box-get-premium span {
    line-height: 27px;
    font-size: 27px;
  }

  .movies.get-premium .box-get-premium .btn-yellow {
    font-size: 13px;
  }

  .wrap-video-player .box-player .overlay-denied .box-denied {
    max-width: 90%;
    padding: 40px 30px;
  }

  .wrap-video-player .box-player .overlay-denied .box-denied h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .wrap-video-player .box-player .overlay-denied .box-denied p {
    font-size: 16px;
  }

  .wrap-modal .box-modal-login form {
    width: 100%;
  }

  .wrap-modal .box-modal-login form input[type=text],
  .wrap-modal .box-modal-login form input[type=email],
  .wrap-modal .box-modal-login form input[type=password] {
    height: 50px;
  }

  .wrap-modal .box-modal-login .content-modal {
    padding: 30px;
    max-height: calc(100vh - 70px);
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .wrap-modal .box-modal-login h2 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 680px) {
  .movies.top-page .topics-detail-video .item-detail-video .info {
    font-size: 13px;
  }

  .wrap-modal .box-modal-login {
    width: 90%;
  }

  .wrap-modal .box-modal-login h2 {
    font-size: 23px;
  }
}

.cast.top-page {
  padding-bottom: 170px;
}

.cast.top-page .box-title-video {
  display: table;
  width: 100%;
  margin-top: 50px;
  padding: 10px 0 10px 60px;
  padding-left: 70px;
  background-size: 60px auto !important;
}

.cast.top-page .box-title-video.box-title-video-rated {
  padding-left: 90px;
  background-size: auto 80px !important;
}

.cast.top-page .box-title-video.no-icon {
  padding-left: 0;
}

.cast.top-page .box-title-video .subtitle {
  font-size: 15px;
  color: #d3ac4a;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.cast.top-page .box-title-video h1 {
  padding-top: 0;
  text-transform: uppercase;
}

.cast.top-page .box-title-video h1 strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.data-cast {
  display: table;
  width: 100%;
  margin-top: -130px;
}

.data-cast .container {
  padding-top: 50px;
  position: relative;
}

.data-cast .container:after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 15px;
  background: url("../img/border-dot.png") center center repeat-x;
}

.data-cast .box-image {
  display: table;
  width: 100%;
  padding: 15px;
  background: #1a1a1a;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
}

.data-cast .box-image img {
  display: table;
  width: 100%;
  height: auto;
}

.data-cast .text-star {
  display: table;
  font-size: 28px;
  color: #d2ab48;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  width: 100%;
  text-align: center;
  padding-top: 120px;
  background: url("../img/star-rated.png") top center no-repeat;
  margin-top: 70px;
}

.data-cast .infos-buttons {
  display: table;
  width: 100%;
}

.data-cast .infos-buttons .info-like {
  float: left;
  margin: 0 10px 0 0;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.5);
  -moz-box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.5);
  box-shadow: 0px 0px 20px 0px rgba(169, 125, 15, 0.5);
  border: none;
}

.data-cast .infos-buttons .info-like i {
  margin-right: 5px;
}

.data-cast .infos-buttons .info-like.pink {
  background: #e30c4e;
}

.data-cast .infos-buttons .info-like.pink:hover,
.data-cast .infos-buttons .info-like.pink.active {
  background: #960732 !important;
}

.data-cast .infos-buttons .info-like.orange {
  background: #a97d0f;
}

.data-cast .infos-buttons .info-like.orange:hover,
.data-cast .infos-buttons .info-like.orange.active {
  background: #75570b !important;
}

.data-cast .infos-buttons .info-like.red {
  background: #bd1d19;
}

.data-cast .infos-buttons .info-like.red:hover,
.data-cast .infos-buttons .info-like.red.active {
  background: #700f0f !important;
}

.data-cast .infos-buttons .follow-link {
  float: left;
  font-size: 14px;
  color: #e82c27;
  line-height: 30px;
}

.data-cast .infos-buttons .follow-link:hover {
  color: #a97d0f;
}

.data-cast .infos-buttons-mobile {
  display: none;
}

.data-cast .topics-cast {
  display: table;
  width: 100%;
  padding-top: 90px;
}

.data-cast .topics-cast h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}

.data-cast .topics-cast h2:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/border-dot.png") center center repeat-x;
}

.data-cast .topics-cast ul {
  display: table;
  width: 100%;
}

.data-cast .topics-cast ul li {
  float: left;
  width: 50%;
  margin-bottom: 20px;
  padding-right: 30px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.data-cast .topics-cast ul li strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.data-cast .topics-cast ul li i {
  margin-right: 10px;
  color: #f5af00;
  text-shadow: 0px 0px 20px rgba(245, 175, 0, 0.8);
}

.data-cast .cast-about {
  display: table;
  width: 100%;
  margin-top: 50px;
}

.data-cast .cast-about h2 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
}

.data-cast .cast-about p {
  font-size: 16px;
  line-height: 30px;
  color: #b2b2b2;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .cast.top-page {
    padding-bottom: 170px;
  }

  .cast.top-page .box-title-video.box-title-video-rated {
    background-position: top center !important;
    padding: 85px 0 0;
    margin-top: 0 !important;
    text-align: center;
  }

  .cast.top-page .box-title-video .subtitle {
    width: 100%;
    text-align: center;
    display: table;
  }

  .data-cast .infos-buttons {
    display: table;
    text-align: center;
    padding-top: 25px;
  }

  .data-cast .infos-buttons span,
  .data-cast .infos-buttons a {
    float: none;
    display: inline-block;
    margin: 5px;
  }

  .data-cast .infos-buttons-desk {
    display: none;
  }

  .data-cast .text-star {
    font-size: 20px;
  }

  .data-cast .topics-cast {
    padding-top: 50px;
  }

  .data-cast .topics-cast ul li {
    width: 100%;
  }
}

.purchased-successfully {
  display: table;
  width: 100%;
  padding: 80px 0;
}

.purchased-successfully h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #FFF;
  font-size: 24px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.purchased-successfully p {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 30px;
}

.purchased-successfully .row-title {
  border-bottom: 3px solid #2f2f2f;
}

.purchased-successfully .row-title .title {
  font-size: 18px;
  color: #808080;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding-bottom: 15px;
  display: table;
  width: 100%;
}

.purchased-successfully .row-details {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}

.purchased-successfully .row-details .info-label {
  font-size: 17px;
  line-height: 20px;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.purchased-successfully .row-details .info-label.green {
  font-size: 22px;
  color: #209633;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.purchased-successfully .bottom-details-table {
  padding-top: 35px;
}

.dashboard-wrap {
  display: table;
  width: 100%;
  padding: 80px 0;
}

.dashboard-wrap .btn-grey {
  float: left;
}

.dashboard-wrap form {
  display: table;
  width: 100%;
}

.dashboard-wrap .menu-dashboard {
  display: table;
  width: 100%;
  padding: 30px;
  border-radius: 4px;
  background: #202020;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(117, 117, 117, 0.4);
}

.dashboard-wrap .menu-dashboard ul {
  display: table;
  width: 100%;
}

.dashboard-wrap .menu-dashboard ul li,
.dashboard-wrap .menu-dashboard ul li a {
  display: table;
  width: 100%;
}

.dashboard-wrap .menu-dashboard ul li {
  position: relative;
}

.dashboard-wrap .menu-dashboard ul li a {
  padding: 15px 30px 15px 0;
  color: #FFF;
  font-size: 17px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 10;
}

.dashboard-wrap .menu-dashboard ul li a i {
  position: absolute;
  top: 50%;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  opacity: 0.4;
  color: #FFF !important;
}

.dashboard-wrap .menu-dashboard ul li a:hover {
  color: #f5af00;
  text-decoration: underline;
}

.dashboard-wrap .menu-dashboard ul li.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to right, #2e2e2e, #2a2a2a, #272727, #232323, #202020);
}

.dashboard-wrap .menu-dashboard ul li.active a {
  color: #f5af00;
  text-decoration: underline;
}

.dashboard-wrap .menu-dashboard ul li:last-of-type a {
  border-bottom: 0;
}

.dashboard-wrap h3 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 22px;
}

.dashboard-wrap p {
  font-size: 15px;
  color: #b2b2b2;
  margin-bottom: 20px;
}

.box-total-price {
  display: table;
  width: 100%;
  border-radius: 5px;
  padding: 40px;
  background: #333333;
  border: 1px solid #4d4d4d;
}

.box-total-price .top-total-price {
  display: table;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #4d4d4d;
}

.box-total-price .top-total-price span {
  float: left;
  font-size: 30px;
  color: #54b126;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 30px;
}

.box-total-price .top-total-price span:last-of-type {
  float: right;
}

.box-total-price p {
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.box-total-price p strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.box-title-page {
  display: table;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.box-title-page h2 {
  float: left;
  padding: 10px 0;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0;
  line-height: 30px;
}

.box-title-page h2.icon-dollar {
  background: url("../img/icon-dollar-title.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 40px;
}

.box-title-page h2.icon-paysites {
  background: url("../img/icon-paysites-title.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-favorite {
  background: url("../img/icon-title-favorite.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-movies {
  background: url("../img/icon-title-movies.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-order {
  background: url("../img/icon-title-order.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-access {
  background: url("../img/icon-title-access.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-profile {
  background: url("../img/icon-title-profile.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 60px;
}

.box-title-page h2.icon-change {
  background: url("../img/icon-title-change.png") left center no-repeat;
  background-size: auto 100%;
  padding-left: 50px;
}

.box-title-page .subtitle-red {
  float: right;
  font-size: 24px;
  line-height: 30px;
  color: #ff0000;
  padding: 10px 0;
}

.box-title-page .subtitle-green {
  float: right;
  font-size: 24px;
  line-height: 30px;
  color: #54b126;
  padding: 10px 30px;
  background: #333333;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.box-buy-credits {
  display: table;
  width: 100%;
  border-radius: 5px;
  padding: 40px;
  background: #333333;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 40px;
}

.box-buy-credits form {
  float: left;
  width: 100%;
}

.box-buy-credits form label {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  color: #b2b2b2;
}

.box-buy-credits form input[type=text] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.box-buy-credits form .price {
  line-height: 60px;
  display: table;
  font-size: 24px;
  color: #54b126;
}

.box-buy-credits form button {
  display: table;
  margin: 30px auto 0;
  border: none;
}

.info-card {
  display: table;
  width: 100%;
  border-radius: 5px;
  background: #f8f8f9;
  padding: 10px 30px;
  margin-bottom: 20px;
}

.info-card img {
  float: left;
}

.info-card span {
  float: left;
  margin-left: 30px;
  font-size: 16px;
  color: #999999;
  line-height: 20px;
}

.form-cart form label {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.form-cart form select,
.form-cart form textarea,
.form-cart form input[type=email],
.form-cart form input[type=text],
.form-cart form input[type=password] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.form-cart form textarea {
  height: 130px;
  padding: 10px 15px;
  resize: none;
}

.form-cart form button {
  color: #FFF;
  background: #209633;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(32, 150, 51, 0.8);
  line-height: 45px;
  padding: 0 30px;
  border-radius: 59px;
  border: none;
  float: right;
  margin-top: 20px;
}

.form-cart form button i {
  margin-right: 7px;
}

.form-cart form button:before {
  border-color: #209633;
  border-radius: 55px;
}

.form-cart form select {
  background-image: url("../img/arrow-select.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  padding-right: 40px;
}

.boxes-paysites {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.boxes-paysites.active {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 20px;
  border-radius: 3px;
}

.item-boxes-paysite {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.item-boxes-paysite:last-of-type {
  border-bottom: 0;
}

.item-boxes-paysite label {
  float: left;
  cursor: pointer;
  margin-bottom: 0;
}

.item-boxes-paysite label span {
  font-size: 24px;
  line-height: 30px;
  display: table;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite label span strong {
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-boxes-paysite label span:before {
  content: "";
  height: 20px;
  width: 20px;
  display: table;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.8);
  border-radius: 50%;
}

.item-boxes-paysite label span:after {
  content: "";
  height: 10px;
  width: 10px;
  display: table;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: scale(0) translate(0, -50%);
  background: #ff2200;
  border-radius: 50%;
  transition: 0.4s;
}

.item-boxes-paysite label input:checked ~ span:after {
  transform: scale(1) translate(0, -50%);
}

.item-boxes-paysite input {
  display: none;
}

.item-boxes-paysite .right-plan {
  float: right;
}

.item-boxes-paysite .right-plan span {
  font-size: 24px;
  line-height: 30px;
  display: table;
  color: #ff2200;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.item-boxes-paysite .right-plan span strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 22px;
}

.item-boxes-paysite .right-plan a {
  display: table;
  float: left;
  margin-left: 30px;
}

.item-boxes-paysite .right-plan .right-title {
  color: #FFF;
  margin-right: 30px;
}

.item-boxes-paysite .right-plan .right-title strong {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-boxes-paysite.orange span strong,
.item-boxes-paysite.orange .right-plan span {
  color: #ff5a00;
}

.item-boxes-paysite.orange label span:after {
  background: #ff5a00;
}

.item-boxes-paysite.red span strong,
.item-boxes-paysite.red .right-plan span {
  color: #ff2200;
}

.item-boxes-paysite.red label span:after {
  background: #ff2200;
}

.item-boxes-paysite.yellow span strong,
.item-boxes-paysite.yellow .right-plan span {
  color: #f5af00;
}

.item-boxes-paysite.yellow label span:after {
  background: #f5af00;
}

.item-boxes-paysite.green span strong,
.item-boxes-paysite.green .right-plan span {
  color: #52c108;
}

.item-boxes-paysite.green label span:after {
  background: #52c108;
}

.subtitle-method {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #f5af00;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.box-method-payment {
  display: table;
  width: 100%;
  background: #2b2b2b;
  border-top: 3px solid #f5af00;
}

.box-method-payment form {
  display: table;
  width: 100%;
}

.box-method-payment input {
  display: none;
}

.box-method-payment span {
  display: table;
  width: 100%;
  padding: 30px 30px 30px 115px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #f5af00;
  transition: 0.3s;
}

.box-method-payment span:hover {
  background-color: #3b3b3b;
}

.box-method-payment input:checked ~ span {
  background-color: #3b3b3b;
}

.box-method-payment .item-payment-option {
  display: table;
  width: 100%;
  float: left;
  cursor: pointer;
  margin-bottom: 0;
}

.box-method-payment .item-payment-option.credit-card span {
  background-image: url("../img/icon-card.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.box-method-payment .item-payment-option.credits span {
  background-image: url("../img/icon-credits.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.box-method-payment .item-payment-option.others span {
  background-image: url("../img/icon-others.png");
  background-repeat: no-repeat;
  background-position: 35px center;
}

.item-product-dash {
  display: table;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.item-product-dash:first-of-type {
  padding-top: 0;
}

.item-product-dash:last-of-type {
  border-bottom: 0;
}

.item-product-dash img {
  display: table;
  width: 100%;
}

.item-product-dash .top-video {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}

.item-product-dash .top-video .category {
  float: left;
  margin-right: 15px;
  font-size: 13px;
  color: #808080;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 26px;
}

.item-product-dash .top-video .category:hover {
  text-decoration: underline;
}

.item-product-dash .top-video .btn-favorites {
  float: left;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 26px;
  font-size: 13px;
  color: #be966b;
  border: 1px solid #be966b;
  background: none;
}

.item-product-dash h3 {
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}

.item-product-dash .actress {
  display: table;
  margin-bottom: 15px;
}

.item-product-dash .actress a {
  font-size: 14px;
  color: #f5af00;
}

.item-product-dash .actress a:hover {
  text-decoration: underline;
}

.item-product-dash .actress span {
  font-size: 14px;
  color: #f5af00;
}

.item-product-dash .btn-wish {
  display: flex;
}

.item-product-dash .btn-wish button {
  margin: 0 10px 0 0 !important;
}

.item-product-dash button:hover,
.item-product-dash .btn-video:hover {
  background: #be966b !important;
  color: #FFF !important;
}

.item-product-dash .btn-video {
  display: table;
  line-height: 35px;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 15px;
  color: #be966b;
  border: 1px solid #be966b;
  background: none;
}

.item-product-dash .bottom-infos {
  display: table;
  padding-top: 15px;
}

.item-product-dash .bottom-infos .date-video {
  float: left;
  font-size: 13px;
  color: #808080;
  margin-right: 15px;
  line-height: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.item-product-dash .bottom-infos .info-like {
  float: left;
  margin-right: 7px;
  color: #FFF;
  font-size: 14px;
  line-height: 18px;
}

.item-product-dash .bottom-infos .info-like:hover,
.item-product-dash .bottom-infos .info-like.active {
  color: #f5af00 !important;
}

.information-order {
  display: table;
  width: 100%;
}

.information-order p {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: table;
  width: 100%;
  margin-bottom: 0;
}

.information-order p span {
  color: #f5af00;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.information-order .btn-green {
  float: right;
}

.table-information {
  display: table;
  width: 100%;
}

.table-information .item-table-information {
  display: table;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.table-information .item-table-information:last-of-type {
  border-bottom: 0;
}

.table-information .item-table-information .title-table {
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 18px;
}

.table-information .item-table-information .info-table {
  display: table;
  width: 100%;
  color: #f5af00;
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.table-information .item-table-information a.info-table {
  text-decoration: underline;
}

.table-information .item-table-information a.info-table:hover {
  color: #195ea1;
}

.table-information .item-table-information.green {
  color: #33c307;
}

.table-information .item-table-information.red {
  color: #ff0000;
}

.access-boxes {
  display: table;
  width: 100%;
}

.access-boxes .item-access-box {
  display: table;
  width: 100%;
  position: relative;
  height: 230px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  margin-bottom: 30px;
  border: 1px solid #4d4c4c;
  margin-bottom: 40px;
}

.access-boxes .item-access-box .center-box {
  position: absolute;
  padding: 30px;
  display: table;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  left: 0;
}

.access-boxes .item-access-box .center-box h3 {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 30px;
  width: 100%;
  text-align: center;
  padding-top: 75px;
  margin-bottom: 0;
}

.access-boxes .item-access-box .center-box h3.movies {
  background: url("../img/icon-my-movies.png") center top no-repeat;
}

.access-boxes .item-access-box .center-box h3.favorite {
  background: url("../img/icon-my-favorite-movies.png") center top no-repeat;
}

.access-boxes .item-access-box .center-box h3.cast {
  background: url("../img/icon-favorite-cast.png") center top no-repeat;
}

.access-boxes .item-access-box .center-box h3.wishlist {
  background: url("../img/icon-wishlist.png") center top no-repeat;
}

.access-boxes .item-access-box .center-box .subtitle {
  display: table;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #ff0000;
}

.boxes-credits {
  display: table;
  width: 100%;
}

.boxes-credits .item-box-credit {
  display: table;
  width: 100%;
  position: relative;
  height: calc(100% - 40px);
  background: rgba(51, 51, 51, 0.8);
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  margin-bottom: 30px;
  border: 1px solid #4d4c4c;
  margin-bottom: 40px;
  padding: 30px;
}

.boxes-credits .item-box-credit h3 {
  display: table;
  margin: 0 auto 15px;
  padding: 5px 0 5px 30px;
  color: #FFF;
  font-size: 20px;
  background: url("../img/icon-dollar-title.png") left center no-repeat;
  background-size: auto 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.boxes-credits .item-box-credit hr {
  display: table;
  width: 100%;
  height: 1px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
}

.boxes-credits .item-box-credit h2 {
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 0;
}

.boxes-credits .item-box-credit .price {
  display: table;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #10970d;
}

.boxes-credits .item-box-credit .box-buy-credits {
  padding: 0;
  background: none;
  margin: 15px 0 0;
  border: none;
  float: left;
  width: 100%;
}

.boxes-credits .item-box-credit .box-buy-credits button {
  margin-top: 15px;
}

.row-paysite {
  display: table;
  width: 100%;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  -moz-box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  box-shadow: 0px 0px 20px 0px rgba(76, 76, 76, 0.8);
  margin-bottom: 30px;
  border: 1px solid #4d4c4c;
  padding: 30px 40px;
}

.row-paysite h3 {
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 20px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.row-paysite .subtitle {
  width: 100%;
  display: table;
  font-size: 14px;
  color: #986f0a;
}

.row-paysite .order-info {
  display: inline-block;
}

.row-paysite .btn-cancel {
  display: inline-block;
  float: right;
}

.btn-paysite {
  display: table;
  margin: 0 auto;
}

.wrap-form-user {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.wrap-form-user form {
  display: table;
  width: 100%;
}

.wrap-form-user form label {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 0;
}

.wrap-form-user form select,
.wrap-form-user form textarea,
.wrap-form-user form input[type=email],
.wrap-form-user form input[type=text],
.wrap-form-user form input[type=password] {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  background: #FFF;
  font-size: 18px;
  border-radius: 3px;
}

.wrap-form-user form button {
  float: right;
  border: none;
}

@media only screen and (max-width: 1200px) {
  .access-boxes .item-access-box .center-box h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .dashboard-wrap .menu-dashboard {
    margin-bottom: 40px;
  }

  .box-title-page h2,
  .access-boxes .item-access-box .center-box h3 {
    font-size: 20px;
  }

  .boxes-credits .item-box-credit h2 {
    font-size: 25px;
  }

  .row-paysite {
    padding: 25px;
  }

  .box-title-page .subtitle-red {
    width: 100%;
    font-size: 20px;
  }

  .box-title-page .subtitle-green {
    width: 100%;
    font-size: 20px;
    text-align: center;
  }

  .box-buy-credits {
    padding: 30px;
  }

  .box-buy-credits form input[type=text] {
    margin-bottom: 30px;
  }

  .box-buy-credits form .price {
    font-size: 20px;
    line-height: 24px;
  }

  .box-buy-credits form label,
  .box-buy-credits form .price {
    width: 100%;
    display: table;
    text-align: center;
  }

  .form-cart form label,
  .wrap-form-user form label {
    font-size: 16px;
  }

  .item-boxes-paysite label {
    display: table;
    margin: 0 auto;
    float: none;
  }

  .item-boxes-paysite label span {
    font-size: 20px;
  }

  .item-boxes-paysite .right-plan {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .item-boxes-paysite .right-plan span {
    width: 100%;
    text-align: center;
    display: table;
    padding: 0;
    margin-bottom: 20px;
  }

  .item-boxes-paysite .right-plan a {
    float: none;
    margin: 0 auto;
  }

  .box-method-payment span {
    padding-left: 90px;
  }

  .item-product-dash img {
    margin-bottom: 30px;
  }

  .table-information .item-table-information .title-table,
  .table-information .item-table-information .info-table {
    display: table;
    width: 100%;
    text-align: center;
  }

  .table-information .item-table-information .title-table {
    margin-top: 8px;
  }

  .table-information .item-table-information .info-table {
    margin-bottom: 8px;
  }

  .information-order p {
    width: 100%;
    text-align: center;
  }

  .information-order .btn-green {
    display: table;
    float: none;
    margin: 30px auto 0;
  }
}

.box-title-video {
  display: table;
  width: 100%;
  margin-top: 50px;
  padding: 10px 0 10px 60px;
  padding-left: 70px;
  background-size: 60px auto !important;
}

.box-title-video.box-title-video-rated {
  padding-left: 90px;
  background-size: auto 80px !important;
}

.box-title-video.no-icon {
  padding-left: 0;
}

.box-title-video .subtitle {
  font-size: 15px;
  color: #FFF;
}

.box-title-video h1 {
  padding-top: 0;
  text-transform: uppercase;
}

.box-title-video h1 strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.box-find-video {
  display: table;
  width: 100%;
  padding-top: 35px;
  position: relative;
  margin-top: 30px;
}

.box-find-video:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/border-dot.png") center center repeat-x;
}

.box-find-video .title-search {
  font-size: 24px;
  color: #999999;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  float: left;
  line-height: 45px;
  background: url("../img/icon-search.png") left center no-repeat;
  padding-left: 50px;
}

.list-video {
  width: 100%;
  padding: 40px 0;
}

.right-search {
  float: right;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto !important;
}

.custom-selectbox {
  float: left;
  margin-left: 10px;
}

.custom-selectbox .select-styled,
.custom-selectbox .select-options {
  display: none;
}

.custom-selectbox * {
  border: none !important;
  box-shadow: none !important;
}

.custom-selectbox .bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}

.custom-selectbox .dropdown-item.active,
.custom-selectbox .dropdown-item:active {
  background-color: #FFF;
}

.custom-selectbox .dropdown-menu {
  max-height: 300px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  top: -6px !important;
  background: #f5f5f5;
}

.custom-selectbox .dropdown-menu li a {
  display: table;
}

.custom-selectbox .dropdown-menu li a span.text {
  font-size: 14px;
  color: #999999;
  display: table;
  width: 100%;
  padding: 5px 0;
}

.custom-selectbox .bootstrap-select {
  background: #f5f5f5;
  border-radius: 3px;
}

.custom-selectbox .bootstrap-select .dropdown-toggle:focus,
.custom-selectbox .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
}

.custom-selectbox .dropdown-toggle {
  background-color: transparent !important;
  border-radius: 0 !important;
}

.custom-selectbox .dropdown-toggle::after {
  display: none !important;
}

.custom-selectbox .select,
.custom-selectbox .dropdown-toggle {
  height: 45px;
  border: none;
  padding: 0 55px 0 20px;
  background: url("../img/select-arrow-down.png") no-repeat;
  background-position: calc(100% - 20px) center;
  font-size: 15px;
  color: #999999;
  display: table;
  border-radius: 0 !important;
  margin: 0 !important;
}

.custom-selectbox .show .dropdown-toggle {
  background: url("../img/select-arrow-up.png") no-repeat;
  background-position: calc(100% - 20px) center;
}

.custom-selectbox .dropdown-toggle::after {
  display: none;
}

.custom-selectbox select:focus {
  background-image: url("../img/select-arrow-up.png");
}

.filter-videos {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.filter-videos .left-sort-by {
  float: left;
}

.filter-videos .left-sort-by span {
  float: left;
  line-height: 35px;
  font-size: 14px;
  color: #808080;
}

.filter-videos .left-sort-by .custom-selectbox .bootstrap-select {
  border-radius: 35px;
  background-color: #333333;
}

.filter-videos .left-sort-by .custom-selectbox .select,
.filter-videos .left-sort-by .custom-selectbox .dropdown-toggle {
  height: 35px;
}

.filter-videos .left-sort-by .custom-selectbox .select,
.filter-videos .left-sort-by .custom-selectbox .dropdown-toggle {
  background: url("../img/select-arrow-down-2.png") no-repeat;
  background-position: calc(100% - 20px) center;
}

.filter-videos .left-sort-by .custom-selectbox .show .dropdown-toggle {
  background: url("../img/select-arrow-up-2.png") no-repeat;
  background-position: calc(100% - 20px) center;
}

.filter-videos .left-sort-by .custom-selectbox select:focus {
  background-image: url("../img/select-arrow-up-2.png");
}

.filter-videos .left-sort-by .custom-selectbox .dropdown-menu {
  top: 0 !important;
}

.filter-videos .left-sort-by .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #FFF;
  font-size: 12px;
}

.slider.slider-horizontal {
  width: 189px;
  float: left;
  margin: 5px 0;
}

.slider.slider-horizontal .slider-track {
  height: 3px;
  margin-top: -2px;
  background-image: none;
  background-color: #0094de;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  background-image: none;
  background-color: #d6d6d6;
}

.slider.slider-horizontal .slider-track-high {
  background-color: #34333b;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.slider.slider-horizontal .slider-selection {
  background-color: #f3bd0d;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.slider-handle {
  background-image: none;
  background-color: #FFF;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.8);
  width: 15px;
  height: 15px;
  top: 2.5px;
}

.slider-handle:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  display: table;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #FFF;
}

.box-value-slider {
  float: left;
  line-height: 30px;
  font-size: 16px;
  color: #FFF;
  padding: 0 0 0 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.wrap-slider-filter {
  float: right;
  width: 260px;
  padding-left: 35px;
  background: url("../img/icon-star-filter.png") left center no-repeat;
}

.wrap-slider-filter .form-group {
  margin-bottom: 0;
}

.col-list-video {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.list-video-page {
  padding-left: 130px;
  padding-right: 130px;
}

@media only screen and (max-width: 2030px) {
  .col-list-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (max-width: 1500px) {
  .col-list-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }

  .list-video-page {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media only screen and (max-width: 1220px) {
  .col-list-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .list-video-page {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 770px) {
  .col-list-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .list-cast-page .col-list-video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 991px) {
  .box-title-video {
    background-position: center top !important;
    padding-left: 0;
    padding-top: 50px;
    background-size: auto !important;
    padding-bottom: 0;
    margin-top: 0;
    text-align: center;
  }

  .box-title-video.box-title-video-rated {
    background-position: top center !important;
    padding: 85px 0 0;
    margin-top: 0 !important;
  }

  .box-title-video .subtitle {
    width: 100%;
    text-align: center;
    display: table;
  }

  .box-find-video {
    margin-top: 0;
    border-top: 0;
  }

  .box-find-video .title-search {
    float: none;
    display: table;
    margin: 0 auto 20px;
  }

  .box-find-video .right-search {
    width: 100%;
  }

  .box-find-video .right-search .custom-selectbox {
    margin: 10px 10px;
    width: calc(50% - 20px);
  }

  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
  }

  .filter-videos {
    display: none;
  }

  .top-page h1 {
    font-size: 25px;
    text-transform: uppercase;
  }
}