* {
    padding: 0;
    margin: 0;
    border: 0;
}

a {
    outline: none !important;
    text-decoration: none !important;
}

body {
    background: url(../img/Fundo.png);
    overflow-x: hidden;
}

.container-all {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

/**estilo do menu de contato**/
.container-contato {
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #cccccc;
}

.contato-menu {
    display: table;
    margin: 0 auto;
}

.contato-menu li {
    margin-top: 6px;
    display: inline-block;
    text-decoration: none;
}

.contato-menu h3 {
    color: #000000;
    font: 15px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    float: left;
    margin: 0px;
}

.contato-menu img {
    margin: 0 auto;
    margin-right: 9px;
    float: left;
}

.socialMenu {
    margin-top: -25px;
    float: right;
}

.socialMenu li {
    display: inline-block;
    float: left;
    margin-left: 26px;
}

.socialMenu {
    text-decoration: none;
}

.container-top {
    display: table;
}

.container-top div {
    width: auto;
    display: table;
}

.container-top .email,
.container-top .telefone {
    float: left;
}

.container-top .telefone img {
    margin-top: -2px;
}

.container-top .email img {
    margin-top: 2px;
}

.container-top .atendimento {
    float: right;
}

.container-top .atendimento img {
    margin-top: -2px;
}

input {
    border: 1px solid #000000;
}

textarea {
    border: 1px solid #000000;
}

/**fim do estilo de menu de contato**/
/**estilo do menu**/
.fixar {
    position: fixed;
    width: 100%;
    z-index: 1002;
    background: #ffffff;
    top: 0px;
}

.container-menu {
    display: table;
    margin: 0 auto;
}

.img-logo {
    display: table;
    cursor: pointer;
}

.img-logo a {
    text-decoration: none;
}

.menu-principal {
    width: auto;
    height: auto;
    display: block;
}

.menu-principal ul {
    margin: 0;
    display: table;
    margin-top: 25px;
    float: right;
}

.menu-principal li {
    font: 20px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    display: inline-block;
    width: auto;
    margin: 0px 2px;
}

.menu-principal a {
    color: var(--corPrimaria);
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    border: 1px solid transparent;
}

.menu-principal a:visited {
    background: var(--corPrimaria);
    text-decoration: none;
}

.menu-principal a:hover {
    border: var(--corPrimaria) 1px solid;
    border-radius: 3px;
    text-decoration: none;
}

.menu-principal a:active {
    color: #ffffff;
    background: var(--corPrimaria);
    text-decoration: none;
}

.box-sombra {
    margin: 0 auto;
    padding: 10px 0px;
    box-shadow: 0 10px 25px -15px #cccccc;
}

.active {
    color: #ffffff !important;
    background: var(--corPrimaria);
    text-decoration: none;
}

/**fim do estilo de menu**/
/**estilo do banner**/
.container-banner {
    display: table;
    margin: 0 auto;
    width: 100%;
    height: 417px;
    max-width: 1366px;
}

.corrousel-servico {
    width: 100%;
    display: flex;
    background: var(--corPrimaria);
    padding: 25px 0px;
}

/**fim do estilo de banner**/
/**estilo da descrição**/
.container-descricao {
    display: table;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.container-descricao>div {
    display: table;
    margin: 0 auto;
}

.container-descricao h1 {
    font: 43px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: -7px;
    text-align: center;
}

.container-descricao h2 {
    font: 16px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    text-align: center;
}

.container-descricao h3 {
    font: 17px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    text-align: justify;
}

.botoes {
    display: table;
    margin: 0 auto;
}

#saibaMais {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    background: #66b7e2;
    margin: 0 auto;
    display: table;
    margin-top: 2px;
    margin-bottom: 2px;
}

#primeiroContato {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    background: #f0ad4e;
    margin: 0 auto;
    display: table;
    margin-top: 2px;
    margin-bottom: 2px;
}

.botoes img {
    margin-left: 13px;
}

.caption p {
    font: 14px Calibri-Light, sans-serif;
    text-align: justify;
    letter-spacing: -1px;
    color: #000;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 65px;
}

/**fim do estilo de descrição**/
/**Estilo de serviços**/
.containerSevico {
    margin: 0 auto;
    margin-top: 14px;
    width: auto;
    height: 350px;
    margin-bottom: 17px;
}

.caixa-slide {
    background: #fff;
    height: auto;
}

.carouselCaixa {
    margin-top: 18px;
    background: #f0ad4e;
    border-radius: 3px;
    padding: 6px 0px;
}

.carouselCaixa h2 {
    display: table;
    margin: 0 auto;
    color: #ffffff;
    font: bold 20px Calibri-Light, sans-serif;
    letter-spacing: -1px;
}

.conteudoServico {
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    width: auto;
    height: auto;
    border: 1px solid green;
}

/**fim do estilo de serviços**/
/**estilo da caixa de cadastro**/
.caixa-cadastro {
    display: table;
    margin: 15px auto;
    background: #66b7e2;
    border-radius: 3px;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.caixa-cadastro p {
    width: 100%;
    color: #ffffff;
    font: bold 30px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    margin: 0px;
    margin-top: 5px;
}

.caixa-cadastro a {
    text-decoration: none;
    float: right;
    padding: 25px;
    color: #ffffff;
    font: bold 26px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    padding: 9px 35px 7px;
    border-radius: 3px;
    background: #f0ad4e;
}

/**fim do estilo caixa de cadastro**/
/**estilo tarólogas**/
.container-tarologa {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
    height: auto;
}

.container-tarologa h2 {
    display: table;
    width: auto;
    margin: 0 auto;
    color: var(--corSecundaria);
    font: 32px Calibri-Light, sans-serif;
    letter-spacing: -1px;
}

.profissionalHome {
    display: table;
    width: 301px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
    border: 1px solid #d2d2d2;
}

.profissionalHome img {
    width: 241px;
    margin-left: 33px;
    margin-top: 12px;
    margin-bottom: 5px;
}

.profissionalHome h3 {
    margin: 0 auto;
    margin-bottom: 10px;
    color: var(--corPrimaria);
    font: bold 18px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    width: auto;
    text-align: center;
}

.profissionalHome h5 {
    margin: 0 auto;
    width: 269px;
    height: auto;
    color: var(--corSecundaria);
    font: 15px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    text-align: justify;
}

.profissionalHome h4 {
    margin: 0 auto;
    margin-top: 10px;
    width: 269px;
    height: auto;
    color: var(--corSecundaria);
    font: 16px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    text-align: justify;
}

.profissionalHome a {
    text-decoration: none;
}

.profissionalHome a:hover {
    text-decoration: none;
}

/**fim do estilo de tarólogas**/
/**estilo da caixa de equipe**/
.caixa-equipe {
    display: table;
    margin: 0 auto;
    width: auto;
    height: 37px;
    margin-top: 15px;
    border-radius: 3px;
    background: #66b7e2;
}

.caixa-equipe p {
    margin: 0px;
    margin-top: 7px;
    margin-left: 14px;
    margin-right: 14px;
    text-decoration: none;
    float: right;
    color: #ffffff;
    font: bold 20px Calibri-Light, sans-serif;
    letter-spacing: -1px;
}

.caixa-equipe img {
    margin-left: 10px;
}

.caixa-equipe a {
    text-decoration: none;
    margin-top: -10px;
    margin-right: 33px;
    float: right;
}

/**fim do estilo de equipe**/
/**estilo de contato e forma de pagamento**/
.contato-pagamento {
    margin: 0 auto;
    background: var(--corPrimaria);
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.alinhamento {
    display: table;
    margin: 0 auto;
    height: auto;
}

.caixa-informativa {
    margin: 0 auto;
    float: left;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.endereco-contato {
    float: left;
}

.endereco-contato p {
    color: #ffffff;
    font: 18px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.pagamento {
    margin-left: auto;
    margin-right: auto;
}

.separa-caixa {
    border-left: var(--corSecundaria) 1px solid;
    border-right: var(--corSecundaria) 1px solid;
}

.pagamento p {
    text-align: center;
    color: #ffffff;
    font: 18px Calibri-Light, sans-serif;
    letter-spacing: -1px;
}

.pagamento img {
    margin-top: 33px;
}

.alert-success {
    color: #3c763d;
    background: #dff0d8;
    border-color: #d6e9c6;
    display: table;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.alert-danger {
    color: #a94442;
    background: #f2dede;
    border-color: #ebccd1;
    display: table;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.alert-danger {
    display: none;
}

.alert-success {
    display: none;
}

/**fim do estilo de contato e pagamento**/
/**estilo de rodapé**/
.container-rodape {
    width: auto;
    height: auto;
    background: #d2251f;
}

.container-rodape h3 {
    margin-top: 10px;
    color: #ffffff;
    font: 20px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    float: left;
}

.caixa-rodape {
    margin: 0 auto;
    display: table;
    height: auto;
}

.copyright {
    height: auto;
    float: left;
}

.kingPage {
    height: auto;
    float: right;
}

.kingPage div {
    float: right;
}

.kingPage img {
    display: table;
    float: left;
    margin-left: 14px;
    margin-top: 10px;
}

.caixa-rede-social {
    display: table;
    margin-left: 15px;
    float: right;
    width: 90%;
}

/**fim do estilo de rodapé**/
/**estilo das noticias**/
.container-noticia {
    margin: 0 auto;
    display: table;
    height: auto;
    width: 100%;
    margin-top: 30px;
}

.container-noticia h1 {
    display: table;
    margin: 0 auto;
    color: #000;
    font: 48px Calibri-Light, sans-serif;
    letter-spacing: -3px;
    margin-bottom: 27px;
}

.caixa-noticias {
    margin: 0 auto;
    display: table;
    height: auto;
    margin-bottom: 20px;
    background: #f4f5f6;
    padding-top: 15px;
    padding-bottom: 15px;
}

.caixa-noticias img {
    margin: 0 auto;
    display: table;
    margin-left: 11px;
    margin-top: 22px;
    float: left;
    padding-right: 20px;
}

.conteudo-noticia {
    display: table;
    margin: 0 auto;
}

.conteudo-noticia h2 {
    font: 700 30px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    margin-bottom: 35px;
}

.conteudo-noticia p {
    font: 24px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    text-align: justify;
}

.resumo-noticia {
    margin: 0 auto;
    height: auto;
    margin-top: 22px;
    margin-right: 19px;
    padding-left: 20px;
}

.resumo-noticia h2 {
    font: 700 30px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    margin-bottom: 35px;
}

.resumo-noticia p {
    font: 24px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    text-align: justify;
    margin-bottom: 26px;
}

/**fim do estilo de noticias**/
/**estilo de conteudo da empresa**/
.container-empresa {
    margin: 0 auto;
    display: table;
    height: auto;
    margin-top: 20px;
}

.container-empresa h1 {
    display: table;
    margin: 0 auto;
    color: #000;
    font: 48px Calibri-Light, sans-serif;
    letter-spacing: -3px;
    margin-bottom: -10px;
}

.container-empresa h3 {
    display: table;
    margin: 0 auto;
    font: 17px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    margin-bottom: 19px;
}

.caixa-empresa {
    margin: 0 auto;
    display: table;
    height: auto;
    margin-bottom: 20px;
    background: #f4f5f6;
}

.caixa-empresa img {
    margin: 0 auto;
    margin-top: 17px;
    width: 100%;
    display: table;
}

.conteudo-empresa {
    float: right;
    margin: 0 auto;
    padding-bottom: 10px;
}

.conteudo-empresa h2 {
    font: 700 30px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    margin-bottom: 12px;
    margin-left: 11px;
    margin-top: 12px;
}

.conteudo-empresa p {
    font: 24px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    color: var(--corSecundaria);
    margin-left: 11px;
    margin-right: 11px;
    text-align: justify;
}

/**fim do estilo de empresa**/
/**estilo de tarologas**/
.container-profissionais {
    margin: 0 auto;
    display: table;
    height: auto;
    margin-top: 21px;
}

.container-profissionais h1 {
    display: table;
    margin: 0 auto;
    color: #000;
    font: 36px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    margin-bottom: 27px;
}

.caixa-profissionais {
    display: table;
    margin: 0 auto;
    height: auto;
}

.profissional {
    display: table;
    width: 100%;
    height: 568px;
    margin-bottom: 26px;
    border: 1px solid #d2d2d2;
}

.profissional img {
    width: 241px;
    margin: 0 auto;
    display: table;
    margin-top: 18px;
}

.profissional h3 {
    margin: 15px auto;
    color: var(--corPrimaria);
    font: bold 20px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    width: auto;
    text-align: center;
}

.profissional h5 {
    margin: 0 auto;
    width: 95%;
    height: auto;
    color: var(--corSecundaria);
    font: 16px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    text-align: justify;
    margin-bottom: 5px;
}

.profissional h4 {
    margin: 0 auto;
    margin-top: 15px;
    width: 95%;
    height: auto;
    color: var(--corSecundaria);
    font: 16px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    text-align: justify;
}

.profissional a {
    text-decoration: none;
}

.profissional a:hover {
    background: #cccccc;
    text-decoration: none;
}

/**fim de estilo de tarologas**/
/**estilo de contato**/
.email-mapa {
    margin: 0 auto;
    display: table;
    height: auto;
    margin-top: 32px;
}

.email-mapa h1 {
    display: table;
    margin: 0 auto;
    color: #000;
    font: 42px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    margin-bottom: 45px;
}

.fale-conosco {
    display: table;
    margin: 0 auto;
    height: auto;
}

.formulario-email {
    display: table;
    width: auto;
    margin-left: 10px;
}

#contato .input-group {
    margin: 5px 0px;
}

.form-control:focus {
    box-shadow: none !important;
}

tr {
    width: auto;
    height: 45px;
}

label {
    height: 31px;
}

input {
    width: 100%;
    height: 36px;
    margin-top: 0px;
}

textarea {
    width: 405px;
    height: 94px;
    float: left;
    resize: none;
}

.imagemComentario {
    position: absolute;
    margin-top: -24px;
}

button {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
}

.caixaContato {
    width: 40px;
    height: 36px;
    background: var(--corPrimaria);
}

/**fim do estilo de contato**/
/**estilo da caixa de tarologas**/
.sobreTarologa {
    display: table;
    margin: 0 auto;
    background: #66b7e2;
    border-radius: 3px;
    width: 1024px;
    height: 79px;
}

.sobreTarologa p {
    width: 100%;
    color: #ffffff;
    font: bold 30px Calibri-Light, sans-serif;
    letter-spacing: 1px;
    margin-left: 45px;
    margin-top: 20px;
}

.sobreTarologa a {
    text-decoration: none;
    margin-top: -4px;
    margin-right: 75px;
    float: right;
    padding: 25px;
    color: #ffffff;
    font: bold 26px Calibri-Light, sans-serif;
    letter-spacing: -1px;
    padding: 9px 35px 7px;
    border-radius: 3px;
    background: #f0ad4e;
}

/**fim do estilo caixa de tarologas**/

/*INICIO DO PRELOAD DA PAGINA*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    /* change if the mask should be a color other than white */
    z-index: 99;
    /* makes sure it stays on top */
}

#loader {
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally on the screen */
    top: 50%;
    /* centers the loading animation vertically on the screen */
    background: url(../img/status.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110% 105%;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

/* menu */
.header {
    background: transparent;
    position: relative;
    width: 100%;
    z-index: 3;
}

.header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background: #fff;
}

.header li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    margin: 2px;
    color: var(--corPrimaria);
    border-radius: 3px;
    border: 1px solid transparent;
}

.header li a:visited {
    background: var(--corPrimaria);
    text-decoration: none;
}

.header li a:hover {
    border: var(--corPrimaria) 1px solid;
    border-radius: 3px;
    text-decoration: none;
}

.header li a:active {
    color: #ffffff;
    background: var(--corPrimaria);
    text-decoration: none;
}

.header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */
.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: var(--corPrimaria);
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 30px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: var(--corPrimaria);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 5px;
}

.header .menu-icon .navicon:after {
    top: -5px;
}

/* menu btn */
.header .menu-btn {
    display: none;
}

.header .menu-btn:checked~.menu {
    max-height: 240px;
}

.header .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

/* 48em = 768px */
@media (min-width: 48em) {
    .header li {
        float: left;
    }

    .header .menu {
        clear: none;
        float: right;
        max-height: none;
        margin-top: 15px;
    }

    .header .menu-icon {
        display: none;
    }
}

/*fim do menu*/

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

    .container-top .email,
    .container-top .telefone,
    .container-top .atendimento,
    .container-rodape h3,
    .kingPage div,
    .kingPage img,
    .caixa-rede-social,
    .img-noticia {
        float: none;
        margin: 0 auto;
        padding: 5px 0px;
    }

    .copyright,
    .kingPage,
    .caixa-cadastro p,
    .email-mapa h1,
    .container-noticia h1,
    .resumo-noticia h2,
    .container-empresa h1 {
        text-align: center;
    }

    .caixa-cadastro a {
        float: none;
        margin: 0 auto;
        display: table;
    }

    .caixa-noticias img {
        margin: 0 auto !important;
        display: table;
        margin-left: 0;
        margin-top: 0;
        float: none;
        padding-right: 0;
    }

    .container-banner {
        height: 360px;
    }

    .telefone {
        display: none !important;
    }

    .endereco-contato {
        float: none;
        text-align: center;
    }

    .pagamento {
        padding: 15px 0px;
        text-align: center;
        border-top: var(--corSecundaria) 1px solid;
        border-bottom: var(--corSecundaria) 1px solid;
    }

    .pagamento img {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1350px) {
    .box-sombra {
        box-shadow: none;
    }
}

.web-whatsapp {
    display: table;
}
.web-whatsapp img{
    width: 45px !important;
}
.api-whatsapp {
    display: none;
}

@media only screen and (min-width: 991px) {
    .web-whatsapp {
        display: none;
    }
    

    .api-whatsapp {
        display: table;
    }
}

.grow {
    -webkit-animation: grow 1s linear 0s infinite alternate;
    -moz-animation: grow 1s linear 0s infinite alternate;
    -ms-animation: grow 1s linear 0s infinite alternate;
    -o-animation: grow 1s linear 0s infinite alternate;
    animation: grow 1s linear 0s infinite alternate;
}

@-webkit-keyframes grow {
    0% {
        transform: scale(1, 1)
    }

    10% {
        transform: scale(1.1, .9)
    }

    30% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

@-moz-keyframes grow {
    0% {
        transform: scale(1, 1)
    }

    10% {
        transform: scale(1.1, .9)
    }

    30% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

@-ms-keyframes grow {
    0% {
        transform: scale(1, 1)
    }

    10% {
        transform: scale(1.1, .9)
    }

    30% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

@-o-keyframes grow {
    0% {
        transform: scale(1, 1)
    }

    10% {
        transform: scale(1.1, .9)
    }

    30% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

@keyframes grow {
    0% {
        transform: scale(1, 1)
    }

    10% {
        transform: scale(1.1, .9)
    }

    30% {
        transform: scale(.9, 1.1)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}