body{
  background-color: #1a191f;
  background: linear-gradient(to bottom,rgba(0, 0, 0, 0.8) 0,rgb(0, 0, 0) 100%), url('https://indoxxione.com/wp-content/themes/indoxxipremiere/asset/content/avenger-end-game-cover.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: #818083;
  min-height: 100vh;
}
nav{
  background-color: #000;
}
h5{
  font-size: 1.3rem;
}
.brand-logo img{
  width: 200px;
  padding-top: 7px;
}
@media screen and (max-width: 600px) {
  .brand-logo img{
    width: 150px;
    padding-top: 10px;
  }
}
@media screen and (min-width: 993px) {
  .container{
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .container{
    width: 90%;
  }
}
nav ul a:hover{
  color: #ffd700
}
.searchview-container{

}
.searchview-container input{
  width: 250px !important;
  margin-bottom: 0px !important;
  background-color: #363636 !important;
  border-radius: 3px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  border-bottom: none !important;
}
.searchview-container input:focus{
  border-bottom: none !important;
  box-shadow: inherit !important;
}
a{
  color: #ffd700;
}
h3.the-title a{
  color: #FFF;
  font-weight: 700;
}
h5.the-title a{
  color: #FFF;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: clip;
}
video{
  width: 100% !important;
  background-color: #000 !important;
}
iframe{
  width: 100% !important;
}
.download-btn{
  background-color: #ffd700;
  color: #fff;
  padding: 12px 15px !important;
  border-radius: 3px;
}
.download-btn-mediafire{
  background-color: #0045a6;
  color: #fff;
  padding: 12px 15px !important;
  border-radius: 3px;
  margin-right: 10px !important;
}
.download-btn-openload{
  background-color: #42afef;
  color: #fff;
  padding: 12px 15px !important;
  border-radius: 3px;
}
.indoxxipremiere-badge{
  background-color: #ffd700;
  color: #fff;
  border-radius: 3px;
  padding: 5px 7px;
}
.indoxxipremiere-badge a{
  color: #fff;
}
.the-post-thumbnails{
  border-radius: 5px !important;
}
.indoxxipremiere-color{
  color: #ffd700;
}
.indoxxipremiere-category{
  display:inline-block;
  padding:0.3em 1.2em;
  margin:0.1em 0.2em 0.2em 0.1em;
  text-transform: capitalize;
  padding: 12px 10px;
  background-color: #363636 !important;
  border-radius: 3px;
  color: #FFF;
  transition: 0.3s all;
}
.indoxxipremiere-category:hover{
  background-color: #ffd700 !important;
}
.pagination li{
  margin: 0 5px !important;
  color: #FFF !important;
  background-color: #363636 !important;
}
.paginaton li a{
  color: #FFFFFF !important;
}
.pagination li.active{
  background-color: #ffd700 !important;
}
.indoxxipremiere-post-content{
  overflow: hidden;
}
.jumbotron h1{
  color: #fff;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  text-shadow: 1px 1px 1px #000;
  margin-top: 10px;
}
.jumbotron h2{
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 10px;
}

/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
      width: 20%;
      float: left;
  }
}
.star-movie-list img{
  border: 3px solid #fff;
  border-radius: 5px;
  transition: 0.3s all;
  width: 100% !important;
  height: auto !important;
}

.box-office-movie-list img{
  border: 3px solid #fff;
  border-radius: 5px;
  transition: 0.3s all;
  width: 100% !important;
  height: 260px !important;
}
.recommendation-movie-list, .box-office-movie-list{
  position: relative;
}
.recommendation-movie-list img{
  width: 100% !important;
  border-radius: 15px !important;
  height: 220px !important;
}
.recommendation-movie-list h3{
  position: absolute;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 500;
  text-shadow: 1px 1px 1px #000;
  bottom: 10px;
  left: 0;
  right: 0;
}
.box-office-movie-list:hover span{
  display: block;
}
/* .box-office-movie-list span{
  display: none;
  position: absolute;
  background-color: gold;
  color: black;
  padding: 3px 10px;
  border-radius: 3px;
  top: 7px;
  left: 19px;
  box-shadow: 1px 1px 5px #000;
  transition: 0.3s all;
} */
.box-office-movie-list span{
  display: none;
  position: absolute;
  background-color: rgba(0,0,0,0.4);
  color: white;
  padding: 3px 5px;
  border-bottom-right-radius: 3px;
  top: 3px;
  left: 15px;
  transition: 0.3s all;
}
.box-office-movie-list span i{
  color: gold;
  margin-right: 4px;
}
.box-office-movie-list small{
  background-color: #B71C1C !important;
  display: block !important;
  right: 20px !important;
  left: auto !important;
  top: 10px !important;
  border-radius: 5px !important;
  position: absolute;
  color: white;
  padding: 1px 5px;
  font-size: 0.9rem;
}
@media screen and (min-width: 1900px) {
  .box-office-movie-list img{
    height: 400px !important;
  }
  .recommendation-movie-list img{
    height: 260px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1899px) {
  .box-office-movie-list img{
    height: 280px !important;
  }
  .recommendation-movie-list img{
    height: 240px !important;
  }
}
@media screen and (max-width: 600px) {
  .box-office-movie-list img{
    width: 100% !important;
    height: 220px !important;
  }
  .recommendation-movie-list img{
    height: 200px !important;
  }
}
@media screen and (max-width: 300px) {
  .box-office-movie-list img{
    width: 100% !important;
    height: 200px !important;
  }
}
@media screen and (max-width: 768px) {
  .box-office-movie-list img{
    width: 100% !important;
    height: 230px !important;
  }
}
.box-office-movie-list img:hover, .star-movie-list img:hover{
  border-color: #ffd700;
}
.box-office-movie-list h3, .star-movie-list h3{
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  text-shadow: 1px 1px 1px #000;
  margin-top: 5px;
  margin-bottom: 5px;
}
.box-office-movie-list p, .star-movie-list p{
  color: #818083;
}
.latest-movie h5{
  color: white;
  font-weight: 500;
  font-size: 1.6rem;
}
.indoxxipremiere-secondary-link{
  color: #818083;
  transition: 0.3s all;
}
.indoxxipremiere-secondary-link:hover{
  color: #ffd700;
}
.show-all-movies-link{
  border: 1px solid #818083;
  padding: 10px 20px;
  border-radius: 25px;
}
.show-all-movies-link:hover{
  color: black !important;
  background-color: #ffd700;
  border-color: #ffd700;
}
.streaming-frame{
  margin-bottom: 20px !important;
}
.streaming-frame iframe{
  -webkit-box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
  box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
}
.movie-poster{
  border: 3px solid #ffd700;
  border-radius: 5px;
}
.movie-title{
  color: #fff;
  font-weight: 500;
  font-size: 1.9em;
  text-shadow: 0 2px 2px rgba(0,0,0,.4);
}
@media screen and (min-width: 992px) {
  .movie-title{
    font-size: 2.5em;
    text-shadow: 0 2px 2px rgba(0,0,0,.4);
  }
}
.movie-year{
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 2px rgba(0,0,0,.4);
}
.movie-category a{
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 2px rgba(0,0,0,.4);
}
.movie-category a:hover{
  color: #ffd700;
  transition: 0.3s all;
}
.movie-category{
  display: inline-block;
  margin-right: 10px;
}
.movie-category::after{
  content: "/";
  padding-left: 15px;
}
.movie-category:last-child::after{
  content: "";
}
.movie-download-btn{
  background-color: #ffd700;
  color: #000;
  transition: 0.5s all;
}
.movie-download-btn:hover, .movie-download-btn:active, .movie-download-btn:focus{
  background-color: #ffd700;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000;
}
.subtitle-download-btn{
  color: #ffd700;
  transition: 0.5s all;
  border: 1px solid #ffd700;
  background-color: transparent;
}
.subtitle-download-btn:hover, .subtitle-download-btn:active, .subtitle-download-btn:focus{
  background-color: #ffd700;
  color: #000;
}
.movie-rating{
  margin-top: 10px;
}
.movie-rating img{
  margin-top: 3px;
}
.rating-value{
  color: #fff;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
}
.rating-star{
  color: #ffd700;
  margin-left: 10px;
}
.movie-synopsis, .movie-credit{
  margin-top: 30px;
}
.movie-synopsis h3, .movie-credit h3{
  font-size: 1.25em;
  font-weight: 700;
  color: #fff;
}
.movie-post-by{
  font-style: italic;
}
.movie-post-by h6{
  font-weight: 500;
}
.movie-quality-badge{
  background: rgba(27,27,35,.4);
  padding: 5px 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid rgba(255,255,255,.16);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: .8em;
  color: #fff;
  transition: color .15s ease-in-out;
  -moz-transition: color .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out;
  margin-right: 10px
}
.footer-menu li{
  display: inline-block;
  padding: 0 10px !important;
}
.footer-menu li a{
  color: #919191;
  transition: 0.3s all;
  font-weight: 500;
}
.footer-menu li a:hover{
  color: #ffd700;
}
.comment-respond{
  padding: 15px !important;
  background-color: #171717;
  margin-top: 50px;
  border-radius: 10px;
}
.comment-reply-title{
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 5px;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  border-bottom: 1px solid #ffd700;
  -webkit-box-shadow: 0 1px 0 0 #26a69a;
  box-shadow: 0 1px 0 0 #ffd700;
}
[type="checkbox"]:checked+label:before{
  border-right: 2px solid #ffd700;
  border-bottom: 2px solid #ffd700;
}
.form-submit{
  margin-bottom: 10px !important;
}
h3#comments{
  color: #fff;
  font-size: 1.8em;
  font-weight: 700;
  margin-top: 50px;
}
ol.commentlist{
  padding: 15px !important;
  background-color: #171717;
  margin-top: 20px;
  border-radius: 10px;
}
ol.commentlist li{
  list-style-type: none;
}
cite.fn{
  margin-left: 15px;
}
.comment-meta{
  margin-top: 10px;
}
.comment-meta a{
  color: #818083;
}
li.comment ul{
  margin-left: 20px;
  margin-top: 20px;
}
.comment-author .fn{
  color: #fff;
}
h3.recommended-movie{
  color: #fff;
  font-size: 1.8em;
  font-weight: 700;
  margin-top: 50px;
}
.dropdown-content{
  background-color: #000;
}
.dropdown-content li>a, .dropdown-content li>span{
  color: white;
  transition: 0.3s all;
}
.dropdown-content li>a:hover, .dropdown-content li>span:hover{
  color: #ffd700
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected{
  background-color: #000;
}
.side-nav{
  background-color: #000;
}
.side-nav li>a{
  color: white;
  transition: 0.3s all;
}
.side-nav li>a:hover{
  color: #ffd700
}
#sidenav-overlay{
  z-index: 996;
}
.collapsible-header{
  background-color: #ffd700;
  color: #000;
}
.collapsible-body{
  background-color: #171717;
}
.pagination li a{
  color: #fff;
}
.pagination li.active a{
  color: #000;
}
#year{
  width: 330px !important;
}
#genre{
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  min-width: 350px;
  width: fit-content !important;
}
.dropdown-content{
  border-bottom: 5px solid #ffd700;
}
@media screen and (max-width: 600px) {
  .movie-quality p em{
    display: block;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .footer-menu{
    display: inline-table;
  }
  .footer-menu li{
    text-align: center;
    width: 50%;
    padding: 5px 0 !important;
  }
}
.movie-child-item h3, .movie-child-item img{
  transition: 0.3s all;
}
.movie-child-item:hover h3{
  color: #ffd700;
}
.movie-child-item:hover img{
  border-color: #ffd700;
}
.tabs{
  background-color: #000;
}
.tabs .tab a:hover, .tabs .tab a.active{
  color: #ffd700;
}
.tabs .indicator{
  background-color: #ffd700;
}
.tabs .tab a{
  color: white;
}
@media screen and (max-width: 600px) {
  #server2 iframe{
    height: 200px !important;
  }
}
.instagram-btn{
  background-color: transparent !important;
  border: 1px solid #C13584;
  border-radius: 5px;
  color: #E1306C;
  transition: 0.3s all;
}
.instagram-btn:hover{
  background: linear-gradient(to right, #C13584 10%, #E1306C 51%, #FD1D1D 100%);
  border: 1px solid transparent;
  color: #fff;
}
.sidebar-iklan{
  position: relative;
}
.sidebar-iklan-sticky{
  position: fixed;
}
.sidebar-iklan a{
  display: block;
  background-color: #ffd700;
  text-align: center;
  color: black;
}
@media screen and (min-width:1366px) {
  #covid19{
    width: 35%;
  }
}
ul.pagination li{
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.download-card{
  border-radius: 5px;
}
.modal-content{
  background-color: #212121;
  color: white;
}
.modal .modal-footer{
  background-color: #ffd700;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat{
  color: black;
}
.ikln-bnnr a img{
  max-width: 100%;
  max-height: auto;
}
@media screen and (min-width: 600px) {
  #donate{
    /* width: 400px !important; */
    /* height: 750px !important; */
  }
}
#donate iframe{
  width: 304px !important;
  height: 400px !important;
}
#donate img{
  border-radius: 15px;
}
.crew-card{
  background-color: #0d0e12;
  border-radius: 5px;
}
.crew-card .card-image img{
  border-radius: 5px 5px 0 0;
}
.crew-card .card-content{
  padding: 10px;
}
.crew-card .card-content h5{
  margin: 0;
  font-size: 1.1rem;
  color: white;
}
#donate{
  max-width: 400px !important;
}
#download-movie{
  max-width: 400px !important;
  max-height: 300px !important;
}
#indoxxi-serial-server-streaming{
  width: 100% !important;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
  box-shadow: 0px 0px 10px 1px rgba(255,215,0,1);
}
.google-play-icon{
  width: 127px;
  vertical-align: middle;
  margin-left: 10px;
}
@media screen and (max-width: 600px) {
  .google-play-icon{
    width: 115px;
    vertical-align: middle;
    margin-left: 0px;
  }
}
.tabs.tabs-transparent{
  overflow-x: visible !important;
  overflow-y: initial !important;
}
.tabs.tabs-transparent .tab a{
  color: #fff;
  transition: 0.3s all;
}
.tabs.tabs-transparent .tab a:hover{
  color: #ffd700;
}
.tabs.tabs-transparent .indicator{
  background-color: inherit;
}
.tabs .tab a.navtab{
  padding: 0 24px;
}
.tabs .tab a{
  padding: 0 10px;
}
.indoxxi-search{
  width: 320px !important;
  background-color: #212121 !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
  border-bottom: none !important;
  box-shadow: inherit !important;
}