body{
    background-color: #E0E8E7;
    padding-top: 50px;
    font-family: 'Roboto';
}
body.extended{
    padding-top: 250px;
}

.noMargin{
    margin: 0px;
}
.noPadding{
    padding: 0;
}
input[type=text]{outline:none}
nav.navbar{
    background-color: #F18700 !important;
    z-index: 3;
    position: fixed;
    width: 100%;
    min-height: 73px;
    top: 0;
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover{
    color: #fff !important;
    text-align: center;
    font-size: 1.75em;
    display: none;
    font-weight: bold;
}
nav .nav-item a{
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    height: 46px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 600px;
}

nav .nav-item{
    border: 2px solid transparent;
    margin: 0 10px;
    padding: 0 10px;
    transition: 0.5s ease all;
    font-weight: bold;
}
nav .nav-item:hover,
nav .nav-item.active{
    border: 2px solid #ffffff;
    border-radius: 5px;
    transition: .5s ease all;
    font-weight: bold;
}

a{outline:none;} 
b{
    /*! font-family: roboto; */
    /*! font-weight: 900; */
}

.navbar-toggler{
    border-color: #ffffff !important;
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/*Banner*/
.banner{
    width: 100%;
    /*position: fixed;*/    
    text-align: center;
    margin-bottom: 5%;
    background-color: #85CEE4; 
    border-bottom: 3px solid #0E3D63;
    /*top: 70px;*/ 
    position: relative;
    z-index: 2;
    /*margin-top: -310px;*/
}

.banner .container{
    background: url('../img/banner.png') no-repeat;  
    /*background-size: auto 100%;*/
    background-size: contain;
    background-position: center;
}

.banner img{
    margin-bottom: -8%;
    margin-top: 3%;
    max-width: 80%;
    width: 385px;
    margin-right: -85px;
}

/*Banner fixed*/
.banner_mini{
    width: 100%;
    position: fixed;
    background: url('../img/tarja_mini.png') no-repeat;  
    background-size: cover;
    top: 70px;
    z-index: 2;
}
.banner_mini img{
    margin-left: -1000px;
    left: 50%;
    position: relative;
    display: block;
    width: 1980px;
}

/*Banner Teste*/
.bannerTeste{
    width: 100%;
    position: fixed;    
    text-align: center;
    top: 70px;
    z-index: 2;
}

.bannerTeste img{
    width: 100%;
}

/*HOME*/
.colaAqui{
    color: #2A7DE1;
    font-size: 24px;
    line-height: 32px;
    margin: 0px;
}
.colaAqui h1{
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 45px;
    margin: 100px auto;
    color: #f18700;
    line-height: 60px;
}
.colaAqui h1 a{
    font-size: 35px;
    color: #f18700;
    text-decoration: underline;
}
.colaAqui span{
    font-family: 'Roboto';
    font-weight: 800;
    font-size: 29px;
}

.video{
    width: 100%;
    position: relative;
    background-color: #0d3d62;
    color: #ffffff;
    margin: 0;
    padding: 50px 0;
    font-size: 26px;
    font-weight: bold;
}

.video p{
    margin-bottom:6px;
    line-height: 23px;
    font-size: 19px;
}




/*PARTICIPAR*/
.participar_1{
    position: relative;
    width: 100%;
    background-color: #2A7DE1;
    margin-top: 60px;
    color: #ffffff;
    font-size: 22px;
    z-index: 1;
}

.participar_1 p{
    margin-top: 50px;
}

.participar_1 img.title{
    height: 75px;
    display: inline-block;
    margin-top: -45px;
    
}
.participar_1 span{
    font-size: 29px;
    font-family: roboto;
    font-weight: 900;
}
.participar_1 img.box{
    margin: 0px;
    width: 270px;
    max-width: 80%;
    margin-bottom: -160px;
    
    display: inline-block;
}

.participar_2{
    position: relative;
    width: 100%;
    background-color: #0d3d62;
    padding-top: 180px;
    font-size: 23px;
    color: #ffffff;
    padding-bottom: 45px;
    line-height: 30px;
}


/*PREMIOS*/
.premios{
    position: relative;
    width: 100%;
    background-color: #0E3D63;
    margin-top: 60px;
    color: #ffffff;
    font-size: 21px;
    z-index: 1;
}

.premios p{
    margin: 35px;
}

.premios img.title{
    height: 75px;
    display: inline-block;
    margin-top: -45px;
}
.premios img.box{
    margin-bottom: 50px;
}

/*CONCURSO*/
.concurso_1{
    position: relative;
    width: 100%;
    background-color: #2A7DE1;
    margin-top: 60px;
    color: #ffffff;
    font-size: 21px;
    z-index: 1;
}

.concurso_1 p{
    margin-top: 30px;
}

.concurso_1 img.title{
    height: 75px;
    display: inline-block;
    margin-top: -45px;
    
}

.concurso_1 .box{
    margin: 50px 0;
}


.concurso_2{
    position: relative;
    width: 100%;
    background-color: #F18700;
    font-size: 30px;
    color: #0E3D63;
    padding: 30px;
}
.concurso_2 a{
    color: #0E3D63;
}
.concurso_2 a:hover{
    text-decoration: none;
}
/*JURI*/
.juri{
    position: relative;
    width: 100%;
    background-color: #85CEE4;
    margin-top: 60px;
    color: #0E3D63;
    font-size: 23px;
}

.juri p{
    margin: 42px;
}

.juri img.title{
    height: 75px;
    display: inline-block;
    margin-top: -45px;
}
.juri .box{
    margin-bottom: 50px;
    width: 33%;
    text-align: center;
    position: relative;
    float: left;
    font-size: 20px;
    line-height: 25px;
}
.juri .box img{
    width: 90%;
    margin-bottom: 15px;
}
#juri6{
    margin-left: 16%;
}

/*REGRAS*/
.regras{
    color: #0E3D63;
    
}
.regras img.title{
    height: 75px;
    display: inline-block;   
}
.regras h2{
    font-weight: 700;
    font-size: 24px;
    margin-top: 35px;  
}

.regras h3{
    text-align: left;
    font-weight: 700;
    font-size: 19px;
    margin-top: 20px;
}
.regras p{
    text-align: left;
}
.regras span{
    padding-left: 30px;
}
/*EDITAL*/
.edital{
    color: #0E3D63;
    
}
.edital h2{
    font-weight: 700;
    font-size: 24px;
    margin-top: 35px;  
}

/*DUVIDAS*/
.duvidas img.title{
    height: 75px;
    display: inline-block;
    
}
.duvidasTeste img.title{
    height: 75px;
    display: inline-block;
    margin-top: -100px;    
}



/* Código do Acordion*/
button:focus{
    outline: none;
}
#container_accordion{
    width: 50%;
    margin: 0 auto;
    min-height: 1000px;
    height: auto;
    margin-top: 50px;
    font-family: 'Roboto';
}
.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 1.4s;
    border-radius: 20px;
    margin-top: 20px;
    border-radius: 20px 20px 0px 0px;
    background-color: #F18700;
    color: white;
    font-weight: bold;
    box-shadow: 0px 3px 6px #808285;
}

.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active_accordion:after {
  content: "\2212";
  color: white; 
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-radius: 0px 0px 20px 20px;
}

.panel p{
    padding-top: 10px;
}

/*Código do Form*/
.container-form {
    width: 50%;
    margin: 0 auto;
}

.form-contact {
    width: 100%;
}

.form-contact-input {
    width: 100%;
    font-size: 18px;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 7px;
    height: 53px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    text-indent: 20px;
}
#nome{
    margin-right: 10px;
}
.form-contact-textarea {
    width: 100%;
    font-size: 18px;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 7px;
    height: 200px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    text-indent: 20px;
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
}

.form-contact-button {
    width: 30%;
    font-size: 18px;
    border-radius: 7px;
    color: #fff;
    height: 53px;
    margin: 0px auto 20px;
    background: #F18700;
    display: block;
    border: none;
    transition: 1s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
}

.title_form{
    width: 100%;
    text-align: center;
    margin: 35px auto;
}
.title_form h1,
.title_form h2{
    font-size: 21px;
    font-weight: bold;
    color: #F18700;
}
.title_form h2{
    font-size: 19px;
}

/*Modal envia mensagem*/
.modal-content{
    background-color: #F18700;
    border: 0px solid rgba(0,0,0,.2);
}
.modal.show .modal-dialog{
    margin-top: 330px;
}
.modal-title {
   margin-left: 60px;
   font-weight: bold;
}
.modal-header{
    border-bottom: 0px solid #e9ecef;
    background-color: #F18700;
    border-radius: 15px;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Roboto';
    border: none;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {

    color: #fff;
    text-decoration: none;
    opacity: .75;

}
.modal-open .modal {
    background-color: rgba(0,0,0,0.8);
}
/*FOOTER*/
.footer{
    /*! margin-left: 5%; */
    font-size: 10px;
    padding: 10px 0;
}
footer h6{
    padding: 10px 0px;
}
footer img{
    max-width:80%;
}

.scrolltop{
    position: fixed;
    margin-top: -300px;
}