/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
.bot-menu.mobile, .menu-whats-mobile{
    display: none;
}
.slicknav_menu a {
    text-transform: uppercase !important;
    text-align: left !important;
}

.slicknav_menu a:hover {
    background: #07285f !important;
    color: #fff !important;
}

.slicknav_menu {
    display:none;
    background: #1062ba !important;

}

.slicknav_btn:focus{
    color: #fff !important;
}
.slicknav_btn{
    background-color: #195fc1 !important;
}

.blog-santa-juda-mob{
    display: none;
}

.info-tels{
    display: none;
}

@media only screen and (max-width: 1199px){
    .endereco-contato {
        text-align: left;
        margin-left: 10px;
    }

}

@media only screen and (max-width: 1110px){
    .endereco-contato {
        text-align: left;
        margin-left: 10px;
    }

}

@media only screen and (max-width: 989px){

    .endereco-contato {
        text-align: left;
        margin-left: 10px;
    }

}

@media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } }

@media only screen and (min-width: 767px){

    .cta-section-info{
        margin: 20px 0px;
        display: none;
        flex-direction: row;
        justify-content: center;
        gap: 50px;
    }

    .cta-info-num{
        display: flex;
        flex-direction: column;
    }

    .cta-info{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .cta-section-info .cta-info h4{
        color:#fff;
        font-weight: 700;
    }

    .cta-info h4{
        text-align: center;
    }
    .cta-info a:hover{
        text-decoration: none;
    }

}

@media only screen and (max-width: 767px){

    .logo{
        position: relative;
    }
    .desk{
        display: none;
    }
    section#galeria-quem-somos {
    display: flex;
    }
    .topo-nav.f-nav{
        display: none !important;
    }

    .slicknav_menu{
        position: relative;
        display: block;
    }

    .slicknav_menu .mobile-social-media { 
      position: absolute;
      left: 32px;
      top: 8px;
    }

    .slicknav_menu .mobile-social-media a + a {
      margin-left: 8px;
    }

    .slicknav_menu .mobile-social-media a {
      color: #fff;
      font-size: 22px;
    }

    .contact-info p {
      font-size: 14px;
      text-align: center;
      color: #0065b4;
      margin: 15px 0 0 0;
    }

    .contact-info a {
      color: #0065b4;
    }

    .contact-info a:hover {
      color: #0065b4;
      text-decoration: none;
    }

    body{
        text-align: center;
    }

    .text-right{
        text-align: center !important;
    }

    .text-left{
        text-align: center !important;
    }

    footer p {
        /*margin-bottom: 30px;*/
    }

    footer ul.menu-rodape {
        margin: 37px 0 15px 0;
    }

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

    .banner-interna {
        height: auto;
        background-size: cover !important;
    }

    section.cases-page img {
        width: 100%;
    }

    .box-noticiahome .interna.mt40{
        margin-top: 0 !important;
        margin-bottom: 40px;
    }

    .bloco-data {
        width: 100%;
        height: 46px;
    }

    .banner-interna {
        background-color: #29367d !important;
        background-image: none !important;
        margin-top: 25px;
    }

    .banner-interna .fblue{
        color: #fff !important;
    }

    .servicos-home {
        height: auto;
        background-image: none !important;
        padding-bottom: 0;
    }

    .cta {
        height: auto;
        padding-bottom: 60px;
    }

    section#banner-mobile {
    display: block;
    }
    section#banner-desktop {
    display: none;
}

    header.home {
        position: relative;
    }

    .banner-interna h1{
        margin: 38px 0 !important;
        font-size: 24px !important;
    }

    ul.menu li {
        float: left;
        padding: 6px;
    }
    .ico-home {
        text-align: center;
        margin: 0px;
    }

    .box-relative {
        text-align: center;
        margin-bottom: 15px;
        position: relative;
        height: 380px;
        overflow: hidden;
        cursor: pointer;
    }

    .box-relative:hover .box-absolute {

        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 0;
        background-color: rgba(250, 211, 54, 0.9);
        margin-left: 0px !important;
    }

    .text-box-servico-home {
        color: #273896;
        font-weight: 600;
        font-size: 24px;
        margin-top: 130px;
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
        padding: 0 10px;
    }

    ul.menu-rodape li {
        float: left;
        margin-left: 100px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .text-title-interna {
        margin-top: 55px;
        color: #fff;
        font-weight: 500;
        font-size: 34px;
        margin-bottom: 50px;
    }

    .new-clipping-primary {
        text-align: center;
        margin-bottom: 40px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 30px;
        color: #999999 !important;
        font-weight: 600;
        font-size: 18px;
        line-height: 185%;
    }

    .new-clipping-secondary {
        text-align: center;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
        color: #999999 !important;
        font-weight: 600;
        font-size: 18px;
        line-height: 185%;
        width: 100%;
    }

    .banner-footer-empresa {
        background-image: none !important;
    }

    .row-text-center-cta {
        text-align: -webkit-center;
        margin: 0;
        padding-top: 3px;
        width: 100%;
    }

    .bot-cta-home {
        color: #fff;
        background-color: #FF7E00;
        height: 50px;
        padding-top: 13px;
        border-radius: 15px;
        margin-left: 0;
        margin-bottom: 0;
        text-align: center;
        float: none;
        font-size: 15px;
        margin-top: 8%;
    }

    .endereco-contato {
        text-align: left;
        margin-left: 10px;
    }

    .box-relative-servico {
        width: 260px;
    }

    section.sobre-home {
        background-image: none !important;
    }

    .quemsomos-home-primary {
        margin: 0;
        padding: 10px;
        text-align: -webkit-center;
    }

    .bot-quemsomos-home-primary {
        margin: 20px 70px 34px;
    }

    ul.menu-rodape {
        display: none;
    }

    .row{
        margin: 0;
    }

    ul.menu li {
        float: none;
        margin: 0;
    }

    ul.menu {
        list-style: none;
        padding-left: 0;
        margin-top: 25px;
        margin-left: 0;
    }

    .new-clipping-secondary-img {
    margin: 0;
    }

    .new-clipping-primary-img {
    margin: 15px 0;
    }

    .diferenciais-article {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: -webkit-center;
    }

    .mapa {
        text-align: center;
        margin-top: 50px;
        margin-bottom: -13px;
        display: none;
    }

    .bot-contato {
        width: 100%;
        margin-left: 0;
        margin-bottom: 35px;
    }

    .endereco-rodape {
        text-align: -webkit-left;
    }

    .title-sobre-empresa {
        text-align: center;
        margin-top: 40px;
        font-size: 26px;
        color: #213895;
        font-weight: 600;
        word-spacing: 7px;
        margin-bottom: 40px;
    }

    .title-apresentacao {
        margin-top: 0;
    }

    .box-relative-servico:hover .box-absolute-servico {
        display: block !important;
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        padding: 0 5px;
        background-color: rgba(250, 211, 54, 0.9);
    }

    .text-box-servico-servico h4 p{
        font-size: 17px;
    }

    .text-box-servico-servico h3{
        font-size: 20px;
    }

    .text-box-servico-servico {
        margin-left: 0;
    }

    .endereco-contato h4 {
        font-size: 17px;
    }

    ul.menu{
        display: none;
    }

	.title-apresentacao {
    text-align: center;
    margin-top: 20px;
    font-size: 25px;
    color: #213895;
    margin-bottom: 30px;
    font-weight: 600;
}
    /*COMEÇA AQUI*/

    ul.menu {
        display: block;
    }
    .santa-ajuda-home-img {
        width: 94%;
    }
    .por-que-escolher-a-santa-odila-icone {
        display: none;
    }
    .rodape h3 {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        margin-top: 5px;
        text-align: center;
        /*margin-bottom: 30px;*/
    }
    .cta.interno.marcas {
        display: none;
    }
    .bot-por-que-escolher {
        background-color: #0065B5;
        height: 40px;
        width: 100%;
        padding-top: 7px;
        text-align: center;
        font-size: 15px;
    }

    .title-marcas-cta{
        margin-top: 12px;
    }

    .title-marcas-cta h3{
        font-size: 18px;
    }

    .img-marcas-cta img{
        width: 170px;
        padding: 12px;
    }

    .santa-ajuda-img{
        margin: 35px 10px 0px 10px;
    }

    .blog-santa-juda-desk{
        display: none;
    }

    .blog-santa-juda-mob{
        display: block;
    }

    .img-marcas-cta{
        margin-top: 0px;
    }

    section.cta.interno {
        height: auto;
        padding-bottom: 16px;
    }

    .info-tels{
        display: flex;
        gap:12px;
        justify-content: space-between;
        align-items: center;
    }

    .info-Ibiúna SP{
        display: flex; 
        flex-direction: column;
    }

    .info-Ibiúna SP{
        display: flex; 
        flex-direction: column;
    }

    .logo-off-mobile{
        display: none;
    }

    header.home-mobile{
        padding: 0px;
        padding-top: 3px;
    }

    section.por-que-escolher-a-santa-odila{
        background: #f0f0f0;
    }
    section.confira-o-que-falam-de-nos{
        background: #f0f0f0;
        height: auto;
    }
    .confira-o-que-falam-de-nos-text img{
        display: none;
    }
    .confira-o-que-falam-de-nos-text {
        margin-top: 0;
    }
    .confira-o-que-falam-de-nos-text p{
        color: #0056A0;
        margin-top: 20px;
    }
    .confira-o-que-falam-de-nos-text h3{
        color: #fff;
        margin-top: 12px;
        background-color: #00245C;
        margin-left: 0;
        padding: 10px;
    }

    section#eventos .filter-button-group a {
        width: 70%;
        margin-bottom: 15px;
    }

    section#eventos .box-img {
        margin-left: 0;
        width: 100%;
    }

    .menu-superior-head {
        background-color: #fff;
        height: 10px;
    }

    .menu-superior {
        display: none;
    }

    .bot-menu {
        display: none;
        height: 48px;
        width: 100%;
        float: none;
        margin: 20px 0 0;
        color: #fff;
        padding-top: 13px;
        border-radius: 9px;
        font-weight: 800;
        text-align: center;
    }

    .bot-menu.mobile {
        display: block;
    }

    .produtos-destaque-home {
        background-color: #fff;
        border-radius: 7px;
        width: 97%;
        height: 250px;
        box-shadow: 2px 1px 9px 1px #999;
    }

    .santa-ajuda-home-title p {
        color: #fff;
    }

    .santa-ajuda-home-title h3 {
        margin: 20px 0px;
    }

    .img-santa-ajuda-interno {
        width: 100%;
        height: 365px;
        position: relative;
        overflow: hidden;
        margin: 0;
        text-align: center;
    }

	.santa-ajuda-box h3 {
    color: #6666FE;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    margin: 0px 15px 0 15px;
    border-top: 2px #999 solid;
	}

	.santa-ajuda-plus {
		float: left;
		margin-left: 20px;
		font-size: 40px;
	}

	.img-lojas img {
    width: 620px;
    height: 350px;
    position: absolute;
    left: 0%;
    top: 54%;
    margin-top: -222px;
    margin-left: -200px;
	}
	   #menu-footer-none{
	       display:none;
	   }

       .slicknav_menu{
           display:block !important;
       }

       header ul.menu{
           display: none !important;
       }

       .menu-whats-mobile{
           display: block;
       }

       .menu-whats-mobile ul{
           padding: 0;
       }
       .menu-whats-mobile.menu-superior ul li.whats{
           width: 100%;
           text-align: center;
           margin: 0px auto;
           /* padding: 0; */
           /* width: 260px; */
           /* height: 48px; */
           padding: 0px 13px;
       }

       .menu-whats-mobile.menu-superior ul li.whats .whats-content{
           width: 100%;
       }

       section#eventos .gallery.produtos-all {
           margin: 0 auto;
        }

        .card-container-home-mob{
            display: flex; 
            flex-direction:column; 
            justify-content: space-between;
        }
    
        .card-btn-home-mob{
            display: flex;
        }

        .card-img-home-mob{
            margin-top: 0px;
        }

        .santa-ajuda-img img{
            margin-top: -118px;
        }

        .cta-section-info{
            display:flex; 
            flex-direction:row;
            gap: 40px;
        }

        .cta-section-info .cta-info{
            width: 100%; 
            display: flex; 
            flex-direction: column;
        }

        .cta-section-info .cta-info h4{
            color:#fff;
            font-weight: 700;
            text-align:initial;
        }

        .cta-section-info .cta-info .cta-info-num{
            display: flex; 
            flex-direction: column;
            gap:3px; justify-content: center;
        }

}

@media (max-width: 1200px){
    .navbar-right{
        margin-right: -80px !important; 
    }
    .navbar-default .navbar-nav>li>a{
        font-size: 12px !important;
    }
    ul.menu li a{
        font-size: 14px;
    }
    ul.menu{
        margin-right: 3px;
    }

    .btn-wpp-mob{
        display: flex !important;
    }
    .btn-wpp-web{
        display: none !important;
    }

    .card-contact-info .card-contact-info-wpp{
        justify-content: center;
        margin: 12px 0;
    }

    .card-contact-info .card-contact-info-tel{
        justify-content: center;
    }

    .card-contact-info{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3px 0;
       
    }

}

@media (max-width: 998px){

    .navbar-right{
        margin-right: -107px !important; 
    }
    ul.menu{
        margin-right: -15px;
    }
    ul.menu li a{
        font-size: 9px;
    }

    .navbar-default .navbar-nav>li>a{
        font-size: 10px !important;
    }

    .nav-item span{
        display: block !important;
        margin-right: 3px;
    }
    .navbar-default .navbar-nav>li>a{
        margin-left: -8px;
        font-size: 9px !important;
        margin-top: 5px;
        margin-right: 9px;
    }
    .icon-align{
        font-size: 20px !important;
    }



}

@media (min-width: 768px){
    .navbar-right{
        margin-right: -60px;
    }
}

@media (max-width: 333px){
    .home-mobile .info-tels{
      flex-direction: column;
    }
}