/*
:nth-child(odd) impar
:nth-child(even) par
:nth-child(3n+1) a cada 3
:first-child
:last-child

border-radius:15px;
box-shadow: 1px 1px 7px #CDCDCF;
*/
* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
  margin: 0;
  font-size: 12px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
  font-family: "Quicksand", sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.grid {
  width: 95%;
  max-width: 120rem;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: #555;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
a.selected,
.selected a {
  color: #555;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover img {
  opacity: 0.8;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.table {
  display: table;
}
.row {
  display: table-row;
  height: 1%;
}
.cell {
  display: table-cell;
  vertical-align: top;
}

.whatsicon {
  width: 15px;
  vertical-align: bottom;
  margin-right: 3px;
}

.whats {
  background: #00ff0055;
}

.group {
  display: table-row-group;
}
.blockI {
  display: inline-block;
}
.inline {
  display: inline;
}
.inlineT {
  display: inline-table;
}
/* .inlineT img {
  width: 25px;
  height: 25px;
} */

.bx {
  box-sizing: border-box;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: both;
}

.m0 {
  margin: 0;
}
.p0 {
  padding: 0;
}
.pa05 {
  padding: 0.4167rem;
}
.pa {
  padding: 0.8333rem;
}
.pa15 {
  padding: 1.25rem;
}
.pa2 {
  padding: 1.667rem;
}
.pa3 {
  padding: 2.5rem;
}
.pa5 {
  padding: 4.167rem;
}

.mb05 {
  margin-bottom: 0.4167rem;
}
.ml05 {
  margin-left: 0.4167rem;
}
.mr05 {
  margin-right: 0.4167rem;
}
.mt05 {
  margin-top: 0.4167rem;
}
.pb05 {
  padding-bottom: 0.4167rem;
}
.pl05 {
  padding-left: 0.4167rem;
}
.pr05 {
  padding-right: 0.4167rem;
}
.pt05 {
  padding-top: 0.4167rem;
}

.mb {
  margin-bottom: 0.8333rem;
}
.ml {
  margin-left: 0.8333rem;
}
.mr {
  margin-right: 0.8333rem;
}
.mt {
  margin-top: 0.8333rem;
}
.pb {
  padding-bottom: 0.8333rem;
}
.pl {
  padding-left: 0.8333rem;
}
.pr {
  padding-right: 0.8333rem;
}
.pt {
  padding-top: 0.8333rem;
}

.mb15 {
  margin-bottom: 1.25rem;
}
.ml15 {
  margin-left: 1.25rem;
}
.mr15 {
  margin-right: 1.25rem;
}
.mt15 {
  margin-top: 1.25rem;
}
.pb15 {
  padding-bottom: 1.25rem;
}
.pl15 {
  padding-left: 1.25rem;
}
.pr15 {
  padding-right: 1.25rem;
}
.pt15 {
  padding-top: 1.25rem;
}

.mb2 {
  margin-bottom: 1.667rem;
}
.ml2 {
  margin-left: 1.667rem;
}
.mr2 {
  margin-right: 1.667rem;
}
.mt2 {
  margin-top: 1.667rem;
}
.pb2 {
  padding-bottom: 1.667rem;
}
.pl2 {
  padding-left: 1.667rem;
}
.pr2 {
  padding-right: 1.667rem;
}
.pt2 {
  padding-top: 1.667rem;
}

.mb3 {
  margin-bottom: 2.5rem;
}
.ml3 {
  margin-left: 2.5rem;
}
.mr3 {
  margin-right: 2.5rem;
}
.mt3 {
  margin-top: 2.5rem;
}
.pb3 {
  padding-bottom: 2.5rem;
}
.pl3 {
  padding-left: 2.5rem;
}
.pr3 {
  padding-right: 2.5rem;
}
.pt3 {
  padding-top: 2.5rem;
}

.pb5 {
  padding-bottom: 4.167rem;
}
.pl5 {
  padding-left: 4.167rem;
}
.pr5 {
  padding-right: 4.167rem;
}
.pt5 {
  padding-top: 4.167rem;
}
.pt5 {
  padding-top: 4.167rem;
}

.at {
  vertical-align: top;
}
.am {
  vertical-align: middle;
}
.ab {
  vertical-align: bottom;
}
.ac {
  margin: 0 auto 0 auto;
}
.ar {
  margin: 0 0 0 auto;
}

.ac.mt05 {
  margin: 5px auto 0 auto;
}
.ac.mt {
  margin: 0.8333rem auto 0 auto;
}
.ac.mt2 {
  margin: 20px auto 0 auto;
}
.ac.mt3 {
  margin: 30px auto 0 auto;
}
.ac.mb05 {
  margin: 0 auto 5px auto;
}
.ac.mb {
  margin: 0 auto 0.8333rem auto;
}
.ac.mb2 {
  margin: 0 auto 20px auto;
}
.ac.mb3 {
  margin: 0 auto 30px auto;
}
.ar.mt05 {
  margin: 5px 0 0 auto;
}
.ar.mt {
  margin: 0.8333rem 0 0 auto;
}
.ar.mt2 {
  margin: 20px 0 0 auto;
}
.ar.mt3 {
  margin: 30px 0 0 auto;
}
.ar.mb05 {
  margin: 0 0 5px auto;
}
.ar.mb {
  margin: 0 0 0.8333rem auto;
}
.ar.mb2 {
  margin: 0 0 20px auto;
}
.ar.mb3 {
  margin: 0 0 30px auto;
}

.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.tj {
  text-align: justify;
}
.ti {
  font-style: italic;
}

.bx {
  box-sizing: border-box;
}

.uC {
  text-transform: uppercase;
}
.b {
  font-weight: bold;
}
.n {
  font-weight: normal;
}
.f0 {
  font-size: 0;
}
.f8 {
  font-size: 0.6667rem;
}
.f9 {
  font-size: 0.75rem;
}
.f10 {
  font-size: 0.8333rem;
}
.f11 {
  font-size: 0.9167rem;
}
.f12 {
  font-size: 1rem;
}
.f13 {
  font-size: 1.083rem;
}
.f14 {
  font-size: 1.167rem;
}
.f15 {
  font-size: 1.25rem;
}
.f16 {
  font-size: 1.333rem;
}
.f17 {
  font-size: 1.417rem;
}
.f18 {
  font-size: 1.5rem;
}
.f19 {
  font-size: 1.583rem;
}
.f20 {
  font-size: 1.667rem;
}
.f21 {
  font-size: 1.75rem;
}
.f22 {
  font-size: 1.833rem;
}
.f23 {
  font-size: 1.917rem;
}
.f24 {
  font-size: 2rem;
}
.f25 {
  font-size: 2.083rem;
}
.f26 {
  font-size: 2.167rem;
}
.f27 {
  font-size: 2.25rem;
}
.f28 {
  font-size: 2.333rem;
}
.f29 {
  font-size: 2.417rem;
}
.f30 {
  font-size: 2.5rem;
}
.f35 {
  font-size: 2.917rem;
}
.f40 {
  font-size: 3.333rem;
}
.f45 {
  font-size: 3.75rem;
}
.f50 {
  font-size: 4.167rem;
}
.f55 {
  font-size: 4.583rem;
}
.f60 {
  font-size: 5rem;
}

.h100 {
  height: 100%;
}
.h90 {
  height: 90%;
}
.h50 {
  height: 50%;
}
.h25 {
  height: 25%;
}

.w100 {
  width: 100%;
}
.w95 {
  width: 95%;
}
.w90 {
  width: 90%;
}
.w80 {
  width: 80%;
}
.w75 {
  width: 75%;
}
.w70 {
  width: 70%;
}
.w66 {
  width: 66%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w40 {
  width: 40%;
}
.w33 {
  width: 33%;
}
.w30 {
  width: 30%;
}
.w25 {
  width: 25%;
}
.w20 {
  width: 20%;
}
.w15 {
  width: 15%;
}
.w10 {
  width: 10%;
}

.L33 {
  max-width: 33%;
}

.lf40 {
  left: 40%;
  position: relative;
}

.br {
  border: 1px solid red;
}
.bb {
  border: 1px solid blue;
}
.bp {
  border: 1px solid pink;
}

.bgW {
  background: #ffffff;
}
.bgB {
  background: #ccc;
}

.cp {
  cursor: pointer;
}

.tR9 {
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tR18 {
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tR27 {
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}
.tFh {
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
}
.tFv {
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
}

.bR1 {
  border-radius: 0.8333rem;
}
.bR5 {
  border-radius: 5px;
}

.bR1t {
  border-radius: 0.8333rem 0.8333rem 0 0;
}
.bR1tr {
  border-radius: 0 0.8333rem 0 0;
}
.bR1tl {
  border-radius: 0.8333rem 0 0 0;
}
.bR1b {
  border-radius: 0 0 0.8333rem 0.8333rem;
}
.bR1br {
  border-radius: 0 0 0.8333rem 0;
}

.bR5t {
  border-radius: 5px 5px 0 0;
}
.bR5tr {
  border-radius: 0 5px 0 0;
}
.bR5tl {
  border-radius: 5px 0 0 0;
}
.bR5b {
  border-radius: 0px 0px 5px 5px;
}
.bR5br {
  border-radius: 0 0 5px 0;
}

.nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 1800px) {
  body,
  html {
    font-size: 16px;
  }
}

.loader {
  margin: 0 0 2em;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}

.lowercase {
  text-transform: lowercase;
}
/*
  Set the color of the icon
*/
svg path,
svg rect {
  fill: #004525;
}

.logotipo {
  width: 300px;
  padding-top: 20px;
}
