/*--------------------------------------------------------*/
/*	GRID VARIABLES
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*	UTILS 
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*	GRID FUNCTIONS
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*	SCAFFOLD
/*--------------------------------------------------------*/
*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.gridlock .row {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
.gridlock .row:after {
  height: 0;
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  visibility: hidden;
}
.gridlock .row .row {
  width: 103.472%;
  margin-left: -1.736%;
  margin-right: -1.736%;
}
.gridlock .row .contained .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.gridlock .row [class*="all-"],
.gridlock .row [class*="min-"],
.gridlock .row [class*="sm-"],
.gridlock .row [class*="md-"],
.gridlock .row [class*="lg-"],
.gridlock .row [class*="max-"] {
  float: left;
  margin-left: 1.736%;
  margin-right: 1.736%;
  margin-top: 1.736%;
  margin-bottom: 1.736%;
}
.gridlock .row [class*="all-"].padded,
.gridlock .row [class*="min-"].padded,
.gridlock .row [class*="sm-"].padded,
.gridlock .row [class*="md-"].padded,
.gridlock .row [class*="lg-"].padded,
.gridlock .row [class*="max-"].padded {
  box-sizing: content-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.736%;
  padding-right: 1.736%;
}
.gridlock .row [class*="all-"].contained,
.gridlock .row [class*="min-"].contained,
.gridlock .row [class*="sm-"].contained,
.gridlock .row [class*="md-"].contained,
.gridlock .row [class*="lg-"].contained,
.gridlock .row [class*="max-"].contained {
  margin-left: 0;
  margin-right: 0;
}
.gridlock .row [class*="all-"].right,
.gridlock .row [class*="min-"].right,
.gridlock .row [class*="sm-"].right,
.gridlock .row [class*="md-"].right,
.gridlock .row [class*="lg-"].right,
.gridlock .row [class*="max-"].right {
  float: right;
}
@media screen and (min-width: 500px) {
  .gridlock .row {
    width: 480px;
  }
}
@media screen and (min-width: 740px) {
  .gridlock .row {
    width: 720px;
  }
}
@media screen and (min-width: 1040px) {
  .gridlock .row {
    width: 1020px;
  }
}
@media screen and (min-width: 1040px) {
  .gridlock .row {
    width: 1020px;
  }
}
.gridlock-fluid .row {
  width: 98%;
  max-width: 1040px;
}
@media screen and (max-width: 740px) {
  .gridlock-mobile-fluid .row {
    width: 98%;
  }
}
.gridlock .row .all-fifth {
  width: 16.528%;
}
.gridlock .row .all-fourth {
  width: 21.528%;
}
.gridlock .row .all-third {
  width: 29.861333333333334%;
}
.gridlock .row .all-half {
  width: 46.528%;
}
.gridlock .row .all-full {
  width: 96.528%;
}
.gridlock .row .all-push-fifth {
  margin-left: 21.736%;
}
.gridlock .row .all-push-fourth {
  margin-left: 26.736%;
}
.gridlock .row .all-push-third {
  margin-left: 35.06933333333333%;
}
.gridlock .row .all-push-half {
  margin-left: 51.736%;
}
.gridlock .row .contained.all-fifth {
  width: 20%;
}
.gridlock .row .contained.all-fourth {
  width: 25%;
}
.gridlock .row .contained.all-third {
  width: 33.333333333333336%;
}
.gridlock .row .contained.all-half {
  width: 50%;
}
.gridlock .row .contained.all-full {
  width: 100%;
}
.gridlock .row .contained.all-push-fifth {
  margin-left: 20%;
}
.gridlock .row .contained.all-push-fourth {
  margin-left: 25%;
}
.gridlock .row .contained.all-push-third {
  margin-left: 33.333333333333336%;
}
.gridlock .row .contained.all-push-half {
  margin-left: 50%;
}
.gridlock .row [class*="all-"].centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.gridlock .row .all-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.gridlock .row .all-text-left {
  text-align: left;
}
.gridlock .row .all-text-right {
  text-align: right;
}
.gridlock .row .all-text-center {
  text-align: center;
}
.gridlock .row .all-hide {
  display: none;
}
@media screen and (max-width: 500px) {
  .gridlock .row .min-1 {
    width: 21.528%;
  }
  .gridlock .row .min-2 {
    width: 46.528%;
  }
  .gridlock .row .min-3 {
    width: 71.528%;
  }
  .gridlock .row .min-4 {
    width: 96.528%;
  }
  .gridlock .row .min-push-1 {
    margin-left: 26.736%;
  }
  .gridlock .row .min-push-2 {
    margin-left: 51.736%;
  }
  .gridlock .row .min-push-3 {
    margin-left: 76.736%;
  }
  .gridlock .row .min-push-4 {
    margin-left: 101.736%;
  }
  .gridlock .row .contained.min-1 {
    width: 25%;
  }
  .gridlock .row .contained.min-2 {
    width: 50%;
  }
  .gridlock .row .contained.min-3 {
    width: 75%;
  }
  .gridlock .row .contained.min-4 {
    width: 100%;
  }
  .gridlock .row .contained.min-push-1 {
    margin-left: 25%;
  }
  .gridlock .row .contained.min-push-2 {
    margin-left: 50%;
  }
  .gridlock .row .contained.min-push-3 {
    margin-left: 75%;
  }
  .gridlock .row .contained.min-push-4 {
    margin-left: 100%;
  }
  .gridlock .row .min-fifth {
    width: 16.528%;
  }
  .gridlock .row .min-fourth {
    width: 21.528%;
  }
  .gridlock .row .min-third {
    width: 29.861333333333334%;
  }
  .gridlock .row .min-half {
    width: 46.528%;
  }
  .gridlock .row .min-full {
    width: 96.528%;
  }
  .gridlock .row .min-push-fifth {
    margin-left: 21.736%;
  }
  .gridlock .row .min-push-fourth {
    margin-left: 26.736%;
  }
  .gridlock .row .min-push-third {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .min-push-half {
    margin-left: 51.736%;
  }
  .gridlock .row .contained.min-fifth {
    width: 20%;
  }
  .gridlock .row .contained.min-fourth {
    width: 25%;
  }
  .gridlock .row .contained.min-third {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.min-half {
    width: 50%;
  }
  .gridlock .row .contained.min-full {
    width: 100%;
  }
  .gridlock .row .contained.min-push-fifth {
    margin-left: 20%;
  }
  .gridlock .row .contained.min-push-fourth {
    margin-left: 25%;
  }
  .gridlock .row .contained.min-push-third {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.min-push-half {
    margin-left: 50%;
  }
  .gridlock .row [class*="min-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .min-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .min-text-left {
    text-align: left;
  }
  .gridlock .row .min-text-right {
    text-align: right;
  }
  .gridlock .row .min-text-center {
    text-align: center;
  }
  .gridlock .row .min-hide {
    display: none;
  }
}
@media screen and (max-width: 740px) {
  .gridlock .row .sm-1 {
    width: 21.528%;
  }
  .gridlock .row .sm-2 {
    width: 46.528%;
  }
  .gridlock .row .sm-3 {
    width: 71.528%;
  }
  .gridlock .row .sm-4 {
    width: 96.528%;
  }
  .gridlock .row .sm-push-1 {
    margin-left: 26.736%;
  }
  .gridlock .row .sm-push-2 {
    margin-left: 51.736%;
  }
  .gridlock .row .sm-push-3 {
    margin-left: 76.736%;
  }
  .gridlock .row .sm-push-4 {
    margin-left: 101.736%;
  }
  .gridlock .row .contained.sm-1 {
    width: 25%;
  }
  .gridlock .row .contained.sm-2 {
    width: 50%;
  }
  .gridlock .row .contained.sm-3 {
    width: 75%;
  }
  .gridlock .row .contained.sm-4 {
    width: 100%;
  }
  .gridlock .row .contained.sm-push-1 {
    margin-left: 25%;
  }
  .gridlock .row .contained.sm-push-2 {
    margin-left: 50%;
  }
  .gridlock .row .contained.sm-push-3 {
    margin-left: 75%;
  }
  .gridlock .row .contained.sm-push-4 {
    margin-left: 100%;
  }
  .gridlock .row .sm-fifth {
    width: 16.528%;
  }
  .gridlock .row .sm-fourth {
    width: 21.528%;
  }
  .gridlock .row .sm-third {
    width: 29.861333333333334%;
  }
  .gridlock .row .sm-half {
    width: 46.528%;
  }
  .gridlock .row .sm-full {
    width: 96.528%;
  }
  .gridlock .row .sm-push-fifth {
    margin-left: 21.736%;
  }
  .gridlock .row .sm-push-fourth {
    margin-left: 26.736%;
  }
  .gridlock .row .sm-push-third {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .sm-push-half {
    margin-left: 51.736%;
  }
  .gridlock .row .contained.sm-fifth {
    width: 20%;
  }
  .gridlock .row .contained.sm-fourth {
    width: 25%;
  }
  .gridlock .row .contained.sm-third {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.sm-half {
    width: 50%;
  }
  .gridlock .row .contained.sm-full {
    width: 100%;
  }
  .gridlock .row .contained.sm-push-fifth {
    margin-left: 20%;
  }
  .gridlock .row .contained.sm-push-fourth {
    margin-left: 25%;
  }
  .gridlock .row .contained.sm-push-third {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.sm-push-half {
    margin-left: 50%;
  }
  .gridlock .row [class*="sm-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .sm-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .sm-text-left {
    text-align: left;
  }
  .gridlock .row .sm-text-right {
    text-align: right;
  }
  .gridlock .row .sm-text-center {
    text-align: center;
  }
  .gridlock .row .sm-hide {
    display: none;
  }
}
@media screen and (min-width: 740px) and (max-width: 1040px) {
  .gridlock .row .md-1 {
    width: 13.194666666666668%;
  }
  .gridlock .row .md-2 {
    width: 29.861333333333334%;
  }
  .gridlock .row .md-3 {
    width: 46.528%;
  }
  .gridlock .row .md-4 {
    width: 63.19466666666667%;
  }
  .gridlock .row .md-5 {
    width: 79.86133333333335%;
  }
  .gridlock .row .md-6 {
    width: 96.528%;
  }
  .gridlock .row .md-push-1 {
    margin-left: 18.40266666666667%;
  }
  .gridlock .row .md-push-2 {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .md-push-3 {
    margin-left: 51.736%;
  }
  .gridlock .row .md-push-4 {
    margin-left: 68.40266666666667%;
  }
  .gridlock .row .md-push-5 {
    margin-left: 85.06933333333334%;
  }
  .gridlock .row .md-push-6 {
    margin-left: 101.736%;
  }
  .gridlock .row .contained.md-1 {
    width: 16.666666666666668%;
  }
  .gridlock .row .contained.md-2 {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.md-3 {
    width: 50%;
  }
  .gridlock .row .contained.md-4 {
    width: 66.66666666666667%;
  }
  .gridlock .row .contained.md-5 {
    width: 83.33333333333334%;
  }
  .gridlock .row .contained.md-6 {
    width: 100%;
  }
  .gridlock .row .contained.md-push-1 {
    margin-left: 16.666666666666668%;
  }
  .gridlock .row .contained.md-push-2 {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.md-push-3 {
    margin-left: 50%;
  }
  .gridlock .row .contained.md-push-4 {
    margin-left: 66.66666666666667%;
  }
  .gridlock .row .contained.md-push-5 {
    margin-left: 83.33333333333334%;
  }
  .gridlock .row .contained.md-push-6 {
    margin-left: 100%;
  }
  .gridlock .row .md-fifth {
    width: 16.528%;
  }
  .gridlock .row .md-fourth {
    width: 21.528%;
  }
  .gridlock .row .md-third {
    width: 29.861333333333334%;
  }
  .gridlock .row .md-half {
    width: 46.528%;
  }
  .gridlock .row .md-full {
    width: 96.528%;
  }
  .gridlock .row .md-push-fifth {
    margin-left: 21.736%;
  }
  .gridlock .row .md-push-fourth {
    margin-left: 26.736%;
  }
  .gridlock .row .md-push-third {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .md-push-half {
    margin-left: 51.736%;
  }
  .gridlock .row .contained.md-fifth {
    width: 20%;
  }
  .gridlock .row .contained.md-fourth {
    width: 25%;
  }
  .gridlock .row .contained.md-third {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.md-half {
    width: 50%;
  }
  .gridlock .row .contained.md-full {
    width: 100%;
  }
  .gridlock .row .contained.md-push-fifth {
    margin-left: 20%;
  }
  .gridlock .row .contained.md-push-fourth {
    margin-left: 25%;
  }
  .gridlock .row .contained.md-push-third {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.md-push-half {
    margin-left: 50%;
  }
  .gridlock .row [class*="md-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .md-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .md-text-left {
    text-align: left;
  }
  .gridlock .row .md-text-right {
    text-align: right;
  }
  .gridlock .row .md-text-center {
    text-align: center;
  }
  .gridlock .row .md-hide {
    display: none;
  }
}
@media screen and (min-width: 1040px) {
  .gridlock .row .lg-1 {
    width: 4.861333333333334%;
  }
  .gridlock .row .lg-2 {
    width: 13.194666666666668%;
  }
  .gridlock .row .lg-3 {
    width: 21.528%;
  }
  .gridlock .row .lg-4 {
    width: 29.861333333333334%;
  }
  .gridlock .row .lg-5 {
    width: 38.19466666666667%;
  }
  .gridlock .row .lg-6 {
    width: 46.528%;
  }
  .gridlock .row .lg-7 {
    width: 54.861333333333334%;
  }
  .gridlock .row .lg-8 {
    width: 63.19466666666667%;
  }
  .gridlock .row .lg-9 {
    width: 71.528%;
  }
  .gridlock .row .lg-10 {
    width: 79.86133333333335%;
  }
  .gridlock .row .lg-11 {
    width: 88.19466666666668%;
  }
  .gridlock .row .lg-12 {
    width: 96.528%;
  }
  .gridlock .row .lg-push-1 {
    margin-left: 10.069333333333334%;
  }
  .gridlock .row .lg-push-2 {
    margin-left: 18.40266666666667%;
  }
  .gridlock .row .lg-push-3 {
    margin-left: 26.736%;
  }
  .gridlock .row .lg-push-4 {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .lg-push-5 {
    margin-left: 43.40266666666667%;
  }
  .gridlock .row .lg-push-6 {
    margin-left: 51.736%;
  }
  .gridlock .row .lg-push-7 {
    margin-left: 60.06933333333333%;
  }
  .gridlock .row .lg-push-8 {
    margin-left: 68.40266666666667%;
  }
  .gridlock .row .lg-push-9 {
    margin-left: 76.736%;
  }
  .gridlock .row .lg-push-10 {
    margin-left: 85.06933333333334%;
  }
  .gridlock .row .lg-push-11 {
    margin-left: 93.40266666666667%;
  }
  .gridlock .row .lg-push-12 {
    margin-left: 101.736%;
  }
  .gridlock .row .contained.lg-1 {
    width: 8.333333333333334%;
  }
  .gridlock .row .contained.lg-2 {
    width: 16.666666666666668%;
  }
  .gridlock .row .contained.lg-3 {
    width: 25%;
  }
  .gridlock .row .contained.lg-4 {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.lg-5 {
    width: 41.66666666666667%;
  }
  .gridlock .row .contained.lg-6 {
    width: 50%;
  }
  .gridlock .row .contained.lg-7 {
    width: 58.333333333333336%;
  }
  .gridlock .row .contained.lg-8 {
    width: 66.66666666666667%;
  }
  .gridlock .row .contained.lg-9 {
    width: 75%;
  }
  .gridlock .row .contained.lg-10 {
    width: 83.33333333333334%;
  }
  .gridlock .row .contained.lg-11 {
    width: 91.66666666666667%;
  }
  .gridlock .row .contained.lg-12 {
    width: 100%;
  }
  .gridlock .row .contained.lg-push-1 {
    margin-left: 8.333333333333334%;
  }
  .gridlock .row .contained.lg-push-2 {
    margin-left: 16.666666666666668%;
  }
  .gridlock .row .contained.lg-push-3 {
    margin-left: 25%;
  }
  .gridlock .row .contained.lg-push-4 {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.lg-push-5 {
    margin-left: 41.66666666666667%;
  }
  .gridlock .row .contained.lg-push-6 {
    margin-left: 50%;
  }
  .gridlock .row .contained.lg-push-7 {
    margin-left: 58.333333333333336%;
  }
  .gridlock .row .contained.lg-push-8 {
    margin-left: 66.66666666666667%;
  }
  .gridlock .row .contained.lg-push-9 {
    margin-left: 75%;
  }
  .gridlock .row .contained.lg-push-10 {
    margin-left: 83.33333333333334%;
  }
  .gridlock .row .contained.lg-push-11 {
    margin-left: 91.66666666666667%;
  }
  .gridlock .row .contained.lg-push-12 {
    margin-left: 100%;
  }
  .gridlock .row .lg-fifth {
    width: 16.528%;
  }
  .gridlock .row .lg-fourth {
    width: 21.528%;
  }
  .gridlock .row .lg-third {
    width: 29.861333333333334%;
  }
  .gridlock .row .lg-half {
    width: 46.528%;
  }
  .gridlock .row .lg-full {
    width: 96.528%;
  }
  .gridlock .row .lg-push-fifth {
    margin-left: 21.736%;
  }
  .gridlock .row .lg-push-fourth {
    margin-left: 26.736%;
  }
  .gridlock .row .lg-push-third {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .lg-push-half {
    margin-left: 51.736%;
  }
  .gridlock .row .contained.lg-fifth {
    width: 20%;
  }
  .gridlock .row .contained.lg-fourth {
    width: 25%;
  }
  .gridlock .row .contained.lg-third {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.lg-half {
    width: 50%;
  }
  .gridlock .row .contained.lg-full {
    width: 100%;
  }
  .gridlock .row .contained.lg-push-fifth {
    margin-left: 20%;
  }
  .gridlock .row .contained.lg-push-fourth {
    margin-left: 25%;
  }
  .gridlock .row .contained.lg-push-third {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.lg-push-half {
    margin-left: 50%;
  }
  .gridlock .row [class*="lg-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .lg-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .lg-text-left {
    text-align: left;
  }
  .gridlock .row .lg-text-right {
    text-align: right;
  }
  .gridlock .row .lg-text-center {
    text-align: center;
  }
  .gridlock .row .lg-hide {
    display: none;
  }
}
@media screen and (min-width: 1040px) {
  .gridlock .row .max-1 {
    width: 4.861333333333334%;
  }
  .gridlock .row .max-2 {
    width: 13.194666666666668%;
  }
  .gridlock .row .max-3 {
    width: 21.528%;
  }
  .gridlock .row .max-4 {
    width: 29.861333333333334%;
  }
  .gridlock .row .max-5 {
    width: 38.19466666666667%;
  }
  .gridlock .row .max-6 {
    width: 46.528%;
  }
  .gridlock .row .max-7 {
    width: 54.861333333333334%;
  }
  .gridlock .row .max-8 {
    width: 63.19466666666667%;
  }
  .gridlock .row .max-9 {
    width: 71.528%;
  }
  .gridlock .row .max-10 {
    width: 79.86133333333335%;
  }
  .gridlock .row .max-11 {
    width: 88.19466666666668%;
  }
  .gridlock .row .max-12 {
    width: 96.528%;
  }
  .gridlock .row .max-push-1 {
    margin-left: 10.069333333333334%;
  }
  .gridlock .row .max-push-2 {
    margin-left: 18.40266666666667%;
  }
  .gridlock .row .max-push-3 {
    margin-left: 26.736%;
  }
  .gridlock .row .max-push-4 {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .max-push-5 {
    margin-left: 43.40266666666667%;
  }
  .gridlock .row .max-push-6 {
    margin-left: 51.736%;
  }
  .gridlock .row .max-push-7 {
    margin-left: 60.06933333333333%;
  }
  .gridlock .row .max-push-8 {
    margin-left: 68.40266666666667%;
  }
  .gridlock .row .max-push-9 {
    margin-left: 76.736%;
  }
  .gridlock .row .max-push-10 {
    margin-left: 85.06933333333334%;
  }
  .gridlock .row .max-push-11 {
    margin-left: 93.40266666666667%;
  }
  .gridlock .row .max-push-12 {
    margin-left: 101.736%;
  }
  .gridlock .row .contained.max-1 {
    width: 8.333333333333334%;
  }
  .gridlock .row .contained.max-2 {
    width: 16.666666666666668%;
  }
  .gridlock .row .contained.max-3 {
    width: 25%;
  }
  .gridlock .row .contained.max-4 {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.max-5 {
    width: 41.66666666666667%;
  }
  .gridlock .row .contained.max-6 {
    width: 50%;
  }
  .gridlock .row .contained.max-7 {
    width: 58.333333333333336%;
  }
  .gridlock .row .contained.max-8 {
    width: 66.66666666666667%;
  }
  .gridlock .row .contained.max-9 {
    width: 75%;
  }
  .gridlock .row .contained.max-10 {
    width: 83.33333333333334%;
  }
  .gridlock .row .contained.max-11 {
    width: 91.66666666666667%;
  }
  .gridlock .row .contained.max-12 {
    width: 100%;
  }
  .gridlock .row .contained.max-push-1 {
    margin-left: 8.333333333333334%;
  }
  .gridlock .row .contained.max-push-2 {
    margin-left: 16.666666666666668%;
  }
  .gridlock .row .contained.max-push-3 {
    margin-left: 25%;
  }
  .gridlock .row .contained.max-push-4 {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.max-push-5 {
    margin-left: 41.66666666666667%;
  }
  .gridlock .row .contained.max-push-6 {
    margin-left: 50%;
  }
  .gridlock .row .contained.max-push-7 {
    margin-left: 58.333333333333336%;
  }
  .gridlock .row .contained.max-push-8 {
    margin-left: 66.66666666666667%;
  }
  .gridlock .row .contained.max-push-9 {
    margin-left: 75%;
  }
  .gridlock .row .contained.max-push-10 {
    margin-left: 83.33333333333334%;
  }
  .gridlock .row .contained.max-push-11 {
    margin-left: 91.66666666666667%;
  }
  .gridlock .row .contained.max-push-12 {
    margin-left: 100%;
  }
  .gridlock .row .max-fifth {
    width: 16.528%;
  }
  .gridlock .row .max-fourth {
    width: 21.528%;
  }
  .gridlock .row .max-third {
    width: 29.861333333333334%;
  }
  .gridlock .row .max-half {
    width: 46.528%;
  }
  .gridlock .row .max-full {
    width: 96.528%;
  }
  .gridlock .row .max-push-fifth {
    margin-left: 21.736%;
  }
  .gridlock .row .max-push-fourth {
    margin-left: 26.736%;
  }
  .gridlock .row .max-push-third {
    margin-left: 35.06933333333333%;
  }
  .gridlock .row .max-push-half {
    margin-left: 51.736%;
  }
  .gridlock .row .contained.max-fifth {
    width: 20%;
  }
  .gridlock .row .contained.max-fourth {
    width: 25%;
  }
  .gridlock .row .contained.max-third {
    width: 33.333333333333336%;
  }
  .gridlock .row .contained.max-half {
    width: 50%;
  }
  .gridlock .row .contained.max-full {
    width: 100%;
  }
  .gridlock .row .contained.max-push-fifth {
    margin-left: 20%;
  }
  .gridlock .row .contained.max-push-fourth {
    margin-left: 25%;
  }
  .gridlock .row .contained.max-push-third {
    margin-left: 33.333333333333336%;
  }
  .gridlock .row .contained.max-push-half {
    margin-left: 50%;
  }
  .gridlock .row [class*="max-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .max-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gridlock .row .max-text-left {
    text-align: left;
  }
  .gridlock .row .max-text-right {
    text-align: right;
  }
  .gridlock .row .max-text-center {
    text-align: center;
  }
  .gridlock .row .max-hide {
    display: none;
  }
}
/*--------------------------------------------------------*/
/*	MIXINS
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*	CSS RESETS
/*--------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
  text-align: left;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
a {
  text-decoration: none;
}
a img {
  border: 0;
}
figure {
  position: relative;
}
figure img {
  width: 100%;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 3px;
}
sub {
  top: .5ex;
}
strong {
  font-weight: bold;
}
/*--------------------------------------------------------*/
/*	REUSABLE FUNCTIONS / MIXINS / CLASSES
/*--------------------------------------------------------*/
/* .shadow(0px 0px 10px 0px rgba(0,0,0,.5)); */
/* .borderRadius(4px 4px 4px 4px); .borderRadius(6px); */
/* .transform(50%, 50%);
.opacity(@op:100){	filter:alpha(opacity=@op);	-moz-opacity:@op/100;	-khtml-opacity:@op/100;	opacity:@op/100;}
	/* .opacity(50); */
/* .transition(background-color 1000ms linear) */
/* .transition(background-color 1000ms linear, color 1000ms linear) */
/* .transition(background-color 1000ms linear, color 1000ms linear, border 500ms ease) */
/* (2em) *//* (2em; 1.5em) *//* (2em; 1.5em; normal) *//* (2em; 1.5em; normal) */
/* .setFont(1.25em); .setFont(1.25em, 1.5); .setFont(1.25em, 1.5, bold); */
.pad30 {
  padding: 30px;
}
.pad25 {
  padding: 25px;
}
.pad20 {
  padding: 20px;
}
.pad15 {
  padding: 15px;
}
.pad13 {
  padding: 13px;
}
.pad10 {
  padding: 10px;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.center {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.fl-left {
  float: left !important;
}
.fl-right {
  float: right !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.noBG {
  background-image: none !important;
}
.noM {
  margin: 0px !important;
}
.noRM {
  margin-right: 0px !important;
}
.noLM {
  margin-left: 0px !important;
}
.noTM {
  margin-top: 0px !important;
}
.noBM {
  margin-bottom: 0px !important;
}
.noP {
  padding: 0px !important;
}
.noRP {
  padding-right: 0px !important;
}
.noLP {
  padding-left: 0px !important;
}
.noTP {
  padding-top: 0px !important;
}
.noBP {
  padding-bottom: 0px !important;
}
.allCaps {
  text-transform: uppercase;
}
.caps {
  text-transform: capitalize;
}
.noCaps {
  text-transform: none !important;
}
.nocaps {
  text-transform: none !important;
}
.underline {
  text-decoration: underline;
}
.noUnderline {
  text-decoration: none !important;
}
.nounderline {
  text-decoration: none !important;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.inline {
  display: inline;
}
.hidden {
  display: none;
}
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after,
.clearFix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix,
.clearFix {
  display: inline-block;
}
html[xmlns] .clearfix,
html[xmlns] .clearFix {
  display: block;
}
* html .clearfix,
* html .clearFix {
  height: 1%;
}
/*--------------------------------------------------------*/
/*	VARIABLES
/*--------------------------------------------------------*/
/* COLORS */
.clr-blue {
  color: #00a2db !important;
}
.bg-blue {
  background-color: #00a2db !important;
}
.clr-red {
  color: #fc3362 !important;
}
.bg-red {
  background-color: #fc3362 !important;
}
.clr-green {
  color: #56ae57 !important;
}
.bg-green {
  background-color: #56ae57 !important;
}
.clr-orange {
  color: #faa51a !important;
}
.bg-orange {
  background-color: #faa51a !important;
}
.clr-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.clr-gray {
  color: #5d5d5d !important;
}
.bg-gray {
  background-color: #5d5d5d !important;
}
.clr-gray80 {
  color: #585858 !important;
}
.bg-gray80 {
  background-color: #585858 !important;
}
.clr-gray60 {
  color: #959595 !important;
}
.bg-gray60 {
  background-color: #959595 !important;
}
.clr-gray40 {
  color: #c4c4c4 !important;
}
.bg-gray40 {
  background-color: #c4c4c4 !important;
}
.clr-gray20 {
  color: #ededed !important;
}
.bg-gray20 {
  background-color: #ededed !important;
}
.clr-gray10 {
  color: #eeeeee !important;
}
.bg-gray10 {
  background-color: #eeeeee !important;
}
.clr-gray5 {
  color: #f6f5f6 !important;
}
.bg-gray5 {
  background-color: #f6f5f6 !important;
}
.clr-white {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff;
}
/* FONTS */
.font1,
.open-sans {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.font2,
.oswald {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
/*--------------------------------------------------------*/
/*	COMMON STYLES
/*--------------------------------------------------------*/
body,
.ms-WPBody {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #959595;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
@media screen and (max-width: 1040px) {
  body,
  .ms-WPBody {
    font-size: 14px;
  }
}
@media screen and (max-width: 740px) {
  body,
  .ms-WPBody {
    font-size: 13px;
  }
}
body,
html {
  overflow-x: hidden;
}
::selection {
  color: #ffffff;
  background-color: #c4c4c4;
}
::-moz-selection {
  color: #ffffff;
  background-color: #c4c4c4;
}
.main-body {
  /* SharePoint style overrides */

  /*--------------------------------------------------------*/

  /*	INPUT FIELDS
/*--------------------------------------------------------*/

  /* Buttons */

  /*--------------------------------------------------------*/

  /*	HEADER
/*--------------------------------------------------------*/

  /* Main Navigation */

  /* END nav*/

  /* MOBILE NAV */

  /*--------------------------------------------------------*/

  /*	FOOTER
/*--------------------------------------------------------*/

  /*--------------------------------------------------------*/

  /*	MISC STYLES
/*--------------------------------------------------------*/

  /*--------------------------------------------------------*/

  /*	HOME PAGE
/*--------------------------------------------------------*/

  /*--------------------------------------------------------*/

  /*	CONTENT PAGES
/*--------------------------------------------------------*/

  /*--------------------------------------------------------*/

  /*	RESPONSIVE SLIDES / RSLIDES
/*--------------------------------------------------------*/

  /* ------- Arrow Navigation ------- */

  /* ------- Thumbnail Navigation ------- */

  /* ------- Slideshow Description ------- */

  /*--------------------------------------------------------*/

  /*	ICON FONTS
/*--------------------------------------------------------*/

}
.main-body table.s4-wpTopTable {
  padding: 0px;
}
.main-body .s4-wpcell-plain .ms-PartSpacingVertical {
  margin: 0px;
}
.main-body .ms-WPBody table.datatable td,
.main-body .ms-WPBody table.datatable th {
  font-family: "Open Sans", sans-serif;
  font-size: .75em;
  font-weight: inherit;
  padding: .2em;
}
.main-body table,
.main-body .main-body td {
  padding: 0px;
}
.main-body span.srch-URL {
  word-break: break-word;
}
.main-body table [cellpadding='0'] td,
.main-body td.s4-wpcell-plain {
  padding: 0px;
}
.main-body .ms-wpContentDivSpace {
  margin: 0px;
}
.main-body #MSOTlPn_Parts,
.main-body #MSOTlPn_Tbl {
  height: auto !important;
}
.main-body .s4-search .srch-gosearchimg {
  height: 35px;
}
@media screen and (max-width: 1040px) {
  .main-body .s4-search img.srch-gosearchimg[title=Search] {
    height: 75%;
  }
}
.main-body p {
  margin: 0 0 1.5em 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 1em;
}
.main-body a,
.main-body .link {
  color: #00a2db;
  cursor: pointer;
  text-decoration: none;
}
.main-body a:visited,
.main-body .link:visited {
  color: #00a2db;
  text-decoration: underline;
}
.main-body a:active,
.main-body .link:active {
  color: #00a2db;
  text-decoration: none;
}
.main-body a:hover,
.main-body .link:hover {
  color: #00a2db;
  text-decoration: underline;
}
.main-body p.big {
  margin: 0 0 1.524em 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 1.25em;
}
.main-body i,
.main-body em {
  font-style: italic;
}
.main-body b,
.main-body strong {
  font-weight: 700;
}
.main-body h1,
.main-body .h1 {
  font-size: 1.75em;
  line-height: 1;
  font-weight: bold;
  color: #5d5d5d;
  color: #000000;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
}
.main-body h2,
.main-body .h2 {
  font-size: 1.5em;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
}
.main-body h3,
.main-body .h3 {
  font-size: 1.25em;
  line-height: 1;
  font-weight: bold;
  color: #000000;
  text-transform: capitalize;
  margin: 0 0 .5em 0;
}
.main-body h4,
.main-body .h4 {
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
  color: #5d5d5d;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
}
.main-body h5,
.main-body .h5 {
  font-size: 0.875em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
}
.main-body h6,
.main-body .h6 {
  font-size: 0.875em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
}
.main-body hr {
  margin: 2em 0 2em 0;
  border: none;
  background-color: #c4c4c4;
  height: 1px;
}
.main-body ul {
  padding: 0 0 0 0;
  margin: .5em 0 1.5em 0;
}
.main-body ul li {
  list-style-type: disc;
  margin-bottom: .1em;
  list-style-position: inside;
}
.main-body ul li ul {
  margin-top: 0px !important;
}
.main-body ul li ul li {
  list-style-type: circle;
}
.main-body ol {
  padding: 0 0 0 1em;
  margin-bottom: .75em;
}
.main-body ol li {
  list-style-type: decimal inside;
  margin-bottom: .75em;
}
.main-body ol li ul {
  margin-top: 0px !important;
}
.main-body ol li ul li {
  list-style-type: lower-alpha;
}
.main-body blockquote {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em,1.5;
  font-style: italic;
  color: #c4c4c4;
  vertical-align: baseline;
  margin: 1.5em 0 1.5em 0;
}
.main-body blockquote cite {
  font-size: .875em,1.714;
  text-transform: uppercase;
  letter-spacing: .1em;
  display: block;
  margin-top: 1.714em;
}
.main-body table {
  border-collapse: collapse;
}
.main-body table,
.main-body td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #eeeeee;
  padding: 0;
}
.main-body th {
  border-bottom: 2px solid #ededed;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.333;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 2em .75em .05em 0;
}
.main-body img,
.main-body object,
.main-body embed {
  max-width: 100%;
}
.main-body img {
  height: auto;
}
.main-body .full-width {
  width: 100%;
}
.main-body .section-hr {
  border-top: solid 1px #c4c4c4;
}
.main-body .section-breadcrumb {
  border-bottom: solid 1px #c4c4c4;
}
.main-body input[type=text],
.main-body input[type=password],
.main-body textarea,
.main-body input[type=url],
.main-body input[type=tel],
.main-body input[type=number],
.main-body input[type=color],
.main-body input[type=email] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  width: 100%;
  border: 1px solid #f6f5f6;
  padding: .25em .857em;
  background: #f6f5f6;
  margin: 0 0 .857em 0;
  font-size: 0.875em;
  line-height: 1.5;
  color: #959595;
  height: 2.5em;
}
.main-body input::-webkit-input-placeholder {
  color: #c4c4c4;
}
.main-body input:-moz-placeholder {
  color: #c4c4c4;
}
.main-body input::-moz-placeholder {
  color: #c4c4c4;
}
.main-body input:-ms-input-placeholder {
  color: #c4c4c4;
}
.main-body input[type=submit],
.main-body input[type=button],
.main-body .button {
  border: solid 1px #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: transparent;
  cursor: pointer;
  padding: 1rem 2rem 1rem 2rem;
  -webkit-appearance: none;
  transition: color 200ms linear, border-color 200ms linear, background-color 200ms linear;
  -webkit-transition: color 200ms linear, border-color 200ms linear, background-color 200ms linear;
  -moz-transition: color 200ms linear, border-color 200ms linear, background-color 200ms linear;
  -o-transition: color 200ms linear, border-color 200ms linear, background-color 200ms linear;
  -ms-transition: color 200ms linear, border-color 200ms linear, background-color 200ms linear;
}
@media screen and (max-width: 1040px) {
  .main-body input[type=submit],
  .main-body input[type=button],
  .main-body .button {
    font-size: 0.875rem;
    padding: .5rem .75rem .5rem .75rem;
  }
}
.main-body .button-orange:hover {
  background-color: #ffffff !important;
  color: #faa51a !important;
  border-color: #ffffff !important;
}
.main-body .button-red:hover {
  background-color: #ffffff !important;
  color: #fc3362 !important;
  border-color: #ffffff !important;
}
.main-body .button-green {
  border-color: #56ae57;
  color: #56ae57 !important;
}
.main-body .button-green:hover {
  background-color: #56ae57 !important;
  color: #ffffff !important;
  border-color: #56ae57 !important;
}
.main-body select {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  padding: .375em;
  font-size: 1.125em;
}
.main-body #Color-Bar {
  width: 100%;
  height: 15px;
  background: transparent url(../images/color-bar.png) repeat;
  background-size: 100% 15px;
}
.main-body #Header-Social-Wrap {
  text-align: right;
  margin-top: 2.25em;
}
@media screen and (max-width: 1040px) {
  .main-body #Header-Social-Wrap {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 740px) {
  .main-body #Header-Social-Wrap {
    display: none;
  }
}
.main-body #Header-Social-Wrap a {
  color: #959595;
  text-decoration: none;
}
.main-body #Header-Social-Wrap a:hover {
  color: #00a2db;
  text-decoration: none;
}
.main-body #Header-Social-Wrap .header-icon {
  font-size: 1.25em;
  line-height: 2;
  margin-right: .4em;
}
.main-body #Header-Search-Wrap {
  float: right;
  width: 250px;
  background-color: #ffffff;
  padding: 3px;
  margin-left: 6px;
  margin-top: 2.25em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}
@media screen and (max-width: 1040px) {
  .main-body #Header-Search-Wrap {
    width: 220px !important;
    margin-top: 1.5em;
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 740px) {
  .main-body #Header-Search-Wrap {
    width: 220px !important;
    margin-top: .5em;
    float: left !important;
  }
}
.main-body #Header-Search-Wrap #Header-Search-Icon {
  float: right;
  margin-top: 8px;
  margin-right: 4px;
}
.main-body #Header-Search-Wrap input {
  float: left;
  width: 200px;
  background-color: #ffffff;
  margin-bottom: 0px !important;
  border: none;
}
@media screen and (max-width: 1040px) {
  .main-body #Header-Search-Wrap input {
    width: 180px !important;
  }
}
@media screen and (max-width: 740px) {
  .main-body #Header-Search-Wrap input {
    width: 180px !important;
  }
}
.main-body #Header-Search-Wrap .header-icon {
  font-size: 1.25em;
  line-height: 1;
  cursor: pointer;
}
.main-body #Header-Mobile-Nav-Toggle {
  text-align: right;
  float: right;
  margin-top: .5em;
}
@media screen and (max-width: 740px) {
  .main-body #Header-Mobile-Nav-Toggle {
    display: inline-block;
  }
}
.main-body #Header-Mobile-Nav-Toggle a {
  display: inline-block;
  background-color: #00a2db;
  color: #ffffff;
  text-decoration: none;
  padding: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}
.main-body #Header-Mobile-Nav-Toggle a:hover {
  color: #ffffff;
  text-decoration: none;
}
.main-body #Header-Mobile-Nav-Toggle .header-icon {
  font-size: 2.25em;
}
.main-body nav.main-nav {
  padding: 0px;
  /* ul{ margin:0px;width: 100%;display: flex;justify-content:space-between; */

  /* END ul.main-nav */

}
.main-body nav.main-nav ul {
  margin: 0px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  /* IE 6 & 7 Needs Inline Block */

  /* 	LEVEL THREE  */

}
.main-body nav.main-nav ul li {
  /* 	LEVEL ONE */

  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 1.188em;
  line-height: 1.2;
  list-style: none;
  margin-bottom: 0px !important;
}
.main-body nav.main-nav ul li a {
  color: #ffffff;
  padding: 1em 1em 1em 0;
}
.main-body nav.main-nav ul li a:hover {
  color: #75dbff;
  text-decoration: none;
}
.main-body nav.main-nav ul li a:visited {
  color: #ffffff;
}
.main-body nav.main-nav ul li a:visited:hover {
  color: #eeeeee;
}
@media screen and (max-width: 1040px) {
  .main-body nav.main-nav ul li {
    font-size: 1.1em;
    line-height: 1.2;
  }
}
.main-body nav.main-nav ul li:last-child {
  margin-right: 0px;
}
.main-body nav.main-nav ul li:last-child a {
  padding-right: 0px !important;
}
.main-body nav.main-nav ul ul.sub-menu {
  /* 	LEVEL TWO */

  width: 330px;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 10px 0 10px 0px;
  background-color: #ffffff;
  z-index: 999999;
  background-color: #959595;
}
.main-body nav.main-nav ul ul.sub-menu li {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  color: #faa51a;
  text-align: left;
  list-style-type: none !important;
  width: 100%;
  margin: 0px 0 0px 0 !important;
  padding-bottom: 0px !important;
  font-weight: normal;
  text-transform: none !important;
  color: #959595;
  float: none;
  font-size: 0.825em;
  border: none;
}
.main-body nav.main-nav ul ul.sub-menu li:first-child {
  padding: 0px 0px;
}
.main-body nav.main-nav ul ul.sub-menu li:last-child {
  width: 100% !important;
}
.main-body nav.main-nav ul ul.sub-menu li a {
  color: #faa51a;
  border: none !important;
  text-align: left;
  padding: 14px 0 14px 42px !important;
  display: block;
}
.main-body nav.main-nav ul ul.sub-menu li:hover,
.main-body nav.main-nav ul ul.sub-menu li:hover a {
  border: none !important;
  color: #eeeeee !important;
}
.main-body nav.main-nav ul ul.sub-menu li a:hover {
  color: #eeeeee !important;
}
.main-body nav.main-nav ul ul.sub-menu li:before {
  content: "";
}
.main-body nav.main-nav ul ul.sub-menu li:last-child {
  border: none !important;
}
.main-body nav.main-nav ul ul li a {
  border-right: none;
  width: 100%;
  display: inline-block;
}
.main-body nav.main-nav ul ul.main-nav ul ul.main-nav li:hover > ul {
  visibility: visible;
}
.main-body #Header-Mobile-Navigation-Wrap {
  background-color: #00a2db;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-bottom: 1em;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li a span {
  display: inline;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul {
  margin: 0;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none !important;
  border-bottom: solid 1px #ededed;
  padding-left: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li a {
  color: #ffffff;
  position: relative;
  display: block;
  padding: 12px 0 12px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 100%;
  verticle-align: middle;
  text-decoration: none;
  text-align: center;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li a small {
  position: absolute;
  top: 6px;
  right: 0px;
  margin-right: .5em;
  font-size: 30px;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li a:hover {
  color: #faa51a;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li:last-child a {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li.active {
  color: #ffffff;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li:last-child {
  border-bottom: none !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li > ul {
  display: none;
  padding: 0 !important;
  margin: 0 0 1em 0 !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li > ul li {
  font-weight: normal;
  border: none !important;
  font-size: 1em;
  line-height: 1.5;
  padding-left: 1em !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li > ul li ul {
  margin-bottom: 5px !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li > ul li ul li {
  font-size: 0.9em;
  padding-left: 1.5em !important;
}
.main-body #Header-Mobile-Navigation-Wrap .mobile-nav div ul li > ul li a {
  text-transform: none !important;
  padding: 4px 0 4px 0px !important;
  text-align: left;
}
.main-body #breadcrumb {
  font-size: 0.7em;
  text-transform: uppercase;
}
.main-body #breadcrumb span span {
  padding-right: 5px;
}
.main-body footer {
  font-size: 0.75em;
  color: #959595;
}
.main-body footer ul li {
  display: inline-block;
}
.main-body footer span.seperator {
  padding: 0 .75em;
}
.main-body #Home-Section1-Petition-Box {
  background-color: #faa51a;
  padding: 1.25em 1em 0 1em;
  text-align: center !important;
  color: #ffffff;
}
.main-body #Home-Section1-Petition-Box p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.438em;
  line-height: 1.4;
  text-align: center !important;
}
@media screen and (max-width: 1040px) {
  .main-body #Home-Section1-Petition-Box p {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
@media screen and (max-width: 740px) {
  .main-body #Home-Section1-Petition-Box p {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
.main-body #Home-Section1-Petition-Box a {
  text-transform: none !important;
}
@media screen and (max-width: 1040px) {
  .main-body #Home-Section1-Petition-Box {
    padding: 1.5em 1em 1.75em 1em;
  }
}
.main-body #Home-Section2-ActNow-Box {
  background-color: #fc3362;
  padding: 1.25em 1em 0 1em;
  text-align: center !important;
  color: #ffffff;
}
.main-body #Home-Section2-ActNow-Box .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center !important;
}
@media screen and (max-width: 1040px) {
  .main-body #Home-Section2-ActNow-Box .title {
    font-size: 2.2em;
  }
}
.main-body #Home-Section2-ActNow-Box p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.438em;
  line-height: 1.4;
  text-align: center !important;
  color: #ffffff;
}
@media screen and (max-width: 1040px) {
  .main-body #Home-Section2-ActNow-Box p {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
.main-body #Home-Section2-ActNow-Box a {
  text-transform: none !important;
}
.main-body .transit-tools-box-small {
  border: solid 1px #c4c4c4;
  text-align: center !important;
  padding-bottom: 1em;
}
.main-body .transit-tools-box-small .title {
  background-color: #56ae57;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-align: center !important;
  padding: .75em 0;
  margin-bottom: 1em;
}
.main-body .transit-tools-box-small p {
  font-size: 0.875em;
  line-height: 1.3;
  font-weight: bold;
  color: #5d5d5d;
}
.main-body .transit-tools-box-small select {
  color: #5d5d5d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  min-width: 240px;
}
@media screen and (max-width: 1040px) {
  .main-body .transit-tools-box-small select {
    width: 180px;
    min-width: 180px;
  }
}
.main-body .transit-tools-box-small img {
  margin-top: 2px;
}
.main-body .transit-tools-box-small .button {
  font-size: 0.875em;
  width: 90%;
  display: block;
  text-align: center !important;
  margin: 0 auto;
  margin-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
}
.main-body .transit-tools-box-large {
  border: solid 1px #c4c4c4;
  text-align: center !important;
}
.main-body .transit-tools-box-large .title {
  background-color: #56ae57;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-align: center !important;
  padding: .75em 0;
}
.main-body .transit-tools-box-large .transit-tools-half {
  display: inline-block;
  width: 48%;
  height: 230px;
  padding: 1.7%;
}
.main-body .transit-tools-box-large .transit-tools-half-border {
  width: 50%;
  border-right: solid 1px #c4c4c4;
}
.main-body .transit-tools-box-large p {
  font-size: 0.875em;
  line-height: 1.3;
  font-weight: bold;
  color: #5d5d5d;
}
.main-body .transit-tools-box-large select {
  color: #5d5d5d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  min-width: 240px;
}
@media screen and (max-width: 1040px) {
  .main-body .transit-tools-box-large select {
    width: 180px;
    min-width: 180px;
  }
}
.main-body .transit-tools-box-large img {
  margin-top: 2px;
}
.main-body .transit-tools-box-large .button {
  font-size: 0.875em;
  width: 90%;
  display: block;
  text-align: center !important;
  margin: 0 auto;
  margin-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
}
.main-body #Home-Section3-Blog-Roll table,
.main-body #Home-Section3-News table,
.main-body #Home-Section3-Blog-Roll td,
.main-body #Home-Section3-News td {
  padding: 0;
}
.main-body #Home-Section3-Blog-Roll td ul li,
.main-body #Home-Section3-News td ul li {
  border-bottom: solid 1px #ededed;
  list-style: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
  margin: 1em 0 1em 0;
  padding: 0 0 1.15em 0;
}
@media screen and (max-width: 500px) {
  .main-body #Home-Section3-Blog-Roll,
  .main-body #Home-Section3-News {
    padding: 0 0em;
  }
}
.main-body #Home-Section3-Blog-Roll .title,
.main-body #Home-Section3-News .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-weight: bold;
  font-size: 1.188em;
  line-height: 1.3;
  text-transform: uppercase;
  color: #000000;
  padding: .75em 0 .5em 0;
  border-bottom: solid 1px #ededed;
}
.main-body #Home-Section3-Blog-Roll .title small,
.main-body #Home-Section3-News .title small {
  float: right;
  font-size: 0.75em;
  line-height: 2.15;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-weight: bold;
}
.main-body #Home-Section3-Blog-Roll ul,
.main-body #Home-Section3-News ul {
  margin: 0px;
  padding: 0px;
}
.main-body #Home-Section3-Blog-Roll ul li,
.main-body #Home-Section3-News ul li {
  border-bottom: solid 1px #ededed;
  list-style: none;
  font-size: 0.875em;
  line-height: 1.4;
  margin: 1em 0 1em 0;
  padding: 0 0 1.15em 0;
}
.main-body #Home-Section3-Blog-Roll ul li .feed-description,
.main-body #Home-Section3-News ul li .feed-description {
  margin-top: 8px;
}
.main-body #Home-Section3-Blog-Roll ul li:last-child,
.main-body #Home-Section3-News ul li:last-child {
  border: none;
}
.main-body #Home-Section4-WhatIsNapta {
  font-size: 0.875em;
}
.main-body #Home-Section4-WhatIsNapta .title {
  font-size: 1.25em;
  font-weight: bold;
  color: #000000;
  margin-bottom: .5em;
}
.main-body #Home-Napta-Logo {
  margin-top: 2.5em;
}
.main-body nav.side-bar {
  margin-bottom: 2em;
}
.main-body nav.side-bar ul {
  margin-bottom: 0px;
}
.main-body nav.side-bar ul li {
  color: #00a2db;
  font-size: 0.875rem;
  list-style: none;
}
.main-body nav.side-bar ul li a {
  border-bottom: solid 1px #c4c4c4;
  padding: .6em 0;
  display: block;
}
.main-body nav.side-bar ul li ul {
  margin-left: 1.5em;
}
.main-body nav.side-bar ul li ul li {
  color: #00a2db;
}
.main-body #Content-ActNow-Box {
  background-color: #fc3362;
  padding: 1.25em 1em 0 1em;
  text-align: center !important;
  color: #ffffff;
}
.main-body #Content-ActNow-Box .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center !important;
}
@media screen and (max-width: 1040px) {
  .main-body #Content-ActNow-Box .title {
    font-size: 2.2em;
  }
}
.main-body #Content-ActNow-Box p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.438em;
  line-height: 1.4;
  text-align: center !important;
  color: #ffffff;
}
@media screen and (max-width: 1040px) {
  .main-body #Content-ActNow-Box p {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
.main-body #Content-ActNow-Box a {
  text-transform: none !important;
}
.main-body .side-bar-facts {
  border-left: solid 1px #00a2db;
  padding-left: 1.5em;
}
.main-body .side-bar-facts span.title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
}
.main-body .side-bar-facts span.title img {
  padding-right: .5em;
}
.main-body .side-bar-facts span.title a {
  float: right;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 2;
  font-weight: bold;
}
.main-body .side-bar-facts p {
  font-family: serif;
  font-style: italic;
  font-size: 1.25em;
  margin-top: .5em;
}
.main-body .rslides_container {
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 100%;
}
.main-body .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.main-body .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
}
.main-body .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.main-body .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.main-body .centered-btns_nav {
  display: none;
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  left: 0;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  height: 49px;
  width: 30px;
  background: transparent url("../images/slider-arrows.png") no-repeat left -30px;
  margin-top: -45px;
}
@media screen and (max-width: 740px) {
  .main-body .centered-btns_nav {
    display: none;
  }
}
.main-body .centered-btns_nav:active {
  opacity: 1.0;
}
.main-body .centered-btns_nav.next {
  left: auto;
  background-position: right 0px;
  right: 40px;
  opacity: .7;
}
.main-body .centered-btns_nav.prev {
  background-position: left 0px;
  left: 40px;
  opacity: .7;
}
.main-body .centered-btns_nav.next:hover {
  background-position: right top;
  opacity: .9;
}
.main-body .centered-btns_nav.prev:hover {
  background-position: left top;
  opacity: .9;
}
.main-body .centered-btns_nav:focus {
  outline: none;
}
.main-body ul.centered-btns_tabs {
  text-align: center;
  z-index: 999999;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  /* Active Pager Nav */

}
@media screen and (max-width: 740px) {
  
}
.main-body ul.centered-btns_tabs li {
  display: block;
  margin-bottom: .5em;
  opacity: 1;
  line-height: 10px;
}
.main-body ul.centered-btns_tabs li a {
  width: .7em;
  height: .7em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  background: #fff;
  border: solid 1px #c4c4c4;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  _display: block;
  *display: block;
}
.main-body ul.centered-btns_tabs li a:hover {
  background-color: #00a2db;
}
.main-body ul.centered-btns_tabs li.centered-btns_here a {
  background: #00a2db;
  border: solid 1px #00a2db;
}
.main-body .slideshow-description-wrap {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: .75em 1em;
}
.main-body .slideshow-description-wrap .slideshow-description {
  color: #ededed;
  font-size: 0.875em;
  line-height: 1.3;
}
@font-face {
  font-family: 'icomoon';
  src: url('/Style Library/resources/fonts/icomoon.eot?s7wb67');
  src: url('/Style Library/resources/fonts/icomoon.eot?#iefixs7wb67') format('embedded-opentype'), url('/Style Library/resources/fonts/icomoon.ttf?s7wb67') format('truetype'), url('/Style Library/resources/fonts/icomoon.woff?s7wb67') format('woff'), url('/Style Library/resources/fonts/icomoon.svg?s7wb67#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.main-body [class^="icon-"],
.main-body [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-body .icon-share:before {
  content: "\e604";
}
.main-body .icon-blog:before {
  content: "\e600";
}
.main-body .icon-facebook:before {
  content: "\e601";
}
.main-body .icon-search:before {
  content: "\e603";
}
.main-body .icon-twitter:before {
  content: "\e605";
}
.main-body .icon-menu:before {
  content: "\e602";
}
/* web part tool pane */
.ms-ToolPaneOuter {
  position: fixed;
  bottom: 30px;
  right: 0;
}
.ms-ToolPaneBody {
  overflow: auto !important;
  max-height: 100%;
}
#MSOTlPn_ToolPaneCaption {
  cursor: move;
}
/* Ribbon Bar CSS Fix */
body #s4-ribbonrow {
  overflow-y: hidden;
  min-height: 43px;
}
body #s4-workspace {
  overflow-y: scroll;
  overflow-x: hidden;
}
body #s4-bodyContainer {
  min-width: inherit;
}
/*--------------------------------------------------------*/
/*	CALCULATORS
/*--------------------------------------------------------*/
.calculator-wrap .calculator-heading-wrap {
  margin-bottom: 1.2em;
  max-width: 450px;
}
.calculator-wrap .calculator-heading-wrap .calculator-icon-wrap {
  float: left;
  background-color: #ededed;
  padding: 14px 14px 6px 14px;
  margin-right: 1em;
}
.calculator-wrap .calculator-heading-wrap h3 {
  font-size: 1.25em;
  text-transform: none !important;
}
@media screen and (max-width: 740px) {
  
}
.calculator-wrap ul.calculator-input {
  font-size: 0.875em;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input {
    font-size: 1.15em;
  }
}
.calculator-wrap ul.calculator-input li {
  display: block;
  list-style: none;
  background-color: #ededed;
  color: #585858;
  padding: 10px 34px 10px 34px;
  border-bottom: solid 1px #ffffff;
  position: relative;
}
.calculator-wrap ul.calculator-input li label {
  display: inline-block;
  float: left;
  margin-top: 5px;
  max-width: 450px;
}
@media screen and (max-width: 1040px) {
  .calculator-wrap ul.calculator-input li label {
    max-width: 285px;
  }
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li label {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    text-align: center;
  }
}
.calculator-wrap ul.calculator-input li input {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  background-color: #ffffff;
  color: #585858;
  width: 100px !important;
  margin: 0px !important;
  float: right;
  text-align: right;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li input {
    width: 100% !important;
  }
}
.calculator-wrap ul.calculator-input li input::-webkit-input-placeholder {
  color: #959595;
}
.calculator-wrap ul.calculator-input li input:-moz-placeholder {
  color: #959595;
}
.calculator-wrap ul.calculator-input li input::-moz-placeholder {
  color: #959595;
}
.calculator-wrap ul.calculator-input li input:-ms-input-placeholder {
  color: #959595;
}
.calculator-wrap ul.calculator-input li input[type=number]::-webkit-inner-spin-button,
.calculator-wrap ul.calculator-input li input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculator-wrap ul.calculator-input li input[type=number] {
  -moz-appearance: textfield;
}
.calculator-wrap ul.calculator-input li .left-inner-addon {
  float: right;
  position: relative;
  /* DOLLAR SIGN */

}
.calculator-wrap ul.calculator-input li .left-inner-addon input {
  padding-left: 22px;
}
.calculator-wrap ul.calculator-input li .left-inner-addon span {
  position: absolute;
  padding: 7px 10px;
  pointer-events: none;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li .left-inner-addon {
    width: 100% !important;
  }
}
.calculator-wrap ul.calculator-input li select {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  background-color: #ffffff;
  color: #585858;
  width: 150px !important;
  border: none;
  float: right;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li select {
    width: 100% !important;
  }
}
.calculator-wrap ul.calculator-input li .calculator-asterick {
  position: absolute;
  right: 10px;
  top: 10px;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li .calculator-asterick {
    top: auto !important;
    bottom: 24px !important;
  }
}
.calculator-wrap ul.calculator-input li .button {
  float: right;
  padding: .5rem 1rem .5rem 1rem !important;
  border: none !important;
  margin: 0 0 0 5px;
}
.calculator-wrap ul.calculator-input li .btn-red {
  background-color: #fc3362 !important;
}
.calculator-wrap ul.calculator-input li .btn-red:hover {
  background-color: #fd6589 !important;
}
.calculator-wrap ul.calculator-input li .btn-red:active {
  background-color: #f8043d !important;
}
.calculator-wrap ul.calculator-input li .btn-green {
  background-color: #56ae57 !important;
}
.calculator-wrap ul.calculator-input li .btn-green:hover {
  background-color: #78bf79 !important;
}
.calculator-wrap ul.calculator-input li .btn-green:active {
  background-color: #448d45 !important;
}
.calculator-wrap ul.calculator-input li label.totals {
  max-width: 430px !important;
}
.calculator-wrap ul.calculator-input li label.total-results {
  width: 130px !important;
  text-align: right !important;
  padding-right: 0.857em;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li label.total-results {
    width: 100% !important;
  }
}
.calculator-wrap ul.calculator-input li .total-cost {
  background-color: #ededed;
  border: none !important;
  font-weight: bold;
  padding-top: 0 !important;
}
.calculator-wrap ul.calculator-input li .gas-total {
  margin-top: 1em !important;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li .gas-total {
    margin-top: 0 !important;
  }
}
.calculator-wrap ul.calculator-input li .total-save {
  background-color: #00a2db;
  color: #ffffff;
  border: none !important;
  font-weight: bold;
  padding-top: 0 !important;
}
.calculator-wrap ul.calculator-input li .savings-total {
  margin-top: 1em !important;
}
@media screen and (max-width: 740px) {
  .calculator-wrap ul.calculator-input li .savings-total {
    margin-top: 0 !important;
  }
}
.calculator-wrap ul.calculator-input li.calculator-total-row {
  font-size: 1.15em !important;
}
.calculator-wrap ul.calculator-input li.calculator-total-row input::-webkit-input-placeholder {
  color: #585858;
}
.calculator-wrap ul.calculator-input li.calculator-total-row input:-moz-placeholder {
  color: #585858;
}
.calculator-wrap ul.calculator-input li.calculator-total-row input::-moz-placeholder {
  color: #585858;
}
.calculator-wrap ul.calculator-input li.calculator-total-row input:-ms-input-placeholder {
  color: #585858;
}
.calculator-wrap ul.calculator-input li.calculator-save-row {
  background-color: #00a2db;
  color: #ffffff;
  font-size: 1.15em !important;
}
.calculator-wrap ul.calculator-input li.calculator-save-row input::-webkit-input-placeholder {
  color: #ffffff;
}
.calculator-wrap ul.calculator-input li.calculator-save-row input:-moz-placeholder {
  color: #ffffff;
}
.calculator-wrap ul.calculator-input li.calculator-save-row input::-moz-placeholder {
  color: #ffffff;
}
.calculator-wrap ul.calculator-input li.calculator-save-row input:-ms-input-placeholder {
  color: #ffffff;
}