@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Bold.ttf)
}

.btn-danger {
    color: #fff;
    background-color: #750529 !important;
    border-color: #750226 !important;
}

.btn-danger:hover {
    color: #fff;
    background-color: #791635 !important;
    border-color: #791333 !important;
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    background-color: #772d45 !important;
    border-color: #75243e !important;
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 280px;
}

.navbar {
    /*background-color: rgba(186, 4, 11, 0.99);*/
    /*border-color: #750529 !important;*/
    background-color: #750529;
    border-color: #750529 !important;
}


.navbar-nav li a {
    color: #ffffff !important;
    font-family: sans-serif;
    font-size: small;
}

#items-menu {
    background-color: #750529;
    border-color: #750529 !important;
}


    #items-menu li a {
        color: #ffffff !important;
        font-family: sans-serif;
        font-size: small;
    }
        #items-menu li a:hover {
            color: #a09e9e !important;
            background-color: #750529;
        }

h2 {
    color: #750529;
    text-decoration: none;
    font-family: Montserrat;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
}

.navbar-nav li a:hover {
    color: #a09e9e !important
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff !important
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #750529 !important
    }




.searchButtonDisplay {
    padding-top: 5px !important;
}

.btnSearch {
    background-color: #ba040b;
    border: 0 !important;
    width: 40px;
    height: 40px;
    color: #ffffff
}

    .btnSearch:hover {
        color: #a09e9e
    }

.btnLogin {
    color: #ffffff;
    border: 0 !important;
}

    .btnLogin:hover {
        color: #ffffff;
        text-decoration: none;
    }

#txtSearch {
    max-width: 98% !important;
    width: 98%;
    min-height: 40px;
    border: none;
    outline: none
}
    #txtSearch:focus {
        outline-style: none;
        box-shadow: none;
        border-color: transparent;
    }


#loginNsearch {
    max-width: 70% !important;
    width: 70%;
    border-radius: 50px;
    min-height: 40px;
    background-color: #fff;
    display: inline-flex;
    padding-right: 0px;
    overflow: hidden;
    margin-left: 10%;
    /* margin-left: 4rem; */
}

.txtSearch {
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: #272727;
    color: #ffffff;
    padding: 5px;
}

    .txtSearch:focus, .txtSearch:active {
        border-color: rgba(255,255,255,.8) !important;
    }

.btnPesquisar {
    background-color: #272727;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 5px;
}

    .btnPesquisar:hover {
        color: rgba(255,255,255,.8);
        border-color: rgba(255,255,255,.8);
    }

#btnPesquisa {
    color: #fff;
    /* background-color: #701834; */
    display: inline-block;
    border: none;
    /*margin-left: 50px;*/
    padding: 10px 15px 10px 15px;
}

#btnPesquisa i {
    text-align: center;
    color: #701834;
}

#btnPesquisa:hover {
    background-color: #701834;
}
#btnPesquisa:hover i {
    color: #fff;
}

#logo-search {
    border: none;
    margin-top: 20px;
}



/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) {
    .menu {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }



}

/*Mobile*/
@media (max-width: 767px) {
    /*#bs-txt-search ul {
        margin: 0!important;
    }*/
    .xLogin {
        display: none !important;
    }

    .menu {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    #loginNsearch {
        max-width: 100% !important;
    }

}

#rodape {
    background-color: #750529;
    color: #ffffff;
    position: relative;
    bottom: 0 !important;
    width: 100%;
    /* padding: 10px 15% 10px 15%; */
}

#rodape ul {
    list-style: none;
}

#rodape i, #rodape a, .todasCat a {
    color: #ffffff;
}

.todasCat a {
    color: #56051e;
}

#rodape a:hover {
    color: #ffffff;
    text-decoration: none;
}

.logo {
    padding: 3px 0px 0px 10px !important;
    height: inherit;
}

.logo img {
    width: 90px;
    margin-top: 15px;
}

/*************
    MENU DESKTOP

    ***********/


.menu2,
.sub-menu {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.menu2,
.sub-menu {
    list-style: none;
    background: #BD945C;
    z-index: 50;
}

.sub-menu {
    background: #333;
    z-index: 50;
}

.menu2 a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #BD945C;
    font-family: sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    /* font-weight: 700; */
}

.menu2 li {
    position: relative;
    color: #56051e;
    padding: 0 8px 10px 8px !important;
}

.menu2 li:hover {
    color: #BD945C;
}

.menu2 img {
    /* width: 55px; */
    height: 50px;
}

.menu2 > li {
    float: left;
    height: 120px;
    width: 115px;
}

    .menu2 > li:hover {
        background: #750529;
        /*z-index: 50;*/
    }

.menu2 li:hover > .sub-menu {
    display: block;
    /*z-index: 50;*/
}

.sub-menu {
    display: none;
    position: absolute;
    min-width: 200px;
    /*z-index: 50;*/
    margin-top: 15px;
    margin-left: -8px;
    padding: 0 !important;
}

    .sub-menu li {
        background-color: #750529;
        border-bottom: 2px solid #750529;
        padding: 10px 10px 10px 10px !important;
        color: #fff;
        font-family: sans-serif;
        font-size: 14px;
        /*text-transform: uppercase;*/
        font-weight: 700;
    }

        .sub-menu li a {
            padding: 0 !important;
            font-size: 12px;
            text-transform: none;
            /* font-weight: 400; */
            font-family: Montserrat
        }

        .sub-menu li:hover {
            background: #450318;
            /*z-index: 50;*/
        }

    .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        /*z-index: 50;*/
    }

.mnu {
    background-color: #BD945C;
    width: 100%;
}

/************
    MENU MOBILE
    ************/

.menu-mobile {
    display: none;
    margin-top: 5px;
}

    .menu-mobile li {
        list-style: none;
        text-decoration: none;
        display: block;
        color: #56051e;
        font-family: sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }

#listaMenu img {
    width: 33px;
}

#listaMenu ul {
    padding: 0;
    margin: 0
}

#listaMenu li {
    background: #D0B38B;
    padding: 15px;
    border-bottom: solid 1px #D0B38B;
}

.itemMenuCategoria {
    display: flex;
}

.menuCategorias {
    padding: 0 !important;
}

.titleMenu {
    padding: 10px !important;
    margin-bottom: 0px !important;
    background-color: #BD945C;
}

.subcats li {
    background-color: #DDC8AC !important;
    padding: 15px !important;
}

    .subcats li a {
        color: #56051e !important;
    }

/*Menu Mobile*/
@media (max-width: 780px) {
    .menu-desktop {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    .mnu {
        background-color: #BD945C;
    }

    .subcats li a:hover {
        text-decoration: none;
        color: #fff;
    }

    #btnWhats {
        right: 15px !important;
    }
}

.menu-desktop {
    font-size: 11px !important;
    font-weight: 700 !important;
}

.xLogin {
    display: inline-flex;
    float: right;
    margin-top: 15px;
}

    .xLogin a {
        padding: 0 !important;
        color: #fff;
    }

.searchBar {
    background: #750529;
    margin-top: 15px;
    width: 80vw;
}

    .searchBar input {
        padding: 0;
        margin: 0px 0px 0px 10px;
        width: 60vw;
        height: 30px;
        color: #fff;
        font-family: Montserrat;
        font-size: 14px;
        text-transform: uppercase;
        background: #750529;
        border: 0;
    }

        .searchBar input:active, .searchBar input:focus {
            outline: none;
        }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #750529 !important;
}

.callPesquisa:hover {
    text-decoration: none;
}

.searchbarM {
    border-top: solid 1px #750529
}

    .searchbarM input {
        border: 0;
        padding: 0;
        margin: 0px 0px 0px 10px;
        background-color: #750529;
        color: #ffffff;
        width: 100vw;
        height: 40px;
        font-family: Montserrat;
        font-size: 14px;
        text-transform: uppercase;
    }

        .searchbarM input:active, .searchbarM input:focus {
            outline: none !important;
        }


::-webkit-input-placeholder {
    color: #750529;
}

:-moz-placeholder { /* Firefox 18- */
    color: #750529;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #750529;
}

:-ms-input-placeholder {
    color: #750529;
}

.menu-container {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#alertCookie {
    background-color: rgba(0,0,0,0.65) !important;
    color: #F2F2F2;
    margin: 0;
    position: fixed;
    z-index: 10;
    width: 100%;
    border: 0;
    bottom: 0;
}

    #alertCookie a {
        color: #ff0000;
    }

        #alertCookie a:hover {
            color: #ff9999;
        }

#btnWhats {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px;
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    cursor: pointer; /* Add a mouse pointer on hover */
    width: 100px;
    height: 50px;
    -webkit-transition: all 1.5s ease-in-out;
    -khtml-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.animate {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.animateSlow {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}



@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}



@keyframes slideInX {
    0% {
        transform: translateX(2rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0rem);
        opacity: 1;
    }

    0% {
        transform: translateX(2rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideInX {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateX(2rem);
        -webkit-opacity: 0;
    }
}

.slideInX {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
}


.logo-hover:hover {
    -webkit-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}
.helpSpan {
    padding: 4px 15px 15px 15px;
    border-radius: 10px;
    border: 3px solid #fff;
    text-align: center;
    background-color: rgb(52, 188, 72);
    width: 0px;
    height: 35px;
    bottom: 28px;
    right: 115px;
    display: none;
    z-index: 99;
    position: fixed;
    color: #fff !important;
    -webkit-transition: all 1.5s ease-in-out;
    -khtml-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 0.9s ease-in-out;
}


    .helpSpan > p {
        opacity: 0 !important;
    }


/*----Lista de Parceiros-----*/

.searchInputDiv {
    margin-bottom: 10px;
}

#searchListaInput {
    float: left;
    width: 50%;
    margin-left: -10px;
}

tbody tr:hover {
    background-color: rgba(186, 4, 11, 0.2) !important;
}

#dvMenu {
    display: grid;
    position: absolute;
    background:#BD945C;
    padding: 5px;
    list-style: none;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    z-index: 51;
}

#dvMenuItem {
    background: #BD945C;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    color: #750529;
    font-size: 20px;
    padding: 5px;
    cursor: pointer;
    text-align: left;
    border-radius: 5px;
}

    #dvMenuItem:hover {
        background: #B5884A;
    }


    #dvMenuItem img {
        width: 50px;
        margin-right: 5px;
        flex-shrink: 0;
        align-self: center;
    }

#dvMenuItemTxt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

    #dvMenuItemTxt h2 {
        font-size: 14px;
        margin-bottom: 4px;
        color: #750529;
    }

    #dvMenuItemTxt p {
        font-size: 11.5px;
        color: #750529;
    }

.btnFechar {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #750529;
    color: white;
    padding: 5px 5px;
    cursor: pointer;
    border: none;
    z-index: 2;
}

.btnFechar:hover {
    background: #791635;
}

#menuAutomotivo:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/automotivo_hv.png');
}

#menuSaude:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/saude_hv.png');
}

#menuDecoracao:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/decoracao_hv.png');
}

#menuInformatica:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/informatica_hv.png');
}

#menuEntretenimento:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/entretenimento_hv.png');
}

#menuEsporte:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/esporte_hv.png');
}

#menuModa:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/moda_hv.png');
}

#menuSeguros:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/seguros_hv.png');
}

#menuLazer:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/lazer_hv.png');
}

#btn-geral:hover img {
    content: url('https://www.caasp.org.br/hubdevantagens/images/todas_hv.png');
}