/*! 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
   ========================================================================== */::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3c3c3c; opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3c3c3c; }
:-o-input-placeholder { /* Internet Explorer 10-11 */
color: #3c3c3c; }
:-moz-input-placeholder { /* Internet Explorer 10-11 */
color: #3c3c3c; }
::-ms-input-placeholder { /* Microsoft Edge */
color: #3c3c3c; }
.desktop { display: block; }
.mobile { display: none; }

/*Carrega as fontes*/
@font-face { font-family: 'ibm_plex_sansregular'; src: url('../fonts/ibmplexsans-regular-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ibm_plex_sansbold'; src: url('../fonts/ibmplexsans-bold-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ibm_plex_sanssemibold'; src: url('../fonts/ibmplexsans-semibold-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ibm_plex_sansmedium'; src: url('../fonts/ibmplexsans-medium-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html { color: #222; font-size: 1em; line-height: 1.4; font-family: 'ibm_plex_sansregular'; }
h2 { font-family: 'ibm_plex_sanssemibold'; }
body { background: url('../img/bg-pagina.jpg'); background-repeat: repeat; }

/*
 * 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; }
@keyframes rotation {
0% { transform: rotate(-30deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(-30deg); }
}
@-ms-keyframes rotation {
0% { transform: rotate(-30deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(-30deg); }
}
@-webkit-keyframes rotation {
0% { transform: rotate(-30deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(-30deg); }
}
@-moz-keyframes rotation {
0% { transform: rotate(-30deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(-30deg); }
}
@-o-keyframes rotation {
0% { transform: rotate(-30deg); }
50% { transform: rotate(30deg); }
100% { transform: rotate(-30deg); }
}
.rotate { animation: rotation 3s infinite ease; -webkit-animation: rotation 3s infinite ease; -o-animation: rotation 3s infinite ease; -moz-animation: rotation 3s infinite ease; -ms-animation: rotation 3s infinite ease; }
#mascara-form { width: 100%; height: 0%; position: fixed; background-color: #00a2ff; z-index: 999; opacity: 0; }
#mascara-formulario { width: 100%; height: 0%; position: fixed; z-index: 9999; background-color: #4f517a; opacity: 0; }
#ancora { width: 1px; height: 1px; position: absolute; top: -10px; left: 0px; }
#ancora-avaliacoes { width: 1px; height: 1px; position: absolute; top: -700px; left: 0px; }
#janela-cotacao { width: 450px; height: 500px; position: fixed; top: -350%; margin-top: -250px; 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: #007cff; }
.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-btn-escolha-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; opacity: 1; }
.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 !important; border-radius: 100%; border: 4px  solid #30532b !important; 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; }

/*player youtube*/

/*Janelas*/
#mascara { width: 100%; height: 0%; position: fixed; z-index: 999; background-color: #e2993d !important; opacity: 0; }
#mask { width: 100%; height: 0%; position: fixed; z-index: 999999; background-color: #ecf8ff !important; opacity: 0; top: 0px; }
#player-youtube { width: 281px; height: 500px; position: fixed; top: -140%; left: 50%; margin-left: -140px; margin-top: -250px; border-radius: 20px; overflow: hidden; z-index: 9999; opacity: 0; }
#fechar-yt { width: auto; height: auto; position: absolute; right: 30px; top: 20px; padding: 5px 25px; background-color: #FF4A43; color: #fff; font-size: 20px; border-radius: 30px; cursor: pointer; }
#fechar-yt:hover { background-color: #E20800; }

/* ==========================================================================
   Inicio Landingpage
   ========================================================================== */
#mascara-janela { width: 100%; height: 0%; position: fixed; z-index: 999; background-color: #232f5d; opacity: 0; }
#janela-cobertura { width: 600px; height: 400px; position: fixed; left: 50%; top: -550%; margin-left: -300px; margin-top: -200px; z-index: 9999; background-color: #fff; border-radius: 30px; opacity: 0; }
#box-icone-janela-cobertura { width: 90px; height: 90px; position: absolute; left: 40px; top: -20px; background-color: #2DA547 !important; border-radius: 20px; }
#icone-int-janela-cobertura { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; }
#fechar-janela-cobertura { width: auto; height: auto; position: relative; float: right; margin-top: 20px; margin-right: 20px; padding: 10px 20px 10px 60px; background-color: #ff7700; color: #fff; font-size: 20px; font-weight: 600; border-radius: 50px; cursor: pointer; }
#icone-fechar-janela { width: 30px; height: 30px; position: absolute; left: 15px; top: 10px; background: url(../img/icn-fechar.png); background-size: 30px; }
#fechar-janela-cobertura:hover { background-color: #ffa454; }
#conteudo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; }
#titulo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 45px; font-size: 24px; color: #2EA547; font-weight: 600; }
#sobre-cobertura-janela { width: 100%; height: 220px; position: relative; float: left; margin-top: 10px; padding: 0px 45px; font-size: 17px; color: #000; overflow-y: scroll; }
#topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; background: url('../img/bg-topo.jpg'); background-repeat: repeat; overflow: hidden; padding-bottom: 160px; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -40px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1800px; z-index: 10; }
#menu-topo-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; z-index: 100; }
#logo-menu-topo { width: 467px; height: 283px; position: relative; float: left; margin-left: -20px; margin-bottom: -80px; margin-top: -49px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 480px; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 30px; color: #3e5e44 !important; font-size: 20px; font-weight: 600; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#lista-links-menu-topo ul li:hover { color: #ff6600 !important; }
#telefone-destaque-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 4px; padding: 10px 20px; background-color: #32A747 !important; color: #fff; font-size: 22px; font-weight: 700; border-radius: 80px; }
#legenda-telefone-destaque-topo { width: 250px; height: auto; position: absolute; left: 50%; margin-left: -125px; bottom: -30px; font-size: 18px; color: #32A747 !important; text-align: center; }
#div-conteudo-e-topo { width: 40%; height: auto; position: relative; float: left; }
#div-conteudo-e-topo h1 { width: 580px; height: auto; position: relative; float: left; margin-top: 140px; color: #3e5e44 !important; font-size: 50px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#div-conteudo-e-topo h1 span { color: #ff7f00 !important; }
#div-conteudo-e-topo p { width: 80%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 30px; color: #000; font-size: 20px; }


#bloco-video-topo{width: 100%; height: auto; position: relative; float: left;}
#bloco-video-topo-int{width:500px; height: 281px; position: relative; float: left; border-radius: 30px; overflow: hidden;}


#bloco-formulario-topo { width: 400px; height: 520px; position: relative; float: left; margin-top: 20px; background-color: #fff; border-radius: 34px; display: none; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 28px; color: #3e5e44 !important; font-weight: 700; font-family: 'ibm_plex_sanssemibold'; text-align: center; line-height: 30px; }
#bloco-formulario-topo h2 span { color: #ff7f00 !important; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 40px; font-size: 20px; color: #000; }
#bloco-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 0px 40px; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffeeba !important; border: 1px solid #e7c585 !important; border-radius: 50px; box-sizing: border-box; }
#cta-formulario-topo { width: 100%; height: auto; position: relative; float: left; padding: 0px 0px; margin-top: 10px; }
#cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; padding: 20px 20px 20px 50px; background-color: #5bc86e !important; color: #fff; font-size: 22px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
#cta-formulario-topo-int:hover { background-color: #0042ff; }
#icone-btn-form-topo { width: 50px; height: 50px; position: absolute; left: 10px; top: 10px; background-color: #44a139 !important; border-radius: 100%; }
#icone-cta { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -16.5px; margin-top: -15px; background: url(../img/icone-cta.png); background-size: 30px; }
#ilustra-topo { width: 50%; height: 100%; position: relative; float: right; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -100px; margin-top: 30px; background-color: #FEEBBE !important; overflow: hidden; }
#moldura-int-ilustra-topo { width: 100%; height: 100%; position: absolute; z-index: 90; background: url(../img/moldura-casa-topo.png); background-size: 100%; }
#casa-ilustra-topo { width: 1126px; height: 850px; position: absolute; left: 50%; margin-left: -470px; top: -10px; margin-top: 0%; background: url(../img/Sala-de-aula.jpeg); background-size: 1126px; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 399px; margin-top: -100%; top: 66px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 350px; height: auto; position: absolute; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.card-depoimento-topo h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #000; font-weight: 400; }
.card-depoimento-topo p { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; margin-bottom: 3px; font-size: 16px; color: #555; }
.cta-ler-mais-depoimento { width: 100%; height: auto; position: relative; float: left; }
.cta-int-ler-mais-depoimento { width: auto; height: auto; position: relative; float: left; margin-top: 20px; padding: 10px 20px; background-color: #32A747; border-radius: 20px; color: #fff; font-size: 14px; cursor: pointer; }
.cta-int-ler-mais-depoimento:hover { background-color: #3AC353; }
.box-estrelas-depoimento-topo { width: 100px; height: auto; position: absolute; right: 20px; top: 15px; }
.item-estrela-depoimento { width: 20px; height: 20px; position: relative; float: left; padding: 1px; }
.dp-1-tp { top: 45px; left: -180px; margin-left: 200%; }
.dp-2-tp { top: 380px; left: -180px; margin-left: 200%; }
.dp-3-tp { top: 720px; left: 90px; margin-left: 200%; }
.dp-4-tp { top: 710px; right: 0px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp { width: 100%; height:auto; position: relative; float: left; padding-bottom: 200px; }
#faixa-ornamento-s2 { width: 100%; height: 84px; position: relative; float: left; background: url('../img/ornamento.jpg'); background-repeat: repeat-x; }
#faixa-ornamento-s2-btn { width: 100%; height: 84px; position: absolute; bottom: 0px; background: url('../img/ornamento.jpg'); background-repeat: repeat-x; }
#view-s2 { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -260px; display: none; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; text-align: center; font-weight: 600; color: #3e5e44 !important; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 21px; text-align: center; font-weight: 400; color: #3e5e44 !important; padding: 0px 390px; }
#barra-seguradoras { width: 98%; height: auto; position: relative; float: left; margin-top: -50px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#conteudo-seguradoras { width: 100%; height: auto; position: relative; float: left; padding-top: 50px; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 120px; margin-left: -340px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; background-repeat: no-repeat; }
#ilustra-seguradoras { width: 45%; height: 100%; position: relative; float: left; }
#div-conteudo-s2 { width: 55%; height: auto; position: relative; float: left; margin-top: 120px; }
#div-conteudo-s2 h2 { width: 100%; height: auto; position: relative; float: left; font-size: 44px; color: #3e5e44 !important; font-weight: 800; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 h2 span { color: #ff7f00 !important; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; }
#cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; }

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 153px; position: relative; float: left; background-color: #ffeecd !important; border-radius: 20px; margin-top: 20px; }
.item-card-cobertura-d { margin-left: 3%; }
.item-card-cobertura:hover { background-color: #ffd788 !important; }
.icone-card-cobertura { width: 30%; height: 100%; position: relative; float: left; }
.box-icone-card-cobertura { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background-color: #df8e57; border-radius: 10px 30px 30px 30px; }
.icone-int-box-card-cobertura { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; padding: 5px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 24px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
.cta-int-card-cobertura { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #ad7f27 !important; font-size: 15px; cursor: pointer; }

/*Inicio terceira sessao*/
#terceira-sesssao { width: 100%; height: auto; position: relative; float: left; background-color: #dfffe7; background: unset !important; margin-top: 0px; overflow: hidden; padding-top: 140px; padding-bottom: 240px; background: url('../img/bg-topo.jpg'); background-repeat: repeat; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }
#div-a-terceira-sessao { width: 45%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 50px; color: #3e5e44 !important; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; }
#div-a-terceira-sessao h1 span { color: #FF7F15; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 22px; }
#div-b-terceira-sessao { width: 55%; height: 100%; position: relative; float: left; }
#moldura-assistencias { width: 1000px; height: 590px; position: relative; float: left; margin-left: 80px; margin-top: -10px; background-color: #fff; overflow: hidden; }
#moldura-assistencias-int { width: 100%; height: 100%; position: absolute; z-index: 90; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -380px; top: -120px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
#slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; }
#controles-slides-coberturas { width: 100%; height: auto; position: relative; float: left; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; position: relative; float: left; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }
.arrow-left { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(../img/arrow-left.png); background-size: 60px; }
.arrow-right { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(../img/arrow-right.png); background-size: 60px; }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
#faixa-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

/*Card de cobertura*/
.item-card-cobertura-assistencia { width: 220px; height: 300px; position: relative; float: left; margin-right: 10px; background-color: #ccecd4; border-radius: 40px; }
.foto-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.foto-card-int-cobertura-assistencia { width: 150px; height: 150px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #dfffe7; }
.foto-int-card-cobertura { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; }
.legenda-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; line-height: 20px; margin-top: 10px; color: #222222; font-weight: 600; font-size: 18px; text-align: center; box-sizing: border-box; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 200px; }
#view-quarta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }
#tag-assistencia-24h { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
#tag-assistencia-24h-int { width: 1000px; height: 270px; position: relative; margin: auto; background-color: #ff8d29 !important; border-radius: 30px; }
#bloco-icone { width: 15%; height: 100%; position: relative; float: left; }
#bloco-icone-int { width: 100px; height: 100px; position: relative; float: left; margin-top: 22px; margin-left: 20px; background-color: #ffcb9d !important; border-radius: 25px; }
#icone-relogio { width: 100px; height: 100px; position: absolute; left: -2px; top: -2px; background: url(../img/icone-relogio.png); background-size: 100px; }

#icone-estudante { width: 100px; height: 100px; position: absolute; left: -2px; top: -2px; background: url(../img/icone-studante.png); background-size: 100px; }
.fix-tag-2{margin-top: -110px !important;}
#tag-matriculas{width: 400px; height: 130px; position: absolute; left: 50%; margin-left: -200px; bottom: -30px;}

#legenda-bloco-assistencia-24h { width: 85%; height: auto; position: relative; float: right; margin-top: 26px; padding: 0px 20px; color: #fff; font-size: 22px; text-align: left; }
#conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 58px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao h1 span { color: #506dbc; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 25px; color: #000; text-align: center; }
#chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 24px; color: #506dbc; text-align: center; font-weight: 600; }
.item-card-vantagem { width: 23.4%; height: 270px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 1.5%; margin-right: 1.5px; }
.item-card-vantagem h1 { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; font-weight: 800; font-size: 30px; color: #506dbc; font-family: 'ibm_plex_sansmedium'; }
.item-card-vantagem p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 18px; color: #506dbc; padding: 0px 30px; }
#quinta-sessao-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 180px; overflow: hidden; background: url('../img/bg-topo.jpg'); background-repeat: repeat;}
#view-quinta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }
#ilustra-quinta-sessao { width: 50%; height: 100%; position: relative; float: left; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; position: relative; float: left; margin-left: 20px; margin-top: 150px; background-color: #fff; overflow: hidden; }
#moldura-int-ilustra-quinta-s { width: 100%; height: 100%; position: absolute; z-index: 99; }
#foto-quinta-sessao-int { width: 1200px; height: 800px; position: absolute; left: -210px; top: -250px; background: url(../img/ar-livre.jpg); background-size: 1200px; z-index: 50; }
#conteudo-quinta-sessao { width: 50%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; font-size: 50px; color: #3E5E43 !important; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao h3 span { color: #FF7F15 !important; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; }
#cta-conteudo-quinta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-int-quinta-sessao { width: auto; height: auto; position: relative; float: left; padding: 20px 50px 20px 90px; background-color: #5BC86E !important; color: #fff; font-size: 22px; font-weight: 600; border-radius: 50px; cursor: pointer; }
#box-icone-cta-quinta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 10px; background-color: #27ac3e; border-radius: 100%; }
#icone-int-cta-quinta-sessao { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(../img/icone-cta.png); background-size: 30px; }
#cta-int-quinta-sessao:hover { background-color: #428f4f !important; }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
#controle-slides-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.controles-depoimento { background-color: #ff8e54 !important; cursor: pointer; }
.controles-depoimento:hover { background-color: #ff6d22 !important; }
#faixa-cards-int-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

/*Item slide card depoimento*/
.item-card-slide-depoimento { width: 500px; height: 300px; position: relative; float: left; margin-right: 20px; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); overflow: hidden; cursor: pointer; }
.item-card-slide-depoimento-foto { width: 600px; height: 300px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -150px; }
.play-icn { width: 100px; height: 100px; position: absolute; z-index: 9999; background: url('../img/play-icn.png'); background-size: 100px; opacity: 0.2; }
.item-card-slide-depoimento:hover .play-icn { opacity: 1; }
.item-card-slide-depoimento h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 30px; margin-left: 35px; color: #000; font-size: 25px; font-weight: 600; }
.bloco-estrelas-slide-depoimento { width: 130px; height: auto; position: absolute; top: 35px; right: 10px; }
.item-estrela-card-depoimnento { width: 20px; height: 20px; position: relative; float: left; margin-right: 2px; background: url(../img/estrela-depoimento.png); background-size: 20px; }
.item-card-slide-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #000; padding: 0px 30px; box-sizing: border-box; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 900px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }
#chamada-simulacao { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; }
#chamada-simulacao-int { width: 570px; height: auto; position: relative; margin: auto; padding: 20px 20px 20px 136px; font-size: 25px; border-radius: 20px; background-color: #fff0cb; font-weight: 600; }
#chamada-simulacao-int span { color: #30aa45 !important; }
#bloco-ilustra-simulacao { width: 80px; height: 80px; position: absolute; left: 20px; top: 16px; background-color: #1496f3; border-radius: 20px; overflow: hidden; background: url(../img/personagem.gif); background-size: 80px; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; font-size: 60px; color: #fff; text-align: right; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: right; color: #fff; font-size: 30px; padding: 0px 350px; }
#container-cta-perfil { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-int-sexta-sessao { width: 300px; height: auto; position: relative; margin: auto; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 22px; font-weight: 600; border-radius: 50px; cursor: pointer; }
#box-icone-cta-sexta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 10px; background-color: #004dd3; border-radius: 100%; }
#icone-int-cta-sexta-sessao { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(../img/icone-cta.png); background-size: 30px; }
#cta-int-sexta-sessao:hover { background-color: #0000ff; }
#s6-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 200px; background: url('../img/bg-topo.jpg'); }
#view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 80px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 50px; font-weight: 700; text-align: center; color: #3E5E43 !important; }
#view-s6-lp span { color: #FF7F15; }
#view-s6-lp p { width: 800px; height: auto; position: relative; margin: auto; font-size: 22px; text-align: left; margin-bottom: 30px; }
#box-mapa { width: 60%; height: 400px; position: relative; float: left; left: 20%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }

/*Inicio rodape*/
#rodape-lp { width: 100%; height: 580px; position: relative; float: left; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 80px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1250px; height: 300px; left: 50%; position: relative; float: left; margin-left: -625px; margin-top: -130px; background-color: #fff; color: #3E5E43 !important; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 35px; font-weight: 700; }
.span-ligamos-para-vc { color: #FF7F15 !important; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; font-size: 22px; }
#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: 45px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !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: #ff7f15 !important; border-radius: 70px; cursor: pointer; }
#cta-int-form-me-ligue:hover { background-color: #003cff; }
#icone-cta-form-me-ligue { width: 40px; height: 40px; position: absolute; left: 10px; margin-top: -32px; background-color: #ff9954 !important; 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/icone-cta.png); background-size: 25px; }
#div-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
#logo-rdoape-int { width: 200px; height: 100px; position: relative; margin: auto; background: url(../img/logo-rodape-sitio.png); background-size: 200px; }
#barra-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

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

/*Telefone*/
#telefone-rodape { width: 240px; height: auto; left: 50%; position: absolute; float: left; margin-left: -82px; 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: #75e86f; font-size: 16px; color: #403b69; font-weight: 600; }
#google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 60px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
#google-sf2 { width: 200px; height: 58px; position: relative; float: right; margin-top: 60px; background: url(../img/tag-youtube.png); background-size: 200px; }


/*Janela formulário*/
#mascara-formulario { width: 100%; height: 0%; position: fixed; z-index: 9999; background-color: #4f517a; opacity: 0; }
#janela-formulario { width: 340px; height: 520px; position: fixed; top: -250%; margin-top: -250px; left: 50%; margin-left: -200px; background-color: #fff; border-radius: 20px; z-index: 99999; padding: 0px 20px; opacity: 0; }
#fechar-formulario { width: 120px; height: auto; position: relative; margin: auto; padding: 9px 0px; background-color: #f82923; border-radius: 0px 0px 20px 20px; color: #fff; font-size: 19px; text-align: center; cursor: pointer; }
#fechar-formulario:hover { background-color: #c9231f; }
#chamada-janela-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 25px; text-align: center; font-weight: 700; padding: 0px 20px; line-height: 26px; }
#chamada-janela-formulario span { color: #4347aa; }
#janela-formulario p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; text-align: center; margin-top: 15px; }
#campos-janela-formulario { width: 100%; height: auto; position: relative; float: left; }
#campos-janela-formulario input { width: 100%; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #ffecbf; border: solid #ffd46e 1px !important; border-radius: 50px; font-size: 19px; color: #5457bb; font-weight: 600; box-sizing: border-box; }
#cta-formulario-janela { width: auto; height: auto; position: relative; float: left; padding: 15px 20px 15px 74px; background-color: #5457bb; font-size: 24px; color: #fff; font-weight: 600; border-radius: 100px; cursor: pointer; }
#cta-formulario-janela:hover { background-color: #7678d3; }
#icone-cta-formulario-janela { width: 45px; height: 45px; position: absolute; left: 13px; top: 9px; background-color: #fff; border-radius: 100%; overflow: hidden; }
#icone-int-cta-formulario-janela { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(../img/icone-cta.png); background-size: 40px; }

/*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/fale-conosco.png); background-size: 113px; margin-top: 10px; }

/*Janela aviso contato enviado*/
#mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #c1d1bd !important; z-index: 9999; 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: #ff9f00 !important; }
#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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }
#ancora-formulario-rodape { width: 1px; height: 1px; position: absolute; top: -20px; }

/*Inicio telas menores*/

/*Telas menores*/
@media only screen  
and (min-width:1620px) 
and (max-width:1820px) {
.dp-3-tp { top: 720px; left: -20px; margin-left: 200%; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; font-size: 50px; color: #3E5E43 !important; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1600px; z-index: 10; }

/*Janela aviso contato enviado*/
#mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #00a2ff; z-index: 9999; 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: -9px; 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: 150px; 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:1200px) 
and (max-width:1620px) {

.fix-cta { left: 0px !important; margin-left: 0px !important; }
.dp-3-tp { top: 720px; left: -20px; margin-left: 200%; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1400px; z-index: 10; padding: 0px 40px;}
#topo-lp { width: 100%; height:auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 30px; color: #000; font-size: 19px; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#div-conteudo-e-topo h1 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -370px; margin-top: 100px; background-color: #f2f5fb; overflow: hidden; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 350px; height: auto; position: absolute; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); }
.dp-1-tp { top: 60px; left: 20px; margin-left: 200%; }
.dp-2-tp { top: 700px; left: 110px; margin-left: 200%; }
.dp-3-tp { top: 530px; left: -10px; margin-left: 200%; }
.dp-4-tp { top: 282px; right: 340px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 2000px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -277px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; text-align: center; font-weight: 600; color: #3e5e44 !important; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 21px; text-align: center; font-weight: 400; color: #3e5e44 !important; padding: 0px 360px; }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -50px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
#ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; padding: 0px 30px; }
#div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 42px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
#div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -820px; top: -120px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
#view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#ilustra-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 50px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
#cta-int-quinta-sessao { width: 340px; height: auto; left: 50%; position: relative; float: left; margin-left: -170px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 22px; font-weight: 600; border-radius: 50px; cursor: pointer; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; }
.controles-depoimento:hover { background-color: #0090ff; }

/*Janela aviso contato enviado*/
#mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #00a2ff; z-index: 9999; 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: -9px; 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: -11px; 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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }
#moldura-assistencias { width: 1000px; height: 590px; position: relative; float: left; margin-left: 110px; margin-top: 50px; background-color: #fff; overflow: hidden; }
}


@media only screen  
and (min-width:750px) 
and (max-width:1200px) {
#logo-menu-topo { width: 192px; height: 120px; position: relative; float: left; margin-left: -20px; margin-bottom: -80px; margin-top: -68px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 202px; }
#box-mapa { width: 80%; height: 400px; position: relative; float: left; left: 10%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }

#bloco-video-topo-int { width: 500px; height: 281px; left: 50%; position: relative; float: left; margin-left: -260px; border-radius: 30px; overflow: hidden; }

/*Janela aviso contato enviado*/
#mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #00a2ff; z-index: 9999; 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: -9px; 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: -11px; 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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }

/*Item slide card depoimento*/
.item-card-slide-depoimento { width: 500px; height: 300px; position: relative; float: left; margin-right: 20px; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#topo-lp { width: 100%; height: 1260px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#div-conteudo-e-topo h1 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -410px; margin-top: -150px; background-color: #f2f5fb; overflow: hidden; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 350px; height: auto; position: absolute; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); }
.dp-1-tp { top: 210px; left: -120px; margin-left: 200%; }
.dp-2-tp { top: 570px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 450px; left: -100px; margin-left: 200%; }
.dp-4-tp { top: 332px; right: 330px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom:150px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -273px; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 19px; text-align: center; font-weight: 400; color: #3e5e44 !important; padding: 0px 30px; }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -50px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
#ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; padding: 0px 30px; }
#div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 42px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
#div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -820px; top: -120px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

/*Inicio terceira sessao*/
#terceira-sesssao { width: 100%; height: auto; position: relative; float: left; background-color: #dfffe7; background: url('../img/bg-topo.jpg'); margin-top: 30px; overflow: hidden; padding-top: 80px; padding-bottom: 100px; background: url('../img/bg-topo.jpg'); background-repeat: repeat; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
#view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#ilustra-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; display: none; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -325px;    /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 40px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
#cta-int-quinta-sessao { width: 330px; height: auto; left: 50%; position: relative; float: left; margin-left: -165px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 22px; font-weight: 600; border-radius: 50px; cursor: pointer; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; }
.controles-depoimento:hover { background-color: #0090ff; }
#div-conteudo-e-topo { width: 100%; height: auto; position: relative; float: left; z-index: 300; }
#div-conteudo-e-topo p { width: 80%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 10%; color: #000; font-size: 18px; text-align: center; }
#bloco-formulario-topo { width: 600px; height: 590px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 39px; color: #000000; font-weight: 700; line-height: 40px; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 28px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
#ilustra-topo { width: 100%; height: 100%; position: relative; float: right; }

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 196px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 30px; }
.icone-card-cobertura { width: 100%; height: 20px; position: relative; float: left; }
.cta-int-card-cobertura { width: 140px; height: auto; left: 50%; position: relative; float: left; margin-left: -70px; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #17994e; font-size: 15px; cursor: pointer; text-align: center; }
#moldura-assistencias { width: 840px; height: 490px; left: 50%; position: relative; float: left; margin-left: -450px; margin-top: 20px; background-color: #fff; overflow: hidden; }
#slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#tag-assistencia-24h-int { width: 720px; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 81%; height: auto; position: relative; float: right; margin-top: 33px; padding: 0px 20px; color: #fff; font-size: 19px; text-align: left; }
#conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#quinta-sessao-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 150px; overflow: hidden; }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 0px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 700; text-align: center; padding: 0px 155px; }
#view-s6-lp p { width: 660px; height: auto; position: relative; margin: auto; font-size: 22px; text-align: center; margin-bottom: 20px; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 30px; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 25px; font-size: 19px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
.item-label-ligamos-pra-vc { width: 24%; 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: 25px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }

/*Horário*/
#horarios-rodape { width: 36%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; opacity: 0.8; }
#google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 58px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
#google-sf2 { width: 200px; height: 58px; position: absolute; float: unset; right: 0px; margin-top: 0px; background: url(../img/tag-youtube.png); background-size: 200px; }


#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 720px; z-index: 10; }
#topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; color: #222222; font-size: 34px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -80px; margin-top: 60px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 430px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 620px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 340px; left: 400px; margin-left: 200%; }
.dp-4-tp { top: 530px; right: 50px; margin-right: -200%; }
#conteudo-seguradoras { width: 95%; height: auto; left: 0%; position: relative; float: left; margin-left: 2.5%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 38px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 19px; color: #000; text-align: center; padding: 0px 50px; }
.item-card-cobertura-inf { width: 100%; height: 61px; position: relative; float: left; margin-top: 46px; font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box; text-align: center; }
#div-a-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 41px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 100px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; text-align: center; padding: 0px 52px; }
#div-b-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -670px; top: -60px; background-color: url(../img/foto-coberturas.jpg); background-size: 1500px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 60px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 95%; height: auto; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 20px; margin-left: 2.5%; margin-right: 2.5%; padding-bottom: 30px; margin-bottom: -10px; }
#view-quinta-sessao { width: 720px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 23px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 500px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 109px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 24px; padding: 0px 50px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 700px; height: 321px; left: 50%; position: relative; float: left; margin-left: -350px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
}



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


#bloco-video-topo-int { width: 500px; height: 281px; left: 50%; position: relative; float: left; margin-left: -250px; border-radius: 30px; overflow: hidden; }
#tag-assistencia-24h { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
   
#janela-cobertura { width: 90%; height: 400px; position: fixed; left: 5%; top: -550%; margin-left: unset; margin-top: -200px; z-index: 9999; background-color: #fff; border-radius: 30px; opacity: 0; }
#box-icone-janela-cobertura { width: 90px; height: 90px; position: absolute; left: 10px; top: -20px; background-color: #00c69e; border-radius: 20px; }
#titulo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; padding: 0px 20px; font-size: 18px; color: #003dc6; font-weight: 600; }
#sobre-cobertura-janela { width: 100%; height: 250px; position: relative; float: left; margin-top: 10px; padding: 0px 20px; font-size: 17px; color: #000; overflow-y: scroll; }

/*Janela aviso contato enviado*/
#mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #00a2ff; z-index: 9999; 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: -11px; 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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }

/*Item slide card depoimento*/
.item-card-slide-depoimento { width: 300px !important; height: 240px; position: relative; float: left; margin-right: 20px; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#topo-lp { width: 100%; height: 1260px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #222222; font-size: 33px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 20px; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -410px; margin-top: -150px; background-color: #f2f5fb; overflow: hidden; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 390px; height: auto; left: 50% !important; position: relative; float: left; margin-left: -195px !important; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); margin-bottom: -190px; }
.dp-1-tp { top: 210px; left: -120px; margin-left: 200%; }
.dp-2-tp { top: 570px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 450px; left: -100px; margin-left: 200%; }
.dp-4-tp { top: 332px; right: 330px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 100px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#barra-seguradoras { display: none; }
#conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
#ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 30px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding: 0px 30px; }
#div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 26px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 20px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
#div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -730px; top: -200px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
#view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#ilustra-quinta-sessao { display: none; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -325px;    /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 30px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
#cta-int-quinta-sessao { width: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 17px; font-weight: 600; border-radius: 50px; cursor: pointer; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; }
.controles-depoimento:hover { background-color: #0090ff; }
#div-conteudo-e-topo { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-bottom: 220px; }
#div-conteudo-e-topo p { width: 60%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20%; color: #000; font-size: 24px; text-align: center; }
#bloco-formulario-topo { width: 600px; height: 590px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 39px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 28px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
#ilustra-topo { width: 100%; height: auto; position: relative; float: right; }

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 196px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 30px; }
.icone-card-cobertura { width: 100%; height: 20px; position: relative; float: left; }
.cta-int-card-cobertura { width: 140px; height: auto; left: 50%; position: relative; float: left; margin-left: -70px; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #17994e; font-size: 15px; cursor: pointer; text-align: center; }
#moldura-assistencias { width: 900px; height: 520px; position: relative; float: left; margin-left: -40px; margin-top: 20px; background-color: #fff; overflow: hidden; }
#slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#tag-assistencia-24h-int { width: 720px; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 81%; height: auto; position: relative; float: right; margin-top: 26px; padding: 0px 20px; color: #fff; font-size: 22px; text-align: left; }
#conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#quinta-sessao-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 150px; overflow: hidden; }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 0px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 700; text-align: center; padding: 0px 155px; }
#view-s6-lp p { width: 660px; height: auto; position: relative; margin: auto; font-size: 22px; text-align: center; margin-bottom: 30px; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 30px; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 25px; font-size: 19px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
.item-label-ligamos-pra-vc { width: 24%; 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: 25px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }

/*Horário*/
#horarios-rodape { width: 36%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; opacity: 0.8; }
#google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 35px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 720px; z-index: 10; }
#topo-lp { width: 100%; height: 2060px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -180px; margin-top: -200px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 430px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 620px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 340px; left: 400px; margin-left: 200%; }
.dp-4-tp { top: 530px; right: 50px; margin-right: -200%; }
#conteudo-seguradoras { width: 95%; height: auto; left: 0%; position: relative; float: left; margin-left: 2.5%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 50px; }
.item-card-cobertura-inf { width: 100%; height: 61px; position: relative; float: left; margin-top: 46px; font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box; text-align: center; }
#div-a-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 26px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 20px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; text-align: center; padding: 0px 52px; }
#div-b-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 60px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 95%; height: auto; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 20px; margin-left: 2.5%; margin-right: 2.5%; padding-bottom: 30px; margin-bottom: -10px; }
#view-quinta-sessao { width: 720px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 23px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 500px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 109px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 24px; padding: 0px 50px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 700px; height: 321px; left: 50%; position: relative; float: left; margin-left: -350px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#logo-menu-topo { width: 170px; height: 108px; position: relative; float: left; margin-left: 20px; margin-top: -54px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 170px; background-repeat: no-repeat; }
#telefone-destaque-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 4px; padding: 10px 20px; background-color: #005dff; color: #fff; font-size: 14px; font-weight: 700; border-radius: 80px; }
#legenda-telefone-destaque-topo { width: 250px; height: auto; position: absolute; left: 50%; margin-left: -125px; bottom: -20px; font-size: 15px; color: #005dff; text-align: center; }
#cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 20px 14px 50px; background-color: #005dff; color: #fff; font-size: 22px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
#icone-btn-form-topo { width: 45px; height: 45px; position: absolute; left: 9px; top: 6px; background-color: #004dd3; border-radius: 100%; }
#casa-ilustra-topo { width: 900px; height: 680px; position: absolute; left: 50%; margin-left: -470px; top: 50%; margin-top: -260px; background: url(../img/casa-topo.jpg); background-size: 900px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; text-align: center; font-weight: 600; padding: 0px 20px; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 16px; text-align: center; font-weight: 400; padding: 0px 40px; }

/*Inicio terceira sessao*/
#terceira-sesssao { width: 100%; height: auto; position: relative; float: left; background-color: #dfffe7; margin-top: -120px; overflow: hidden; padding-bottom: 60px; }
#controles-slides-coberturas { width: 100%; height: auto; position: relative; float: left; display: none; }
#faixa-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 21px; color: #506dbc; text-align: center; font-weight: 600; }
.item-card-vantagem h1 { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; font-weight: 800; font-size: 25px; color: #506dbc; font-family: 'ibm_plex_sansmedium'; }
.item-card-vantagem p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 15px; color: #506dbc; padding: 0px 30px; }
#faixa-cards-int-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#chamada-simulacao-int { width: 90%; height: auto; position: relative; margin: auto; padding: 60px 20px 40px 20px; font-size: 20px; border-radius: 20px; background-color: #fff0cb; font-weight: 600; text-align: center; }
#bloco-ilustra-simulacao { width: 80px; height: 80px; position: absolute; left: 50%; top: -34px; margin-left: -40px; background-color: #1496f3; border-radius: 20px; overflow: hidden; background: url(../img/personagem.gif); background-size: 80px; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -170px; top: -60px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -228px; }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -30px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; padding: 0px 30px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 31px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 20px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 18px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 50px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 18px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.item-card-cobertura { width: 100%; height: auto; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 0px; padding-bottom: 30px; }
#moldura-assistencias { width: 600px; height: 350px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 30px; background-color: #fff; overflow: hidden; }
#tag-assistencia-24h-int { width: 90%; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 78%; height: auto; position: relative; float: right; margin-top: 23px; padding: 0px 20px; color: #fff; font-size: 17px; text-align: left; }


#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 40px; font-weight: 700; text-align: center; padding: 0px 10px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 20px; text-align: center; margin-bottom: 30px; padding: 0px 30px; }
#topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; padding-bottom: 680px; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #222222; font-size: 37px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 20px; }
#moldura-ilustra-topo { width: 500px; height: 453px; right: 50%; position: relative; float: right; margin-right: -246px; margin-top: -170px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 120px; left: 0px; margin-left: 200%; }
.dp-2-tp { top: 280px; left: 0px; margin-left: 200%; }
.dp-3-tp { top: 497px; left: 0px; display: block; margin-left: 200%; }
.dp-4-tp { top: 648px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 10px; font-size: 30px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; color: #000; text-align: center; padding: 0px 10px; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 29px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 80px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 30px; font-size: 17px; color: #000; text-align: center; }
#view-quinta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 540px; height: 384px; left: 50%; position: relative; float: left; margin-left: -295px;        /* margin-left: 20px; */ margin-top: 48px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 480px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 31px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; padding: 0px 40px; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 19px; padding: 0px 20px; }

/*Inicio rodape*/
#rodape-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 50px; background-color: #fff9ee; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 20px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0%; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px 80px 40px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 27px; font-weight: 700; text-align: center; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 25px; font-size: 15px; text-align: center; }
.item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0px; 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: 16px 25px !important; box-sizing: border-box !important; border-radius: 45px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }
#cta-form-me-ligue { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; right: 0px; top: 43px; }
#div-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#barra-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

/*Horário*/
#horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; padding-left: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; font-weight: 600; text-align: center; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; opacity: 0.8; text-align: center; }

/*Telefone*/
#telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; left: 0px; margin-left: 0px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #403b69; font-weight: 600; text-align: center; }
#telefone-int-rodape { width: 180px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -94.5px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; text-align: center; }
#google-sf { width: 200px; height: 58px; right: 50%; position: relative; float: right; margin-right: -90px; margin-top: 30px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
.item-card-slide-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 17px; color: #000; padding: 0px 30px; box-sizing: border-box; }
.item-card-slide-depoimento h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 30px; margin-left: 30px; color: #000; font-size: 21px; font-weight: 600; }
.foto-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; margin-top: 51px; }
.foto-card-int-cobertura-assistencia { width: 110px; height: 110px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #dfffe7; }
#box-icone-cta-quinta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 6px; background-color: #27ac3e; border-radius: 100%; }
#box-mapa { width: 90%; height: 400px; position: relative; float: left; left: 5%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }
}



@media only screen  
and (min-width:400px) 
and (max-width:650px) {

   #bloco-video-topo-int { width: 340px; height: 191px; left: 50%; position: relative; float: left; margin-left: -170px; border-radius: 30px; overflow: hidden; }

   #janela-cobertura { width: 90%; height: 400px; position: fixed; left: 5%; top: -550%; margin-left: unset; margin-top: -200px; z-index: 9999; background-color: #fff; border-radius: 30px; opacity: 0; }
   #box-icone-janela-cobertura { width: 90px; height: 90px; position: absolute; left: 10px; top: -20px; background-color: #00c69e; border-radius: 20px; }
   #titulo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; padding: 0px 20px; font-size: 18px; color: #003dc6; font-weight: 600; }
   #sobre-cobertura-janela { width: 100%; height: 250px; position: relative; float: left; margin-top: 10px; padding: 0px 20px; font-size: 17px; color: #000; overflow-y: scroll; }

   /*Janela aviso contato enviado*/
   #mascara-contato-enviado { width: 100%; height: 100%; position: fixed; background-color: #00a2ff; z-index: 9999; 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: -11px; 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: 150px; height: auto; position: relative; margin: auto; }
   #contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }

   /*Item slide card depoimento*/
   .item-card-slide-depoimento { width: 300px !important; height: 240px; position: relative; float: left; margin-right: 20px; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
   #view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
   #topo-lp { width: 100%; height: 1260px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
   #ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
   #lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
   #lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
   #div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #222222; font-size: 33px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 20px; }
   #moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -410px; margin-top: -150px; background-color: #f2f5fb; overflow: hidden; }
   #tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

   /*Depoimentos do topo */
   .card-depoimento-topo { width: 390px; height: auto; left: 50% !important; position: relative; float: left; margin-left: -195px !important; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); margin-bottom: -190px; }
   .dp-1-tp { top: 210px; left: -120px; margin-left: 200%; }
   .dp-2-tp { top: 570px; left: -20px; margin-left: 200%; }
   .dp-3-tp { top: 450px; left: -100px; margin-left: 200%; }
   .dp-4-tp { top: 332px; right: 330px; margin-right: -200%; }

   #tag-assistencia-24h { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }

   /*Inicio segunda sessao*/
   #segunda-sessao-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 150px; }
   #chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
   #barra-seguradoras { display: none; }
   #conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
   #ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
   #ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
   #div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; padding: 0px 30px; }
   #div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
   #div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
   .item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
   #view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
   #div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
   #div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 26px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 20px; }
   #div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
   #div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
   #foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -730px; top: -200px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
   .controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
   .controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

   /*Quarta sessao*/
   #quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
   #conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
   #conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
   .item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
   #view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
   #ilustra-quinta-sessao { display: none; }
   #moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -325px;    /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
   #conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
   #conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 30px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
   #conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
   #cta-int-quinta-sessao { width: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 17px; font-weight: 600; border-radius: 50px; cursor: pointer; }

   /*Sexta sessão*/
   #sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
   #sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
   #sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

   /*Ligamos para você*/
   #box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
   .controles-coberturas { background-color: #2c694e; }
   .controles-coberturas:hover { background-color: #509a79; }
   .controles-depoimento { background-color: #00d2ff; cursor: pointer; }
   .controles-depoimento:hover { background-color: #0090ff; }
   #div-conteudo-e-topo { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-bottom: 220px; }
   #div-conteudo-e-topo p { width: 60%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20%; color: #000; font-size: 24px; text-align: center; }
   #bloco-formulario-topo { width: 600px; height: 590px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
   #bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 39px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
   #bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 28px; color: #000; }
   #bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
   #ilustra-topo { width: 100%; height: auto; position: relative; float: right; }

   /*Item card cobertura*/
   .item-card-cobertura { width: 47%; height: 196px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 30px; }
   .icone-card-cobertura { width: 100%; height: 20px; position: relative; float: left; }
   .cta-int-card-cobertura { width: 140px; height: auto; left: 50%; position: relative; float: left; margin-left: -70px; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #17994e; font-size: 15px; cursor: pointer; text-align: center; }
   #moldura-assistencias { width: 900px; height: 520px; position: relative; float: left; margin-left: -40px; margin-top: 20px; background-color: #fff; overflow: hidden; }
   #slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
   #tag-assistencia-24h-int { width: 720px; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
   #legenda-bloco-assistencia-24h { width: 81%; height: auto; position: relative; float: right; margin-top: 26px; padding: 0px 20px; color: #fff; font-size: 22px; text-align: left; }
   #conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
   #quinta-sessao-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 90px; overflow: hidden; }

   /*inicio slider de depoimentos*/
   #faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
   #view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 0px; }
   #view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 700; text-align: center; padding: 0px 155px; }
   #view-s6-lp p { width: 660px; height: auto; position: relative; margin: auto; font-size: 22px; text-align: center; margin-bottom: 30px; }
   #view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 30px; }
   #box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 25px; font-size: 19px; }
   #box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
   .item-label-ligamos-pra-vc { width: 24%; 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: 25px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }

   /*Horário*/
   #horarios-rodape { width: 36%; height: auto; position: relative; float: left; padding-right: 20px; }
   #horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; }
   #horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; opacity: 0.8; }
   #google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 35px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
   #view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 720px; z-index: 10; }
   #topo-lp { width: 100%; height: 2060px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
   #div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
   #moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -180px; margin-top: -200px; background-color: #f2f5fb; overflow: hidden; }
   .dp-1-tp { top: 430px; left: -10px; margin-left: 200%; }
   .dp-2-tp { top: 620px; left: -20px; margin-left: 200%; }
   .dp-3-tp { top: 340px; left: 400px; margin-left: 200%; }
   .dp-4-tp { top: 530px; right: 50px; margin-right: -200%; }
   #conteudo-seguradoras { width: 95%; height: auto; left: 0%; position: relative; float: left; margin-left: 2.5%; }
   #div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
   #div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 50px; }
   .item-card-cobertura-inf { width: 100%; height: 61px; position: relative; float: left; margin-top: 46px; font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box; text-align: center; }
   #div-a-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
   #div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 26px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 20px; }
   #div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; text-align: center; padding: 0px 52px; }
   #div-b-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
   #conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 60px; font-size: 22px; color: #000; text-align: center; }
   .item-card-vantagem { width: 95%; height: auto; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 20px; margin-left: 2.5%; margin-right: 2.5%; padding-bottom: 30px; margin-bottom: -10px; }
   #view-quinta-sessao { width: 720px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
   #moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
   #conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 23px; text-align: center; padding: 0px 20px; }

   /*Sexta sessão*/
   #sexta-sessao { width: 100%; height: 500px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
   #sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 109px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
   #sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 24px; padding: 0px 50px; }

   /*Ligamos para você*/
   #box-ligamos-para-vc { width: 700px; height: 321px; left: 50%; position: relative; float: left; margin-left: -350px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
   #logo-menu-topo { width: 170px; height: 108px; position: relative; float: left; margin-left: 20px; margin-top: -54px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 170px; background-repeat: no-repeat; }
   #telefone-destaque-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 4px; padding: 10px 20px; background-color: #005dff; color: #fff; font-size: 14px; font-weight: 700; border-radius: 80px; }
   #legenda-telefone-destaque-topo { width: 250px; height: auto; position: absolute; left: 50%; margin-left: -125px; bottom: -20px; font-size: 15px; color: #005dff; text-align: center; }
   #cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 20px 14px 50px; background-color: #005dff; color: #fff; font-size: 22px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
   #icone-btn-form-topo { width: 45px; height: 45px; position: absolute; left: 9px; top: 6px; background-color: #004dd3; border-radius: 100%; }
   #casa-ilustra-topo { width: 900px; height: 680px; position: absolute; left: 50%; margin-left: -470px; top: 50%; margin-top: -260px; background: url(../img/casa-topo.jpg); background-size: 900px; }
   #chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; text-align: center; font-weight: 600; padding: 0px 20px; }
   #chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 16px; text-align: center; font-weight: 400; padding: 0px 40px; }

   /*Inicio terceira sessao*/
   #terceira-sesssao { width: 100%; height: auto; position: relative; float: left; background-color: unset; margin-top: -150px; overflow: hidden; padding-bottom: 60px; }
   #controles-slides-coberturas { width: 100%; height: auto; position: relative; float: left; display: none; }
   #faixa-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
   #chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 21px; color: #506dbc; text-align: center; font-weight: 600; }
   .item-card-vantagem h1 { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; font-weight: 800; font-size: 25px; color: #506dbc; font-family: 'ibm_plex_sansmedium'; }
   .item-card-vantagem p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 15px; color: #506dbc; padding: 0px 30px; }
   #faixa-cards-int-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
   #chamada-simulacao-int { width: 90%; height: auto; position: relative; margin: auto; padding: 60px 20px 40px 20px; font-size: 20px; border-radius: 20px; background-color: #fff0cb; font-weight: 600; text-align: center; }
   #bloco-ilustra-simulacao { width: 80px; height: 80px; position: absolute; left: 50%; top: -34px; margin-left: -40px; background-color: #1496f3; border-radius: 20px; overflow: hidden; background: url(../img/personagem.gif); background-size: 80px; }
   #ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -170px; top: -60px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
   #chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -228px; }
   #barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -30px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
   #div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; padding: 0px 30px; }
   #conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 31px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
   .controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
   #div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 20px; text-align: center; }
   #bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
   #bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
   #bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 18px; color: #000; }
   #bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
   .controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
   #div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 50px; text-align: center; }
   #bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
   #bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
   #bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 18px; color: #000; }
   #bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
   .item-card-cobertura { width: 100%; height: auto; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 0px; padding-bottom: 30px; }
   #moldura-assistencias { width: 600px; height: 350px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 30px; background-color: #fff; overflow: hidden; }
   #tag-assistencia-24h-int { width: 90%; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
   #legenda-bloco-assistencia-24h { width: 67%; height: auto; position: relative; float: right; margin-top: 19px; padding: 0px 20px; color: #fff; font-size: 14px; text-align: left; }
   #view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 40px; font-weight: 700; text-align: center; padding: 0px 10px; }
   #view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 20px; text-align: center; margin-bottom: 30px; padding: 0px 30px; }
   #topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; padding-bottom: 620px; }
   #div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #222222; font-size: 37px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 20px; }
   #moldura-ilustra-topo { width: 500px; height: 453px; right: 50%; position: relative; float: right; margin-right: -246px; margin-top: -170px; background-color: #f2f5fb; overflow: hidden; }
   .dp-1-tp { top: -190px; left: 0px; margin-left: 200%; }
   .dp-2-tp { top: 0px; left: 0px; margin-left: 200%; }
   .dp-3-tp { top: 217px; left: 0px; display: block; margin-left: 200%; }
   .dp-4-tp { top: 370px; right: 0px; margin-right: -200%; }
   #div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 10px; font-size: 30px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
   #div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; color: #000; text-align: center; padding: 0px 10px; }
   #div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 29px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 80px; }
   #div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }
   #conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 30px; font-size: 17px; color: #000; text-align: center; }
   #view-quinta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
   #moldura-ilustra-quinta-s { width: 540px; height: 384px; left: 50%; position: relative; float: left; margin-left: -295px;        /* margin-left: 20px; */ margin-top: 48px; background-color: #fff; overflow: hidden; }
   #conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }

   /*Sexta sessão*/
   #sexta-sessao { width: 100%; height: 480px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
   #sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 31px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; padding: 0px 40px; }
   #sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 19px; padding: 0px 20px; }

   /*Inicio rodape*/
   #rodape-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 100px; background-color: #fff9ee; }
   #view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 20px; }

   /*Ligamos para você*/
   #box-ligamos-para-vc { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0%; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px 80px 40px; }
   #box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 27px; font-weight: 700; text-align: center; }
   #box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 25px; font-size: 15px; text-align: center; }
   .item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0px; 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: 16px 25px !important; box-sizing: border-box !important; border-radius: 45px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }
   #cta-form-me-ligue { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; right: 0px; top: 43px; }
   #div-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
   #barra-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

   /*Horário*/
   #horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; padding-left: 20px; }
   #horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; font-weight: 600; text-align: center; }
   #horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; opacity: 0.8; text-align: center; }

   /*Telefone*/
   #telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; left: 0px; margin-left: 0px; }
   #telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #403b69; font-weight: 600; text-align: center; }
   #telefone-int-rodape { width: 180px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -94.5px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; text-align: center; }
   #google-sf { width: 200px; height: 58px; right: 50%; position: relative; float: right; margin-right: -90px; margin-top: 30px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
   .item-card-slide-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 17px; color: #000; padding: 0px 30px; box-sizing: border-box; }
   .item-card-slide-depoimento h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 30px; margin-left: 30px; color: #000; font-size: 21px; font-weight: 600; }
   .foto-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; margin-top: 51px; }
   .foto-card-int-cobertura-assistencia { width: 110px; height: 110px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #dfffe7; }
   #box-icone-cta-quinta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 6px; background-color: #27ac3e; border-radius: 100%; }
   #box-mapa { width: 90%; height: 400px; position: relative; float: left; left: 5%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }

    #google-sf2 { width: 200px; height: 58px; right: 50%; position: relative; float: right; margin-right: -200px; margin-top: 90px; background: url(../img/tag-youtube.png); background-size: 200px; }

}



@media only screen  
and (min-width:370px) 
and (max-width:400px) {
#janela-cobertura { width: 90%; height: 400px; position: fixed; left: 5%; top: -550%; margin-left: unset; margin-top: -200px; z-index: 9999; background-color: #fff; border-radius: 30px; opacity: 0; }
#box-icone-janela-cobertura { width: 90px; height: 90px; position: absolute; left: 10px; top: -20px; background-color: #00c69e; border-radius: 20px; }
#titulo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; padding: 0px 20px; font-size: 18px; color: #003dc6; font-weight: 600; }
#sobre-cobertura-janela { width: 100%; height: 250px; position: relative; float: left; margin-top: 10px; padding: 0px 20px; font-size: 17px; color: #000; }
#bloco-icone-int {
        width: 100px;
        height: 100px;
        left: 50%;
        position: relative;
        float: left;
        margin-top: -36px;
        margin-left: -50px;
        background-color: #ffcb9d !important;
        border-radius: 25px;
    
    }
#box-icone-cta-quinta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 7px; background-color: #27ac3e; border-radius: 100%; }
#icone-int-cta-quinta-sessao { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(../img/icone-cta.png); background-size: 30px; }

/*Item slide card depoimento*/
.item-card-slide-depoimento { width: 500px; height: 300px; position: relative; float: left; margin-right: 20px; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#topo-lp { width: 100%; height: 1260px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#div-conteudo-e-topo h1 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -410px; margin-top: -150px; background-color: #f2f5fb; overflow: hidden; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); }
.dp-1-tp { top: 210px; left: -120px; margin-left: 200%; }
.dp-2-tp { top: 570px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 450px; left: -100px; margin-left: 200%; }
.dp-4-tp { top: 332px; right: 330px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-bottom: 160px;
    
    }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -170px;/* padding: 0px 0px; */ }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -50px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
#ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; padding: 0px 30px; }
#div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 42px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
#div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -820px; top: -120px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
#view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#ilustra-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; display: none; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -325px;    /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 50px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
#cta-int-quinta-sessao { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-left: -150px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 18px; font-weight: 600; border-radius: 50px; cursor: pointer; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; }
.controles-depoimento:hover { background-color: #0090ff; }
#div-conteudo-e-topo { width: 100%; height: auto; position: relative; float: left; z-index: 300; }
#div-conteudo-e-topo p { width: 60%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20%; color: #000; font-size: 24px; text-align: center; }
#bloco-formulario-topo { width: 600px; height: 590px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 39px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 28px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
#ilustra-topo { width: 100%; height: 100%; position: relative; float: right; }

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 196px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 30px; }
.icone-card-cobertura { width: 100%; height: 20px; position: relative; float: left; }
.cta-int-card-cobertura { width: 140px; height: auto; left: 50%; position: relative; float: left; margin-left: -70px; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #17994e; font-size: 15px; cursor: pointer; text-align: center; }
#moldura-assistencias { width: 900px; height: 520px; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; overflow: hidden; }
#slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#tag-assistencia-24h-int { width: 720px; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 65%; height: auto; position: relative; float: right; margin-top: 25px; padding: 0px 20px; color: #fff; font-size: 14px; text-align: left; }
#conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#quinta-sessao-lp {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #f2fdff;
        padding-bottom: 70px;
        overflow: hidden;
    
    }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 0px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 700; text-align: center; padding: 0px 155px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 20px; text-align: center; margin-bottom: 30px; padding: 0px 60px; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 30px; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 25px; font-size: 19px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
.item-label-ligamos-pra-vc { width: 24%; 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: 25px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }

/*Horário*/
#horarios-rodape { width: 36%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; opacity: 0.8; }
#google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 35px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 720px; z-index: 10; }
#topo-lp { width: 100%; height: 2060px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -180px; margin-top: -200px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 430px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 620px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 340px; left: 400px; margin-left: 200%; }
.dp-4-tp { top: 530px; right: 50px; margin-right: -200%; }
#conteudo-seguradoras { width: 95%; height: auto; left: 0%; position: relative; float: left; margin-left: 2.5%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 50px; }
.item-card-cobertura-inf { width: 100%; height: 61px; position: relative; float: left; margin-top: 46px; font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box; text-align: center; }
#div-a-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 41px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 100px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; text-align: center; padding: 0px 52px; }
#div-b-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -670px; top: -60px; background-color: url(../img/foto-coberturas.jpg); background-size: 1500px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 60px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 95%; height: auto; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 20px; margin-left: 2.5%; margin-right: 2.5%; padding-bottom: 30px; margin-bottom: -10px; }
#view-quinta-sessao { width: 720px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 23px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 500px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 109px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 24px; padding: 0px 50px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 700px; height: 321px; left: 50%; position: relative; float: left; margin-left: -350px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#logo-menu-topo { width: 200px; height: 121px; position: relative; float: left; margin-left: 50%; left: -100px; margin-top: 5px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 200px; }
#telefone-destaque-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: -6px; padding: 10px 20px; background-color: #005dff; color: #fff; font-size: 14px; font-weight: 700; border-radius: 80px; display: none; }
#legenda-telefone-destaque-topo { width: 250px; height: auto; position: absolute; left: 50%; margin-left: -125px; bottom: -20px; font-size: 15px; color: #005dff; text-align: center; }
#cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 20px 14px 50px; background-color: #005dff; color: #fff; font-size: 17px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
#icone-btn-form-topo { width: 45px; height: 45px; position: absolute; left: 9px; top: 6px; background-color: #004dd3; border-radius: 100%; }
#icone-cta { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -11.5px; margin-top: -13px; background: url(../img/icone-cta.png); background-size: 24px; }
#casa-ilustra-topo {
        width: 670px;
        height: 420px;
        position: absolute;
        left: 50%;
        margin-left: -280px;
        top: -50px;
        margin-top: 10%;
        background: url(../img/casa-topo.jpg);
        background-size: 510px;
    
    }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 16px; text-align: center; font-weight: 600; padding: 0px 20px; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 400; padding: 0px 20px; }

/*Inicio terceira sessao*/
#terceira-sesssao {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #dfffe7;
        margin-top: -160px;
        overflow: hidden;
        padding-bottom: 60px;
    
    }
#controles-slides-coberturas { width: 100%; height: auto; position: relative; float: left; display: none; }
#faixa-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 21px; color: #506dbc; text-align: center; font-weight: 600; }
.item-card-vantagem h1 { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; font-weight: 800; font-size: 25px; color: #506dbc; font-family: 'ibm_plex_sansmedium'; }
.item-card-vantagem p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 15px; color: #506dbc; padding: 0px 30px; }
#faixa-cards-int-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#chamada-simulacao-int { width: 90%; height: auto; position: relative; margin: auto; padding: 60px 20px 35px 20px; font-size: 16px; border-radius: 20px; background-color: #fff0cb; font-weight: 600; text-align: center; }
#bloco-ilustra-simulacao { width: 80px; height: 80px; position: absolute; left: 50%; top: -34px; margin-left: -40px; background-color: #1496f3; border-radius: 20px; overflow: hidden; background: url(../img/personagem.gif); background-size: 80px; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -170px; top: -60px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -228px;        /* padding: 0px 0px; */ }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -30px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); display: none; }
#div-conteudo-s2 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 10px;
        padding: 0px 20px;
    
    }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 31px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 59px; font-size: 25px; color: #000; font-weight: 700; padding: 0px 20px; text-align: center; font-family: 'ibm_plex_sansbold'; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; color: #000; font-size: 16px; padding: 0px 20px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 41px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 30px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 16px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 20px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; padding: 0px 40px; font-size: 23px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -16px; padding: 0px 40px; font-size: 18px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.item-card-cobertura { width: 100%; height: auto; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 0px; padding-bottom: 30px; }
#moldura-assistencias { width: 600px; height: 350px; position: relative; float: left; margin-left: -90px; margin-top: 30px; background-color: #fff; overflow: hidden; }
#tag-assistencia-24h-int {
        width: 90%;
        height: 263px;
        position: relative;
        margin: auto;
        background-color: #53da89;
        border-radius: 30px;
    
    }
#legenda-bloco-assistencia-24h {
        width: 100%;
        height: auto;
        position: relative;
        float: right;
        margin-top: -5px;
        padding: 0px 20px;
        color: #fff;
        font-size: 17px;
        text-align: center;
    
    }
#s6-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 168px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 30px; font-weight: 700; text-align: center; padding: 0px 10px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 17px; text-align: center; margin-bottom: 13px; padding: 0px 30px; }
#topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; padding-bottom: 10px; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 95px; color: #222222; font-size: 27px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 43px; }
#moldura-ilustra-topo { width: 440px; height: 399px; position: relative; float: right; margin-right: -40px; margin-top: 40px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: unset; left: 0px; margin-left: 200%; margin-top: -80px;        /* margin-bottom: -90px; */ }
.dp-2-tp { top: unset; left: unset; margin-top: -30px; margin-left: 200%; }
.dp-3-tp { top: 170px; left: 0px; display: block; margin-left: 200%; }
.dp-4-tp { top: -204px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 22px; color: #000; font-weight: 800; text-align: center;        /* padding: 0px 0px; */ font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; color: #000; text-align: center; padding: 0px 10px; }
#div-a-terceira-sessao h1 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 65px;
        font-size: 23px;
        color: #000;
        font-weight: 600;
        font-family: 'ibm_plex_sanssemibold';
        text-align: center;
        padding: 0px 20px;
    
    }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -6px; color: #000; font-size: 15px; text-align: center; padding: 0px 20px; }
#foto-cobertura-assistencia { width: 1110px; height: 732px; position: absolute; left: -340px; top: -60px; background: url(../img/foto-coberturas.jpg); background-size: 940px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 30px; font-size: 17px; color: #000; text-align: center; }
#view-quinta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 540px; height: 384px; left: 50%; position: relative; float: left; margin-left: -295px;        /* margin-left: 20px; */ margin-top: 48px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 530px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; font-size: 25px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; padding: 0px 60px; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 19px; padding: 0px 20px; }

/*Inicio rodape*/
#rodape-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 100px; background-color: #fff9ee; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 20px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0%; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 20px 80px 20px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 25px; font-weight: 700; text-align: center; padding: 0px 20px; }
#box-ligamos-para-vc p { width: 99%; height: auto; position: relative; float: left; margin-top: -9px; font-size: 25px; font-size: 15px; text-align: center; }
.item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0px; 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: 16px 25px !important; box-sizing: border-box !important; border-radius: 45px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }
#cta-form-me-ligue { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; right: 0px; top: 43px; }
#div-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#barra-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

/*Horário*/
#horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; padding-left: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; font-weight: 600; text-align: center; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; opacity: 0.8; text-align: center; }

/*Telefone*/
#telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; left: 0px; margin-left: 0px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #403b69; font-weight: 600; text-align: center; }
#telefone-int-rodape { width: 200px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -100px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; text-align: center; }
#google-sf { width: 200px; height: 58px; right: 50%; position: relative; float: right; margin-right: -100px; margin-top: 30px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
.item-card-slide-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 15px; color: #000; padding: 0px 30px; box-sizing: border-box; }
.item-card-slide-depoimento h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 36px; margin-left: 30px; color: #000; font-size: 17px; font-weight: 600; }
.foto-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; margin-top: 51px; }
.foto-card-int-cobertura-assistencia { width: 110px; height: 110px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #dfffe7; }
.desktop { display: none; }
.mobile { display: block; }
#janela-cotacao { width: 330px; height: 480px; position: fixed; top: -350%; margin-top: -250px; left: 50%; margin-left: -165px; 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: #a6c6d0; }
.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: 27px; color: #5142b1; text-align: center; padding: 0px 20px; margin-top: 104px; font-weight: 700; }
#container-btn-escolha-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; opacity: 1; }
.instrucoes-form { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 14px; 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: #00a2ff; z-index: 9999; 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: 8px; text-align: center; font-size: 27px; font-weight: 800; color: #5b48d1; }
#janela-conteudo-contato-enviado p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; font-size: 15px; 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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }

#box-mapa { width: 90%; height: 230px; position: relative; float: left; left: 5%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }

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

#bloco-video-topo-int { width: 340px; height: 190px; left: 50%; position: relative; float: left; margin-left: -170px; border-radius: 30px; overflow: hidden; }
#tag-assistencia-24h { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#tag-matriculas {
        width: 300px;
        height: 130px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        bottom: -80px;
    
    }

.fix-tag-2{
    margin-top: -85px !important;

}

#bloco-icone {
    width: 100%;
    height: 90px;
    position: relative;
    float: left;

}


}





@media only screen  
and (min-width:170px) 
and (max-width:370px) {

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

#janela-cobertura { width: 90%; height: 400px; position: fixed; left: 5%; top: -550%; margin-left: unset; margin-top: -200px; z-index: 9999; background-color: #fff; border-radius: 30px; opacity: 0; }
#box-icone-janela-cobertura { width: 90px; height: 90px; position: absolute; left: 10px; top: -20px; background-color: #00c69e; border-radius: 20px; }
#titulo-janela-cobertura { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; padding: 0px 20px; font-size: 18px; color: #003dc6; font-weight: 600; }
#sobre-cobertura-janela { width: 100%; height: 250px; position: relative; float: left; margin-top: 10px; padding: 0px 20px; font-size: 17px; color: #000; }
#bloco-icone-int { width: 100px; height: 100px; position: relative; float: left; margin-top: 44px; margin-left: 20px; background-color: #ffcb9d !important; border-radius: 25px; }
#box-icone-cta-quinta-sessao { width: 50px; height: 50px; position: absolute; left: 10px; top: 7px; background-color: #27ac3e; border-radius: 100%; }
#icone-int-cta-quinta-sessao { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(../img/icone-cta.png); background-size: 30px; }

/*Item slide card depoimento*/
.item-card-slide-depoimento { width: 500px; height: 300px; position: relative; float: left; margin-right: 20px; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#topo-lp { width: 100%; height: 1260px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -190px; top: 0px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#lista-links-menu-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
#lista-links-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-right: 20px; color: #5457bb; font-size: 17px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer; }
#div-conteudo-e-topo h1 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -410px; margin-top: -150px; background-color: #f2f5fb; overflow: hidden; }
#tag-preco-topo { width: 180px; height: 215px; position: absolute; right: 99px; margin-top: -100%; top: 26px; background: url(../img/tag-preco-topo.png); background-size: 180px; }

/*Depoimentos do topo */
.card-depoimento-topo { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding: 20px 20px; border-radius: 34px; z-index: 400; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); transform: scale(0.8); }
.dp-1-tp { top: 210px; left: -120px; margin-left: 200%; }
.dp-2-tp { top: 570px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 450px; left: -100px; margin-left: 200%; }
.dp-4-tp { top: 332px; right: 330px; margin-right: -200%; }

/*Inicio segunda sessao*/
#segunda-sessao-lp {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-bottom: 152px;
    
    }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -170px;/* padding: 0px 0px; */ }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -50px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#conteudo-seguradoras { width: 1100px; height: auto; left: 50%; position: relative; float: left; margin-left: -550px; }
#ilustra-seguradoras { width: 35%; height: 100%; position: relative; float: left; display: none; }
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -730px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }
#div-conteudo-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; padding: 0px 30px; }
#div-conteudo-s2 h2 { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 100px; }
.item-card-cobertura-inf { width: 65%; height: 61px; position: relative; float: left; margin-top: 33px; font-size: 18px; color: #000; padding: 0px 0px; box-sizing: border-box; }
#view-terceira-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#div-a-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 42px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; }
#div-b-terceira-sessao { width: 50%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -820px; top: -120px; background: url(../img/foto-coberturas.jpg); background-size: 1500px; }
.controle-esquerdo-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: -110px; border-radius: 70px 0px 0px 70px; background-color: #000; cursor: pointer; }
.controle-direito-cobertura { width: 110px; height: 70px; left: 50%; position: relative; float: left; margin-left: 2px; border-radius: 0px 70px 70px 0px; background-color: #000; cursor: pointer; }

/*Quarta sessao*/
#quarta-sessao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 100px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 48px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 200px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 41.4%; height: 236px; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 40px; margin-left: 5.5%; margin-right: 2.5%; }
#view-quinta-sessao { width: 1100px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#ilustra-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; display: none; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -325px;    /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao { width: 100%; height: 100%; position: relative; float: left; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 50px; color: #000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 24px; text-align: center; padding: 0px 140px; }
#cta-int-quinta-sessao { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-left: -150px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 18px; font-weight: 600; border-radius: 50px; cursor: pointer; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 670px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 163px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 30px; padding: 0px 200px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 1100px; height: 300px; left: 50%; position: relative; float: left; margin-left: -550px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
.controles-coberturas { background-color: #2c694e; }
.controles-coberturas:hover { background-color: #509a79; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; }
.controles-depoimento:hover { background-color: #0090ff; }
#div-conteudo-e-topo { width: 100%; height: auto; position: relative; float: left; z-index: 300; }
#div-conteudo-e-topo p { width: 60%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20%; color: #000; font-size: 24px; text-align: center; }
#bloco-formulario-topo { width: 600px; height: 590px; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 40px; font-size: 39px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 28px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 15px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
#ilustra-topo { width: 100%; height: 100%; position: relative; float: right; }

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 196px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 30px; }
.icone-card-cobertura { width: 100%; height: 20px; position: relative; float: left; }
.cta-int-card-cobertura { width: 140px; height: auto; left: 50%; position: relative; float: left; margin-left: -70px; padding: 8px 20px; background-color: #fff; border-radius: 20px; color: #17994e; font-size: 15px; cursor: pointer; text-align: center; }
#moldura-assistencias { width: 900px; height: 520px; position: relative; float: left; margin-left: -300px; margin-top: 20px; background-color: #fff; overflow: hidden; }
#slides-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#tag-assistencia-24h-int { width: 720px; height: 150px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 65%; height: auto; position: relative; float: right; margin-top: 25px; padding: 0px 20px; color: #fff; font-size: 14px; text-align: left; }
#conteudo-quarta-sessao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#quinta-sessao-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 150px; overflow: hidden; }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#view-s6-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 0px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 700; text-align: center; padding: 0px 155px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 20px; text-align: center; margin-bottom: 30px; padding: 0px 60px; }
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 30px; }
#box-ligamos-para-vc p { width: 95%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 25px; font-size: 19px; }
#box-labels-form-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
.item-label-ligamos-pra-vc { width: 24%; 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: 25px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }

/*Horário*/
#horarios-rodape { width: 36%; height: auto; position: relative; float: left; padding-right: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; opacity: 0.8; }
#google-sf { width: 200px; height: 58px; position: relative; float: right; margin-top: 35px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
#view-topo-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 720px; z-index: 10; }
#topo-lp { width: 100%; height: 2060px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 43px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
#moldura-ilustra-topo { width: 900px; height: 817px; position: relative; float: right; margin-right: -180px; margin-top: -200px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 430px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 620px; left: -20px; margin-left: 200%; }
.dp-3-tp { top: 340px; left: 400px; margin-left: 200%; }
.dp-4-tp { top: 530px; right: 50px; margin-right: -200%; }
#conteudo-seguradoras { width: 95%; height: auto; left: 0%; position: relative; float: left; margin-left: 2.5%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 44px; color: #000; font-weight: 800; text-align: center; font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #000; text-align: center; padding: 0px 50px; }
.item-card-cobertura-inf { width: 100%; height: 61px; position: relative; float: left; margin-top: 46px; font-size: 18px; color: #000; padding: 0px 20px; box-sizing: border-box; text-align: center; }
#div-a-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 41px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 100px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; color: #000; font-size: 20px; text-align: center; padding: 0px 52px; }
#div-b-terceira-sessao { width: 100%; height: 100%; position: relative; float: left; }
#foto-cobertura-assistencia { width: 1500px; height: 732px; position: absolute; left: -670px; top: -60px; background-color: url(../img/foto-coberturas.jpg); background-size: 1500px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 60px; font-size: 22px; color: #000; text-align: center; }
.item-card-vantagem { width: 95%; height: auto; position: relative; float: left; background-color: #ecfdff; border-radius: 30px; margin-top: 20px; margin-left: 2.5%; margin-right: 2.5%; padding-bottom: 30px; margin-bottom: -10px; }
#view-quinta-sessao { width: 720px; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 750px; height: 534px; left: 50%; position: relative; float: left; margin-left: -375px;        /* margin-left: 20px; */ margin-top: 78px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 23px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 500px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 109px; font-size: 40px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 24px; padding: 0px 50px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 700px; height: 321px; left: 50%; position: relative; float: left; margin-left: -350px; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 40px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); }
#logo-menu-topo { width: 200px; height: 121px; position: relative; float: left; margin-left: 50%; left: -100px; margin-top: 5px; background: url(../img/logo-sitio-escola-geranium.png); background-size: 200px; }
#telefone-destaque-topo { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: -6px; padding: 10px 20px; background-color: #005dff; color: #fff; font-size: 14px; font-weight: 700; border-radius: 80px; display: none; }
#legenda-telefone-destaque-topo { width: 250px; height: auto; position: absolute; left: 50%; margin-left: -125px; bottom: -20px; font-size: 15px; color: #005dff; text-align: center; }
#cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 20px 14px 50px; background-color: #005dff; color: #fff; font-size: 17px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
#icone-btn-form-topo { width: 45px; height: 45px; position: absolute; left: 9px; top: 6px; background-color: #004dd3; border-radius: 100%; }
#icone-cta { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -11.5px; margin-top: -13px; background: url(../img/icone-cta.png); background-size: 24px; }
#casa-ilustra-topo { width: 770px; height: 680px; position: absolute; left: 50%; margin-left: -280px; top: -50px; margin-top: 10%; background: url(../img/casa-topo.jpg); background-size: 630px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 16px; text-align: center; font-weight: 600; padding: 0px 20px; }
#chamada-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 400; padding: 0px 20px; }

/*Inicio terceira sessao*/
#terceira-sesssao {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #dfffe7;
        margin-top: -180px;
        overflow: hidden;
        padding-bottom: 60px;
    
    }
#controles-slides-coberturas { width: 100%; height: auto; position: relative; float: left; display: none; }
#faixa-cards-coberturas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 21px; color: #506dbc; text-align: center; font-weight: 600; }
.item-card-vantagem h1 { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; font-weight: 800; font-size: 25px; color: #506dbc; font-family: 'ibm_plex_sansmedium'; }
.item-card-vantagem p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 15px; color: #506dbc; padding: 0px 30px; }
#faixa-cards-int-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#chamada-simulacao-int { width: 90%; height: auto; position: relative; margin: auto; padding: 60px 20px 35px 20px; font-size: 16px; border-radius: 20px; background-color: #fff0cb; font-weight: 600; text-align: center; }
#bloco-ilustra-simulacao { width: 80px; height: 80px; position: absolute; left: 50%; top: -34px; margin-left: -40px; background-color: #1496f3; border-radius: 20px; overflow: hidden; background: url(../img/personagem.gif); background-size: 80px; }
#ondas-topo-esquerdo { width: 510px; height: 605px; position: absolute; left: -170px; top: -60px; background: url(../img/ornamento-topo-esquerdo.png); background-size: 510px; z-index: 1; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -228px;        /* padding: 0px 0px; */ }
#barra-seguradoras { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -30px; padding: 20px 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.07); display: none; }
#div-conteudo-s2 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 58px;
        padding: 0px 20px;
    
    }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 31px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 59px; font-size: 25px; color: #000; font-weight: 700; padding: 0px 20px; text-align: center; font-family: 'ibm_plex_sansbold'; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; color: #000; font-size: 16px; padding: 0px 20px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 41px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 30px; font-size: 25px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -10px; padding: 0px 40px; font-size: 16px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.controles-depoimento { background-color: #00d2ff; cursor: pointer; display: none; }
#div-conteudo-e-topo p { width: 90%; height: auto; position: relative; float: left; margin-top: -5px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 20px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 490px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; background-color: #fff; border-radius: 34px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; padding: 0px 40px; font-size: 23px; color: #000000; font-weight: 700; text-align: center; font-family: 'ibm_plex_sanssemibold'; }
#bloco-formulario-topo p { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; box-sizing: border-box; margin-top: -16px; padding: 0px 40px; font-size: 18px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 50px; box-sizing: border-box; text-align: center; }
.item-card-cobertura { width: 100%; height: auto; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 60px; margin-bottom: 0px; padding-bottom: 30px; }
#moldura-assistencias { width: 600px; height: 350px; position: relative; float: left; margin-left: -90px; margin-top: 30px; background-color: #fff; overflow: hidden; }
#tag-assistencia-24h-int {
        width: 90%;
        height: 286px;
        position: relative;
        margin: auto;
        background-color: #53da89;
        border-radius: 30px;
        margin-bottom: 40px;
    
    }
#legenda-bloco-assistencia-24h {
        width: 65%;
        height: auto;
        position: relative;
        float: right;
        margin-top: 25px;
        padding: 0px 20px;
        color: #fff;
        font-size: 17px;
        text-align: left;
    
    }
#s6-lp { width: 100%; height: auto; position: relative; float: left; background-color: #f2fdff; padding-bottom: 168px; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 30px; font-weight: 700; text-align: center; padding: 0px 10px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 17px; text-align: center; margin-bottom: 13px; padding: 0px 30px; }
#topo-lp { width: 100%; height: auto; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; padding-bottom: 10px; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 95px; color: #222222; font-size: 27px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 43px; }
#moldura-ilustra-topo { width: 440px; height: 399px; position: relative; float: right; margin-right: -40px; margin-top: 40px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: unset; left: 0px; margin-left: 200%; margin-top: -80px;        /* margin-bottom: -90px; */ }
.dp-2-tp { top: unset; left: unset; margin-top: -30px; margin-left: 200%; }
.dp-3-tp {
        top: 190px;
        left: 0px;
        display: block;
        margin-left: 200%;
    
    }
.dp-4-tp { top: -204px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 22px; color: #000; font-weight: 800; text-align: center;        /* padding: 0px 0px; */ font-family: 'ibm_plex_sansbold'; }
#div-conteudo-s2 p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; color: #000; text-align: center; padding: 0px 10px; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 75px; font-size: 23px; color: #000; font-weight: 600; font-family: 'ibm_plex_sanssemibold'; text-align: center; padding: 0px 20px; }
#div-a-terceira-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -6px; color: #000; font-size: 15px; text-align: center; padding: 0px 20px; }
#foto-cobertura-assistencia { width: 1110px; height: 732px; position: absolute; left: -340px; top: -60px; background: url(../img/foto-coberturas.jpg); background-size: 940px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 30px; font-size: 17px; color: #000; text-align: center; }
#view-quinta-sessao { width: 100%; height: auto; position: relative; margin: auto; max-width: 1100px; z-index: 10; }
#moldura-ilustra-quinta-s { width: 540px; height: 384px; left: 50%; position: relative; float: left; margin-left: -295px;        /* margin-left: 20px; */ margin-top: 48px; background-color: #fff; overflow: hidden; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }
#conteudo-quinta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #000; font-size: 17px; text-align: center; padding: 0px 20px; }

/*Sexta sessão*/
#sexta-sessao { width: 100%; height: 530px; position: relative; float: left; background: url(../img/bg-perfil.jpg); background-position: -170px; background-size: cover; }
#sexta-sessao-view h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; font-size: 25px; color: #fff; text-align: center; font-family: 'ibm_plex_sansbold'; font-size: 700; padding: 0px 60px; }
#sexta-sessao-view p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; text-align: center; color: #fff; font-size: 19px; padding: 0px 20px; }

/*Inicio rodape*/
#rodape-lp {
width: 100%;
height: auto;
position: relative;
float: left;
padding-bottom: 100px;
background-color: #fff9ee;
}
#view-rodape-lp { width: 100%; height: auto; position: relative; margin: auto; max-width: 2000px; padding: 0px 20px; }

/*Ligamos para você*/
#box-ligamos-para-vc { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0%; margin-top: -130px; background-color: #fff; border-radius: 40px; padding: 0px 20px 80px 20px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 25px; font-weight: 700; text-align: center; padding: 0px 20px; }
#box-ligamos-para-vc p { width: 99%; height: auto; position: relative; float: left; margin-top: -9px; font-size: 25px; font-size: 15px; text-align: center; }
.item-label-ligamos-pra-vc { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 0px; 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: 16px 25px !important; box-sizing: border-box !important; border-radius: 45px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 16px !important; font-weight: 600; border-bottom: solid 1px #ffd46e !important; border: 2px solid #ffd46e !important; }
#cta-form-me-ligue { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; right: 0px; top: 43px; }
#div-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#barra-infos-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

/*Horário*/
#horarios-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 20px; padding-left: 20px; }
#horarios-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; font-weight: 600; text-align: center; }
#horarios-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; opacity: 0.8; text-align: center; }

/*Telefone*/
#telefone-rodape { width: 100%; height: auto; position: relative; float: left; padding-right: 0px; left: 0px; margin-left: 0px; }
#telefone-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #403b69; font-weight: 600; text-align: center; }
#telefone-int-rodape { width: 200px; height: auto; left: 50%; position: relative; float: left; margin-top: -2px; margin-left: -100px; padding: 10px 20px; border-radius: 10px; background-color: #ffe404; font-size: 16px; color: #403b69; font-weight: 600; text-align: center; }
#google-sf { width: 200px; height: 58px; right: 50%; position: relative; float: right; margin-right: -100px; margin-top: 30px; background: url(../img/google-safe-browsing.png); background-size: 200px; }
.item-card-slide-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 15px; color: #000; padding: 0px 30px; box-sizing: border-box; }
.item-card-slide-depoimento h4 { width: 70%; height: auto; position: relative; float: left; margin-top: 36px; margin-left: 30px; color: #000; font-size: 17px; font-weight: 600; }
.foto-card-cobertura-assistencia { width: 100%; height: auto; position: relative; float: left; margin-top: 51px; }
.foto-card-int-cobertura-assistencia { width: 110px; height: 110px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #dfffe7; }
.desktop { display: none; }
.mobile { display: block; }
#janela-cotacao { width: 330px; height: 480px; position: fixed; top: -350%; margin-top: -250px; left: 50%; margin-left: -165px; 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: #a6c6d0; }
.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: 27px; color: #5142b1; text-align: center; padding: 0px 20px; margin-top: 104px; font-weight: 700; }
#container-btn-escolha-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; opacity: 1; }
.instrucoes-form { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; font-size: 14px; 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: #00a2ff; z-index: 9999; 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: 8px; text-align: center; font-size: 27px; font-weight: 800; color: #5b48d1; }
#janela-conteudo-contato-enviado p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; font-size: 15px; 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: 150px; height: auto; position: relative; margin: auto; }
#contador-contato-enviado { width: 0%; height: 20px; position: absolute; bottom: 0px; background-color: #584ba7; }

#box-mapa { width: 90%; height: 230px; position: relative; float: left; left: 5%; margin-top: 30px; margin-bottom: 30px; background-color: green; border-radius: 40px; overflow: hidden; }

#bloco-video-topo-int { width: 340px; height: 191px; left: 50%; position: relative; float: left; margin-left: -170px; border-radius: 30px; overflow: hidden; }
#tag-assistencia-24h { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }

#tag-matriculas {
        width: 300px;
        height: 130px;
        position: absolute;
        left: 50%;
        margin-left: -150px;
        bottom: -80px;
    
    }

#tag-assistencia-24h-int {
        width: 90%;
        height: 263px;
        position: relative;
        margin: auto;
        background-color: #53da89;
        border-radius: 30px;
    
    }
#legenda-bloco-assistencia-24h {
        width: 100%;
        height: auto;
        position: relative;
        float: right;
        margin-top: -5px;
        padding: 0px 20px;
        color: #fff;
        font-size: 17px;
        text-align: center;
    
    }

#div-conteudo-s2 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 10px;
        padding: 0px 20px;
    
    }

#casa-ilustra-topo {
        width: 670px;
        height: 420px;
        position: absolute;
        left: 50%;
        margin-left: -280px;
        top: -50px;
        margin-top: 10%;
        background: url(../img/casa-topo.jpg);
        background-size: 510px;
    
    }

#quinta-sessao-lp {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #f2fdff;
        padding-bottom: 60px;
        overflow: hidden;
    
    }


/*Inicio segunda sessao*/
#segunda-sessao-lp {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-bottom: 160px;
    
    }

#bloco-icone-int {
        width: 100px;
        height: 100px;
        left: 50%;
        position: relative;
        float: left;
        margin-top: -36px;
        margin-left: -50px;
        background-color: #ffcb9d !important;
        border-radius: 25px;
    
    }

#bloco-icone {
    width: 100%;
    height: 90px;
    position: relative;
    float: left;

}
.fix-tag-2{
    margin-top: -85px !important;
}

#box-labels-form-ligamos-pra-vc {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
}



/* ==========================================================================
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; }


}

/* ================================
   Centralização do formulário Kommo
   ================================ */

#form-kommo {
  width: 100%;
  max-width: 420px;        /* largura segura do formulário */
  margin: 32px auto 0;     /* centraliza horizontalmente */
  position: relative;
  z-index: 2;
}

/* Garante que o Kommo respeite o fluxo */
#form-kommo iframe,
#form-kommo form,
#form-kommo .amoforms__form {
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  display: block !important;
}

/* Evita sobreposição invisível */
#form-kommo * {
  pointer-events: auto;
}