/*
========================
======================== BANNER
========================
*/
.banner {
    display: block;
}

.banner-tablet,
.banner-mobile {
    display: none;
}

@media (max-width: 64em) {
    .banner {
        display: none;
    }
    .banner-tablet {
        display: block;
    }
}

@media (max-width: 42em) {
    .banner-tablet {
        display: none;
    }
    .banner-mobile {
        display: block;
    }
}

.banner-item {
    width: 100%;
}


/*DOTS*/
.banner .slick-dots {
    text-align: center;
    position: relative;
    margin-top: -50px;
}

.banner-tablet .slick-dots,
.banner-mobile .slick-dots {
    margin-top: 20px;
    text-align: center;
    position: relative;
}

.banner .slick-dots li,
.banner-tablet .slick-dots li,
.banner-mobile .slick-dots li {
    display: inline-block;
}

.banner .slick-dots li button,
.banner-tablet .slick-dots li button,
.banner-mobile .slick-dots li button {
    background: transparent;
    display: block;
    width: 13px;
    height: 13px;
    margin: 2px;
    cursor: pointer;
    border: 2px solid #FFF;
    font-size: 0;
    outline: 0;
    padding: 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.banner .slick-dots li:hover button,
.banner .slick-dots li.slick-active button,
.banner-tablet .slick-dots li:hover button,
.banner-tablet .slick-dots li.slick-active button,
.banner-mobile .slick-dots li:hover button,
.banner-mobile .slick-dots li.slick-active button {
    background: #FFF;
}

/*
========================
======================== FORMULÁRIO
========================
*/
.formulario {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    overflow: hidden;
}

@media(max-width: 1024px) {
    .formulario {
        margin-top: 60px;
    }
}

.formulario .content {
    max-width: 100%;
    width: 98%;
    margin: 0 1%;
}

.formulario-header {
    text-align: center;
    margin-bottom: 40px;
}

.formulario-header h1 {
    font: 32px "Barlow";
    font-weight: 600;
    color: #2c3640;
}

@media(max-width: 1024px) {
    .formulario-header h1 {
        font-size: 28px;
        font-weight: 34px;
    }
}

.formulario .content form{
    padding: 20px;
}

.formulario .content form .box{
    width: 100%;
    display: flex;
}

.formulario .content form input, .formulario .content form select{
    padding: 20px;
    display: flex;
    margin: 5px;
}

.formulario .content form input.low{
    width: 25%;
    float: left;
}

.formulario .content form input.small{
    width: 50%;
    float: left;
}

.formulario .content form input.middle{
    width: 75%;
    float: left;
}

.formulario .content form input.large, .formulario .content form select.large{
    width: 100%;
    float: left;
}

.formulario .content form button{
    font: 20px "Barlow";
    margin: 5px;
}

/*
========================
======================== EDITAL
========================
*/
.edital {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    overflow: hidden;
}

@media(max-width: 1024px) {
    .edital {
        margin-top: 60px;
    }
}

.edital .content {
    max-width: 100%;
    width: 98%;
    margin: 0 1%;
}

.edital-header {
    text-align: center;
    margin-bottom: 40px;
}

.edital-header h1 {
    font: 32px "Barlow";
    font-weight: 600;
    color: #2c3640;
}

@media(max-width: 1024px) {
    .edital-header h1 {
        font-size: 28px;
        font-weight: 34px;
    }
}

.edital .content .download{
    width: 300px;
    margin: auto;
    background-color: #00976e;
    text-align: center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.edital .content .download a{
    font:22px "Barlow";
    color: #FFF;
    text-align: center;
    display: block;
    padding: 20px;
}

.btn-danger, .btn-success {
    padding: 10px 12px;
    margin: 5px;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-success {
    color: #ffffff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}