/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 27/03/2018, 17:00:32
    Author     : Victor
*/

@media (max-width: 991px)
{
    #offcanvas-toggler {
        display: inherit;
    }
    #sp-menu {
        float: right;
        width: 12%;
    }
    #sp-search {
        float: left;
        width: 21%;
        padding: 0 7px;
    }
    #offcanvas-toggler >i {
        color: #365674;
    }
    #sp-convenios.menu-geral {
        display: none;
    }
    .nav-placeholder {
        height: 88px !important;
    }
    .destaques_home li {
        width: 100%;
        padding: 40px 2%;
        float: left;
        height: auto;
    }
    .botao_laranja {
        width: 100% !important;
    }
    .depoimento_content {
        padding: 2px 5% 2px;
    }

    #filtro_pais_chzn, #filtro_estado_chzn, #filtro_ordem_chzn{
        margin-left: 0px;
        width: 100% !important;
        margin-bottom: 30px;
    }

    .box-conveniado{
        float: none;
        margin: 0px auto !important;
        margin-bottom: 30px !important;
    }

    .contato td {
        font-size: 16px;
        width: 100%;
        padding: 0px 0 38px;
        float: left;
    }

    .contato .endereco p:last-of-type {
        margin-left: 29px;
    }

    div#sp-bottom2 {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 40px;
    }
    .fb_iframe_widget iframe {
        width: 100% !important;
    }
    #sp-depoimentos {
        padding: 50px 0 35px;
    }
    ul.slideshow {
        width: 90% !important;
    }
    .acymailing_fulldiv select {
        background-color: #FFF !important;
        height: 50px !important;
        padding-top: 12px !important;
        padding-left: 40px;
        color: #444;
        font-weight: 400;
        width: 100%;
    }
    .acymailing_fulldiv .newsletter_cidade select{
        background: url(../images/mobile/cidade.png) no-repeat 15px center;
    }
    .acymailing_fulldiv .newsletter_lista select{
        background: url(../images/mobile/lista.png) no-repeat 11px center;
    }
    .acymailing_fulldiv .chzn-container-active.chzn-with-drop select div b {
        background-position: -15px 15px;
    }
    div#sp-bottom4 {
        float: left;
        width: 100%;
        position: relative;
        margin-top: 10px;
    }
    div#sp-bottom1 {
        position: relative;
        float: left;
        width: 100%;
    }
    .tit_banner a:after {
        content: "\f101";
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 1px;
        position: absolute;
        right: 11px;
        top: 12%;
        font-weight: 500 !important;
        font-size: 17px;
    }
    .tp-caption.banner_btn_home a, .banner_btn_home a {
        color: rgb(23,60,84) !important;
        padding: 11px 15px !important;
        display: block;
        text-align: center;
        width: 100%;
    }
    .tp-caption.banner_btn_home .text_banner {
        top: 100%;
    }
    .tp-caption.banner_btn_home .text_banner a {
        line-height: 11px !important;
        font-size: 6px !important;
        letter-spacing: 0 !important;
    }
    .tit_banner a {
        font-size: 6px !important;
        letter-spacing: 0px !important;
        padding: 4px 1px !important;
        line-height: 7px !important;
    }
    .timeLines .hAbas div {
        width: 7em!important;
        font-size: 11px;
    }
    .menu-convenios {
        padding: 0 3%;
    }
    .menu-convenios ul li .item-menu {
        width: 100% !important;
    }
    .menu-convenios ul li ul {
        margin-left: 20px !important;
    }
    .menu-convenios ul li li {
        line-height: 28px;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        color: #FFF !important;
        display: block !important;
        width: 100%;
        padding: 13px 0 !important;
        margin: 0 !important;
        font-size: 25px !important;
    }
    .offcanvas-menu .sp-megamenu-parent >li:last-child >a, .nav.menu >li:last-child >a{
        background: none;
    }
    .offcanvas-menu .current.active a{
        background: #e7a62e !important;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
        width: 100%;
    }
    #sp-quem-somos{
        background-image: none !important;
    }
    .quem_somos_o_que_faremos > * {
        width: 100%;
    }
    .quem_somos_missao .valores .valores_inner {
        float: left;
        width: 100%;
    }
    .quem_somos .breadcrumb {
        left: 7px;
    }
    .text_quem_somos {
        padding-top: 0px;
        font-size: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .quem_somos section#sp-slide .sp-module-content {
        width: 100%;
    }
    .quem_somos .titulo_quem_somos {
        margin-left: 7px;
    }
    .seja_um_conveniado_pagina .seja_conveniado_primeiro_texto .newsflashseja_conveniado_primeiro_texto > p {
        padding: 0 15px;
    }
    .estrela h1, .estrela h2, .estrela h3, .estrela h4, .estrela h5, .estrela h6 {
        margin-left: 15px;
    }
    .seja_um_conveniado_pagina .imagem-conteudo-por-que-ser-um-conveniado{
        display: none;
    }
    .seja_um_conveniado_pagina .conteudo-por-que-ser-um-conveniado{
        width: 100%;
    }
    .seja_um_conveniado_pagina .faca_parte_dos_conveniados{
        width: 100%;
    }
    .tenha_seu_clube_plano {
        float: left !important;
        width: 100% !important;
        margin-bottom: 25px !important;
    }
    .tenha_seu_clube_duvidas > div {
        width: 100%;
        padding: 0 !important;
        margin: 6px 0;
    }
    #tenha_seu_clube_orcamento_form {
        overflow: scroll;
    }
    div#tenha_seu_clube_cidade_estado section:first-child,
    div#tenha_seu_clube_cidade_estado span:first-child,
    div#tenha_seu_clube_cidade_estado section:last-child,
    div#tenha_seu_clube_cidade_estado span:last-child {
        width: 100% !important;
        float: left !important;
    }
    #tenha_seu_clube_orcamento_form .bfFormDiv .orcamento_fechar i {
        float: right !important;
        margin-top: 15px !important;
        font-size: 20px !important;
        margin-right: 10px !important;
        cursor: pointer !important;
        width: 100% !important;
        text-align: right !important;
        margin-bottom: 22px !important;
    }
    .tenha_seu_clube #sp-destaque{
        background-image: none;
        background: #b55a1e;
        background: -webkit-radial-gradient(circle, #d6942a, #b55a1e);
        background: -o-radial-gradient(circle, #d6942a, #b55a1e);
        background: -moz-radial-gradient(circle, #d6942a, #b55a1e);
        background: radial-gradient(circle, #d6942a, #b55a1e);
    }
    .tenha_seu_clube #sp-destaque .newsflash {
        color: #fff;
        width: 100%;
        padding: 30px 0;
    }
    .topo_perguntas_frequentes {
        width: 100% !important;
    }
    #sp-abas-menu .aba-menu {
        text-transform: uppercase;
        float: left;
        margin-right: 4px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 65px;
        line-height: 65px;
        padding: 0 10px;
        background-color: #dddddd;
        cursor: pointer;
        position: relative;
        display: inline-block;
        font-weight: 600;
        color: #777777;
        font-size: 13px;
    }
    #sp-convenios .conteudo-painel {
        width: 100%;
    }
    .filtro-rapido select {
        width: 100%;
        margin: 10px 0;
    }
    .steps {
        margin-left: 0;
    }
    .step {
        width: 70px;
        height: 70px;
        font-size: 29px;
    }
    .line {
        width: 60px;
        margin: 35px -1px 0 -1px;
    }
    .step_text {
        float: left;
        width: 90px !important;
        text-align: center;
        margin-right: 34px;
        font-size: 18px;
        font-weight: 500;
        color: #355575;
    }
    .steps_number {
        margin-left: 9px;
    }
    .site-edit.front-end-edit #slideshow-1 {
        margin-top: 40px;
    }
    .step_title {
        float: left;
        margin-top: 60px;
        margin-bottom: 30px;
        color: #355575;
    }
    .passador_etapa:focus, .passador_etapa {
        background: #e7a62e;
        color: #FFF;
        font-weight: 600 !important;
        margin: 0 2px;
        padding: 7px 7px !important;
    }
    .site_logo .control-label, .site_imagem_topo .control-label {
        width: 100% !important;
    }
    #seja_um_conveniado_form #ff_elem27{
        width: 100% !important;
        margin-bottom: 11px;
    }
    #seja_um_conveniado_form #ff_elem26{
        width: 100% !important;
    }
    input#ff_elem116,
    input#ff_elem111,
    .pag4_descontos_classe,
    .pag4_descontos_categoria,
    .pag4_descontos_desconto_atividade,
    .pag4_descontos_subcategoria,
    .pag4_descontos_desconto{
        width: 100% !important;
        margin: 5px 0 !important;
    }
    #seja_um_conveniado_sobre_empresa section.upload-form > label {
        width: 100%;
    }
    section#bfElemWrap124 p{
        float: left;
        line-height: 19px;
        margin-top: 50px;
    }



    /*template personalizado*/
    .template_site{
        padding: 0 !important;
    }
    .clube_rodape .clube_lista_contato_rodape li {
        width: 100% !important;
        float: left;
        margin-bottom: 13px;
    }
    .clube_rodape .clube_lista_contato_rodape li p {
        font-size: 17px;
    }
    .conveniados_clube > div div:first-child {
        width: 100%;
        float: left;
    }
    .conveniados_clube > div div:last-child {
        width: 100%;
        float: left;
        text-align: center;
    }
    .conveniados_clube > div {
        float: left;
        margin: 20px 0 50px;
    }
    .contato_form .botao_laranja {
        width: 85px !important;
        font-size: 16px;
    }

    .box-campanha .banner-campanha {
        margin: auto;
        display: block !important;
        width: 100%;
        height: auto;
    }

    .menu_clube{
        display: none;
    }
    .menu_clube_mobile{
        display: block;
    }
    .menu_clube_mobile li{
        display: flex !important;
    }
    .menu_clube_mobile i::before {
        color: #FFF !important;
        font-size: 24px !important;
    }
    .template_site .close-menu-anchor{
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        line-height: .5;
        text-align: center;
        font-size: 16px;
        border: 1px solid #fff;
        color: #fff;
        padding-top: 3px;
    }
    .template_site .close-menu-anchor{
        font-size: 20px;
        height: 35px;
        line-height: 1;
        right: 30px;
        top: 25px;
        width: 35px;
        padding-top: 6px;
    }

    .template_site menu {
        position: fixed;
        top: -14px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding-top: 10px;
        background: rgba(2, 2, 2, 0.87);
        padding-left: 0;
    }
    .template_site menu > ul{
        padding-left: 0;
        margin-top: 80px;
    }
    .template_site menu ul > li >a,
    .template_site menu ul >li >a {
        display: inline-block;
        /* line-height: 105px; */
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0px !important;
        color: #4a4d6a !important;
        font-weight: 600 !important;
    }
    .template_site menu ul > li a {
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        padding: 10px 20px;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;
        line-height: 28px;
    }
    .template_site menu ul li a {
        color: #FFF !important;
        display: block !important;
        width: 100%;
        padding: 13px 14px !important;
        margin: 0 !important;
        font-size: 16px !important;
        text-align: center;
    }
    .template_site menu i:before{
        color: #FFF !important;
    }
    .template_site menu > ul > li > a{
        border-bottom: none;
        font-size: 22px !important;
    }
    .template_site menu > ul > li {
        position: relative;
        float: left;
        width: 100%;
        padding: 5px 0;
    }
    .template_site menu li a {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin: 0 10px;
        padding: 10px;
        color: #FFF;
        text-decoration: none;
    }

    .template_site menu li a:hover {
        background: none;
        color: #FFF;
    }
    .menu_editar_ocultar {
        float: left;
        width: 100%;
        background: none;
        box-shadow: none;
    }


    /*
        Aqui você esconde o menu para fora da tela
        O valor é exatamente a largura da sidebar
    */
    .template_site menu {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        transition: all .25s linear;
    }

    /*
        Essa é a posição original do HEADER e do MAIN
    */
    .template_site .main {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .25s linear;
        -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
        transition: all .25s linear;
    }

    /*
       Com a classe menu-active na tag HTML
    */
    .menu_site menu{
        display: block !important;
    }
    .menu-active .template_site menu {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        overflow-y: scroll;
    }

    .menu-active .template_site .main {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    #conteudo-solicitar-ativar select,
    #conteudo-solicitar-ativar input{
        width: 100% !important;
    }
    #conteudo-solicitar-ativar input[type="checkbox"]{
        width: auto !important;
    }
    #conteudo-solicitar-ativar section select,
    #conteudo-solicitar-ativar section input{
        margin-bottom: 10px !important;
    }
    #conteudo-solicitar-ativar .clone-dependentes {
        margin-top: 0px !important;
    }
    #conteudo-solicitar-ativar .centro_25 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .page_menu_topo_editar .menu_topo_editar ul li {
        width: 100%;
        float: left;
        display: inline;
        text-align: center;
        border-right: solid 1px #CCC;
        border-bottom: solid 1px #CCC;
    }
    .slides_clube .imagem-banner {
        height: 160px !important;
    }
    .slides_clube .slideshow {
        height: 160px !important;
    }
    .slides_clube .slide_clube_arrow_down {
        bottom: 0% !important;
    }
    .slide_site {
        margin-top: 30px;
    }
    .noticias_text {
        width: 100%;
        float: left;
    }
    .conteudo-busca {
        width: 100%;
        padding: 0 30px;
    }

    .conteudo-busca i {
        right: 50px;
    }

    .conteudo-busca i.fa-search{
        display: block !important;
    }

    .conteudo-busca i.fa-times{
        display: none;
    }

    .clube-solicitar_ativar_cartao {
        position: relative;
        right: auto;
        top: auto;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .box-campanha .titulo-campanha {
        margin-bottom: 20px;
    }

    .box-campanha .data-campanha {
        right: 0;
        left: 0;
    }

    .painel-topo .nome-usuario{
        display: none;
    }

    .painel-topo ul li:last-of-type{
        padding-left: 0px;
    }

    .painel-topo ul {
        list-style: none;
        margin: 0 auto;
        padding: 0px;
        display: block;
        max-width: 215px;
    }

    .painel-topo {
        width: 100%;
        display: block;
        max-width: 1170px;
        margin: 0 auto;
        position: relative;
        padding: 0px 15px;
    }
}
@media (max-width: 715px)
{
    ul.slideshow {
        width: 430px !important;
    }
}
@media (max-width: 465px)
{
    ul.slideshow {
        width: 200px !important;
    }
    .step {
        width: 60px;
        height: 60px;
        font-size: 27px;
    }
    .line {
        width: 50px;
        margin: 35px -1px 0 -1px;
    }
    .step_text {
        float: left;
        width: 74px !important;
        text-align: center;
        margin-right: 34px;
        font-size: 17px;
        font-weight: 500;
        color: #355575;
    }
    #sp-abas-menu .aba-menu {
        text-transform: uppercase;
        float: left;
        margin-right: 4px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 55px;
        line-height: 55px;
        padding: 0 10px;
        background-color: #dddddd;
        cursor: pointer;
        position: relative;
        display: inline-block;
        font-weight: 600;
        color: #777777;
        font-size: 10px;
    }
}