/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
.container {
    width: 80%;
}


nav ul a,
nav .brand-logo {
    color: #444;
}

p {
    line-height: 2rem;
}

.button-collapse {
    color: #26a69a;
}

.parallax-container {
    min-height: 380px;
    line-height: 0;
    height: auto;
    color: rgba(255, 255, 255, .9);
}

.parallax-container .section {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }

    #index-banner .section {
        top: 10%;
    }
}

@media only screen and (max-width: 600px) {
    #index-banner .section {
        top: 0;
    }
}

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}

footer.page-footer {
    margin: 0;
}

.img-beneficio {
    height: 50px !important;
    padding: 5px;
    border-radius: 5px;
}

.parallax-container {
    height: 550px;
    color: #333;
}

h4 {
    font-weight: bold;
    font-size: 2.60rem;
}

.h4-materialize {
    font-size: 1.98rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem 0;
    font-weight: normal;
}

.h5-materialize {
    font-size: 1.68rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem 0;
    font-weight: normal;
}

.h6-materialize {
    font-size: 1.48rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem 0;
    font-weight: normal;
}

.hidden {
    display: none;
}

/*
* 
*/


html, body {
    font-family: "Roboto", sans-serif !important;
    color: #333;
}

.btn {
    width: 100%;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.escolha-cestas .box-cesta .box-cesta-content {
    min-height: 120px;
}

.margin {
    margin: 0px 20px;
}

.margin-top {
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 20px;
}

.margin-auto {
    margin: auto auto;
}

.no-margin {
    margin: 0px;
}

.popover {
    width: 290px;
    max-width: 290px;
}

.btn {
    text-decoration: none !important;
    color: white !important;
}

.border-primary {
    border: 1px solid #1976d2;
}

.border-danger {
    border: 1px solid #E53935;
}

.border-success {
    border: 1px solid #43A047;
}

.border-success > .card-header {
    background-color: #43A047;
    color: #fff;
}

.border-primary > .card-header {
    background-color: #1976d2;
    color: #fff;
}

.border-danger > .card-header {
    background-color: #E53935;
    color: #fff;
}

.card-header {
    padding: 15px 15px;
}

.page-footer a {
    color: #424242;
    text-decoration: none;
}

.page-footer a:hover, .page-header a:hover p {
    color: #e53935 !important;
}

.flex {
    display: flex;
}

.full-width {
    width: 100%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
    text-align-last: center;
}

.no-decoration, .no-decoration:hover {
    text-decoration: none;
}

.no-visibility {
    opacity: 0;
}


.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #849397;
}

.progress > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 0.8em;
}

.progress > li:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #DFE3E4;
    width: 3em;
    height: 3em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 3em;
    border-radius: 100%;
    position: relative;
    z-index: 2;
}

.progress > li:after {
    content: '';
    position: absolute;
    display: block;
    background: #DFE3E4;
    width: 100%;
    height: 0.5em;
    top: 1.25em;
    left: 50%;
    margin-left: 1.5em \9;
    z-index: 1;
}

.progress > li:last-child:after {
    display: none;
}

.progress > li.is-complete {
    color: #43a047;
}

.progress > li.is-complete:before, .progress > li.is-complete:after {
    color: #FFF;
    background: #43a047;
}

.progress > li.is-active {
    color: #e53935;
}

.progress > li.is-active:before {
    color: #FFF;
    background: #e53935;
}

/**
 * Needed for IE8
 */
.progress__last:after {
    display: none !important;
}

/**
 * Size Extensions
 */
.progress--medium {
    font-size: 1.5em;
}

.progress--large {
    font-size: 2em;
}

/**
 * Some Generic Stylings
 */
*, *:after, *:before {
    box-sizing: border-box;
}

.progress {
    margin-bottom: 3em;
}

label {
    font-size: 1.3rem !important;
    color: #676767 !important;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: #666;
    font-size: 15px !important;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    color: #666;
    font-size: 15px !important;
}

.help-block {
    color: #E53935;
}

#mobile-demo .caret {
    top: -10px;
}

.width-auto {
    width: auto;

}

.informacoes-uteis-beneficios {
    background-size: 44px 44px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    display: flex;
    overflow: hidden;
}

.informacoes-uteis-beneficios > p {
    margin: auto 0px auto 45px !important;
}

.width-metade {
    width: 49%;
}

.custom-breadcrumb {
    background-color: transparent;
    box-shadow: none;
}

.custom-breadcrumb .breadcrumb {
    font-size: 18px;
    color: #E53935;
    list-style: none;
}

.custom-breadcrumb .breadcrumb:first-child:before {
    display: none;
}

.custom-breadcrumb .breadcrumb:last-child {
    color: rgba(169, 169, 169, 0.9);
}

.custom-breadcrumb .breadcrumb:before {
    content: "/\00a0";
    color: rgba(169, 169, 169, 0.9);
    vertical-align: top;
    display: inline-block;
    font-family: 'Roboto' !important;;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased;
    list-style: none;
}

.custom-breadcrumb a:hover, .custom-breadcrumb a:focus {
    text-decoration: none;
}

input.select-dropdown {
    font-size: 13px !important;
}

@media (max-width: 500px) {
    .container-checkout {
        width: 100% !important;
        padding: 0px;
    }

    .margin-checkout {
        margin-top: 0px !important;
    }

    .app-checkout {
        padding: 0px !important;
    }

    .row-checkout {
        margin-bottom: 0px !important;
    }

    #preco-beneficios {
        border-left: 0px !important;
    }

    .hr-mobile{
        border-top: 1px solid #cccccc;
    }

    .mt-s-20{
        margin-top: 20px;
    }

    .pt-s-20{
        padding-top: 50px !important;
    }
}

.container-checkout {
    min-height: 460px;
    width: 90%;
}

.margin-checkout {
    margin-top: 20px;
}

#preco-beneficios {
    border-left: #2e6da4 solid 1px;
}

#menu-iamspe a {
    text-decoration: none;
}

#menu-iamspe a:hover p {
    color: #fff !important;
    background-color: #2b542c;
}

#menu-iamspe p {
    border-radius: 3px;
    background-color: #6da938;
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
}

.confira {
    margin-top: 115px !important;
    position: absolute !important;
    margin-left: 49% !important;
    background-color: #e53935 !important;
    padding: 2px 5px !important;
    border: 1px solid #e53935 !important;
    /* margin-right: 0px; */
    border-radius: 20px !important;
    width: 75px !important;

}

.div-btn-confira {
    margin-top: -30px !important;
    position: absolute !important;
    margin-left: 34% !important;
    background-color: #e53935 !important;
    padding: 2px 10px !important;
    border: 1px solid #e53935 !important;
    border-radius: 20px !important;
    width: 75px !important;
}

/*Titulos*/
.titulo-convenio {
    color: #B71C1C !important;
}

.titulo-beneficios {
    color: #B71C1C !important;
}

.titulo-rede-credenciada {
    color: #B71C1C !important;
}

/*Titulos que aparecem nos cards*/
.titulo-card-convenio {
    color: #B71C1C !important;
}

.titulo-card-rede-credenciada {
    color: #B71C1C !important;
}

.titulo-card-beneficios {
    color: #B71C1C !important;
}

/*Botões do rotativo*/
.btn-rotativo-beneficios {
    background-color: #E53935 !important;
}

.btn-rotativo-rede-credenciada {
    background-color: #E53935 !important;
}

.btn-rotativo-convenio {
    background-color: #E53935 !important;
}

.contato{
    color : #E53935 !important;
}

.icone-email{
    color: #E53935 !important;
}

.icone-deixe-um-recado{
    color: #E53935 !important;
}

.btn-enviar-email{
    background-color: #1E88E5 !important;
}

.titulos-footer{
    color: #B71C1C !important;
}

.fundo-app{
    background-color: #3498db;
}