@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: ""; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.8em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: border-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
	-   vertical-align          - Vertical align center
	-   icon          			- arguments: $index(Position), $size(Image px size), $image(Image name)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/* Vertical align center */
/* Horizontal align center */
.container {
  padding: 0 0;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%; }

@media only screen and (min-width: 641px) {
  .container {
    width: 85%; } }

@media only screen and (min-width: 961px) {
  .container {
    width: 70%; } }

.container .row {
  margin-left: 0;
  margin-right: 0; }

.section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .section.no-pad {
    padding: 0; }
  .section.no-pad-bot {
    padding-bottom: 0; }
  .section.no-pad-top {
    padding-top: 0; }

.row {
  margin-left: auto;
  margin-right: auto; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .row .col.s1 {
      width: 8.3333333333%;
      margin-left: 0; }
    .row .col.s2 {
      width: 16.6666666667%;
      margin-left: 0; }
    .row .col.s3 {
      width: 25%;
      margin-left: 0; }
    .row .col.s4 {
      width: 33.3333333333%;
      margin-left: 0; }
    .row .col.s5 {
      width: 41.6666666667%;
      margin-left: 0; }
    .row .col.s6 {
      width: 50%;
      margin-left: 0; }
    .row .col.s7 {
      width: 58.3333333333%;
      margin-left: 0; }
    .row .col.s8 {
      width: 66.6666666667%;
      margin-left: 0; }
    .row .col.s9 {
      width: 75%;
      margin-left: 0; }
    .row .col.s10 {
      width: 83.3333333333%;
      margin-left: 0; }
    .row .col.s11 {
      width: 91.6666666667%;
      margin-left: 0; }
    .row .col.s12 {
      width: 100%;
      margin-left: 0; }
    .row .col.offset-s1 {
      margin-left: 8.3333333333%; }
    .row .col.offset-s2 {
      margin-left: 16.6666666667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.3333333333%; }
    .row .col.offset-s5 {
      margin-left: 41.6666666667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.3333333333%; }
    .row .col.offset-s8 {
      margin-left: 66.6666666667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.3333333333%; }
    .row .col.offset-s11 {
      margin-left: 91.6666666667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
    @media only screen and (min-width: 641px) {
      .row .col.m1 {
        width: 8.3333333333%;
        margin-left: 0; }
      .row .col.m2 {
        width: 16.6666666667%;
        margin-left: 0; }
      .row .col.m3 {
        width: 25%;
        margin-left: 0; }
      .row .col.m4 {
        width: 33.3333333333%;
        margin-left: 0; }
      .row .col.m5 {
        width: 41.6666666667%;
        margin-left: 0; }
      .row .col.m6 {
        width: 50%;
        margin-left: 0; }
      .row .col.m7 {
        width: 58.3333333333%;
        margin-left: 0; }
      .row .col.m8 {
        width: 66.6666666667%;
        margin-left: 0; }
      .row .col.m9 {
        width: 75%;
        margin-left: 0; }
      .row .col.m10 {
        width: 83.3333333333%;
        margin-left: 0; }
      .row .col.m11 {
        width: 91.6666666667%;
        margin-left: 0; }
      .row .col.m12 {
        width: 100%;
        margin-left: 0; }
      .row .col.offset-m1 {
        margin-left: 8.3333333333%; }
      .row .col.offset-m2 {
        margin-left: 16.6666666667%; }
      .row .col.offset-m3 {
        margin-left: 25%; }
      .row .col.offset-m4 {
        margin-left: 33.3333333333%; }
      .row .col.offset-m5 {
        margin-left: 41.6666666667%; }
      .row .col.offset-m6 {
        margin-left: 50%; }
      .row .col.offset-m7 {
        margin-left: 58.3333333333%; }
      .row .col.offset-m8 {
        margin-left: 66.6666666667%; }
      .row .col.offset-m9 {
        margin-left: 75%; }
      .row .col.offset-m10 {
        margin-left: 83.3333333333%; }
      .row .col.offset-m11 {
        margin-left: 91.6666666667%; }
      .row .col.offset-m12 {
        margin-left: 100%; } }
    @media only screen and (min-width: 961px) {
      .row .col.l1 {
        width: 8.3333333333%;
        margin-left: 0; }
      .row .col.l2 {
        width: 16.6666666667%;
        margin-left: 0; }
      .row .col.l3 {
        width: 25%;
        margin-left: 0; }
      .row .col.l4 {
        width: 33.3333333333%;
        margin-left: 0; }
      .row .col.l5 {
        width: 41.6666666667%;
        margin-left: 0; }
      .row .col.l6 {
        width: 50%;
        margin-left: 0; }
      .row .col.l7 {
        width: 58.3333333333%;
        margin-left: 0; }
      .row .col.l8 {
        width: 66.6666666667%;
        margin-left: 0; }
      .row .col.l9 {
        width: 75%;
        margin-left: 0; }
      .row .col.l10 {
        width: 83.3333333333%;
        margin-left: 0; }
      .row .col.l11 {
        width: 91.6666666667%;
        margin-left: 0; }
      .row .col.l12 {
        width: 100%;
        margin-left: 0; }
      .row .col.offset-l1 {
        margin-left: 8.3333333333%; }
      .row .col.offset-l2 {
        margin-left: 16.6666666667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.3333333333%; }
      .row .col.offset-l5 {
        margin-left: 41.6666666667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.3333333333%; }
      .row .col.offset-l8 {
        margin-left: 66.6666666667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.3333333333%; }
      .row .col.offset-l11 {
        margin-left: 91.6666666667%; }
      .row .col.offset-l12 {
        margin-left: 100%; } }

/* Media query */
/* Example
---1160px---
	@media screen and (max-width : 1160px) {
	
	}

---959px---
	@media screen and (max-width : 959px) {
	
	}

---639px---
	@media screen and (max-width : 639px) {
	
	}

---481px---
	@media screen and (max-width : 481px) {
	
	}

*/
/* colors */
/* Primary Colors */
/* Grey Colors */
/*Source Sans Pro Font*/
html {
  font-size: 62.5%;
  /* Defining root font 10px*/ }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  background: #FFFFFF;
  color: #003146;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal; }

.headline {
  font-weight: 600;
  font-size: 4rem;
  font-style: italic;
  color: #c2c2c2; }

/*	Common button */
.buttons-container {
  text-align: center;
  margin: 3rem 0 2rem; }

.button {
  font-size: 2rem;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  padding: 1.7rem 4rem; }
  .button.blue {
    color: #FFFFFF;
    background: #003146;
    border: 1px solid #003146; }
  .button.white {
    color: #003146;
    background: #FFFFFF;
    border: 1px solid #003146; }
  .button.wide {
    padding-left: 6rem;
    padding-right: 6rem; }
  .button.left-margin {
    margin-left: 10rem; }
  .button.top-margin {
    margin-top: 3rem; }

/*	Checkbox */
.checkbox {
  text-align: left;
  color: #000000;
  margin: 0 0 1rem;
  font-size: 1.3rem; }
  .checkbox input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .checkbox input[type=checkbox].css-checkbox + label.css-label {
    text-indent: 0;
    padding-left: 2rem;
    font-weight: normal;
    min-height: 14px;
    line-height: 1;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -117px; }
  .checkbox input[type=checkbox].css-checkbox + label.css-label.error {
    background-position: 0 0; }
  .checkbox label.css-label {
    background-image: url(../images/chk-box.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .checkbox--mid {
    font-size: 1.4rem; }
    .checkbox--mid input[type=checkbox].css-checkbox:checked + label.css-label {
      background-position: 0 -116px; }
    .checkbox--mid label.css-label {
      background-image: url(../images/chk-box-mid.png); }

/*	Radio */
.radiobutton {
  margin: 0 0 1rem; }
  .radiobutton input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .radiobutton input[type=radio].css-checkbox + label.css-label {
    padding-left: 4.5rem;
    min-height: 34px;
    line-height: 1.4;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer; }
  .radiobutton input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -306px;
    color: #c2c2c2; }
  .radiobutton label.css-label {
    background-image: url(../images/radio-button.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.radioGroup {
  margin-left: 3rem; }

/*	Select box */
.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFFFFF url(../images/icon-arrow-down.svg) no-repeat right 16px center;
  background-size: 11px 6px;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #FFFFFF;
  width: 100%;
  position: relative; }

/* remove default arrow in IE */
select::-ms-expand {
  display: none; }

/*Media query*/
@media screen and (max-width: 959px) {
  .button.left-margin {
    margin-left: 5rem; }
  .radioGroup {
    margin-left: 2rem; } }

@media screen and (max-width: 639px) {
  .buttons-container {
    width: 90%;
    margin: 2rem auto;
    max-width: 340px; }
  .button {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1.7rem; }
    .button.left-margin {
      margin-left: 0; }
  .radiobutton input[type=radio].css-checkbox + label.css-label {
    padding-left: 3.2rem;
    min-height: 24px;
    line-height: 1.1; }
  .radiobutton input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -216px; }
  .radiobutton label.css-label {
    background-image: url(../images/radio-button-sm.png); }
  .radioGroup {
    margin-left: 1rem; } }

a, a:focus, a:active, a:hover {
  text-decoration: none;
  outline: 0 none; }

a {
  color: #003146;
  text-decoration: none; }

input, textarea, button {
  border: 0 none;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

ol {
  margin: 0;
  padding: 0; }

ul li, p {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Oswald", sans-serif; }

*:focus {
  outline: none; }

/*	Common classes	*/
.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.hide {
  display: none; }

.show {
  display: block; }

.mobile {
  display: none; }

.nonmobile {
  display: block; }

.hideOverflow {
  overflow: hidden; }

.clear, .thanks-container {
  clear: both; }
  .clear:after, .thanks-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.body-copy, .main-container {
  font-size: 2.5rem; }

.main-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  width: 100%; }

.page-wrapper {
  max-width: 944px;
  width: 94%;
  margin: 0 auto; }

/*	Common listing	- Just add 'listing' wrapper class above any ul or ol blocks */
.listing {
  line-height: 1.2; }
  .listing ol, .listing ul {
    margin-left: 2rem; }
    .listing ol li, .listing ul li {
      list-style-position: outside;
      margin-bottom: 1rem; }
  .listing ul {
    list-style-type: disc;
    margin-top: 0.5rem; }
    .listing ul ul {
      list-style-type: circle; }
      .listing ul ul ul {
        list-style-type: square; }
        .listing ul ul ul ul {
          list-style-type: upper-alpha; }
  .listing ol {
    list-style-type: decimal; }
    .listing ol ol {
      list-style-type: upper-roman; }
      .listing ol ol ol {
        list-style-type: lower-roman; }
        .listing ol ol ol ol {
          list-style-type: lower-alpha; }

/**/
/*	Common table style	- Just add 'table-grid' wrapper class above any table blocks */
.table-grid {
  margin-bottom: 2rem;
  overflow-x: auto; }
  .table-grid table {
    border-collapse: collapse;
    width: 100%; }
    .table-grid table th, .table-grid table td {
      padding: 1rem;
      border: 1px solid #BDBDBD;
      text-align: left; }
    .table-grid table tr:nth-child(even) {
      background-color: #E5E5E5; }
    .table-grid table th {
      background-color: #1dbdc6;
      color: white; }

/*Default section class*/
.default-section {
  padding: 4.5rem 2rem; }
  .default-section p {
    font-weight: 600;
    font-size: 2.4rem;
    margin-bottom: 1rem; }

/* Common Text Alignment Classes */
.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

/*Error*/
.error-msg {
  color: #ee1d47;
  margin-bottom: 2rem; }

/*Media query*/
@media screen and (max-width: 959px) {
  /*---959px---*/
  .main-container {
    max-width: 96%; }
  .body-copy, .main-container {
    font-size: 2.1rem; }
  .mobile {
    display: block; }
  .nonmobile {
    display: none; } }

@media screen and (max-width: 639px) {
  .body-copy, .main-container {
    font-size: 1.9rem; } }

@media screen and (max-width: 481px) {
  .body-copy, .main-container {
    font-size: 1.7rem; }
  .default-section p {
    font-size: 1.9rem; } }

/*---Misc classses---*/
.main-container .main-header, .main-container .main-footer, .main-container .site-content {
  max-width: 1200px;
  width: 100%; }

header.top-header {
  margin: 0 auto;
  max-width: 1200px;
  position: fixed;
  width: 100%;
  background-color: #FFFFFF;
  top: 0;
  z-index: 1000; }
  header.top-header .logo {
    position: absolute;
    left: 2rem;
    top: 1rem; }
    header.top-header .logo img {
      max-width: 100%;
      height: auto; }
  header.top-header .promo-title {
    text-align: center;
    padding: 2rem 0; }
    header.top-header .promo-title a {
      font-family: "Oswald", sans-serif;
      font-size: 4.2rem; }
  header.top-header .how-to-enroll {
    position: absolute;
    right: 0;
    top: 3rem; }
    header.top-header .how-to-enroll a {
      font-size: 1.4rem;
      background: #eb7e11;
      text-transform: uppercase;
      padding: 1.2rem 1.5rem;
      font-weight: 600;
      display: block; }

.mobile-toggle {
  display: none;
  cursor: pointer;
  background: url(../images/mobile-menu.png) 0 0 no-repeat;
  position: absolute;
  z-index: 10;
  top: 7rem;
  right: 5%;
  width: 40px;
  height: 40px;
  -khtml-transition: all 200ms ease-in;
  transition: all 200ms ease-in; }

.open-nav .mobile-toggle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

.header-menu {
  background: #003146;
  padding: 2rem; }
  .header-menu ul {
    text-align: center; }
    .header-menu ul li {
      display: inline-block;
      font-family: "Oswald", sans-serif;
      font-size: 2.2rem;
      padding: 0 2.3rem; }
      .header-menu ul li a {
        color: #FFFFFF; }
        .header-menu ul li a:hover {
          color: #ef632f; }

.innerContent {
  padding: 5rem 0; }

.page-content {
  background: #FFFFFF;
  padding-bottom: 4rem; }
  .page-content.gamespg {
    padding-bottom: 0; }

.thanks-container {
  width: 88%;
  margin: 0 auto;
  padding: 6rem 0 2rem; }
  .thanks-container .banner {
    width: 52%;
    float: left;
    padding: 0; }
  .thanks-container .copy-area {
    float: right;
    width: 46%;
    padding-top: 4rem; }
  .thanks-container .buttons-container {
    float: right;
    width: 46%;
    margin-top: 0; }
    .thanks-container .buttons-container .button {
      display: block;
      margin: 0 auto;
      width: 70%;
      padding-left: 0;
      padding-right: 0; }
  .thanks-container .or-copy {
    color: #003146;
    margin: 1rem 0; }

.banner {
  padding: 3rem 0; }
  .banner img {
    width: 100%;
    height: auto; }

.copy-area {
  padding: 1.5rem 0;
  color: #003146;
  text-align: center; }
  .copy-area h2 {
    margin-bottom: 4rem;
    font-size: 4.2rem; }
  .copy-area p {
    margin: 0 auto 2.5rem;
    width: 96%;
    max-width: 810px; }

.gamerow {
  background: #c2c2c2;
  overflow: hidden; }
  .gamerow .gamePuzzle, .gamerow .gameSpotDifference {
    position: relative; }
    .gamerow .gamePuzzle canvas, .gamerow .gameSpotDifference canvas {
      background-color: #ee1d47 !important; }
    .gamerow .gamePuzzle .gameplayarea, .gamerow .gameSpotDifference .gameplayarea {
      position: relative;
      z-index: 1;
      width: 100%; }
    .gamerow .gamePuzzle .hidegamewrapper, .gamerow .gameSpotDifference .hidegamewrapper {
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 49, 71, 0.95); }

.form-container {
  margin: 0 auto;
  max-width: 810px;
  width: 94%; }
  .form-container h3 {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 1rem; }
  .form-container .form-group {
    margin-bottom: 1.5rem; }
  .form-container .form-control {
    -khtml-border-radius: 0;
    border-radius: 0;
    color: #003146;
    border: 1px solid #003146;
    font-size: 1.9rem;
    width: 100%;
    padding: 0.5rem 1rem; }
  .form-container .has-error .help-block, .form-container .has-error .checkbox, .form-container .has-error .checkbox-inline, .form-container .has-error .control-label, .form-container .has-error .radio, .form-container .has-error .radio-inline {
    color: #ee1d47; }
  .form-container .has-error.checkbox label, .form-container .has-error.checkbox-inline label, .form-container .has-error.radio-inline label {
    color: #ee1d47; }
  .form-container .has-error .form-control {
    border-color: #ee1d47; }
  .form-container .hide-label {
    display: none; }
  .form-container .g-coolcaptcha {
    -khtml-border-radius: 0;
    border-radius: 0;
    border-color: #003146; }
  .form-container .dropdown-toggle.button {
    margin-right: 1rem;
    padding: 1rem 2.5rem;
    font-size: 1.6rem;
    -khtml-border-radius: 0;
    border-radius: 0; }
  .form-container .input-small {
    max-width: 88px; }
  .form-container.survey-content .form-group {
    margin-bottom: 2.5rem; }

footer.bottom-links {
  font-size: 1.6rem;
  padding: 2rem 0;
  text-align: center;
  position: relative;
  background-color: #003146; }
  footer.bottom-links a {
    color: #FFFFFF; }
  footer.bottom-links .lang {
    position: absolute;
    right: 2rem;
    top: 2rem;
    font-size: 1.6rem; }
    footer.bottom-links .lang a {
      text-decoration: underline; }
  footer.bottom-links .call-us {
    margin-bottom: 2rem;
    color: #FFFFFF; }
  footer.bottom-links .social-links {
    margin-bottom: 2rem; }
  footer.bottom-links .copyright {
    color: #FFFFFF;
    font-size: 1.6rem; }

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 46%;
  font-size: 2.5rem;
  max-width: 700px;
  position: fixed;
  color: #003146;
  max-height: 90%;
  text-align: center;
  z-index: 9999;
  border-radius: 0;
  padding: 4rem 3rem;
  background: #FFFFFF;
  border: 4px solid #d8d8d8;
  overflow: auto; }
  .reveal-modal.large {
    width: 90%;
    max-width: 1080px; }
  .reveal-modal.page-scoll {
    overflow: auto; }
  .reveal-modal .survey-content {
    text-align: left;
    font-size: 2.1rem; }
  .reveal-modal .rules-content {
    text-align: left;
    font-size: 1.7rem; }
  .reveal-modal .mclose {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 11px;
    color: #000;
    border: solid 1px #000;
    padding: 2px 4px;
    line-height: 1;
    margin: 0; }
  .reveal-modal h2 {
    font-size: 4.1rem;
    text-align: center;
    margin-bottom: 2rem; }
  .reveal-modal h3 {
    font-size: 2.1rem; }
  .reveal-modal h4 {
    font-size: 4rem;
    margin-bottom: 1rem; }
  .reveal-modal p {
    margin-bottom: 2rem;
    line-height: 1.2; }
  .reveal-modal .close-reveal-modal {
    right: -10px;
    top: -15px; }

.sharebox {
  text-align: center;
  margin: 3rem 0 3rem; }
  .sharebox h3 {
    display: inline-block;
    border-bottom: 1px solid #58595b;
    color: #58595b;
    padding: 4px 9rem;
    font-size: 2rem;
    text-transform: uppercase; }
  .sharebox a {
    width: 38px;
    height: 38px;
    margin: 1rem;
    display: inline-block; }
  .sharebox div {
    font-size: 2rem; }

@media screen and (max-width: 1160px) {
  .thanks-container .copy-area {
    padding-top: 0; } }

@media screen and (max-width: 959px) {
  header.top-header {
    left: 0;
    background: #003146; }
    header.top-header .logo {
      top: 5rem; }
    header.top-header .promo-title a {
      font-size: 3.4rem;
      color: #FFFFFF; }
    header.top-header .how-to-enroll {
      position: relative;
      top: 0;
      text-align: center; }
      header.top-header .how-to-enroll a {
        font-size: 2rem; }
  .header-menu {
    display: none;
    height: 100vh; }
    .header-menu ul li {
      display: block;
      text-align: right;
      font-size: 2.5rem;
      padding: 1rem 0; }
      .header-menu ul li a {
        display: block; }
  .mobile-toggle {
    display: block; }
  .open-nav .mobile-toggle {
    background-position: -40px 0; }
  .open-nav .header-menu {
    display: block; }
  .banner {
    padding: 4rem 0; }
  .copy-area h2 {
    margin-bottom: 3rem;
    font-size: 3.4rem; }
  .thanks-container {
    padding: 4rem 0 2rem; }
    .thanks-container .banner {
      width: 100%;
      float: none;
      margin-bottom: 3rem; }
    .thanks-container .copy-area {
      width: 100%;
      float: none; }
    .thanks-container .buttons-container {
      width: 100%;
      float: none; }
  footer.bottom-links .lang {
    position: static;
    margin-bottom: 2rem; }
  .reveal-modal h2 {
    font-size: 3.4rem; }
  .reveal-modal .survey-content {
    font-size: 1.8rem; }
  .reveal-modal .rules-content {
    font-size: 1.6rem; }
  .reveal-modal h3 {
    font-size: 1.8rem; } }

@media screen and (max-width: 639px) {
  header.top-header .logo {
    width: 90px; }
  header.top-header .promo-title {
    height: 7rem; }
    header.top-header .promo-title a {
      display: none; }
  .header-menu ul li {
    padding: 0.5rem 0; }
  .banner {
    padding: 3rem 0; }
  .copy-area {
    padding: 1rem 2%; }
    .copy-area h2 {
      margin-bottom: 2rem;
      font-size: 2.8rem; }
    .copy-area p {
      margin-bottom: 1.5rem; }
  .thanks-container .buttons-container .button {
    width: 100%; }
  .complete-container .buttons-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    .complete-container .buttons-container .blue {
      -ms-flex-order: 2;
      order: 2; }
    .complete-container .buttons-container .white {
      -ms-flex-order: 1;
      order: 1; }
  .form-container label.dob {
    display: block; }
  .form-container .dropdown-toggle.button {
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    padding: 1rem 2rem; }
  .reveal-modal {
    padding: 3rem 2rem; }
    .reveal-modal h2 {
      font-size: 2.8rem; }
    .reveal-modal h3 {
      font-size: 1.7rem; }
    .reveal-modal .survey-content {
      font-size: 1.7rem; }
    .reveal-modal .rules-content {
      font-size: 1.5rem; }
  .sharebox div {
    font-size: 1.7rem; } }

@media screen and (max-width: 481px) {
  header.top-header {
    /*.logo{float:none; text-align:center; padding-top:1rem;}
		.promo-title{ text-align:center; padding: 1rem 0;
			a{ font-size:2.6rem; }	
		}*/ }
  .banner {
    padding: 2rem 0; }
  .copy-area h2 {
    font-size: 2.6rem; }
  .reveal-modal {
    width: 87%; }
    .reveal-modal h2 {
      font-size: 2.4rem; }
    .reveal-modal h3 {
      font-size: 1.6rem; }
    .reveal-modal .survey-content {
      font-size: 1.6rem; }
    .reveal-modal .rules-content {
      font-size: 1.4rem; }
    .reveal-modal h4 {
      font-size: 3rem; }
    .reveal-modal p {
      font-size: 1.5rem; } }

.gamerow .gameSpotDifference {
  padding-bottom: 5rem; }

.gamerow .spotDifference {
  padding: 8rem 2.5rem 0; }
  .gamerow .spotDifference .game-click-section {
    padding-bottom: 1.5rem; }
    .gamerow .spotDifference .game-click-section .left-img {
      width: 49%; }
      .gamerow .spotDifference .game-click-section .left-img img {
        width: 100%;
        height: auto; }
    .gamerow .spotDifference .game-click-section .right-img {
      width: 49%; }
      .gamerow .spotDifference .game-click-section .right-img img {
        width: 100%;
        height: auto; }
  .gamerow .spotDifference .result-container img {
    width: 98%;
    height: auto; }

/*Media query*/
@media screen and (max-width: 639px) {
  .gamerow .spotDifference {
    padding: 8rem 3.5rem 0; }
    .gamerow .spotDifference .game-click-section .left-img {
      float: none;
      width: 100%;
      margin-bottom: 1rem; }
    .gamerow .spotDifference .game-click-section .right-img {
      float: none;
      width: 100%; } }

/*# sourceMappingURL=app.css.map */