@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
@import url(webfonts/ss-gizmo.css);
@import url(webfonts/ss-standard.css);
meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

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

.text-right {
  text-align: right !important; }

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

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/*================================================================================================
	Site Styles
================================================================================================== */
body {
  background: #333;
  color: white;
  font-family: "Helvetica Neue", Helvetica, sans-serif; }

a, a:visited {
  color: #fff; }

a:hover {
  color: rgba(255, 255, 255, 0.8); }

.section {
  padding: 5rem 0 0; }

.hidden {
  display:none;
}

/*  -----------------------------------------------
	Buttons
	----------------------------------------------- */
button, .button {
  background: #67b346;
  border: 3px solid #67b346;
  color: #fff;
  padding: 10px 20px;}
  button:hover, .button:hover {
    background: #467c2e;
    border: 3px solid #67b346; }
  button i, .button i {
    position: relative;
    font-size: 0.6em;
    top: 0.1em; }
  button.top, .button.top {
    border-radius: 50px;
    line-height: 30px;
    padding: 0 30px;
    background: rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    box-shadow: 0 0 0;
    margin-top: 3.75rem; }
  button.top i, .button.top i {
      top: 0; }

  .button strong {
    text-transform: uppercase;
    font-weight: bold;
  }
/*  -----------------------------------------------
	Typograpyy
	----------------------------------------------- */
h1, h2, h3, h4 {
  margin-top: 0; }

h2 {
  font-size: 28pt;
  font-weight: 300; }
  h2.section-heading {
    text-align: center;
    line-height: 1;
    margin-bottom: 0.9375rem; }

h3 {
  font-size: 34pt;
  font-weight: 100;
  margin-bottom: 0.75rem; }

h4 {
  font-size: 20pt;
  margin-bottom: 0.75rem; }

p, ul, ol {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.875rem; }

ul, ol {
  padding-left: 20px; }

@media only screen and (min-width: 40.063em) {
  h2 {
    font-size: 38pt; }
    h2.section-heading {
      margin-bottom: 2.5rem; }

  h3 {
    font-size: 24pt; }

  h4 {
    font-size: 20pt; } }
/*  -----------------------------------------------
	Misc
	----------------------------------------------- */
hr {
  height: 1px;
  border: none;
  border-top: 1px solid #e5e5e5; }

/*  -----------------------------------------------
	Tables
	----------------------------------------------- */
table {
  background: #5f0000;
  border: none;
  width: 100%; }
  table tr th {
    background: rgba(0, 0, 0, 0.2);
    color: white;
    font-weight: normal;
    padding: 15px 0;
    font-size: 1rem; }
  table tr td {
    background: white;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: bold; }
    table tr td:last-child {
      border-right: none; }

/*  -----------------------------------------------
	Welcome
	----------------------------------------------- */
.section.welcome {
  padding-top: 0;
  /* background-color: #354458;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #880000), color-stop(100%, #550000));
  background-image: -webkit-radial-gradient(50% 5%, circle, #880000, #550000);
  background-image: radial-gradient(  circle at 50% 5%, #880000, #550000);  */
}

/*  -----------------------------------------------
	Global header
	----------------------------------------------- */
.global-header {
  background: transparent;
  text-align: center;
  padding: 3.625rem 0 .625rem 0;
  margin-bottom: 1.875rem; }
  .global-header h1 {
    text-align: center;
    margin: 0; }
  .global-header img {
    display: inline;
    width: 150px; }
  @media only screen and (min-width: 40.063em) {
    .global-header {
      text-align: left; } }

/*  -----------------------------------------------
	Sign In Form
	----------------------------------------------- */
.sign-in-form {
  background: #f5f5f5;
  box-shadow: none;
  color: black; }

.sign-in-form-header {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  line-height: 2.8125rem;
  margin-bottom: 2.8125rem;
}

/* .sign-in-form-header a, .sign-in-form-header a:visited {
  color: rgb(103, 179, 70, 0.7);
} */

.sign-in-form-body {
  background: white;
  padding: 1.875rem 1.875rem 0.9375rem; }
  .sign-in-form-body label.right {
    float: none !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin: 0; }
  @media only screen and (min-width: 40.063em) {
    .sign-in-form-body label {
      float: right !important;
      text-align: right;
      margin-bottom: 1rem; } }

.sign-in-form-actions {
  border-top: 1px solid #eee;
  padding: 1.25rem 1.875rem;
  text-align: center; }
  .sign-in-form-actions button, .sign-in-form-actions .button {
    margin-bottom: 4px;
    width: 100%;
    background: #880000;
    color: white;
    box-shadow: 0 0 0; }
    .sign-in-form-actions button:hover, .sign-in-form-actions .button:hover {
      background: #bb0000;
      color: white; }
    .sign-in-form-actions button.secondary, .sign-in-form-actions .button.secondary {
      background: #BBBBBB; }
      .sign-in-form-actions button.secondary:hover, .sign-in-form-actions .button.secondary:hover {
        background: #CCCCCC; }
  .sign-in-form-actions p {
    clear: both;
    margin: 0.3125rem 0 0;
    font-size: 0.875rem;
    color: #666;
    text-align: center; }
  @media only screen and (min-width: 40.063em) {
    .sign-in-form-actions button, .sign-in-form-actions .button {
      width: 200px;
      margin: 0 0 4px; } }

.sign-in-form-secondary-actions {
  text-align: center;
  padding: 0.9375rem 0;
  margin-bottom: 1.875rem;
  background: rgba(255, 255, 255, 0.1); }
  .sign-in-form-secondary-actions a {
    text-decoration: none;
    margin: 0 0.9375rem;
    font-weight: 300;
    font-size: 16pt; }

/*  -----------------------------------------------
	Callouts
	----------------------------------------------- */
.callouts {
  padding-top: 1.875rem; }
  .callouts .callout-link {
    display: block;
    background: white;
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #aaaaaa));
    background-image: -webkit-linear-gradient(white, #aaaaaa);
    background-image: linear-gradient(white, #aaaaaa);
    color: #880000;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.6);
	height: auto;
    padding: 10px;
    text-align: center;
    text-decoration: none; }
    .callouts .callout-link:hover {
      background-color: white;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc));
      background-image: -webkit-linear-gradient(white, #cccccc);
      background-image: linear-gradient(white, #cccccc); }
      .callouts .callout-link:hover .callout-down-arrow {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px); }
  .callouts i, .callouts span {
    display: block; }
  .callouts .callout-icon {
    height: 50px;
    font-size: 24pt; }
    .callouts .callout-icon img.logos {
      position: relative;
      top: -5px;
      max-width: 100%; }
  .callouts .callout-text {
    margin: 0.9375rem 0 0.625rem; }
  .callouts .callout-down-arrow {
    font-size: 1.125rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }

/*  -----------------------------------------------
	Features
	----------------------------------------------- */
.section.features {
  background: #f2f2f2;
  color: black; }
  .section.features a, .section.features a:visited {
    color: #880000; }
  .section.features a:hover {
    color: #bb0000; }

.feature {
  margin: 5.625rem 1.875rem 3.75rem;
  overflow: hidden;
  text-align: center; }
  .feature .feature-button {
    display: none; }
    .feature .feature-button i.ss-navigateup {
      display: none; }
    .feature .feature-button.is-pressed {
      background-color: #e0e0e0;
      box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); }
  .feature .feature-figure {
    margin-bottom: 1.875rem; }
  @media only screen and (min-width: 40.063em) {
    .feature {
      text-align: left;
      margin-left: 0;
      margin-right: 0; }
      .feature .feature-figure {
        max-width: 50%;
        min-height: 300px; }
        .feature .feature-figure.pad-top {
          padding-top: 2.5rem; }
        .feature .feature-figure img {
          width: 100%; }
      .feature .feature-description {
        max-width: 50%;
        padding-top: 2.5rem; }
      .feature.figure-right figure {
        float: right;
        padding-left: 3.75rem; }
      .feature.figure-right .feature-description {
        float: left; }
      .feature.figure-left figure {
        float: left;
        padding-right: 3.75rem; }
      .feature.figure-left .feature-description {
        float: right; } }

.feature-extra {
  clear: both;
  padding: 2.5rem;
  background: white;
  text-align: left;
  font-size: 0.875rem; }
  .feature-extra > :last-child {
    margin-bottom: 0; }

/*  -----------------------------------------------
	Pricing
	----------------------------------------------- */
.section.pricing {
  background: #424242;
  background-color: #880000;
  background-color: #880000;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #880000), color-stop(100%, #550000));
  background-image: -webkit-radial-gradient(50% 5%, circle, #880000, #550000);
  background-image: radial-gradient(  circle at 50% 5%, #880000, #550000); }

  @media only screen and (min-width: 40.063em) {
    .pricing-tables {
      border-left: 1px solid #222; }
      .pricing-tables li.description {
        min-height: 98px; }
      .pricing-tables li.annual-savings {
        min-height: 65px; } }
  @media only screen and (min-width: 860px) {
    .pricing-tables li.annual-savings {
      min-height: 0; } }

ul.pricing-table {
  margin: 0 0 0.9375rem;
  padding: 0;
  border: none;
  border-right: 1px solid #880000;
  background: rgba(0, 0, 0, 0.2); }
  ul.pricing-table li.title {
    background: #5f0000; }
  ul.pricing-table li.price {
    color: #880000;
    font-size: 20pt; }
  ul.pricing-table span.cable {
    display: block;
    padding: 0.3125rem 0;
    font-size: 0.875rem; }
  @media only screen and (min-width: 40.063em) {
    ul.pricing-table {
      border-left: none;
      margin: 0; } }
  @media only screen and (min-width: 64.063em) {
    ul.pricing-table {
      border-left: none;
      margin: 0; } }

.extras {
  margin-bottom: 2.5rem; }
  .extras h3 {
    font-weight: normal;
    text-align: center; }
  .extras table tr th {
    background: #5F0000; }
  .extras tr.provider-nat-wifi td {
    padding-top: 15px;
    padding-bottom: 15px; }
  .extras table tr td {
    width: 20%; }
  .extras table tr td.provider {
    background: #eee; }
  .extras li.bullet-item {
    line-height: 1.5; }
    .extras li.bullet-item strong {
      font-weight: normal;
      font-size: 24pt; }

.free-trial {
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  padding: 1.875rem; }
  .free-trial h3 {
    font-weight: normal; }
  .free-trial p {
    margin-bottom: 0; }

.createaccount {
  margin: 3rem 0;
}

.create-account-callout {
  margin: 0 0 2rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  padding: 1.875rem 0 0.5rem;
}

h2.section-heading {
    font-family: 'lato' sans-serif;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    }
.sign-in-form-body {
    background: transparent;
    }

.sign-in-form {
    background: transparent;
    }

.sign-in-form-header {
    border-bottom: none;
    }

    body {
    color: white;
    font-family: "lato", sans-serif;
    }

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color:transparent;
    color:white;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;}

input[type="email"] {
  background-color: rgb(51,51,51);
}

.section.welcome {
    background: url(img/background.jpg) no-repeat center -110px / cover;
    background-attachment: fixed;
    }

    .global-header {
    background: transparent;
    }

    .sign-in-form-header {
    font-weight: 100;
    color: white;
    font-size: 34px;
    }

    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: transparent;
    border-color: white;
    outline: none;
    color: white;
    font-weight: bold;
    }

    input[type="email"]:focus {
      background-color: black;
      color: white;
    }

    .sign-in-form-actions button, .sign-in-form-actions .button {
    background: #1991ce;
     -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
margin-right: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'lato' sans-serif;
    padding:12px;
    }

    .sign-in-form-actions button:hover, .sign-in-form-actions .button:hover {
    background: #1991ce;
    }
    p, ul, ol {
	line-height: 1.4;
	font-family: 'lato' sans-serif;
	font-weight: 100;
	font-size: 18px;
	text-align: center;
    }

    .sign-in-form-actions p {
    color: white;
    }

    body{
    font-size:18px; }

    .sign-in-form-secondary-actions {
    background: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
        padding: 20px;
        font-size:14px;
}
    .sign-in-form-actions {
    border-top: none;
    }

    .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after{
    font-size: 24px;
    padding-right: 5px; }

    .callouts .callout-text {
        margin: 12px 6px;
    color: white;
    font-size: 20px;
}

.callouts i, .callouts span{
color:white; }

.ss-wifi:before, .ss-wifi.right:after {
    font-size: 42px !important;
    }

    .ss-redirect:before, .ss-redirect.right:after {
    font-size: 42px !important;
    }

    .callouts .callout-link{
    background:none;
    background-color:transparent;
    background-image:none;
    border: 1px solid white;
  }

    .callouts .callout-link:hover {
    background-color: transparent;
    background: none;
    }

    .global-header img {
    width: 210px;
    }

    .free-trial {
    text-align: center;
    background: lightgray;
    color: black;
    }

    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus{
color: white;
    background-color: #1991ce;
	}

    button.secondary, .button.secondary{
color: white;
    background-color: #1991ce;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;}

.section.features a, .section.features a:visited {
    color: white;
    }

    .section.features a:hover {
    color: white;
    }

    .section.features a, .section.features a:visited {
	font-family: 'lato' sans-serif;
	font-weight: bold !important;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	color: #1991ce;
    }

    .feature .feature-button {
    width: 100%;
    float: right;
     -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
    }

    .feature-extra {
    clear: both;
    padding: 25px;
    }

    .feature-extra {
    background: lightgray;
    font-family: 'latos' sans-serif;
    }
    ul.pricing-table li.title {
    background: #1991ce;
    }
.pricing-table .title {
    background-color: #333333;
    color: #eeeeee;
    font-weight: bold;
    font-family: 'latos' sans-serif;
    font-size: 18px;
    }

    ul.pricing-table {
    border: 1px solid white;
        margin-left: 15px;
    margin-right: 15px;
    }

    .section.pricing {
    background-image: none;
    background-color: #02486c;
}

.pricing-table .description {
    background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: 100;
    font-family: 'latos' sans-serif;
}

.pricing-table .bullet-item {
  background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: 100;
    font-family: 'latos' sans-serif;
}

.pricing-table .price {
  background-color: transparent;
    color: white;
    font-size: 16px;
    font-weight: 100;
    font-family: 'latos' sans-serif;
}

ul.pricing-table li.price{
color:white; }

.pricing-tables {
    border-left: none;
}

.extras table tr th {
    background: lightgrey;
}

table tr th {
    color: #02486c;
    font-weight: bold;
    text-transform:uppercase;
}

.extras table tr td {
    width: 20%;
    text-align: center;
    background: #02486c;
    border: 1px solid white;
    font-family: 'latos' sans-serif;
    font-size: 16px;
    font-weight: 100;
    color: white;
    }

    .extras table tr td.provider {
    background: #02486c;
}

/*  -----------------------------------------------
	Footer
	----------------------------------------------- */
.global-footer {
  padding: 2.5rem 0;
  font-size: 0.875rem;
  text-align: center;
  color: #aaa; }
  .global-footer a.top {
    text-decoration: none; }
  .global-footer p {
    margin-bottom: 0.9375rem; }