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

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



#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; border-radius: 100%; border: 4px  solid #fff32f; overflow: hidden; }
.foto-int-escolha-atendimento {width: 95px; height: 95px; position: absolute; left: 50%; top: 50%; margin-left:-47.5px; margin-top: -47.5px;}
.info-escolha-atendimento { width: 56%; height: auto; position: relative; float: left; margin-top: 26px; margin-left: 10px; font-size: 17px; color: #fff; font-weight: 420; line-height: 21px; }
.seta-escolha-atendimento { width: 29px; height: 51px; position: absolute; right: 24px; top: 33px; background: url(../img/seta-escolha-atendimento.png); background-size: 29px; }
.item-btn-escolha-atendimento:hover{background-color: #382d81;  border: 1px solid #00c0ff;}


/* ==========================================================================
   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: #00c69e; 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:#588bff; 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:#1e60f5;}

#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:#003dc6; font-weight: 600;}
#sobre-cobertura-janela{width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 45px; font-size: 20px; color: #000; }



#topo-lp{width: 100%; height: 1200px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden;}
#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: 140px; height: 69px; position: relative; float: left; margin-left: 20px; background: url(../img/logo-saga-residencial.png); background-size: 140px;}

#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: #5457bb; font-size: 20px; font-weight: 700; font-family: 'ibm_plex_sansregular'; cursor: pointer;}
#lista-links-menu-topo ul li:hover {color:#0036ff;}

#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: 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: #005dff; text-align: center;}

#div-conteudo-e-topo{width: 40%; height:auto; position: relative; float: left;}
#div-conteudo-e-topo h1 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; color: #222222; font-size: 50px; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; }
#div-conteudo-e-topo h1 span {color: #506dbc;}
#div-conteudo-e-topo p {width: 90%; height: auto; position: relative; float: left; margin-top: -10px; color: #000; font-size: 24px;}

#bloco-formulario-topo{width: 400px; height: 520px; position: relative; float:left; 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: 28px; color:#000000; font-weight: 700; font-family: 'ibm_plex_sanssemibold';}
#bloco-formulario-topo h2 span {color: #5457bb;}
#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:#ffffdb !important; border: 1px solid #ffef87 !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:#005dff; 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:#004dd3; 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: -100px; background-color: #f2f5fb; 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: 900px; height: 680px; position: absolute; left: 50%; margin-left: -450px; top: 90px; margin-top: 150%; background: url(../img/casa-topo.jpg); background-size: 900px;}

#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; }
.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: 40px; left: -180px; margin-left: 200%;}
.dp-2-tp { top: 590px; left: -180px; margin-left: 200%;}
.dp-3-tp { top: 550px; left: 380px; margin-left: 200%;}
.dp-4-tp { top: 100px; right: 0px; margin-right: -200%;}


/*Inicio segunda sessao*/
#segunda-sessao-lp{width: 100%; height:auto; position: relative; float: left; padding-bottom: 190px;}
#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;}
#chamada-s2 h3{width: 100%; height: auto; position: relative; float: left; font-size: 32px; text-align: center; font-weight: 600;}
#chamada-s2 p{width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; text-align: center; font-weight: 400;}

#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;}
#ilustra-seguradoras{width: 45%; height: 100%; position: relative; float: left;}
#ilustra-int-seguradoras { width: 1100px; height: 964px; position: relative; float: left; margin-top: 300px; margin-left: -340px; background: url(../img/ilustra-seguradoras.png); background-size: 1100px; }

#div-conteudo-s2{width:55%; height: auto; position: relative; float: left; margin-top: 80px;}
#div-conteudo-s2 h2 {width: 100%; height: auto; position: relative; float: left; font-size: 44px; color: #000; font-weight: 800; font-family: 'ibm_plex_sansbold';}
#div-conteudo-s2 h2 span {color:#506dbc;}
#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;}

/*Item card cobertura*/
.item-card-cobertura { width: 47%; height: 153px; position: relative; float: left; background-color: #cdffe2; border-radius: 20px; margin-top: 20px; }
.item-card-cobertura-d{margin-left: 3%;}

.item-card-cobertura:hover{background-color: #9effc7;}

.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:#52d188; 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: #17994e; font-size: 15px; cursor: pointer;}

/*Inicio terceira sessao*/
#terceira-sesssao{width: 100%; height:auto; position: relative; float: left; background-color: #dfffe7; margin-top: -300px; overflow: hidden; padding-bottom: 200px;}
#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: 280px; font-size: 50px; color: #000; font-weight: 600;  font-family: 'ibm_plex_sanssemibold';}
#div-a-terceira-sessao h1 span {color:#506dbc;}
#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: 100px; 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: -80px;}
#tag-assistencia-24h-int {width: 900px; height: 150px; position: relative; margin: auto; background-color:#53da89; 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: #43c276; border-radius: 25px;}
#icone-relogio { width: 140px; height: 140px; position: absolute; left: -41px; top: -40px; background: url(../img/icone-relogio.png); background-size: 140px; }

#legenda-bloco-assistencia-24h{width: 85%; height: auto; position: relative; float: right; margin-top: 38px; padding: 0px 20px; color: #fff; font-size: 23px; 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; background-color:#f2fdff; padding-bottom: 180px; overflow: hidden;}
#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: -240px; top: -10px; background: url(../img/foto-quinta-sessao.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: #000; font-weight: 700;  font-family: 'ibm_plex_sansbold';}
#conteudo-quinta-sessao h3 span {color:#506dbc;}
#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: #0048ff; 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: #004dd3; 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: #0000ff;}

/*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:#00d2ff; cursor: pointer;}
.controles-depoimento:hover{background-color:#0090ff;}

#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);
}

.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:#282de2;}
#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: 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 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;} 
#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: 140px; font-size: 38px; font-weight: 700; text-align: center;}
#view-s6-lp span{color:#5457bb;}
#view-s6-lp p {width: 800px; height: auto; position: relative; margin: auto; font-size: 22px; text-align: center; margin-bottom: 30px;}

/*Inicio rodape*/
#rodape-lp{width: 100%; height:580px; position: relative; float: left; background-color:#ffffff;}
#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; 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: #594edb;}
#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: #1b6af4; 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: #004dd3; 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-rodape{width: 100%; height: auto; position: relative; margin: auto ;}
#logo-rdoape-int{width:150px; height:74px; position: relative; margin: auto; background: url(../img/logo-saga-seguros.png); background-size: 150px;}

#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: 190px; height: auto; left: 50%; position: absolute; float: left; margin-left: -77px; padding-right: 20px; }
#telefone-rodape h3{width: 100%; height: auto; position: relative; float: left; font-size: 26px; color:#403b69; font-weight: 600;}
#telefone-int-rodape {width: auto; height: auto; position: relative; float: left; margin-top: -2px; padding: 10px 20px; border-radius: 10px; background-color:#ffe404; font-size: 16px; color: #403b69; font-weight: 600;}

#google-sf{width:200px; height: 58px; position: relative; float: right; margin-top: 80px; background: url(../img/google-safe-browsing.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/saga-whatsapp-logotipo.png); background-size: 113px; margin-top: 10px; }


/*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: 5px; text-align: center; font-size: 28px; font-weight: 800; color:#5b48d1;}
#janela-conteudo-contato-enviado p {width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #000; text-align: center; padding: 0px 90px;}

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


/*Inicio telas menores*/
/*Telas menores*/
@media only screen  
and (min-width:1620px) 
and (max-width:1820px) {

#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) {

#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: 390px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#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; }
#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: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; 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;}
 

}


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

/*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: 390px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#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; }
#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: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; 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: 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: -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: 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); }

}



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


/*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: 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: 390px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#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; }
#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: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; 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: 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: -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: 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: 100px; height: 49px; position: relative; float: left; margin-left: 20px; background: url(../img/logo-saga-residencial.png); background-size: 100px; }
#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: -360px; top: 0px; margin-top: 150%; background: url(../img/casa-topo.jpg); background-size: 900px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; 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: 20px; 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: -490px; overflow: hidden; padding-bottom: 200px; }
#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: -210px; }
#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: 10px; 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'; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 30px; color: #000; font-weight: 700; 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: -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; }
.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; position: relative; float: left; margin-left: -90px; 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: 68%; height: auto; position: relative; float: right; margin-top: 29px; padding: 0px 20px; color: #fff; font-size: 15px; text-align: left; }
#view-s6-lp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; 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: 20px; text-align: center; margin-bottom: 30px; padding: 0px 30px; }
#topo-lp { width: 100%; height: 1920px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; color: #222222; font-size: 27px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 70px; }
#moldura-ilustra-topo { width: 700px; height: 636px; position: relative; float: right; margin-right: -230px; margin-top: -80px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 500px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 706px; left: 10px; margin-left: 200%; }
.dp-3-tp { top: 380px; left: 80px; display: none; margin-left: 200%; }
.dp-4-tp { top: 605px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 24px; 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: 150px; 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: 17px; text-align: center; padding: 0px 20px; }
#foto-cobertura-assistencia { width: 1110px; height: 732px; position: absolute; left: -560px; top: -60px; background: url(../img/foto-coberturas.jpg); background-size: 1110px; }
#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; }

}


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

/*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: 390px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#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; }
#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: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; 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: 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: -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: 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: 100px; height: 49px; position: relative; float: left; margin-left: 20px; background: url(../img/logo-saga-residencial.png); background-size: 100px; }
#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; }
#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: -360px; top: 0px; margin-top: 150%; background: url(../img/casa-topo.jpg); background-size: 900px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; 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: -490px; overflow: hidden; padding-bottom: 200px; }
#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: -160px; }
#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: 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: 40px; 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: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 35px; 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: -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: 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: -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; position: relative; float: left; margin-left: -90px; 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: 68%; height: auto; position: relative; float: right; margin-top: 29px; padding: 0px 20px; color: #fff; font-size: 15px; 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: 70px; font-size: 22px; 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: 30px; padding: 0px 30px; }
#topo-lp { width: 100%; height: 1810px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 45px; color: #222222; font-size: 23px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 43px; }
#moldura-ilustra-topo { width: 700px; height: 636px; position: relative; float: right; margin-right: -230px; margin-top: -80px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 500px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 706px; left: 10px; margin-left: 200%; }
.dp-3-tp { top: 380px; left: 80px; display: none; margin-left: 200%; }
.dp-4-tp { top: 605px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 24px; 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: 150px; 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: -560px; top: -60px; background: url(../img/foto-coberturas.jpg); background-size: 1110px; }
#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: 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: 25px; font-weight: 700; text-align: center; }
#box-ligamos-para-vc p { width: 99%; 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: 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;}


}


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

.desktop{display: none;}
.mobile{display: block;}
#bloco-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 0px 10px; }

/*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: 390px; }
#chamada-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; }
#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; }

/*Card de cobertura*/
.item-card-cobertura-assistencia { width: 220px; height: 300px; position: relative; float: left; margin-right: 10px; background-color: #ccecd4; border-radius: 40px; }
#bloco-icone { width: 100%; height: 37px; position: relative; float: left; }
#bloco-icone-int { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; margin-top: -47px;    /* margin-left: 20px; */ background-color: #43c276; border-radius: 25px; }
#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; }
#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: 290px; height: auto; left: 50%; position: relative; float: left; margin-left: -145px; padding: 20px 50px 20px 90px; background-color: #0048ff; color: #fff; font-size: 22px; font-weight: 600; border-radius: 50px; cursor: pointer; }
#foto-quinta-sessao-int { width: 1200px; height: 800px; position: absolute; left: -70px; top: -10px; background: url(../img/foto-quinta-sessao.jpg); background-size: 560px; z-index: 50; }

/*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); }
#logo-menu-topo { width: 100px; height: 49px; left: 50%; position: relative; float: left; margin-left: -50px; background: url(../img/logo-saga-residencial.png); background-size: 100px; }
#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; }
#cta-formulario-topo-int { width: 100%; height: auto; position: relative; float: left; margin-top: 8px; padding: 14px 20px 14px 50px; background-color: #005dff; color: #fff; font-size: 20px; border-radius: 50px; cursor: pointer; text-align: center; font-weight: 700; }
.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: -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; }
.bloco-estrelas-slide-depoimento { width: 130px; height: auto; position: absolute; top: 41px; right: -58px; }
.item-estrela-card-depoimnento { width: 10px; height: 10px; position: relative; float: left; margin-right: 2px; background: url(../img/estrela-depoimento.png); background-size: 10px; }

/*inicio slider de depoimentos*/
#faixa-cards-depoimentos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; 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: 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: 100px; height: 49px; left: 50%; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; margin-left: -50px; background: url(../img/logo-saga-residencial.png); background-size: 100px; }
#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; }
#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: -360px; top: 0px; margin-top: 150%; background: url(../img/casa-topo.jpg); background-size: 900px; }
#chamada-s2 h3 { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: center; font-weight: 600; margin-top: 19px; 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 30px; }

/*Inicio terceira sessao*/
#terceira-sesssao { width: 100%; height: auto; position: relative; float: left; background-color: #dfffe7; margin-top: -490px; overflow: hidden; padding-bottom: 200px; }
#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; padding-left: 20px; }
#chamada-blocos-vantagens { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 17px; color: #506dbc; text-align: center; font-weight: 600; padding: 0px 20px; }
.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: -146px; 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: -168px; }
#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: 10px; padding: 0px 10px; }
#conteudo-quarta-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #000; text-align: center; font-size: 24px; font-weight: 700; font-family: 'ibm_plex_sansbold'; }
#conteudo-quinta-sessao h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 22px; 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: -10px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 35px; 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: -15px; margin-left: 5%; color: #000; font-size: 18px; padding: 0px 0px; text-align: center; }
#bloco-formulario-topo { width: 90%; height: 446px; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 5px; background-color: #fff; border-radius: 20px; }
#bloco-formulario-topo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding: 0px 20px; font-size: 22px; 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: -17px; padding: 0px 10px; font-size: 16px; color: #000; }
#bloco-formulario-int input { width: 100%; height: auto; position: relative; float: left; font-size: 17px; margin-top: 10px; margin-bottom: 10px; padding: 12px 20px; background-color: #ffffdb !important; border: 1px solid #ffef87 !important; border-radius: 20px; 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: 190px; position: relative; margin: auto; background-color: #53da89; border-radius: 30px; }
#legenda-bloco-assistencia-24h { width: 100%; height: auto; position: relative; float: right; margin-top: 28px; 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: 44px; font-size: 22px; font-weight: 700; text-align: center; padding: 0px 20px; }
#view-s6-lp p { width: 100%; height: auto; position: relative; margin: auto; font-size: 17px; text-align: center; margin-bottom: 30px; padding: 0px 20px; }
#topo-lp { width: 100%; height: 1732px; position: relative; float: left; background-color: #8ff0f8; overflow: hidden; }
#div-conteudo-e-topo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 24px; color: #222222; font-size: 24px; text-align: center; font-family: 'ibm_plex_sanssemibold'; font-weight: 700; padding: 0px 21px; }
#moldura-ilustra-topo { width: 700px; height: 636px; position: relative; float: right; margin-right: -230px; margin-top: -80px; background-color: #f2f5fb; overflow: hidden; }
.dp-1-tp { top: 500px; left: -10px; margin-left: 200%; }
.dp-2-tp { top: 706px; left: -15px; margin-left: 200%; }
.dp-3-tp { top: 380px; left: 80px; display: none; margin-left: 200%; }
.dp-4-tp { top: 605px; right: 0px; margin-right: -200%; }
#div-conteudo-s2 h2 { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; font-size: 21px; 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: -8px; font-size: 15px; color: #000; text-align: center; padding: 0px 10px; }
#div-a-terceira-sessao h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 19px; 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: -12px; color: #000; font-size: 15px; text-align: center; padding: 0px 20px; }
#foto-cobertura-assistencia { width: 1110px; height: 732px; position: absolute; left: -560px; top: -60px; background: url(../img/foto-coberturas.jpg); background-size: 1110px; }
#conteudo-quarta-sessao p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; padding: 0px 20px; font-size: 16px; 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: 310px; height: 214px; left: 50%; position: relative; float: left; margin-left: -155px;        /* 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: 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: 95%; height: auto; left: 2.5%; position: relative; float: left; margin-left: 0%; margin-top: -160px; background-color: #fff; border-radius: 13px; padding: 0px 10px 80px 10px; }
#box-ligamos-para-vc h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 25px; font-weight: 700; padding: 0px 10px; text-align: center; }
#box-ligamos-para-vc p { width: 99%; 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: 26px !important; background-color: #ffecbf !important; color: #009cff !important; font-size: 14px !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: 0px; padding-left: 0px; }
#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: 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; }

#janela-cotacao { width: 300px; height: 450px; position: fixed; top:-250%; margin-top: -220px; left: 50%; margin-left: -150px; 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: 27px; margin-left: 10px; font-size: 12px; color: #fff; font-weight: 420; line-height: 17px; }
.seta-escolha-atendimento { width: 14px; height: 25px; position: absolute; right: 20px; top: 37px; background: url(../img/seta-escolha-atendimento.png); background-size: 14px; }
.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;}
 

}


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