.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot{border:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-dots{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}
/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 576px) {
  
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  
  .container {
    max-width: 1140px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}


.col-xl-2,
.col-md-auto,
.col-md-8,
.col-md-6,
.col-md-4,
.col-md-3,
.col-sm-4,
.col,
.col-auto,
.col-12,
.col-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 768px) {

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 1200px) {

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

@media (min-width: 768px) {

  .d-md-block {
    display: block !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.align-items-center {
  align-items: center !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

@media (min-width: 768px) {

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

@media (min-width: 768px) {

  .d-md-block {
    display: block !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

.glider-p,
.glider-n {
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: none;
  color: #a5c300;
  font-size: 30px;
  border: none;
  outline: none;
}

.glider-n {
  right: 8px;
}

.glider-p {
  left: 25px;
}

.models-wrapper {
  position: relative;
  margin-bottom: 30px;
}

.models-wrapper .models-item {
  position: relative;
  padding: 3px;
}

.models-wrapper .models-item .model-total-videos {
  position: absolute;
  font-size: 12px;
  top: 4px;
  left: 4px;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.models-wrapper .models-item .model-total-videos i {
  margin-right: 2px;
}

.models-wrapper .models-item .model-title {
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: calc(100% - 5px);
  text-align: center;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}

.models-wrapper .models-item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.models-wrapper .models-item a {
  display: block;
  height: 100%;
}

.models-title-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.models-title-wrap .title {
  display: flex;
  align-items: center;
}

.models-title-wrap .link-model {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  background-color: #a5c300;
  color: #ffffff;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 10px;
}

.bottom-all-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  background-color: #a5c300;
  color: #ffffff;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .glider-p,
  .glider-n {
    position: absolute;
    top: 40%;
    transform: translateX(-50%);
    z-index: 2;
    background: none;
    color: #a5c300;
    font-size: 30px;
    border: none;
    outline: none;
  }

  .glider-n {
    right: 15px;
  }

  .glider-p {
    left: 30px;
  }

  .models-wrapper .model-total-videos {
    position: absolute;
    font-size: 12px;
    top: 4px;
    left: 4px;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }

  .models-wrapper .model-total-videos i {
    margin-right: 2px;
  }

  .models-wrapper .models-item {
    margin: 0;
    padding: unset;
  }

  .models-wrapper .models-item .model-title {
    width: 100%;
    bottom: 0;
  }

  .models-wrapper .model-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

* {
  padding: 0;
  margin: 0;
}

input {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
textarea {
  font-family: "Open Sans", sans-serif;
}

:root {
  color: white;
}

html {
  font-size: 10px;
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  background-color: #111111;
  font-size: 1rem;
  color: #ffffff;
  position: relative;
  min-height: 100%;
}

.color-base {
  color: #a5c300 !important;
}

.color-base-2 {
  color: #f60200 !important;
}

#header {
  background-color: #0f0f0f;
  height: 5rem;
  box-sizing: content-box;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 40;
}

@media only screen and (max-width: 780px) {
  #header {
    border-bottom: 0.2rem solid #a5c300;
  }

  .img-maxheight {
    max-height: 250px;
  }
}

#header_default {
  height: 5rem;
}

.header-button {
  height: 4rem;
  width: 4rem;
  font-size: 2.5rem;
  color: #f0f0f0;
  border-radius: 0.3rem;
}

.header-button.nav-button {
  color: #a5c300;
}

.header-button.active {
  background-color: #a5c300;
}

.header-button.nav-button.active {
  color: #f0f0f0;
}

.header-logo {
  height: 5rem;
}

.header-logo img {
  height: 4rem;
}

.page-text {
  font-size: 1.6rem;
}

.filter-list,
.filter-list.filter-grey {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  color: #a5c300;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 10px;
}

.filter-list.active {
  background-color: #a5c300;
  color: #ffffff;
}

.filter-list.filter-grey.active {
  background-color: #888888;
  color: #ffffff;
}

#navigation-desc .filter-list {
  color: #ffffff;
}

.navigation {
  position: absolute;
  top: 5.2rem;
  left: -70%;
  height: 100%;
  width: 70%;
  background-color: #0f0f0f;
  color: #ffffff;
  transition: 0.3s all;
  z-index: 30;
  max-width: 36rem;
}

#navigation-background {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}

#navigation-background.active {
  display: block;
}

.navigation.active {
  left: 0;
}

.navigation .link {
  display: flex;
  align-items: center;
  height: 4.5rem;
  font-size: 2rem;
  padding-left: 2rem;
}

.navigation .link.active {
  color: #a5c300;
}

#search {
  margin-top: 1rem;
}

#search-input {
  border: 0.2rem solid #a5c300;
  border-radius: 0.3rem;
  padding: 1rem;
  height: 3.8rem;
}

#search-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  right: 0;
  height: 3.8rem;
  width: 3.8rem;
  font-size: 1.8rem;
  background-color: transparent;
  color: #333333;
}

.thumb {
  border-radius: 0.3rem;
}

.thumb-img {
  position: relative;
  display: block;
  overflow: hidden;
}

.thumb-img img {
  border-radius: 0.3rem;
}

.thumb .meta {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

.thumb .meta .span {
  font-style: italic;
  font-size: 1.2rem;
  line-height: 1rem;
  display: block;
  background: #ffffff;
  padding: 0.4rem 1.2rem;
  position: relative;
  color: #333333;
  font-weight: bold;
  border-radius: 0 0 0.3rem;
}

.thumb .meta .span::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: 0;
  z-index: 20;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0.8rem 0 0;
  border-color: transparent #ffffff transparent transparent;
}

.thumb .thumb-title {
  width: 100%;
  font-size: 1.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #a5c300;
}

.thumb.big .thumb-title {
  font-size: 1.5rem;
  line-height: 2.5rem;
}

.pagination .link {
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #252525;
  padding: 1.2rem 1.6rem;
  display: inline-block;
  margin: 0.2rem;
  border-radius: 0.3rem;
}

.pagination .link.active {
  background-color: #a5c300;
}

#footer {
  bottom: 0;
  width: 100%;
  height: 13rem;
}

.footer-title {
  margin-bottom: 1rem;
}

.footer-menu {
  border-top: 0.2rem solid #f0f0f0;
}

.footer-menu .link {
  font-size: 1.8rem;
  color: #a5c300;
}

.w-100 {
  width: 100% !important;
}

a {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

h1,
h2,
h3 {
  font-size: 1.8rem;
}

.title {
  font-size: 1.8rem;
  font-weight: bold;
}

.hidden {
  display: none;
}

.video-info {
  font-size: 1.5rem;
  line-height: 2.2rem;
}

#player {
  max-height: 42rem;
  min-height: 20rem;
  background-color: #555555;
}

.border {
  border: 0.2rem solid #a5c300;
}

.rate-stats {
  text-align: center;
  position: relative;
  border-bottom: 0.5rem solid #f60200;
  height: 4rem;
  line-height: 3rem;
}

.rate-line {
  background-color: #a5c300;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  height: 0.5rem;
  display: block;
}

.rate-button {
  height: 4rem;
  width: 4rem;
  background-color: #ffffff;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
}

.rate-button.disabled {
  opacity: 0.5;
}

.rate-button.rate-like {
  border-radius: 0.25rem 0 0 0.25rem;
}

.rate-button.rate-dislike {
  border-radius: 0 0.25rem 0.25rem 0;
}

.rate-button.rate-like::before {
  content: "";
  position: absolute;
  right: -0.8rem;
  top: 0;
  z-index: 20;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 4rem 0.8rem;
  border-color: transparent transparent transparent #ffffff;
  border-radius: 0 0.25rem 0 0;
}

.rate-button.rate-dislike::before {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: 0;
  z-index: 20;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4rem 0 0 0.8rem;
  border-color: #ffffff transparent transparent transparent;
  border-radius: 0.25rem 0 0 0;
}

.navbar-filters {
  min-width: 100px;
  padding: 5px 10px;
}

.input {
  border: 0;
  border-radius: 0.25rem;
  padding: 1rem;
}

.input:focus {
  outline: none;
}

.toggle-button {
  border: 0;
  padding: 1rem 2rem;
  color: #ffffff;
  background-color: #a5c300;
  border-radius: 0.25rem;
  cursor: pointer;
}

.toggle-button.active {
  opacity: 0.8;
}

.toggle-button:hover {
  opacity: 0.95;
}

.similar-search {
  background-color: #a5c300;
  color: #ffffff;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.similar-search i {
  margin-right: 5px;
}

.field-error {
  font-size: 1.4rem;
}

#email_error,
#text_error {
  display: none;
}

.success {
  font-size: 19px;
  background: #fff;
  color: #008000;
  padding: 20px;
  text-align: center;
}

#search-hints {
  position: absolute;
  display: none;
  width: 100%;
  z-index: 100;
}

#search-hints .search-hints-header {
  padding: 10px;
  background-color: #000;
  font-weight: 700;
}

#search-hints .search-hints-links-block {
  background-color: #fff;
}

#search-hints .search-hints-links {
  background-color: #fff;
  color: #000;
  display: block;
  padding: 12px 20px;
  position: relative;
}

#search-hints .search-hints-links:after {
  content: "";
  display: block;
  border-bottom: 1px solid #b1b1b1;
  position: absolute;
  top: 0;
  left: 3%;
  width: 94%;
}

#search-hints .search-hints-links:first-child:after {
  display: none;
}

#search-hints.active {
  display: block;
}

a h3 {
  font-size: 1.5rem;
}

.itspreload {
  opacity: 0;
  height: 16px;
  width: 16px;
  background-image: url("/favicon.ico");
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 20;
  transition: opacity 0.3s, height 0.8s;
}

.its-load:hover .itspreload {
  -webkit-animation: preloadAnimation linear 1s;
  animation: preloadAnimation linear 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: opacity 0.5s, transform 0.8s;
  transform: rotate(360deg);
}

.active-video .itspreload {
  -webkit-animation: preloadAnimation linear 1s;
  animation: preloadAnimation linear 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: opacity 0.5s, transform 0.8s;
  transform: rotate(360deg);
}

@keyframes preloadAnimation {
  0% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.row-menu {
  flex-direction: column;
  margin: 0;
}

.row-menu.active .burger-menu {
  display: flex;
}

.row-menu.active .burger-menu-toggler i {
  transform: rotate(180deg);
}

.row-menu > .col {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.row-menu > .col > :first-child {
  width: 60%;
}

.row-menu > .col > :last-child {
  width: 40%;
}

.row-menu .burger-menu-toggler {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 13px;
  position: relative;
}

.row-menu .burger-menu-toggler i {
  transition: all 0.3s;
}

.row-menu .burger-menu {
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
}

.row-menu .burger-menu a {
  padding: 1rem 2rem;
  font-size: 16px;
  border-bottom: 1px solid #fff;
}

#tab_video_info {
  max-height: 60px;
  overflow: hidden;
}

#tab_video_info.show-more-content {
  max-height: 2500px;
  transition: max-height 1.5s linear;
  margin-bottom: 25px;
}

.butts_more_show {
  position: absolute;
  z-index: 10;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 80px;
  background-image: linear-gradient(transparent, #111);
  display: block;
}

.butts_more_show.show-more-content {
  padding-top: 10px;
  background-image: none;
}

.butts_more_show.show-more-content #but-more {
  display: none;
}

.butts_more_show.show-more-content #but-less {
  display: block;
}

.butts_more_show #but-more {
  display: block;
  font-size: 20px;
}

.butts_more_show #but-less {
  display: none;
  transform: rotate(180deg);
  font-size: 20px;
}

.butts_more_show div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  cursor: pointer;
  text-align: center;
  color: #ccc;
  line-height: 20px;
  font-size: 15px;
  text-transform: capitalize;
}

.clearfix {
  display: block;
  content: "";
  clear: both;
}

.comments-block {
  border-radius: 5px;
  width: 100%;
}

.comments-block .comment-item-row {
  margin-bottom: 10px;
}

.comments-block .comment-title {
  font-size: 1.2em;
  font-weight: 600;
  padding: 15px;
}

.comments-block .comments_form {
  display: none;
}

.comments-block .comment.item {
  padding: 10px 20px;
  display: inline-block;
  background: #26262694;
  border-radius: 10px;
}

.comments-block .comment.item .comment_name {
  color: #a5c300;
}

.comments-block .comment.item .comment_text p {
  margin: 0;
  word-break: break-word;
}

.comments-block .comments_form.show {
  display: block;
}

.comments-block .comment-headline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #272727;
}

.comments-block .add-button-desktop {
  border-radius: 15px;
  background: #a5c300;
  cursor: pointer;
  padding: 6px;
}

.comments-block .add-button-mobile {
  border-radius: 15px;
  background: #a5c300;
  cursor: pointer;
  padding: 6px;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.comments-block .comments-body {
  padding: 15px;
}

.comments-block .success_message {
  display: none;
}

.comments-block .success_message.active {
  display: block;
}

.comments-block .input-name input,
.comments-block .comments_text textarea {
  height: 40px;
  color: #707070;
  background: #fff;
  line-height: 1em;
  font-size: 1em;
  padding: 12px;
  border-radius: 3px;
  margin-bottom: 12px;
}

.comments-block .input-name input:focus,
.comments-block .comments_text textarea:focus {
  outline: none;
}

.comments-block .captcha {
  margin: 10px 0;
  padding: 2px;
}

.comments-block .captcha img {
  max-width: 50%;
  margin-right: 10px;
}

.comments-block .comments-body .submit {
  border: none;
  border-radius: 5px;
  margin: 0;
}

.comments-block .comments-body .show-more {
  padding: 0;
  margin-bottom: 20px;
}

.comments-block .input-name {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.comments-block .input-name input {
  margin: 0;
  width: 100%;
}

.comments-block .comments_text textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
}

/* block-video */

.block-video {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.block-video .video-holder {
  flex-shrink: 1;
  flex-grow: 1;
  background-color: #ffffff;
}

.block-video .player .embed-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.block-video .player .embed-wrap iframe {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.block-video .player .loading {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  color: #444444;
  padding: 50px 20px;
}

.block-video .no-player {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.block-video .no-player img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.block-video .no-player .message {
  position: absolute;
  text-align: center;
  width: 95%;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.6rem;
  transform: translate(-50%, -50%);
}

.block-video .no-player .message a {
  color: #276fdb;
  text-decoration: underline;
  transition: color 0.3s;
}

.block-video .no-player .message form {
  display: block;
  padding: 20px 0 0 0;
}

.block-video .no-player .btn-play {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/player/skin/img/play_white.png") 50% 50% no-repeat;
}