:root {
   --green: rgb(86, 179, 95);
   --light-gray: rgb(245, 245, 245);
   --gray: rgb(189, 189, 189);
   --dark-gray: rgb(79, 79, 79);
   --cinza: rgb(224, 224, 224);
   --blue: #3a5fa9;
}

* {
   padding: 0;
   margin: 0;
   font-size: 16px;
   font-family: "Segoe UI", sans-serif;
   line-height: 1.5em;
}

ul {
   list-style-type: none;
}

ol {
   margin-left: 2rem;
}

a {
   text-decoration: none;
}

.row {
   display: flex;
   flex-wrap: wrap;
}

.col-2 {
   width: 50%;
}

.col-3 {
   width: 33%;
}

.border-bottom-none {
   border-bottom: none !important;
}

.d-flex {
   display: flex;
}



/* PÁGINAS */

/* Mesmo código */

.row,
.navigation,
.contact__actions,
.contact__actions-wrapper,
.news__inner,
.more-links__inner,
.card__extra,
.col-3 {
   display: flex;
   flex-wrap: wrap;
}

.card__extra-horizontal {
   display: flex;
   align-items: center;
   justify-content: center;
}

.navigation__link {
   font-weight: 700 !important;
   color: var(--blue);
}

.text__paragraph,
.contact__text,
.contact__text--alt {
   text-align: justify;
}

.page-text,
.page-news {
   margin: 3rem 0;
}

.align-right,
.arabe-align-right,
.page-main-title--right,
.text__second-title--right,
.card__title--green--right,
.card__title--blue--right,
.services__title--right {
    text-align: right !important;
}

.text__second-title--light,
.text__second-title,
.card__title,
.card__title--green,
.card__title--blue,
.page-main-title,
.services__title {
   text-align: left !important;
}

.page-main-title,
.page-main-title--right,
.contact__title {
   font-size: 25px !important;
}

.text__paragraph,
.text__paragraph--right,
.text__paragraph--bold,
.text__paragraph strong,
.news__link,
.list .list__item {
   font-size: 18px;
}

.navigation,
.news__date,
.text__small {
   font-size: 13px;
}

.navigation__link:hover,
.text__link:hover {
   color: var(--dark-gray);
}

.card__wrapper,
.card__wrapper--inverted,
.card__box,
.card--horizontal,
.card-horizontal,
.card__inner,
.card__inner--medium,
.card__inner--horizontal,
.card__inner-horizontal,
.card__actions--border,
.card__actions--right,
.card__actions,
.contact__icon {
   transition: all 0.3s ease-out;
}

/* Fim mesmo código */



/* HOME */

.home-title {
   color: var(--blue);
   font-size: 22px;
   padding: 1.5rem 0;
   text-align: center;
   margin: 1rem;
}



/* LINKS DA PÁGINA */

.page-navigation,
.page-navigation--right,
.page-navigation--border,
.page-navigation--border--right {
   display: flex;
   align-items: center;
   margin: 2rem 0;
}

.page-navigation,
.page-navigation--border {
   justify-content: space-between;
}

.page-navigation--right,
.page-navigation--border--right {
   justify-content: flex-end;
}

.page-navigation--border,
.page-navigation--border--right {
   border-bottom: 1px solid var(--cinza);
}

.navigation {
   color: var(--gray);
}

.navigation__division {
   margin: 0 0.5rem;
}

.navigation_social-media,
.navigation_social-media a {
   display: flex;
   align-items: center;
}

.navigation_social-media a {
    margin-left: .5rem;
}

.navigation_social-media a:first-child {
    margin-left: 0;
}



/* IMAGEM PRINCIPAL */

.page-main-image {
   width: 100%;
}

.main-image {
   max-width: 100%;
   height: 400px!important;
   object-fit: cover;
}



/* Conteúdo principal */

/* PRIMEIRA PARTE DO TEXTO */

.page-main-title,
.page-main-title--right{
   color: var(--blue);
}

.text__image {
   height: 20px;
   margin-right: 1rem;
   margin-top: 0.35rem;
}

.text__second-title,
.text__second-title--right  {
   margin-bottom: 1rem;
}

.text__second-title--light {
   font-weight: 300;
   margin-top: 2.5rem;
   font-size: 23px !important;
}

.text__inner {
   margin-top: 1rem;
   justify-content: space-between;
}

.text__inner--alt {
   display: flex;
   margin-top: 1rem;
}

.text__wrapper,
.text__paragraph,
.text__paragraph--right {
   margin: 1rem 0 !important;
}

.text__paragraph--highlight {
   font-size: 17px;
}

.text__paragraph--bold,
.text__link {
   font-weight: 700;
   margin: 0;
}

.text__link {
   color: var(--blue);
   font-size: 17px;
}

.text__small {
   font-style: italic;
}

.text__title-h4 {
   font-size: 20px;
   color: var(--dark-gray);
}

.text__list {
   font-size: 17px;
   line-height: 1.5rem;
   margin: 1rem 0 0 1rem;
}

.list {
   margin-bottom: 1rem;
}



/* CONTATO */

.page-contact,
.page-contact--alt {
   text-align: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../uploads/conteudo/contato/bg-contato.jpg)
}

.contact__title {
   color: white;
}

.contact__text,
.contact__text--alt,
.contact__text strong {
   font-size: 17px;
}

.contact__text,
.contact__text--alt {
   color: white;
}

.contact__text {
   margin: 1rem 0 1.3rem !important;
}

.contact__text--alt {
   margin: .8rem 0 1rem 0 !important;
}

.contact__text strong {
   letter-spacing: 0.2px;
}

.contact__actions {
   align-items: center;
   justify-content: center;
}

.contact__actions-wrapper {
   align-items: center;
   justify-content: space-evenly;
}

.contact__button {
   font-size: 14px;
   font-weight: 700;
   width: 150px;
   padding: 1rem 0;
   color: white;
   background-color: var(--green);
   text-transform: uppercase;
   border-radius: 5px;
   margin-right: 1rem;
}

.contact__button:hover {
   transform: translateY(-3px);
   box-shadow: 0 4px 12px rgba(18, 45, 97, 0.2);
}

.contact__icon {
   margin-right: 1.5rem;
}

.contact__icon:last-child {
   margin-right: 0;
}

.contact__icon:hover {
   transform: translateY(-3px);
}



/* SERVIÇOS */

.services__header,
.services__header--inverted {
   background-size: cover;
   background-repeat: no-repeat;
   height: 95px;
   display: flex;
   align-items: center;
   padding: 0 2rem;
}

.services__header {
   background-image: url("../uploads/conteudo/servicos/imagem header/services header.jpg");
}

.services__header--inverted {
   background-image: url("../uploads/conteudo/servicos/imagem header/services header inverted.jpg");
   justify-content: flex-end;
}

.services__title,
.services__title--right {
   color: white!important;
   font-weight: bold;
   font-size: 25px!important;
   color: var(--dark-gray);
}

.services__inner {
    padding: 1rem 0;
}

.services__inner--medium {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}



/* NOTÍCIAS */

.news__inner {
   flex-direction: column;
   padding: 1rem 0;
   border-bottom: 1px solid var(--cinza);
}

.news__link {
   font-weight: 700;
   color: var(--green);
}

.news__link:hover {
   color: var(--dark-gray);
}

.news__date {
   text-transform: uppercase;
   margin-bottom: 0.3rem;
}



/* MAIS LINKS */

.page-more-links {
   background-color: var(--light-gray);
   padding: 1.5rem 1rem 1rem;
   margin-top: 3rem;
}

.more-links__inner {
   justify-content: center;
}

.no-border-bottom {
   border-bottom: none!important;
}



/* CARDS */

.card__wrapper,
.card__wrapper--inverted,
.card__box {
   display: flex;
   flex-wrap: wrap;
}

.card__wrapper {
   justify-content: space-between;
}

.card__wrapper--inverted {
    justify-content: flex-end;
}

.page-specification .card__box {
   justify-content: space-around;
}

.page-more-links .card__box {
    justify-content: space-between;
}

.card,
.card--horizontal,
.card-horizontal,
.card__horizontal--big {
   display: flex;
   justify-content: center;
   margin-top: 1rem;
   margin-bottom: 1rem;
}

.card--horizontal,
.card__wrapper--inverted .card-horizontal {
   margin-right: 0.5rem;
}

.card--horizontal,
.card-horizontal {
   display: flex;
   align-items: center;
   justify-content: space-between;
   /*background-color: white;*/
   /*margin: 1.5rem 0;*/
   /*box-shadow: 0px 4px 10px rgba(18, 45, 97, 0.1);*/
}


.card__horizontal--big {
   position: relative;
   background: white;
}

.card:last-child {
   margin-right: 0;
}

.card__inner,
.card__inner--medium,
.card__inner--horizontal,
.card__inner-horizontal {
   display: flex;
   width: 100%;
   background: white;
   position: relative;
   box-shadow: 0px 4px 6px rgba(18, 45, 97, 0.1);
}

.card__inner,
.card__inner--medium {
   flex-direction: column;
}

.card__inner {
   max-width: 310px;
}

.card__inner--horizontal,
.card__inner-horizontal {
   min-width: 250px;
   max-width: 640px;
   justify-content: flex-end;
}

.card__inner--medium {
   display: flex;
   flex-direction: column;
   min-width: 250px;
   max-width: 475px;
}

.card__inner:hover,
.card__inner--medium:hover,
.card__inner--horizontal:hover,
.card__inner-horizontal:hover {
   transform: translateY(-10px);
   box-shadow: 2px 2px 20px 2px rgba(17, 39, 58, 0.1);
}

.card__inner--medium .card__body--medium .card__extra {
   width: 100%;
   padding-bottom: .5rem;
   border-bottom: 1.5px solid var(--cinza);
}

.card__text-wrapper {
   margin-bottom: 1rem;
}

.card__extra {
   justify-content: space-between;
   align-items: center;
}

.card__image,
.card__image--medium,
.card__image--big,
.card__image-horizontal,
.card__image-horizontal--big {
   object-fit: cover;
}

.card__image,
.card__image--medium,
.card__image--big,
.card__image-horizontal--big {
   width: 100%;
   display: flex;
}

.card__image {
   height: 146px!important;
}

.card__image--medium {
   height: 220px!important;
}

.card__image--big {
   height: 240px!important;
}

.card__image-horizontal--big {
   height: 328px!important;
}

.card__body,
.card__body--medium {
   display: flex;
   flex-direction: column;
}

.card .card__inner .card__body,
.card .card__inner--horizontal .card__body,
.card .card__inner-horizontal .card__body,
.card-horizontal .card__inner-horizontal .card__body {
   padding: 1.5rem 1rem;
   justify-content: space-between;
}

.page-more-links .card .card__inner .card__body {
    height: 100%;
}

.card__body--medium {
   padding: 2rem;
   justify-content: space-between;
   height: 100%;
}

.card__body--horizontal,
.card__body-horizontal {
   width: 50%;
}

.card__title,
.card__title--center,
.card__title-center--green,
.card__title--green,
.card__title--green--right,
.card__title--blue,
.card__title--blue--right {
   font-size: 20px !important;
}

.card__title,
.card__title--center {
   color: var(--dark-gray);
}

.card__title--center {
   text-align: center;
   margin: 1.8rem 0;
}

.card__title--green,
.card__title--green--right,
.card__title-center--green {
   color: var(--green);
}

.card__title-center--green {
    text-align: center;
}

.card__title--blue,
.card__title--blue--right {
    color: var(--blue);
}

.card__text,
.card__text--alt,
.card__text--auto {
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
   text-align: left;
}

.card__text--alt {
   height: 70px;
}

.card__body.showContent .card__text--auto {
   height: auto;
}

.card__body.showContent p {
   height: auto;
}

.card__body .readmore-text {
   height: 74px;
   overflow: hidden;
}

a.readmore-btn {
   text-decoration: none;
   font-weight: bold;
   color: var(--green);
}

.card__actions,
.card__actions--border,
.card__actions--right {
   width: 100%;
}

.card__actions,
.card__actions--right {
    color: var(--green);
    width: 74px;
    padding: 6px;
    border: 2px solid var(--green);
    text-align: center;
}

.card__actions--right {
    align-self: flex-end;
}

.card__actions:hover,
.card__actions--right:hover {
    border: 2px solid var(--dark-gray);
    color: var(--dark-gray);
}

.card__actions--border {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid var(--cinza);
   padding-top: 1rem;
}

.card__actions--border:hover {
   transform: translateX(3px);
}

.card__button,
.card__button--outline {
   background: transparent;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: bold;
}

.card__button {
   border: none;
   color: var(--green);
   padding: 0;
}

.card__button--outline {
   font-weight: 700;
   width: 110px;
   height: 35px;
}

.card__link,
.card__link--outline,
.card__link--medium {
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 700;
   transition: all .3s ease;
}

.card__link,
.card__link--medium {
   color: var(--blue);
   width: 100%;
}

.card__link:hover {
   transform: translateX(3px);
}

.card__link--medium {
   border-bottom: 1px solid var(--blue);
   padding-bottom: .5rem;
}

.card__link--absolute {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
}



/* TABELA */

.table {
   width: 100%;
   padding: 0 1rem 1rem;
}

.table__row {
   height: 30px;
}

.table__head,
.table__data,
.table__head--inverted,
.table__data--inverted {
   width: 50%;
   border-bottom: 1px solid var(--cinza);
   font-size: 14px;
}

.table__head,
.table__data--inverted {
    text-align: right;
}

.table__data,
.table__head--inverted {
    text-align: left;
}

.table__head,
.table__head--inverted {
    font-weight: bold;
}

.table__head {
    padding-right: 7px;
    border-right: 1px solid var(--cinza);
}

.table__data {
    padding-left: 5px;
}

.table__head--inverted {
    padding-left: 7px;
    border-left: 1px solid var(--cinza);
}

.table__data--inverted {
    padding-right: 5px;
}



/* MEDIA QUERIES */

@media (min-width: 300px) {
   .col-2,
   .col-3 {
      width: 100%;
   }
   .text-align-center {
      text-align: center!important;
   }

   /* Links da página */
   .page-navigation,
   .page-navigation--right {
      padding: 0 1rem;
   }
   .page-navigation--border,
   .page-navigation--border--right {
      padding: 0 1rem 2rem;
   }

   /* Conteúdo principal */
   .content-container {
      padding: 0 1rem;
   }
   .page-main-title,
   .page-main-title--right {
      margin-bottom: 1rem;
   }

   /* Cards */
   .card__wrapper,
   .card__wrapper--inverted {
      margin: 1rem 0;
   }
   .card__horizontal--big,
   .card-horizontal {
      flex-direction: column;
   }
   .card__image-horizontal {
       width: 30%;
   }
   .card__image-horizontal--big {
       height: 150px;
   }
   .card--horizontal .card__header, .card-horizontal .card__header {
       width: 100%;
   }

   /* Contato */
   .page-contact,
   .page-contact--alt {
      padding: 1.8rem 1rem;
   }
   .contact__actions {
      margin-top: 2rem;
   }
   .contact__actions-wrapper {
      width: 100%;
   }
}

@media (min-width: 600px) {
   .col-2 {
      width: 50%;
   }
   .col-3 {
      width: 45%;
   }

   /* Links da página */
   .page-navigation,
   .page-navigation--right  {
      padding: 0 2rem;
   }
   .page-navigation--border,
   .page-navigation--border--right {
      padding: 0 2rem 2rem;
   }

   /* Conteúdo principal */
   .content-container {
      padding: 0 2rem;
   }

   /* Contato */
   .page-contact,
   .page-contact--alt {
      padding: 1.8rem 3rem;
   }
}

@media (max-width: 699px) {
   .col-2 {
      width: 100%;
   }

   /* Cards */
   .card {
       margin-right: 0;
   }
}

@media (min-width: 700px) {
   .col-2 {
       width: 48%;
   }
   .col-3 {
       width: 32%;
   }
   .card__horizontal--big {
       flex-direction: column;
   }
}

@media (min-width: 800px) {
   .col-2 {
     width: 49%;
   }
   .col-3 {
     width: 32%;
   }

   /* Mesmo código */
   .page-navigation,
   .page-navigation--right,
   .content-container {
     padding: 0;
   }

   /* Links da página */
   .page-navigation--border,
   .page-navigation--border--right {
     padding: 0 0 2rem;
   }

   /* Cards */
    .card--horizontal .card__header,
    .card-horizontal .card__header {
       width: 50%;
       padding: 2rem;
    }
   .card__wrapper,
   .card__wrapper--inverted {
     margin: 1rem 0.3rem;
   }
   .card-horizontal {
       flex-direction: row;
   }
   .card__image-horizontal {
      width: 25%;
   }
   .card__image-horizontal--big {
      height: 328px;
   }
   .page-specification .card__box .card {
       height: 100%;
   }

   /* Contato */
   .page-contact {
      padding: 1.8rem 7rem;
   }
   .contact__actions {
      margin-top: 1rem;
   }
   .contact__actions-wrapper {
      width: 50%;
   }
   .page-contact--alt {
      padding: 1rem 6rem;
   }
}