@charset "UTF-8";
/* CSS Document */

body {
  background: #ffffff;
  text-align: center;
  margin: 0 auto;
}

img,
p,
h5,
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}

#container {
  width: 800px;
  height: auto;
  margin: 0 auto;
  position: relative;
}

/* Fonts */

@font-face {
  font-family: "HelveticaNeueLTPro-Ex";
  src: url("fonts/HelveticaNeueLTPro-Ex.eot");
  src: local("HelveticaNeueLTPro-Ex"),
    url("../fonts/HelveticaNeueLTPro-Ex.woff") format("woff"),
    url("fonts/HelveticaNeueLTPro-Ex.ttf")
      format("truetype"),
    url("fonts/HelveticaNeueLTPro-Ex.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTPro-Lt";
  src: url("fonts/HelveticaNeueLTPro-Lt.eot");
  src: local("HelveticaNeueLTPro-Lt"),
    url("../fonts/HelveticaNeueLTPro-Lt.woff") format("woff"),
    url("fonts/HelveticaNeueLTPro-Lt.ttf")
      format("truetype"),
    url("fonts/HelveticaNeueLTPro-Lt.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTPro-Md";
  src: url("fonts/HelveticaNeueLTPro-Md.eot");
  src: local("HelveticaNeueLTPro-Md"),
    url("fonts/HelveticaNeueLTPro-Md.woff") format("woff"),
    url("fonts/HelveticaNeueLTPro-Md.ttf")
      format("truetype"),
    url("fonts/HelveticaNeueLTPro-Md.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTPro-HvCnO";
  src: url("fonts/HelveticaNeueLTPro-HvCnO.eot");
  src: local("HelveticaNeueLTPro-HvCnO"),
    url("fonts/HelveticaNeueLTPro-HvCnO.woff")
      format("woff"),
    url("fonts/HelveticaNeueLTPro-HvCnO.ttf")
      format("truetype"),
    url("fonts/HelveticaNeueLTPro-HvCnO.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Typography */

.nba ol {
    padding-left: 20px;
    font-weight: bold;
}

p, ol {
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #3a3a3a;
  font-size: 1.1em;
}

h1 {
  font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  letter-spacing: -1px;
  font-weight: normal;
  font-size: 2.3em;
  padding: 0;
  margin: 20px 0 18px 0;
  color: #fff;
}

h2 {
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  letter-spacing: -1px;
  font-weight: normal;
  font-size: 1em;
  padding: 15px 0 10px 0;
  margin: 0;
}

h3 {
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  font-weight: normal;
  font-size: 1.1em;
  padding: 0;
  margin: 0;
  color: #fff;
}

h4 {
  font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.7em;
  padding: 0 0 5px 0;
  margin: 0;
  color: #858183;
}

#subhead {
  margin: -10px 0 0 0;
  padding: 0;
  text-align: center;
}

a {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

a:hover {
  color: #b82626;
}

a:visited {
  color: #b82626;
}

a:active {
  color: #3a3a3a;
}

.hextended {
  font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
}

.hmedium {
  font-family: "HelveticaNeueLTPro-Md", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
}

.hlight {
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
}

.hheavycondob {
  font-family: "HelveticaNeueLTPro-HvCnO", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
}

.lineheight26 {
  line-height: 26px;
}

.linespace20 {
  margin: 0 0 20px 0;
}

.nodesktop {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.print-only {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* Colours */

.red {
  color: #b82626;
}

.green {
  color: #318840;
}

.gray {
  color: #858183;
}

.orange {
  color: #ed7d31;
}
.pink {
  color: #d43873;
}

.blue, .nba a:hover, .nba a:visited {
  color: #0064ff;
}

/* Weight */

.boldtext {
  font-weight: bold;
  font-size: 1.2em;
}

/* Header Navigation */

#hamburger {
  display: none;
}

.logo {
  margin: 40px 0 10px 0;
  width: 260px;
  height: 43px;
  /* float: left; */
  position: relative;
  z-index: 999;
}
#logo-index {
  background: url(../img/airG_logo.png) no-repeat;
}
#logo-comunidad {
  background: url(../img/logo.png) no-repeat;
}
#logo-mmv {
  background: url(../img/logo-mini-me.jpg) no-repeat;
  background-size: contain;
  height: 75px;
  margin: 20px 0 0 0;
}
#logo-nba {
  background: url(../img/logo-nba.png) no-repeat;
  background-size: contain;
  height: 70px;
  margin-bottom: -15px;
}

#logo-juegaya {
  background: url(../img/logo_juega_ya.png) no-repeat;
  background-size: 189px 45px;
}

#menuOLD {
  text-align: right;
  /* float: right; */
  position: relative;
  margin: 20px 0;
  border-top: solid 1px #b82626;
  border-bottom: solid 1px #b82626;
  height: 27px;
  padding: 5px 0 0 0;
  z-index: 999;
}

#menuOLD ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

#menuOLD li {
  color: #b82626;
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  margin: 0 30px 0 0;
  list-style: none;
  font-size: 1em;
  line-height: 1.3em;
  padding: 0;
  flex: 1;
  text-align: center;
}

#menuOLD li a:link {
  color: #b82626;
}

#menuOLD li a:hover {
  border-bottom: solid 3px #cd2b2b;
  color: #cd2b2b;
  padding: 0 0 1px 0;
}

#menuOLD li a:visited {
  color: #b82626;
}

#menuOLD .active {
  border-bottom: solid 3px #b82626;
}

/* Body Elements */

#alwaysonline p {
  margin-bottom: 20px;
}

#instructions {
  text-align: left;
}

#instructions #header {
  text-align: center;
  color: #b82626;
}

#instructions #numbers {
  margin: 0 0 0 20px;
}

#instructions-altpages {
  text-align: left;
  margin: 0 0 50px 0;
}

#instructions-altpages p {
  font-size: 1em;
  font-weight: lighter;
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 26px;
  margin: auto 0;
  color: #858183;
}

#benefits {
  background: url(../img/bg-orangequilt.jpg) no-repeat;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  clear: both;
  position: relative;
  min-height: 755px;
  text-align: left;
  margin: 0 0 30px 0;
}

#benefits #body {
  margin: 0 40px;
  padding: 10px;
  background: #fff;
}

#benefits #body p {
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 23px;
  margin: auto 0;
  color: #858183;
  font-size: 0.9em;
}

#benefits #body h5 {
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  font-size: 1em;
  color: #00b2b0;
  margin: 0 0 3px 0;
  padding: 0;
}

#benefits #vipbadge {
  position: absolute;
  top: 16px;
  right: 55px;
  background: url(../img/vip-badge-3.png) no-repeat;
  width: 184px;
  height: 103px;
}

#girl {
  background: url(../img/girl.jpg) 40px 0px no-repeat;
  height: 520px;
  padding-left: 380px;
}

#divider {
  background: url(../img/line-shadow.png) no-repeat;
  width: 800px;
  height: 58px;
  clear: both;
}

/** Terms **/

#terms #header {
  background-color: #6a0400;
  height: 33px;
  padding: 11px 0 0 13px;
  text-align: left;
  margin-top: 30px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#terms #content {
  background-color: #f2f2f2;
  border: solid 2px #6a0400;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 500px;
}

#termbody p {
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 26px;
  margin: 0 0 20px 0;
}

#termbody a:link {
  color: #b82626;
}

#termbody a:active {
  color: #3a3a3a;
}

/** Finisher **/

#finisher {
  /**background: url(../img/line-shadow.png) no-repeat;**/
  margin: 12px 0 0 0;
  padding: 20px 0 0 0;
  height: 346px;
}

#finisher #phone {
  float: left;
  margin: 0 -20px;
}

#finisher #lastcta {
  margin: 20px 0 0 0;
  padding-right: 40px;
}

#finisher #lastcta #header {
  font-size: 1.7em;
}

#finisher #lastcta #body {
  font-size: 1em;
}

#finisher #lastcta #vipbadge {
  background: url(../img/vip-badge.png) no-repeat;
  height: 87px;
  position: relative;
  margin-left: 467px;
}

#FAQ a:link {
  color: #858183;
}

#FAQ a:visited {
  color: #858183;
}

#FAQ-granja a:link {
  color: #858183;
}

#FAQ-granja a:visited {
  color: #858183;
}

/** FAQ **/

#questions {
  padding: 140px 0 0 0;
  color: #858183;
  text-align: left;
}

#questions h1 {
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  line-height: 1.2em;
  font-size: 1.2em;
  letter-spacing: normal;
  margin: 10px 0;
  padding: 0;
}

#questions p {
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  line-height: 26px;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  width: 600px;
  color: #858183;
  border-bottom: solid 1px #cccccc;
}

#questions .noborder {
  border-bottom: none;
}

/** Footer **/
#footer {
  height: 75px;
  background-color: #f7f7f7;
  width: 100%;
  font-size: 0.9em;
  margin-bottom: -10px;
}
.site-footer--logo {
  float: left;
  padding-top: 16px;
  padding-left: 10px;
}
.site-footer--nav {
  line-height: 75px;
  float: left;
}
.logo-airg {
  width: 85px;
  height: 43px;
  position: relative;
  z-index: 999;
}
#logo-airg {
  background: url(../img/airg-logo.png) no-repeat;
}
#footer a:link {
  color: #858183;
  font-weight: bold;
}
#footer a:hover {
  color: #222;
  transition: color ease-in-out 0.15s;
}
#footer a:visited {
  color: #858183;
}
#footer a:active {
  color: #b82626;
}
#footer ul {
  text-align: center;
  margin: 0;
  padding: 0;
}
#footer li {
  float: left;
  margin: 0 10px 0 10px;
  list-style: none;
}
#footer #copyright {
  float: left;
  line-height: 75px;
  margin: 0 0 0 10px;
  font-style: oblique;
}
#footer #backtotop {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* Text Layout */

.firstp {
  padding: 30px 0 0 0;
  clear: both;
  text-align: left;
  float: left;
}

.threefourtypx {
  width: 340px;
}

.fivehundredpx {
  width: 500px;
}

.sixhundredpx {
  width: 600px;
}

.eighthundredpx {
  width: 800px;
}

.text1col p {
  font-size: 1em;
  font-weight: lighter;
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 26px;
  margin: 0 0 20px 0;
  color: #858183;
}

.text3col p {
  font-size: 1em;
  float: left;
  width: 240px;
  font-weight: lighter;
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 26px;
  margin: 0 16px 20px 0;
  padding: 5px;
  color: #858183;
}

.textleft {
  text-align: left;
}

#credits-header {
  float: left;
  margin-top: 30px;
}

#chart {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  clear: left;
  overflow: hidden;
  margin-bottom: 30px;
  width: 340px;
}

#chart table {
  width: 340px;
}

#chart p {
  font-size: 1em;
  font-weight: lighter;
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  color: #858183;
  margin: 6px 0 0 0;
}

#chart header {
  background: #e6e6e6;
}

/* La Granja Elements */

#granja-maingraphic {
  /*background: url(../img/bg-lagranja.jpg) 0 130px no-repeat;*/
  position: relative;
  clear: both;
}

#granja-header {
  background: #b6d54c;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 20px;
  padding: 14px;
  clear: left;
  vertical-align: middle;
}

#granja-step {
  background: #fff;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 22px;
  margin-bottom: 16px;
}

#granja-step p {
  font-size: 1em;
  font-weight: lighter;
  font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  line-height: 26px;
  width: 560px;
  margin: 10px auto 5px auto;
  color: #858183;
}

#granja-freeplay {
  padding: 0 100px;
  clear: left;
}

#granja-credits {
  background: url(../img/lagranja-credits.jpg) no-repeat;
  width: 405px;
  height: 216px;
  float: left;
  margin: -40px 0 0 40px;
}

/* Button Styles */

#sms-moreinfo {
  background: #b6b6b6;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 9px 0 3px 0;
  height: 30px;
  text-align: center;
  width: 300px;
  margin: 20px 120px 0 0;
  position: relative;
  left: 40px;
}

#sms-moreinfo-small {
  background: #b6b6b6;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  padding: 0;
  height: 30px;
  text-align: center;
  width: 150px;
  margin: 15px 20px 20px 0;
  position: relative;
  left: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  text-align: center;
}

#sms-moreinfo-small:hover {
  background: #bfbfbf;
}

#sms-moreinfo-small:active {
  background: #a5a5a5;
}

#sms-moreinfo-mobile {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#sms-moreinfo:hover {
  background: #bfbfbf;
}

#sms-moreinfo:active {
  background: #a5a5a5;
}

#sms-moreinfo img {
  margin-left: 60px;
}

#btn-text {
  font-family: "Helvetica Neue", Helvetica, Arial,
    Sans-Serif;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #fff;
  float: left;
  margin: 0 0 0 5px;
}

input {
  height: 25px;
  width: 200px;
  padding: 3px;
  border-style: none;
  font-size: 1em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .nodesktop {
    visibility: visible;
    width: auto;
    height: auto;
    position: relative;
  }

  #terms #header {
    background-color: #6a0400;
    height: 33px;
    padding: 11px 13px 0 13px;
    text-align: right;
    margin-top: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }

  #terms #content {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    overflow: hidden;
  }

  #terms #arrow {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    padding: 0 0 8px 0;
  }

  #termbody p {
    font-family: "HelveticaNeueLTPro-Lt", "Helvetica Neue",
      Helvetica, Arial, Sans-Serif;
    line-height: 2em;
    margin: 0 0 20px 0;
  }
}

/*#harvest page*/
/* same layout also used by mmv */

.featured-image {
  text-align: center;
}
.featured-image img {
}
.side-by-2 img {
  float: left;
  margin: 20px;
}
.side-by-2 {
  overflow: auto;
  margin: 0 auto;
  width: 680px;
}
#harvest h1,
#harvest h4,
#harvest h5 {
  margin-bottom: 1.5rem;
  font-family: "HelveticaNeueLTPro-Ex", "Helvetica Neue",
    Helvetica, Arial, Sans-Serif;
  text-align: left;
}

#harvest.mmv h4 {
  margin-bottom: 0;
}

#harvest h4.orange {
  text-align: center;
}

#harvest h1 {
  font-size: 1.7em;
  font-weight: lighter;
  font-size: 1.7em;
  padding: 0 0 5px 0;
  margin: 0;
  color: #858183;
}

#harvest h5 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 1.1rem;
}
#harvest hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 0;
  border-top: 1px solid #eaeaea;
}
#harvest p, #harvest ol {
  margin-bottom: 2rem;
  text-align: left;
  font-size: 1.1em;
  line-height: 26px;
}
#harvest p.red {
  margin-bottom: 0;
}