/* Lista de agências home */
div.promocao{padding: 10px 15px; border-radius: 5px; border: 2px solid rgba(205, 213, 84, .8); color: #fff; margin-bottom: 25px; max-width: 100%; cursor: pointer; transition: .3s all linear}
div.promocao:hover{background-color: rgba(205, 213, 84, 1);}
div.promocao h3{color: #fff; font-weight: 800; font-size: 18px; transition: .2s all linear}
div.promocao:hover h3{color: #fff;}
div.promocao .dados-promocoes{display: none; position: absolute; top: 20px; left: 0; width: 100%; max-width: 100%; background-color: #534f96; color: #fff; border-radius: 15px; padding: 25px 20px; cursor: default}
div.promocao .dados-promocoes .header-promocoes{font-size: 25px}
div.promocao .dados-promocoes .header-promocoes p{margin: 0; padding: 0}
div.promocao .dados-promocoes .header-promocoes .fechar{position: absolute; right: 0; top: 0; color: #fff; text-decoration: none; transition: .2s all linear}
div.promocao .dados-promocoes .header-promocoes .fechar:hover{text-decoration: none; color: #C9D200}
div.promocao .dados-promocoes .detalhes-promocao{padding: 20px 10px 15px; border-bottom: 2px solid #fff}
div.promocao .dados-promocoes .detalhes-promocao:last-child{border-bottom: 0}
div.promocao .dados-promocoes .detalhes-promocao h4{font-size: 20px; font-weight: 700; margin-top: 0; padding-top: 0}
div.promocao .dados-promocoes .detalhes-promocao p{font-size: 20px;}
div.promocao .dados-promocoes .detalhes-promocao p.ver-mapa{text-transform: uppercase; margin-bottom: 0; padding-bottom: 0}
div.promocao .dados-promocoes .detalhes-promocao a{color: #fff; font-weight: 700; text-decoration: none; transition: .2s}
div.promocao .dados-promocoes .detalhes-promocao a:hover{color: #C9D200; text-decoration: none}

div.promocao .dados-promocoes .detalhes-promocao p.ver-mapa a{color: #C9D200;}
div.promocao .dados-promocoes .detalhes-promocao p.ver-mapa a:hover{color: #fff;}

/* Lista de Promoções */
section.promocao{padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #d8d8d8; color: #777}
section.promocao .promocao-featured-image{position: relative; width: 100%; overflow: hidden; margin-bottom: 30px;}
section.promocao .promocao-featured-image::before{content: ''; display: block; padding-top: 56.25%;}
section.promocao .promocao-featured-image img{position: absolute; height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover}
section.promocao h2{position: relative; font-size: 24px; padding-top: 32px; color: #303030; margin-bottom: 10px; font-weight: 700}
section.promocao h2:before{content: ' '; display: block; position: absolute; top: 0; left: 0; width: 93px; height: 12px; border-radius: 6px; background-color: #f6a803}

section.promocao a{color: #467b97; text-decoration: none; transition: .2s}
section.promocao a:hover{color: #467b97;}

section.promocao .btn{
    background-color: #467b97;
    color: #fff;
    margin: 30px auto 0;
    max-width: 300px;
}
section.promocao .btn:hover{
    background-color: #f6a803;
}

div.row > div section.promocao:last-child{border-bottom: 0}

/* Página da Promoção */
article.promocao{padding-bottom: 25px; margin-bottom: 40px; color: #303030}
article.promocao .promocao-featured-image{position: relative; width: 100%; overflow: hidden; margin-bottom: 30px;}
article.promocao .promocao-featured-image::before{content: ''; display: block; padding-top: 45%;}
article.promocao .promocao-featured-image img{position: absolute; height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover}
article.promocao h1{position: relative; font-size: 24px; padding-top: 32px; color: #303030; margin-bottom: 20px; font-weight: 700}
article.promocao h1:before{content: ' '; display: block; position: absolute; top: 0; left: 0; width: 93px; height: 12px; border-radius: 6px; background-color: #f6a803}

article.promocao .entry{padding: 0; color: #303030; font-size: 1em; }
article.promocao .entry h1, article.promocao .entry h2, article.promocao .entry h3, article.promocao .entry h4, article.promocao .entry h5, article.promocao .entry h6 {color: #303030; margin: 35px 0 -10px; font-weight: 600;}
article.promocao .entry p{color: #303030; font-size: 1em; line-height: 25px; margin: 25px 0 0; text-align: justify !important;}
article.promocao .entry img {height: auto; max-width: 100%; margin-top: 30px; border: 1px solid #ccc}
article.promocao .entry img.alignleft {float: left; margin-right: 30px;}
article.promocao .entry img.alignright {float: right; margin-left: 30px;}
article.promocao .entry img.aligncenter {display: block; margin: 30px auto 30px; text-align: center;}
article.promocao .entry iframe {border: 0; padding: 0; margin: 0; max-width: 100%;}
article.promocao .entry iframe.alignleft {float: left; margin-right: 27px; margin-bottom: 20px;}
article.promocao .entry iframe.aligncenter {display: block; float: none; margin: 20px auto;}
article.promocao .entry iframe.alignright {float: right; margin-left: 27px; margin-bottom: 20px;}
article.promocao .entry li {color: #06385a; font-size: 16px; line-height: 18px; font-weight: 600}

article.promocao a{color: #777; text-decoration: none; transition: .2s}
article.promocao a:hover{color: #f6a803;}

article.promocao .entry .alert.alert-info a{color: #467b97;}

@media (min-width: 768px){
    div.promocao{max-width: 392px; padding-top: 15px; padding-bottom: 15px; margin-left: 0;}
    div.promocao h3{font-size: 18px;}

    div.promocao .dados-promocoes{top: 20px; left: 15px; max-width: 475px; transform: translateY(0)}

    section.promocao h2, article.promocao h1{font-size: 28px;}
}
@media (min-width: 992px) {
	div.promocao{padding-top: 15px; padding-bottom: 15px; margin-left: 0;}
	div.promocao h3{font-size: 20px;}

    div.promocao .dados-promocoes{top: 50%; left: 15px; transform: translateY(-50%)}

    section.promocao h2, article.promocao h1{font-size: 32px;}
}
@media (min-width: 1200px) {
	div.promocao{padding-top: 15px; padding-bottom: 15px; margin-left: 0;}
	div.promocao h3{font-size: 22px;}

    div.promocao .dados-promocoes{top: 50%; left: 15px; transform: translateY(-50%)}

    section.promocao h2, article.promocao h1{font-size: 36px;}
}

.container-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #467b97;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 15px;
    min-height: 200px;
    margin-bottom: 30px;
}
.container-title .entry-title {
    position: relative;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0,0,0,.5);
    text-align: center;
}

@media (min-width: 768px){
    .container-title .entry-title {
        font-size: 32px;
    }
}
@media (min-width: 992px){
    .container-title {
        height: 200px;
    }
    .container-title .entry-title {
        font-size: 36px;
    }
}
@media (min-width: 1200px){
    .container-title {
        height: 200px;
    }
    .container-title .entry-title {
        display: block;
        max-width: 1200px;
        font-size: 36px;
    }
}
.bpssb-buttons li a{
    color: #fff !important;
}


#cadastrarForm{
    display: block;
    max-width: 800px;
    margin: 50px auto 0;
}
#cadastrarForm label{
    display: block;
    padding-bottom: 10px;
    font-weight: 700;
}
#cadastrarForm label.concordo{
    font-weight: 400;
    font-size: 12px;
}
#cadastrarForm .form-control{
    margin-top: 5px;
}
#cadastrarForm button{
    display: block;
    margin: 30px auto 0;
    width: 100%;
    max-width: 200px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background-color: #467b97;
    border-radius: .25rem;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #467b97;
    padding: 10px 5px;
}

#cadastrarForm #txtCep.loading{
    background-image: url('../images/ajax-loader.gif');
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}