*, html, body{
   transition: all 0.3s !important;
}
body, html{
   height: 100%;
}
a, a:hover{
   color: #FF2243;
   opacity: 1;
}
a:hover{
   opacity: 0.9;
}
.fixed-top{
   background:transparent;
   margin-top: 20px;
}

html {
  scroll-behavior: smooth;
}

p{
   text-align: left;
   font: normal normal 400 15px/31px Montserrat;
   letter-spacing: 0px;
}

.bg-black{background: #000}
.bg-white{background: #fff}


.btn{
   border-radius: 4px !important;
   display: flex;
   text-align: center;
   align-items: center;
   font: normal normal 500 16px/45px Montserrat;
   letter-spacing: 0px;
   justify-content: center
}

.btn-lg{
   height:67px;
   font: normal normal 700 14px/45px Montserrat;
}

.btn:hover{
   opacity: 0.9;
}

.btn-dark{
   background: #000;
   opacity: 1;
}

.btn-danger{
   background: #FF2243;
   opacity: 1;
}

.btn-outline-danger {
    color: #FF2243;
    border-color:#FF2243;
}

form{
   width: 100%;
}


.bi-search, .bi-bell {
    display: inline-flex;
}
.bi-search::before {
    content: '';
    background: url(../images/icon-search.svg) no-repeat;
    width: 24px;
    height: 24px;
}
.bi-bell::before {
    content: '';
    background: url(../images/icon-bell.svg) no-repeat;
    width: 24px;
    height: 24px;
    top: 3px;
    position: relative;
    margin-right: 14px;
}


/*-----------------------------------------------------------------------*/


.logo{
   text-align: left;
   font: normal normal normal 35px/27px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-transform: uppercase;
   max-width: 79px;
   word-break: break-word;
   margin: 0;
   padding: 0;
   text-shadow: 1px 1px 0px #FF2243
}

.navbar-expand-lg .navbar-collapse{
   justify-content: center
}

.navbar.scroll-on{
   margin-top: 0;
   background: #000;
}

.nav-link{
   text-align: center;
   font: normal normal normal 17px/21px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-transform: uppercase;
   opacity: 1;
}

.nav-item.active .nav-link{
   position: relative;
   font-size: 23px;
}
.nav-item.active .nav-link::before{
   content: '';
   background: url(../images/faixa-menu-ativo.svg) no-repeat center;
   display: block;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   width: 100%;
   height: 16px;
   background-size: contain;
}

.bt-agenda {
   background: url(../images/bg-btn-agenda.png) no-repeat center;
   text-align: center;
   font: normal normal normal 18px/22px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-transform: uppercase;
   height: 80px;
   width: 197px;
   text-decoration: none;
   text-indent: -6px;
   line-height: 74px;
   opacity: 1;
}
.bt-agenda:hover{
   opacity: 0.9;
   color: #fff;
   text-decoration: none;
}



header{
   min-height: 568px;
   background-color: #000;
   background: url('../images/header-bg.png') no-repeat top center;
   background-size: cover;
}

.foto-topo-nando{
   max-width: 581px;
   max-height: 584px;
   background: transparent;
   position: relative;
   left: 50%;
   transform: translate(-50%, 0);
   top: 110px;
    text-align: center;
    margin-top: 54px;
}

.foto-topo-nando img {
    height: auto !important;
}

.navbar-nav .nav-link{
   color: #fff;
}



/*AGENDA*/
.agenda{
   padding-top: 142px;
}
.agenda h2{
   text-align: center;
   font: normal normal normal 115px/144px Staatliches;
   letter-spacing: 0px;
   color: #101010;
   text-transform: uppercase;
   width: 100%;
   text-align: center;
   margin-top: 27px;
   margin-bottom: 22px;
}

.agenda form .form-row {
    gap: 2%;
}
.agenda form .form-row .form-group {
    width: 38%;
}

ul.lista-agenda, .indice ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
li.iten-agenda {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #BEBEBE;
    margin-bottom: -1px;
    background: #fff;
    font: normal normal 800 20px/24px Montserrat;
   letter-spacing: 0px;
   color: #101010;
   position: relative;
   z-index: 10;
}


li.iten-agenda::after, li.iten-agenda::before{
   content: "";
    position: absolute;
    width: 8px;
    height: 14px;
    background-color: #fff;
}
li.iten-agenda::before {
    left: -1px;
    border-right: solid 1px #BEBEBE;
    border-bottom: solid 1px #bebebe;
    border-top: solid 1px #bebebe;
     border-radius: 0 14px 14px 0;
}

li.iten-agenda::after {
    right: -1px;
    border-left: solid 1px #BEBEBE;
    border-bottom: solid 1px #bebebe;
    border-top: solid 1px #bebebe;
     border-radius: 14px 0 0 14px;
}
li.iten-agenda:hover::before {
    box-shadow: inset -3px 3px 4px rgba(0,0,0,0.1);
    left: -2px;
}
li.iten-agenda:hover::after {
    box-shadow: inset 4px 2px 7px rgba(0,0,0,0.2);
    right: -2px;
}


li.iten-agenda:hover{
   scale: 1.015;
   box-shadow: 4px 4px 19px #00000029;
   z-index: 11;
}
li.iten-agenda:first-child{
   border-radius: 6px 6px 0 0;
}
li.iten-agenda:last-child{
   border-radius: 0 0 6px 6px;
}
li.iten-agenda > div{
   width: 60%;
   box-sizing: border-box;
   padding: 15.5px 28px;
   position: relative;
   text-transform: uppercase;
}
li.iten-agenda div.local-ag{
   border-right:dashed 1px #ccc;
   border-left: dashed 1px #ccc;
   text-transform: none;
}



li.iten-agenda .uf{
   padding: 0 18px;
}
li.iten-agenda .date-ag{
   color: #FF2243;
}
li.iten-agenda .local-ag{
   font: normal normal 500 16px/45px Montserrat;
   line-height: 110%;
   width: 20%;
}

.iten-agenda button, .iten-agenda span.action-none {
    margin-left: auto;
    width: 20%;
    height: 100%;
    display: block;
    border: none;
    text-align: center;
    font: normal normal normal 19px/45px Staatliches;
    letter-spacing: 0px;
    color: #FF2243;
    min-height: 76px;
    background: transparent;
    border-radius: 0;
}
.iten-agenda span.action-none{
   color: #BBBBBB;
   display: flex;
   align-items: center;
   justify-content: center;
}


.tag-ag-clube::before, .tag-ag-show::before, .tag-ag-corp::before{
   width: 8px;
   height: 8px;
   border-radius: 50%;
   display: inline-block;
   content: '';
   position: relative;
   margin-right: 8px;
}
.tag-ag-clube::before{
   background: #DF84FF
}
.tag-ag-show::before{
   background: #FF2243
}
.tag-ag-corp::before{
   background: #84CEFF
}


.agenda button[type="submit"]{
   width: 100%;
   height: 67px;
   display: flex;
   gap: 5px;
   text-align: center;
   justify-content: center;
   align-items: center;
   font: normal normal bold 14px/45px Montserrat;
   text-transform: uppercase;
   border-radius: 8px;
}

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


.select2-container .select2-selection--single .select2-selection__clear{display: none}

.agenda select.form-control, .select2-container--default .select2-selection--single {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   /*background: url(../images/seta-select.svg) no-repeat right;*/
   background-position-x: 94%;
   height: 67px !important;
   background-color: #F3F3F3;
   border-radius: 8px;
   border: none;
   padding: 0.375rem 3.75rem 0.375rem 28px;
   font: normal normal 500 14px/45px Montserrat;
   color: #101010;
   display: flex;
   align-items: center;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    height: 0;
    left: 50%;
    top: 50%;
    position: absolute;
    width: 0;
    transform: translate(-50%, -50%);
}

.agenda .form-control:focus, .agenda select:hover {
    color: #495057;
    background-color: #F6f6f6;
    border-color: rgb(190 190 190);
    outline: 0;
    box-shadow: 0 0 0 1px rgb(190 190 190);
    cursor: pointer;
}


.select2-container--open .select2-dropdown {
    left: 0;
    top: 31px;
    border: none;
    background: #f3f3f3;
    border-radius: 0 0 6px 6px;
    font: normal normal 600 14px/40px Montserrat;
    letter-spacing: 0px;
    color: #101010;
}
.select2-results__option {
    padding: 6px 15px;
 }
 .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #E1E1E1;
    border: none;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 6px 15px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fff;
    color:#101010;
    border-radius: 6px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--default .select2-results__option--selected {
    background-color: #fff;
    color: #101010;
    border-radius: 6px;
}

.indice ul{
   display: flex;
   justify-content: center;
   width: 100%;
   gap: 36px;
   margin: 8px 0 24px 0;
}
.indice ul li{
    font: normal normal 500 12px/45px Montserrat;
    line-height: 110%;
}

.carrega-mais{
   margin: 40px auto;
   padding-right: 40px;
   padding-left: 40px;
   border-radius: 8px !important;
   max-width: 275px;
}




.offcanvas.offcanvas-end{
   height: 100%;
   border-radius: 0 !important;
   border: none;
   background-color: rgba(16,16,16,0.9);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   width: 520px;
   
}
.offcanvas-body{
   padding: 0 !important;
}

.desc-evento{
   padding: 64px;
   text-align: center;
}

.desc-evento img{
   width: 100%;
   border-radius: 8px;
   box-shadow: 0px 3px 34px #00000029;
}

.data-evento{
   border-radius: 6px;
   border: solid 1px #494949;
   width: 100%;
   display: flex;
   margin-top: 50px;
}

.data-evento .date-ag{
   font: normal normal 800 18px/22px Montserrat;
   letter-spacing: 0px;
   color: #FF2243;
   text-transform: uppercase;
   border-right: solid 1px #494949;
   padding: 17px 27px;
}
.data-evento .date-ag:last-child{
   border: none;
   color: #fff;
}

.desc-evento h3{
   text-align: left;
   font: normal normal 800 37px/45px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
   margin-top: 20px;
   margin-bottom: 0;
}
.desc-evento p{
   text-align: left;
   font: normal normal 600 16px/35px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
   margin-top:0;
   margin-bottom: 0;
}
.desc-evento .tag-tipo-show{
   display: flex;
   align-items: center;
   text-align: left;
   font: normal normal 600 12px/45px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
}


.desc-compra {
    text-align: left;
    display: flex;
    position: relative;
    padding: 20px 0;
    margin-top: 10px;
    align-items: center;
    gap: 20px;
}
.desc-compra::before{
   width: 110%;
   content: '';
   height: 1px;
   top: 0;
   background: #494949;
   position: absolute;
   left: -5%;
}
.desc-compra .endereco {
    display: flex;
    flex-direction: column;
}
.desc-compra .endereco span{
   text-align: left;
   font: normal normal 500 14px/24px Poppins;
   letter-spacing: 0px;
   color: #FFFFFF;
}

.desc-compra a.btn-link{
   margin-left: auto;
   text-align: left;
   font: normal normal 400 18px/45px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-decoration: none;
   border-left: solid 1px #494949;
   padding:10px 0 10px 15px;
   line-height: 110%;
}

.desc-evento .btn-comprar{
   width: 100%;
   background: #FF2243 0% 0% no-repeat padding-box;
   box-shadow: 4px 3px 31px #FF2243;
   font: normal normal normal 19px/24px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   text-transform: uppercase;
   border: none;
   height: 48px;
   margin-top: 15px;
   border-radius:3px;
   position: relative;
   display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
   /*background: url(../images/bg-btn-comprar.png) top center no-repeat;
   background-size: contain;*/
}

.offcanvas button.btn-close {
    position: absolute;
    right: 35px;
    top: 10px;
    background-image: none;
    opacity: 1;
    width: auto;
    height: auto;
    z-index: 100;
 }
 .offcanvas button.btn-close:hover{
   scale: 1.1;
   transform: rotate(180deg);
 }
 .offcanvas button.btn-close i{
   color: #fff;
   opacity: 1;
   font-size: 30px;
 }


.offcanvas-backdrop.show{
   opacity: 0;
}


/*FIM - AGENDA*/

/*BANNER TARJA AVISO */
.tarja-aviso{
   background: #FF2243;
   position: relative;
   padding: 60px 0 60px 0;
   margin-top: 60px;
   margin-bottom: 0;
}
.tarja-aviso::before{
   content: '';
   background: url(../images/barra-full-top.png) center;
   background-repeat-x: repeat;
   width: 100%;
   height: 24px;
   position: absolute;
   top: -14px;
   display: block;
   left: 0;
}
.tarja-aviso::after{
   content: '';
   background: url(../images/barra-full-bottom.png) center;
   background-repeat-x: repeat;
   width: 100%;
   height: 24px;
   position: absolute;
   bottom: 5px;
   display: block;
   left: 0;
   z-index: 10;
}

.tarja-aviso h2{
   text-align: center;
   font: normal normal normal 56px/54px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
}
.tarja-aviso p{
   text-align: center;
   font: normal normal normal 15px/37px Montserrat;
   letter-spacing: 3.52px;
   color: #FFFFFF;
   text-transform: uppercase;
   margin-bottom: 5px;
}

.tarja-aviso .btn{
   display: flex;
   align-items: center;
   justify-content: center;
   background: #000000 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #00000029;
   border: none;
   height: 56px;
   padding: 0 24px;
   margin: 20px auto 10px auto;
   border-radius: 8px;
   color: #fff !important;
   max-width: 234px;
}

/*FIM - BANNER TARJA AVISO */

/*BIO*/
.bio{
   background: #000;
   margin-top: -20px;
   padding: 130px 0 20px 0;
   position: relative;
   overflow: hidden;
}
.bio::after{
   content: '';
   background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 91%);
   position: absolute;
   bottom: 30px;
   height: 55%;
   width: 100%;
   left: 0;
   z-index: 0;
}

.bio .col-lg-7{
   z-index: 1;
}

.bio h2{
   font: normal normal normal 115px/144px Staatliches;
   letter-spacing: 0px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 0;
}
.bio h2 span{
   color:#FF2243 ;
}
.bio h3{
   font: normal normal normal 37px/44px Staatliches;
   letter-spacing: 0px;
   color: #FFFFFF;
   margin-bottom: 30px;
}
.bio p{
   color: #A3A3A3;
   max-width: 540px;
   margin-bottom: 20px;
}

.bio .group-buttons{
   display: flex;
   align-items: center;
   gap: 40px;
   margin: 70px 0 10px 0;
}

.bio .group-buttons button{
   padding: 0 44px;
   height: 56px;
}
.group-buttons .link{
   font: normal normal 500 16px/45px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
   position: relative;
}
.group-buttons .link::after{
   background: url(../images/borda-link.png);
   content: '';
   width: 100%;
   height: 4px;
   display: block;
   bottom: 6px;
   position: relative;
}
/*FIM - BIO*/

/*OS MIL DO NANDÃO*/
.osmil {
    padding: 20px 0 54px 0;
    background: #131313;
    margin-top: -75px;
    z-index: 1;
    position: relative;
}

.osmil::after, .loja::after{
   content: '';
   background: url(../images/barra-full-bottom-black.png) center;
   background-repeat-x: repeat;
   position: absolute;
   bottom: -17px;
   width: 100%;
   height: 18px;
}
.osmil::before, .loja::before{
   content: '';
   background: url(../images/barra-full-top-black.png) center;
   background-repeat-x: repeat;
   position: absolute;
   top: 0px;
   width: 100%;
   height: 45px;
}
.osmil .row{
   align-items: center;
}

.osmil h2 {
    font: normal normal normal 105px/132px Staatliches;
    color: #FFFFFF;
    background: url(../images/bg.png) no-repeat -12px;
    background-size: contain;
    margin: 0;
    display: block;
    line-height: 100%;
    padding: 60px 0 0 36px;
    height: 274px;
    background-position-y: -18px;
}
.osmil h2 span{
   text-align: left;
   font: normal normal normal 27px/56px Staatliches;
   display: block;
   margin-top: -20px;
   margin-left: 10px;
}
.osmil h2 span.seta{
   background:url(../images/seta-os-mil.png) no-repeat ;
   display: block;
   position: relative;
   width: 173;
   height: 69px;
   right: -22px;
   top: 19px;
   margin-left: 0;
}

.osmil p{
   font: normal normal 500 16px/25px Montserrat;
   color: #fff;
}
.osmil .link{
   font: normal normal bold 16px/27px Montserrat;
   color: #FFFFFF;
   background: url(../images/line-grunge.png) no-repeat bottom center;
   padding-bottom: 7px;
}


form#cadastro-whats{
   margin-top: 28px;
   max-width: 420px;
}
form#cadastro-whats input, input#inlineFormInputGroup{
   border-radius: 0 4px 4px 0;
   border: none;
   margin-right: 19px;
   background: #242424;
   color: #fff;
   height: 59px;
   min-width: 220px;
}
form#cadastro-whats button, .wpcf7-form-control[type="submit"]{
   padding-right: 30px;
   padding-left: 30px;
   color: #fff;
   background-color:#FF2243;
   font: normal normal 500 16px/45px Montserrat;
   border-radius: 6px;
   border: none;
}

form#cadastro-whats .input-group-text {
   background: #242424;
   color: #fff;
   border: none;
   padding: 0 5px 0 20px;
   font-size:18px;
}

form.wpcf7-form input::placeholder{
   color:#fff;
   font: normal normal 600 16px/35px Montserrat;
}


/**/
form.wpcf7-form .input-group > p {
    display: flex;
    max-width: 420px;
    margin: 0;
    padding: 0;
    font-size: 20px !important;
}
form.wpcf7-form .input-group-text {
    background-color: #242424 !important;
    border: none;
    padding: 0 10px 0 20px;
    position: absolute;
    left: 0;
    height: 59px;
    z-index: 1;
    border-radius: 6px !important;
}
form.wpcf7-form .input-group-text > p {
    margin: 0;
    padding: 0;
    font-size: 20px;
}
.wpcf7-form-control-wrap{
   margin-right: 15px;
}

.wpcf7-not-valid-tip{
   position: absolute;
    font-size: 12px;
    left: -39px;
}
.wpcf7 form .wpcf7-response-output{
   ackground: transparent;
    border: none;
    font-size: 12px;
    padding: 0;
    color: #fff;
    opacity: 0.3;
}

/*FIM - OS MIL DO NANDÃO*/


/*ASSISTA EM CASA*/
.assista{
   padding-top: 125px;
}

.assista .carousel-item.active{
   display: flex;
}


#carouselAssista{
   max-width: 1180px;
   margin: 0 auto;
   min-height: 728px;
}


.assista .carousel-caption {
    position: absolute;
    left: 41.8%;
    text-align: left;
    top: 8.5%;
    padding-right: 0;
}

/*#assista .carousel-caption{
   position: relative;
   bottom: initial;
   left: initial;
   right: initial;
   text-align: left;
   margin-top: -10%;
}*/

.assista .bg-firulas img{width: 100%; border-radius: 12px; max-width: 488px; max-height: 628px}
.assista .bg-firulas {
    padding: 40px 0 60px 40px;
    max-width: 488px ;
    max-height: 728px;
    margin-left: 20px;
}
.assista .carousel-item .bg-firulas::before{
   content: '' !important;
   background: url(../images/bg-01.png) no-repeat;
   width: 100%;
   height:100%;
   display: block;
   position: absolute;
   bottom: 0;
   right: -70px;
   z-index: -1;
   background-size: contain;
}
.assista .carousel-item .bg-firulas::after {
   content: '' !important;
   background: url(../images/bg-02.png) no-repeat;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: -52px;
   left: -44px;
   z-index: -1;
   background-size: contain;
}

.assista h2{
   text-align: center;
   font: normal normal normal 115px/144px Staatliches;
   letter-spacing: 0px;
   color: #000000;
   text-transform: uppercase;
   margin-bottom: 0;
}

.assista .carousel-caption h5{
   text-align: left;
   font: normal normal normal 48px/52px Staatliches;
   letter-spacing: 0px;
   color: #000000;
   margin-bottom: 20px;
}

.assista  .carousel-caption .scroller{
   overflow-y: auto;
   max-height: 260px;
   padding-right: 20px;
   box-sizing: border-box;
}
.assista  .carousel-caption .scroller::-webkit-scrollbar {
  width: 10px;
  border-radius: 20px;
}

.assista  .carousel-caption .scroller::-webkit-scrollbar-track {
  background: #f6f6f6;
  border-radius: 20px;
}

.assista  .carousel-caption .scroller::-webkit-scrollbar-thumb {
  background-color: #FF2243;
  border-radius: 20px;
  border: 3px solid #f6f6f6;
}

.assista .carousel-caption p{
   text-align: left;
   letter-spacing: 0px;
   font-size:16px;
   font-weight: 500;
   line-height: 30px;
   color: #101010;
   font-weight: 500;
}

.controls-slider .link{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 35px;
    font: normal normal bold 14px/45px Montserrat;
}
.controls-slider .link i{
   color: #FF2243;
   font-size: 24px;
}


.assista .controls-slider{
   position: absolute;
    height: auto;
    max-width: 100%;
    z-index: 1;
    bottom: 60px;
    left: 48%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.controls-slider a.btn.btn-danger{
   flex-basis:100%;
   margin-bottom: 30px;

}
.assista .controls-btn {
    height: 60px;
    width: 147px;
    position: relative;
}

.assista .carousel-caption .btn{
   height: 56px;
   margin: 30px 0;
}

.assista .controls-btn .carousel-control-next, .assista .controls-btn .carousel-control-prev{
   width: 56px;
   height: 56px;
   border-radius: 56px;
   border: solid 1px #FF2243;
   color: #FF2243;
   margin-right: 15px;
   background-color: #fff;
   opacity: 1;
}
.assista .controls-btn .carousel-control-next:hover, .assista .controls-btn .carousel-control-prev:hover{
   opacity: 0.5;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
   background-image: url(../images/arrow-next.svg);
   width: 15px;
   height: 16px;
}
.carousel-control-prev-icon{
   background-image: url(../images/arrow-prev.svg);
}

span.tag{
   background: url(../images/tag.png) no-repeat;
   width: 104px;
   height: 24px;
   text-align: left;
   font: normal normal bold 12px/45px Montserrat;
   color: #FFFFFF;
   padding: 0 10px;
   box-sizing: border-box;
   display: block;
   margin-bottom: 15px;
   line-height: 24px;
   margin-left: -9px;
}
/*FIM - ASSISTA EM CASA*/

/*BANCA DO MINHOCA(#LOJA)*/
.loja{
   padding: 50px 0 32px 0;
   margin: 96px auto 14px auto;
   position: relative;
   box-sizing: border-box;
   background:#131313;
}

.loja::before{
   background-image:url(../images/barra-full-top-black2.png) center ;
   top: -14px;
}

.loja p{
   text-align: center;
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0px;
   color: #FFFFFF;
   font-weight: 500;
   margin: 30px auto 24px auto;
   max-width: 420px;
}
.loja .col-lg-4 img{
   width: auto;
   margin-top: -20px;
   margin-right: 60px;
}
.loja .col-lg-5 {
    left: -15px;
}
.loja .btn{
   max-width: 224px;
   margin: 0 auto;
}
/*FIM - BANCA DO MINHOCA(#LOJA)*/

/*OUTRAS PARADAS DO NANDO(#OUTRAS-PARADAS)*/
.outras-paradas{
   padding: 68px 0 200px 0;
}
.outras-paradas h2{
   text-align: center;
   font: normal normal normal 48px/60px Staatliches;
   letter-spacing: 0px;
   color: #000000;
   text-transform: uppercase;
   margin-bottom: 12px;
}
.outras-paradas p{
   text-align: center;
   letter-spacing: 0px;
   color: #000000;
   max-width: 578px;
   margin-left: auto;
   margin-right: auto;
   font: normal normal 500 16px/25px Montserrat;
}

/*#outras-paradas .swiper-slide img{
   max-height:75px;
   width: 100%;
   max-width: 240px;
}*/
.outras-paradas .swiper-wrapper{
   padding: 0 0 50px 0;
   margin-top: 54px;
}
.outras-paradas .swiper-slide{
   bottom: 0px !important;
   top: initial !important;
}


.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1px !important;
}
.swiper-pagination-bullet{
   width: 25px;
   height: 3px;
   border-radius: 5px;
   background: #CCCCCC;
   opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
   background: #000;
   height: 5px;
   opacity: 1;
}
/*FIM - OUTRAS PARADAS DO NANDO(#OUTRAS-PARADAS)*/

/*FOOTER*/
footer{
   padding: 60px 0;
   background: #FF2243;
   position: relative;
}
footer::before{
   content: '';
   background: url(../images/barra-full-top.png) center;
   height: 25px;
   position: absolute;
   top: -20px;
   width: 100%;
   z-index: 0;
}
footer p, a.agencia{
   text-align: center;
   letter-spacing: 0px;
   color: #101010;
   font: normal normal 600 13px/16px Montserrat;
   margin-bottom: 0;
}
ul.social{
   list-style: none;
   padding: 0;
   margin: 0 0 50px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
}
ul.social li a{
   width: 52px;
   height: 52px;
   display: block;
   border-radius: 50%;
   background: #000;
   line-height: 52px;
   text-align: center;
}
.bi-facebook::before {
    content: '';
    background: url(../images/icon-facebook.svg);
    width: 9px;
    height: 17px;
}

ul.social li a:hover {
   opacity: 0.5;
}


.footer-contatos{
   background: url(../images/bg-nando-contatos.png) no-repeat;
   width: 479px;
   height: 400px;
   display: block;
   position: absolute;
   top: -215px;
}
a.agencia{
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   margin-top: 26px;
}
a.agencia span{
   background: url(../images/icone-upside.svg) no-repeat;
   width: 26px;
   height: 26px;
   text-indent: -9999em;
   display: inline-block;
   margin-left: 6px;
}

ul.contatos {
    position: absolute;
    left: 100px;
    top: 152px;
    text-align: left;
    padding: 0 0 0 64px;
    list-style: none;
    margin: 0;
}
ul.contatos h3 {
    transform: matrix(1, -0.03, 0.03, 1, 0, 0);
    text-align: left;
    font: normal normal normal 27px/57px Staatliches;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: url(../images/bg-firula.png) no-repeat;
    width: 100%;
    height: 35px;
    margin: 0 0 18px 0px;
    line-height: 144%;
    text-indent: 5px;
}
ul.contatos li a{
   font: normal normal 600 16px/42px Montserrat;
   letter-spacing: 0px;
   color: #FFFFFF;
   margin: 0;
   padding: 0;
   line-height: 35px;
   display: flex;
   align-items: center;
   gap: 10px;
}



#cookies{
   background: transparent;
   width: 381px;
   min-height: 201px;
   position: fixed;
   padding: 25px;
   box-sizing: border-box;
   bottom: 30px;
   left: 30px;
   z-index: 100;
}
#cookies::before{
   z-index: -1 !important;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   content: '';
   position: absolute;
   background: url(../images/bg-cookies.png) no-repeat;
}
#cookies h5{
   font: normal normal normal 18px/20px Staatliches;
}
#cookies p{
   font: normal normal normal 13px/20px Montserrat;
   font-weight: 500;
}
#cookies p a{color: #000}
#cookies a.btn{
   display: inline-block;
   text-align: center;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: none;
    padding: 0 20px;
    margin: 5px auto 0 auto;
    border-radius: 8px;
    color: #fff !important;
    font-size: 13px;
}

#cookies .btn-close{
   color: #000;
   opacity: 1;
   font: normal normal normal 13px/20px Montserrat;
   position: absolute;
   top: 20px;
   right: 15px;
   font-weight: 600;
}
/*FIM - FOOTER*/


/*404*/
.erro-404{
   padding: 180px 0 280px 0;
   text-align: center;
}
.erro-404 img{
   width: 100%;
   max-width: 842px;
}
.erro-404 h2{
   font: normal normal normal 46px/60px Staatliches;
   color: #fff;
   text-transform: uppercase;
}
.erro-404 p{
   text-align: center;
   max-width: 390px;
   line-height: 26px;
   margin:0 auto 30px auto;
   color: #fff;
   font-size: 17px;
}
.erro-404 .btn{
   display: inline-block;
   width: 160px;
}
/*FIM - 404*/

/*PAGES*/
.pages{
   padding-bottom: 205px;
   min-height: 100%;
}
.page-title{
   padding:154px 0 80px 0;
   position: relative;
   margin-bottom: 57px;
}
.page-title h2{
   font-family: Staatliches;
   font-size: 56px;
   text-align: center;
   color: #fff;
}
.barra-black-bottom::before{
   content: '';
    background: url(../images/barra-full-bottom-black.png) center;
    background-repeat-x: repeat;
    position: absolute;
    bottom: -17px;
    width: 100%;
    height: 18px;
}

/*FIM - PAGES*/


@media (min-width: 1200px){
   .bio img {
      position: relative;
      top: -40px!important;
      right: 60px;
   }
}

@media (min-width: 992px){
   .navbar-expand-lg .navbar-nav .nav-link {
      margin-right: 1.3rem;
      margin-left: 1.3rem;
      padding-right: 0.7rem;
      padding-left: 0.7rem
   }

   #carouselAssista .carousel-inner{
      margin-left: -25px;
   }

   .hidden-mobile{
      display: none;
   }

   .hidden-desktop{
      display: block;
   }

   .bt-agenda{
      margin-right: -40px;
   }

}

@media (min-width: 768px){

   .navbar .container{
      max-width: 98%;
   }

   .agenda button[type="submit"]{
      width: 20%;
   }

   .osmil .box-cadastro{
      margin: 48px 0 0 -60px;
   }

   .loja .offset-md-3 {
      margin-left: 16%;
      margin-right: 4%;
   }

   .outras-paradas .swiper-wrapper {
       display: flex;
       align-items: center;
   }

   li.iten-agenda:hover button, .iten-agenda button:hover{
      cursor: pointer;
      background:#FF2243 ;
      color: #fff;
      width: 20%;
   }
   li.iten-agenda:first-child:hover button{
      border-radius: 0 6px 0 0;
   }
   li.iten-agenda:last-child:hover button{
      border-radius: 0 0 6px 0;
   }

   /*li.iten-agenda:hover div{
      width: 39.5%;
   }*/

   .select2-container--default .select2-selection--single{display:flex; align-items: center;}

}


@media (max-width: 1200px){
   li.iten-agenda{
      font-size: 14px;
   }
   li.iten-agenda .local-ag {
       font-size: 13px;
   }
   .iten-agenda button{
      line-height: 100%;
   }
   .bio h2, #assista h2, .outras-paradas h2, .assista .carousel-caption h5{
      line-height: 90%;
   }

   .osmil{
      margin-top: -400px;
   }

    .bio::after{
      bottom: 0;
    }
   .carousel-item.row{
      padding: 0 30px;
      margin-left: 0;
      margin-right: 0;
   }

   .assista .carousel-item.active, .assista .carousel-item{
      flex-direction: column;
   }
   
   .assista .carousel-caption{
      position: relative;
      left: 0;
      text-align: left;
      top: 0;
      padding-right: 0;
   }

   .assista .controls-slider {
      position: relative;
      left: initial;
      bottom: inherit;
      justify-content: center;
      max-width: 100%;
   }

   .loja p{
      max-width: 100%
   }

   .navbar-collapse.collapse.show{
      justify-content: center;
      background: #000;
      padding: 40px 0;
   }

}

@media (max-width: 992px){
   .navbar-toggler:not(:disabled):not(.disabled) {
       cursor: pointer;
       order: -1;
       color: #fff;
       font-size: 30px;
       padding: 0;
       margin-left: 20px;
   }

   .osmil .box-cadastro {
       margin:0 auto ;
       justify-content: center;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .osmil h2{
      margin: 0 auto;
      max-width: 320px;
   }

   footer#contato .col-lg-5:last-child{
      order: -1;
   }
   footer#contato .col-lg-5:first-child{
      position: relative;
      margin-top: 210px;
   }

   .footer-contatos{
      transform: translateX(-50%);
      margin-left: 50%;
   }

   .hidden-mobile{
      display: block;
   }
   .hidden-desktop{
      display: none;
   }
   .controls-slider a.btn.btn-danger{
      width: 85%;
   }

   #carouselAssista .carousel-inner{
      height: 1260px !important;
   }
}

@media (max-width: 768px){
   .agenda form .form-row .form-group {
       width: 100%;
   }

   header{
      min-height: auto;
      height: auto;
   }

   .agenda {
       padding-top: 70px;
   }

   .bt-agenda{
      max-width: 150px;
      position: relative;
      right: -15px;
   }

   .foto-topo-nando{
      max-width: 100%;
   }
   .foto-topo-nando img{
      max-width: 100%;
   }
   .footer-contatos{
      scale: 0.75;
      margin-left: 28%;
      top: -235px;
   }

   .foto-topo-nando {
      max-width: 100%;
      position: relative;
   }

   .indice ul{
      margin-top: 25px;
   }


   li.iten-agenda{
      flex-direction: column;
   }

   li.iten-agenda > div{
      line-height: 110%;
      width: 100% !important;
      text-align: center;
   }

   li.iten-agenda div.local-ag{
      border: none;
      border-top: dashed 1px #ccc;
      border-bottom: dashed 1px #ccc;
   }

   .iten-agenda button{
      width: 100%;
      background: #FF2243;
      color: #fff;
      border-radius: 0 0 6px 6px;
   }

   li.iten-agenda::after, li.iten-agenda::before{
      top: 73%;
      z-index: 1;
   }

   li.iten-agenda {
      border-radius: 6px !important;
      margin-bottom: 10px;
   }

   .osmil p{
      text-align: center;
      max-width: 280px;
   }

   .assista .bg-firulas{
      padding:40px 0 60px 0;
      margin-left: 0;
      margin-right: 0;
   }

   .assista .carousel-item .bg-firulas::before{
      right: -30px;
      bottom: -36px
   }
   .assista .carousel-item .bg-firulas::after{
      top: -16px;
   }

   .assista .controls-slider{
      flex-direction: column;
   }
   .assista .controls-btn .carousel-control-next, .assista .controls-btn .carousel-control-prev, .controls-slider .link{
      margin-left: 0;
   }

   .controls-slider .link{
      line-height: 110%;
   }

   .assista .controls-btn{
      margin-bottom: 20px;
   }

   .loja .btn{
      margin: 20px auto 35px auto;
   }

   .loja .col-lg-4 img{
      width: auto;
      margin-top: 0;
      margin-right:0;
   }
   .loja .col-lg-5 {
       left: 0;
   }

   .iten-agenda span.action-none{
      width: 100%;
   }

   footer#contato .col-lg-5:first-child{
      margin-top: 150px;
   }

   .desc-evento {
       padding: 64px 30px;
       text-align: center;
   }

   .offcanvas button.btn-close {
       right: 10px;
       top: 0;
    }

    .agenda select.form-control, .select2-container--default .select2-selection--single{
      padding: 0.375rem 1.75rem 0.375rem 15px;
    }

    .indice ul{
      gap: 20px;
    }

   form.wpcf7-form .input-group > p{
      max-width: 300px;
   }
   .wpcf7-spinner{
      position: absolute;
      bottom: -38px;
   }

   #cookies{
      bottom: -8px;
      left: -5px;
   }

}

.block__loading {
	position: relative;
}

.block__loading:before {
	background: rgba(255,255,255,.5);
	bottom: 0;
	content: '';
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.block__loading:after {
	animation: loading 1s infinite linear;
	border-radius: 100px;
	color: var(--first-color);
	content: '';
	font-family: var(--font-awesome);
	font-size: 32px;
	font-weight: 900;
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 1000;
}

.select2-dropdown--below {
    top: 0 !important;
}