html {
  background-color: #333333;
}

.title { margin-top:40px; margin-bottom:10px; border-bottom: 1px solid #666; }

.imagem-promocional { width: 550px; }

.regulamento { margin:0 auto; width: 790px; }
.regulamento ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; }
.regulamento ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; }
.regulamento ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; }
.regulamento li ol > li { margin-right: 10px; padding: 0 0 8px 0; }
.regulamento li ol > li:before { content: counters(item, ".") " "; }
.regulamento .bold { font-weight: bold; }
.regulamento .underline { text-decoration: underline; }

.banner-ingresso > .container { height:480px; }

.button-container { bottom: 0; width: 100%; padding: 30px 0; background-color: #333333; text-align: center; z-index: 1; }

/* SOBESCRITA */
.shadow-effect2:before, .banner-ingresso > .container:before { background:none; }
.shadow-effect2:after, .banner-ingresso > .container:after { background:none; }

.banner-ingresso .banner-ingresso-img { width: 1920px; margin-left: -709px; left: 37%; }
.banner-ingresso > .container { height: auto !important; max-width: 1920px; }

.video-wrapper { background-color:#10a8bd; }

.nolink { color:#ffffff; text-decoration:none; font-weight:normal; cursor:text; }
.nolink:hover { color:#ffffff; }

/* #################### */
/* MEDIA QUERY (INÍCIO) */
/* #################### */

@media (max-width: 1279px) {
    /* IMAGEM TOPO */
  /* .banner-ingresso .banner-ingresso-img { margin-left: auto !important; left:auto !important; width: 100% !important; } */
  /* .banner-ingresso > .container { height: auto !important; max-width: 100% !important; } */
  .banner-ingresso .banner-ingresso-img { left: 40%; width: 1602px; }
}

@media (max-width: 1366px) {
  .how-it-works ul li { letter-spacing: 0; }
  .how-it-works ul li h1 { font-size: 2rem !important; }

  .yt-player { min-height:211px; }
}

@media (max-width: 1024px) {

  .subtitle { font-size: 1.2rem; margin-top: 10px; }

  .how-it-works ul li { width:47.5%; }
  .how-it-works ul li:nth-of-type(even) { width: 5%; }
  .how-it-works ul li h1 { font-size: 2rem !important; }
  .yt-player { min-height:auto; }

  .scannerless { width:100%; }
  .scannerless ul li { float:none; width:100% !important; }
}



@media (min-width: 768px) {
  .profile-box.movie .pb-avatar-image-container {
    display:none !important;
  }
}

/* Acerta o tamanho do regulamento quando for responsivo */
@media (max-width: 768px) {

  .pb-name-address { display:none; }

  .regulamento { width: 100% !important; }

  .how-it-works ul li h1 { font-size: 2rem !important; }

  .steps ul li { font-size: 0.8375rem !important; height:160px; }
  .steps ul li:nth-of-type(even) { display:none !important; }
  .steps ul li:nth-of-type(odd) { width: 49% !important; }

  .btn-lg, .btn-group-lg > .btn { padding: 0.50rem 1.5rem 0.34rem 1.5rem; font-size: 1.1rem !important; }
  .button-container { padding: 0; margin-bottom: 50px;}
}

@media (max-width: 768px) and (orientation: portrait) {
  .pb-avatar-image-container {
    background-image: url("../Content/img/easy-imagem-principal-mobile-portrait-retina.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 212%;
  }
  .profile-box.movie .pb-avatar-image-container { height: 400px !important; }

}

@media (max-width: 768px) and (orientation: landscape) {
  .pb-avatar-image-container {
    background-image: url("../Content/img/easy-imagem-principal-mobile-landscape-retina.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 150%;
  }
  .profile-box.movie .pb-avatar-image-container {
    height: 307px !important;
  }

  .how-it-works ul li { width:50%; }
  .how-it-works ul li:nth-of-type(even) { display:none; }
  .how-it-works ul li h1 { font-size: 1.425rem !important; }

  .steps ul { display:none; }
  .swiper-container { display:block; }
  .swiper-slide p { height: 110px; }
  .swiper-button-next, .swiper-button-prev { margin-top: -10px; }

  .scannerless ul li:last-child { padding-top:0; }

  .btn-lg, .btn-group-lg > .btn { padding: 0.62rem 1.5rem 0.24rem 1.5rem; }

}

@media (max-width: 550px) and (orientation: portrait) {

}

/* ################# */
/* MEDIA QUERY (FIM) */
/* ################# */