/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'IBM Plex Sans', sans-serif;
  height: 100%;
}

body{
  height: 100%;
}


.mobile {display: none;} 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4628ff; opacity: 1;/* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #4628ff;}
:-o-input-placeholder { /* Internet Explorer 10-11 */
color: #4628ff;}
:-moz-input-placeholder { /* Internet Explorer 10-11 */
color: #4628ff;}
::-ms-input-placeholder { /* Microsoft Edge */
color: #4628ff;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}



/*Janelas*/
#mascara-form{width: 100%; height: 0%; position: fixed; background-color: #fffac9; z-index:999; opacity: 0; }

#janela-formulario { width: 450px; height: 610px; position: fixed; top: -550%; margin-top: -350px; left: 50%; margin-left: -225px; background-color: #ffffff; border-radius: 20px; z-index: 9999; opacity: 0;}
.icone-form-plano { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; margin-top: -40px; background-color: #ffff; border-radius: 100%; z-index: 90;}
.icone-form-plano-int {width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; border-radius: 50%; background-color:#00c0ff;}
.icone-img-form-plano {width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; padding: 5px;}

#btn-fechar-form { width: 70px; height: 70px; position: absolute; right: -12px; top: -15px; background-color: #fff; border-radius: 50%; cursor: pointer; z-index: 90;}
#icone-fechar-form{width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; background: url(../img/icone-fechar.png); background-size: 50px;} 
.nome-plano-form { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #5142b1; text-align: center; padding: 0px 20px; margin-top: 101px; font-weight: 700; }
.instrucoes-form { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 19px; color: #5142b1; text-align: center; padding: 0px 20px; font-weight: 420; }

#container-campos-form-assinatura { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 30px; }
.item-campo-form-assinatura { width: 100%; height: auto; position: relative; float: left;  padding: 0px 5px; box-sizing: border-box; }
.item-campo-form-assinatura input{width: 100% !important; height: auto !important; position: relative !important; float: left !important;  margin-bottom: 12px !important; padding: 20px 25px !important; box-sizing: border-box !important; border-radius: 15px !important; background-color:#fff2c6!important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #4628ff !important; border: 2px solid #4628ff !important;}

#cta-formulario-assinatura-e-1 { width: 100%; height: auto; position: absolute; bottom: 58px; }

#cta-int-form-etapa1 { width: 210px; height: auto; right: 50%; position: relative; float: right; margin-top: 4px; margin-right: -105px; padding: 20px 5px 20px 73px; color: #fff; font-size: 21px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-int-form-etapa1:hover{background-color:#2400ff;}
#icone-cta-form-etapa1 { width: 50px; height: 50px; position: absolute; left: 10px; margin-top: -39px; background-color: #fff720; border-radius: 50%; }
#pata-cta-form-etapa1 { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
#cta-int-form-etapa1:hover #icone-cta-form-etapa1{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);} 

#janela-etapa-2-formulario{width: 100%; height: 0%; position: absolute; top: 0px; background-color: #fff; border-radius: 20px; opacity: 0; overflow: hidden;}
#container-btn-escolha-atendimento {width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; opacity: 0;}

.item-btn-escolha-atendimento{width: 100%; height: 120px; position: relative; float: left; margin-bottom: 10px; background-color: #5142b1; border: 1px solid #5142b1; border-radius: 15px; cursor: pointer;}
.foto-escolha-atendimento { width: 90px; height: 90px; position: relative; float: left; margin-left: 10px; margin-top: 14px; background-color: #7163d0; border-radius: 100%; border: 4px  solid #fff32f; overflow: hidden; }
.foto-int-escolha-atendimento {width: 95px; height: 95px; position: absolute; left: 50%; top: 50%; margin-left:-47.5px; margin-top: -47.5px;}
.info-escolha-atendimento { width: 56%; height: auto; position: relative; float: left; margin-top: 26px; margin-left: 10px; font-size: 17px; color: #fff; font-weight: 420; line-height: 21px; }
.seta-escolha-atendimento { width: 29px; height: 51px; position: absolute; right: 24px; top: 33px; background: url(../img/seta-escolha-atendimento.png); background-size: 29px; }
.item-btn-escolha-atendimento:hover{background-color: #382d81;  border: 1px solid #00c0ff;}

#cta-formulario-assinatura-e-2 { width: 100%; height: auto; position: absolute; bottom: 40px; opacity: 0;}
#cta-int-form-etapa2 { width: 288px; height: auto; right: 50%; position: relative; float: right; margin-top: 4px; margin-right: -144px; padding: 20px 5px 20px 73px; color: #fff; font-size: 21px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-int-form-etapa2:hover{background-color:#2400ff;}
#icone-cta-form-etapa2 { width: 50px; height: 50px; position: absolute; left: 10px; margin-top: -39px; background-color: #fff720; border-radius: 50%; }
#pata-cta-form-etapa2 { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
#cta-int-form-etapa2:hover #icone-cta-form-etapa2{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);} 


.ancora{width: 1px; height: 1px; position: absolute; top: -60px; }
#menu-topo-fixo{width: 100%; height: 80px; position: fixed; top: -90px; background-color: #fff; border-bottom: 1px solid #dadada; z-index: 999; }
#view-menu-topo-fixo {width: 95%; height: auto; position: relative; margin: auto;}

#logo-amigoo-pet-menu-fixo{width: 146px; height: 60px; position: relative; float: left; margin-top: 10px; background: url(../img/logo-amigoo-pet.png); background-size: 146px;}
#itens-menu-fixo{width: 70%; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 10px;}
#itens-menu-fixo ul li {width: auto; height: auto; position: relative; float: left; margin-right: 25px; font-size: 20px; color:#3f3f63; font-weight: 600; cursor: pointer;}
#itens-menu-fixo ul li:hover{color:#f43561;}


#cta-topo-fixo { width: auto; height: auto; position: relative; float: right; margin-top: 15px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-topo-fixo:hover{background-color:#2400ff;}

#icone-cta-topo-fixo { width: 35px; height: 35px; position: absolute; left: 10px; margin-top: -29px; background-color: #fff720; border-radius: 50%; }
#pata-cta-fixo {width: 25px; height: 25px; position: absolute; left: 50%; top:50%; margin-left: -12.5px; margin-top: -12.5px; background: url(../img/pata-cta.png); background-size: 25px;}
#cta-topo-fixo:hover #icone-cta-topo-fixo{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}


/*Botão flutuante whatsapp*/
#whatsapp-btn { width: auto; height: auto; position: fixed; bottom: 20px; right: 1%; background-color: #25d366; border-radius: 50px; z-index: 900; padding: 7px 10px 7px 18px; }
#whatsapp-btn:hover{background-color: #1abb56;}

#saga-whatsapp-logo{width: 40px; height: 40px; position: relative; float: left; background: url(../img/saga-whatsapp.png); background-size: 40px;}
#whatsapp-logotipo-btn { width: 113px; height: 22px; position: relative; float: left; margin-left: 3px; margin-right: 10px; background: url(../img/saga-whatsapp-logotipo.png); background-size: 113px; margin-top: 10px; }



/* ==========================================================================
   Inicio landingpage
   ========================================================================== */
#div-topo { width: 100%; height: 1200px; position: relative; float: left; background-color: #fff5a2; overflow: hidden;}
#pontos-topo {width:700px; height: 175px; position: absolute; right: 0px; top: 0px; background: url(../img/pontos-topo.png); background-size: 700px;}
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -190px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }
#view-topo-lp{width: 1400px; height: 100%; position: relative; margin: auto; z-index: 90;} 
#menu-topo-lp {width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}
#logo-topo-lp {width: 250px; height: 103px; position: relative; float: left; background: url(../img/logo-amigoo-pet.png); background-size: 250px;} 
#itens-menu-topo-lp {width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 10px;}
#itens-menu-topo-lp ul li{width: auto; height: auto; position: relative; float: left; margin-right: 25px; font-size: 20px; color:#3f3f63; font-weight: 600; cursor: pointer;}
#itens-menu-topo-lp ul li:hover{color:#f43561;}
.atv-menu{color: #00c0ff !important;}
#ornamento-topo-esquerdo { width: 570px; height: 147px; position: absolute; left: -200px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 570px; background-repeat: no-repeat; }

#cta-topo { width: auto; height: auto; position: relative; float: right; margin-top: -36px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-topo:hover{background-color:#2400ff;}

#icone-cta-topo { width: 35px; height: 35px; position: absolute; left: 10px; margin-top: -5px; background-color: #fff720; border-radius: 50%; }
#pata-cta {width: 25px; height: 25px; position: absolute; left: 50%; top:50%; margin-left: -12.5px; margin-top: -12.5px; background: url(../img/pata-cta.png); background-size: 25px;}
#cta-topo:hover #icone-cta-topo{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
#legenda-cta-topo{width: 100px; height: auto; position: absolute; bottom: -10px;}

.fast-transition { transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }

#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; }

#headline-topo-lp{width: 35%; height: 100%; position: relative; float: left;}
#logo-saga-topo-lp {width:100px; height: 55px; position: relative; float: left; background: url(../img/saga-corretora.png); background-size: 100px;}
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 55px; font-weight: 600; color: #744595; line-height: 49px; }
.span-headline-lp {color:#00c0ff;}
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #464a6d; margin-top: -10px; }

#cta-headline-topo-lp {width: 100%; height: auto; position: relative; float: left; margin-top: 10px;}
#cta-headline { width: auto; height: auto; position: relative; float: left; margin-top: 10px; padding: 12px 30px 15px 65px; color: #fff; font-size: 23px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-headline:hover{background-color:#2400ff;}
#icone-cta-topo-headline { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }
#pata-cta-topo-headline { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -16.5px; margin-top: -15.5px; background: url(../img/pata-cta.png); background-size: 30px; }
#cta-headline:hover #icone-cta-topo-headline{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}

/*Ilustração topo lp*/
#ilustracao-topo-lp {width: 65%; height: 100%; position: relative; float: left;}
#osso-topo{width:800px; height:558px; position: absolute; right: 0px; top: -100px;}
#osso-topo-int {width:800px; height:558px; position: absolute; background: url(../img/osso-headline.png); background-size:800px; z-index: 90;} 
#circulo-osso-topo { width: 330px; height: 330px; position: absolute; top: 30px; left: 190px; margin-top: 170px; background-color: #ffc600; border-radius: 50%; z-index: 80; }
#mascara-osso { width: 70%; height: 260px; position: absolute; top: 270px; margin-left: 60px; background-color: #fff5a2; z-index: 89; }
#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -288px; bottom: -10px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; }
#seta-cta-menu { width: 90px; height: 270px; position: absolute; right: 240px; top: -130px; z-index: 80; background: url(../img/seta-cta-menu.png); background-size: 90px; }
#pata-rosa-topo { width: 170px; height: 310px; position: absolute; left: 80px; top: 50px; margin-top: 170px; z-index: 85; background: url(../img/pata-rosa-topo.png); background-size: 170px; }
#pata-azul-topo { width: 140px; height: 239px; position: absolute; left: 280px; top: 80px; margin-top: 140px; z-index: 85; background: url(../img/pata-azul-topo.png); background-size: 140px; }
#pata-laranja-topo { width: 180px; height: 225px; position: absolute; right: 212px; top: 24px; margin-top: 160px; z-index: 85; background: url(../img/pata-laranja-topo.png); background-size: 180px; }
#tag-promo-home { width: 300px; height: 264px; position: absolute; left: -130px; top: 40px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 300px; }
#onda-topo { width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 89; }


#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: 0px; z-index: 100; background-color: #08c9d5; }
#osso-grande-esquerdo { width: 300px; height: 267px; position: absolute; left: 0px; top: -400px; background: url(../img/osso-grande-esquerdo.png); background-size: 300px; }
#osso-pequeno-esquerdo { width: 400px; height: 325px; position: absolute; left: -110px; top: 370px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 400px; z-index: 90; }
#osso-pequeno-direito {width: 250px; height: 181px; position: absolute; right: 80px; top: 20px; background: url(../img/osso-pequeno-direito.png); background-size: 250px; z-index: 90;}


/*Anima ossos*/
@keyframes animaOssos {
  0% { margin-top: -40px;}
  50% { margin-top: 20px; }
  100% { margin-top: -40px; }
}
@-ms-keyframes animaOssos {
  0% { margin-top: -40px;}
  50% { margin-top: 20px; }
  100% { margin-top: -40px; }
}

@-webkit-keyframes animaOssos {
  0% { margin-top: -40px;}
  50% { margin-top: 20px; }
  100% { margin-top: -40px; }
}

@-moz-keyframes animaOssos {
  0% { margin-top: -40px;}
  50% { margin-top: 20px; }
  100% { margin-top: -40px; }
}

@-o-keyframes animaOssos {
  0% { margin-top: -40px;}
  50% { margin-top: 20px; }
  100% { margin-top: -40px; }
}

.ossos-anima{ animation: animaOssos 10s infinite linear; -webkit-animation: animaOssos 10s infinite linear; -o-animation: animaOssos 10s infinite linear; -moz-animation: animaOssos 10s infinite linear; -ms-animation: animaOssos 10s infinite linear; }


#marca-d-agua-direita {width: 350px; height: 425px; position: absolute; right: 0px; top: -150px; overflow: hidden;}
#marca-d-agua-direita-int {width: 350px; height: 415px; position: absolute; right: 0px; top: 0px; background: url(../img/marca-d-agua-direita.png); background-size: 350px;}

#marca-d-agua-esquerda {width: 350px; height: 443px; position: absolute; left: 0px; top: -150px;}
#marca-d-agua-esquerda-int {width: 350px; height: 443px; position: absolute; left: -100px; top: 550px; background: url(../img/marca-d-agua-esquerda.png); background-size: 350px;}


#view-como-funciona {width: 1200px; height: auto; position: relative; margin: auto; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -370px; }
#pata-int-como-funciona {width: 200px; height: 300px; position: relative; margin: auto;}

.item-pata-lp{width: 90px; height: 98px; position: absolute; top: 0px; background: url(../img/pata-lp.png); background-size: 90px;}
.pata-tp-1 { top: 0px; left: 0px; opacity: 0;}
.pata-tp-2 { top: 100px; right: 0px; opacity: 0;}
.pata-tp-3 { top: 190px; left: 0px; opacity: 0;}
.pata-tp-4 { top: 280px; right: 0px; opacity: 0;}
.mostra-a-pata{opacity: 0.9 !important;}

#headline-como-funciona{width: 100%; height: auto; position: relative; float: left; margin-top: 60px;}
#headline-como-funciona h2{width: 100%; height: auto; position: relative; float: left; font-size: 50px; color: #fff; font-weight: 700; text-align: center; padding:0px 300px;}
#headline-como-funciona p {width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 27px; color: #fff; font-weight: 400; text-align: center; padding: 0px 220px;}

#cta-como-funciona {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#cta-int-como-funciona { width: 370px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 23px; text-align: right;  background-color: #4628ff; border-radius: 50px; cursor: pointer;}
#icone-cta-como-funciona { width: 50px; height: 50px; position: absolute; left: 14px; margin-top: -41px; background-color: #fff720; border-radius: 50%; }
#pata-cta-como-funciona { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
#cta-int-como-funciona:hover{background-color:#2400ff;}
#cta-int-como-funciona:hover #icone-cta-como-funciona{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
#legenda-cta-como-funciona { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 16px; text-align: center; color: #fff; opacity: 0.8;}

/*Inicio corberturas*/

#view-bloco-coberturas{width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; padding-bottom: 50px;}
#bloco-corbeturas { width: 1300px; height: auto; left: 50%; position: relative; float: left; margin-left: -650px; margin-top: 200px; }

#bloco-coberturas-int {width: 1300px; height: 420px; position: relative; margin: auto; background-color: #fff; border-radius: 20px; z-index: 20;
-webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.1);
-o-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.1);

}
#bloco-coberturas-int h3{width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color:#2e2e2e; font-size: 35px; font-weight: 700; text-align: center;}
.span-1-coberturas{color:#f3564e; font-size: 50px; font-weight: 800;}
.span-2-coberturas{color:#00c0ff; font-size: 50px; font-weight: 800;}

#container-blocos-coberturas{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px;}


.item-bloco-cobertura { width: 24%; height: auto; position: relative; float: left; padding: 5px 8px; color: #2e2e2e; text-align: center; font-size: 18px; font-weight: 600; margin-right: 1%; line-height: 20px; background-color: #ffc600; border-radius: 10px; overflow: hidden; }
.item-bloco-cobertura-last-child { width: 24%; height: auto; position: relative; float: left; padding: 5px 8px; color: #2e2e2e; text-align: center; font-size: 18px; font-weight: 600; margin-right: 0%; line-height: 20px; background-color: #ffc600; border-radius: 10px; overflow: hidden; }
.item-bloco-cobertura p{width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 18px; font-weight: 600; z-index: 2;}
.item-bloco-cobertura-last-child p{width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 18px; font-weight: 600; z-index: 2;}

.bge-bloco-cobertura { width: 100px; height: 100px; position: absolute; left: -30px; top: -40px; background: url(../img/pata-esquerda-bloco-cobertura.png); background-size: 100px; opacity: 0.8; z-index: 1; }
.bgd-bloco-cobertura { width: 100px; height: 100px; position: absolute; right: -40px; top: 19px; background: url(../img/pata-direita-bloco-cobertura.png); background-size: 100px; opacity: 0.8; z-index: 1; }

/*cta coberturas*/
#cta-coberturas{width: 100%; height: auto; position: relative; float: left; margin-top: 40px;}
#cta-int-coberturas{ width: 370px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 23px; text-align: right;  background-color: #4628ff; border-radius: 50px; cursor: pointer;}
#icone-cta-coberturas { width: 50px; height: 50px; position: absolute; left: 14px; margin-top: -41px; background-color: #fff720; border-radius: 50%; }
#pata-cta-coberturas { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
#cta-int-coberturas:hover{background-color:#2400ff;}
#cta-int-coberturas:hover #icone-cta-coberturas{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
#legenda-cta-coberturas { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 16px; text-align: center; color: #2e2e2e; opacity: 0.8;}
#pata-esquerda-coberturas { width: 330px; height: 182px; position: absolute; top: 128px; left: 310px; background: url(../img/pata-esquerda-coberturas.png); background-size: 330px; }
#pata-direita-coberturas { width: 330px; height: 182px; position: absolute; top: 120px; right: 310px; background: url(../img/pata-direita-coberturas.png); background-size: 330px; }
.move-pata-esquerda-coberturas {left: -250px !important;}
.move-pata-direita-coberturas {right: -250px !important;}
.slow-transition { transition: all 1.5s ease-out; -ms-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; }

#onda-coberturas { width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 10; }

/*Inicio avaliações*/
#container-avaliacoes { width: 100%; height:1220px; position: relative; float: left; background-color: #fffdf6; z-index: 101; }
#bg-pata-avaliacoes-e {width: 350px; height: 490px; position: absolute; left: 0px; top: 150px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 350px;}
#bg-pata-avaliacoes-d {width: 350px; height: 543px; position: absolute; right: 0px; top: -50px; background: url(../img/bg-paga-depoimentos.png); background-size: 350px;}


#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -220px; }
#pata-int-avaliacoes {width: 200px; height: 300px; position: relative; margin: auto;}


.item-pata-lp-2{width: 90px; height: 98px; position: absolute; background: url(../img/pata-lp-2.png); background-size: 90px; opacity: 1;}



#view-avaliacoes {width: 100%; height: auto; position: relative; float: left; margin-top:-55px;}
#view-avaliacoes h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #744595; font-size: 45px; font-weight: 700; text-align: center; }
.span-avaliacoes {color:#00c0ff;}

#controles-slider-avaliacoes {width: 100%; height: auto; position: relative; float: left; margin-top: 10px;}
#controles-int-slider-avaliacoes {width: 200px; height: auto; position: relative; margin: auto; }

.item-controle-avaliacao{width: 100px; height: 100px; position: relative; float: left; cursor: pointer;}
.icone-controle-avaliacao{width: 100px; height: 100px; position:absolute; background-color: #dadada;}
.icone-avaliacao-e{background: url(../img/ctrl-e-avaliacao.png); background-size: 100px;}
.icone-avaliacao-d{background: url(../img/ctrl-d-avaliacao.png); background-size: 100px;}

.icone-avaliacao-e:hover{transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg);}
.icone-avaliacao-d:hover{transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg);}

.swiper { width: 100%; height: auto; }
.swiper-wrapper{padding-top: 60px;}
#faixa-slide-depoimentos {width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding-top: -40px; overflow: hidden;}

/*Card avalição*/
.item-card-avaliacao{width: 370px; height: 300px; position: relative; float: left; margin-left: 40px; background-color:#fff; border: 1px solid #ffc000; border-radius: 40px;}
.osso-avaliacao {width: 100%; height: auto; position: relative; float: left; margin-top: -45px;}
.osso-int-avaliacao {width: 180px; height: 87px; position: relative; margin: auto; background: url(../img/osso-avaliacao.png); background-size: 180px;}

.item-card-avaliacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 26px; font-weight: 600; color: #794d98; text-align: center; padding: 0px 2px; }
.span-card-avaliacao { color: #00c0ff; font-size: 21px; font-weight: 300; }
.item-card-avaliacao p {width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 20px; font-size: 18px; color:#332c65; font-weight: 500; text-align:center; box-sizing: border-box;}

#cta-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
#view-cta-depoimentos {width: 800px; height: auto; position: relative; margin: auto;}
#cta-int-depoimentos{ width: 370px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 23px; text-align: right;  background-color: #4628ff; border-radius: 50px; cursor: pointer;}
#icone-cta-depoimentos { width: 50px; height: 50px; position: absolute; left: 14px; margin-top: -41px; background-color: #fff720; border-radius: 50%; }
#pata-cta-depoimentos { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
#cta-int-depoimentos:hover{background-color:#2400ff;}
#cta-int-depoimentos:hover #icone-cta-depoimentos{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
#legenda-cta-depoimentos { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 16px; text-align: center; color: #2e2e2e; opacity: 0.8;}

#pata-e-depoimentos { width: 200px; height: 359px; position: absolute; left: 20px; background: url(../img/pata-e-depoimentos.png); background-size: 200px; bottom: -410px; margin-bottom: -240px; }
#pata-d-depoimentos { width: 200px; height: 359px; position: absolute; right: 20px; background: url(../img/pata-direita-depoimentos.png); background-size: 200px; bottom: -370px; margin-bottom: -240px; }
.mostra-pata-depoimentos {margin-bottom: 0px !important;}
#onda-depoimentos { width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 89; }


/*Planos*/
#planos-saga-pet{width: 100%; height: auto; position: relative; float: left; background-color:#fff5a2; z-index: 190;}
#marca-d-gua-e-planos{width: 400px; height: 697px; position: absolute; left: -20px; top: 500px; background: url(../img/marca-d-gua-e-planos.png); background-size: 400px;}
#marca-d-gua-d-planos{width: 300px; height: 542px; position: absolute; right: 0px; top: 30px; background: url(../img/marca-d-gua-d-planos.png); background-size: 300px;}


#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -160px; }
#pata-int-planos {width: 200px; height: 300px; position: relative; margin: auto;}
.item-pata-lp-3{width: 90px; height: 98px; position: absolute; background: url(../img/pata-lp-3.png); background-size: 90px; opacity: 1;}

#card-planos {width: 100%; height: auto; position: relative; float: left; margin-top: 0px;}
#view-card-planos {width: 1400px; height: auto; position: relative; margin: auto;}
#view-card-planos h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 50px; color: #744595; font-weight: 700; text-align: center; }
.planos-span { color:#00c0ff; }

#container-cards-planos{width: 100%; height: auto; position: relative; float: left; margin-top: 90px;}
#card-planos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; }
#pata-plano-e { width: 300px; height: 122px; position: absolute; top: 50%; margin-top: -40px; left: -210px; margin-left: 350px; background: url(../img/pata-plano-e.png); background-size: 300px; }
#pata-plano-d { width: 300px; height: 122px; position: absolute; top: 50%; margin-top: -60px; right: -170px; margin-right: 280px; background: url(../img/pata-plano-d.png); background-size: 300px; }
.move-pata-plano-e{margin-left: 0px !important;}
.move-pata-plano-d{margin-right: 0px !important;}

.item-card-plano {width: 32.5%; height: 1040px; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90;}
.icone-card-plano { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; margin-top: -40px; background-color: #ffff; border-radius: 100%; }
.icone-card-plano-int {width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; border-radius: 50%; background-color:#00c0ff;}
.icone-img-card-plano {width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; padding: 5px;}

.item-card-plano h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; text-align: center; font-size: 32px; color: #5142b1; font-weight: 600; }
.preco-plano { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #00b8ff; text-align: center; font-size: 42px; font-weight: 700; }
.span-preco-plano { font-size: 20px; }
.limite-plano { width: 100%; height: auto; position: relative; float: left; margin-top: -6px; font-size: 18px; color: #5142b1; text-align: center; font-weight: 500; }
.divisoria-card-plano {width: 100%; height: 1px; position: relative; float: left; margin-top: 30px; margin-bottom: 20px; background-color:#e9e9e9;}

.indicacao-card-plano { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #5142b1; text-align: center; font-weight: 800; }
.indicacao-card-plano p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #00b8ff; text-align: center; padding: 0px 30px; font-weight: 500; margin-top: 4px; }

.cta-card-plano {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}

.cta-int-card-plano{ width: 270px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 23px; text-align: right; font-weight: 500; background-color: #4628ff; border-radius: 50px; cursor: pointer;}
.icone-cta-card-plano { width: 50px; height: 50px; position: absolute; left: 14px; margin-top: -41px; background-color: #fff720; border-radius: 50%; }
.pata-cta-card-plano { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -18.5px; margin-top: -17.5px; background: url(../img/pata-cta.png); background-size: 35px; }
.cta-int-card-plano:hover{background-color:#2400ff;}
.cta-int-card-plano:hover .icone-cta-card-plano{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}

.itens-card-plano-lista {width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px;}

.item-card-plano-lista {width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 3px;}
.z-index-card-plano{z-index: 100 !important;}
.z-index-card-plano-2{z-index: 30;}
.icone-item-card-plano-lista { width: 25px; height: 25px; position: relative; float: left; background: url(../img/icone-pata.png); background-size: 25px; }
.item-card-plano-lista-txt { width: 90%; height: auto; position: relative; float: left; margin-left: 6px; margin-top: 2px; color: #554e81; font-size: 18px; font-weight: 500; text-align: left; }
#tag-plano-vendido { width: 150px; height: 122px; position: absolute; top: -50px; left: 250px; z-index: 90; background: url(../img/tag-plano-vendido.png); background-size: 150px; z-index: 20; }

/*Concierge*/
#div-concierge{width: 100%; height: auto; position: relative; float: left; margin-top: 150px; padding-bottom: 250px; z-index: 50;}
#view-concierge{width: 1200px; height: auto; position: relative; margin: auto;}

#foto-concierge{width: 50%; height: auto; position: relative; float: left;}
#foto-concierge-out{width: 100%; height: auto; position: relative; float: left; background-color:#8f89d3; overflow: hidden;}
#mascara-concierge {width: 100%; height: auto; position: relative; float: left; z-index: 90;}
#cachorro-concierge {width:450px; height: 517px; position: absolute; left: 50%; margin-left: -285px; margin-bottom: -500px; bottom: 0px; background: url(../img/cachorro-concierge.png); background-size: 450px; z-index: 10;}
.mostra-cachorro{margin-bottom: 0px !important;}


#tag-concierge { width: 250px; height: 204px; position: absolute; top: 10px; left: 290px; background: url(../img/tag-concierge.png); background-size: 250px; z-index: 120; }
#seta-tag-concierge { width: 190px; height: 184px; position: absolute; left: 490px; top: 180px; background: url(../img/tag-concierge-seta.png); background-size: 190px; z-index: 110; }
#conteudo-concierge { width: 50%; height: auto; position: relative; float: left; padding: 0px 20px 0px 107px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 87px; font-size: 45px; color: #744595; font-weight: 800; }
.span-titulo-concierge{color:#00c0ff;}
#conteudo-concierge p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #613e7a; }
.span-paragrafo-concierge {font-size: 16px; color:#a5a5a5;}

#cta-headline-concierge {width: 100%; height: auto; position: relative; float: left; margin-top: 10px;}
#cta-headline-concierge-int { width: auto; height: auto; position: relative; float: left; margin-top: 10px; padding: 12px 30px 15px 65px; color: #fff; font-size: 23px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#cta-headline-concierge-int:hover{background-color:#2400ff;}
#icone-cta-concierge { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }
#pata-cta-concierge { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -16.5px; margin-top: -15.5px; background: url(../img/pata-cta.png); background-size: 30px; }
#cta-headline-concierge:hover #icone-cta-concierge{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
#legenda-cta-concierge { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 16px; text-align: center; color: #2e2e2e; opacity: 0.8;}

#pata-bg-concierge { width: 600px; height: 344px; position: absolute; bottom: 110px; right: 100px; background: url(../img/pata-bg-concierge.png); background-size: 600px; z-index: 1; opacity: 0.8; }
#onda-concierge { width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 89; }


/*Perguntas frequentes*/
#div-faq{width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; padding-bottom: 400px;}
#view-faq{width: 1200px; height: auto; position: relative; margin: auto;}

#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -250px; }
#pata-int-faq {width: 200px; height: 300px; position: relative; margin: auto;}
.item-pata-lp-faq {width: 90px; height: 98px; position: absolute; background: url(../img/pegadas-faq.png); background-size: 90px; opacity: 1!important;}

#view-faq h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; margin-bottom: 70px; font-size: 50px; color: #744595; font-weight: 700; text-align: center; }
.span-titulo-faq{color:#00c0ff;}

#box-out-faq{width: 100%; height: auto; position: relative; float: left; overflow: hidden;}
#view-box-faq{width: 1200px; height: auto; position: relative; margin: auto;}
#box-faq{width:90%; height: auto; position: relative; float: left; margin-left: 5%; border-radius: 40px; }
#pata-e-faq { width: 350px; height: 258px; position: absolute; left: -190px; top: 50%; margin-left: 250px; margin-top: -125px; background: url(../img/pata-e-faq.png); background-size: 350px; }
#pata-d-faq { width: 350px; height: 325px; position: absolute; right: -170px; margin-right: 250px; top: 50%; margin-top: -170px; background: url(../img/pata-d-faq.png); background-size: 350px; }
.mostra-pata-e-faq{margin-left: 0px !important;}
.mostra-pata-d-faq{margin-right: 0px !important;}

#box-faq-int{width: 100%; height: auto; position: relative; z-index: 10; background-color: #fff; border-radius: 40px; overflow: hidden;} 
.collapsible { border-top: 0px solid #ddd !important; border-right: 0px solid #ddd !important; border-left: 0px solid #ddd !important; margin: 0.5rem 0 1rem 0; }
.collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; font-size: 20px; font-weight: 500; color: #725c81; background-color: #fff; border-bottom: 1px solid #ddd; }
.collapsible-header i { width: 2rem; font-size: 1.6rem; display: inline-block; text-align: center; margin-right: 1rem; margin-top: -3px; }
.collapsible-body { display: none; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem; color: #594edb; font-size: 18px; }
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
}
.icone-pata-faq-perguntas {width: 35px; height: 35px; position: relative; float: left; background: url(../img/icone-pata-faq.png); background-size: 35px;}

/*Ligamos para você*/
#box-ligamos-para-vc{width: 90%; height: 300px; position: relative; float: left; margin-left: 5%; margin-top: 60px; background-color:#fff5a2; border-radius: 40px; padding: 0px 40px;}
#box-ligamos-para-vc h2 {width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 35px; color: #594edb; font-weight: 700;}
.span-ligamos-para-vc {color: #f43561;}
#box-ligamos-para-vc p {width: 95%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 22px; color:#302c65; }

#box-labels-form-ligamos-pra-vc {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}

.item-label-ligamos-pra-vc { width: 28%; height: auto; position: relative; float: left; margin-left: -10px; margin-right: 12px; padding: 0px 5px; box-sizing: border-box; }
.item-label-ligamos-pra-vc input{width: 100% !important; height: auto !important; position: relative !important; float: left !important;  margin-bottom: 12px !important; padding: 20px 25px !important; box-sizing: border-box !important; border-radius: 15px !important; background-color:#fff !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #4628ff !important; border: 2px solid #4628ff !important;}

#cta-form-me-ligue { width: 170px; height: auto; position: absolute; right: -5px; top: 33px; }
#cta-int-form-me-ligue { width: auto; height: auto; position: relative; float: right; margin-top: -34px; padding: 20px 25px 20px 60px; color: #fff; font-size: 18px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }

#cta-int-form-me-ligue:hover{background-color:#2400ff;}

#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -32px; background-color: #fff720; border-radius: 50%; }
#pata-cta-form-me-ligue {width: 25px; height: 25px; position: absolute; left: 50%; top:50%; margin-left: -12.5px; margin-top: -12.5px; background: url(../img/pata-cta.png); background-size: 25px;}
#cta-form-me-ligue:hover #icone-cta-form-me-ligue{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}

#onda-form-me-ligue { width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 89; }

/*rodapé*/
#rodape{width: 100%; height: auto; position: relative; float: left; background-color:#fffcef; z-index: 200; padding-bottom: 80px;}

#view-rodape { width: 80%; height: auto; min-width: 1400px; position: relative; margin: auto; padding: 0px 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -60px;}
#logo-int-rodape { width: 250px; height: 103px; position: relative; margin: auto; background: url(../img/logo-amigoo-pet.png); background-size: 250px;}

#infos-rodape{width: 100%; height: auto; position: relative; float: left; margin-top: 50px;}

/*Horário*/
#horarios-rodape{width: 32%; height: auto; position: relative; float: left; padding-right: 20px;}
#horarios-rodape h3{width: 100%; height: auto; position: relative; float: left; font-size: 26px; color:#403b69; font-weight: 600;}
#horarios-rodape p {width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #403b69; opacity: 0.8;}
.span-p-rodape {color: #fb4b3a; font-weight: 700;}

/*Telefone*/
#telefone-rodape{width: 15%; height: auto; position: relative; float: left; padding-right: 20px;}
#telefone-rodape h3{width: 100%; height: auto; position: relative; float: left; font-size: 26px; color:#403b69; font-weight: 600;}
#telefone-int-rodape {width: auto; height: auto; position: relative; float: left; margin-top: -2px; padding: 10px 20px; border-radius: 10px; background-color:#ffe404; font-size: 16px; color: #403b69; font-weight: 600;}

/*Formas de pagamento*/
#formas-de-pagamento-rodape {width:25%; height: auto; position: relative; float: left; padding-right: 20px;}
#formas-de-pagamento-rodape h3{width: 100%; height: auto; position: relative; float: left; font-size: 26px; color:#403b69; font-weight: 600;}
#img-bandeiras-pagamento {width: 100%; height: auto; position: relative; float: left; margin-left: -12px; margin-top: -9px;}

/*Logo saga rodape*/
#logos-d-rodape{width: 20%; height: auto; position: relative; float: right;}
.item-logo-d-rodape {width: 40%; height: auto; position: relative; float: left; margin-top: 75px; padding: 0px 10px;}
.fix-lgo-d-rodape {width: 60%; margin-top:80px;}


/*Janela aviso contato enviado*/
#mascara-contato-enviado{width: 100%; height: 100%; position: fixed; background-color: #fffac9; z-index:999; opacity: 0.9; }
#janela-aviso-contato-enviado {width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; margin-left: -350px; margin-top: -200px; background-color: #fff; border-radius: 50px; z-index: 99999; overflow: hidden;}
#janela-aviso-perfil-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-aviso-perfil-contato-enviado-int {width: 105px; height: 80px; position: relative; margin: auto;}
#janela-conteudo-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-conteudo-contato-enviado h4 {width: 100%; height: auto; position: relative; float: left; margin-top: 5px; text-align: center; font-size: 28px; font-weight: 800; color:#5b48d1;}
#janela-conteudo-contato-enviado p {width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #000; text-align: center; padding: 0px 90px;}

#logos-rodape-contato-enviado{width: 100%; height: auto; position: absolute; bottom:40px; }
#logos-rodape-int-contato-enviado {width: 250px; height: auto; position: relative; margin: auto;}
#contador-contato-enviado{width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7;}
 

/*Telas menores*/
@media only screen  
and (min-width:1400px) 
and (max-width:1850px) {

/*Topo LP*/
#cta-topo-fixo { width: auto; height: auto; position: absolute; right: 20px; margin-top: 15px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -260px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }
#view-topo-lp { width: 95%; height: 100%; position: relative; margin: auto; z-index: 90; }
#ornamento-topo-esquerdo { width: 570px; height: 147px; position: absolute; left: -230px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 570px; background-repeat: no-repeat; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 50px; font-weight: 600; color: #744595; line-height: 47px; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; color: #464a6d; margin-top: -10px; }
#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -238px; bottom: -10px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; }
#tag-promo-home { width: 300px; height: 264px; position: absolute; left: -110px; top: 40px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 300px; }

/*Como funciona*/
#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: -160px; z-index: 100; background-color: #08c9d5; }
#osso-grande-esquerdo { width: 300px; height: 267px; position: absolute; left: 0px; top: -210px; background: url(../img/osso-grande-esquerdo.png); background-size: 300px; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -160px; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
#bloco-corbeturas { width: 1300px; height: auto; left: 50%; position: relative; float: left; margin-left: -650px; margin-top: 120px; }
#onda-coberturas { width: 100%; height: 400px; position: absolute; bottom: -130px; z-index: 10; }

/*Avaliações*/
#container-avaliacoes { width: 100%; height: 1400px; position: relative; float: left; background-color: #fffdf6; z-index: 101; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -87px; }

/*Planos*/
#planos-saga-pet { width: 100%; height: auto; position: relative; float: left; background-color: #fff5a2; z-index: 190; margin-top: -100px; }
.item-card-plano { width: 32.8%; height: 1040px; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; }
.fix-plano-inf {padding: 0px 90px !important;}

/*Concierge*/
#div-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; padding-bottom: 350px; z-index: 50; }

/*Div faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; margin-top: -200px; padding-bottom: 400px; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -160px; }

/*Rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; margin-top: -90px; padding-bottom: 80px; }

}



@media only screen  
and (min-width:1200px) 
and (max-width:1400px) {


/*Menu fixo*/
#cta-topo-fixo { width: auto; height: auto; position: relative; float: right; margin-top: -38px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }


/*Topo LP*/
#view-topo-lp { width: 90%; height: 100%; position: relative; margin: auto; z-index: 90; }
#ornamento-topo-esquerdo { width: 500px; height: 137px; position: absolute; left: -240px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 500px; background-repeat: no-repeat; }
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -240px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }

#logo-topo-lp { width: 180px; height: 73px; position: relative; float: left; margin-top: 2px; background: url(../img/logo-amigoo-pet.png); background-size: 180px; background-repeat: no-repeat; }
#itens-menu-topo-lp ul li { width: auto; height: auto; position: relative; float: left; margin-right: 22px; font-size: 20px; color: #3f3f63; font-weight: 600; cursor: pointer; }
#cta-topo { width: auto; height: auto; position: relative; float: right; margin-top: -36px; padding: 12px 25px 12px 55px; color: #fff; font-size: 16px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-topo { width: 35px; height: 35px; position: absolute; left: 9px; margin-top: -6px; background-color: #fff720; border-radius: 50%; }
#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; }
#headline-topo-lp { width: 35%; height: 100%; position: relative; float: left; margin-top: -40px; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 42px; font-weight: 600; color: #744595; line-height: 40px; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #464a6d; margin-top: -10px; }
#cta-headline { width: auto; height: auto; position: relative; float: left; margin-top: -10px; padding: 12px 23px 15px 59px; color: #fff; font-size: 19px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-topo-headline { width: 35px; height: 35px; position: absolute; left: 10px; margin-top: -29px; background-color: #fff720; border-radius: 50%; }
#pata-cta-topo-headline { width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -12.5px; margin-top: -13.5px; background: url(../img/pata-cta.png); background-size: 25px; }
#osso-topo { width: 800px; height: 558px; position: absolute; right: -100px; top: -170px; transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }


/*Como funciona*/
#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: -210px; z-index: 100; background-color: #08c9d5; }
#osso-grande-esquerdo { width: 220px; height: 197px; position: absolute; left: 0px; top: -160px; background: url(../img/osso-grande-esquerdo.png); background-size: 220px; }
#osso-pequeno-esquerdo { width: 400px; height: 325px; position: absolute; left: -200px; top: 370px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 400px; z-index: 90; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -210px; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; }
#headline-como-funciona h2 { width: 100%; height: auto; position: relative; float: left; font-size: 40px; color: #fff; font-weight: 700; text-align: center; padding: 0px 360px; }
#headline-como-funciona p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 23px; color: #fff; font-weight: 400; text-align: center; padding: 0px 220px; }

#cta-int-como-funciona { transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); }

/*Coberturas*/
#bloco-corbeturas { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0%; margin-top: 170px; }
#bloco-coberturas-int { width: 1000px; height: 420px; position: relative; margin: auto; background-color: #fff; border-radius: 20px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#bloco-coberturas-int h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #2e2e2e; font-size: 28px; font-weight: 700; text-align: center; }
.span-1-coberturas { color: #f3564e; font-size: 34px; font-weight: 800; }
.span-2-coberturas { color: #00c0ff; font-size: 34px; font-weight: 800; }
.item-bloco-cobertura p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 16px; font-weight: 600; z-index: 2; }
.item-bloco-cobertura-last-child p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 16px; font-weight: 600; z-index: 2; }
#cta-coberturas { transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); }

/*Avaliações*/
#container-avaliacoes { width: 100%; height:1200px; position: relative; float: left; margin-top: -160PX; background-color: #fffdf6; z-index: 101; }
#bg-pata-avaliacoes-e { width: 220px; height: 290px; position: absolute; left: 0px; top: 310px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 220px; }
#bg-pata-avaliacoes-d { width: 230px; height: 363px; position: absolute; right: 0px; top: -50px; background: url(../img/bg-paga-depoimentos.png); background-size: 230px; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
#faixa-slide-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding-top: -40px; overflow: hidden; }
#onda-depoimentos { width: 100%; height: 400px; position: absolute; bottom: -330px; z-index: 89; }

/*Planos saga pet*/
#planos-saga-pet { width: 100%; height: auto; position: relative; float: left; background-color: #fff5a2; z-index: 190; margin-top: 180PX; }
#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -260px; }
#view-card-planos { width: 1180px; height: auto; position: relative; margin: auto; }
.item-card-plano { width: 32.8%; height: 1070px; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; }
.indicacao-card-plano p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #00b8ff; text-align: center; padding: 0px 30px; font-weight: 500; margin-top: 4px; }
.fix-plano-inf {padding: 0px 100px !important;}

/*Concierge*/
#div-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; padding-bottom: 130px; z-index: 50; }
#tag-concierge { width: 250px; height: 204px; position: absolute; top: 10px; left: 240px; background: url(../img/tag-concierge.png); background-size: 250px; z-index: 120; }
#seta-tag-concierge { width: 190px; height: 184px; position: absolute; left: 410px; top: 180px; background: url(../img/tag-concierge-seta.png); background-size: 190px; z-index: 110; }
#foto-concierge-out { width: 100%; height: auto; position: relative; float: left; background-color: #8f89d3; overflow: hidden; transform: scale(0.9);  -moz-transform: scale(0.9);  -o-transform: scale(0.9);  -ms-transform: scale(0.9);  -webkit-transform: scale(0.9); margin-left: -40px; }
#foto-concierge-out { width: 100%; height: auto; position: relative; float: left; background-color: #8f89d3; overflow: hidden; transform: scale(0.9);  -moz-transform: scale(0.9);  -o-transform: scale(0.9);  -ms-transform: scale(0.9);  -webkit-transform: scale(0.9); margin-left: -40px; }
#conteudo-concierge { width: 50%; height: auto; position: relative; float: left; padding: 0px 20px 0px 20px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 57px; font-size: 45px; color: #744595; font-weight: 800; }
#conteudo-concierge p { width: 95%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #613e7a; }
#pata-bg-concierge { width: 600px; height: 344px; position: absolute; bottom: -40px; right: 100px; background: url(../img/pata-bg-concierge.png); background-size: 600px; z-index: 1; opacity: 0.8; }
#onda-concierge { width: 100%; height: 400px; position: absolute; bottom: -170px; z-index: 89; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -120px; }

/*Rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; padding-bottom: 80px; margin-top: -150px; }
#view-rodape { width: 95%; height: auto; min-width: 140px; position: relative; margin: auto; padding: 0px 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; color: #403b69; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; color: #403b69; opacity: 0.8; }
#telefone-rodape { width: 19%; height: auto; position: relative; float: left; padding-right: 20px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; color: #403b69; font-weight: 600; }
#formas-de-pagamento-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; color: #403b69; font-weight: 600; }
#logos-d-rodape { width: 22%; height: auto; position: relative; float: right; }
.item-logo-d-rodape { width: 40%; height: auto; position: relative; float: left; margin-top: 67px; padding: 0px 10px; }
.fix-lgo-d-rodape { width: 60%; margin-top: 70px; }


}


@media only screen  
and (min-width:900px) 
and (max-width:1200px) {


/*Menu topo*/
#menu-topo-fixo { width: 100%; height: 70px; position: fixed; top: -90px; background-color: #fff; border-bottom: 1px solid #dadada; z-index: 999; }
#logo-amigoo-pet-menu-fixo { width: 106px; height: 44px; position: relative; float: left; margin-top: 15px; background: url(../img/logo-amigoo-pet.png); background-size: 106px; }
#itens-menu-fixo { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 10px; }
#itens-menu-fixo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; font-size: 17px; color: #3f3f63; font-weight: 600; cursor: pointer; }
#cta-topo-fixo { width: auto; height: auto; position: absolute; float: right; right: -12px; margin-top: 13px; padding: 12px 15px 12px 52px; color: #fff; font-size: 16px; background-color: #4628ff; border-radius: 70px; cursor: pointer; transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); }

#div-topo { width: 100%; height: 1040px; position: relative; float: left; background-color: #fff5a2; }
#ornamento-direito-topo { width: 400px; height: 354px; position: absolute; left: -220px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 420px; }
#view-topo-lp { width: 95%; height: 100%; position: relative; margin: auto; z-index: 90; }
#ornamento-topo-esquerdo { width: 350px; height: 147px; position: absolute; left: -150px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 350px; background-repeat: no-repeat; }
#logo-topo-lp { width: 130px; height: 53px; position: relative; float: left; background: url(../img/logo-amigoo-pet.png); background-size: 130px; }
#itens-menu-topo-lp { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: -3px; }
#itens-menu-topo-lp ul li { width: auto; height: auto; position: relative; float: left; margin-right: 14px; font-size: 17px; color: #3f3f63; font-weight: 600; cursor: pointer; }
#cta-topo { width: auto; height: auto; position: relative; float: right; margin-right: -38px; margin-top: -36px; padding: 12px 20px 12px 57px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; }
#headline-topo-lp { width: 40%; height: 100%; position: relative; float: left; }
#logo-saga-topo-lp { width: 100px; height: 55px; position: relative; float: left; margin-top: -30px; background: url(../img/saga-corretora.png); background-size: 100px; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 40px; font-weight: 600; color: #744595; line-height: 39px; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #464a6d; margin-top: -10px; }
#cta-headline { width: auto; height: auto; position: relative; float: left; margin-top: -14px; padding: 12px 30px 15px 65px; color: #fff; font-size: 19px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-topo-headline { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -32px; background-color: #fff720; border-radius: 50%; }
#ilustracao-topo-lp { width: 60%; height: 100%; position: relative; float: left; }
#tag-promo-home { width: 300px; height: 264px; position: absolute; left: -130px; top: 40px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 300px; transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); }

#osso-topo { width: 800px; height: 558px; position: absolute; right: -160px; top: -210px; transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); }
#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -118px; bottom: -80px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }
#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: -230px; z-index: 100; background-color: #08c9d5; }
#osso-grande-esquerdo { width: 200px; height: 177px; position: absolute; left: 0px; top: -180px; background: url(../img/osso-grande-esquerdo.png); background-size: 200px; }
#osso-pequeno-esquerdo { width: 400px; height: 325px; position: absolute; left: -270px; top: 370px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 400px; z-index: 90; }
#osso-pequeno-direito { width: 250px; height: 181px; position: absolute; right: 10px; top: 20px; background: url(../img/osso-pequeno-direito.png); background-size: 250px; z-index: 90; }
#marca-d-agua-direita-int { width: 350px; height: 415px; position: absolute; right: -150px; top: 0px; background: url(../img/marca-d-agua-direita.png); background-size: 350px; }
#view-como-funciona { width: 95%; height: auto; position: relative; margin: auto; margin-top: 0px; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -120px; }
#pata-int-como-funciona { width: 120px; height: 300px; position: relative; margin: auto; }
.item-pata-lp { width: 50px; height: 54px; position: absolute; top: 0px; background: url(../img/pata-lp.png); background-size: 50px; }
.pata-tp-2 { top: 40px; right: 0px; opacity: 0; }
.pata-tp-3 { top: 100px; left: 0px; opacity: 0; }
.pata-tp-4 { top: 160px; right: 0px; opacity: 0; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; }
#headline-como-funciona h2 { width: 100%; height: auto; position: relative; float: left; font-size: 37px; color: #fff; font-weight: 700; text-align: center; padding: 0px 210px; }
#headline-como-funciona p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 20px; color: #fff; font-weight: 400; text-align: center; padding: 0px 90px; }
#cta-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); }


/*Coberturas*/
#bloco-corbeturas { width: 95%; height: auto; left: 2.5%; position: relative; float: left; margin-left: 0px; margin-top: 110px; }
#bloco-coberturas-int { width: 100%; height: 362px; position: relative; margin: auto; background-color: #fff; border-radius: 20px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#bloco-coberturas-int h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 31px; color: #2e2e2e; font-size: 23px; font-weight: 700; text-align: center; }
.span-1-coberturas { color: #f3564e; font-size: 35px; font-weight: 800; }
.span-2-coberturas { color: #00c0ff; font-size: 35px; font-weight: 800; }
#container-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 10px; }
.item-bloco-cobertura p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 14px; font-weight: 600; line-height: 19px; z-index: 2; }
.item-bloco-cobertura-last-child p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 13px; font-weight: 600; z-index: 2; }
#cta-int-coberturas { width: 300px; height: auto; position: relative; margin: auto; padding: 16px 34px; color: #fff; font-size: 18px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; }
#icone-cta-coberturas { width: 40px; height: 40px; position: absolute; left: 11px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }
#pata-cta-coberturas { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(../img/pata-cta.png); background-size: 30px; }
#legenda-cta-coberturas { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 15px; text-align: center; color: #2e2e2e; opacity: 0.8; }


/*Avaliações*/
#container-avaliacoes { width: 100%; height: 1480px; position: relative; float: left; margin-top: -220px; background-color: #fffdf6; z-index: 101; }
#bg-pata-avaliacoes-e { width: 200px; height: 280px; position: absolute; left: 0px; top: -40px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 200px; }
#bg-pata-avaliacoes-d { width: 199px; height: 313px; position: absolute; right: 0px; top: 200px; background: url(../img/bg-paga-depoimentos.png); background-size: 200px; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
#pata-int-avaliacoes { width: 140px; height: 300px; position: relative; margin: auto; }
.item-pata-lp-2 { width: 60px; height: 65px; position: absolute; background: url(../img/pata-lp-2.png); background-size: 60px; opacity: 1; }
.pata-tp-2 { top: 40px; right: 0px; opacity: 1; }
.pata-tp-3 { top: 100px; left: 0px; opacity: 1; }
#view-avaliacoes h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; color: #744595; font-size: 45px; font-weight: 700; text-align: center; }
.item-card-avaliacao { width: 350px; height:300px; position: relative; float: left; margin-left: 40px; background-color: #fff; border: 1px solid #ffc000; border-radius: 40px; }
.osso-avaliacao { width: 100%; height: auto; position: relative; float: left; margin-top: -45px; transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); }
.item-card-avaliacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 24px; font-weight: 600; color: #794d98; text-align: center; padding: 0px 2px; }
.item-card-avaliacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 20px; font-size: 16px; color: #332c65; font-weight: 500; text-align: center; box-sizing: border-box; }
#cta-int-depoimentos { width: 324px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 20px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; }
#icone-cta-depoimentos { width: 40px; height: 40px; position: absolute; left: 14px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }


/*Planos*/
#planos-saga-pet { width: 100%; height: auto; position: relative; float: left; background-color: #fff5a2; z-index: 190; margin-top: -220px; }
#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -170px; }
#pata-int-planos { width: 140px; height: 300px; position: relative; margin: auto; }
.item-pata-lp-3 { width: 60px; height: 67px; position: absolute; background: url(../img/pata-lp-3.png); background-size: 60px; opacity: 1; }
.pata-tp-2 { top: 70px; right: 0px; opacity: 1; }
.pata-tp-3 { top: 130px; left: 0px; opacity: 1; }
#view-card-planos { width: 99%; height: auto; position: relative; margin: auto; padding-left: 0.5%; }
#card-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; overflow: hidden; }
.item-card-plano { width: 32.7%; height: 1070px; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; }
.icone-card-plano { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; margin-top: -35px; background-color: #ffff; border-radius: 100%; }
.icone-img-card-plano { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; padding: 10px; }
.icone-card-plano-int { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -34px; border-radius: 50%; background-color: #00c0ff; }
.item-card-plano h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; text-align: center; font-size: 25px; color: #5142b1; font-weight: 600; }
.item-card-plano-lista-txt { width: 87%; height: auto; position: relative; float: left; margin-left: 6px; margin-top: 2px; color: #554e81; font-size: 17px; font-weight: 500; text-align: left; }
.preco-plano { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #00b8ff; text-align: center; font-size: 34px; font-weight: 700; }
.limite-plano { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; font-size: 17px; color: #5142b1; text-align: center; font-weight: 500; }
.indicacao-card-plano { width: 100%; height: auto; position: relative; float: left; font-size: 25px; color: #5142b1; text-align: center; font-weight: 800; }
.indicacao-card-plano p { width: 100%; height: 84px; position: relative; float: left; font-size: 17px; color: #00b8ff; text-align: center; padding: 0px 30px; font-weight: 500; margin-top: 4px; }
.cta-int-card-plano { width: 215px; height: auto; position: relative; margin: auto; padding: 15px 27px; color: #fff; font-size: 19px; text-align: right; font-weight: 500; background-color: #4628ff; border-radius: 50px; cursor: pointer; }
.icone-cta-card-plano { width: 40px; height: 40px; position: absolute; left: 11px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }

/*Concierge*/
#div-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; padding-bottom: 420px; z-index: 50; }
#view-concierge { width: 95%; height: auto; position: relative; margin: auto; }
#tag-concierge { width: 250px; height: 204px; position: absolute; top: -50px; left: 170px; background: url(../img/tag-concierge.png); background-size: 250px; z-index: 120; }
#seta-tag-concierge { width: 190px; height: 184px; position: absolute; left: 220px; top: 50px; background: url(../img/tag-concierge-seta.png); background-size: 190px; z-index: 110; }
#foto-concierge-out { width: 100%; height: auto; position: relative; float: left;/* margin-left: -60px; */ background-color: #8f89d3; overflow: hidden;/* transform: scale(0.8); */ }
#cachorro-concierge { width: 350px; height: 377px; position: absolute; left: 50%; margin-left: -235px; margin-bottom: -500px; bottom: 0px; background: url(../img/cachorro-concierge.png); background-size: 350px; z-index: 10; }
#conteudo-concierge { width: 50%; height: auto; position: relative; float: left; padding: 0px 20px 0px 20px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -53px; font-size: 35px; color: #744595; font-weight: 800; }
#conteudo-concierge p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #613e7a; }
#cta-headline-concierge-int { width: auto; height: auto; position: relative; float: left; margin-top: 10px; padding: 12px 30px 15px 58px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-concierge { width: 35px; height: 35px; position: absolute; left: 10px; margin-top: -28px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-concierge { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -135px; font-size: 16px; text-align: center; color: #2e2e2e; opacity: 0.8; }
#pata-bg-concierge { width: 450px; height: 174px; position: absolute; bottom: 280px; right: 110px; background: url(../img/pata-bg-concierge.png); background-size: 450px; z-index: 1; opacity: 0.8; }


/*faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; padding-bottom: 400px; margin-top: -270px; }
#view-faq { width: 95%; height: auto; position: relative; margin: auto; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -100px; }
#pata-int-faq { width: 140px; height: 300px; position: relative; margin: auto; }
.item-pata-lp-faq { width: 60px; height: 65px; position: absolute; background: url(../img/pegadas-faq.png); background-size: 60px; opacity: 1 !important; }
#view-faq h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; margin-bottom: 70px; font-size: 45px; color: #744595; font-weight: 700; text-align: center; }
#view-box-faq { width: 100%; height: auto; position: relative; margin: auto; }
#box-faq { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; border-radius: 30px; }
#box-ligamos-para-vc { width: 90%; height: 290px; position: relative; float: left; margin-left: 5%; margin-top: 60px; background-color: #fff5a2; border-radius: 30px; padding: 0px 40px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 32px; color: #594edb; font-weight: 700; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 20px; color: #302c65; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; }
.item-label-ligamos-pra-vc { width: 26.6%; height: auto; position: relative; float: left; margin-left: -10px; margin-right: 12px; padding: 0px 5px; box-sizing: border-box; }
.item-label-ligamos-pra-vc input { width: 100% !important; height: auto !important; position: relative !important; float: left !important; margin-bottom: 12px !important; padding: 15px 16px !important; box-sizing: border-box !important; border-radius: 15px !important; background-color: #fff !important; color: #009cff !important; font-size: 15px !important; font-weight: 600; border-bottom: solid 1px #4628ff !important; border: 2px solid #4628ff !important; }
#cta-int-form-me-ligue { width: auto; height: auto; position: relative; float: right; margin-top: -32px; padding: 16px 25px 15px 60px; color: #fff; font-size: 16px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 8px; margin-top: -32px; background-color: #fff720; border-radius: 50%; }

/*Rodape*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; padding-bottom: 80px; margin-top: -230px; }
#view-rodape { width: 95%; height: auto; min-width: 140px; position: relative; margin-top: auto; padding-top: 0px; padding-right: 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; }
#horarios-rodape { width: 41%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #403b69; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; color: #403b69; opacity: 0.8; }
#telefone-rodape { width: 24%; height: auto; position: relative; float: left; padding-right: 20px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #403b69; font-weight: 600; }
#formas-de-pagamento-rodape { width: 35%; height: auto; position: relative; float: left; padding-right: 20px; }
#formas-de-pagamento-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #403b69; font-weight: 600; }
#logos-d-rodape { width: 340px; height: auto; right: 50%; position: relative; float: right; margin-right: -170px; margin-top: -50px; }

}



@media only screen  
and (min-width:750px) 
and (max-width:900px) {

.mobile {display: block;}  

#menu-topo-fixo { width: 100%; height: 80px; position: fixed; top: -90px; background-color: #fff; border-bottom: 1px solid #dadada; z-index: 999; display: none; }
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -230px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }
#view-topo-lp { width: 95%; height: 100%; position: relative; margin: auto; z-index: 90; }
#ornamento-topo-esquerdo { width: 570px; height: 147px; position: absolute; left: -250px; top: -20px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 570px; background-repeat: no-repeat; }
#menu-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; display: nobe; }
#logo-topo-lp { width: 200px; height: 82px; position: relative; float: left; background: url(../img/logo-amigoo-pet.png); background-size: 200px; }
#itens-menu-topo-lp { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 10px; display: none; }
#cta-topo { width: auto; height: auto; position: relative; float: right; margin-top: 12px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#headline-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#logo-saga-topo-lp { width: 140px; height: 75px; left: 50%; position: relative; float: left; margin-left: -70px; background: url(../img/saga-corretora.png); background-size: 140px; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 55px; font-weight: 600; color: #744595; line-height: 49px; text-align: center; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #464a6d; margin-top: -10px; text-align: center; }
#mascara-osso { width: 80%; height: 260px; position: absolute; top: 270px; margin-left: 60px; background-color: #fff5a2; z-index: 89; }
#cta-headline { width: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; margin-top: 0px; padding: 12px 30px 15px 65px; color: #fff; font-size: 23px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#ilustracao-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#osso-topo { width: 700px; height: 558px; position: absolute; right: 50%; margin-right: -320px; top: 10px; }
#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -288px; bottom: -10px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; display: none; }
#seta-cta-menu { width: 90px; height: 270px; position: absolute; right: 240px; top: -130px; z-index: 80; background: url(../img/seta-cta-menu.png); background-size: 90px; display: none; }
#pata-laranja-topo { width: 180px; height: 225px; position: absolute; right: 82px; top: 24px; margin-top: 160px; z-index: 85; background: url(../img/pata-laranja-topo.png); background-size: 180px; }
#tag-promo-home { width: 300px; height: 264px; position: absolute; left: 221px; top: 70px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 300px; }
#onda-topo { width: 100%; height: 400px; position: absolute; bottom: -230px; z-index: 89; }

/*Como funciona*/
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -230px; }
#osso-grande-esquerdo { width: 210px; height: 185px; position: absolute; left: 0px; top: -110px; background: url(../img/osso-grande-esquerdo.png); background-size: 210px; }
#osso-pequeno-esquerdo { width: 260px; height: 165px; position: absolute; left: -140px; top: 510px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 260px; z-index: 90; }
#osso-pequeno-direito { width: 220px; height: 161px; position: absolute; right: 0px; top: -60px; background: url(../img/osso-pequeno-direito.png); background-size: 220px; z-index: 90; }
#marca-d-agua-direita-int { width: 350px; height: 415px; position: absolute; right: -210px; top: 0px; background: url(../img/marca-d-agua-direita.png); background-size: 350px; }
#view-como-funciona { width: 90%; height: auto; position: relative; margin: auto; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
#headline-como-funciona h2 { width: 100%; height: auto; position: relative; float: left; font-size: 43px; color: #fff; font-weight: 700; text-align: center; padding: 0px 90px; }
#headline-como-funciona p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 24px; color: #fff; font-weight: 400; text-align: center; padding: 0px 20px; }
#bloco-corbeturas { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 120px; }
#bloco-coberturas-int { width: 100%; height: 420px; position: relative; margin: auto; background-color: #fff; border-radius: 20px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#bloco-coberturas-int h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 41px; color: #2e2e2e; font-size: 34px; font-weight: 700; text-align: center; padding: 0px 20px; }
.span-1-coberturas { color: #f3564e; font-size: 40px; font-weight: 800; }
.span-2-coberturas { color: #00c0ff; font-size: 40px; font-weight: 800; }

#onda-coberturas { width: 100%; height: 400px; position: absolute; bottom: -140px; z-index: 10; }

#container-blocos-coberturas-int{display: none;}
#container-carrossel-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: -33px; overflow: hidden; }
#bloco-coberturas-int { width: 100%; height: 480px; position: relative; margin: auto; background-color: #fff; border-radius: 20px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#container-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; padding: 0px 0px; }
.item-bloco-cobertura { width: 364px; height: auto; position: relative; float: left; margin-left: 20px; padding: 5px 8px; color: #2e2e2e; text-align: center; font-size: 18px; font-weight: 600; margin-right: 1%; line-height: 20px; background-color: #ffc600; border-radius: 10px; overflow: hidden; }
.item-bloco-cobertura p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 24px; line-height: 27px; font-weight: 600; z-index: 2; }


/*Avaliações*/
#container-avaliacoes { width: 100%; height: 1300px; position: relative; float: left; margin-top: -120px; background-color: #fffdf6; z-index: 101; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }

#bg-pata-avaliacoes-e { width: 200px; height: 280px; position: absolute; left: 0px; top: 260px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 200px; }
#bg-pata-avaliacoes-d { width: 200px; height: 303px; position: absolute; right: 0px; top: 10px; background: url(../img/bg-paga-depoimentos.png); background-size: 200px; }

#view-cta-depoimentos { width: 90%; height: auto; position: relative; margin: auto; }
#onda-depoimentos { width: 100%; height: 400px; position: absolute; bottom: -300px; z-index: 89; }
#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -110px; }

/*Planos*/
#view-card-planos { width: 90%; height: auto; position: relative; margin: auto; }
.item-card-plano { width: 100%; height: auto; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; padding-bottom: 50px; margin-bottom: 80px; }
.icone-item-card-plano-lista { width: 35px; height: 35px; position: relative; float: left; background: url(../img/icone-pata.png); background-size: 35px; }
.item-card-plano-lista-txt { width: 90%; height: auto; position: relative; float: left; margin-left: 6px; margin-top: 2px; color: #554e81; font-size: 24px; font-weight: 500; text-align: left; }

/*Concierge*/
#tag-concierge { width: 250px; height: 204px; position: absolute; top: 70px; left: 290px; background: url(../img/tag-concierge.png); background-size: 250px; z-index: 120; }
#view-concierge { width: 95%; height: auto; position: relative; margin: auto; }
#foto-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: -200px; }
#conteudo-concierge { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 0px 20px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 37px; font-size: 45px;/* padding: 0px 170px; */ color: #744595; text-align: center; font-weight: 800; }
#conteudo-concierge p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 23px; padding: 0px 70px; color: #613e7a; text-align: center; }
#cta-headline-concierge-int { width: 352px; height: auto; left: 50%; position: relative; float: left; margin-top: 10px; margin-left: -180px; padding: 12px 30px 15px 65px; color: #fff; font-size: 23px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#pata-bg-concierge { width: 600px; height: 344px; position: absolute; bottom: -240px; right: 100px; background: url(../img/pata-bg-concierge.png); background-size: 600px; z-index: 1; opacity: 0.8; }
#onda-concierge { width: 100%; height: 400px; position: absolute; bottom: -180px; z-index: 89; }

/*faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; margin-top: -70px; padding-bottom: 400px; }
#view-faq { width: 95%; height: auto; position: relative; margin: auto; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#box-out-faq { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: -20px; }
#view-box-faq { width: 90%; height: auto; position: relative; margin: auto; }

#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; }
#box-ligamos-para-vc { width: 90%; height: 450px; position: relative; float: left; margin-left: 5%; margin-top: 60px; background-color: #fff5a2; border-radius: 40px; padding: 0px 40px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 35px; color: #594edb; font-weight: 700; text-align: center; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 22px; color: #302c65; text-align: center; }
.item-label-ligamos-pra-vc { width: 33%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0%; padding: 0px 5px; box-sizing: border-box; }
#cta-form-me-ligue { width: 190px; height: auto; position: absolute; right: 50%; margin-right: -89px; top: 133px; }
#cta-int-form-me-ligue { width: 190px; height: auto; position: relative; float: right; margin-top: -34px; padding: 14px 25px 14px 66px; color: #fff; font-size: 21px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }

/*Inicio rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; padding-bottom: 80px; margin-top: -230px; }
#view-rodape { width: 95%; height: auto; min-width: 10px; position: relative; margin: auto; padding: 0px 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; }
#horarios-rodape { width: 70%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #403b69; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #403b69; opacity: 0.8; }
#telefone-rodape { width: 30%; height: auto; position: relative; float: left; padding-right: 20px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #403b69; font-weight: 600; }
#telefone-int-rodape { width: auto; height: auto; position: relative; float: left; margin-top: -2px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; }
#formas-de-pagamento-rodape { width: 50%; height: auto; position: relative; float: left; padding-right: 20px; }
#formas-de-pagamento-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #403b69; font-weight: 600; }
#logos-d-rodape { width: 46%; height: auto; position: relative; float: right; margin-top: -10px; }


}



@media only screen  
and (min-width:350px) 
and (max-width:750px) {

.mobile {display: block;}  

#whatsapp-btn { width: auto; height: auto; position: fixed; bottom: 20px; right: 3%; background-color: #25d366; border-radius: 50px; z-index: 900; padding: 7px 10px 7px 18px; }

#menu-topo-fixo { width: 100%; height: 80px; position: fixed; top: -90px; background-color: #fff; border-bottom: 1px solid #dadada; z-index: 999; display: none; }
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -260px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }
#div-topo { width: 100%; height: 950px; position: relative; float: left; background-color: rgba(255, 245, 162, 0); overflow: hidden; }
#bg-topo-mobile { width: 100%; height: 690px; position: absolute; z-index: 1; background-color: #fff5a2; }
#pontos-topo { width: 550px; height: 125px; position: absolute; right: 0px; top: -58px; background: url(../img/pontos-topo.png); background-size: 550px; z-index: 150; }
#view-topo-lp { width: 95%; height: 100%; position: relative; margin: auto; z-index: 120; }
#ornamento-topo-esquerdo { width: 570px; height: 147px; position: absolute; left: 50%; margin-left: -310px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 570px; background-repeat: no-repeat; }
#menu-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 15px;/* display: none; */ }
#logo-topo-lp { width: 200px; height: 82px; position: relative; float: left; left: 50%; margin-left: -100px; margin-top: 21px; background: url(../img/logo-amigoo-pet.png); background-size: 200px; }
#itens-menu-topo-lp { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 10px; display: none; }
#cta-topo { width: auto; height: auto; position: relative; float: right; margin-top: 12px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; display: none; }
#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#headline-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#logo-saga-topo-lp { width: 140px; height: 75px; left: 50%; position: relative; float: left; margin-left: -70px; background: url(../img/saga-corretora.png); background-size: 140px; display: none; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 35px; font-weight: 800; color: #744595; line-height: 37px; text-align: center; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 22px; padding: 0px 50px; color: #464a6d; margin-top: -10px; text-align: center; font-weight: 500;}
#cta-headline { width: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; margin-top: 0px; padding: 12px 30px 15px 65px; font-weight: 500; color: #fff; font-size: 23px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#ilustracao-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#osso-topo { width: 700px; height: 558px; position: absolute; right: 50%; margin-right: -313px; top: 70px; transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}
#osso-topo-int { width: 550px; height: 380px; position: absolute; left: 50%; margin-left: -235px; background: url(../img/osso-headline.png); background-size: 550px; z-index: 90; }
#circulo-osso-topo { width: 330px; height: 240px; position: absolute; top: -20px; left: 210px; margin-top: 0px; background-color: #ffc600; border-radius: 200px 200px 0px 0px; z-index: 80; }

#pata-rosa-topo { width: 170px; height: 310px; position: absolute; left: 120px; top: 10px; margin-top: 70px; z-index: 85; background: url(../img/pata-rosa-topo.png); background-size: 170px; }
#pata-azul-topo { width: 140px; height: 239px; position: absolute; left: 280px; top: 80px; margin-top: 80px; z-index: 85; background: url(../img/pata-azul-topo.png); background-size: 140px; display: none; }
#pata-laranja-topo { width: 180px; height: 225px; position: absolute; right: 102px; top: -38px; margin-top: 70px; z-index: 85; background: url(../img/pata-laranja-topo.png); background-size: 180px; }

#tag-promo-home { width: 220px; height: 194px; position: absolute; left: 261px; top: 20px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 220px; }
#mascara-osso { width: 80%; height: 420px; position: absolute; top: 190px; margin-left: 60px; background-color: rgba(255, 245, 162, 0); z-index: 89; }

#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -288px; bottom: -10px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; display: none; }
#seta-cta-menu { width: 90px; height: 270px; position: absolute; right: 240px; top: -130px; z-index: 80; background: url(../img/seta-cta-menu.png); background-size: 90px; display: none; }
#onda-topo { width: 100%; height: 400px; position: absolute; bottom: -230px; z-index: 89; display: none; }

/*Como funciona*/
#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: -188px; z-index: 100; background-color: #08c9d5; overflow: hidden; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; opacity: 0.7; }
#pata-int-como-funciona { width: 120px; height: 300px; position: relative; margin: auto; }
.item-pata-lp { width: 50px; height: 52px; position: absolute; top: 0px; background: url(../img/pata-lp.png); background-size: 50px; }
.pata-tp-2 { top: 60px; right: 0px; opacity: 1; }
.pata-tp-3 { top: 110px; left: 0px; opacity: 1; }
.pata-tp-4 { top: 180px; right: 0px; opacity:1; }
#osso-grande-esquerdo { width: 210px; height: 185px; position: absolute; left: 0px; top: -110px; background: url(../img/osso-grande-esquerdo.png); background-size: 210px; display: none; }
#osso-pequeno-esquerdo { width: 150px; height: 121px; position: absolute; left: 78%; top: 370px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 150px; z-index: 90; transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -moz-transform: rotate(150deg); -webkit-transform: rotate(150deg);}
#osso-pequeno-direito { width: 220px; height: 159px; position: absolute; right: 0px; top: 90px; background: url(../img/osso-pequeno-direito.png); background-size: 220px; z-index: 90; }
#marca-d-agua-direita { width: 350px; height: 425px; position: absolute; right: 0px; top: -20px; overflow: hidden; }
#marca-d-agua-direita-int { width: 350px; height: 415px; position: absolute; right: -210px; top: 0px; background: url(../img/marca-d-agua-direita.png); background-size: 350px; }

#marca-d-agua-esquerda-int { width: 350px; height: 443px; position: absolute; left: -100px; top: 550px; background: url(../img/marca-d-agua-esquerda.png); background-size: 350px; display: none; }

#view-como-funciona { width: 100%; height: auto; position: relative; margin: auto; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; }
#headline-como-funciona h2 { width: 80%; height: auto; position: relative; float: left; font-size: 28px; color: #fff; font-weight: 700; text-align: left; padding: 0px 20px; }
#headline-como-funciona p { width: 84%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 18px; color: #fff; font-weight: 410; text-align: left; padding: 0px 20px; }
#cta-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; }
#cta-int-como-funciona { width: 310px; height: auto; position: relative; margin: unset; margin-left: 20px; padding: 16px 34px; color: #fff; font-size: 19px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; font-weight: 600; }
#icone-cta-como-funciona { width: 40px; height: 40px; position: absolute; left: 12px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-como-funciona { width: 290px; height: auto; position: absolute; bottom: -85px; left: 50%; margin-left: -151px; font-size: 16px; text-align: left; color: #fff; opacity: 0.8; }

#bloco-corbeturas { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 120px; }
#bloco-coberturas-int { width: 100%; height: 381px; position: relative; margin: auto; background-color: #fff; border-radius: 38px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#bloco-coberturas-int h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; color: #2e2e2e; font-size: 17px; font-weight: 700; text-align: center; padding: 0px 20px; line-height: 25px; }
.span-1-coberturas { color: #f3564e; font-size: 30px; font-weight: 800; }
.span-2-coberturas { color: #00c0ff; font-size: 30px; font-weight: 800; }
#onda-coberturas { width: 100%; height: 400px; position: absolute; bottom: -160px; z-index: 10; }
#container-blocos-coberturas-int{display: none;}
#container-carrossel-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: -53px; overflow: hidden; }
#cta-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 29px; }
#cta-int-coberturas { width: 294px; height: auto; position: relative; margin: auto; padding: 16px 25px; color: #fff; font-size: 18px; text-align: right; background-color: #4628ff; border-radius: 50px; font-weight: 600; cursor: pointer; }
#icone-cta-coberturas { width: 40px; height: 40px; position: absolute; left: 11px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-coberturas { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 14px; text-align: center; color: #2e2e2e; opacity: 0.8; }
#pata-esquerda-coberturas { width: 330px; height: 182px; position: absolute; top: 84px; left: 310px; background: url(../img/pata-esquerda-coberturas.png); background-size: 330px; }
#pata-direita-coberturas { width: 330px; height: 182px; position: absolute; top: 58px; right: 310px; background: url(../img/pata-direita-coberturas.png); background-size: 330px; }

#container-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; padding: 0px 0px; }
.item-bloco-cobertura { width: 254px; height: auto; position: relative; float: left; margin-left: 20px; padding: 5px 8px; color: #2e2e2e; text-align: center; font-size: 8px; font-weight: 600; margin-right: 1%; line-height: 20px; background-color: #ffc600; border-radius: 10px; overflow: hidden; }
.item-bloco-cobertura p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 19px; line-height: 21px; font-weight: 600; z-index: 2; }
.last-item-slide-coberturas{width: 100px !important; display: none;}

/*Avaliações*/
#container-avaliacoes { width: 100%; height:830px; position: relative; float: left; margin-top: -160px; background-color: rgb(255, 253, 246); z-index: 101; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -43px; display: none; }
#pata-int-avaliacoes { width: 110px; height: 300px; position: relative; margin: auto; }
.item-pata-lp-2 { width: 50px; height: 54px; position: absolute; background: url(../img/pata-lp-2.png); background-size: 50px; opacity: 1; }
#bg-pata-avaliacoes-e { width: 100px; height: 131px; position: absolute; left: 0px; top: 90px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 100px; display: none; }
#bg-pata-avaliacoes-d { width: 100px; height: 153px; position: absolute; right: 0px; top: 10px; background: url(../img/bg-paga-depoimentos.png); background-size: 100px; display: none; }
#view-avaliacoes h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 102px; color: #744595; font-size: 32px; font-weight: 700; text-align: center; }
#controles-slider-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; display: none; }
#faixa-slide-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding-top: -40px; overflow: hidden; }
.item-card-avaliacao { width: 320px; height: 300px; position: relative; float: left; margin-left: 20px; background-color: #fff; border: 1px solid #ffefbe; border-radius: 38px; }
.osso-avaliacao { width: 100%; height: auto; position: relative; float: left; margin-top: -45px; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
.item-card-avaliacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 24px; font-weight: 600; color: #794d98; text-align: center; padding: 0px 2px; }
.span-card-avaliacao { color: #00c0ff; font-size: 19px; font-weight: 410; }
.item-card-avaliacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 20px; font-size: 16px; color: #332c65; font-weight: 500; text-align: center; box-sizing: border-box; }

#view-cta-depoimentos { width: 90%; height: auto; position: relative; margin: auto; }
#cta-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#pata-e-depoimentos { width: 150px; height: 349px; position: absolute; left: 20px; background: url(../img/pata-e-depoimentos.png); background-size: 150px; bottom: -410px; margin-bottom: -240px; }
#pata-d-depoimentos { width: 139px; height: 359px; position: absolute; right: 20px; background: url(../img/pata-direita-depoimentos.png); background-size: 140px; bottom: -400px; margin-bottom: -240px; }
#cta-int-depoimentos { width: 300px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 18px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; font-weight: 500; }
#icone-cta-depoimentos { width: 40px; height: 40px; position: absolute; left: 14px; margin-top: -32px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-depoimentos { width: 330px; height: auto; position: absolute; bottom: -55px; left: 50%; margin-left: -165px; font-size: 15px; text-align: center; color: #2e2e2e; opacity: 0.8; }
#onda-depoimentos { width: 100%; height: 400px; position: absolute; bottom: -300px; z-index: 89; }
#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }

/*Planos*/
#marca-d-gua-e-planos { width: 400px; height: 697px; position: absolute; left: -20px; top: 500px; background: url(../img/marca-d-gua-e-planos.png); background-size: 400px; display: none; }
#marca-d-gua-d-planos { width: 300px; height: 542px; position: absolute; right: 0px; top: 30px; background: url(../img/marca-d-gua-d-planos.png); background-size: 300px; display: none; }
.item-pata-lp-3 { width: 80px; height: 88px; position: absolute; background: url(../img/pata-lp-3.png); background-size: 80px; opacity: 1; }

#planos-saga-pet { width: 100%; height: auto; position: relative; float: left; background-color: #fff5a2; z-index: 190; margin-top: -20px; }
#view-card-planos { width: 95%; height: auto; position: relative; margin: auto; }
#view-card-planos h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 34px; color: #744595; font-weight: 700; text-align: center; }
#container-cards-planos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#card-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -100px; overflow: hidden; }
.item-card-plano { width: 99%; height: auto; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; padding-bottom: 50px; margin-bottom: 80px; }
.indicacao-card-plano p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #00b8ff; text-align: center; padding: 0px 20px; font-weight: 500; margin-top: 4px; }
.itens-card-plano-lista { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 15px; }
.icone-item-card-plano-lista { width: 30px; height: 31px; position: relative; float: left; background: url(../img/icone-pata.png); background-size: 30px; }
.item-card-plano-lista-txt { width: 80%; height: auto; position: relative; float: left; margin-left: 12px; margin-top: 2px; color: #554e81; font-size: 19px; font-weight: 500;/* display: none; */ text-align: left; }
#tag-plano-vendido { width: 120px; height: 101px; position: absolute; top: -50px; left: 230px; background: url(../img/tag-plano-vendido.png); background-size: 120px; z-index: 20; }

/*Concierge*/
#tag-concierge { width: 200px; height: 162px; position: absolute; top: -20px; left: 180px; background: url(../img/tag-concierge.png); background-size: 200px; z-index: 120; }
#seta-tag-concierge { width: 190px; height: 184px; position: absolute; left: 490px; top: 180px; background: url(../img/tag-concierge-seta.png); background-size: 190px; z-index: 110; display: none; }
#view-concierge { width: 95%; height: auto; position: relative; margin: auto; }
#foto-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: -200px; margin-left: -40px; }
#cachorro-concierge { width: 330px; height: 367px; position: absolute; left: 50%; margin-left: -215px; margin-bottom: -500px; bottom: -40px; background: url(../img/cachorro-concierge.png); background-size: 330px; z-index: 10; }
#conteudo-concierge { width: 100%; height: auto; position: relative; float: left; padding: 0px 2px 0px 20px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 38px; font-size: 34px;/* padding: 0px 170px; */ color: #744595; text-align: left; font-weight: 800; }
#conteudo-concierge p { width: 89%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; padding: 0px 0px; color: #613e7a; text-align: left; font-weight: 420; }
#cta-headline-concierge-int { width: 325px; height: auto; left: 20px; position: relative; float: left; margin-top: 10px; margin-left: -22px; padding: 12px 9px 15px 65px; color: #fff; font-size: 21px; background-color: #4628ff; border-radius: 70px; cursor: pointer; font-weight: 430; }

#legenda-cta-concierge { width: 100%; height: auto; position: absolute; bottom: -85px; left: 50%; margin-left: -165px; font-size: 17px; text-align: left; color: #2e2e2e; opacity: 0.8; }
#pata-bg-concierge { width: 600px; height: 344px; position: absolute; bottom: -240px; right: 100px; background: url(../img/pata-bg-concierge.png); background-size: 600px; z-index: 1; opacity: 0.8; }
#onda-concierge { width: 100%; height: 400px; position: absolute; bottom: -250px; z-index: 89; }

/*faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; margin-top: -70px; padding-bottom: 400px; }
#view-faq { width: 95%; height: auto; position: relative; margin: auto; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; }
#pata-int-faq { width: 120px; height: 160px; position: relative; margin: auto; }
#pata-d-faq { display: none; }
#pata-e-faq { display: none; }
.item-pata-lp-faq { width: 60px; height: 63px; position: absolute; background: url(../img/pegadas-faq.png); background-size: 60px; opacity: 1 !important; }
#box-faq { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; border-radius: 30px; }
#box-faq-int { width: 100%; height: auto; position: relative; z-index: 10; background-color: #fff; border-radius: 30px; overflow: hidden; }
#box-out-faq { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: -40px; }
#view-box-faq { width: 100%; height: auto; position: relative; margin: auto; }
#view-faq h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; margin-bottom: 70px; font-size: 31px; color: #744595; font-weight: 700; text-align: center; }
.collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; font-size: 16px; font-weight: 500; color: #725c81; background-color: #fff; border-bottom: 1px solid #ddd; }
.icone-pata-faq-perguntas { width: 30px; height: 30px; position: relative; float: left; background: url(../img/icone-pata-faq.png); background-size: 30px; margin-top: -1px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; }
#box-ligamos-para-vc { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 38px; background-color: #fff5a2; border-radius: 30px; padding: 0px 20px 110px 20px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 24px; color: #594edb; font-weight: 700; text-align: center; }
#box-ligamos-para-vc p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 17px; font-weight: 410; color: #302c65; text-align: center; }
.item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0%; padding: 0px 5px; box-sizing: border-box; }
#cta-form-me-ligue { width: 190px; height: auto; position: absolute; right: 50%; margin-right: -94px; top: 276px; }
#cta-int-form-me-ligue { width: 190px; height: auto; position: relative; float: right; margin-top: -34px; padding: 14px 25px 14px 66px; color: #fff; font-size: 21px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }

/*Inicio rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; padding-bottom: 120px; margin-top: -320px; }
#view-rodape { width: 100%; height: auto; min-width: 10px; position: relative; margin: auto; padding: 0px 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#logo-int-rodape { width: 200px; height: 82px; position: relative; margin: auto; background: url(../img/logo-amigoo-pet.png); background-size: 200px; }
#infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 25px; color: #403b69; font-weight: 600; text-align: center; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #403b69; opacity: 0.8; text-align: center; }
#telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 25px; color: #403b69; font-weight: 600; text-align: center; }
#telefone-int-rodape { width: 160px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -80px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; }
#formas-de-pagamento-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; text-align: center; margin-top: 20px; }
#formas-de-pagamento-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #403b69; font-weight: 600; }
#img-bandeiras-pagamento { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: -9px; padding: 0px 30px; }
#logos-d-rodape { width: 100%; height: auto; position: relative; float: right; margin-top: -39px; }

/*Formulário*/
#janela-formulario { width: 90%; height: 600px; position: fixed; top: -550%; margin-top: -285px; left: 5%; margin-left: 0px; background-color: #ffffff; border-radius: 20px; z-index: 9999; opacity: 0; }
#cta-formulario-assinatura-e-1 { width: 100%; height: auto; position: absolute; bottom: 38px; }
.instrucoes-form { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 16px; color: #5142b1; text-align: center; padding: 0px 20px; font-weight: 420; }
.item-btn-escolha-atendimento { width: 100%; height: 105px; position: relative; float: left; margin-bottom: 10px; background-color: #5142b1; border: 1px solid #5142b1; border-radius: 15px; cursor: pointer; }
.foto-escolha-atendimento { width: 70px; height: 70px; position: relative; float: left; margin-left: 10px; margin-top: 15px; background-color: #7163d0; border-radius: 100%; border: 4px  solid #fff32f; overflow: hidden; }
.foto-int-escolha-atendimento { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -41.5px; margin-top: -42.5px; }
.info-escolha-atendimento { width: 48%; height: auto; position: relative; float: left; margin-top: 18px; margin-left: 10px; font-size: 13px; color: #fff; font-weight: 420; line-height: 21px; }
.seta-escolha-atendimento { width: 20px; height: 35px; position: absolute; right: 24px; top: 33px; background: url(../img/seta-escolha-atendimento.png); background-size: 20px; }
.item-btn-escolha-atendimento { width: 100%; height: 105px; position: relative; float: left; margin-bottom: 10px; background-color: #5142b1; border: 1px solid #5142b1; border-radius: 15px; cursor: pointer; }


/*Janela aviso contato enviado*/
#mascara-contato-enviado{width: 100%; height: 100%; position: fixed; background-color: #fffac9; z-index:999; opacity: 0.9; }
#janela-aviso-contato-enviado { width: 90%; height: 380px; position: fixed; left: 5%; top: 50%; margin-left: 0px; margin-top: -200px; background-color: #fff; border-radius: 50px; z-index: 99999; overflow: hidden; }
#janela-aviso-perfil-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-aviso-perfil-contato-enviado-int {width: 105px; height: 80px; position: relative; margin: auto;}
#janela-conteudo-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-conteudo-contato-enviado h4 {width: 100%; height: auto; position: relative; float: left; margin-top: 5px; text-align: center; font-size: 28px; font-weight: 800; color:#5b48d1;}
#janela-conteudo-contato-enviado p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #000; text-align: center; padding: 0px 10px; }

#logos-rodape-contato-enviado{width: 100%; height: auto; position: absolute; bottom:40px; }
#logos-rodape-int-contato-enviado {width: 250px; height: auto; position: relative; margin: auto;}
#contador-contato-enviado{width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7;}
 


}


@media only screen  
and (min-width:150px) 
and (max-width:350px) {

.mobile {display: block;}  

#whatsapp-btn { width: auto; height: auto; position: fixed; bottom: 20px; right: 3%; background-color: #25d366; border-radius: 50px; z-index: 900; padding: 7px 10px 7px 18px; }

#menu-topo-fixo { width: 100%; height: 80px; position: fixed; top: -90px; background-color: #fff; border-bottom: 1px solid #dadada; z-index: 999; display: none; }
#ornamento-direito-topo { width: 500px; height: 494px; position: absolute; left: -260px; top: 250px; background: url(../img/ornamento-direito-topo.png); background-size: 500px; }
#div-topo { width: 100%; height: 950px; position: relative; float: left; background-color: rgba(255, 245, 162, 0); overflow: hidden; }
#bg-topo-mobile { width: 100%; height: 690px; position: absolute; z-index: 1; background-color: #fff5a2; }
#pontos-topo { width: 550px; height: 125px; position: absolute; right: 0px; top: -58px; background: url(../img/pontos-topo.png); background-size: 550px; z-index: 150; }
#view-topo-lp { width: 95%; height: 100%; position: relative; margin: auto; z-index: 120; }
#ornamento-topo-esquerdo { width: 570px; height: 147px; position: absolute; left: 50%; margin-left: -310px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 570px; background-repeat: no-repeat; }
#menu-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 15px;/* display: none; */ }
#logo-topo-lp { width: 200px; height: 82px; position: relative; float: left; left: 50%; margin-left: -100px; margin-top: 21px; background: url(../img/logo-amigoo-pet.png); background-size: 200px; }
#itens-menu-topo-lp { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 10px; display: none; }
#cta-topo { width: auto; height: auto; position: relative; float: right; margin-top: 12px; padding: 12px 25px 12px 60px; color: #fff; font-size: 18px; background-color: #4628ff; border-radius: 70px; cursor: pointer; display: none; }
#conteudo-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#headline-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#logo-saga-topo-lp { width: 140px; height: 75px; left: 50%; position: relative; float: left; margin-left: -70px; background: url(../img/saga-corretora.png); background-size: 140px; display: none; }
#headline-topo-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 31px; font-weight: 800; color: #744595; line-height: 32px; text-align: center; }
#headline-topo-lp p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; padding: 0px 40px; color: #464a6d; margin-top: -1px; text-align: center; font-weight: 500; }
#cta-headline { width: 266px; height: auto; left: 50%; position: relative; float: left; margin-left: -129px; margin-top: -10px; padding: 12px 30px 15px 65px; font-weight: 500; color: #fff; font-size: 20px; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#ilustracao-topo-lp { width: 100%; height: 100%; position: relative; float: left; }
#osso-topo { width: 700px; height: 558px; position: absolute; right: 50%; margin-right: -313px; top: 70px; transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg); }
#osso-topo-int { width: 550px; height: 380px; position: absolute; left: 50%; margin-left: -235px; background: url(../img/osso-headline.png); background-size: 550px; z-index: 90; }
#circulo-osso-topo { width: 330px; height: 240px; position: absolute; top: -20px; left: 210px; margin-top: 0px; background-color: #ffc600; border-radius: 200px 200px 0px 0px; z-index: 80; }
#pata-rosa-topo { width: 170px; height: 310px; position: absolute; left: 120px; top: 10px; margin-top: 70px; z-index: 85; background: url(../img/pata-rosa-topo.png); background-size: 170px; }
#pata-azul-topo { width: 140px; height: 239px; position: absolute; left: 280px; top: 80px; margin-top: 80px; z-index: 85; background: url(../img/pata-azul-topo.png); background-size: 140px; display: none; }
#pata-laranja-topo { width: 180px; height: 225px; position: absolute; right: 102px; top: -38px; margin-top: 70px; z-index: 85; background: url(../img/pata-laranja-topo.png); background-size: 180px; }
#tag-promo-home { width: 220px; height: 194px; position: absolute; left: 261px; top: 20px; z-index: 91; background: url(../img/tag-promo-home.png); background-size: 220px; }
#mascara-osso { width: 80%; height: 420px; position: absolute; top: 190px; margin-left: 60px; background-color: rgba(255, 245, 162, 0); z-index: 89; }
#seta-cta-headline { width: 400px; height: 143px; position: absolute; left: -288px; bottom: -10px; background: url(../img/seta-cta-headline.png); background-size: 400px; z-index: 80; display: none; }
#seta-cta-menu { width: 90px; height: 270px; position: absolute; right: 240px; top: -130px; z-index: 80; background: url(../img/seta-cta-menu.png); background-size: 90px; display: none; }
#onda-topo { width: 100%; height: 400px; position: absolute; bottom: -230px; z-index: 89; display: none; }

/*Como funciona*/
#div-como-funciona { width: 100%; height: 1330px; position: relative; float: left; margin-top: -228px; z-index: 100; background-color: #08c9d5; overflow: hidden; }
#patas-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; opacity: 0.7; }
#pata-int-como-funciona { width: 120px; height: 300px; position: relative; margin: auto; }
.item-pata-lp { width: 50px; height: 52px; position: absolute; top: 0px; background: url(../img/pata-lp.png); background-size: 50px; }
.pata-tp-2 { top: 60px; right: 0px; opacity: 1; }
.pata-tp-3 { top: 110px; left: 0px; opacity: 1; }
.pata-tp-4 { top: 180px; right: 0px; opacity: 1; }
#osso-grande-esquerdo { width: 210px; height: 185px; position: absolute; left: 0px; top: -110px; background: url(../img/osso-grande-esquerdo.png); background-size: 210px; display: none; }
#osso-pequeno-esquerdo { width: 150px; height: 121px; position: absolute; left: 300px; top: 370px; background: url(../img/osso-pequeno-esquerdo.png); background-size: 150px; z-index: 90; transform: rotate(150deg); -ms-transform: rotate(150deg); -moz-transform: rotate(150deg); -webkit-transform: rotate(150deg); -o-transform: rotate(150deg);}
#osso-pequeno-direito { width: 220px; height: 159px; position: absolute; right: 0px; top: 90px; background: url(../img/osso-pequeno-direito.png); background-size: 220px; z-index: 90; }
#marca-d-agua-direita { width: 350px; height: 425px; position: absolute; right: 0px; top: -20px; overflow: hidden; }
#marca-d-agua-direita-int { width: 350px; height: 415px; position: absolute; right: -210px; top: 0px; background: url(../img/marca-d-agua-direita.png); background-size: 350px; }
#marca-d-agua-esquerda-int { width: 350px; height: 443px; position: absolute; left: -100px; top: 550px; background: url(../img/marca-d-agua-esquerda.png); background-size: 350px; display: none; }
#view-como-funciona { width: 100%; height: auto; position: relative; margin: auto; }
#headline-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; }
#headline-como-funciona h2 { width: 80%; height: auto; position: relative; float: left; font-size: 28px; color: #fff; font-weight: 700; text-align: left; padding: 0px 20px; }
#headline-como-funciona p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 17px; color: #fff; font-weight: 400; text-align: left; padding: 0px 20px; }
#cta-como-funciona { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; }
#cta-int-como-funciona { width: 260px; height: auto; position: relative; margin: unset; margin-left: 13px; padding: 16px 20px; color: #fff; font-size: 16px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; font-weight: 600; }
#icone-cta-como-funciona { width: 35px; height: 35px; position: absolute; left: 11px; margin-top: -28px; background-color: #fff720; border-radius: 50%; }
#pata-cta-como-funciona { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15.5px; margin-top: -14.5px; background: url(../img/pata-cta.png); background-size: 30px; }
#legenda-cta-como-funciona { width: 270px; height: auto; position: absolute; bottom: -85px; left: 50%; margin-left: -121px; font-size: 16px; text-align: left; color: #fff; opacity: 0.8; }
#bloco-corbeturas { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 120px; }
#bloco-coberturas-int { width: 100%; height: 341px; position: relative; margin: auto; background-color: #fff; border-radius: 18px; z-index: 20; -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.1); }
#bloco-coberturas-int h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; color: #2e2e2e; font-size: 14px; font-weight: 700; text-align: center; padding: 0px 20px; line-height: 25px; }
.span-1-coberturas { color: #f3564e; font-size: 25px; font-weight: 800; }
.span-2-coberturas { color: #00c0ff; font-size: 25px; font-weight: 800; }
#onda-coberturas { width: 100%; height: 400px; position: absolute; bottom: -130px; z-index: 10; }
#container-blocos-coberturas-int { display: none; }
#container-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 0px; }
#cta-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; }
#cta-int-coberturas { width: 294px; height: auto; position: relative; margin: auto; padding: 16px 25px; color: #fff; font-size: 18px; text-align: right; background-color: #4628ff; border-radius: 50px; font-weight: 600; cursor: pointer; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
#icone-cta-coberturas { width: 40px; height: 40px; position: absolute; left: 11px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-coberturas { width: 330px; height: auto; position: absolute; bottom: -60px; left: 50%; margin-left: -165px; font-size: 14px; text-align: center; color: #2e2e2e; opacity: 0.8; }
#pata-esquerda-coberturas { width: 330px; height: 182px; position: absolute; top: 84px; left: 310px; background: url(../img/pata-esquerda-coberturas.png); background-size: 330px; }
#pata-direita-coberturas { width: 330px; height: 182px; position: absolute; top: 58px; right: 310px; background: url(../img/pata-direita-coberturas.png); background-size: 330px; }
#container-blocos-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: -58px; padding: 0px 0px; }
.item-bloco-cobertura { width: 230px; height: auto; position: relative; float: left; margin-left: 20px; padding: 5px 8px; color: #2e2e2e; text-align: center; font-size: 7px; font-weight: 600; margin-right: 1%; line-height: 20px; background-color: #ffc600; border-radius: 10px; overflow: hidden; }
.item-bloco-cobertura p { width: 100%; height: auto; position: relative; float: left; color: #2e2e2e; text-align: center; font-size: 17px; line-height: 21px; font-weight: 600; z-index: 2; }
.last-item-slide-coberturas{width: 100px !important; display: none;}

/*Avaliações*/
#container-avaliacoes { width: 100%; height:880px; position: relative; float: left; margin-top: -200px; background-color: rgb(255, 253, 246); z-index: 101; }
#patas-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -43px; display: none; }
#pata-int-avaliacoes { width: 110px; height: 300px; position: relative; margin: auto; }
.item-pata-lp-2 { width: 50px; height: 54px; position: absolute; background: url(../img/pata-lp-2.png); background-size: 50px; opacity: 1; }
#bg-pata-avaliacoes-e { width: 100px; height: 131px; position: absolute; left: 0px; top: 90px; background: url(../img/bg-pata-e-depoimentos.png); background-size: 100px; display: none; }
#bg-pata-avaliacoes-d { width: 100px; height: 153px; position: absolute; right: 0px; top: 10px; background: url(../img/bg-paga-depoimentos.png); background-size: 100px; display: none; }
#view-avaliacoes h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 102px; color: #744595; font-size: 27px; font-weight: 700; text-align: center; }
#controles-slider-avaliacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; display: none; }
#faixa-slide-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding-top: -40px; overflow: hidden; }

.item-card-avaliacao { width: 270px; height:300px; position: relative; float: left; margin-left: 20px; background-color: #fff; border: 1px solid #ffefbe; border-radius: 38px; }
.osso-avaliacao { width: 100%; height: auto; position: relative; float: left; margin-top: -45px; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
.item-card-avaliacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 20px; font-weight: 600; color: #794d98; text-align: center; padding: 0px 2px; }
.span-card-avaliacao { color: #00c0ff; font-size: 15px; font-weight: 410; }
.item-card-avaliacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 20px; font-size: 14px; color: #332c65; font-weight: 500; text-align: center; box-sizing: border-box; }

#view-cta-depoimentos { width: 90%; height: auto; position: relative; margin: auto; transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); }
#cta-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#pata-e-depoimentos { width: 150px; height: 349px; position: absolute; left: 20px; background: url(../img/pata-e-depoimentos.png); background-size: 150px; bottom: -410px; margin-bottom: -240px; }
#pata-d-depoimentos { width: 139px; height: 359px; position: absolute; right: 20px; background: url(../img/pata-direita-depoimentos.png); background-size: 140px; bottom: -400px; margin-bottom: -240px; }
#cta-int-depoimentos { width: 300px; height: auto; position: relative; margin: auto; padding: 18px 34px; color: #fff; font-size: 18px; text-align: right; background-color: #4628ff; border-radius: 50px; cursor: pointer; font-weight: 500; }
#icone-cta-depoimentos { width: 40px; height: 40px; position: absolute; left: 14px; margin-top: -32px; background-color: #fff720; border-radius: 50%; }
#legenda-cta-depoimentos { width: 330px; height: auto; position: absolute; bottom: -55px; left: 50%; margin-left: -165px; font-size: 15px; text-align: center; color: #2e2e2e; opacity: 0.8; }
#onda-depoimentos { width: 100%; height: 400px; position: absolute; bottom: -220px; z-index: 89; }
#patas-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#pata-int-planos { width: 130px; height: 300px; position: relative; margin: auto; }

/*Planos*/
#marca-d-gua-e-planos { width: 400px; height: 697px; position: absolute; left: -20px; top: 500px; background: url(../img/marca-d-gua-e-planos.png); background-size: 400px; display: none; }
#marca-d-gua-d-planos { width: 300px; height: 542px; position: absolute; right: 0px; top: 30px; background: url(../img/marca-d-gua-d-planos.png); background-size: 300px; display: none; }
.item-pata-lp-3 { width: 60px; height: 66px; position: absolute; background: url(../img/pata-lp-3.png); background-size: 60px; opacity: 1; }
#planos-saga-pet { width: 100%; height: auto; position: relative; float: left; background-color: #fff5a2; z-index: 190; margin-top: -110px; }
#view-card-planos { width: 95%; height: auto; position: relative; margin: auto; }
#view-card-planos h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 27px; color: #744595; font-weight: 700; text-align: center; }
#container-cards-planos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#card-planos { width: 100%; height: auto; position: relative; float: left; margin-top: -100px; overflow: hidden; }
.item-card-plano { width: 99%; height: auto; position: relative; float: left; margin-left: 0.25%; margin-right: 0.25%; background-color: #fff; border-radius: 25px; z-index: 90; padding-bottom: 50px; margin-bottom: 80px; }
.indicacao-card-plano p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #00b8ff; text-align: center; padding: 0px 20px; font-weight: 500; margin-top: 4px; }
.itens-card-plano-lista { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 15px; }
.icone-item-card-plano-lista { width: 30px; height: 31px; position: relative; float: left; background: url(../img/icone-pata.png); background-size: 30px; }
.item-card-plano-lista-txt { width: 80%; height: auto; position: relative; float: left; margin-left: 12px; margin-top: -1px; color: #554e81; font-size: 18px; font-weight: 500;/* display: none; */ text-align: left; }
.cta-card-plano { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
#tag-plano-vendido { width: 120px; height: 101px; position: absolute; top: -30px; left: 180px; background: url(../img/tag-plano-vendido.png); background-size: 120px; z-index: 20; }


/*Concierge*/
#div-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; padding-bottom: 250px; z-index: 50; }
#tag-concierge { width: 200px; height: 162px; position: absolute; top: -20px; left: 140px; background: url(../img/tag-concierge.png); background-size: 200px; z-index: 120; }
#seta-tag-concierge { width: 190px; height: 184px; position: absolute; left: 490px; top: 180px; background: url(../img/tag-concierge-seta.png); background-size: 190px; z-index: 110; display: none; }
#view-concierge { width: 95%; height: auto; position: relative; margin: auto; }
#foto-concierge { width: 100%; height: auto; position: relative; float: left; margin-top: -200px; margin-left: -40px; }
#cachorro-concierge { width: 300px; height: 367px; position: absolute; left: 50%; margin-left: -195px; margin-bottom: -500px; bottom: -80px; background: url(../img/cachorro-concierge.png); background-size: 300px; z-index: 10; }
#conteudo-concierge { width: 100%; height: auto; position: relative; float: left; padding: 0px 2px 0px 20px; }
#conteudo-concierge h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 38px; font-size: 31px;/* padding: 0px 170px; */ color: #744595; text-align: left; font-weight: 800; }
#conteudo-concierge p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; padding: 0px 0px; color: #613e7a; text-align: left; }
#cta-headline-concierge-int { width: 325px; height: auto; left: 20px; position: relative; float: left; margin-top: 0px; margin-left: -62px; padding: 12px 9px 15px 65px; color: #fff; font-size: 21px; background-color: #4628ff; border-radius: 70px; cursor: pointer; font-weight: 430; transform: scale(0.8); -ms-transform: scale(0.8);  -o-transform: scale(0.8);  -moz-transform: scale(0.8);  -webkit-transform: scale(0.8); }

#legenda-cta-concierge { width: 100%; height: auto; position: absolute; bottom: -85px; left: 50%; margin-left: -153px; font-size: 17px; text-align: left; color: #2e2e2e; opacity: 0.8; }
#pata-bg-concierge { width: 600px; height: 344px; position: absolute; bottom: -240px; right: 100px; background: url(../img/pata-bg-concierge.png); background-size: 600px; z-index: 1; opacity: 0.8; }
#onda-concierge { width: 100%; height: 400px; position: absolute; bottom: -260px; z-index: 89; }

/*faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff7d9; z-index: 200; margin-top: -70px; padding-bottom: 400px; }
#view-faq { width: 95%; height: auto; position: relative; margin: auto; }
#patas-faq { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; }
#pata-int-faq { width: 120px; height: 160px; position: relative; margin: auto; }
#pata-d-faq { display: none; }
#pata-e-faq { display: none; }
.item-pata-lp-faq { width: 60px; height: 63px; position: absolute; background: url(../img/pegadas-faq.png); background-size: 60px; opacity: 1 !important; }
#box-faq { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; border-radius: 30px; }
#box-faq-int { width: 100%; height: auto; position: relative; z-index: 10; background-color: #fff; border-radius: 30px; overflow: hidden; }
#box-out-faq { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: -40px; }
#view-box-faq { width: 100%; height: auto; position: relative; margin: auto; }
#view-faq h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; margin-bottom: 70px; font-size: 26px; color: #744595; font-weight: 700; text-align: center; }
.collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; font-size: 16px; font-weight: 500; color: #725c81; background-color: #fff; border-bottom: 1px solid #ddd; }
.icone-pata-faq-perguntas { width: 30px; height: 30px; position: relative; float: left; background: url(../img/icone-pata-faq.png); background-size: 30px; margin-top: -1px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; }
#box-ligamos-para-vc { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 38px; background-color: #fff5a2; border-radius: 30px; padding: 0px 20px 110px 20px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 26px; color: #594edb; font-weight: 700; text-align: center; }
#box-ligamos-para-vc p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 17px; font-weight: 410; color: #302c65; text-align: center; }
.item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0%; padding: 0px 5px; box-sizing: border-box; }
#cta-form-me-ligue { width: 190px; height: auto; position: absolute; right: 50%; margin-right: -94px; top: 276px; }
#cta-int-form-me-ligue { width: 190px; height: auto; position: relative; float: right; margin-top: -34px; padding: 14px 25px 14px 66px; color: #fff; font-size: 21px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -34px; background-color: #fff720; border-radius: 50%; }

/*Inicio rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fffcef; z-index: 200; padding-bottom: 120px; margin-top: -340px; }
#view-rodape { width: 100%; height: auto; min-width: 10px; position: relative; margin: auto; padding: 0px 20px; }
#logo-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#logo-int-rodape { width: 200px; height: 82px; position: relative; margin: auto; background: url(../img/logo-amigoo-pet.png); background-size: 200px; }
#infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 25px; color: #403b69; font-weight: 600; text-align: center; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #403b69; opacity: 0.8; text-align: center; }
#telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 25px; color: #403b69; font-weight: 600; text-align: center; }
#telefone-int-rodape { width: 160px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -80px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; }
#formas-de-pagamento-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; text-align: center; margin-top: 20px; }
#formas-de-pagamento-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #403b69; font-weight: 600; }
#img-bandeiras-pagamento { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: -9px; padding: 0px 30px; }
#logos-d-rodape { width: 100%; height: auto; position: relative; float: right; margin-top: -39px; }


/*Formulário*/
#janela-formulario { width: 90%; height: 520px; position: fixed; top: -550%; margin-top: -244px; left: 5%; margin-left: 0px; background-color: #ffffff; border-radius: 20px; z-index: 9999; opacity: 0;}
.icone-form-plano { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; margin-top: -40px; background-color: #ffff; border-radius: 100%; z-index: 90; }
.icone-form-plano-int { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -48px; border-radius: 50%; background-color: #00c0ff; }
.icone-img-form-plano { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; padding: 5px; }
.nome-plano-form { width: 100%; height: auto; position: relative; float: left; font-size: 28px; color: #5142b1; text-align: center; padding: 0px 20px; margin-top: 71px; font-weight: 700; }
.instrucoes-form { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 15px; color: #5142b1; text-align: center; padding: 0px 20px; font-weight: 420; }
#cta-formulario-assinatura-e-1 { width: 100%; height: auto; position: absolute; bottom: 31px; }
#cta-int-form-etapa1 { width: 190px; height: auto; right: 50%; position: relative; float: right; margin-top: 0px; margin-right: -96px; padding: 20px 5px 20px 67px; color: #fff; font-size: 19px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }
#icone-cta-form-etapa1 { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -33px; background-color: #fff720; border-radius: 50%; }
#cta-formulario-assinatura-e-1 { width: 100%; height: auto; position: absolute; bottom: 22px; }
.item-btn-escolha-atendimento { width: 100%; height: 99px; position: relative; float: left; margin-bottom: 10px; background-color: #5142b1; border: 1px solid #5142b1; border-radius: 15px; cursor: pointer; }
.foto-escolha-atendimento { width: 50px; height: 50px; position: relative; float: left; margin-left: 10px; margin-top: 23px; background-color: #7163d0; border-radius: 100%; border: 4px  solid #fff32f; overflow: hidden; }
.foto-int-escolha-atendimento { width: 45px; height: 45px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -22px; }
.info-escolha-atendimento { width: 54%; height: auto; position: relative; float: left; margin-top: 18px; margin-left: 10px; font-size: 14px; color: #fff; font-weight: 420; line-height: 15px; }
.seta-escolha-atendimento { width: 20px; height: 35px; position: absolute; right: 24px; top: 33px; background: url(../img/seta-escolha-atendimento.png); background-size: 20px; }
.item-btn-escolha-atendimento { width: 100%; height: 99px; position: relative; float: left; margin-bottom: 10px; background-color: #5142b1; border: 1px solid #5142b1; border-radius: 15px; cursor: pointer; }
#cta-formulario-assinatura-e-2 { width: 100%; height: auto; position: absolute; bottom: 29px; }
#cta-int-form-etapa2 { width: 258px; height: auto; right: 50%; position: relative; float: right; margin-top: 4px; margin-right: -129px; padding: 20px 5px 20px 73px; color: #fff; font-size: 18px; font-weight: 700; background-color: #4628ff; border-radius: 70px; cursor: pointer; }


/*Janela aviso contato enviado*/
#mascara-contato-enviado{width: 100%; height: 100%; position: fixed; background-color: #fffac9; z-index:999; opacity: 0.9; }
#janela-aviso-contato-enviado { width: 90%; height: 380px; position: fixed; left: 5%; top: 50%; margin-left: 0px; margin-top: -200px; background-color: #fff; border-radius: 50px; z-index: 99999; overflow: hidden; }
#janela-aviso-perfil-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-aviso-perfil-contato-enviado-int { width: 67px; height: 80px; position: relative; margin: auto; }
#janela-conteudo-contato-enviado {width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#janela-conteudo-contato-enviado h4 {width: 100%; height: auto; position: relative; float: left; margin-top: 5px; text-align: center; font-size: 28px; font-weight: 800; color:#5b48d1;}
#janela-conteudo-contato-enviado p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #000; text-align: center; padding: 0px 10px; }

#logos-rodape-contato-enviado{width: 100%; height: auto; position: absolute; bottom:40px; }
#logos-rodape-int-contato-enviado {width: 250px; height: auto; position: relative; margin: auto;}
#contador-contato-enviado{width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7;}
 




}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}