/**
* Computes a CSS calc function that betweens a value from
* A to B over viewport-width A to viewport-width B.
* Requires 2 media queries to cap the upper (B) and lower (A) values.
*/
html {
  font-size: 100%;
  font-family: "oswald", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #393939;
}

body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.offers-wrap {
  max-width: 1500px;
  margin: 3rem auto;
  padding: 0 0.5rem;
  overflow: hidden;
}
.offers-wrap .offers {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0 -0.7rem;
}
@media (min-width: 62.375em) {
  .offers-wrap .offers {
    justify-content: space-between;
  }
}
.offers-wrap .offer {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 220px;
  max-width: 300px;
  margin: 0 0.7rem 2rem;
  padding: 0 0.875rem 1.3rem;
  background-color: #F7F7F7;
  border-radius: 4px;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.offers-wrap .offer h2 {
  display: flex;
  min-height: 40px;
  margin: 1rem 0 0;
}
.offers-wrap .offer h2 a {
  display: inline-block;
  margin: auto;
  padding: 0 0.5rem;
  color: #0b4677;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.offers-wrap .offer h2 a:hover, .offers-wrap .offer h2 a:focus, .offers-wrap .offer h2 a:active {
  color: #00bade;
  text-decoration: none;
}
.offers-wrap .offer__banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.5em;
  margin: 0;
  background: linear-gradient(to right, #0b4677, #00bade);
  border-radius: 4px 4px 0 0;
  box-sizing: content-box;
}
.offers-wrap .offer__img a {
  display: block;
  margin: 0.5rem 0;
}
.offers-wrap .offer__img a img {
  width: 185px;
  height: 120px;
}
.offers-wrap .offer__details {
  overflow: auto;
  width: 100%;
  max-height: 7em;
  margin: 0 auto;
  color: #393939;
  font-weight: 400;
}
.offers-wrap .offer__details.show-more {
  box-shadow: inset 0 -1.5rem 1.5rem -1.5rem rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.offers-wrap .offer__details.show-all {
  box-shadow: none;
  max-height: none;
}
.offers-wrap .offer__show-more-link {
  display: flex;
  align-items: center;
  margin: 1em auto;
  color: #393939 !important;
  font-weight: 600;
  font-size: 0.75rem;
  text-decoration: none;
}
.offers-wrap .offer__show-more-link:after {
  content: "";
  display: block;
  width: 1.25em;
  height: 1em;
  margin: 0 0 0 0.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2028%22%20height%3D%2220%22%20width%3D%2220%22%3E%0A%09%3Cpath%20fill%3D%22393939%22%20d%3D%22M25.172%2013c0%200.531-0.219%201.047-0.578%201.406l-10.172%2010.187c-0.375%200.359-0.891%200.578-1.422%200.578s-1.047-0.219-1.406-0.578l-10.172-10.187c-0.375-0.359-0.594-0.875-0.594-1.406s0.219-1.047%200.594-1.422l1.156-1.172c0.375-0.359%200.891-0.578%201.422-0.578s1.047%200.219%201.406%200.578l4.594%204.594v-11c0-1.094%200.906-2%202-2h2c1.094%200%202%200.906%202%202v11l4.594-4.594c0.359-0.359%200.875-0.578%201.406-0.578s1.047%200.219%201.422%200.578l1.172%201.172c0.359%200.375%200.578%200.891%200.578%201.422z%22%3E%3C/path%3E%0A%3C/svg%3E");
}
.offers-wrap .offer__show-more-link.hide:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2028%22%20height%3D%2220%22%20width%3D%2220%22%3E%0A%09%3Cpath%20fill%3D%22%23393939%22%20d%3D%22M25.172%2015.172c0%200.531-0.219%201.031-0.578%201.406l-1.172%201.172c-0.375%200.375-0.891%200.594-1.422%200.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0%201.125-0.938%201.828-2%201.828h-2c-1.062%200-2-0.703-2-1.828v-11l-4.594%204.578c-0.359%200.375-0.875%200.594-1.406%200.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047%200.594-1.422l10.172-10.172c0.359-0.375%200.875-0.578%201.406-0.578s1.047%200.203%201.422%200.578l10.172%2010.172c0.359%200.375%200.578%200.891%200.578%201.422z%22%3E%3C/path%3E%0A%3C/svg%3E");
}
.offers-wrap .offer__specs-wrap {
  padding: 0 0.25rem;
}
.offers-wrap .offer__specs-wrap .specs {
  width: 100%;
  font-size: 0.875rem;
}
.offers-wrap .offer__specs-wrap .specs dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.offers-wrap .offer__specs-wrap .specs dt {
  margin-right: 0.5rem;
  text-align: left;
}
.offers-wrap .offer__specs-wrap .specs dd {
  margin: 0;
  text-align: right;
}
.offers-wrap .offer__bullets {
  margin: 0 0 1em;
  font-size: 0.875rem;
  text-align: left;
}
.offers-wrap .offer__bullets ul {
  margin: 0;
  padding-left: 3ex;
  font-weight: 400;
  list-style-type: none;
}
.offers-wrap .offer__bullets ul li {
  margin-bottom: 0.25rem;
}
.offers-wrap .offer__bullets ul li:before {
  content: "";
  display: block;
  float: left;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.15em;
  margin-left: -1.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2051.5%2048%22%20height%3D%2270%22%20width%3D%2270%22%3E%0A%09%3Cpath%20fill%3D%225A5A5A%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}
.offers-wrap .offer__desc {
  margin: 0.5rem 0;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  text-align: left;
}
.offers-wrap .offer__disclaimer {
  margin: 0.5rem 0;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  font-style: italic;
  text-align: center;
}
.offers-wrap .offer__btn {
  display: none;
  margin: 1rem 0 0;
}
@media (min-width: 40em) {
  .offers-wrap .offer__btn {
    display: block;
  }
}
.offers-wrap .offer__btn-mobile {
  margin-bottom: 1em;
}
@media (min-width: 40em) {
  .offers-wrap .offer__btn-mobile {
    display: none;
  }
}
.offers-wrap .btn--apply {
  position: relative;
  display: inline-block;
  min-width: 9em;
  padding: 0.5em 1em;
  background-color: #2fdd08;
  border-radius: 0.25em;
  box-shadow: 0px 4px 10px #dcdcdc;
  color: #fff !important;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s, color 0.3s 0.3s;
}
.offers-wrap .btn--apply:hover {
  box-shadow: none;
  text-decoration: none;
}
.offers-wrap .btn--apply .icon {
  margin-top: -0.15em;
  margin-left: 0.25em;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
  vertical-align: middle;
}
.offers-wrap .csan-rates-fees-link-wrap {
  margin: 1em 0;
  font-size: 0.875rem;
}
.offers-wrap .csan-rates-fees-link {
  text-decoration: none;
}