:target {scroll-margin-top: 80px;}

section{padding: 34px 0px;}

h2{font-size:22pt; display: inline-block; }

h3{font-size: 18pt;}

h4{font-size: 12pt;}

h5{font-size: 11pt;}

p{font-size: 10.71pt;line-height: 14pt;}

a{color:#0D0D0D;}

header{padding: 0px 0px 0px;background-color: #4654A2;}

header .row{max-width: 100%;}

header h1{margin: -18px 0px;padding: 0;height: 20px;}

header h1 img{ display:unset;width:200px}

header img {vertical-align: top;}

ul, li, li a {list-style: none;display: block;margin: 0;padding: 0;}

nav a {font-family: "Montserrat", sans-serif;font-weight: 300}

/*BACKGROUNDS*/

.fd_azul_claro{background-color:#E5E8F5;}

/*BTS*/

.bt-contato{ background-color:#EB5B40;color:#ffffff;padding:5px 10px;text-transform:uppercase;font-size:6pt; }
#ecossistema .bt-contato{float: right;margin-top: 20px}


/*MENU*/

.desk{ display:none; }
.mobile{ display:inherit; }
/* starting state */
#menu {
  background: #270949;
  transform: translateX(105%);
  /* move it horizontally off the page */
  transition: transform 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/* end state */
#menu.opened {
  transform: translateX(0);
  /* move it back to original spot */
}

/****** Additional styling below ******/


nav {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  background-color:#f0f4ff;
}
.head{
  position: fixed;
    z-index: 2;
}

#menu ul {
  list-style: none;
  padding: 0;
}

#menu li {
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
}
#menu li::before {
  background: #4654A2;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 30px;
}

.logo-insure{padding-left: 0;}

#menu {
  margin: 10px;
  overflow: auto;
  padding: 80px 50px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.menu-button {
  background: none;
  border: none;
  cursor: pointer;
  height: 15px;
  outline: none;
  padding: 2px 0;
  position: relative;
  width: 19px;
  background-color: transparent !important;
}
.menu-button:before, .menu-button:after {
  background: #270949;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
}
.menu-button:before {
  top: 0;
}
.menu-button:after {
  bottom: 0;
}
.menu-button span {
  border-top: 2px solid #270949;
  display: block;
  height: 0;
  margin: 4px 0;
  overflow: hidden;
}
.opened ~ .menu-button span, .opened ~ .logo-insure, .opened ~ #menulang {
  opacity: 0;
}
.opened ~ .menu-button:before {
  top: 6.5px;
  transform: rotate(45deg);
  background: #fff;
}
.opened ~ .menu-button:after {
  bottom: 6.5px;
  transform: rotate(-45deg);
  background: #fff;
}

nav #menu ul li a {color:#fff;text-align: center;}

#menulang ul li {color:#fff;font-size: 8pt;margin-left: 1px;}
#menulang a {display: inline-block;color: #270949;padding: 0px 5px;}
#menulang img {width: 16px;}
.seta-lang{
    width: 8px;
    height: 8px;
    background: transparent;
    display: inline-block;
    transform: rotate(45deg);
    border: #270949 1px solid;
    border-top: 0px;
    border-left: 0px;
    cursor: pointer;
}
.sublang{ display:none;position:absolute; top:14px; right:24px }
.sublang li{display: inline-block;background-color:#270949; }
.sublang a{color:#fff !important;}


/*banner home*/
.banner{
  width: 100%;
  height:480px;
  padding: 0px;
  background-position: top center;
  background-size: cover;
  background-image: url('img/banner-mobile.png');
}
.texto-banner{
  position: absolute;
  bottom: 0;
  left:14%;
  z-index: 1;
}
.texto-banner h2{ color:#fff }
.texto-banner span{text-decoration-line: underline;text-decoration-color: #EB5B40; }
.texto-banner p {color:#E5E8F5;margin-bottom: 2.25rem;font-size: 14pt;line-height: 18pt;}
.texto-banner strong {font-weight:600 }


/*CONTEÚDO*/

#sobre .row .row{ margin:0px 0px 54px 0px; }
#sobre img{margin: 0px 0px 18px 0px;width: 122px;}
#sobre h4{color:#4654A2}
#sobre p{color:#270949}
#sobre h5{font-weight: 500; text-transform: uppercase;color: #EB5B40;border-bottom: 2px solid #EB5B40;}
#sobre h5 span{background-color: #F8F9FF; color:#7886C1;font-size:6.8pt;border-radius: 10px;padding:3px 5px 2px;}

.left-box{
    border-radius: 20px 0px 0px 20px;
    border: 1px solid #E5E8F5;

}
.right-box{
    border: #E5E8F5 1px solid;
    border-radius: 0px 20px 20px 0px;
}
.seta-esq,.seta-dir,.seta-top{
    width: 20px;
    height: 20px;
    border: #E5E8F5 1px solid;
    background: #fff;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    top: 30px;
}
.seta-esq{
    border-top: 0px;
    border-right: 0px;
    right: -10px;
}
.seta-dir{
    border-bottom: 0px;
    border-left: 0px;
    left: -10px;
}
.seta-top{
    border-top: 0px;
    border-left: 0px;
    top: -10px;
    left:30px;
}

.fd-inicio{background-image: url('img/funciona-inicio.png');background-position: bottom left;background-repeat: no-repeat;}
.fd-fim{background-image: url('img/funciona-fim.png');background-position: bottom left;background-repeat: no-repeat;}

#ecossistema h3,#cuidados h3,#contato h3{font-size: 20pt;font-style:italic;text-transform: lowercase;margin-top: -12px;color:#EB5B40;}
#ecossistema h4{color: #EB5B40;font-size: 14pt; font-style: italic;padding: 18px 0px 8px 10px;margin: 0px 0px -2px 0px;}
#ecossistema h5,#cuidados h5,#contato h5{font-weight: 400;color:#4654A2;}
#ecossistema .titulo{margin-bottom: 22px;}
#ecossistema p {color:#4654A2;font-size:8pt;line-height:10pt;margin-bottom: 0rem;}
#ecossistema .small-8 {width: 67.66667%;}
#ecossistema .box {height: 83.8335px; display: table;}
#ecossistema .box p{display: table-cell;vertical-align: middle;padding: 0px 10px;}
#ecossistema p.num{color:#F85B3D;font-size: 45pt;font-weight: 700;text-align: center;}
#ecossistema .small-4{width: 32.33333%}

.fd_cuidados_top, .fd_cuidados_bottom {
  background-size: cover ;

  background-repeat: no-repeat;  
}

.fd_cuidados_top{

  background-image: url('img/fd-cuidados-top.png');

  background-position: top center;

}
.fd_cuidados_bottom{

  background-image: url('img/fd-cuidados-bottom.png');

  background-position: bottom center;

  background-color: #270949;

}
#cuidados {padding-bottom: 60px}
#cuidados img{margin-bottom: 36px;}
#cuidados h5,#contato h5 { text-transform:uppercase; }
#cuidados h5,#cuidados p{color:#ffffff}
#cuidados h3 {line-height: 1;margin-top: -6px;margin-bottom:20px;}
#cuidados p {text-align: left;}
.cuidados-texto { padding-bottom: 110px; } 



/*FOOTER*/

.fd_contato{

  background-image: url('img/fd-contato.png');

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: cover;

}

footer {
    padding: 40px 0px 100px;
}

#contato h3 {margin-bottom: 20px}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #ffb900;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
}
.wpcf7-spinner { display: block;}

#contato input[type="submit"]{background-color:#EB5B40;color:#ffffff;padding:5px 10px;text-transform:uppercase;font-size:6pt; border:0px;}


@media (min-width:769px){
  h5 {
    font-size: 16pt;
  }
  p {
    font-size: 14.71pt;
    line-height: 18pt;
  }
  .bt-contato,#contato input[type="submit"]{font-size: 12pt;}
  .row {max-width: 80rem}
  .sticky-desktop{ position:sticky;top:100px;margin-bottom:160px; }

  /*menu*/
  .mobile{ display:none; }
  .desk{display: inherit;}
  nav li { display:inline-block; }
  nav a,nav a:hover { color:#270949;}
  nav .menu a { font-size: 12pt; padding-left:40px; }

  #menulang img {width: 30%;}
  .sublang { top:20px; }

  /*banner home*/
  .banner{background-image: unset;height: auto;}
  .banner img{display: block;}

  #sobre h4{font-size: 25pt}
  #sobre img{width: auto;}

  #ecossistema h3, #cuidados h3, #contato h3 {font-size: 34pt;}
  #ecossistema h4{font-size: 18pt;}
  #ecossistema img {width: 80%}
  #ecossistema p{font-size: 14pt;line-height: 16pt}
  #ecossistema .box {height: 123.8335px;}
  #ecossistema p.num{font-size: 55pt;}
  #ecossistema .bt-contato{float: left;}

  /*.fd_cuidados{background-image: url('img/fd-cuidados-desk.png');background-size: cover;background-repeat: no-repeat;}*/

  #cuidados img {width:50%;}

  .fd_contato{background-image: url('img/fd-contato-desk.png');}

  footer .row { padding-bottom: 50px; }
}

@media (min-width: 481px) and (max-width: 768px) {

  /*menu*/
  .desk{ display:none; }
  
  /*banner home*/
  .banner{background-image: unset;height: auto;margin-top: 65px}
  .banner img{display: block;}
  
}