@import url("modal-video.css");

* {
  font-family: "Open Sans", "sans-serif";
  text-rendering: optimizelegibility !important;
  -webkit-font-smoothing: antialiased !important;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

*:focus {
  outline: none
}

img {
  max-width: 100%;
  display: block;
  height: auto
}

.container-large {
  display: block;
  width: 90%;
  max-width: 1120px;
  display: block;
  margin: auto
}

.container {
  display: block;
  width: 90%;
  max-width: 1070px;
  display: block;
  margin: auto
}

.st-0 {
  margin-top: 0px !important
}

.st-1 {
  margin-top: 10px !important
}

.st-2 {
  margin-top: 15px !important
}

.st-3 {
  margin-top: 30px !important
}

.st-4 {
  margin-top: 45px !important
}

.pt-0 {
  padding-top: 0px !important
}

.pt-1 {
  padding-top: 10px !important
}

.pt-2 {
  padding-top: 15px !important
}

.pt-3 {
  padding-top: 30px !important
}

.pt-4 {
  padding-top: 45px !important
}

#pre-header {
  background: #05062B;
  border-bottom: solid 1px #ffffff
}

#pre-header .pre-header-content {
  display: flex;
  justify-content: flex-end
}

#pre-header .pre-header-content .guia {
  display: flex;
  padding: 5px 10px;
  background: #006677;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

#pre-header .pre-header-content .guia .icon {
  margin-right: 10px
}

#pre-header .pre-header-content .guia .icon img {
  height: 25px
}

#pre-header .pre-header-content .guia .text p {
  font-size: 12px;
  font-weight: 800;
  color: #ffffff
}

#pre-header .pre-header-content .restrito {
  display: flex;
  padding: 5px 10px;
  background: #35B6B4;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-left: 15px;
  border: 0px
}

#pre-header .pre-header-content .restrito .icon {
  height: 25px;
  width: 25px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px
}

#pre-header .pre-header-content .restrito .icon img {
  height: 15px
}

#pre-header .pre-header-content .restrito .text p {
  font-size: 12px;
  font-weight: 800;
  color: #ffffff
}

#pre-header .pre-header-content .login {
  padding: 5px 10px;
  background: #ffffff;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-left: 15px;
  height: 35px;
  position: relative;
  overflow: hidden
}

#pre-header .pre-header-content .login .item {
  flex-basis: 100%;
  display: flex;
  position: relative
}

#pre-header .pre-header-content .login button {
  background: #15b0ac;
  color: #ffffff;
  width: 100%;
  font-size: 12px;
  font-weight: 800;
  position: absolute;
  border: 0px;
  left: -10px;
  width: calc(100% + 20px);
  height: 30px
}

#pre-header .pre-header-content .login .icon {
  height: 25px;
  width: 25px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: solid 1px #15b0ac
}

#pre-header .pre-header-content .login .icon img {
  height: 15px
}

#pre-header .pre-header-content .login .icon.user {
  background: #15b0ac
}

#pre-header .pre-header-content .login .input input {
  height: 24px;
  width: 110px;
  border: 1px solid #15b0ac;
  background: #ffffff;
  text-align: center;
  color: #707070;
  margin-bottom: 10px
}

#header {
  padding: 15px 0;
  background: #ffffff
}

#header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#header .header-content .logo img {
  height: 40px
}

#header .header-content .menu-toggle {
  display: none
}

#header .header-content .menu ul {
  display: flex;
  align-items: center
}

#header .header-content .menu ul li {
  position: relative
}

#header .header-content .menu ul li a {
  color: #006677;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  padding-left: 18px
}

#header .header-content .menu ul li a.active {
  font-weight: 600;
  color: #f49c14
}

#header .header-content .menu ul li .sub-menu {
  display: none
}

#header .header-content .menu ul li.search-button {
  margin-left: 10px;
  margin-top: 5px
}

#header .header-content .menu ul li.search-button button {
  background: none;
  border: none
}

#header .header-content .menu ul li.search-button button img {
  height: 18px
}

#header .header-content .menu ul .has-sub::before {
  content: ">";
  position: absolute;
  color: #006677;
  font-weight: 400;
  right: 2px;
  font-size: 14px;
  top: 2px;
  transition: .3s
}

#header .header-content .menu ul .has-sub a {
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px
}

#header .header-content .menu ul .has-sub:hover::before {
  transform: rotate(90deg)
}

#header .header-content .menu ul .has-sub:hover .sub-menu {
  display: block;
  position: absolute;
  padding: 10px;
  background: #006677;
  width: auto;
  right: -15px;
  border-radius: 5px;
  top: 30px;
  text-align: right;
  z-index: 9
}

#header .header-content .menu ul .has-sub:hover .sub-menu li a {
  color: #ffffff
}

#header .header-content .menu ul .has-sub:hover .sub-menu::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  background: transparent;
  top: -20px;
  right: 12px;
  border-right: transparent 10px solid;
  border-left: transparent 10px solid;
  border-top: transparent solid 10px;
  border-bottom: solid 10px #006677
}

@media (max-width: 1225px) {
  #pre-header .pre-header-content {
    justify-content: space-between
  }

  #pre-header .login {
    display: none
  }

  #header .header-content {
    flex-wrap: wrap
  }

  #header .header-content .logo img {
    height: 30px
  }

  #header .header-content .menu-toggle {
    display: block;
    background: none;
    border: none
  }

  #header .header-content .menu-toggle span {
    width: 25px;
    height: 2px;
    background: #006677;
    margin-bottom: 4px;
    display: block;
    transition: .3s
  }

  #header .header-content .menu-toggle span:last-child {
    margin-bottom: 0px
  }

  #header .header-content .menu-toggle.active span:first-child {
    transform: rotate(45deg);
    position: relative;
    top: 5px
  }

  #header .header-content .menu-toggle.active span:nth-child(2) {
    transform: rotate(-45deg);
    position: relative;
    top: -1px
  }

  #header .header-content .menu-toggle.active span:nth-child(3) {
    display: none
  }

  #header .header-content .menu {
    display: none;
    flex-basis: 100%;
    margin-top: 15px;
    background: #ffffff
  }

  #header .header-content .menu.active {
    display: block
  }

  #header .header-content .menu ul {
    display: block
  }

  #header .header-content .menu ul li a {
    display: block;
    padding: 10px 10px !important;
    color: #00888f
  }

  #header .header-content .menu ul li.has-sub::before {
    display: none
  }

  #header .header-content .menu ul li.has-sub .sub-menu::before {
    display: none
  }

  #header .header-content .menu ul li.has-sub:hover .sub-menu {
    position: unset;
    padding: unset;
    background: transparent;
    width: unset;
    right: unset;
    border-radius: unset;
    top: unset;
    text-align: unset
  }

  #header .header-content .menu ul li .sub-menu {
    display: block;
    position: unset !important;
    text-align: left
  }

  #header .header-content .menu ul li .sub-menu li a {
    padding: 5px !important;
    padding-left: 20px !important;
    font-weight: 18px
  }

  #header .header-content .menu ul li .sub-menu li:first-child a {
    padding-top: 0px !important
  }

  #header .header-content .menu ul .search-button {
    display: none
  }
}

#newsletter {
  padding: 30px 0;
  background-color: #05062b
}

#newsletter .newsletter-content {
  display: block;
  max-width: 420px;
  margin: auto
}

#newsletter .newsletter-content .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px
}

#newsletter .newsletter-content .title .icon img {
  height: 25px;
  margin-right: 10px
}

#newsletter .newsletter-content .title h2 {
  color: #ffffff;
  font-size: 26px
}

#newsletter .newsletter-content .desc p {
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px
}

#newsletter .newsletter-content form {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#newsletter .newsletter-content form input {
  flex-basis: calc(100% - 45px);
  height: 30px;
  border: 0px;
  text-align: center;
  border-radius: 15px;
  font-size: 12px;
  transition: .3s;
  font-weight: 600
}

#newsletter .newsletter-content form input:focus {
  background: #006677;
  color: #ffffff
}

#newsletter .newsletter-content form button {
  color: #ffffff;
  font-weight: 600;
  background: none;
  border: solid 2px #ffffff;
  border-radius: 5px;
  height: 30px;
  width: 30px;
  font-size: 12px;
  transition: .3s;
  cursor: pointer
}

#newsletter .newsletter-content form button:hover {
  background: #ffffff;
  color: #15b0ac
}

#newsletter .find-lab {
  display: block;
  max-width: 420px;
  margin: auto
}

#newsletter .find-lab .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px
}

#newsletter .find-lab .title .icon img {
  height: 25px;
  margin-right: 10px
}

#newsletter .find-lab .title h2 {
  color: #ffffff;
  font-size: 26px
}

#newsletter .find-lab .desc p {
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px
}

#newsletter .find-lab a {
  flex-basis: calc(100% - 45px);
  height: 30px;
  border: 0px;
  text-align: center;
  border-radius: 15px;
  font-size: 12px;
  transition: .3s;
  font-weight: 600;
  background: #ffffff;
  color: #707070;
  display: block;
  text-decoration: none;
  padding-top: 5px
}

#newsletter .find-lab a:hover {
  background: #006677;
  color: #ffffff
}

.flex-news-lab {
  display: flex
}

@media (max-width: 768px) {
  .flex-news-lab {
    flex-direction: column
  }

  .flex-news-lab .find-lab {
    margin-bottom: 30px !important
  }
}

#footer {
  border-top: solid 3px #ffffff;
  padding: 30px 0 30px 0;
  background: #ffffff;
  background-image: url("../images/pattern.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30%
}

#footer .footer-content {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

#footer .footer-content .address {
  flex-basis: 25%;
  margin-right: 30px
}

#footer .footer-content .address p {
  color: #05062b;
  font-size: 14px
}

#footer .footer-content .address a {
  color: #05062b;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px
}

#footer .footer-content .address a:last-child {
  margin-top: 0px
}

#footer .footer-content .address .social {
  list-style: none;
  margin-top: 30px
}

#footer .footer-content .address .social ul {
  display: flex
}

#footer .footer-content .address .social ul li a {
  font-size: 18px;
  margin-right: 10px !important;
  color: #05062b
}

#footer .footer-content .footer-menu {
  flex-basis: 25%;
  margin-right: 30px
}

#footer .footer-content .footer-menu ul li a {
  color: #707070;
  font-size: 14px;
  text-decoration: none
}

#footer .footer-content .find-lab {
  flex-basis: calc(25% - $space-small)
}

#footer .footer-content .find-lab a {
  padding: 15px 30px;
  background: #8fa4c1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 50px;
  transition: .3s;
  cursor: pointer
}

#footer .footer-content .find-lab a:hover {
  background: #82cac9
}

#footer .footer-content .find-lab a .icon {
  margin-right: 10px
}

#footer .footer-content .find-lab a .icon img {
  width: 25px
}

#footer .footer-content .find-lab a .text p {
  color: #ffffff
}

@media (max-width: 960px) {
  #footer {
    background-size: 35%;
    background-position: right bottom;
    padding: 30px 0 30px 0
  }

  #footer .logo img {
    height: 30px;
    display: block;
    margin: auto
  }

  #footer .footer-content {
    flex-direction: column
  }

  #footer .footer-content .address {
    flex-basis: unset;
    text-align: center;
    width: 100%;
    margin-bottom: 30px
  }

  #footer .footer-content .address .social ul {
    display: flex;
    align-items: center;
    justify-content: center
  }

  #footer .footer-content .address .social ul li:last-child a {
    margin-right: 0px
  }

  #footer .footer-content .footer-menu {
    width: 100%;
    text-align: center
  }

  #footer .footer-content .find-lab {
    width: 100%
  }

  #footer .footer-content .find-lab a {
    width: auto;
    padding: 10px 15px
  }

  #footer .footer-content .find-lab a .icon img {
    width: 20px
  }

  #footer .footer-content .find-lab a .text p {
    font-size: 14px
  }
}

#slider {
  position: relative
}

#slider .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%)
}

#slider .owl-dots .owl-dot {
  width: 100px;
  height: 5px;
  border: solid 1px #ffffff;
  border-radius: 3px;
  margin: 0px 10px
}

#slider .owl-dots .owl-dot.active {
  background: #ffffff
}

@media (max-width: 768px) {
  #slider .owl-dots {
    display: none
  }
}

#areas-home {
  padding: 60px 0;
  background-color: #ffffff;
  background-size: cover
}

#areas-home .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px
}

#areas-home .title .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #006677;
  margin-right: 15px
}

#areas-home .title .icon img {
  height: 30px
}

#areas-home .title h2 {
  color: #006677;
  font-size: 26px
}

#areas-home .areas-slider,
#areas-home .areas-slider-patol {
  margin-top: 30px
}

#areas-home .areas-slider .item a,
#areas-home .areas-slider-patol .item a {
  text-decoration: none
}

#areas-home .areas-slider .item .icon,
#areas-home .areas-slider-patol .item .icon {
  width: 120px;
  height: 120px;
  background: #006677;
  border-radius: 50%;
  display: block;
  margin: auto;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center
}

#areas-home .areas-slider .item .icon img,
#areas-home .areas-slider-patol .item .icon img {
  width: 40px
}

#areas-home .areas-slider .item h3,
#areas-home .areas-slider-patol .item h3 {
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
  color: #006677
}

#areas-home .areas-slider .owl-prev,
#areas-home .areas-slider-patol .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -60px;
  transition: .3s
}

#areas-home .areas-slider .owl-next,
#areas-home .areas-slider-patol .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -60px;
  transition: .3s
}

#areas-home .areas-slider .owl-dots,
#areas-home .areas-slider-patol .owl-dots {
  display: none
}

@media (max-width: 820px) {

  #areas-home .areas-slider .owl-prev,
  #areas-home .areas-slider-patol .owl-prev {
    left: 0
  }

  #areas-home .areas-slider .owl-prev img,
  #areas-home .areas-slider-patol .owl-prev img {
    height: 30px
  }

  #areas-home .areas-slider .owl-next,
  #areas-home .areas-slider-patol .owl-next {
    right: 0
  }

  #areas-home .areas-slider .owl-next img,
  #areas-home .areas-slider-patol .owl-next img {
    height: 30px
  }
}

@media (max-width: 520px) {

  #areas-home .areas-slider,
  #areas-home .areas-slider-patol {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

.areas-slider-patol {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.areas-slider-patol .item {
  flex-basis: calc(25% - 15px)
}

@media (max-width: 820px) {
  .areas-slider-patol {
    flex-wrap: wrap;
    margin-top: 0px !important
  }

  .areas-slider-patol .item {
    flex-basis: calc(50% - 15px);
    margin-top: 30px
  }
}

#resultados {
  background: #006677;
  background: -moz-linear-gradient(right, #006677 0%, #15b0ac 100%);
  background: -webkit-gradient(right top, left top, color-stop(0%, #006677), color-stop(100%, #15b0ac));
  background: -webkit-linear-gradient(right, #006677 0%, #15b0ac 100%);
  background: -o-linear-gradient(right, #006677 0%, #15b0ac 100%);
  background: -ms-linear-gradient(right, #006677 0%, #15b0ac 100%);
  background: linear-gradient(to left, #006677 0%, #15b0ac 100%)
}

#resultados .resultados-pattern {
  padding: 30px 0;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 40%;
  background: none
}

#resultados .resultados-content {
  display: block;
  max-width: 520px;
  margin: auto
}

#resultados .resultados-content .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px
}

#resultados .resultados-content .title .icon img {
  height: 25px;
  margin-right: 10px
}

#resultados .resultados-content .title h2 {
  color: #ffffff;
  font-size: 26px
}

#resultados .resultados-content .desc {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ffffff
}

#resultados .resultados-content .desc p {
  text-align: center;
  color: #ffffff
}

#resultados .resultados-content form {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#resultados .resultados-content form input {
  flex-basis: calc(40% - 10px);
  height: 30px;
  border: 0px;
  text-align: center;
  border-radius: 15px;
  font-size: 12px;
  transition: .3s;
  font-weight: 600
}

#resultados .resultados-content form input:focus {
  background: #006677;
  color: #ffffff
}

#resultados .resultados-content form button {
  color: #ffffff;
  font-weight: 500;
  background: #82cac9;
  border: none;
  border-radius: 15px;
  height: 30px;
  flex-basis: calc(20% - 10px);
  font-size: 12px;
  transition: .3s;
  cursor: pointer
}

#resultados .resultados-content form button:hover {
  background: #15b0ac
}

@media (max-width: 550px) {
  #resultados .resultados-pattern {
    padding: 30px 0;
    background-image: url("../images/pattern.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40%;
    background: none
  }

  #resultados .resultados-content .desc p {
    font-size: 14px
  }

  #resultados .resultados-content form {
    flex-direction: column
  }

  #resultados .resultados-content form input {
    width: 100%;
    flex-basis: unset;
    margin-bottom: 15px
  }

  #resultados .resultados-content form button {
    width: 100%;
    flex-basis: unset
  }
}

#blog-home {
  padding: 60px 0
}

#blog-home .title {
  display: flex;
  align-items: center;
  justify-content: center
}

#blog-home .title .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #006677;
  margin-right: 15px
}

#blog-home .title .icon img {
  height: 30px
}

#blog-home .title h2 {
  color: #006677;
  font-size: 26px;
  text-transform: uppercase
}

#blog-home .blog-content {
  margin-top: 30px;
  display: flex;
  justify-content: space-between
}

#blog-home .blog-content .item {
  background-color: #f4f2f2;
  flex-basis: calc(33% - 15px);
  border-radius: 15px;
  background: #f4f2f2
}

#blog-home .blog-content .item .image {
  border-radius: 15px 15px 0 0;
  overflow: hidden
}

#blog-home .blog-content .item .desc {
  background: #f4f2f2;
  padding: 30px;
  border-radius: 0 0 15px 15px;
  text-align: center
}

#blog-home .blog-content .item .desc h3 {
  color: #006677;
  font-size: 18px;
  margin-bottom: 7.5px
}

#blog-home .blog-content .item .desc p {
  color: #707070;
  font-size: 14px
}

#blog-home .blog-content .item .desc a {
  margin: auto;
  margin-top: 15px;
  padding: 10px 20px;
  display: flex;
  background: #82cac9;
  transition: .3s;
  width: 110px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 20px;
  font-size: 14px
}

#blog-home .blog-content .item .desc a img {
  margin-left: 7.5px
}

#blog-home .blog-content .item .desc a:hover {
  background: #006677
}

#blog-home .seemore {
  background: #15b0ac;
  display: table;
  margin: auto;
  margin-top: 30px;
  padding: 15px 30px;
  color: #ffffff;
  font-weight: 800;
  border-radius: 40px;
  text-decoration: none;
  transition: .3s
}

#blog-home .seemore:hover {
  background: #82cac9
}

@media (max-width: 850px) {
  #blog-home .blog-content {
    flex-wrap: wrap
  }

  #blog-home .blog-content .item {
    flex-basis: 100%;
    margin-bottom: 30px
  }

  #blog-home .blog-content .item .image img {
    width: 100%
  }
}

.text-content p {
  font-size: 14px;
  color: #707070;
  margin-bottom: 15px;
  text-align: justify
}

.text-content ul,
.text-content ol {
  list-style: unset;
  padding-left: 20px
}

.text-content ul li,
.text-content ol li {
  font-size: 14px;
  color: #707070;
  margin-bottom: 7.5px;
  text-align: justify
}

#page .page-content {
  padding: 45px 0
}

#page .banner img {
  width: 100%
}

#page .title h1 {
  color: #00888f;
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 900;
  text-transform: uppercase
}

#page .title h2 {
  color: #00888f;
  font-size: 26px;
  margin-bottom: 30px
}

#team-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px
}

#team-content .item {
  flex-basis: calc(25% - 30px);
  margin: 15px
}

#team-content .item .image {
  width: 60%;
  display: block;
  margin: auto;
  margin-bottom: 15px
}

#team-content .item .image img {
  border-radius: 50%
}

#team-content .item .desc h4 {
  color: #00888f;
  font-size: 18px;
  font-weight: 800;
  text-align: center
}

#team-content .item .desc p {
  color: #707070;
  font-style: italic;
  font-size: 14px;
  text-align: center
}

#team-content .item .action {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center
}

#team-content .item .action button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer
}

#team-content .item .action button img {
  margin-right: 7.5px;
  width: 30px;
  transition: .3s
}

#team-content .item .action button p {
  color: #15b0ac;
  text-decoration: underline;
  font-size: 14px
}

#team-content .item .action button:hover img {
  margin-right: 15px
}

.modal-curriculum {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.modal-curriculum .modal-close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px
}

.modal-curriculum .modal-close span {
  display: block;
  width: 16px;
  height: 2px;
  background: #82cac9
}

.modal-curriculum .modal-close span:first-child {
  transform: rotate(45deg);
  position: relative;
  top: 1px
}

.modal-curriculum .modal-close span:last-child {
  transform: rotate(-45deg);
  position: relative;
  top: -1px
}

.modal-curriculum .modal-content {
  width: 560px;
  max-width: 90%;
  max-height: 50vh;
  overflow-y: auto;
  background: #ffffff;
  padding: 30px;
  position: relative
}

.modal-curriculum .modal-content p {
  font-size: 14px;
  color: #707070;
  margin-bottom: 15px
}

.modal-form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.modal-form .modal-close-form {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px
}

.modal-form .modal-close-form span {
  display: block;
  width: 16px;
  height: 2px;
  background: #82cac9
}

.modal-form .modal-close-form span:first-child {
  transform: rotate(45deg);
  position: relative;
  top: 1px
}

.modal-form .modal-close-form span:last-child {
  transform: rotate(-45deg);
  position: relative;
  top: -1px
}

.modal-form .modal-content {
  width: 560px;
  max-width: 90%;
  max-height: 63vh;
  overflow-y: auto;
  background: #ffffff;
  padding: 30px;
  position: relative
}

.modal-form .modal-content p {
  font-size: 14px;
  color: #707070;
  margin-bottom: 15px
}

.modal-form form .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px
}

.modal-form form .form-group .label {
  flex-basis: 60px;
  font-size: 14px;
  color: #444444;
  font-weight: 800
}

.modal-form form .form-group .label.full {
  flex-basis: 100%;
  margin-bottom: 15px
}

.modal-form form .form-group input,
.modal-form form .form-group select,
.modal-form form .form-group .select2 {
  flex-basis: calc(100% - 80px);
  background: #eeeeee;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  color: #707070
}

.modal-form form .form-group textarea {
  background: #eeeeee;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  color: #707070;
  padding: 10px;
  resize: none;
  height: 220px
}

.modal-form form .form-group select {
  background-image: url("../images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 11px) center;
  background-size: 15px;
  padding-right: 35px
}

.modal-form form button {
  padding: 10px 30px;
  border-radius: 40px;
  background: #15b0ac;
  color: #ffffff;
  display: table;
  margin-left: auto;
  font-size: 14px;
  cursor: pointer;
  transition: .3s
}

.modal-form form button:hover {
  background: #006677;
  font-weight: 400
}

@media (max-width: 800px) {
  #team-content .item {
    flex-basis: calc(50% - 30px)
  }
}

@media (max-width: 540px) {
  #team-content .item {
    flex-basis: 100%
  }
}

#areas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

#areas .area {
  flex-basis: calc(20% - 15px);
  margin: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px
}

#areas .area .icon {
  display: flex;
  align-items: center;
  background: #eeeeee;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-bottom: 15px
}

#areas .area .icon img {
  height: 40px
}

#areas .area h3 {
  color: #00888f;
  font-size: 14px;
  text-align: center
}

@media (max-width: 800px) {
  #areas .area {
    flex-basis: calc(33.333% - 15px)
  }
}

@media (max-width: 700px) {
  #areas .area {
    flex-basis: calc(50% - 15px)
  }
}

.request-content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.request-input,
.file-input,
.quality-input {
  width: 320px;
  max-width: 90%;
  border: solid 1px #05062b;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  color: #05062b;
  background-image: url("../images/search.png");
  background-position: calc(100% - 15px) center;
  background-size: 20px;
  background-repeat: no-repeat;
  margin: 15px 0 30px 0
}

.request-brand {
  background-color: #ffffff;
  border: solid 1px #1c888f;
  border-radius: 5px;
  text-align: center;
  color: #4c4c4c;
  font-size: 14px;
  margin: 15px 0 30px 0;
  width: 320px;
  max-width: 90%
}

.request-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 30px
}

.request-list .message {
  padding: 15px 30px;
  background: #006677;
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 14px
}

.request-list .item {
  flex-basis: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  flex-wrap: wrap
}

.request-list .item .content {
  flex-basis: 100%;
  font-size: 12px;
  margin-top: 15px
}

.request-list .item .content p {
  margin-bottom: 5px
}

.request-list .item .links {
  flex-basis: 210px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end
}

.request-list .item .links a {
  display: inline-block;
  padding: 5px 15px;
  color: #15b0ac;
  border: solid 1px #00888f;
  border-radius: 40px;
  font-size: 14px;
  text-decoration: none;
  transition: .3s
}

.request-list .item .links a:hover {
  background: #00888f;
  color: #ffffff
}

.request-list .item .title {
  color: #00888f;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  flex: 1
}

@media (max-width: 800px) {
  .request-list .item {
    flex-basis: 100%
  }

  .request-content {
    flex-wrap: wrap
  }

  .request-brand,
  .request-input {
    flex-basis: 100%;
    width: 100%;
    max-width: unset
  }

  .request-input {
    margin-bottom: 0px
  }
}

.page-blog .blog-content {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.page-blog .blog-content .item {
  background-color: #f4f2f2;
  flex-basis: calc(33% - 15px);
  border-radius: 15px;
  margin-bottom: 30px;
  background: #f4f2f2
}

.page-blog .blog-content .item .image {
  border-radius: 15px 15px 0 0;
  overflow: hidden
}

.page-blog .blog-content .item .desc {
  background: #f4f2f2;
  padding: 30px;
  border-radius: 0 0 15px 15px
}

.page-blog .blog-content .item .desc h2 {
  color: #00888f;
  font-size: 18px;
  margin-bottom: 7.5px
}

.page-blog .blog-content .item .desc p {
  color: #707070;
  font-size: 14px
}

.page-blog .blog-content .item .desc a {
  margin-top: 15px;
  padding: 10px 20px;
  display: flex;
  background: #82cac9;
  transition: .3s;
  width: 110px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 20px;
  font-size: 14px
}

.page-blog .blog-content .item .desc a img {
  margin-left: 7.5px
}

.page-blog .blog-content .item .desc a:hover {
  background: #006677
}

.page-blog .blog-content .item-featured {
  display: flex;
  flex-basis: calc(66.6666% - 11px);
  margin-bottom: 30px;
  background-color: #f4f2f2;
  border-radius: 15px
}

.page-blog .blog-content .item-featured .image {
  flex-basis: 50%;
  border-radius: 15px 0 0 15px;
  background-size: cover;
  background-position: center
}

.page-blog .blog-content .item-featured .desc {
  flex-basis: 50%;
  background: #f4f2f2;
  padding: 30px;
  border-radius: 0 15px 15px 0;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.page-blog .blog-content .item-featured .desc h2 {
  color: #00888f;
  font-size: 18px;
  margin-bottom: 7.5px
}

.page-blog .blog-content .item-featured .desc p {
  color: #707070;
  font-size: 14px
}

.page-blog .blog-content .item-featured .desc a {
  margin-top: 15px;
  padding: 10px 20px;
  display: flex;
  background: #82cac9;
  transition: .3s;
  width: 110px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  border-radius: 20px;
  font-size: 14px
}

.page-blog .blog-content .item-featured .desc a img {
  margin-left: 7.5px
}

.page-blog .blog-content .item-featured .desc a:hover {
  background: #006677
}

.page-blog .blog-content .subcat-box {
  flex-basis: calc(33% - 15px);
  padding: 30px;
  background: #f4f2f2;
  margin-bottom: 30px;
  border-radius: 15px
}

.page-blog .blog-content .subcat-box .subcat-box-title {
  font-size: 18px;
  color: #006677;
  margin-bottom: 15px
}

.page-blog .blog-content .subcat-box .list h3 {
  margin-bottom: 7.5px;
  display: flex;
  align-items: center
}

.page-blog .blog-content .subcat-box .list h3 img {
  flex-basis: 30px;
  margin-right: 15px;
  width: 30px
}

.page-blog .blog-content .subcat-box .list h3:last-child {
  margin-bottom: 0px
}

.page-blog .blog-content .subcat-box .list h3 a {
  flex: 1;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: #00888f;
  transition: .3s
}

.page-blog .blog-content .subcat-box .list h3 a:hover {
  color: #006677
}

@media (max-width: 920px) {
  .page-blog .blog-content .item {
    flex-basis: calc(50% - 15px)
  }

  .page-blog .blog-content .item-featured {
    flex-basis: 100%
  }

  .page-blog .blog-content .subcat-box {
    flex-basis: 100%
  }
}

@media (max-width: 580px) {
  .page-blog .blog-content .item {
    flex-basis: calc(100% - 0px)
  }
}

.contact-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto
}

.contact-actions.center {
  justify-content: center
}

.contact-actions.center .item .image {
  flex-basis: 40px
}

.contact-actions.center .item .desc .title {
  margin-bottom: 0px
}

.contact-actions .item {
  text-decoration: none;
  padding: 15px 30px;
  border: solid 1px #006677;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 15px;
  flex-basis: 33%;
  height: 120px;
  border-radius: 15px;
  transition: .3s
}

.contact-actions .item .image {
  flex-basis: 55px;
  margin-right: 15px
}

.contact-actions .item .image img {
  width: 100%
}

.contact-actions .item .desc {
  flex: 1
}

.contact-actions .item .desc .title {
  color: #00888f;
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 800;
  text-transform: uppercase
}

.contact-actions .item .desc .subtitle {
  color: #707070;
  font-size: 14px
}

.contact-actions .item:hover,
.contact-actions .item.active {
  background: #00888f
}

.contact-actions .item:hover .image img,
.contact-actions .item.active .image img {
  filter: brightness(9)
}

.contact-actions .item:hover .desc .subtitle,
.contact-actions .item:hover .desc .title,
.contact-actions .item.active .desc .subtitle,
.contact-actions .item.active .desc .title {
  color: #ffffff
}

@media (max-width: 1000px) {
  .contact-actions {
    flex-wrap: wrap
  }

  .contact-actions .item {
    flex-basis: 100%;
    margin: 0px;
    margin-bottom: 15px;
    height: auto
  }

  .contact-actions .item .desc {
    flex: unset
  }
}

.form-content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.form-content .map {
  flex-basis: calc(60% - 15px)
}

.form-content .map iframe {
  height: 440px
}

.form-content .form {
  flex-basis: calc(40% - 15px)
}

.form-content .form h2 {
  font-size: 18px;
  color: #006677;
  margin: 30px 0
}

.form-content .form form .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px
}

.form-content .form form .form-group .label {
  flex-basis: 60px;
  font-size: 14px;
  color: #444444;
  font-weight: 800
}

.form-content .form form .form-group .label.full {
  flex-basis: 100%;
  margin-bottom: 15px
}

.form-content .form form .form-group input,
.form-content .form form .form-group select,
.form-content .form form .form-group .select2 {
  flex-basis: calc(100% - 80px);
  background: #eeeeee;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  color: #707070
}

.form-content .form form .form-group textarea {
  background: #eeeeee;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  color: #707070;
  padding: 10px;
  resize: none;
  height: 120px
}

.form-content .form form .form-group select {
  background-image: url("../images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 11px) center;
  background-size: 15px;
  padding-right: 35px
}

.form-content .form form button {
  padding: 10px 30px;
  border-radius: 40px;
  background: #15b0ac;
  color: #ffffff;
  display: table;
  margin-left: auto;
  font-size: 14px;
  cursor: pointer;
  transition: .3s
}

.form-content .form form button:hover {
  background: #006677;
  font-weight: 400
}

@media (max-width: 890px) {
  .form-content {
    flex-wrap: wrap
  }

  .form-content .form,
  .form-content .map {
    flex-basis: 100%
  }

  .form-content .map {
    margin-top: 30px
  }
}

.map-content {
  display: flex
}

.map-content .address {
  flex-basis: 25%;
  background: #82cac9;
  display: flex;
  align-items: center
}

.map-content .address>div {
  margin: 0px auto;
  width: 220px;
  display: block
}

.map-content .address img {
  margin-bottom: 30px
}

.map-content .address p {
  color: #ffffff;
  font-size: 14px
}

.map-content .address a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
  font-weight: 800
}

.map-content .address .street {
  font-weight: 800
}

.map-content .address .state {
  font-style: italic
}

.map-content .map {
  flex-basis: 75%
}

.map-content .map iframe {
  height: 600px
}

@media (max-width: 1070px) {
  .map-content .address {
    flex-basis: 40%
  }

  .map-content .map {
    flex-basis: 60%
  }
}

@media (max-width: 1070px) {
  .map-content {
    flex-wrap: wrap
  }

  .map-content .address {
    display: none
  }

  .map-content .map {
    flex-basis: 100%
  }
}

#map {
  display: none
}

#map .state {
  cursor: pointer
}

#map .state .shape {
  cursor: pointer;
  -width: 0
}

#map .state .label_icon_state {
  fill: #fff;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal
}

#map .state .label_state {
  display: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold
}

#map .state:hover .label_state,
#map .state.hover .label_state {
  display: block
}

#map .model-green .state .shape {
  fill: #00888f
}

#map .model-green .state .icon_state {
  fill: #006677
}

#map .model-green .state .label_icon_state {
  fill: #fff
}

#map .model-green .state .label_state {
  fill: #666
}

#map .model-green .state:hover .shape,
#map .model-green .state.hover .shape {
  fill: #82cac9
}

#map .model-green .state:hover .icon_state,
#map .model-green .state.hover .icon_state {
  fill: #006677
}

#map .model-orange .state .shape {
  fill: #fd7132
}

#map .model-orange .state .icon_state {
  fill: #82cac9
}

#map .model-orange .state .label_icon_state {
  fill: #fff
}

#map .model-orange .state .label_state {
  fill: #666
}

#map .model-orange .state:hover .shape,
#map .model-orange .state.hover .shape {
  fill: #c93f04
}

#map .model-orange .state:hover .icon_state,
#map .model-orange .state.hover .icon_state {
  fill: #10592f
}

#map .model-darkgreen .state .shape {
  fill: #82cac9
}

#map .model-darkgreen .state .icon_state {
  fill: #2779c6
}

#map .model-darkgreen .state .label_icon_state {
  fill: #fff
}

#map .model-darkgreen .state .label_state {
  fill: #666
}

#map .model-darkgreen .state:hover .shape,
#map .model-darkgreen .state.hover .shape {
  fill: #4a8c31
}

#map .model-darkgreen .state:hover .icon_state,
#map .model-darkgreen .state.hover .icon_state {
  fill: #5a95ce
}

.canvas-map {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0
}

.canvas-map-content {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.canvas-map-content .canvas-map {
  flex-basis: 460px
}

.canvas-map-content .form {
  flex-basis: 380px
}

.canvas-map-content .form button.item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
  border: solid 2px #00888f;
  border-radius: 5px;
  background-color: #eaedef;
  cursor: pointer;
  transition: .3s
}

.canvas-map-content .form button.item .image {
  flex-basis: 30px;
  margin-right: 15px
}

.canvas-map-content .form button.item .desc p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #00888f;
  font-weight: 900;
  text-align: left;
  transition: .3s
}

.canvas-map-content .form button.item:hover {
  background: #00888f
}

.canvas-map-content .form button.item:hover .image img {
  filter: brightness(99999999)
}

.canvas-map-content .form button.item:hover .desc p {
  color: #ffffff
}

.canvas-map-content .form .mini-banner {
  border-radius: 5px
}

.canvas-map-content .form p {
  font-size: 14px;
  margin-bottom: 15px;
  color: #666
}

.canvas-map-content .form select {
  background: #eeeeee;
  background-image: url("../images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 11px) center;
  background-size: 15px;
  padding-right: 35px;
  border-radius: 5px;
  border: 0px;
  font-size: 14px;
  color: #707070;
  margin-bottom: 15px
}

@media (max-width: 1000px) {
  .canvas-map-content {
    flex-direction: column
  }

  .canvas-map-content .form {
    flex-basis: unset
  }
}

.lab-return {
  width: 360px;
  max-width: 100%
}

.lab-return .lab {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #cccccc
}

.lab-return .lab .name {
  color: #00888f;
  font-size: 22px
}

.lab-return .lab p {
  color: #707070;
  font-size: 14px
}

.lab-return .lab .phone {
  margin-top: 15px
}

.lab-return .lab:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0
}

.lab-return .message {
  padding: 15px 30px;
  background: #006677;
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 14px
}

@media (max-width: 540px) {
  .canvas-map {
    display: none
  }

  .select-states {
    display: block;
    margin-top: 30px
  }

  .select-states select {
    background: #eeeeee;
    background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 11px) center;
    background-size: 15px;
    padding-right: 35px;
    border-radius: 5px;
    border: 0px;
    font-size: 14px;
    color: #707070
  }

  .lab-return {
    margin-top: 30px;
    width: 100%
  }
}

.employee_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px
}

.employee_header .employee_image img {
  width: 80px;
  height: auto;
  margin-right: 15px;
  border-radius: 50%
}

.employee_header .employee_desc h2 {
  color: #15b0ac;
  font-size: 18px
}

.employee_header .employee_desc p {
  margin-bottom: 0px
}

#institucional-home {
  padding: 30px 0
}

#institucional-home .title h1 {
  text-align: center;
  color: #006677;
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 900
}

#institucional-home .institucional-content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#institucional-home .institucional-content .text {
  flex-basis: calc(45.5% - 10px)
}

#institucional-home .institucional-content .text p {
  color: #707070;
  font-size: 14px;
  margin-bottom: 15px
}

#institucional-home .institucional-content .text p:last-child {
  margin-bottom: 0px
}

#institucional-home .institucional-content .image {
  flex-basis: calc(45.5% - 10px)
}

#institucional-home .institucional-content .video {
  flex-basis: calc(54.5% - 15px)
}

#institucional-home .institucional-content .video .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}

#institucional-home .institucional-content .video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.generic-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}

.generic-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media (max-width: 768px) {
  #institucional-home .title h2 {
    font-size: 18px;
    margin-bottom: 15px
  }

  #institucional-home .institucional-content {
    flex-wrap: wrap
  }

  #institucional-home .institucional-content .image,
  #institucional-home .institucional-content .text {
    flex-basis: 100%;
    margin-bottom: 15px
  }

  #institucional-home .institucional-content .video {
    flex-basis: 100%
  }
}

#universo-db {
  margin: 30px 0
}

#universo-db h2 {
  text-align: center;
  color: #707070;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase
}

#universo-db .universo-content {
  max-width: 700px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-top: 30px
}

#universo-db .universo-content .item {
  flex-basis: calc(33.333% - $space-small)
}

#universo-db .universo-content .item img {
  height: 100px;
  display: block;
  margin: auto
}

@media (max-width: 700px) {
  #universo-db .universo-content .item img {
    height: 50px
  }
}

.list-video-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap
}

.list-video-content .video {
  flex-basis: calc(33.3333% - 30px);
  margin: 15px
}

.list-video-content .video .image {
  position: relative;
  margin-bottom: 15px
}

.list-video-content .video .image img {
  width: 100%
}

.list-video-content .video .image .player {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 50px
}

.list-video-content .video .desc h2 {
  color: #707070;
  font-size: 18px;
  font-weight: 800
}

.list-video-content .video .desc p {
  color: #707070;
  font-size: 14px
}

@media (max-width: 800px) {
  .list-video-content .video {
    flex-basis: calc(50% - 30px)
  }
}

@media (max-width: 560px) {
  .list-video-content .video {
    flex-basis: calc(100% - 0px)
  }
}

#page .divider-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

#page .divider-page .page-content {
  flex-basis: calc(70% - 30px)
}

#page .divider-page .sidebar-menu {
  padding: 60px 30px;
  background: #eeeeee;
  flex-basis: calc(30% - 30px);
  border-radius: 30px;
  position: relative;
  top: -30px
}

#page .divider-page .sidebar-menu ul li {
  margin-bottom: 30px
}

#page .divider-page .sidebar-menu ul li:last-child {
  margin-bottom: 0px
}

#page .divider-page .sidebar-menu ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #00888f;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  transition: .3s
}

#page .divider-page .sidebar-menu ul li a img {
  width: 55px;
  margin-right: 15px;
  transition: .3s
}

#page .divider-page .sidebar-menu ul li a:hover img {
  margin-right: 30px
}

@media (max-width: 1020px) {
  #page .divider-page .sidebar-menu {
    flex-basis: calc(33% - 30px)
  }
}

@media (max-width: 930px) {
  #page .divider-page {
    flex-wrap: wrap
  }

  #page .divider-page .sidebar-menu {
    position: unset;
    flex-basis: 100%;
    margin-bottom: 30px
  }

  #page .divider-page .page-content {
    flex-basis: 100%
  }
}

.mvv {
  display: flex;
  justify-content: space-between
}

.mvv .item {
  flex-basis: calc(33.3333% - 30px);
  padding: 30px;
  border: solid 1px #15b0ac;
  border-radius: 15px
}

.mvv .item img {
  display: block;
  margin: auto;
  height: 60px;
  margin-bottom: 15px
}

.mvv .item h2 {
  color: #00888f;
  text-align: center;
  margin-bottom: 7.5px
}

.mvv .item p {
  color: #707070;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px
}

@media (max-width: 830px) {
  .mvv {
    flex-wrap: wrap;
    flex-direction: column
  }

  .mvv .item {
    flex-basis: 100%;
    margin-bottom: 30px
  }

  .mvv .item:last-child {
    margin-bottom: 0px
  }
}

#where {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px
}

#where .list-box {
  background: #00888f;
  flex-basis: 35%;
  background-image: url("../images/darkpattern.png");
  background-size: 80%;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 30px
}

#where .list-box .title {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

#where .list-box .title .icon {
  flex-basis: 30px;
  margin-right: 15px
}

#where .list-box .title .text h2 {
  color: #ffffff;
  font-size: 18px
}

#where .list-box .title .text p {
  color: #ffffff;
  font-size: 14px
}

#where .list-box .form-choose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0
}

#where .list-box .form-choose select {
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid #82cac9;
  height: 30px;
  padding: 0px 15px;
  color: #707070;
  font-size: 14px;
  background-image: url("../images/arrow-down.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 11px) center;
  background-size: 15px
}

#where .list-box .form-choose select:first-child {
  flex-basis: calc(33% - 15px)
}

#where .list-box .form-choose select:last-child {
  flex-basis: 66%
}

#where .list-box .return-locations {
  background: #ffffff;
  padding: 30px;
  border-radius: 15px;
  height: 320px;
  overflow-y: auto
}

#where .list-box .return-locations .lab {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #aaa;
  color: #006677
}

#where .list-box .return-locations .lab:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

#where .list-box .return-locations .lab .name {
  color: #006677;
  margin-bottom: 7.5px
}

#where .list-box .return-locations .lab .address {
  font-size: 14px
}

#where .list-box .return-locations .lab .phone {
  font-size: 14px
}

#where .list-box .return-locations .lab .e-mail {
  font-size: 14px
}

#where .map-background {
  background-color: #dbddca;
  background-image: url("../images/map.gif");
  background-size: 100%;
  background-position: center center;
  flex-basis: 65%;
  background-repeat: no-repeat;
  transition: .5s
}

#where .map-background:hover {
  background-size: 110%
}

@media (max-width: 768px) {
  #where {
    flex-direction: column
  }

  #where .list-box {
    flex-basis: 100%
  }

  #where .map-background {
    flex-basis: unset;
    height: 320px
  }
}

#patol #pre-header {
  background: #D93957
}

#patol #pre-header .pre-header-content .guia {
  background: #F59ba4
}

#patol #pre-header .pre-header-content .restrito {
  background: #05062b
}

#patol #pre-header .pre-header-content .login .user {
  background: #da589e;
  border: unset
}

#patol #pre-header .pre-header-content .login .input input {
  border-color: #da589e
}

#patol #header {
  background: #FFFFFF
}

#patol #header .header-content .menu ul li a {
  color: #D93957
}

#patol #header .header-content .menu-toggle span {
  background: #ffffff
}

@media (max-width: 1225px) {
  #patol #header .header-content .menu {
    background: rgba(0, 0, 0, 0.2)
  }
}

#patol #institucional-home .title h2 {
  color: #05062b
}

#patol #areas-home .owl-nav.disabled {
  display: unset !important
}

#patol #areas-home .title h2 {
  color: #05062b;
  text-transform: uppercase;
  font-weight: 900
}

#patol #areas-home .areas-slider .owl-next img,
#patol #areas-home .areas-slider .owl-prev img,
#patol #areas-home .areas-slider-patol .owl-next img,
#patol #areas-home .areas-slider-patol .owl-prev img {
  filter: sepia(1)
}

#patol #areas-home .areas-slider .item .icon,
#patol #areas-home .areas-slider-patol .item .icon {
  background: #eeeeee
}

#patol #areas-home .areas-slider .item .icon img,
#patol #areas-home .areas-slider-patol .item .icon img {
  filter: sepia(1)
}

#patol #areas-home .areas-slider .item h3,
#patol #areas-home .areas-slider-patol .item h3 {
  color: #05062b
}

#patol #page .title h2 {
  color: #05062b;
  text-transform: uppercase;
  font-weight: 900
}

#patol #page .request-input,
#patol #page .file-input,
#patol #page .quality-input {
  border-color: #d93957;
  background-image: url("../images/search-patol.png")
}

#patol #page .request-list .item .title {
  color: #05062b
}

#patol #page .request-list .item .links a {
  border-color: #D93957;
  color: #D93957
}

#patol #page .request-list .item .links a:hover {
  background-color: #D93957;
  color: #ffffff
}

#patol #newsletter {
  background-color: #F27180
}

#patol #newsletter .find-lab a:hover {
  background-color: #71264f
}

#patol #newsletter .newsletter-content form input:focus {
  background-color: #05062b
}

#patol #footer {
  background-image: unset;
  background-color: #FFF
}

#patol #footer .footer-content .address p,
#patol #footer .footer-content .address a {
  color: #05062b
}

#patol #footer .footer-content .footer-menu ul .social ul li a,
#patol #footer .footer-content .footer-menu ul li a {
  color: #05062b
}

.acesso-restrito-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999999;
  display: none;
  align-items: center;
  justify-content: center
}

.acesso-restrito-modal .modal-content {
  width: 90%;
  max-width: 260px
}

.acesso-restrito-modal .modal-content .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px
}

.acesso-restrito-modal .modal-content .close-ar {
  background: none;
  border: 0px;
  display: block;
  margin-left: auto;
  height: 22px;
  cursor: pointer
}

.acesso-restrito-modal .modal-content .close-ar span {
  width: 25px;
  height: 2px;
  background: #ffffff;
  display: block;
  transform: rotate(45deg)
}

.acesso-restrito-modal .modal-content .close-ar span:last-child {
  transform: rotate(-45deg);
  position: relative;
  top: -2px
}

.acesso-restrito-modal .modal-content .logo {
  height: 40px
}

.acesso-restrito-modal .modal-content form input {
  border-radius: 22px;
  border: none;
  text-align: center;
  margin-bottom: 15px;
  width: 100%
}

.acesso-restrito-modal .modal-content form button {
  background: #15b0ac;
  width: 100%;
  height: 35px;
  color: #ffffff;
  border: 0px;
  border-radius: 22px;
  font-weight: 900;
  transition: .3s;
  cursor: pointer
}

.acesso-restrito-modal .modal-content form button:hover {
  background: #82cac9
}

.search-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999999;
  display: none;
  align-items: center;
  justify-content: center
}

.search-modal .modal-content {
  width: 90%;
  max-width: 320px
}

.search-modal .modal-content .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px
}

.search-modal .modal-content .close-search {
  background: none;
  border: 0px;
  display: block;
  margin-left: auto;
  height: 22px;
  cursor: pointer
}

.search-modal .modal-content .close-search span {
  width: 25px;
  height: 2px;
  background: #ffffff;
  display: block;
  transform: rotate(45deg)
}

.search-modal .modal-content .close-search span:last-child {
  transform: rotate(-45deg);
  position: relative;
  top: -2px
}

.search-modal .modal-content .logo {
  height: 40px
}

.search-modal .modal-content form {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.search-modal .modal-content form input {
  border-radius: 22px;
  border: none;
  text-align: center;
  flex-basis: calc(100% - 40px)
}

.search-modal .modal-content form button {
  background: #15b0ac;
  width: 35px;
  height: 35px;
  color: #ffffff;
  border: 0px;
  border-radius: 22px;
  font-weight: 900;
  transition: .3s;
  font-size: 18px;
  cursor: pointer
}

.search-modal .modal-content form button:hover {
  background: #82cac9
}

.photos {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px
}

.photos .photo {
  flex-basis: calc(25% - 10px);
  margin: 5px;
  display: block
}

.select2-dropdown {
  z-index: 99999999
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: unset;
  border: unset
}

.select2-container--default .select2-selection--single {
  background-color: #eee;
  border: 1px solid #eee;
  height: 39px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 5px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px
}

.select2-container--default .select2-search--inline .select2-search__field {
  width: 100% !important
}

.post-content-sidebar {
  display: flex
}

.post-content-sidebar .page-content {
  flex-basis: calc(100% - 330px)
}

.post-content-sidebar .sidebar {
  margin-left: 30px;
  margin-top: 53px;
  flex-basis: 330px
}

.post-content-sidebar .sidebar .about {
  padding: 30px;
  background: #82cac9
}

.post-content-sidebar .sidebar .about h3 {
  text-align: center;
  margin-bottom: 15px;
  color: #fff
}

.post-content-sidebar .sidebar .about img {
  margin: auto;
  margin-bottom: 30px
}

.post-content-sidebar .sidebar .about p {
  color: #ffffff;
  text-align: center;
  font-size: 14px
}

.post-content-sidebar .sidebar .about a {
  display: table;
  margin: auto;
  margin-top: 15px;
  background-color: #006677;
  color: #ffffff;
  border-radius: 30px;
  padding: 6px 20px;
  text-decoration: none;
  transition: .3s
}

.post-content-sidebar .sidebar .about a:hover {
  background-color: #00888f
}

.post-content-sidebar .sidebar .recents {
  padding: 30px;
  background: #eeeeee;
  margin-top: 30px
}

.post-content-sidebar .sidebar .recents h3 {
  color: #00888f;
  margin-bottom: 15px
}

.post-content-sidebar .sidebar .recents ul li {
  margin-bottom: 10px;
  list-style: circle;
  color: #1c888f;
  margin-left: 20px
}

.post-content-sidebar .sidebar .recents ul li a {
  text-decoration: none;
  color: #00888f;
  font-size: 14px;
  transition: .3s
}

.post-content-sidebar .sidebar .recents ul li a:hover {
  color: #006677
}

.post-content-sidebar .sidebar .social {
  background: #00888f;
  margin-top: 30px;
  padding: 30px
}

.post-content-sidebar .sidebar .social h3 {
  color: #ffffff;
  text-align: center
}

.post-content-sidebar .sidebar .social .links {
  display: flex;
  align-items: center;
  justify-content: center
}

.post-content-sidebar .sidebar .social .links a {
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
  margin: 20px !important
}

@media (max-width: 840px) {
  .post-content-sidebar {
    flex-wrap: wrap
  }

  .post-content-sidebar .page-content {
    flex-basis: 100%
  }

  .post-content-sidebar .sidebar {
    margin-left: 0px;
    margin-top: 45px;
    flex-basis: 100%
  }

  .post-content-sidebar .sidebar .social {
    margin-bottom: 30px
  }
}

.trigger-notify-box {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 90%;
  padding-top: 15px;
  padding-right: 15px;
  z-index: 999999999999
}

.trigger-notify-timer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  background: rgba(0, 0, 0, 0.5)
}

.trigger-notify {
  position: relative;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 15px;
  font-weight: 800
}

.trigger-notify i {
  margin-right: 10px
}

.trigger-notify-success {
  background-color: #00B494;
  color: #FFF
}

.trigger-notify-error {
  background-color: #db504a;
  color: #FFF
}

.trigger-notify-warning {
  background-color: #ff6f59;
  color: #FFF
}

.trigger-notify-alert {
  background-color: #223c61;
  color: #FFF
}

.mvv-patol {
  margin-top: -60px;
  margin-bottom: 30px
}

.mvv-patol .item {
  border-color: #d93957
}

.mvv-patol .item h2 {
  color: #05062b
}

.mvv-patol .item img {
  filter: sepia(1)
}

.contact-actions-patol .item {
  border-color: #71264f
}

.contact-actions-patol .item .desc .title {
  color: #05062b
}

.contact-actions-patol .item .image img {
  filter: sepia(1)
}

.contact-actions-patol .item:hover {
  background: #05062b
}

.contact-actions-patol .item:hover .desc .title {
  color: #ffffff
}

.contact-actions-patol .item:hover .desc .subtitle {
  color: #ffffff
}

.contact-actions-patol .item:hover .image img {
  filter: brightness(100000)
}

.flex-exams-labs {
  display: flex;
  justify-content: space-between
}

.flex-exams-labs h2 {
  font-size: 18px;
  color: #00888f;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 30px
}

.flex-exams-labs .exams {
  flex: 1;
  margin-right: 30px
}

.flex-exams-labs .exams .request-list {
  max-height: 70vh;
  overflow-y: auto
}

.flex-exams-labs .labs .lab-return {
  max-height: 70vh;
  overflow-y: auto
}

.flex-exams-labs .labs .lab-return .lab .name {
  font-size: 14px
}

@media (max-width: 768px) {
  .flex-exams-labs {
    flex-wrap: wrap
  }

  .flex-exams-labs .exams {
    flex-basis: 100%
  }

  .flex-exams-labs .labs {
    margin-top: 30px;
    flex-basis: 100%
  }
}