@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



:root {

    --red:  #E52E4D;

    --green:  #33CC95;

    --highlight: #182859;

    --complementary: #0D0D0D;

    --text-title: #363F5F;

    --text-header: #fff;

    --text-header-dropdown: #181818;

    --text-body: #4d515c;

    --background:  #F0F2F5;

    --shape:  #FFFFFF;

    --btn-enviar: #49c858;

}

 p.box-referencia {

    text-align: center;

    display: none;

  }



* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-family: 'Roboto', sans-serif;

}

header .contact #telefones p, header .contact #telefones p span {

    font-family: 'Open Sans', sans-serif;

 }

textarea{

    padding: 13px;

}

body {

    background: var(--background);

    -webkit-font-smoothing: antialiased;

    color: var(--text-body);

}

header nav ul li ul li a {

    color: var(--text-header-dropdown);

}

.logo img{

    width: 60%;

    height: auto;

    border-radius: .5em;

}

article#pgEndereco img {

    width: 40%;

    height: auto;

}

body, input, textarea, button {

    font-family: 'Poppins',  sans-serif;

    font-weight: 400;

}

h1, h2, h3, h4, h5, h6, strong {

    font-weight: 600;

    color: var(--text-title);

}

button {

    cursor: pointer;

}



[disabled] {

    opacity: 0.6;

    cursor: not-allowed;

}

.container-empresa .wrapper {

    gap: 1rem;

}

.container-empresa .wrapper p {

    color: #323232;

}

.regioes-margin{

    margin: 40px;

}





/* Modal img*/



#modal_img {

    position: fixed;

    margin: 0 auto;

    height: 100%;

    top: 0;

    width: 100%;

    z-index: 999999;

    text-align: center;

    background: #000000d9;

}



.showimg{

    margin: 0 auto;

    text-align: center;

    position: relative;

    display: block;

    width: 100%;



}

#modal_img span {

    text-align: center;

    display: flex;

    background: tomato;

    font-size: 1.5em;

    color: #fff;

    position: absolute;

    z-index: 999;

    transform: translate3d(12px, 0px, 7px);

    width: 40px;

    border-radius: 100%;

    justify-content: center;

    align-items: center;

    height: 40px;

}

#modal_img span:hover{

    cursor: pointer;

}



/* Fim do Modal img*/



/* Sub Menu DropDown*/



li.dropdown{

    padding-bottom: 30px;

}

ul.menu{

    top: 10px;

    position: relative;

}

.sub-menu li.dropdown {

    padding: 18px 8px;

}



.ogranize_modal

{

    width: 40%;

    margin: 0 auto;

    position: relative;

    transform: translateY(20px);

}

.hidden{

    display: none !important;

}



ul.sub-menu::-webkit-scrollbar-track {

    background-color: #F4F4F4;

}

ul.sub-menu::-webkit-scrollbar {

    width: 6px;

    background: #F4F4F4;

}

ul.sub-menu::-webkit-scrollbar-thumb {

    background: #dad7d7;

}

ul.sub-menu {

    position: absolute;

    display: flex;

    max-height: 400px;

    gap: 0;

    flex-direction: column;

    background: #fff;

    margin-top: 5%;

    border-left: solid 1px var(--complementary);

    border-bottom: 1px solid var(--complementary);

    max-width: 225px;

    width: 100%;

    z-index: 999;

    overflow-y: scroll;

    box-shadow: 7px 8px 8px rgb(0 0 0 / 40%);

}

.icon-form{

    position: absolute;

    margin: 30px 0px 0 11px;

    width: 16px;

    height: auto;

}

.regioesCat{

    position: fixed;

    background: #000000de;

    top: 0;

    width: 100%;

    left: 0;

    overflow-x: hidden;

    overflow-y: scroll;

    z-index: 3;

    height: 100%;

    padding: 45px;

    /* text-align: center; */

    margin: 0 auto;

}

.regioesCat li strong{

    color: #fffc;

    padding: 25px;

    font-size: 1.2em;

}

#servicosTabsDois h4{

    text-align: center;

    font-weight: 400;

    color: #040404;

}

#servicosTabsDois ul li.nav-two a.current{

    display: none;

}

#servicosTabsDois ul.nav li a {

    border-radius: 40px;

    text-align: center;

    width: 100px;

    margin: 0 auto;

}

.closePopup{

    position: fixed;

    top: 8px;

    color: #fff;

    z-index: 9;

    background: tomato;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    left: 5%;

    padding: 5px 13px;

    font-size: 16px;

}

.ativar{

    left: 0 !important;

}



.regioes-open{

    position: relative;

    width: 100px;

    padding: 13px;

    margin: 0 auto;  

}



span.openMenu {

    border-top: 1px solid #000000;

    width: 20px;

    display: block;

    transition: 0.5s;

    border-radius: 10px;

    margin: 5px auto;

    transform: rotate(45deg);

}

.right-bar{

    transform: rotate(-45deg) !important;

    position: relative;

    top: -6px;

    left: 14px;

}



div#wrapper-category {

    background: var(--complementary);

    width: 100%;

    padding: 15px 7%;

    max-width: initial;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 2em;

    border-top: 1px solid rgb(132 2 2);

}



#wrapper-category h1 {

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 1.5em;

}

.fa-home{

    margin: 0 3px;

}



.collum-subject{

    margin-top: 30px;

}



/* Media Queries */









@media (max-width: 1080px) {

    html {

    font-size: 93.75%}

}







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

    html {

        font-size: 87.5%

    }

    header nav ul li a {

        color: #000 !important;

        width: 100px;

    }

    .readMore img {

        width: 100% !important;

    }

    #wrapper-category h1{

        text-align: center;

        padding: 15px 0 

    }

    div#breadcrumb ol{

        justify-content: center;

    }

  .showimg{

   width: 100%;

  }

    #modal_img span{

    width: 33px !important;

    height: 33px !important;

    }

    .ogranize_modal{

        width: 100% !important;

        top: 39vw;

    }

    .menu .dropdown{

            padding-bottom: 0 !important;

            /* overflow: scroll; */

    }

    .menu li ul li.dropdown{

        padding-bottom: 25px !important;

    }

    .sub-menu{

        position: relative !important;

    }

    form input, form textarea {

    padding: 0.9rem 1.5rem 0.5rem 2.3rem !important;

    }

    

}



    .readMore img{

        width: 70%;

        height: auto;

   

}

.icon-home { 

    width: 10px;

    height: auto;

    margin: 1px 5px 0px;

}





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

    .video {width: 118%;}

}



.link-wpp  {

    position:fixed;

    width:60px;

    height:60px;

    bottom:40px;

    right:3%;

    background: url(https://limpeza.limptecpiracicaba.com.br/imagens/whats.svg) no-repeat center;

    cursor:pointer;

    background-color:#25d366;

    color:#FFF;

    border-radius:50px;

    text-align:center;

    font-size:30px;

    box-shadow: 1px 1px 2px #888;

    z-index:1000;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);

	transform: scale(1);

	animation: pulse 1s infinite;

    border:none;



}

.link-wpp:hover {

    animation: none;

}



@keyframes pulse {

	0% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 #7db16e;

	}



	70% {

		transform: scale(1);

		box-shadow: 0 0 0 10px #619554;

	}



	100% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 #467a3a;

    }

}

.link-wpp button { 

    cursor:pointer;

    top: 0;

    position: relative;



    background-color: transparent;

    width:60px;

    height:60px;

    z-index:1000;

    border:none;

}



#myBtn {



    bottom: 125px !important;

}