* {
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

:root {
  --gray: #464646;
  --gray2: #292929;
  --gray3: #e5e5e5;
  --gray4: #808080;
  --gray5: #787878;
  --gray6: #949494;
  --gray7: #eeeeee;
  --gray8: #b2b2b2;
  --gray9: #f3f3f3;
  --gray10: #424242;
  --gray11: #7a7a7a;
  --gray12:#e2e2e2;
  --gray13:#828282;
  --gray14:#909090;
  --green: #204f01;
  --green2: #2d7b01;
  --green3: #87ae6f;
  --green4: #75af36;
  --black: #000000;
  --white: #ffffff;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 0;
}

.fc-gray {
  color: var(--gray);
}

.fc-gray4 {
  color: var(--gray4);
}

.fc-green2 {
  color: var(--green2);
}

.fc-green3 {
  color: var(--green3);
}
.fc-green4{
  color: var(--green4);
}

.fs-14px{
  font-size: 14px;
}

.fc-gray14{
  color: var(--gray14);
}

.fc-white {
  color: var(--white);
}

.fc-gray4 {
  color: var(--gray4);
}

.fc-gray5 {
  color: var(--gray5);
}

.fc-gray10{
  color: var(--gray10);
}

.fc-gray11{
  color: var(--gray11);
}

.fc-gray13{
  color: var(--gray13);
}

.bg-gray {
  background-color: var(--gray);
}

.bg-gray9 {
  background-color: var(--gray9);
}

.text-italic {
  font-style: italic;
}

.bg-green {
  background-color: var(--green);
}

.bg-green2{
  background-color: var(--green2);
}

.bg-green3 {
  background-color: var(--green3);
}

.bg-gray12{
  background-color: var(--gray12);
}

.fill-white {
  fill: var(--white);
}

.stroke-gray5 {
  stroke: var(--gray5);
}

.fill-gray5 {
  fill: var(--gray5);
}

.stroke-gray8{
  stroke: var(--gray8);
}

.header-icons {
  width: 20px;
  height: 20px;
  opacity: 0.6;
}

.header-icons:hover{
    opacity: 1;
    transition: 0.2s linear;
}

.header-icons--small {
  width: 24px;
  height: 24px;
}

a > .header-icons:hover path.fill-gray {
  transition: 0.2s linear;
}

a > .header-icons:hover path.fill-gray {
  opacity: 1;
}

.titulo {
  font-size: clamp(24px, 3vw, 28px);
  text-align: center;
  letter-spacing: 3px;
}

.aspect-ratio-1-1 {
  aspect-ratio: 1 / 1;
}

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

.border-radius-2px {
  border-radius: 2px;
}

.fs-18 {
  font-size: 18px;
}

.fs-17 {
  font-size: 17px;
}

.fs-14 {
  font-size: 14px;
}

.fs-13 {
  font-size: 13px;
}

.fs-12 {
  font-size: 12px;
}

.logo {
  max-width: 100px;
}

.logo-small {
  max-width: 80px;
  width: 100%;
}

.ff-arial {
  font-family: Arial, Helvetica, sans-serif;
}

.ff-open-sans {
  font-family: "Open Sans", sans-serif;
}

.ff-roboto {
  font-family: "Roboto", sans-serif;
}

.input-date {
  padding: 7px 7px 7px 10px;
  border-radius: 2px;
}

.input-date--border {
  color: #5B5B5B;
  padding: 5px 5px 5px 10px;
  border-radius: 4px;
  border: 1px solid #3B3B3B;
}

.border-white-1px {
  border: 1px solid var(--white);
}

.letter-spacing-1px {
  letter-spacing: 1px;
}

.letter-spacing-2px{
  letter-spacing: 2px;
}

.w-lg-auto {
  width: 100%;
}

.menu-hamburguer {
  width: 40px;
  height: 40px;
}

.border-circle{
  border-radius: 50%;
}

.object-position-center{
  object-position: center;
}

.w-70{
  width: 70%;
}

.w-50px{
  width: 50px;
}

.h-50px{
  height: 50px;
}

@media screen and (min-width: 992px) {
  .w-lg-auto {
    width: auto;
  }
}