html, body{
    height: 100%;
    font-family: 'Ropa Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}



/* LOADER */
#loader{
	width: 100%;
    height: 100%;
    background:#000;
    z-index: 39999;
}
.loader {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.loader > div {
  height: 100%;
  width: 8px;
  display: inline-block;
  float: left;
  margin-left: 2px;
  -webkit-animation: delay 0.8s infinite ease-in-out;
  animation: delay 0.8s infinite ease-in-out;
}
.loader .bar1 {
  background-color: #9c9c9c60;
}
.loader .bar2 {
  background-color: #f74f1260;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loader .bar3 {
  background-color: #9c9c9c60;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loader .bar4 {
  background-color: #f74f1260;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader .bar5 {
  background-color: #9c9c9c60;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loader .bar6 {
  background-color: #f74f1260;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}


  /*  /LOADER */



.TopoSite{
    /* height:2000px; */
  
}




.navbar-light .navbar-toggler {
    color: rgb(255, 255, 255);
    background: #ad3c4c;
    border: 0;
}

.modal-body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.8em;
}

.modal-body table {
    border-collapse: collapse;
    border: 1px solid #999;
}

.modal-body tr, td {
    border: 1px solid #999;
    padding: 4px;
}

.modal-body strong{
    font-weight: 700;
}


a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:active{
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
.cv{
    color:#c31e39;
}
h2 {
    font-size: 3rem;
    margin-bottom: 40px;
}

.img-responsive{
     max-width: 100%;
    
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
   
    background-size: 100% 100%;
}

.btn-simple {
    color: #b72d37;
    background: #28282800;
    border: 2px solid #b72d37;
    font-size: 2em;
}
.btn-simple:hover,
.btn-simple:focus,
.btn-simple:active,
.btn-simple.active,
.open .dropdown-toggle.btn-simple {
  color: #FFFFFF;
  background: #28282800;
  border-color: #B23A0B;

}

.btn-simple:active,
.btn-simple.active,
.open .dropdown-toggle.btn-simple {
  background-image: none;
  color: #FFFFFF;
}

.btn-simple.disabled,
.btn-simple[disabled],
fieldset[disabled] .btn-simple,
.btn-simple.disabled:hover,
.btn-simple[disabled]:hover,
fieldset[disabled] .btn-simple:hover,
.btn-simple.disabled:focus,
.btn-simple[disabled]:focus,
fieldset[disabled] .btn-simple:focus,
.btn-simple.disabled:active,
.btn-simple[disabled]:active,
fieldset[disabled] .btn-simple:active,
.btn-simple.disabled.active,
.btn-simple[disabled].active,
fieldset[disabled] .btn-simple.active {
    color: #FFFFFF;
  background-color: #B23A0B;
  border-color: #B23A0B;

}

.btn-simple .badge {
  color: #B23A0B;
  background-color: #FFFFFF;

}

.TopoSite{
    display:block;
}
.header-B{
    display: none;
    background:url(../img/bkg-base.jpg) no-repeat;
    background-position: top center;
    background-size: cover;

}

header{
    background:url(../img/bkg-base2.png) no-repeat;
    background-position: top center;
    background-size: cover;
    display: block;
}

header img{ max-width: 100%;}
header .AnimacaoTopo{
    position: relative;
}

header .LogoBase{
   
    max-width: 1074px;
    margin: 0 auto;
    padding-top: 430px;
}

header .LogoBalao{
    position: absolute;
    top:0;
    left:20px;
    max-width: 1098px;
    margin: 0 auto;
    z-index: 99;
    
}

header .Mot{
    text-align: center;
    padding: 140px 0 40px 0;
}
header .Mot h1{
    letter-spacing:0.01em;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 3em;
    color:#000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
    text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
}
header .Mot h1 span{
    font-size: 150%;
}

header .imgContainer{
    width: 1173px;
    height: 742px;
}

header .Participe{
    padding-bottom: 80px;
    text-align: center;
}
header .Participe h2{
    color:#d9c5ab
}


.TopoSite{
    display: none;
}


@media (min-width: 1260px){
    
    .header-B{
        display: none;
    }
    .TopoSite{
        display: block;
    }
}



.bg-dark {
    background-color: #000000b8!important
}

.navbar-light .navbar-nav .nav-link {
    color:#d62b47;
    text-transform: uppercase;
    font-size: 1.5em;
}

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



.Um, .Dois, .Tres, .Quatro, .Cinco, .Seis{
    padding: 180px 0;
    background: #ccc;
}
.Um{
    background: url(../img/bkg-meio.jpg ) #000 no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding:0  0 180px 0;
}

.Dois{
    background: url(../img/bkg-slider.jpg ) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.Dois h3 {
    color: #fff;
    font-size: 1.3em;
}


.Dois a:link {
	color: #000;
	text-decoration: none;
}
.Dois a:visited {
	text-decoration: none;
	color: #000;
}
.Dois a:hover {
	text-decoration: none;
	color: rgb(255, 75, 20);
}
.Dois a:active {
	text-decoration: none;
	color: #000;
}


.Tres{
    background: -moz-radial-gradient(50% 50%, circle cover, #4F4F4F 0, #000000 47%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle cover, #4F4F4F 0, #000000 47%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle cover, #4F4F4F 0, #000000 47%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle cover, #4F4F4F 0, #000000 47%);/* IE10+ */
    background: radial-gradient(50% 50%, circle cover, #4F4F4F 0, #000000 47%);/* W3C */
    color:#fff;
}

.Dois h2{
    margin-bottom: 30px;
}

#prod img{
    max-width: 100%;
}

.Quatro{
    background:#1b1b1b;
    padding: 60px 0;

}
.Quatro h2{
    color:#fff;
}
.Quatro .contador {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.Quatro .contador h2{
	color:#c31e39;
	margin-bottom:60px;
    font-weight: 300;
    
}

.Cinco{
    background: -moz-radial-gradient(50% 50%, circle cover, #db324f 0, #700000 47%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle cover, #db324f 0, #700000 47%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle cover, #db324f 0, #700000 47%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle cover, #db324f 0, #700000 47%);/* IE10+ */
    background: radial-gradient(50% 50%, circle cover, #db324f 0, #700000 47%);/* W3C */
    padding: 100px 0;
}

 div#accordion {
    width: 100%;
}

.Cinco .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #831010;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.Cinco .card-header {
    background:#560202d6;
    padding: .75rem 1.25rem;
    margin-bottom: 2px;
    border-bottom: 0px solid rgba(0,0,0,.125);
}

.Cinco .card-header:hover{
    background: #490202d6;
}
.Cinco .card-header .btn-link {
    font-weight: 400;
    color: #ffffff;
    background-color: transparent;
    font-size: 1.2em;
    text-decoration: none;
}
.Cinco .card-header .btn-link:hover{
    text-decoration: none;
}

.Cinco .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #fff;
    padding: 1.25rem;
    font-size: 1.1em;
}

.Cinco .btn {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1em;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.footer{
    background: #1b1b1b;
    padding: 40px 0;
  
  }
  .footer figure{
    max-width: 253px;
    margin: 0 auto;
  }


  
.voltarTopo {
    bottom: 30px !important;
    color: #fff;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    text-transform: uppercase;
    border: 0px solid #fff;
    z-index: 9999;
    background: url(../img/icone-topo.png) top center no-repeat;
}




.btn-regulamento {
    color: #a43d03;
    background-color: #FFBD35;
    border-color: #a43d03;
    border-radius: 0;
    padding:20px 40px;
    font-family: 'Bungee', cursive;
    font-size:1.4em;
  
    margin: 40px 15px 80px 15px;
    white-space: normal;
  
  }
  
  .btn-regulamento:hover,
  .btn-regulamento:focus,
  .btn-regulamento:active,
  .btn-regulamento.active,
  .open .dropdown-toggle.btn-regulamento {
    color: #804004;
    background-color: #FF9600;
    border-color: #AF4803;
  }
  
  .btn-regulamento:active,
  .btn-regulamento.active,
  .open .dropdown-toggle.btn-regulamento {
    background-image: none;
  }
  
  .btn-regulamento.disabled,
  .btn-regulamento[disabled],
  fieldset[disabled] .btn-regulamento,
  .btn-regulamento.disabled:hover,
  .btn-regulamento[disabled]:hover,
  fieldset[disabled] .btn-regulamento:hover,
  .btn-regulamento.disabled:focus,
  .btn-regulamento[disabled]:focus,
  fieldset[disabled] .btn-regulamento:focus,
  .btn-regulamento.disabled:active,
  .btn-regulamento[disabled]:active,
  fieldset[disabled] .btn-regulamento:active,
  .btn-regulamento.disabled.active,
  .btn-regulamento[disabled].active,
  fieldset[disabled] .btn-regulamento.active {
    background-color: #FFBD35;
    border-color: #AF4803;
  }
  
  .btn-regulamento .badge {
    color: #FFBD35;
    background-color: #804004;
  }
  


  .btn-group-sm>.btn, .btn-sm {
    padding: 10px;
    font-size: 3em;
    line-height: 1.5;
    border-radius: 3px;
}
  
.btn-social {
    color: #FFFFFF;
  
    border:0;
    font-size: 20px;
  }
  
  .btn-social:hover,
  .btn-social:focus,
  .btn-social:active,
  .btn-social.active,
  .open .dropdown-toggle.btn-social {
    color: #E76D00;
  
  }
  
  .btn-social:active,
  .btn-social.active,
  .open .dropdown-toggle.btn-social {
    background-image: none;
  }
  
  .btn-social.disabled,
  .btn-social[disabled],
  fieldset[disabled] .btn-social,
  .btn-social.disabled:hover,
  .btn-social[disabled]:hover,
  fieldset[disabled] .btn-social:hover,
  .btn-social.disabled:focus,
  .btn-social[disabled]:focus,
  fieldset[disabled] .btn-social:focus,
  .btn-social.disabled:active,
  .btn-social[disabled]:active,
  fieldset[disabled] .btn-social:active,
  .btn-social.disabled.active,
  .btn-social[disabled].active,
  fieldset[disabled] .btn-social.active {
    background-color: #FFBD35;
    border-color: #FFBD35;
  }
  
  .btn-social .badge {
    color: #FFBD35;
    background-color: #FFFFFF;
  }

  .btn-participe {
    color: #1d1b1c;
    border: 0;
    font-size: 1.6em;
    text-transform: uppercase;
    background: #d62b47;
    /* padding-top: 5px; */
    padding: .20rem 1rem;
}
  
  .btn-participe:hover,
  .btn-participe:focus,
  .btn-participe:active,
  .btn-participe.active,
  .open .dropdown-toggle.btn-participe {
    color: #1d1b1c;
    background: #841527;
  
  }
  
  .btn-participe:active,
  .btn-participe.active,
  .open .dropdown-toggle.btn-participe {
    background-image: none;
  }
  
  .btn-participe.disabled,
  .btn-participe[disabled],
  fieldset[disabled] .btn-participe,
  .btn-participe.disabled:hover,
  .btn-participe[disabled]:hover,
  fieldset[disabled] .btn-participe:hover,
  .btn-participe.disabled:focus,
  .btn-participe[disabled]:focus,
  fieldset[disabled] .btn-participe:focus,
  .btn-participe.disabled:active,
  .btn-participe[disabled]:active,
  fieldset[disabled] .btn-participe:active,
  .btn-participe.disabled.active,
  .btn-participe[disabled].active,
  fieldset[disabled] .btn-participe.active {
    background-color: #FFBD35;
    border-color: #FFBD35;
  }
  
  .btn-participe .badge {
    color: #FFBD35;
    background-color: #FFFFFF;
  }


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

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background: #d62b47;
    color: #fff;
    font-size: 1.5em;
}


.modal-body a:link {
	color: #d62b47;
	text-decoration: none;
}
.modal-body a:visited {
	text-decoration: none;
	color: #d62b47;
}
.modal-body a:hover {
	text-decoration: none;
	color: rgb(7, 2, 0);
}
.modal-body a:active {
	text-decoration: none;
	color: #d62b47;
}



@media screen and (max-width: 420px) {
    .header-B {
        display: block;
        overflow: hidden;
    }

    h2 {
        font-size: 1.8rem;
        

    }

    .header-B .container{
      padding:0;
    }

    .Mot{
        text-align: center;
        padding: 120px 0 10px 0;
    }
    .Mot h1{
        font-family: 'Ropa Sans', sans-serif;
        font-size: 2.2em;
        line-height:1.2em;
        color:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
        text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
    }
    .Mot h1 span{
        font-size: 150%;
    }



    .Participe{
        padding-bottom: 80px;
        text-align: center;
    }
    .Participe h2{
        color:#d9c5ab;
        line-height: 1em;
    }

    .btn-simple {

        font-size: 1.6em;
    }

    .Um, .Dois, .Tres, .Quatro, .Cinco, .Seis {
        padding: 60px 0;

    }

    .Tres .img-responsive{
        padding: 0 20px;
    }

    .Dois h3{
        color:#fff;
        font-size: 1.3em;
    }

  
  }
  
  @media screen and (min-width:421px) and (max-width: 580px) {


    .header-B {
        display: block;
        overflow: hidden;
    }

    h2 {
        font-size: 1.8rem;
        

    }

    .header-B .container{
      padding:0;
    }

    .Mot{
        text-align: center;
        padding: 100px 0 10px 0;
    }
    .Mot h1{
        font-family: 'Ropa Sans', sans-serif;
        font-size: 2.2em;
        line-height:1.2em;
        color:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
        text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
    }
    .Mot h1 span{
        font-size: 150%;
    }



    .Participe{
        padding-bottom: 80px;
        text-align: center;
    }
    .Participe h2{
        color:#d9c5ab;
        line-height: 1em;
    }

    .btn-simple {

        font-size: 1.6em;
    }

    .Um, .Dois, .Tres, .Quatro, .Cinco, .Seis {
        padding: 60px 0;

    }

    .Tres .img-responsive{
        padding: 0 20px;
    }

    .Dois h3{
        color:#fff;
        font-size: 1.3em;
    }

  
    
  
  }
  
  @media screen and (min-width:581px) and (max-width: 767px) {
  
    .header-B {
        display: block;
        overflow: hidden;
    }

    h2 {
        font-size: 1.8rem;
        

    }

    .header-B .container{
      padding:0;
    }

    .Mot{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .Mot h1{
        font-family: 'Ropa Sans', sans-serif;
        font-size: 2.2em;
        line-height:1.2em;
        color:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
        text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
    }
    .Mot h1 span{
        font-size: 150%;
    }



    .Participe{
        padding-bottom: 80px;
        text-align: center;
    }
    .Participe h2{
        color:#d9c5ab;
        line-height: 1em;
    }

    .btn-simple {

        font-size: 1.6em;
    }

    .Um, .Dois, .Tres, .Quatro, .Cinco, .Seis {
        padding: 60px 0;

    }

    .Tres .img-responsive{
        padding: 0 20px;
    }

    .Dois h3{
        color:#fff;
        font-size: 1.3em;
    }
  
  }
  
  
  @media screen and (min-width:768px) and (max-width: 1024px) {
  
    .header-B {
        display: block;
        overflow: hidden;
    }

    h2 {
        font-size: 2.4rem;
        

    }

    .header-B .container{
      padding:0;
    }

    .Mot{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .Mot h1{
        font-family: 'Ropa Sans', sans-serif;
        font-size: 2.2em;
        line-height:1.2em;
        color:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
        text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
    }
    .Mot h1 span{
        font-size: 150%;
    }



    .Participe{
        padding-bottom: 80px;
        text-align: center;
    }
    .Participe h2{
        color:#d9c5ab;
        line-height: 1em;
    }

    .btn-simple {

        font-size: 1.6em;
    }

    .Um, .Dois, .Tres, .Quatro, .Cinco, .Seis {
        padding: 60px 0;

    }

    .Tres .img-responsive{
        padding: 0 20px;
    }

    .Dois h3{
        color:#fff;
        font-size: 1.3em;
    }
  
  }
  
  
  @media screen and (min-width:1025px) and (max-width: 1259px) {
  
    .header-B {
        display: block;
        overflow: hidden;
    }

    h2 {
        font-size: 2.8rem;
        

    }

    .header-B .container{
      padding:0;
    }

    .Mot{
        text-align: center;
        padding: 0 0 20px 0;
    }
    .Mot h1{
        font-family: 'Ropa Sans', sans-serif;
        font-size: 2.8em;
        line-height:1.2em;
        color:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF)";/*IE 8*/
        text-shadow: 1px 1px 2px #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/
    }
    .Mot h1 span{
        font-size: 150%;
    }



    .Participe{
        padding-bottom: 80px;
        text-align: center;
    }
    .Participe h2{
        color:#d9c5ab;
        line-height: 1em;
    }

    .btn-simple {

        font-size: 1.6em;
    }

    .Um, .Dois, .Tres, .Quatro, .Cinco, .Seis {
        padding: 60px 0;

    }

    .Tres .img-responsive{
        padding: 0 20px;
    }

    .Dois h3{
        color:#fff;
        font-size: 1.3em;
    }
  
  }