@font-face {
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?231ce25e89ab5804f9a6c427b8d325c9") format("woff2"),
url("./fonts/bootstrap-icons.woff?231ce25e89ab5804f9a6c427b8d325c9") format("woff");
}

[class^="bi-"]::before,
[class*=" bi-"]::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
          

.bi-list::before { content: "\f479"; }
.bi-search::before { content: "\f52a"; }
.bi-person::before { content: "\f4e1"; }
.bi-x::before { content: "\f62a"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-play-btn-fill::before { content:"\f4f0"; }


/**
 * Main Style  
*/
  ::-webkit-scrollbar { width: 6px; }
  ::-webkit-scrollbar-track { background: #D8D8D8 }
  ::-webkit-scrollbar-thumb { background: #6E6E6E }

  *{margin: 0; padding: 0; box-sizing: border-box;}
  a:hover{text-decoration: none !important}
  a{text-decoration: none !important}

  main{width: 100%; float: left; overflow: hidden; padding-bottom: 50px; min-height: 600px}

  img { vertical-align: middle; border-style: none; }

  h6{font-size: 1rem;}

  h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }

  button{cursor: pointer;}

  figure{margin: 0; }

  ul{margin: 0; list-style:none}

  body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; line-height: 1.5;}

  input:focus {
    outline: none; /* Remove a borda de foco padrão */
    border-color: transparent; /* Remove a borda quando em foco */
    box-shadow: none; /* Remove a sombra quando em foco */
  }

  section{width:100%; float:left; overflow: hidden;} 

  .no-display{display: none;}


  /**
   * Chat */
  #chat-alive{position: fixed;bottom:15px;right:15px; cursor: pointer;}
  #chat-alive svg{width: 50px; height: 50px; color: #fff}


  .form-control { display: block;  width: 100%;  height: calc(2.25rem + 2px);  padding: 0.375rem 0.75rem;  font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ff640a; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

  [class^="col-"] { float: left; position: relative; padding: 7px; }

  .col-5{ width:5%; }.col-10{ width:10%; }.col-15{ width:15%; } .col-20{ width:20%; } .col-25{ width:25%; } .col-30{ width:30%; } .col-35{ width:35%; } .col-40{ width:40%; } .col-45{ width:45%; } .col-50{ width:50%; } .col-55{ width:55%; } .col-60{ width:60%; } .col-65{ width:65%; } .col-70{ width:70%; } .col-75{ width:75%; } .col-80{ width:80%; }.col-85{ width:85%; }.col-90{ width:90%; }.col-95{ width:95%; }.col-100{ width:100%; }
   
  .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; border: 0; border-radius: 5px}

  .container-pair{ padding-right:6%; padding-left:6%; width:100%; float:left; position:relative }
  
  .row{width: 100%; float: left; margin: 0}

  .slider{width: 100%; float: left}

  .resp{display: none}

  .alert-danger{color: #721c24; background-color: #f8d7da;border-color: #f5c6cb;}
  .alert {position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;}

  #btn-favorite{cursor:pointer;}

  .carousel-header-title h2, .header-title h2, .carousel-header-title label{font-weight:100;float: left;border-left: solid 3px #ff640a; padding-left:10px;margin-bottom:25px; font-size:24px; color:#E6E6E6; }

  .carousel-header-title .see-all{ float:right; color:#000;background-color:#ff640a;border-radius:3px;font-size:12px; width:auto;padding:3px 5px;font-weight:bolder }

  .header-title-h2 h2{border-left: solid 5px #ff640a; padding-left:10px;margin-bottom:25px; font-size:24px; color: #E6E6E6} 

  /**
   * Poster Card */
    .poster-card:hover{box-shadow: 0 2px 4px #ff640a;}
    .poster-card{ width:100%; float:left; position:relative; background-color:#151515; box-shadow:0 2px 8px rgb(0 0 0 / 30%); border-radius:5px; height:auto; }
    .poster-card figure{margin:0}
    .poster-card img{width:100%; float:left; border-top-left-radius:5px; border-top-right-radius:5px; height:auto; }
    .poster-card .poster-card-rating{ position:absolute; right:2px; top:4px; background-color:#ff640a; padding:3px; font-size:12px; border-radius:50%; color:#000;font-weight:bold; }
    .poster-card .poster-card-rating span{color:#000; }
    .poster-card .poster-card-details{width:100%; padding:5px; float:left; white-space:normal;}
    .poster-card .poster-card-title{color:#F2F2F2; width:100%; float:left; height:40px; overflow:hidden; font-family:Avenir,sans-serif; font-size: 14px}
    .poster-card .poster-card-trailer{width:100%; float:left; text-align: center;margin: 10px 0 0 0; cursor: pointer; background-color:#ff640a; border-radius:2px; color: #000;font-weight: 500;border:solid 1px #000;font-size: 13px;}

  /**
   * Episode Card */
    .episode-card:hover{box-shadow: 0 2px 4px #ff640a;}
    .episode-card{ width: 100%; float: left; position:relative; background-color:#151515; box-shadow: 0 2px 8px rgb(0 0 0 / 30%); border-radius:5px; height:auto }
    .episode-card figure{margin: 0}
    .episode-card img{width:100%; float:left; height:auto; }
    .episode-card h3{white-space: normal; color: #F2F2F2; padding: 10px 5px; font-size: 14px; font-family: Avenir,sans-serif; width: 100%; float: left}
    .episode-card .release-date{color: #848484; width: 100%; float: left; padding: 0 5px 10px 7px}

  

  /**
   * Header 2 */
    .header_2{width: 100%; float: left; padding: 3% 0 0 0}
    .header_2 .nav{width: 35%; float: left; overflow: hidden;}
    .header_2 .nav #icon-open-nav, .header_2 .nav #icon-close-nav{font-size:45px; cursor: pointer; }
    .header_2 .nav .nav-hidden{position: absolute; top: 60px; z-index: 99; padding: 10px 15px; width:300px; box-shadow: 10px 5px 5px black; left: 5%}
    .header_2 .nav .nav-hidden ul li a{font-size: 16px; width: 100%; float: left; margin:5px 0; padding-left:10px;border-radius:5px; }

    /*logo*/
      .header_2 .logo{width: 30%; float: left; overflow: hidden; padding-top:6px }
      .header_2 .logo img{max-height: 30px}
    
      /*search*/
      .header_2 .search{width: 35%; float: right;}
      .header_2 .search form{float: right;}
      .header_2 .search button{border: 0; padding: 5px; border-radius: 0 5px 5px 0;}
      .header_2 .search i{float: right; padding: 0px 5px; font-size: 25px;}
      .header_2 .search input{width: 220px;  float: left; height: 40px; font-size: 16px !important; border: 0; background-color: #2E2E2E; color: #fff;border-radius: 0}

  /**
   * Header 1 */

    .header_1{width:100%; float:left; padding: 1% 0 0 0; background-color:rgba(15,15,15,.9); box-shadow: 0 1px 5px rgba(0, 0, 0, .4); border-bottom: 1px solid #000;}      
    .header_1 .logo{float: left; width: auto; padding-top: 6px; margin-right: 20px; }
    .header_1 .logo a{padding: 5px; border-radius:5px;font-weight: bold; color: #fff; font-size:20px}

    .header_1 .nav {width: auto; float: left;}
    .header_1 nav ul{margin: 0; padding: 0; float: left;}
    .header_1 nav ul li{float: left}
    .header_1 nav ul li a{width:auto;float:left;color:rgba(255,255,255,.8);padding:10px 15px; color:#D8D8D8 }
    .header_1 nav ul li a:hover{color:#874ed8}

    .header_1 nav .sub-menu{display: block; position: absolute; top: 60px; width: 500px; padding-left: 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); z-index: 99}
    .header_1 nav .sub-menu li{width: calc(100% / 3); float: left;}
    .header_1 nav .sub-menu li a{padding: 10px 20px; width: 100%; font-weight: 400; font-size: 14px; line-height: 14px;}
    .header_1 nav .sub-menu li a i{font-size: 10px}
    .header_1 nav ul li a .bi-caret-down-fill{margin-left: 5px; font-size: 10px}

    .header_1 .search{float: right; width: auto; padding-top: 5px; padding-left: 20px}
    .header_1 .search i{font-size:24px; cursor:pointer; color: #D8D8D8}
    .header_1 .icon-user-login{width:auto; float:right; padding-top: 1px; cursor: pointer;}
    .header_1 .icon-user-login i{ font-size:28px}
    .header_1 a{font-weight: 500;}

    .header_1 .bi-list{color: #fff}

    .header_1 .search-form{width: 100%; float: left; position: absolute; top: 0; left: 0; right:0; padding:0 3%; }
    .header_1 .search-form input{width: 90%; float: left; border: 0; border-radius: 0; }

    .header_1 .search-form .search-btn-action{float:left; padding: 0.375rem 0.75rem; border-radius: 0.25rem 0 0 0.25rem; width: 5%; height: 40px; text-align: center;}
    .header_1 .search-form .search-btn-close{ cursor: pointer; float:right; padding: 0.375rem 0.75rem; border-radius: 0 0.25rem 0.25rem 0; width:5%; height:40px; text-align:center }
    
    /**
     * Nav footer */
    .nav-footer{background-color: #151515; position: fixed; bottom: 0; left: 0; right: 0; min-height: 40px; z-index: 999}
    .nav-footer nav{width: 100%; float: left; padding: 8px 0 0 0}
    .nav-footer nav ul{margin: 0; padding: 0; color: #fff}
    .nav-footer nav ul li{width: calc(100%/5); float: left; text-align: center;}
    .nav-footer nav ul li span{font-size: 11px; width: 100%; float: left}
    .nav-footer nav ul li a{color:#D8D8D8}
    .nav-footer nav ul li i{font-size:18px}

  /**
   * Search per Letter */

    .letters{width:100%; float: left; background: rgba(15,15,15,1); margin: 15px 0 0 0; position: relative;border-bottom: 1px solid #1C1C1C}
    .letters ul{margin: 0; padding: 0; }
    .letters ul li{display: inline; width: calc(100%/27); float: left; text-align: center; padding: 0; border-bottom:solid 1px #1C1C1C; }
    .letters ul li:hover{background-color:#2E2E2E; border-bottom:solid 1px; }
    .letters ul li a{color: #BDBDBD; font-size: 18px; width: 100%; float: left; padding: 10px}

  /**
   * Home page 2 */

    .box-episodes h2{font-size: 24px; margin-bottom: 30px; color: #585858; width: 100%; float: left; font-weight: 400;}
    .box-episodes article{width: calc(100%/4); float:left; margin:0; box-shadow: none; padding:5px; position: relative; overflow: hidden; border-radius: 5px;background-color: #fff;}
    .box-episodes article .poster{ box-shadow: 0 2px 8px rgb(0 0 0 / 30%); width:100%; float:left;margin-bottom:15px }
    .box-episodes article .poster figure img{border-radius: 5px 5px 0 0; width: 100%;}
    .box-episodes article .poster h3{    font-size: 14px; color: #1C1C1C; margin: 10px 0 0 0; font-weight: 500; padding: 0 0 0 5px;}
    .box-episodes article .poster .release-date{font-size: 12px;color: #6E6E6E; width: 100%; float: left; padding: 15px 0 15px 5px;}
    .box-episodes article .poster .poster-type{position: absolute; font-size: 10px; top: 8px; left: 5px; padding: 2px 5px; border-radius: 3px; background-color: #000000; color: #fff;}

          
  /**
   * Single page 1 */

    .info-title{width: 100%; float: left; position: relative; overflow: hidden; padding: 0 0 20px 0; box-shadow: 0 20px 50px #424242; opacity: 0.9; }
    .info-title .img-featured{position:absolute;top:0;left:0;opacity: 0.2;width: 100%;}
    .info-title .left{text-align: center}
    .info-title .left img{ border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; width: max-content; height: max-content;max-width: 100%}
    .info-title h1{padding: 15px 0 15px 15px;background-color: rgba(0, 0, 0, 0.8); margin: 20px 0 15px 0;border-radius: 5px;font-weight: 100; }
    .info-title h1 span{font-size:16px;}
    .info-title .categories{width:auto; float:left; background-color: rgba(0, 0, 0, 0.8); padding:15px; border-radius: 5px}
    .info-title .categorie{width: auto; float: left; margin: 0 10px 0 0; padding: 3px 10px; border-radius: 5px; font-size: 14px}
    .info-title .categorie a{color: #BDBDBD}
    .info-title .sinopse{width: 100%; float: left; background-color: rgba(0, 0, 0, 0.8); margin:15px 0 0 0; padding: 15px 0 15px 15px;border-radius: 5px; font-weight: 100}
    .info-title .sinopse span{margin: 0 0 15px 0; font-size: 20px; width:100%; float:left; font-weight:400 }
    .info-title .opts-likes{width: auto; float: left; padding: 5px 5px; background-color: rgba(0, 0, 0, 0.8); border-radius: 5px; margin: 15px 0 0 0;}
    .info-title .opts-likes i{color:#fff; font-size: 36px; margin: 0 15px 0 0; cursor: pointer;}

    .btn-to-watch{ color:#000;background:#ff640a;width:100%;float:left;padding:15px;border-radius:0 0 15px 15px;font-size:20px;cursor:pointer; text-align: center; }

    /**
     * Botão like */
    #button-like svg, #button-favorite svg{color: #fff; width: 32px; height: 32px; cursor: pointer;}

    /**
     * Botão favoritar */
    #button-favorite svg{color: #fff; width: 32px; height: 32px; cursor: pointer;}

    .main-cast div div::-webkit-scrollbar { height: 4px; }

    .main-cast{width: 100%; float: left; padding:30px 0; }
    .main-cast h2{font-size:22px;color: #D8D8D8; width:100%; float: left;}
    .main-cast article{background-color:#151515; box-shadow: 0 2px 8px rgb(0 0 0 / 30%); width: 120px; margin: 0 10px 0 0; border: 1px solid rgba(var(--lightGrey), 1); box-shadow: 0 2px 8px rgb(0 0 0 / 30%); border-radius: 5px;display:inline-block; overflow:hidden }
    .main-cast article figure img{border-radius:5px 5px 0 0; width: 100%;}
    .main-cast article h3{padding: 5px; font-size: 14px; color:#D8D8D8; margin:10px 0 0 0; font-weight: 500;}
    .main-cast article span{padding: 5px  5px 15px 5px;width:100%; font-size: 12px; float: left; color: #BDBDBD}

    .media{width: 100%; float: left; padding: 30px 0}
    .media h2{font-size:22px;color: #D8D8D8; width:100%; float: left; margin:0 50px 30px 0; width: auto;}
    .media .owl-nav, .media .owl-dots{display: none}
    .media ul{margin: 0; padding: 0; }
    .media ul li{display: inline; padding: 5px 15px; margin: 0; cursor: pointer; color: #fff}
    .media ul li:hover{border-bottom: solid 1px #000}
    .media #backdrop-img{width:100%; float: left;}
    .media article figure img{border-radius:5px; width: 100%;}


    /**
     * Imagens posters */
    #single-page-1 #posters-imgs{width: 100%; float: left; display: none}
    #single-page-1 #posters-imgs ul{margin: 0; padding: 0; display: flex; overflow-x: auto;padding: 0 5px; white-space:nowrap;}
    #single-page-1 #posters-imgs ul li{padding: 5px}
    #single-page-1 #posters-imgs ul li img{max-width: 180px; border-radius: 3px}
    #single-page-1 #posters-imgs ul::-webkit-scrollbar { height: 4px; }

    /**
     * Imagens backdrop */
    #single-page-1 #backdrop-imgs{width: 100%; float: left; display: none}
    #single-page-1 #backdrop-imgs ul{margin: 0; padding: 0; display: flex; overflow-x: auto;padding: 0 5px; white-space:nowrap;}
    #single-page-1 #backdrop-imgs ul li{padding: 5px}
    #single-page-1 #backdrop-imgs ul li img{max-width: 400px; border-radius: 5px}
    #single-page-1 #backdrop-imgs ul::-webkit-scrollbar { height: 4px; }

    /**
     * Vídeos trailers */
    #single-page-1 #media-videos{ display:none; width:100%; float:left; }
    #single-page-1 #media-videos iframe{ width:100%; height:400px }

    #single-page-1 .options{ width:100%; float:left; padding:1% 0; }
    #single-page-1 .options ul{ border:solid 1px #2E2E2E; padding:10px 0;width:100%; float:left; }
    #single-page-1 .options ul li{ float:left; width:auto; display:inline; padding:5px 10px; border-radius:2px; color:#D8D8D8; }
    #single-page-1 .options ul li:hover{ background:#ff640a; color:#fff; cursor:pointer; }
    #single-page-1 .main-cast, .media, .episodes{ display:none; }

    #single-page-1 #main-cast{ width:100%; float:left; padding: 5px !important; border: solid 1px #2E2E2E; }

    /**
     * Similar titles */
    #single-page-1 #carrousel-similar-titles h2{font-size:22px;color: #D8D8D8; width:100%; float: left; margin:0 50px 30px 0; width: auto;}
    #single-page-1 #similar-titles{padding: 5px !important; border: solid 1px #2E2E2E;}
    #single-page-1 #similar-titles header{ padding-left:0 !important; }


    #single-page-1 #episodes{ width:100%; float:left; padding: 5px !important; border: solid 1px #2E2E2E; }
    .episodes{width: 100%; float: left; padding: 30px 0}
    .episodes h2{font-size:22px;color: #D8D8D8; width:100%; float: left; margin:0 0 30px 0; width: auto;}
    .episodes-list{width: 100%; float: left; padding: 20px 0; max-height: 600px; overflow-y: auto;position: relative;}
    .episodes select{float: right; width: auto; }
    .episodes .episode{width: 100%; float: left; border: 1px solid rgba(var(--lightGrey), 1);box-shadow: 0 2px 8px rgb(0 0 0 / 30%); margin-bottom: 15px;}
    .episodes .episode-img{width: 20%; float: left; padding: 5px; overflow:hidden}
    .episodes .episode-img img{max-width:100%;}
    .episodes .episode-description{width: 65%; float: left; padding: 15px;}
    .episodes .episode-description .episode-title{margin-bottom: 10px; font-weight: 500; font-size: 16px}
    .episodes .episode-btn{width: 15%; float: left; padding: 30px 5px 0 0}
    .episodes .episode-btn a{width: auto; float: right; color: #fff; padding: 5px; font-size:16px; border-radius:5px; margin: 0 0 15px 0;}


  /**
   * Single page 2 */

    .single-data{width:100%; float:left; background-color:#000; }
    .single-data .img-background3{position: absolute; top: 0; left:0; right:0; opacity: 0.2; width:100%; bottom:0; height: 100%;}

    .single-data .title{ background: #151515; padding-top:15px !important; padding-bottom: 15px !important; width: 100%; float: left}
    .single-data .title h1{font-weight: 400; color: #fff;  margin:0; padding:0; font-family: monospace;} 

    .single-data .left-column{position:relative; width: 320px; float: left; overflow: hidden; padding: 10px 5px; background:linear-gradient(to top,#2E2E2E 20%,rgba(15,23,30,0));}
    .single-data .left-column img{width: 100%; float: left; }

    .single-data .sinopse{width: 100%; float: left; padding:15px; background:#151515; border-radius: 5px; margin: 1%}
    .single-data .sinopse h4{font-size: 18px; font-weight: 400; color: #fff}
    .single-data .sinopse p{color:#BDBDBD}

    .single-data .episodes h2{ padding-left:20px; }
        
    .single-data .right-column {width: calc(100% - 330px); float: left; position:relative}
    .single-data .right-column .episodes-list{padding: 15px; width:100%; float:left; max-height: 550px; overflow-x: auto;}
    .single-data .right-column .episodes-list a{width:100%; float: left; margin-bottom:8px; border-radius: 5px}
    .single-data .right-column .episodes-list a:hover{background-color: #2E2E2E}
    .single-data .right-column .episodes-list img{float: left; width:100%; }
    .single-data .right-column .episodes-list h3{color:#fff; font-size: 16px; margin: 10px 0}
    .single-data .right-column .episode-item{display: none}
    .single-data .right-column .episodes-list .season_1{display: block}  
    .single-data .right-column .season_opts select{width: auto; float: right; }
    .single-data .right-column .season_opts h4{font-size: 16px;margin: 0; padding:0; width: auto; float: left}
    .single-data .right-column .season_opts{background:#151515; color:#fff; padding:10px 15px; border-radius: 5px; font-family:monospace; margin:1%; width: 98%; float: left; }
    .single-data .right-column .box-player{width:100%; float:left; padding:15px;}
    .single-data .right-column .box-player .player{ width:100%; float:left; height:480px;}

    .single-data .left-column .genres{background:#151515; width:100%; float:left; padding:15px 10px; margin: 10px 0 15px 0}
    .single-data .left-column .genres h4{font-family: monospace; color:#BDBDBD; font-size:20px; font-weight:normal; margin:0 0 25px }
    .single-data .left-column .genres span{color:#D8D8D8; padding:3px 5px; background-color:#000; margin:0 10px 10px 0; width:auto; float:left; font-family:monospace;border-radius: 3px}
    .single-data .left-column .opts-likes i{color:#fff; font-size: 32px; margin: 0 15px 0 0; cursor: pointer;}

  /**
   * Episodes Page 1  */
    #episodes-page{ padding-top:3%; padding-bottom:3%; }
    .lasted-episodes h2{font-size:22px;color: #E6E6E6; width:100%; float: left; margin:0 0 50px 0; font-weight: 300; border-left:3px solid #ff640a; padding: 0 0 0 10px}
    .lasted-episodes article .poster:hover{box-shadow: 0 2px 4px #ff640a;}
    .lasted-episodes article{width: calc(100%/4); float:left; margin:0; box-shadow: 0 2px 8px rgb(0 0 0 / 30%); padding:5px; position: relative; overflow: hidden; border-radius: 5px; }
    .lasted-episodes article .poster{ box-shadow: 0 2px 8px rgb(0 0 0 / 30%); width:100%; float:left;margin-bottom:15px; background-color:#151515;  }
    .lasted-episodes article .poster figure{margin: 0}
    .lasted-episodes article .poster figure img{border-radius: 5px 5px 0 0; width: 100%;}
    .lasted-episodes article .poster h3{ font-size: 14px; color: #F2F2F2; margin: 10px 0 0 0; font-weight: 500; padding: 0 0 0 5px; height:25px; font-family: Avenir,sans-serif}
    .lasted-episodes article .poster .release-date{font-size: 12px;color: #848484; width: 100%; float: left; padding: 15px 0 15px 5px;}
    
    .lasted-episodes .pagination{width:100%; float:left; padding: 15px 5px; background-color: #151515;  box-shadow: 0 2px 8px rgb(0 0 0 / 30%); margin: 15px auto}
    .lasted-episodes .pagination span{float: left; border: solid 1px #ff640a; padding: 5px 15px; font-size: 16px; margin-right:10px;color:#ff640a}
    .lasted-episodes .pagination ul li{ display: inline; }
    .lasted-episodes .pagination ul li a{padding:5px 10px; border: solid 1px #848484; margin: 0 0 0 5px; float:left; width:auto; font-size:16px;color:#D8D8D8}
    .lasted-episodes .pagination ul .currect-page{padding:5px 10px; border: solid 1px #ff640a; margin: 0 0 0 5px; float:left; width:auto; font-size:16px;color:#ff640a}



  /**
   * Comentários */
    .comments{width: 100%; float: left; padding: 50px 0}
    .comments h2{font-size:22px;color: #D8D8D8; width:100%; float: left; margin:0 50px 30px 0; width: auto;}

  /**
   * Page titles 1
   * 
   * https://www.xvideos.com/video.hpmotei4888/doubleviewcasting.com_-_victoria_e_smitten_por_grande_mangueira */

    #page-titles-1 .titles{width: 100%; float: left; padding:30px 0}
    #page-titles-1 .titles h2{font-size:22px;color: #E6E6E6; width:100%; float: left; margin:0 0 50px 0; font-weight: 300; border-left:3px solid #ff640a; padding: 0 0 0 10px}
    #page-titles-1 .titles article{width:calc(100%/8); float:left;overflow: hidden; padding:5px; margin:0 0 20px 0;max-height:300px  }
    #page-titles-1 .titles article div{background-color:#151515;border: 1px solid rgba(var(--lightGrey), 1);box-shadow: 0 2px 8px rgb(0 0 0 / 30%); border-radius: 5px; position: relative; width: 100%; float: left}
    #page-titles-1 .titles article figure img{border-radius:5px 5px 0 0; width: 100%;}
    #page-titles-1 .titles article h3{font-size: 14px; color:#F2F2F2; margin:10px 0 0 0; font-weight: 500; padding: 0 0 0 5px; height:40px; font-family:Avenir,sans-serif; font-size: 14px}
    #page-titles-1 .titles article .rating{position:absolute; right:2px; top:4px; background-color:#ff640a; padding:3px; font-size:12px; border-radius:50%; color:#000;font-weight:bold; }
    #page-titles-1 .titles article .release-date{ font-size:14px; color:#848484; width:100%; float:left; padding:15px 0 15px 5px }        
    #page-titles-1 .button-call-more-titles{width: 100%; float: left; height: 60px; font-size: 20px; background-color: #ff640a; color: #fff}

  /**
   * Seach Page 1 */
    #page-search-1 .titles-founds article{border: 1px solid rgba(var(--lightGrey), 1);box-shadow: 0 2px 8px rgb(0 0 0 / 30%); border-radius: 10px; background-color: #1C1C1C; width: 100%; float: left; margin: 0 0 20px 0}
    #page-search-1 .titles-founds .img-poster{width: 10%; float: left}

    #page-search-1 .titles-founds h1{font-size:22px;color: #F2F2F2; width:100%; float: left; margin:30px 0 50px 0; font-weight: 300; border-left:3px solid #ff640a; padding: 0 0 0 10px}

    #page-search-1 .titles-founds .img-poster img{max-width:100%; border-radius:10px 0 0 10px;  }

    #page-search-1 .titles-founds .data-title{width: 90%; float: right; color: #D8D8D8; padding:10px 10px 0 10px; font-size:12px;}
    #page-search-1 .titles-founds .data-title a{color: #D8D8D8}
    #page-search-1 .titles-founds .data-release-date{width: 90%; float: right; padding: 5px 10px 5px 5px; color: #D8D8D8;font-size: 12px}
    #page-search-1 .titles-founds .data-release-date span{ background-color:#151515; border-radius:3px; width:auto;float:left;margin:0 0 5px 5px; color:#A4A4A4; padding:0 5px;border:solid 1px }
    #page-search-1 .titles-founds .data-description{width: 90%; float: left; color: #D8D8D8; font-size:16px; color: #D8D8D8; margin:0 0 10px 0; padding: 0 10px}


  /**
   * Episode Page 1*/
    #pageEpisode1 {padding-top: 15px}
    #pageEpisode1 .container-player{width: 100%; float: flex; overflow: hidden; background-color: #000; position: relative; box-shadow: 0 20px 50px #424242; }
    #pageEpisode1 .container-player .player{height: 70vh; width:100%; float: left; position: relative;}
  
    #pageEpisode1 .container-player .player iframe{width: 100%; float: left; height: 100%;}
    #pageEpisode1 .container-player .episode-opts{width: 100%; float: left; background-color: #000; list-style: none}
    #pageEpisode1 .container-player .episode-opts ul{width: 100%; display: flex}
    #pageEpisode1 .container-player .episode-opts li{width: calc(100%/3); float: left; text-align:center; }
    #pageEpisode1 .container-player .episode-opts li a{width: 100%; float: left; padding: 10px; font-size: 16px; color: #fff}
    #pageEpisode1 .container-player .episode-opts li a:hover{background-color: red; }

    #pageEpisode1 .episode-info{width: 100%; display: flex; color: #fff}
    #pageEpisode1 .episode-info h1{ padding:15px 0; font-weight:400; color:#D8D8D8; font-size:22px }
    #pageEpisode1 .episode-info p{ font-size:18px }


  /*Footer 1*/  
    footer{width:100%;float:left; padding:70px 0; background: #000 linear-gradient(180deg,#0000,#213944) !important; }
    footer p{margin-bottom: 10px; text-align: center; color: #BDBDBD; letter-spacing: 0.5px}
    footer img{max-height: 50px}

    footer .footer{color: #6E6E6E; font-size: 14px; font-family: arial; letter-spacing: 0.5px;}
    footer .disclaimer-footer{color: #6E6E6E; font-size: 12px; margin: 25px 0 0 0; border-top: solid 1px #424242; padding:25px 0 0 0; font-family: arial; letter-spacing: 0.5px;}

    footer h3{font-size: 18px; margin-bottom:20px}
    footer ul li{padding: 5px 0}
    footer ul li a{font-size: 16px; }

  /**
   * Dispositiveis móveis */

    @media (max-width: 768px) {

      .resp{display: block;}

      .desktop-view{display: none; }

      .prev-btn, .next-btn { min-width:48px; min-height:48px;  }

      [class^="col-"] { width:100%; padding:3px; }

      header .nav .bi-list{font-size:28px !important;}
      header .nav .bi-x-square{font-size:28px;}

    /*header 1*/
      .header_1 .nav{float: right; margin:0 0 0 10px }
      .header_1 nav {display: none; position: fixed;left: 0;top: 0;width:70%; z-index: 99; bottom: 0; }
      .header_1 .nav .bi-list{display:block !important;}
      .header_1 .nav #close-nav{position: fixed; top: 0; bottom: 0; right: 0; width:30%; background-color: rgba(0, 0, 0, 0.8); z-index: 99;}
      .header_1 .icon-user-login{display: none}
      .header_1 nav ul{margin: 30px 0 0 0}
      .header_1 nav ul li{display: block; width: 100%; float: left;}
      .header_1 nav ul li a{width: 100%; font-weight: normal; font-size: 20px !important;}

      .header_1 nav .sub-menu{height: 200px; overflow-y: auto; width: 100%}
      .header_1 nav .sub-menu li{width: calc(100% / 2);}


      .header_1 .logo-nav-resp{display: block !important; padding: 5%; border-bottom: solid 1px;}
      .header_1 .logo-nav-resp img{width: 60%}
      .header_1 .logo{max-width: 60%;}
      .header_1 .logo img{max-width: 100%;}


      .header_1 .search{padding: 5px 0 0 0}
      .header_1 .search-form{padding:0}
      .header_1 .search-form input{width:70%;}
      .header_1 .search-form .search-btn-action{width:15%;}
      .header_1 .search-form .search-btn-close{width:15%; }

    /*header 2*/
     .header_2 .search form{display: none;}
      #icon-open-search{display: block !important; cursor:pointer; }
      .header_2 .nav #icon-open-nav, .header_2 .nav #icon-close-nav{font-size:45px; cursor: pointer;  }

      .header_2 .search-resp{width: 100%; float: left; margin: 5px 0 0 0;}
      .header_2 .search-resp input{background-color: #2E2E2E; color:#fff;border-radius: 0; border: 0; width:85%;float: left; height: 40px}
      .header_2 .search-resp input::placeholder{font-size: 16px;color: #848484; background:#2E2E2E; }
      .header_2 .search-resp button{ width: 15%;border: 0; float: right; padding: 5px; border-radius: 0 5px 5px 0}
      .header_2 .search-resp button i{float: right; padding: 0px 5px; font-size: 25px;}

    /*Search per Letter*/
      .letters div{overflow-x: scroll; width: 100%;float: left;}
      .letters div ul{width: 1260px}

    /*home page 2*/
      .lasted-episodes article{ width: calc(100%/1); }

    /*home page 1 #episodes*/
      .lasted-episodes{width:100%; }
      .lasted-episodes article{ width: calc(100%/1); }
      .lasted-episodes article .poster h3{ height:auto;}

    /*Single page 1*/
      .info-title .categorie{margin: 0 10px 10px 0;}
      .info-title .left img{max-width: 100%; max-height: 100%}

      .media h2{margin:0 0 30px 0;}
      .media ul{margin: 0; padding: 0; float:right; margin:0 0 30px 0 }
      .media ul li{padding: 5px; }

      .episodes .episode{margin: 0 0 50px 0}
      .episodes .episode-img{width: 100%; }
      .episodes .episode-description{width:100%; padding: 0 15px}
      .episodes .episode-btn{width:100%; padding: 10px}
      .episodes .episode-btn a{width: 100%; float: left; }
      .episodes .episode-btn button{width:100%;}

    /*Single page 2*/
      .single-data .right-column, .single-data .left-column { width:100%; }
      .single-data .right-column .box-player .player{ height:240px;}

    /*Titles page 1*/
      #page-titles-1 .titles article{width:calc(100%/2); }

    /*Search Page 1*/
      #page-search-1 .titles-founds .img-poster{width: 50%; float: left; text-align: center;}
      #page-search-1 .titles-founds .img-poster img{border-radius:10px 0 0 0;  }
      #page-search-1 .titles-founds .data-title{width: 50%; }
      #page-search-1 .titles-founds .data-release-date{width: 50%; }
      #page-search-1 .titles-founds .data-description{width: 100%; float: left; padding:5px }


    /**
     * Episode Page 1 */
      #pageEpisode1 .container-player .player{height: 70vh}
      #pageEpisode1 .episode-info h1{ font-size: 16px}
      #pageEpisode1 .episode-info p{ font-size:14px }

    }