@font-face {
  font-family: Ubuntu;
  src: url("fonts/Ubuntu-Light.ttf");
  font-weight: 200;
}

@font-face {
  font-family: Ubuntu;
  src: url("fonts/Ubuntu-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: Ubuntu;
  src: url("fonts/Ubuntu-Medium.ttf");
  font-weight: 600;
}

@font-face {
  font-family: Ubuntu;
  src: url("fonts/Ubuntu-Bold.ttf");
  font-weight: 800;
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}

body {
  font-family: Ubuntu, sans-serif;
  text-rendering: optimizeLegibility;
}

.shopping {
  font-family: Ubuntu, sans-serif;
  text-rendering: optimizeLegibility;
}

@media (max-width: 767px) {
  h2.titulo {
    font-size: 35px;
  }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

#datatable-default {
  width: 100% !important;
}

.sorting_asc span,
.sorting_desc span,
.sorting span {
  font-size: 13px;
}

.sorting {
  cursor: pointer;
}

.sorting_asc,
.sorting_desc {
  background: #e0e0e0;
  cursor: pointer;
}

.homeAdmin {
  background: url(../img/Topo_fundo.png) no-repeat;
  background-size: cover;
}

.bg-adesao {
  background: url(../Img/Adesao/bg-adesao.jpg) no-repeat;
  background-size: cover;
  min-height: 83vh;
}
/*Medias queries */

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }

  .fs-lg-25 {
    font-size: 25px !important;
  }

  .fs-lg-50 {
    line-height: 55px !important;
    font-size: 50px !important;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

/*************************************************************************/

/***********************  MENU TOPO  *************************************/

/*************************************************************************/
@media screen and (min-width: 1570px) {
  .navbar-expand-xxxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxxl .offcanvas .offcanvas-
   {
    display: none;
  }
  .navbar-expand-xxxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}


@media screen and (max-width: 768px) {
  .side-collapse-container {
    width: 100%;
    position: relative;
    left: 0;
    transition: left 0.4s;
  }

  .side-collapse-container.out {
    left: 200px;
  }

  .side-collapse {
    top: 77px;
    bottom: 0;
    left: 0;
    width: 90%;
    position: fixed;
    transition: width 0.2s;
    background: #343434;
    overflow: auto;
    z-index: 1000;
  }

  .side-collapse.in {
    width: 0;
  }

  .menu-list {
    margin-top: 0px !important;
  }

  .navbar-brand {
    height: 66px;
    padding: 15px 0px;
    width: 123px;
    display: block;
    margin-left: 30% !important;
    margin-top: 0px !important;
  }

  .navbar-brand-consulta {
    height: 66px;
    padding: 15px 0px;
    width: 123px;
    display: block;
    margin-left: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px;
  }

  .menu-drop > li > a {
    color: #ffffff !important;
  }

  ul.menu-list li {
    border-top: 1px solid rgb(29, 29, 29);
    background: #2b2b2b;
    padding: 10px;
  }

  ul.menu-drop li {
    background-color: #212121;
    border: none;
  }

  .menu-drop {
    background-color: #212121 !important;
    padding: 15px 10px 0px !important;
    margin: 15px;
    border: 1px solid #efefef;
  }

  .menu-drop strong {
    color: #fff;
  }

  .menu-drop:before {
    content: none !important;
  }

  .img-consulta {
    width: 30% !important;
  }

  .tituloConsulta{
    font-size: 20px;
  }

  .rodapeConsulta {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .img-consulta {
    width: 40% !important;
  }
}

.logo-cooper {
  position: absolute;
  margin-top: -25px;
  z-index: 999;
  left: 47%;
}

.logo-cooper img {
  max-width: 123px;
}

.toggle-btn {
  position: relative;
  float: right;
  padding: 13px 22px;
  margin-top: 13px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
}

.toggle-btn:hover,
.toggle-btn:focus {
  background-color: transparent !important;
}

.toggle-btn .icon-bar {
  display: block;
  width: 32px;
  height: 3px;
  box-shadow: 1px 1px 1px;
}

@media (min-width: 768px) {
  .navbar-right .menu-drop {
    /* right: -5%; */
    left: auto;
  }

  .navbar {
    border-radius: 0px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .menu-top .menu-list > li > a {
    letter-spacing: 0 !important;
    font-size: 14px !important;
  }

  .menu-list > li > a {
    padding: 14px 8px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .menu-top .menu-list > li > a {
    letter-spacing: 0 !important;
    font-size: 11px !important;
  }

  .menu-list > li > a {
    padding: 14px 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .menu-top .menu-list > li > a {
    letter-spacing: 0 !important;
    font-size: 10px !important;
  }

  .menu-list > li > a {
    padding: 14px 8px !important;
  }

  .mobile-collapse {
    border: none;
    margin-right: -128px;
  }
}

.navbar-mobile {
  border: none;
  padding: 16px 10px;
}

.mobile-collapse {
  border: none;
}

.navbar-mobile:hover,
.navbar-mobile:focus {
  background: none !important;
}

.navbar-mobile .icon-bar {
  width: 33px;
  height: 4px;
}

.menu-top {
  background: rgb(68, 132, 80);
  background-image: url("../img/Topo_fundo.png");
  background-repeat: repeat-x;
  border: none;
  font-family: Ubuntu, sans-serif;
  font-weight: 100;
  min-height: 72px;
  z-index: 998;
  margin-bottom: 0px;
  width: 100%;
  position: fixed;
  top: 0px;
  box-shadow: 0px 0px 40px 0px;
}

.menu-top > .active > a,
.menu-top > .active > a:focus,
.menu-top > .active > a:hover {
  background: none;
}

.menu-list {
  /*margin-top: 11px;*/
  /*margin-left: 300px*/
  margin-right: 0px;
}

.menu-top .menu-list > li > a {
  color: #fff !important;
  font-size: 16px;
  text-shadow: 0px -1px 1px #ffffff, 0px 2px 1px #000000;
  padding: 20px 14.5px;
  text-decoration: none !important;
}

.menu-top .menu-list > .open > a,
.menu-top .menu-list > .open > a:focus,
.menu-top .menu-list > .open > a:hover {
  background: none;
}

.menu-drop:before {
  content: "";
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 18px solid #0a794b;
  width: 10px;
  display: block;
  margin: -15px auto 5px;
  position: relative;
  z-index: 1000;
}

.menu-drop > li > a {
  color: #000000;
  line-height: 25px;
}

.menu-drop > li > a:hover {
  text-decoration: none;
  border-bottom: 1px solid #e8bc36;
  background-color: #fff;
}

.navbar-nav > li > .menu-drop {
  margin-top: 26px;
  width: max-content;
}

.navbar-toggler {
  outline: none !important;
  margin-top: 0px;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.menu-drop {
  border-radius: 10px;
  padding: 10px 20px;
  border: none;
  font-size: 13px;
  margin-top: 16px;
  min-width: 220px;
}

.side-collapse img {
  margin: -10px 0px;
}

.dropdown-menu.animated {
  /* Speed up animations */
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

.dropdown-menu.animated.fadeIn,
.dropdown-menu.animated.fadeOut {
  /*
  * Example of further customisation for the "fadeIn" effect
  * Can be used for all effects ie. .dropdown-menu.animated.EFFECTNAME
  */
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.carrinho-mobile {
  position: absolute;
  right: 0;
  top: 0;
  margin: 15px;
}

/*************************************************************************/

/************************  CAROUSEL  *************************************/

/*************************************************************************/
@media (max-width: 768px) {
  .banner-carousel .carousel img {
    /*min-width: 600px;*/
    scroll-behavior: none;
    overflow: none;
  }
}

.tituloConsulta {
  color: #066929;
  font-weight: bold;
}

.carousel-control.left,
.carousel-control.right {
  background: none;
}

.carousel-principal img {
  width: 100%;
  /*min-height: 400px;*/
}

.carousel {
  margin-top: 72px;
}

.barra {
  background: url("../img/barra.png") repeat-x;
  height: 5px;
}

.barra-invert {
  background: url("../img/barra-invert.png");
  background-size: contain;
  background-position: left;
}

.barra-menu-portal {
  position: absolute;
  z-index: 998;
  padding: 2.5px;
  width: 100%;
  margin-top: 70px;
}
.seta {
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 23px solid #137c4f;
  width: 10px;
  display: block;
  margin: -25px auto 5px;
}

/*************************************************************************/

/************************  BOTOES FLUTUANTES  ****************************/

/*************************************************************************/

.ideia {
  background: #0a794b;
  /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgb(0, 110, 46) 60%,
    rgb(122, 221, 140) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgb(0, 110, 46) 60%,
    rgb(122, 221, 140) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgb(0, 110, 46) 60%,
    rgb(122, 221, 140) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  /* IE6-9 */
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 5px 5px 5px 0px;
  position: fixed;
  margin-top: -30%;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  cursor: pointer;
  z-index: 997;
  box-shadow: 5px 5px 20px -10px #343434;
}

.ideia:hover {
  padding-left: 5px;
}

#texto-ideia {
  background: #fff;
  display: none;
  max-height: 58px;
  position: static;
  padding: 8px 5px 0px 20px;
  text-align: center;
  font-size: 15px;
  margin: -5px 0px -5px -25px;
  font-style: italic;
}

#img-ideia {
  margin: 0px 0px 0px 0px;
}

.chat {
  background: #0a794b;
  /* Old browsers */
  background: -moz-linear-gradient(
    right,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    right,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to left,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  /* IE6-9 */
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 5px 10px 5px 5px;
  position: fixed;
  right: 0;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  margin-top: -40%;
  cursor: pointer;
  z-index: 997;
}

.chat:hover {
  padding-right: 25px;
}

.compra {
  background: #0a794b;
  background: -moz-linear-gradient(
    bottom,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    bottom,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 40%,
    rgb(122, 221, 140) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
  border-radius: 35px 35px 0px 0px;
  padding: 10px 20px 20px 20px;
  position: fixed;
  right: 0;
  margin: 0px -190px 0px 0px;
  border-left: 3px solid #fff;
  font-size: 22px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin-top: -14%;
  color: #fff;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: 300;
  cursor: pointer;
  z-index: 997;
}

.compra:hover {
  padding-bottom: 15px;
}

/***************************************************************************/

/**************************** MENU ACOES ***********************************/

/***************************************************************************/

@media (max-width: 768px) {
  .action-menu {
    padding: 0px;
    margin: 3% 0px 50px !important;
  }
}

@media (min-width: 992px) {
  ul.action-menu li.menu-home {
    width: 14%;
  }

  ul.action-menu li.menu-produto {
    width: 12.5%;
  }

  .antecipacao {
    border-left: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;
  }

  .action-menu {
    margin-top: 30px !important;
  }
}

.action-menu {
  margin-top: 30px;
  list-style: none;
  min-height: 140px;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  padding-left: 0px;
}

.action-menu h2 {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

ul.action-menu li {
  padding: 20px 10px;
  max-height: 160px;
}

.action-menu img {
  width: initial;
  display: block;
  margin: 0px auto;
  max-width: 90px;
}

.action-menu a {
  color: #06522b;
  text-decoration: none;
}

.owl-menu img {
  width: auto !important;
}

@media (max-width: 768px) {
  .owl-menu img {
    height: 50px !important;
  }

  .action-menu h2 {
    font-size: 11px;
  }

  .owl-menu {
    width: 200px !important;
  }

  .customNext,
  .customPrev {
    width: 50px;
  }

  .customNext img,
  .customPrev img {
    margin-top: 50px !important;
  }
}

/******************************************************************************
                          ECOMMERCE
******************************************************************************/

.ecommerce {
  padding: 20px 0px;
}

.ecommerce h2,
.mapa h2 {
  font-size: 35px;
  font-family: Ubuntu, sans-serif;
  color: #066929;
  text-align: center;
  font-weight: 700;
  padding: 10px 0px 0px;
}

@media (max-width: 992px) {
  .ecommerce h2,
  .mapa h2 {
    font-size: 25px;
  }
}

.ecommerce h2 {
  padding-bottom: 20px;
}

.titulo {
  color: #06522b;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin: 50px 0px;
}

.subtitulos {
  color: #06522b;
  font-size: 24px;
}

.btn-passos {
  margin-bottom: 20px;
}

.btn-passos a {
  color: #06522b;
  font-weight: 700;
  font-size: 13px;
  /*border:3px solid #06522b;*/
}

.btn-passos > li > a {
  border-radius: 10px;
  margin: 15px 20px 55px 20px;
  padding: 5px 10px;
}

.btn-passos > li.active > a,
.btn-passos > li.active > a:hover,
.btn-passos > li.active > a:focus {
  background-color: #06522b !important;
  color: #fff;
}

.btn-passos > li > a:hover,
.btn-passos > li > a:focus {
  background-color: #06522b !important;
  color: #fff;
}

.cadastro input[type="text"],
.form-compra input[type="text"] {
  border-radius: 7px;
  padding: 7px 12px;
  border: 1px solid #b5b5b5;
  height: initial;
}

.cadastro button[type="submit"],
.form-ecommerce button[type="submit"] {
  border-radius: 30px;
  color: #fff;
  padding: 10px 25px;
  height: initial;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0px;
  /*border:3px solid #066929;*/
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(0, 175, 69) -50%,
    rgb(0, 110, 46) 65%,
    rgb(163, 251, 179) 120%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 175, 69) -50%,
    rgb(0, 110, 46) 65%,
    rgb(163, 251, 179) 120%
  );
  background: linear-gradient(
    to top,
    rgb(0, 175, 69) -50%,
    rgb(0, 110, 46) 65%,
    rgb(163, 251, 179) 120%
  );
  background-color: #066929;
}

.form-ecommerce button[type="submit"] {
  margin: 20px 0px 5px;
}

.card-ecommerce {
  width: 85%;
}

ul.form-compra {
  list-style: none;
  font-size: 15px;
  padding-left: 0px;
}

ul.form-compra label {
  font-size: 10px;
  color: #848484;
}

ul.form-compra li {
  margin: 10px 0px;
}

.lista-compra {
  padding: 5px;
}

.form-compra input[type="text"] {
  text-align: center;
  font-size: 13px;
}

.circle {
  height: 20px;
  width: 20px;
  border: 2px solid #06522b;
  border-radius: 50px;
  margin: 0px auto;
}

.circle > .active {
  background-color: #06522b;
}

/******************************************************************************
                          MAPA
******************************************************************************/

#map {
  height: 815px;
}

.mapa {
  margin-bottom: -6px;
}

.titulo-card-popover {
  text-align: center;
  color: #06692f !important;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 13px;
}

.subtituloMapa {
  text-align: center;
  color: #06692f;
  font-size: 16px;
  padding-bottom: 20px;
}

.mapaCard .input-group-addon:first-child {
  border-radius: 10px 0px 0px 10px;
}

.mapaCard input {
  border-radius: 10px;
}

.mapaCard {
  border-radius: 0px 20px 20px 0px;
  border: 1px solid #efefef;
  z-index: 996;
}

.mapaCard-lista {
  border-radius: 20px 0px 0px 20px;
}

.cartoes-mapa {
  list-style: none;
  margin: 0;
  padding: 0px;
}

.cartoes-mapa:after {
  content: "";
  clear: both;
}

@media (max-width: 768px) {
  .distanciaRaio {
    margin-top: -10px;
  }

  .distanciaRaio input[type="range"] {
    margin-bottom: 10px;
  }

  .filtroMapa h4 {
    margin-top: 0px !important;
  }
}

.cartao-filtro {
  height: 54px;
  display: inline-flex;
  width: 90px;
}

.cartao-filtro label {
  cursor: pointer;
  font-size: 0;
}

.cartao-filtro p {
  margin: 35px 0px 0px;
  text-align: center;
  /*text-transform: uppercase;*/
  color: #636363;
  font-size: 12px;
}

.filtro-cobranded {
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  margin-bottom: 14px;
  padding: 10px 5px 0px 5px;
}

.filtro-cobranded input[type="text"] {
  opacity: 10;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  padding: 5px;
  font-size: 11px;
  width: 100%;
}

.filtro-cobranded p {
  font-size: 11.5px;
  color: #0c7352;
  margin: 0px;
}

.select-filtro-mapa {
  border-radius: 10px !important;
}

.cartao-cobranded {
  height: 60px;
  /*margin-bottom: 25px;*/
  margin: 4px 0px;
}

.cartao-cobranded label {
  cursor: pointer;
  font-size: 0;
}

.cartao-cobranded p {
  margin: 35px 0px 0px;
  text-align: center;
  /*text-transform: uppercase;*/
  color: #636363;
  font-size: 12px;
}

.cartoes-mapa input {
  opacity: 0;
}

.cartoes-mapa label {
  opacity: 0.2;
}

.cartoes-mapa input:focus + label {
  opacity: 1;
}

.cartoes-mapa input:checked + label {
  opacity: 1;
}

.filtroMapa,
.listaEstabelecimentos {
  position: absolute;
  max-width: 450px;
}

.filtroMapa .btn-indique {
  margin-top: 10px;
}

.caminhoMapa .pull-right {
  margin: -47px -25px;
  color: #0c7352;
  font-family: Ubuntu, sans-serif;
}

.caminhoMapa .pull-right h3 {
  font-size: 20px;
  font-weight: bold;
}

.filtroMapa h3 {
  margin: 0px;
  color: #0c7352;
  font-size: 25px;
  font-weight: 600;
  padding: 0px 0px 10px;
}

.filtroMapa label {
  font-size: 11px;
  font-weight: normal;
}

.filtroMapa label > input[type="radio"] {
  float: left;
  margin: 9px 5px 5px 1px;
}

.filtroMapa h3 > span {
  font-size: 20px;
}

.filtroMapa h4 {
  font-family: Ubuntu, sans-serif;
  color: #0c7352;
  font-size: 14px;
  margin-top: 15px;
}

.listaEstabelecimentos {
  right: 0;
  max-height: 540px;
  overflow: auto;
  padding: 20px 30px 0px 30px;
  margin-top: 10px;
  border-radius: 20px 0px 0px 20px;
  z-index: 996;
  background: #fff;
  box-shadow: 0px 0px 13px -1px;
  min-height: 300px;
}

.estabelecimento:hover {
  background: #f7f7f7;
}

.listaEstabelecimentos a:hover,
.listaEstabelecimentos a:focus {
  text-decoration: none;
}

.listaEstabelecimentos::-webkit-scrollbar {
  width: 1px;
}

.listaEstabelecimentos::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #fff;
}

.listaEstabelecimentos::-webkit-scrollbar-thumb {
  background-color: #0c7352;
}

.estabelecimento h3 {
  color: #0c7352;
  margin: -17px 0px;
  padding: 0px;
  font-weight: 600;
  font-family: Ubuntu, sans-serif;
  font-size: 15px;
}

.direcao {
  padding: 0px;
}

.caminhoMapa {
  margin-top: 546px;
  position: absolute;
  margin-left: 25%;
  z-index: 996;
  width: 50%;
}

.caminhoMapa h2 {
  margin: 0px;
  padding: 0px;
  color: #0c7352;
  font-size: 16px;
  font-weight: bold;
  font-family: Ubuntu, sans-serif;
  text-align: left;
}

.caminhoMapa .guia {
  background-color: #0c7352;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.caminhoMapa .guia span {
  color: #fff;
  font-size: 24px;
  padding: 10px;
}

.caminhoMapa p {
  padding: 0px;
  margin: 0px;
  color: #a7a7a7;
}

.caminhoMapa .direcao h2 {
  font-size: 21px;
  font-weight: 600;
  padding: 16px 0px;
  font-family: Ubuntu, sans-serif;
}

.caminhoMapa img {
  width: 25px;
  margin: 10px 5px;
}

.mapaCard .cartao img {
  margin: 0px auto;
  margin-bottom: 0px;
  display: block;
  padding: 5px 5px;
  width: 100%;
}

.custom-marker {
  font-size: 1.5em;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: #7f7f7f solid 1px;
  position: relative !important;
}

.cartao {
  margin-bottom: 5rem;
}

.mapaCard .cartao p {
  text-align: center;
  text-transform: uppercase;
  color: #636363;
  font-size: 11px;
  font-family: Ubuntu, sans-serif;
}

.mapaCard .cartao {
  margin-bottom: 5px;
  padding: 0px;
}

.mapaCard input[type="submit"] {
  margin-top: 10px;
}

.listaEstabelecimentos h2 {
  font-size: 15px;
  color: #0c7352;
  font-weight: 500;
  margin: 0px;
}

.listaEstabelecimentos p {
  text-transform: uppercase;
  font-weight: 500;
  color: #525252;
  margin: 0px;
}

.listaEstabelecimentos span {
  color: #525252;
}

.listaEstabelecimentos .estabelecimento {
  border-bottom: 1px solid #0c7352;
  margin: -10px -10px 10px -10px;
  padding: 10px;
  z-index: 996;
}

.estabelecimento h2 {
  text-align: left;
  padding: 0px;
}

.abaMapa-left,
.abaMapa-left-close {
  background: #0c7352;
  width: 50px;
  height: 45px;
  margin: 50% 13px 0px 0px;
  border-top-right-radius: 30px;
  position: absolute;
  border-bottom-right-radius: 30px;
  box-shadow: 5px 0px 10px -4px;
  right: 0;
  cursor: pointer;
  z-index: -1;
  border: 3px solid #fff;
  overflow-x: hidden;
}

.abaMapa-left-close {
  right: auto;
  margin: 300px 0px 0px -15px;
  z-index: 995;
}

.abaMapa-left:hover,
.abaMapa-left-close:hover {
  box-shadow: 5px 0px 5px -4px;
}

.abaMapa-left i,
.abaMapa-left-close i {
  padding: 8px 20px;
  font-size: 23px;
  color: #fff;
}

.abaMapa-right,
.abaMapa-right-close {
  background: #0c7352;
  width: 32px;
  height: 45px;
  margin: 230px 0px 0px -31px;
  border-top-left-radius: 30px;
  position: absolute;
  border-bottom-left-radius: 30px;
  box-shadow: -3px 0px 10px -4px;
  left: 0;
  cursor: pointer;
  z-index: 997;
  border: 3px solid #fff;
  border-right: none;
}

.abaMapa-right-close {
  left: auto;
  right: 0;
  margin: 230px 0px 0px 0px;
  z-index: 995;
}

.abaMapa-right:hover,
.abaMapa-right-close:hover {
  box-shadow: -5px 0px 5px -4px;
}

.abaMapa-right i,
.abaMapa-right-close i {
  padding: 8px 10px;
  font-size: 23px;
  color: #fff;
}

.gpsMapa {
  background-image: url("../Imagem/Mapa/gps.png");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: 6px;
  width: 35px;
  background-color: #0c7352;
  cursor: pointer;
}

.gpsMapa:hover {
  background-color: #0e3e2e;
}

.estabelecimento {
  cursor: pointer;
}

.filtroMapa output {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  color: #0c7352;
}

.filtroMapa {
  z-index: 996;
  left: 0;
  overflow: auto;
  padding: 0px 46px 0px 0px;
  margin-top: 3px;
}

.filtroMapa input[type="range"] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
}

.filtroMapa input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.filtroMapa input[type="range"]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.filtroMapa input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */

.filtroMapa input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  background: #0c7352;
  cursor: pointer;
  margin-top: -7px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */

.filtroMapa input[type="range"]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #0c7352;
  cursor: pointer;
}

/* All the same stuff for IE */

.filtroMapa input[type="range"]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #0c7352;
  cursor: pointer;
}

.filtroMapa input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #f2f2f2;
  border: 0.2px solid #ababab;
  cursor: pointer;
  border-radius: 5px;
}

.filtroMapa input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #f2f2f2;
  border-color: #0c7352;
}

.filtroMapa input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 5px;
  border: 0.2px solid #ababab;
}

.filtroMapa input[type="range"]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 5px;
  border: 0.2px solid #ababab;
}

.filtroMapa input[type="range"]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #ababab;
  border-radius: 5px;
}

.filtroMapa input[type="range"]:focus::-ms-fill-lower {
  background: #f2f2f2;
  border-color: #0c7352;
}

.filtroMapa input[type="range"]::-ms-fill-upper {
  background: #f2f2f2;
  border: 0.2px solid #ababab;
  border-radius: 5px;
}

.filtroMapa input[type="range"]:focus::-ms-fill-upper {
  background: #ababab;
}

/*style the box*/

.gm-style .gm-style-iw {
  background-color: #0c7352 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 120px !important;
  min-width: 150px !important;
  padding: 10px;
  display: block !important;
  border-radius: 5px;
}

/*style the p tag*/

.gm-style .gm-style-iw #google-popup p {
  padding: 10px;
}

/*style the arrow*/

.gm-style div div div div div div div div {
  background-color: #0c7352 !important;
  padding: 0;
  margin: 0;
  top: 0;
  color: #fff;
  font-size: 16px;
}

/*style the link*/

.gm-style div div div div div div div div a {
  color: #f1f1f1;
  font-weight: bold;
}

.iw-title {
  font-family: Ubuntu, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

.gm-style-iw p {
  font-family: Ubuntu, sans-serif;
}

.mapaDistancia {
  position: absolute;
  right: 20px;
  margin-top: -20px;
}

/******************************************************************************
                          EVENTOS
******************************************************************************/

.img-evento {
  width: 250px;
}

.modalEvento {
  z-index: 9999;
}

.modalEvento #resultado {
  text-align: justify;
}

.eventos {
  padding: 30px 0;
}

.customNext img,
.customPrev img {
  margin-top: 40px;
  width: 10px;
}

/******************************************************************************
                          CADASTRO
******************************************************************************/

.cadastro h2 {
  font-size: 25px;
  color: #06522b;
  font-family: Ubuntu, sans-serif;
  margin: 0px 0px 50px;
  font-weight: 300;
}

.cadastro {
  margin-bottom: 40px;
  padding-top: 40px;
}

/******************************************************************************
                          CARTOES
******************************************************************************/

.cartao-produto {
  margin-bottom: -20px !important;
}

.cartao h2 {
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  color: #066929;
}

.cartao-produto img {
  margin-top: -170px !important;
  position: relative;
  width: 522px !important;
}

@media (max-width: 1400px) {
  .cartao-produto img {
    margin-top: -130px !important;
    position: relative;
    width: 380px !important;
  }
}

@media (max-width: 768px) {
  .cartao-produto img {
    width: 100% !important;
    margin-top: -90px !important;
  }
}

.cards {
  width: 16%;
  transition: 0.4s;
  z-index: 2;
}

#cards img:hover {
  width: 19%;
  margin-top: -40px;
  transition: 0.4s;
}

#cards img {
  margin-top: -25px;
  position: absolute;
}

#cards a:nth-child(1) img {
  z-index: 13;
  left: 0%;
}

#cards a:nth-child(2) img {
  z-index: 12;
  left: 7%;
}

#cards a:nth-child(3) img {
  z-index: 11;
  left: 14%;
}

#cards a:nth-child(4) img {
  z-index: 10;
  left: 21%;
}

#cards a:nth-child(5) img {
  z-index: 9;
  left: 28%;
}

#cards a:nth-child(6) img {
  z-index: 8;
  left: 35%;
}

#cards a:nth-child(7) img {
  z-index: 7;
  left: 42%;
}

#cards a:nth-child(8) img {
  z-index: 6;
  left: 49%;
}

#cards a:nth-child(9) img {
  z-index: 5;
  left: 56%;
}

#cards a:nth-child(10) img {
  z-index: 4;
  left: 63%;
}

#cards a:nth-child(11) img {
  z-index: 3;
  left: 70%;
}

#cards a:nth-child(12) img {
  z-index: 2;
  left: 77%;
}

#cards a:nth-child(13) img {
  z-index: 1;
  left: 84%;
}

/******************************************************************************
                          INSTITUCIONAL
******************************************************************************/

.institucional h1 {
  font-size: 24px;
  font-weight: bold;
  color: #06522b;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .institucional h1 {
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  .institucional h1 {
    font-size: 35px;
  }
}

.institucional article p {
  text-align: justify;
  font-size: 17px;
  font-weight: normal;
  color: #989898;
}

.institucional img {
  width: 100%;
}

.institucional {
  margin: 30px 0px;
}

@media (max-width: 1200px) {
  .fotos-institucional {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .fotos-institucional {
    padding: 10px !important;
  }
}

.fotos-institucional {
  padding: 0px;
}

/******************************************************************************
                          VALORES
******************************************************************************/

.valores {
  min-height: 250px;
  padding: 50px 10px;
  background: url("../Imagem/Institucional/fundo-valores.png");
  background-size: cover;
  background-position: center;
}

.valores h2 {
  color: #fff;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
}

ul.lista-valores li {
  float: left;
  padding: 25px 10px 0px 0px;
  color: #fff;
}

ul.lista-valores {
  list-style: none;
}

.valores p {
  padding-top: 25px;
  color: #fff;
  text-align: left;
}

@media (max-width: 768px) {
  .valores p {
    text-align: center;
  }

  ul.lista-valores li {
    float: left;
    padding: 25px 4px 0px 0px;
    color: #fff;
  }

  ul.lista-valores {
    display: grid;
  }
}

/******************************************************************************
                          VIDEO
******************************************************************************/

.carousel-video {
  margin-top: 0px;
  margin-bottom: -10px;
}

@media (max-width: 768px) {
  .carousel-video iframe {
    height: 300px;
  }
}

@media (max-width: 992px) {
  .carousel-video iframe {
    height: 400px;
  }
}

@media (min-width: 993px) {
  .carousel-video iframe {
    height: 550px;
  }
}

/******************************************************************************
                          DOWNLOADS
******************************************************************************/

.downloads h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #06522b;
  font-family: Ubuntu, sans-serif;
}

.downloads {
  padding: 30px 0px;
}

.downloads h3 {
  text-transform: uppercase;
  font-size: 10px;
  font-family: Ubuntu, sans-serif;
  color: #989898;
  text-align: center;
}

.cartao-download {
  /*width: 100%;*/
  margin: 0px auto;
  display: block;
  height: 120px;
}

.formato-img img {
  margin: 0px auto;
  display: block;
}

/***************************************************************************/

/**************************** CONTATOS ***********************************/

/***************************************************************************/

@media (max-width: 768px) {
  .contatos {
    padding: 0px;
    margin: 3% 0px 0px !important;
  }
}

@media (min-width: 992px) {
  .contatos {
    margin-top: 30px !important;
  }
}

.contatos {
  margin: 30px 0;
  list-style: none;
  font-family: Ubuntu, sans-serif;
  color: #06522b;
  text-align: center;
  line-height: 7px;
}

.contatos h2 {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin: 8px 0;
}

.contatos p {
  font-size: 12px;
}

.contatos img {
  display: block;
  min-width: 80px;
  margin: 0px auto;
  margin-bottom: 20px;
}

.contatos .logo {
  width: 130px;
  padding-bottom: 23.5px;
}

.contatos a {
  color: #06522b;
  text-decoration: none;
}

/***************************************************************************/

/**************************** SOBRE PRODUTO ***********************************/

/***************************************************************************/

.sobre-produto {
  padding: 30px 0;
}

.sobre-produto h1 {
  color: #009b37;
  font-size: 20px;
  text-align: left;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
}

.sobre-produto p {
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  color: #afafaf;
  font-weight: normal;
  text-align: justify;
}

.sobre-produto h2 {
  color: #009b37;
  font-size: 21px;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  max-width: 300px;
  margin: 20px auto;
  text-transform: uppercase;
}

.sobre-produto a.btn-sobre {
  color: #fff !important;
}

.btn-sobre {
  background-color: #009b37;
  border-radius: 20px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
}

.btn-sobre:hover,
.btn-sobre:focus {
  background-color: #066929;
  color: #fff;
}

.popup-sobre {
  background-color: #fff;
  position: absolute;
  z-index: 997;
  border-radius: 40px;
  width: 92%;
  max-width: 1300px;
  margin: 260px auto;
  border: 3px solid #009b37;
  padding: 20px 0px 15px;
}

.popup-sobre p {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}

.popup-sobre h3 {
  font-size: 17px;
  text-transform: uppercase;
  color: #009b37;
  font-weight: bold;
  font-family: Ubuntu, sans-serif;
}

.popup-sobre:after,
.popup-sobre:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#popup0:after,
#popup0:before {
  left: 15%;
}

#popup1:after,
#popup1:before {
  left: 85%;
}

.popup-sobre:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 40px;
  margin-left: -40px;
}

.popup-sobre:before {
  border-color: rgba(10, 121, 75, 0);
  border-bottom-color: #009b37;
  border-width: 46px;
  margin-left: -46px;
}

@media (max-width: 768px) {
  .popup-sobre {
    margin: 10px auto;
    position: initial;
  }
}

/***************************************************************************/

/**************************** SOBRE PAT ***********************************/

/***************************************************************************/

.paginaPat {
  padding: 30px 0px 50px;
}

.pat {
  background-color: #009b37;
  padding: 30px 0px 50px;
  margin-top: 6px;
}

.paginaPat h2 {
  color: #009b37;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  padding-bottom: 30px;
  font-size: 23px;
}

.pat h2 {
  color: #fff;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 30px;
  font-size: 35px;
}

.pat p {
  text-align: justify;
  color: #fff;
  font-family: Ubuntu, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.paginaPat p {
  text-align: justify;
  color: #afafaf;
  font-family: Ubuntu, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.pat .btn-link {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  text-align: center;
}

.pat .link {
  background-color: #066929;
  padding: 10px 0px;
  margin: 13px;
  border-radius: 10px;
}

.pat .link a {
  text-decoration: none;
}

.pat img {
  margin-top: 10px;
  margin-bottom: 25px;
}

.paginaPat img {
  margin: 30px 0px;
}

.paginaPat .btn-link {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  text-align: center;
}

.paginaPat .link {
  /*border:4px solid #066929;*/
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 120%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 7px 5px;
  margin: 0px auto;
  border-radius: 30px;
  width: 70%;
  max-width: 300px;
}

.paginaPat .link a {
  text-decoration: none;
}

.btn-pat {
  background-color: #0088ce;
  padding: 7px 20px;
  text-transform: uppercase;
  border-radius: 30px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.btn-pat:hover,
.btn-pat:focus {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .btn-pat {
    font-size: 15px;
  }

  .pat h2 {
    font-size: 30px;
  }

  .btn-sobre {
    margin-bottom: 20px;
  }

  .paginaPat .btn-link {
    font-size: 10px;
    font-weight: normal;
  }

  .paginaPat .link {
    width: initial;
    margin-bottom: 30px;
  }

  .paginaPat h2 {
    font-size: 17px;
  }

  .paginaPat p {
    font-size: 15px;
  }
}

/***************************************************************************/

/**************************** SOBRE PCT ***********************************/

/***************************************************************************/

.pct {
  background: url("../Imagem/Pct/fundo-pct.jpg");
  padding: 30px 0px 50px;
  background-position: center;
  margin-top: 6px;
}

.pct h2 {
  color: #fff;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
}

.pct h3 {
  color: #fff;
}

.pct p {
  text-align: justify;
  color: #fff;
  font-family: Ubuntu, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.pct-texto {
  padding-top: 50px;
}

.btn-pct {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  text-align: center;
}

.pct .link {
  background-color: #066929;
  padding: 10px 10px;
  margin: 13px 10px;
  border-radius: 7px;
  text-align: left;
}

.pct .btn-link {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
}

.pct .link a {
  text-decoration: none;
}

.pct img {
  margin-top: 10px;
  width: 100%;
}

.btn-pct {
  padding: 7px 0px;
  text-transform: uppercase;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.btn-pct:hover,
.btn-pct:focus {
  color: #fff;
  text-decoration: none;
}

/***************************************************************************/

/**************************** MENU ADMIN ***********************************/

/***************************************************************************/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/***************************************************************************/

/**************************** BENEFICIOS PAT *******************************/

/***************************************************************************/

.beneficios-pat {
  padding: 50px 0px;
}

.beneficios-pat img {
  display: block;
  margin: 0px auto;
  height: 80px;
}

.beneficios-pat h2 {
  font-size: 23px;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  text-align: center;
  color: #066929;
  padding-bottom: 20px;
}

.beneficios-pat .link {
  margin: 0px auto;
  display: table;
  padding: 8px;
  cursor: pointer;
}

.popup-beneficio {
  background-color: #fff;
  position: absolute;
  z-index: 997;
  border-radius: 40px;
  width: 90%;
  max-width: 1200px;
  margin: 250px auto;
  border: 3px solid #009b37;
  padding: 20px 0px 15px;
  margin-bottom: 0px;
}

.popup-beneficio p {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}

.popup-beneficio h3 {
  font-size: 17px;
  text-transform: uppercase;
  color: #009b37;
  font-weight: bold;
  font-family: Ubuntu, sans-serif;
  text-align: center;
}

.popup-beneficio:after,
.popup-beneficio:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#popup0:after,
#popup0:before {
  left: 15%;
}

#popup1:after,
#popup1:before {
  left: 85%;
}

#popup2:after,
#popup2:before {
  left: 50%;
}

.popup-beneficio:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 40px;
  margin-left: -40px;
}

.popup-beneficio:before {
  border-color: rgba(10, 121, 75, 0);
  border-bottom-color: #009b37;
  border-width: 46px;
  margin-left: -46px;
}

.popup-beneficio img {
  height: 60px;
}

/***************************************************************************/

/**************************** RAV *******************************/

/***************************************************************************/

.rav p,
.rav-vantagens p {
  font-size: 23px;
  font-family: Ubuntu, sans-serif;
  font-weight: normal;
  color: #066929;
  text-align: justify;
  padding-bottom: 50px;
}

.rav-vantagens p {
  text-align: center;
}

.rav .cartoes-rav {
  display: block;
  margin: 0px auto;
  padding: 50px 0px;
}

.rav-antecipacao p {
  color: #06522b;
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
}

.rav-informacoes p {
  font-size: 20px;
}

.rav-antecipacao h1,
.rav-vantagens h2,
.proposta h1 {
  color: #036638;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  padding: 40px 0px 50px;
}

@media (max-width: 768px) {
  .proposta h1 {
    margin-top: 50px;
  }
}

.rav-vantagens h3 {
  font-size: 12px;
  color: #036638;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
}

.rav-vantagens h2 {
  padding: 20px;
}

.cartoes-rav {
  max-width: 100%;
}

.rav-antecipacao h2 {
  color: #036638;
  text-align: center;
  font-size: 22px;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
}

.rav-contato img,
.rav-vantagens img,
.conveniencias img {
  display: block;
  margin: 0px auto;
}

.rav-contato {
  padding-bottom: 30px;
}

.rav-antecipacao .horario {
  padding: 30px 0px;
  text-align: center;
}

@media (max-width: 768px) {
  .cartoes-rav {
    width: 100%;
  }

  .rav-contato h2 {
    font-size: 15px !important;
  }

  .rav-informacoes p {
    font-size: 15px;
  }

  .rav-antecipacao h1 {
    font-size: 30px;
  }

  .rav-contato img {
    width: 100%;
    height: initial;
  }

  .rav-vantagem img {
    height: initial;
  }
}

@media (min-width: 992px) {
  .rav-vantagem {
    padding: 0px 40px;
  }
}

/***************************************************************************/

/********************************* PRODUTOS*********************************/

/***************************************************************************/

.produtos img {
  height: 150px;
}

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

.produtos {
  padding: 50px 0px 0px;
}

.card-prod {
  max-width: 250px;
  margin: 0px auto;
  margin-bottom: 45px;
}

.card-prod h3 {
  font-family: Ubuntu, sans-serif;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
}

.produtos h2:before {
  content: "";
  width: 80%;
  height: 20px;
  display: block;
  border-bottom: 1px solid #b5b5b5;
  /*border-left: 2px solid #006539;*/
  /*border-right: 2px solid #006539;*/
  margin: -12px auto;
  /*border-bottom-left-radius: 35px;*/
  /*border-bottom-right-radius: 35px;*/
}

.produtos span {
  background-color: #fff;
  margin: -18px auto;
  padding: 0px 10px;
}

.produtos h2 {
  text-align: center;
  font-family: Ubuntu, sans-serif;
  padding: 0px 0px 40px;
  font-size: 17px;
  color: #006539;
  width: 100%;
}

.card-prod p {
  font-family: Ubuntu, sans-serif;
  text-align: justify;
  color: #afafaf;
  font-size: 15px;
  line-height: 15px;
}

/***************************************************************************/

/********************************* CREDENCIAMENTO **************************/

/***************************************************************************/

.cadastro-credenciamento {
  padding: 70px 0px;
}

.credenciamento {
  padding: 40px 0px;
}

.credenciamento img {
  display: block;
  margin: 0px auto;
  padding-top: 10px;
}

.cred-btn-img {
  padding-bottom: 40px;
}

.credenciamento h1,
.credenciamento h2,
.cadastro-credenciamento h1,
.cadastro-credenciamento h2 {
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  padding: 32px 0px 0px;
}

.cadastro-credenciamento h1,
.cadastro-credenciamento h2 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.cadastro-credenciamento h2 {
  padding: 10px 0px 20px;
}

.cadastro-credenciamento p {
  color: #036638;
  text-align: center;
  font-size: 17px;
  padding-bottom: 20px;
}

.credenciamento h3 {
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 20px;
}

.credenciamento p {
  font-size: 16px;
  color: #afafaf;
  font-family: Ubuntu, sans-serif;
}

.credenciamento .text-img-cred {
  text-align: center;
  font-weight: 700;
}

.indique h1,
.adesivos h1 {
  padding: 0px;
}

@media (max-width: 768px) {
  .indique h1 {
    font-size: 25px;
  }
}

.indique h2,
.adesivos h2 {
  font-size: 16px;
  padding: 0px 0px 30px;
  font-weight: normal;
}

.indique h1,
.indique h2,
.adesivos h1,
.adesivos h2 {
  text-align: center;
}

.btn-indique {
  /*border:3px solid #066929;*/
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 120%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.btn-indique:hover {
  color: #fff;
}

.btn-indique:focus,
.btn-indique:active {
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 120%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  color: #fff;
}

.btn-dourado {
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(247, 218, 158) 5%,
    rgb(167, 130, 86) 50%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(247, 218, 158) 5%,
    rgb(167, 130, 86) 50%
  );
  background: linear-gradient(
    to top,
    rgb(168, 131, 87) 50%,
    rgb(255, 234, 171) 120%
  );
  background-color: #a78256;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.btn-dourado:hover,
.btn-dourado:active,
.btn-dourado:focus {
  color: #fff;
}

.btn-azul {
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(46, 76, 128) 65%,
    rgb(139, 179, 255) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(139, 179, 255) 25%,
    rgb(46, 76, 128) 100%
  );
  background: linear-gradient(
    to top,
    rgb(46, 76, 128) 65%,
    rgb(139, 179, 255) 120%
  );
  background-color: rgb(46, 76, 128);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}

.btn-azul:hover {
  color: #fff;
}

.adesivo img {
  display: block;
  margin: 0px auto;
  max-width: 100%;
}

.adesivos strong {
  text-decoration: underline;
}

.card-adesivo img {
  height: 100px;
  margin: 0px auto;
  display: block;
}

.card-adesivo h2 {
  font-size: 16px;
  text-align: center;
}

.card-adesivo span {
  margin: 0px auto;
  display: block;
  text-align: center;
}

.card-adesivo {
  padding: 10px 10px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

/***************************************************************************/

/********************************* TRABALHE CONOSCO **************************/

/***************************************************************************/

.vagas tbody,
.vagas tr,
.vagas td {
  display: block;
}

.vagas .panel-default {
  border: 2px solid;
  border-color: #969696;
  border-radius: 10px;
}

.vagas tr:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
}

.vagas h1,
.curriculo h2,
.razoes h2,
.beneficios h2,
.conveniencias h2,
.depoimentos h2,
.contato-rh h2 {
  font-size: 35px;
  font-family: Ubuntu, sans-serif;
  color: #066929;
  text-align: center;
  font-weight: 700;
  padding: 10px 0px 20px;
}

.beneficios h2 {
  font-size: 20px;
}

.vagas tbody {
  max-height: 300px;
  overflow-y: auto;
}

.curriculo p {
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
  padding: 0px 0px 30px;
  text-align: center;
  font-size: 17px;
}

.curriculo h2,
.beneficios h2 {
  padding-bottom: 0px;
}

.vagas tbody td {
  width: 50%;
  float: left;
}

.vagas td > h2 {
  margin: 0px;
  padding-bottom: 0px;
  font-size: 18px;
  font-family: Ubuntu, sans-serif;
  line-height: 31px;
  color: #066929;
}

.vagas td > a {
  float: right;
}

.vagas td > a:hover,
td > a:focus {
  text-decoration: none;
  color: #fff;
}

.btn-vervaga {
  /*border:4px solid #066929;*/
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 120%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 5px 45px;
  border-radius: 30px;
  border: none;
  max-width: 300px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  float: right;
  cursor: pointer;
}

.btn-curriculo {
  /*border:4px solid #066929;*/
  border: none;
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 120%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  padding: 5px 45px;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  float: right;
  cursor: pointer;
  margin: 20px 0px;
}

.curriculo input[type="file"] {
  display: none;
  cursor: pointer;
}

.razoes .carousel,
.depoimentos .carousel {
  margin: 20px 0px 40px;
}

.razoes h3 {
  font-size: 50px;
  font-family: Ubuntu, sans-serif;
  font-weight: 100;
  color: #066929;
}

.razoes p {
  font-size: 17px;
  color: #066929;
  font-weight: bold;
}

.img-razoes img,
.img-depoimentos img {
  width: 100%;
  margin-top: 20px;
}

.img-razoes span {
  background: #066929;
  width: 80px;
  height: 80px;
  z-index: 997;
  position: absolute;
  text-align: center;
  line-height: 75px;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  font-size: 50px;
  color: #fff;
  border-radius: 10px;
  margin: 0px 0px 0px -20px;
}

.controle-razao.right,
.controle-depoimentos.right {
  right: 0;
  left: auto;
}

.controle-razao,
.controle-depoimentos {
  position: absolute;
  top: 95px;
  bottom: 0;
  left: 0;
}

.beneficios-rh {
  font-size: 19px !important;
  font-weight: 700 !important;
}

.conveniencias h3 {
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  text-align: center;
}

.conveniencias {
  padding: 30px 0px 40px;
}

.depoimentos span {
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-size: 190px;
  font-weight: 700;
  padding-bottom: 20px;
  text-align: center;
  position: absolute;
}

.texto-depoimentos .left {
  margin: -45px 0px 0px -8px;
}

.texto-depoimentos .right {
  margin: -90px 0px 0px;
  right: 0;
}

.texto-depoimentos h3 {
  color: #036638;
  font-size: 20px;
  font-weight: 700;
}

.texto-depoimentos h4 {
  color: #036638;
  font-size: 50px;
  font-weight: 900;
  padding: 60px 0px 0px;
}

.texto-depoimentos p {
  color: #036638;
  font-size: 16px;
}

.contato-rh {
  padding: 0px 0px 40px;
}

.contato-rh textarea {
  margin-bottom: 20px;
}

.qtd-candidato {
  background: red;
  color: #fff;
  padding: 3px 5px 0px 4px;
  font-size: 9px;
  font-family: Ubuntu, sans-serif;
  border-radius: 25px;
  height: 17px;
  position: absolute;
  text-align: center;
  line-height: 11px;
  margin: -8px;
}

.detalhe-vaga {
  padding-top: 100px;
}

.detalhe-vaga h1,
.detalhe-vaga h2 {
  text-align: center;
  font-family: Ubuntu, sans-serif;
  color: #066929;
}

.detalhe-vaga h1 {
  font-weight: bold;
  font-size: 35px;
  text-transform: uppercase;
}

#tituloCurriculo {
  padding: 25px 0px 0px 0px;
  color: #036638;
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 17px;
}

@media (max-width: 768px) {
  .detalhe-vaga h1 {
    font-size: 25px;
  }

  .razoes h3 {
    font-size: 35px;
  }

  .btn-vervaga {
    padding: 5px 5px;
    font-weight: lighter;
  }

  .vagas td > h2 {
    font-size: 15px;
  }

  .curriculo h2 {
    font-size: 25px;
  }

  .visible-xs > .beneficios-pat > .col-xs-4 > a > h2 {
    font-size: 10px;
    margin-top: 0px;
  }

  .visible-xs > .beneficios-pat > ul > li {
    font-size: 20px;
  }

  .visible-xs > .beneficios-pat {
    padding-top: 0px;
  }

  .visible-xs > .beneficios-pat > .col-xs-4 > a > img {
    height: 70px;
    margin-top: 20px;
    width: 100%;
  }
}

.detalhe-vaga h2 {
  font-size: 20px;
}

.descricao-vaga {
  border-radius: 15px;
  border: 1px solid #afafaf;
  padding: 10px;
  overflow: auto;
  max-height: 350px;
  margin-bottom: 20px;
}

.detalhe-vaga p {
  padding: 0px;
  margin: 0px;
  color: #777777;
  font-size: 16px;
}

/******************************************************************************
                              CALCULADORA PAT
******************************************************************************/

.enviaResultado {
  cursor: pointer;
}

#enviaResultado label {
  color: #006e2e;
  text-align: center;
  margin: 0px auto;
  display: block;
}

#textoReal {
  margin-top: 30px;
}

.btn-voltar {
  margin-top: 20px;
}

.calculadoras,
.Calculadora,
.PaginaLucro,
.paginaDados {
  margin-top: 50px;
  padding: 80px 0px 40px;
}

.calculadoras h1,
.calculadoras h2,
.calculadoras h3,
.Calculadora h2,
.Calculadora p,
.PaginaLucro h2,
.PaginaLucro h3,
.paginaDados h2 {
  text-align: center;
  color: #066929;
}

.calculadoras h2,
.Calculadora p {
  font-size: 22px;
  font-family: Ubuntu, sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}

.Calculadora p {
  font-size: 17px;
}

.calculadoras h1,
.paginaDados h2 {
  text-transform: uppercase;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  margin: 0px;
}

.calculadoras h3 {
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  margin-top: 110px;
}

.calculadoras a {
  margin-bottom: 30px;
}

.calculadoras span {
  margin-bottom: 20px;
}

.calculadoras span:hover {
  color: #fff;
}

.calculadoras .modal-header span {
  /* margin-bottom: 20px; */
  /* position: absolute; */
  margin: -20px 0px;
  /* z-index: 9999; */
  background: #fff;
  width: 20px;
  border-radius: 50%;
  height: 20px;
  position: absolute;
  padding: 0px;
  line-height: 15px;
}

.calculadoras .modal-header {
  padding: 0px !important;
  border-bottom: none !important;
}

.paginaDados h2 {
  font-size: 35px;
  padding: 30px 0px;
}

.paginaDados .btn-indique:hover {
  color: #fff;
}

.paginaDados .btn-indique:focus,
.paginaDados .btn-indique:active {
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
}

.botoesCalculadora {
  padding-top: 30px;
}

.Calculadora form {
  text-align: right;
  margin-bottom: 50px;
}

form #dadosUsuario {
  margin-bottom: 30px;
}

.Calculadora input {
  margin-bottom: 20px;
}

.Calculadora label {
  line-height: 30px;
  color: #949494;
  font-weight: normal;
  font-size: 17px;
}

.calculadoras span:hover,
.Calculadora span:hover,
.PaginaLucro button:hover,
.resultado a:hover {
  color: #fff;
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
}

.calculadoras span:focus,
.Calculadora span:focus,
.PaginaLucro button:focus,
.resultado a:focus {
  color: #fff;
  background: -moz-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background: linear-gradient(
    to top,
    rgb(0, 110, 46) 65%,
    rgb(122, 221, 140) 100%
  );
  background-color: #066929;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
}

.PaginaLucro h3 {
  font-weight: bold;
  font-family: Ubuntu, sans-serif;
  padding-bottom: 20px;
}

.PaginaLucro h2 {
  font-family: Ubuntu, sans-serif;
}

.PaginaLucro p {
  text-align: justify;
  color: #8a8a8a;
  font-size: 16px;
  font-family: Ubuntu, sans-serif;
  font-weight: 300;
}

.PaginaLucro label {
  font-weight: normal;
  color: #8a8a8a;
  font-size: 20px;
}

.cartaoCalculadora {
  margin: -90px auto;
  display: block;
  width: 300px !important;
  max-width: 70%;
}

.calculadoraResultado {
  padding: 150px 0;
  margin-top: 100px;
}

.cardCalc {
  border: 2px solid #dcdcdc;
  border-radius: 15px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  background: #fff;
}

.cardCalc p {
  color: #afafaf;
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
}

.cardCalc .btn-indique:hover,
.cardCalc .btn-sempat:hover {
  color: #fff;
}

.cardCalc .btn-indique,
.cardCalc .btn-sempat {
  cursor: default;
}

.cardCalc table,
.cardTable table {
  width: 100%;
}

.cardTable {
  margin: 14px -45px 0px 35px;
  border: 2px solid #dcdcdc;
  padding: 16px 0px 20px 21px;
  border-radius: 15px;
  line-height: 20px;
}

.cardTable p {
  font-size: 16px;
}

.comPat p {
  color: #098609 !important;
  font-weight: 900;
}

.resultado-final .btn-indique {
  max-width: 100%;
  padding: 5px 20px;
}

.resultado-final .btn-indique:hover {
  cursor: default;
  color: #fff;
}

.resultado-final span {
  font-weight: normal;
}

.resultado-final span:hover {
  background: none;
}

.resultado-final {
  margin: -30px 0px 0px;
}

.resultado-final strong {
  font-weight: 900;
  font-size: 18px;
}

.resultado p {
  color: #757575;
}

.botoes-final {
  margin-top: 40px;
}

.botoes-final img {
  display: block;
  margin: 0px auto;
}

.calc-passos {
  display: block;
  margin: 0px auto;
  padding: 20px 0px 30px;
}

.resultado em {
  color: #2e3c5d;
}

.radio-empresa {
  padding: 0px;
}

.radio-empresa ul {
  padding: 0px;
  margin: 0px;
}

.radio-empresa ul li {
  display: block;
  position: relative;
  margin: 0px 0px 0px -20px;
}

.radio-empresa ul li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.radio-empresa ul li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 18px 0px 20px 37px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.radio-empresa ul li:hover label {
  color: #06522b;
}

.radio-empresa ul li .check {
  display: block;
  position: absolute;
  border: 3px solid #adadad;
  border-radius: 20%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.radio-empresa ul li:hover .check {
  border: 3px solid #06522b;
}

.radio-empresa ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 20%;
  height: 15px;
  width: 15px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.radio-empresa input[type="radio"]:checked ~ .check {
  border: 3px solid #adadad;
}

.radio-empresa input[type="radio"]:checked ~ .check::before {
  background: #06522b;
}

.radio-empresa input[type="radio"]:checked ~ label {
  color: #06522b;
}

.calculadoras .alert {
  margin-bottom: 0px;
}

.dados-resultado p {
  color: #06522b;
  font-size: 17px;
  margin: 0px;
}

.dados-resultado {
  padding-bottom: 20px;
  padding-left: 20px;
}

.cardCalc h4 {
  margin: -20px 10px 15px;
}

.btn-sempat {
  /*border:3px solid #5f5f5f;*/
  background: -moz-linear-gradient(
    top,
    rgb(88, 88, 88) 65%,
    rgb(173, 173, 173) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(88, 88, 88) 65%,
    rgb(173, 173, 173) 100%
  );
  background: linear-gradient(
    to top,
    rgb(88, 88, 88) 65%,
    rgb(173, 173, 173) 120%
  );
  background-color: #5f5f5f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5f5f', endColorstr='#5f5f5f', GradientType=1);
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: block;
}

@media (max-width: 768px) {
  .calculadoras h1 {
    font-size: 25px;
  }

  .calculadoras h2 {
    font-size: 16px;
  }

  .calculadoras h3 {
    font-size: 18px;
  }

  .calculadoras img {
    width: 100%;
  }

  .Calculadora .btn-indique,
  .paginaDados .btn-indique,
  .PaginaLucro .btn-indique {
    padding: 5px;
  }
}

/******************************************************************************
                              PROPOSTA
******************************************************************************/

.proposta h2 {
  font-size: 14px;
  text-align: center;
  color: #06522b;
}

.proposta .cardProposta {
  cursor: pointer;
  border-radius: 0px 0px 30px 30px;
}

.img-card-proposta {
  background-size: contain;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
}

.proposta span {
  float: right;
  padding-right: 10px;
  color: #969696;
  font-family: Ubuntu, sans-serif;
  font-size: 13px;
  text-align: right;
}

.proposta p {
  color: #969696;
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.cartoes-proposta {
  list-style: none;
  margin: 0;
  padding: 0px;
}

.cartoes-proposta:after {
  content: "";
  clear: both;
}

.cartoes-proposta input {
  opacity: 0;
}

.cartoes-proposta label {
  opacity: 0.2;
}

/*.cartoes-proposta input:focus + label {
  opacity: 1;
}*/

.cartoes-proposta input:checked + label {
  opacity: 1;
}

.cartao-proposta {
  height: 95px;
  /*margin-bottom: 25px;*/
  margin: 15px 0px;
  max-width: 157px;
}

.cartao-proposta label {
  cursor: pointer;
  font-size: 0;
}

.cartao-proposta p {
  margin: 10px 0px 0px;
  text-align: center;
  /*text-transform: uppercase;*/
  color: #636363;
  font-size: 12px;
}

@media (max-width: 768px) {
  .cartao-proposta {
    height: 64px;
    margin: 4px 0px;
    max-width: 130px;
  }

  .proposta form input[type="checkbox"] {
    float: left;
  }

  .proposta span {
    text-align: left;
  }

  .proposta .btn-indique {
    margin-bottom: 20px;
  }
}

@media (max-width: 992px) {
  .cartao-proposta {
    height: 70px;
    margin: 4px 0px;
    max-width: 120px;
  }
}

@media (max-width: 1366px) {
  .cartao-proposta {
    height: 96px;
    margin: 25px 0px;
    max-width: 135px;
  }

  .cartao-proposta p {
    margin: 10px 0px 0px;
  }
}

/******************************************************************************
                              SALDO
******************************************************************************/

.form-saldo {
  position: relative;
  background: #fff;
  padding: 10px 15px 10px;
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  box-shadow: 0px -10px 35px -15px;
  margin-bottom: 40px;
  z-index: 2;
}

.form-saldo:not(.impressao-boleto-portal) {
  margin-top: -70px;
}

.impressao-boleto-portal {
  margin-top: 150px !important;
}

.g-recaptcha {
  margin: 0px auto;
  display: block;
  margin-bottom: 20px;
  width: 304px;
}

.form-saldo h1 {
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  font-size: 35px;
  color: #066929;
  text-align: center;
}

.form-saldo p {
  font-size: 16px;
  text-align: center;
  color: #066929;
  padding-bottom: 30px;
}

.form-saldo input[type="text"] {
  font-size: 17px;
  text-align: center;
  height: 40px;
  margin-bottom: 20px;
}

.form-resultado {
  background: #fff;
  padding: 10px 30px 10px;
  margin-top: -70px;
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  box-shadow: 0px -10px 35px -15px;
  margin-bottom: 40px;
  z-index: 2;
}

.form-resultado h1 {
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  font-size: 35px;
  color: #066929;
  text-align: center;
}

.form-resultado p {
  font-size: 16px;
  text-align: center;
  color: #066929;
  padding-bottom: 30px;
}

.form-resultado input[type="text"] {
  text-align: center;
  height: 40px;
  margin-bottom: 50px;
  color: #066929;
  font-weight: bold;
  font-size: 25px;
}

.saldoResultado {
  font-size: 25px;
  color: #066929;
  font-weight: bold;
  border: 1px solid #bababa;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 10px 20px;
  box-shadow: inset 0px 0px 10px -5px #000;
}

/******************************************************************************
                              RODAPE
******************************************************************************/

.rodape {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rodape a {
  text-decoration: none;
  color: #696868;
}

.rodape li {
  display: flex;
  justify-content: center;
  align-items: center;
}

footer {
  text-align: center;
}

footer nav ul li {
  font-size: 1.2em;
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  color: #696868;
}

@media (max-width: 768px) {
  footer > nav > ul {
    margin: 0px;
    padding: 0px;
  }
}

/******************************************************************************
                              NOVO PORTAL
******************************************************************************/

.novoPortal {
  width: 100%;
  min-height: 900px;
  background-image: url(../Imagem/fundo-novo-portal.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.novoPortal .texto {
  margin-top: 100px;
  position: absolute;
  margin-left: 90px;
  max-width: 600px;
}

.novoPortal .texto h1 {
  font-size: 65px;
  color: #009644;
  font-weight: 900;
}

.novoPortal .texto h2 {
  color: #006e41;
  font-size: 25px;
  font-weight: 600;
}

.novoPortal .texto h2 > strong {
  font-weight: 900;
}

.novoPortal .btn-sobre {
  margin: 30px 0px;
  padding: 6px 30px;
}

.nav-pills .nav-link-portal.active {
  background-color: #006e41;
}

.nav-link-portal,
.nav-link-portal:hover {
  color: #006e41;
}

@media (max-width: 768px) {
  .novoPortal {
    display: block;
  }

  .novoPortal .texto {
    margin: 100px 0px;
    height: 500px;
    width: 100%;
  }

  .novoPortal .texto h1 {
    font-size: 40px;
    color: #009644;
    font-weight: 900;
  }

  .novoPortal .texto h2 {
    font-size: 20px;
  }

  .novoPortal .btn-sobre {
    display: table;
  }

  .novoPortal {
    height: 700px;
  }

  .novoPortal img {
    display: none;
  }
}

.barra-seguro {
  color: #fff;
  padding: 30px 0px;
  background: -moz-linear-gradient(
    top,
    rgb(247, 218, 158) 5%,
    rgb(167, 130, 86) 50%
  );
  background: -webkit-linear-gradient(
    top,
    rgb(247, 218, 158) 5%,
    rgb(167, 130, 86) 50%
  );
  background: linear-gradient(
    to top,
    rgb(233, 210, 152) 20%,
    rgb(128, 97, 60) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006e2e', endColorstr='#7add8c', GradientType=1);
  background-color: #2e4c80;
}

.barra-seguro a {
  font-size: 35px;
  color: #fff;
  text-decoration: underline;
  font-weight: 900;
}

.card-seguro {
  border-radius: 20px !important;
  background-color: #2e4c80;
  padding: 20px;
}

.v-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.h-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-seguro {
  color: #7fb5e0 !important;
}

.table-seguro {
  color: #fff;
  font-size: 25px;
}

.table-seguro th {
  font-size: 40px;
  color: #7fb5e0 !important;
}

.table-seguro tfoot {
  font-size: 40px;
  font-weight: bold;
  color: #7fb5e0 !important;
}

.table-seguro td {
  border-top: 2px solid #7fb5e0;
}

.explicacao-marcadores {
  color: #2e4c80;
}

.borda-planos-seguro {
  border-radius: 50px !important;
}

.btn-seguro-saibamais {
  background-color: #d7292a;
  color: #ffffff;
  border: 2px solid #2e4c80;
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.btn-seguro-outline {
  background-color: #fff;
  color: #2e4c80;
  border: 2px solid #2e4c80;
  padding: 5px 45px;
  margin: 0px auto;
  border-radius: 30px;
  max-width: 300px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.btn-seguro-outline:hover {
  color: #2e4c80;
}

span.classificacao {
  cursor: pointer;
}

.post-blog {
  border-radius: 20px;
  border: 1px solid #efefef;
}

.post-img {
  width: 150px;
  float: left;
  height: 100px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #efefef;
  border-radius: 15px;
  background-position: center;
  background-size: cover;
}

.post-titulo {
  padding: 0px 5px 0px 5px;
  min-height: 60px;
  font-size: 17px;
}

/******************ALTERAR SENHA AD*******************/

.senha {
  text-align: center;
  /*    padding: 200px 0px 0px;*/
}

.senhaAD {
  padding-top: 200px;
}

.form-senha {
  background: #fff;
  padding: 10px 15px 10px;
  margin-top: -70px;
  border-radius: 45px;
  box-shadow: 0px -10px 35px -15px;
  margin-bottom: 40px;
}

.form-senha h1 {
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  font-size: 35px;
  color: #066929;
  text-align: center;
}

.form-senha input[type="text"] input[type="password"] {
  font-size: 17px;
  text-align: center;
  height: 40px;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}

.owl-evento.owl-carousel.owl-drag .owl-item {
  display: grid;
}

.owl-evento.owl-carousel .owl-stage-outer {
  height: 220px !important;
}

.input-group > .form-control:not(:first-child) {
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

/*-------- ADMINISTRATIVO PORTAL ---------------*/

.marginTop40px {
  margin-top: 40px;
}

/*------ FS => Font size --------*/

.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-20 {
  font-size: 20px;
}
.fs-25 {
  font-size: 25px;
}
.fs-30 {
  font-size: 30px;
  line-height: 35px;
}
.fs-35 {
  font-size: 35px;
  line-height: 40px;
}
.fs-40 {
  font-size: 40px;
  line-height: 45px;
}
.fs-50 {
  line-height: 55px;
  font-size: 50px;
}
.fs-60 {
  line-height: 65px;
  font-size: 60px;
}
.fs-80 {
  line-height: 85px;
  font-size: 80px;
}
.fs-100 {
  line-height: 105px;
  font-size: 100px;
}

.border-radius-10 {
  border-radius: 10px;
}
.border-radius-30 {
  border-radius: 30px;
}
.bg-infoBS3 {
  background-color: #d9edf7 !important;
}

.bg-portal {
  background-color: #11873b;
}

.bg-portal-nav {
  background-color: #066929;
}

.border-portal {
  border-color: #11873b;
}

.list-inside {
  list-style-position: inside;
}
.btn-verde,
.btn-verde:focus,
.btn-verde:active {
  border: none;
  color: #fff;

  background: -moz-linear-gradient(
    180deg,
    rgba(241, 234, 234, 1) 0%,
    rgba(45, 156, 110, 1) 4%,
    rgba(0, 110, 65, 1) 52%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(241, 234, 234, 1) 0%,
    rgba(45, 156, 110, 1) 4%,
    rgba(0, 110, 65, 1) 52%
  );
  background: linear-gradient(
    180deg,
    rgba(241, 234, 234, 1) 0%,
    rgba(45, 156, 110, 1) 4%,
    rgba(0, 110, 65, 1) 52%
  );
}

.btn-verde:hover {
  background: linear-gradient(to top, #007547 65%, #329a6d 120%);
  color: #fff;
}

.lista-seguranca {
  list-style: none; /* Remove default bullets */
}

.lista-seguranca li::before {
  content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #066929; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/*------- IMPRESSÃO BOLETO PORTAL ---------*/

.impressao-boleto-portal {
  margin: 0 auto;
}

/*------- PADRÕES PORTAL SITE ---------*/

.text-portal {
  color: #036638 !important;
}

.divisor-portal {
  height: 2px;
  background: #036638;
  width: 100%;
}

li.li-pos {
  list-style: none;
}

li.li-pos ul {
  padding: 0px;
  font-size: 1.3em;
  font-weight: 800;
  color: #7f7f7f;
  margin-bottom: 0px;
}

.btns {
  display: table;
  margin: 10px auto;
}

.customNextBtn,
.customPreviousBtn {
  border-radius: 3px;
  float: left;
  background: #066929;
  color: #fff;
  padding: 5px 10px;
  margin-left: 5px;
  cursor: pointer;
}

.owl-cartao img {
  padding: 10px;
}

.owl-cartao img:hover {
  transform: scale(1.1);
}

.pointer {
  cursor: pointer;
}

/******************************************************************************
                              QR Cooper
******************************************************************************/
.qrCodeBtn {
  color: #971085;
}

.adesao ul {
  list-style: none;
}

.adesao ul li {
  line-height: 18px;
}

.adesao ul li::before {
  content: "\2022";
  color: #10d06c;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  margin-left: -2em;
}

.sizeCardConditions {
  width: 900px;
}

.dropbtn {
  color: #000;
  padding: 16px;
  font-size: 16px;
  border: none;
  background: none;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  min-width: 175px;
  bottom: 31px;
  z-index: 1;
  box-shadow: 0px -3px 8px -5px #000;
  margin: 0px 0px 0px -22px;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {
  background-color: #ccc;
}

.dropup:hover .dropup-content {
  display: block;
}

.accordion-button {
  font-size: 1.2rem;
  color: #036638 !important;
}

.accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-item.accordion-item-subcategoria {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.accordion-item.accordion-item-duvida {
  border-bottom: 1px solid #c2c2c2;
}

.accordion-item.accordion-item-duvida:first-child {
  padding-top: 5px;
  border-top: 1px solid #c2c2c2;
}

.accordion-body.accordion-item-mobile:not(:last-child) {
  border-bottom: 1px solid #c2c2c2;
}

.accordion-body.accordion-item-mobile:first-child {
  padding-top: 5px;
  border-top: 1px solid #c2c2c2;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: auto;
  content: "";
  background-image: url(../Img/plus2_green.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../Img/negative.png);
  transform: none;
}

#paginaPrivacidadeRodape, #menuPaginaRedeCredenciada, #direcionarPaginaProposta, #bannerTrabalheConosco,
#menuPaginaProposta, #menuPaginaSegundaViaFatura, #menuPaginaSaldo, #menuTrabalheConosco,
#paginaTrabalheConoscoRodape, #paginaImpressaoBoleto, #paginaConsultarBoletoCooperBenef,
#paginaPortalEmpresa, #paginaPEB, #paginaProposta {
  cursor: pointer;
}