@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/** new **/
/** unlimited LTE colors **/
@font-face {
  font-family: 'icons';
  src: url("fonts/icons.eot?d991nw");
  src: url("fonts/icons.eot?#iefixd991nw") format("embedded-opentype"), url("fonts/icons.woff?d991nw") format("woff"), url("fonts/icons.ttf?d991nw") format("truetype"), url("fonts/icons.svg?d991nw#icons") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  box-sizing: border-box; }

input[type="submit"] {
  -webkit-appearance: none; }

body {
  background: #f6f5f5;
  font-family: "Open Sans", sans-serif; }
  body.noScroll {
    overflow: hidden; }

a {
  color: #597dba; }
  a:hover {
    color: #27ba93; }

.clearfix, header .preHeader, header nav .wrapper, .homeFeatures, .supportWrapper, .purchasePlans, .purchasePlans .steps, .purchasePlans .verifyWrapper .verify, .purchasePlans .verifyWrapper .verify .b-contact, .purchasePlans .paymentsWrapper .paymentStatus,
.purchasePlans .paymentsWrapper .paymentDetails-shipping,
.purchasePlans .paymentsWrapper .paymentDetails-billing,
.purchasePlans .paymentsWrapper .discount,
.purchasePlans .paymentsWrapper .creditCardInfo,
.purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form,
.purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv, .purchasePlans .confirmationWrapper .billingShipping, .purchasePlans .showCart, .featuresPreview .wrapper, .blog nav.pagination, .etf .request .elements, footer .wrapper, .cp, .cp .billGlance ul, .cp .billPlans .billPlans-lines > li ul.billPlans-details li, .cp .billPlans .totals, .cp .cp-account ul li, .cp .cp-payment ul.cp-paymentOptions li, .cp .cp-payment ul.cp-paymentOptions li .editCardControls, .cp .cp-payment .updateCard .updateCardForm, .cp .cp-payment .updateCard .updateCardForm ul, .modal.usageHistory, .modal.manualPayment, .modal.planOptions {
  zoom: 1; }
  .clearfix:before, header .preHeader:before, header nav .wrapper:before, .homeFeatures:before, .supportWrapper:before, .purchasePlans:before, .purchasePlans .steps:before, .purchasePlans .verifyWrapper .verify:before, .purchasePlans .verifyWrapper .verify .b-contact:before, .purchasePlans .paymentsWrapper .paymentStatus:before,
  .purchasePlans .paymentsWrapper .paymentDetails-shipping:before,
  .purchasePlans .paymentsWrapper .paymentDetails-billing:before,
  .purchasePlans .paymentsWrapper .discount:before,
  .purchasePlans .paymentsWrapper .creditCardInfo:before,
  .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form:before,
  .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv:before, .purchasePlans .confirmationWrapper .billingShipping:before, .purchasePlans .showCart:before, .featuresPreview .wrapper:before, .blog nav.pagination:before, .etf .request .elements:before, footer .wrapper:before, .cp:before, .cp .billGlance ul:before, .cp .billPlans .billPlans-lines > li ul.billPlans-details li:before, .cp .billPlans .totals:before, .cp .cp-account ul li:before, .cp .cp-payment ul.cp-paymentOptions li:before, .cp .cp-payment ul.cp-paymentOptions li .editCardControls:before, .cp .cp-payment .updateCard .updateCardForm:before, .cp .cp-payment .updateCard .updateCardForm ul:before, .modal.usageHistory:before, .modal.manualPayment:before, .modal.planOptions:before {
    content: '';
    display: block; }
  .clearfix:after, header .preHeader:after, header nav .wrapper:after, .homeFeatures:after, .supportWrapper:after, .purchasePlans:after, .purchasePlans .steps:after, .purchasePlans .verifyWrapper .verify:after, .purchasePlans .verifyWrapper .verify .b-contact:after, .purchasePlans .paymentsWrapper .paymentStatus:after,
  .purchasePlans .paymentsWrapper .paymentDetails-shipping:after,
  .purchasePlans .paymentsWrapper .paymentDetails-billing:after,
  .purchasePlans .paymentsWrapper .discount:after,
  .purchasePlans .paymentsWrapper .creditCardInfo:after,
  .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form:after,
  .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv:after, .purchasePlans .confirmationWrapper .billingShipping:after, .purchasePlans .showCart:after, .featuresPreview .wrapper:after, .blog nav.pagination:after, .etf .request .elements:after, footer .wrapper:after, .cp:after, .cp .billGlance ul:after, .cp .billPlans .billPlans-lines > li ul.billPlans-details li:after, .cp .billPlans .totals:after, .cp .cp-account ul li:after, .cp .cp-payment ul.cp-paymentOptions li:after, .cp .cp-payment ul.cp-paymentOptions li .editCardControls:after, .cp .cp-payment .updateCard .updateCardForm:after, .cp .cp-payment .updateCard .updateCardForm ul:after, .modal.usageHistory:after, .modal.manualPayment:after, .modal.planOptions:after {
    content: '';
    display: table;
    clear: both; }

.wrapper {
  width: calc(90% - 60px);
  max-width: 1240px;
  margin: auto; }
  @media only screen and (max-width: 520px) {
    .wrapper {
      width: calc(100% - 10px); } }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(61, 77, 86, 0.6);
  display: none;
  z-index: 100; }

.marquee-wrapper {
  background: #283238;
  color: #fffefe;
  height: 58px;
  position: relative; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .marquee-wrapper {
      height: 38px; } }
  .marquee-wrapper .wrapper {
    position: relative; }
  .marquee-wrapper .left-shadow,
  .marquee-wrapper .right-shadow {
    position: absolute;
    height: 100%;
    width: 70px;
    top: 0; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .marquee-wrapper .left-shadow,
      .marquee-wrapper .right-shadow {
        width: 40px; } }
  .marquee-wrapper .left-shadow {
    left: 0;
    background: linear-gradient(to right, #283238 0%, rgba(40, 50, 56, 0) 100%); }
  .marquee-wrapper .right-shadow {
    right: 0;
    background: linear-gradient(to right, rgba(40, 50, 56, 0) 0%, #283238 100%); }
  .marquee-wrapper .close-marquee {
    position: absolute;
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #3a4349;
    font-family: "icons";
    text-decoration: none;
    top: 0;
    right: 0;
    z-index: 2; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .marquee-wrapper .close-marquee {
        display: none; } }
    .marquee-wrapper .close-marquee:hover {
      color: white; }
  .marquee-wrapper .marquee {
    text-align: center;
    line-height: 58px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    font-size: 15px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .marquee-wrapper .marquee {
        line-height: 38px;
        font-size: 12px; } }

header .preHeader {
  background: #8fc345;
  height: 45px;
  line-height: 45px;
  color: #231175;
  white-space: nowrap; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px) {
    header .preHeader {
      height: 45px;
      line-height: 45px; } }
  @media only screen and (max-width: 520px) {
    header .preHeader {
      height: 30px;
      line-height: 30px; } }
  header .preHeader p {
    float: left;
    font-size: 15px;
    font-weight: 400; }
    header .preHeader p span {
      color: #231175; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      header .preHeader p {
        float: left;
        text-align: center;
        white-space: nowrap;
        font-size: 11px; }
        header .preHeader p.phone {
          float: right; } }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      header .preHeader p {
        font-size: 14px; } }
  header .preHeader p.phone {
    display: none; }
    @media only screen and (max-width: 520px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px) {
      header .preHeader p.phone {
        display: block;
        color: white; } }
  header .preHeader ul {
    float: right; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px) {
      header .preHeader ul {
        float: none;
        text-align: center; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      header .preHeader ul {
        display: none; } }
    header .preHeader ul li {
      display: inline-block;
      font-size: 14px;
      font-weight: 400;
      margin-right: 40px;
      position: relative;
      color: #aaa; }
      @media only screen and (max-width: 520px) {
        header .preHeader ul li {
          margin-right: 20px;
          font-size: 14px; }
          header .preHeader ul li:first-child {
            display: block;
            margin-right: 0; } }
      header .preHeader ul li:last-child {
        margin-right: 0; }
      header .preHeader ul li span {
        color: #231175; }
      header .preHeader ul li a {
        text-decoration: none;
        color: #231175; }
        header .preHeader ul li a:hover, header .preHeader ul li a:hover em, header .preHeader ul li a:hover i {
          color: #231175; }
        header .preHeader ul li a i {
          font-family: "icons"; }
        header .preHeader ul li a em {
          color: #231175; }
        header .preHeader ul li a em.top-menu {
          margin-right: 6px; }
        header .preHeader ul li a i.top-menu-caret {
          color: #231175; }
header nav {
  background: #353535;
  height: 90px;
  line-height: 90px;
  position: relative; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    header nav {
      height: auto;
      line-height: normal;
      text-align: center; } }
  header nav h1 a {
    float: left;
    font-size: 36px;
    font-weight: 700;
    color: #fffefe;
    padding-left: 65px;
    position: relative;
    text-decoration: none; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      header nav h1 a {
        padding: 10px 0 10px 65px;
        text-align: left; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      header nav h1 a {
        padding: 10px 0 10px 65px;
        text-align: left; } }
    @media only screen and (max-width: 520px) {
      header nav h1 a {
        font-size: 24px;
        display: block;
        padding: 10px 0 10px 35px;
        text-align: left;
        margin-left: 15px; } }
    header nav h1 a span {
      font-weight: 300; }
    header nav h1 a img {
      position: absolute;
      top: 50%;
      left: 0;
      height: 65% !important;
      transform: translatey(-50%); }
      @media only screen and (max-width: 520px) {
        header nav h1 a img {
          height: 28px; } }
  header nav .openNav {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "icons";
    padding: 10px;
    line-height: 38px;
    font-size: 28px;
    width: 58px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    color: #4c606b;
    display: none; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      header nav .openNav {
        display: block; } }
    @media only screen and (max-width: 520px) {
      header nav .openNav {
        font-size: 22px;
        line-height: 35px; } }
  header nav ul {
    float: right; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      header nav ul {
        float: none;
        clear: both;
        padding-bottom: 20px;
        display: none; } }
    header nav ul li {
      display: inline-block;
      margin-right: 40px;
      position: relative; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        header nav ul li {
          display: block;
          margin-right: 0;
          margin-bottom: 10px; } }
      header nav ul li:last-child, header nav ul li.last {
        margin-right: 0; }
      header nav ul li.phone {
        display: none; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          header nav ul li.phone {
            display: block; } }
      header nav ul li a {
        color: #fdfdfd;
        font-weight: 100;
        text-transform: initial;
        font-size: 15px;
        text-decoration: none;
        letter-spacing: 1.5px; }
        header nav ul li a:hover {
          color: #98db38; }
        header nav ul li a i {
          font-weight: normal;
          font-family: "icons";
          vertical-align: bottom; }
          @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            header nav ul li a i {
              display: none; } }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        header nav ul li.button {
          display: none; } }
      header nav ul li.button a {
        color: white;
        background: #15b58c;
        padding: 10px 20px;
        border-radius: 5px; }
        header nav ul li.button a:hover {
          background: #98db38; }
      header nav ul li .coverageChecker {
        display: none;
        position: absolute;
        z-index: 10;
        background: #283238;
        border-radius: 5px;
        color: white;
        padding: 20px 30px;
        left: 50%;
        top: 100%;
        transform: translatex(-50%);
        text-align: center;
        line-height: normal; }
        header nav ul li .coverageChecker.showing {
          display: block; }
        header nav ul li .coverageChecker:before {
          content: '';
          width: 0;
          height: 0;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-bottom: 5px solid #283238;
          position: absolute;
          top: -5px;
          left: 50%;
          margin-left: -7px; }
        header nav ul li .coverageChecker h3 {
          font-size: 30px;
          white-space: nowrap;
          padding: 0 50px;
          line-height: normal; }
        header nav ul li .coverageChecker .inputWrapper {
          position: relative;
          margin: 20px 0; }
          header nav ul li .coverageChecker .inputWrapper i {
            position: absolute;
            top: 10px;
            left: 10px;
            font-family: "icons";
            font-style: normal;
            color: #abb8be;
            font-size: 28px; }
          header nav ul li .coverageChecker .inputWrapper input {
            width: 100%;
            height: 40px;
            height: 50px;
            border: none;
            border-radius: 5px;
            outline: none;
            font-family: "Open Sans", sans-serif;
            padding: 0 20px 0 50px;
            font-size: 18px; }
        header nav ul li .coverageChecker input[type="submit"] {
          background: #38aeb8;
          background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);
          border-radius: 5px;
          border: none;
          height: 50px;
          padding: 0 30px;
          color: white;
          text-transform: uppercase;
          font-size: 18px;
          font-family: "Open Sans", sans-serif;
          font-weight: 700;
          outline: none;
          cursor: pointer; }
          header nav ul li .coverageChecker input[type="submit"]:hover {
            background: #25d4e4; }
      header nav ul li a.get-started {
        color: white;
        /**background: linear-gradient(45deg, $nred 0%, $nred 100%);*/
        background: #8fc345;
        border-radius: 5px;
        padding: 13px 21px;
        text-decoration: none;
        height: 55px;
        font-size: 14px;
        cursor: pointer;
        text-align: center; }
        header nav ul li a.get-started:hover {
          background: #6c992d; }
header .loginPre, header .loginNav, header .forgotPre, header .forgotNav {
  display: none;
  position: absolute;
  z-index: 10;
  background: #283238;
  border-radius: 5px;
  color: white;
  padding: 20px 30px;
  left: 50%;
  top: 100%;
  transform: translatex(-50%);
  text-align: center;
  line-height: normal; }
  header .loginPre.showing, header .loginNav.showing, header .forgotPre.showing, header .forgotNav.showing {
    display: block; }
  header .loginPre:before, header .loginNav:before, header .forgotPre:before, header .forgotNav:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid #283238;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -7px; }
  header .loginPre h3, header .loginNav h3, header .forgotPre h3, header .forgotNav h3 {
    font-size: 18px;
    white-space: nowrap;
    padding: 0 50px;
    line-height: normal; }
  header .loginPre p, header .loginNav p, header .forgotPre p, header .forgotNav p {
    font-size: 14px;
    line-height: 1.3;
    color: white;
    white-space: normal;
    padding: 10px 0; }
  header .loginPre .inputWrapper, header .loginNav .inputWrapper, header .forgotPre .inputWrapper, header .forgotNav .inputWrapper {
    clear: both;
    position: relative;
    margin: 20px 0; }
    header .loginPre .inputWrapper a, header .loginNav .inputWrapper a, header .forgotPre .inputWrapper a, header .forgotNav .inputWrapper a {
      position: absolute;
      top: 17px;
      right: 10px;
      font-style: normal;
      color: #38aeb8;
      font-size: 14px;
      font-style: italic; }
      header .loginPre .inputWrapper a:hover, header .loginNav .inputWrapper a:hover, header .forgotPre .inputWrapper a:hover, header .forgotNav .inputWrapper a:hover {
        color: #38aeb8; }
    header .loginPre .inputWrapper input, header .loginNav .inputWrapper input, header .forgotPre .inputWrapper input, header .forgotNav .inputWrapper input {
      width: 100%;
      height: 40px;
      height: 50px;
      border: none;
      border-radius: 5px;
      outline: none;
      font-family: "Open Sans", sans-serif;
      padding: 0 20px;
      font-size: 18px; }
  header .loginPre input[type="submit"], header .loginNav input[type="submit"], header .forgotPre input[type="submit"], header .forgotNav input[type="submit"] {
    background: #8fc345;
    /*background: linear-gradient(45deg, $nred 0%, $nred 100%);*/
    background: #8fc345;
    border-radius: 5px;
    border: none;
    height: 50px;
    padding: 0 40px;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    outline: none;
    cursor: pointer; }
    header .loginPre input[type="submit"]:hover, header .loginNav input[type="submit"]:hover, header .forgotPre input[type="submit"]:hover, header .forgotNav input[type="submit"]:hover {
      background: #8fc345; }

.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url("images/landing-page-cover.jpg?_=212") center top scroll;
  background-size: cover;
  /*background-position:0%;*/
  text-align: center;
  position: relative; }
  .hero .wrapper {
    padding: 130px 0;
    padding-bottom: 20px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .hero .wrapper {
        padding: 80px 0;
        padding-bottom: 50px; } }
  .hero p.fineprint {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: white;
    font-size: 14px;
    font-style: italic; }
    @media only screen and (max-width: 520px) {
      .hero p.fineprint {
        font-size: 11px; } }
  .hero h1 {
    font-style: italic;
    font-weight: 800;
    font-size: 52px;
    color: white;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 1.5; }
    @media only screen and (max-width: 520px) {
      .hero h1 {
        margin-bottom: 100px; } }
    .hero h1 span {
      text-transform: none;
      display: block;
      font-weight: normal;
      font-size: 22px;
      font-style: italic;
      padding-top: 15px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px) {
      .hero h1 {
        font-size: 40px; }
        .hero h1 span {
          font-size: 18px;
          padding-top: 10px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .hero h1 {
        font-size: 40px; }
        .hero h1 span {
          font-size: 18px;
          padding-top: 10px; } }
    @media only screen and (max-width: 520px) {
      .hero h1 {
        font-size: 40px;
        line-height: 1.2; }
        .hero h1 span {
          font-size: 18px;
          padding: 15px 30px; } }
  .hero a {
    color: white;
    /*background: linear-gradient(45deg, $nred 0%, $nred 100%);*/
    background: #8fc345;
    border-radius: 5px;
    padding: 0 40px;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 18px;
    letter-spacing: 2px;
    cursor: pointer; }
    @media only screen and (max-width: 520px) {
      .hero a {
        height: 50px;
        line-height: 50px;
        padding: 0 30px; } }
    .hero a i {
      font-family: "icons";
      text-transform: none;
      padding-left: 5px; }
    .hero a:hover {
      background: #25d4e4; }
  .hero p.note {
    margin-top: 20px;
    color: #fffefe;
    line-height: 2;
    font-size: 12px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .hero p.note {
        font-size: 10px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .hero p.note {
        font-size: 11px; } }

.save {
  background: white;
  padding: 20px 0;
  text-align: center; }
  .save h3 {
    color: #3a4349;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px; }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .save h3 {
        font-size: 24px; } }
    @media only screen and (max-width: 520px) {
      .save h3 {
        font-size: 20px; } }
  .save p {
    color: #4c606b;
    font-size: 18px;
    padding-top: 5px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .save p {
        font-size: 14px; } }

.home-features-glance {
  position: relative;
  margin-top: 30px; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .home-features-glance {
      margin-bottom: 30px; }
      .home-features-glance .wrapper {
        width: calc(100% - 60px); } }
  .home-features-glance.cover-over {
    margin-top: -70px; }
  .home-features-glance .features {
    background: url("images/features-bg.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 5px;
    padding: 40px 80px 20px;
    text-align: center; }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .home-features-glance .features {
        padding: 40px 40px 20px; } }
    @media only screen and (max-width: 520px) {
      .home-features-glance .features {
        padding: 20px; } }
    .home-features-glance .features h2 {
      color: white;
      font-size: 36px;
      margin-bottom: 40px;
      font-weight: 700; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-glance .features h2 {
          font-size: 18px; } }
    .home-features-glance .features ul {
      margin-bottom: 20px;
      text-align: left;
      display: flex;
      flex-wrap: wrap; }
      .home-features-glance .features ul li {
        width: calc(100% / 3);
        color: white;
        font-size: 18px;
        position: relative;
        margin-bottom: 10px; }
        @media only screen and (min-width: 720px) and (max-width: 959px) {
          .home-features-glance .features ul li {
            width: calc(100% / 2); } }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .home-features-glance .features ul li {
            width: 100%; } }
        .home-features-glance .features ul li:before {
          content: 'V';
          font-family: "icons";
          padding-right: 40px; }
          @media only screen and (max-width: 520px) {
            .home-features-glance .features ul li:before {
              padding-right: 20px; } }
    .home-features-glance .features a.more {
      text-transform: uppercase;
      color: #3a4349;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer; }
      .home-features-glance .features a.more:hover {
        color: white; }

.home-features-whole {
  background: #fff !important;
  padding-top: 30px;
  padding-bottom: 30px; }
  .home-features-whole .wrapper {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .home-features-whole .wrapper {
        width: 100%; } }
  .home-features-whole article {
    background: white;
    border-radius: 5px;
    border: 1px solid #d7dee0;
    float: left;
    padding: 30px;
    color: #4c606b;
    height: 121px;
    position: relative;
    width: 49%; }
    .home-features-whole article h2 {
      font-size: 30px;
      font-weight: 700;
      padding-bottom: 5px;
      line-height: 1.2;
      color: #280b36;
      text-transform: uppercase;
      text-align: center;
      font-style: italic; }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article h2 {
          font-size: 26px; } }
      @media only screen and (min-width: 720px) and (max-width: 959px) {
        .home-features-whole article h2 {
          font-size: 22px; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article h2 {
          text-align: center; } }
    .home-features-whole article p {
      font-size: 18px;
      line-height: 1.8;
      color: #4c606b;
      text-align: center; }
      @media only screen and (min-width: 960px) and (max-width: 1199px) {
        .home-features-whole article p {
          line-height: 1.4; } }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article p {
          font-size: 14px;
          line-height: 1.4; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article p {
          margin-bottom: 20px; } }
      .home-features-whole article p .red {
        color: #e53037; }
      .home-features-whole article p .green {
        color: #3bbb97; }
    .home-features-whole article a {
      position: absolute;
      bottom: 30px;
      left: 30px;
      color: #38aeb8;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 700;
      font-size: 16px; }
      .home-features-whole article a:hover {
        color: #3a4349; }
      .home-features-whole article a i {
        font-family: "icons"; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article a {
          position: static; } }
    .home-features-whole article:last-child {
      margin-left: 2%; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .home-features-whole article:last-child {
          margin-left: 0;
          border-top: 0px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .home-features-whole article {
        width: 100%;
        border-radius: 0px;
        border-left: none !important;
        border-right: none !important; } }

.homeFeatures {
  padding: 30px 0; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .homeFeatures {
      padding: 0; } }
  .homeFeatures .wrapper {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures .wrapper {
        width: 100%; } }
  .homeFeatures article {
    background: white;
    border-radius: 5px;
    border: 1px solid #d7dee0;
    margin-bottom: 30px;
    margin-right: 30px;
    float: left;
    padding: 30px;
    color: #4c606b;
    height: 230px;
    position: relative; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article {
        height: auto;
        text-align: center;
        background: white !important;
        margin-bottom: 0;
        border: none;
        border-top: 1px solid #d7dee0;
        border-radius: 0; } }
    .homeFeatures article h2 {
      font-size: 28px;
      font-weight: 700;
      padding-bottom: 5px;
      line-height: 1.2;
      font-style: italic;
      color: #4c606b; }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article h2 {
          font-size: 24px; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article h2 {
          text-align: center; } }
      .homeFeatures article h2.italic {
        font-style: italic; }
    .homeFeatures article p {
      font-size: 18px;
      line-height: normal;
      font-weight: 100;
      color: #4c606b; }
      @media only screen and (min-width: 960px) and (max-width: 1199px) {
        .homeFeatures article p {
          line-height: normal; } }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article p {
          font-size: 16px; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article p {
          margin-bottom: 20px; } }
    .homeFeatures article a {
      position: absolute;
      bottom: 30px;
      left: 30px;
      color: #8fc345;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px; }
      .homeFeatures article a:hover {
        color: #6c992d; }
      .homeFeatures article a i {
        font-family: "icons"; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article a {
          position: static; } }
      .homeFeatures article a.button-custom {
        color: white;
        background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);
        border-radius: 5px;
        padding: 13px 21px;
        text-decoration: none;
        font-size: 14px;
        cursor: pointer;
        text-align: center; }
        .homeFeatures article a.button-custom:hover {
          background: #25d4e4; }
      .homeFeatures article a.text-green {
        color: #8fc345; }
    .homeFeatures article.tall {
      height: 450px; }
    .homeFeatures article.long {
      width: calc(70% - 30px); }
    .homeFeatures article.short {
      width: 30%; }
    .homeFeatures article.no-right {
      margin-right: 0; }
    .homeFeatures article.whole.withPhone {
      background: #393939 url(images/withPhone.png) center top;
      background-size: cover;
      background-position: 0% 12%;
      height: 330px;
      width: 100%;
      margin-right: 0px; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.whole.withPhone {
          width: 100%;
          margin-right: 0; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.whole.withPhone {
          background: #393939 url(images/withPhone.png) center top no-repeat !important;
          background-size: 100% !important;
          /* background-position: 0% 14%; */
          height: 330px;
          width: 100%;
          margin-right: 0px; } }
      .homeFeatures article.whole.withPhone h2 {
        color: white;
        font-style: italic; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.whole.withPhone h2 {
            font-size: 20px; } }
      .homeFeatures article.whole.withPhone p {
        font-size: 18px;
        width: 45%;
        color: #d2d2d2;
        line-height: normal;
        margin-top: 31px;
        font-weight: 100; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.whole.withPhone p {
            width: 100%;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 10px;
            padding: 14px;
            font-size: 12px;
            margin-top: 10px; } }
        @media only screen and (min-width: 720px) and (max-width: 959px) {
          .homeFeatures article.whole.withPhone p {
            width: 64% !important;
            font-size: 16px !important; } }
    .homeFeatures article.bringPhone {
      background: white   no-repeat;
      background-position: 202px 52%; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.bringPhone {
          width: 100%;
          margin-right: 0;
          background: white;
          background-position: 78px 52%; } }
      .homeFeatures article.bringPhone h2 {
        color: #4c606b; }
      .homeFeatures article.bringPhone p {
        color: #4c606b;
        width: 38%; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.bringPhone p {
            width: 100%; } }
        @media only screen and (min-width: 720px) and (max-width: 959px) {
          .homeFeatures article.bringPhone p {
            width: 55%; } }
      .homeFeatures article.bringPhone img {
        position: absolute;
        top: 0px;
        right: 0%;
        height: 100%; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.bringPhone img {
            display: none; } }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px) {
          .homeFeatures article.bringPhone img {
            width: 44%; } }
      .homeFeatures article.bringPhone a {
        color: #8fc345; }
    .homeFeatures article.expand-borders {
      /*background: #587bbd url(images/rounded.png) center top no-repeat;*/
      /*color: white;*/
      background-position: 35px 0px; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.expand-borders {
          width: 100%;
          /*color: white;*/
          /* background: url(images/rounded.png) 35px 0px no-repeat rgb(88, 123, 189)!important;
           background-position: 35px 0px;*/
          position: relative;
          float: none;
          height: 100%; } }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
        .homeFeatures article.expand-borders {
          padding: 20px; } }
      .homeFeatures article.expand-borders .border-div-wrapper {
        float: left;
        width: 20%;
        /*img{
        	position: relative;
            width: 104px;
            float: left;
            bottom: auto;
            right: auto;
            margin-top: 20px;
            @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            	margin: auto;
        	    position: relative;
        	    float: none;
            }
        }*/ }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.expand-borders .border-div-wrapper {
            width: 100%;
            text-align: center;
            margin: auto;
            float: none; } }
        .homeFeatures article.expand-borders .border-div-wrapper .details-wrp {
          position: absolute;
          margin-top: 50px;
          bottom: 30px; }
          @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
            .homeFeatures article.expand-borders .border-div-wrapper .details-wrp {
              margin-top: 20px; } }
          @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .homeFeatures article.expand-borders .border-div-wrapper .details-wrp {
              position: relative;
              bottom: auto; } }
          .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled {
            display: inline-block;
            vertical-align: middle; }
            .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled li {
              text-align: center;
              display: inline-block;
              height: 25px;
              vertical-align: bottom;
              margin: auto 14px; }
              .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled li img {
                height: 100%; }
              @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
                .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled li {
                  margin: auto 8px; } }
              @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
                .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled li {
                  display: block;
                  margin: 10px auto; } }
              @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
                .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled li {
                  height: 20px; } }
            @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
              .homeFeatures article.expand-borders .border-div-wrapper .details-wrp .list-unstyled {
                width: 100%;
                margin-top: 20px; } }
          .homeFeatures article.expand-borders .border-div-wrapper .details-wrp a {
            display: inline-block;
            vertical-align: middle;
            position: initial; }
        .homeFeatures article.expand-borders .border-div-wrapper:last-child {
          margin-top: 13px;
          /*margin-left: 20px;*/
          width: 100%; }
          @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .homeFeatures article.expand-borders .border-div-wrapper:last-child {
              margin: auto;
              width: 100%;
              float: none; } }
          @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
            .homeFeatures article.expand-borders .border-div-wrapper:last-child {
              margin-top: 0px; } }
        .homeFeatures article.expand-borders .border-div-wrapper h2 {
          /*color:white;*/ }
        .homeFeatures article.expand-borders .border-div-wrapper p {
          /*color: white;*/
          font-size: 16px; }
    .homeFeatures article.great-connection {
      padding-left: 0px;
      background: #fff url(images/great-op-monitor.png) center top no-repeat;
      background-position: 118% -46px; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.great-connection {
          width: 100%;
          margin: auto; } }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.great-connection {
          background: #fff; } }
      @media only screen and (min-width: 960px) and (max-width: 1199px) {
        .homeFeatures article.great-connection {
          background: #fff url(images/great-op-monitor.png) right bottom no-repeat;
          background-position: 226px 23px;
          background-size: 70%; } }
      .homeFeatures article.great-connection p {
        padding-left: 30px;
        width: 50%;
        font-size: 14px; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.great-connection p {
            width: 100%;
            margin-top: 20px;
            text-align: center; } }
      .homeFeatures article.great-connection .banner {
        width: 300px;
        background: #25b48c;
        padding: 8px;
        color: white;
        padding-left: 30px; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.great-connection .banner {
            width: 100%; } }
      .homeFeatures article.great-connection h2 {
        padding-left: 30px;
        color: #587bbd;
        padding-top: 11px; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.great-connection h2 {
            text-align: center; } }
    .homeFeatures article .bg-green {
      background: #15b58c; }
    .homeFeatures article .bg-red {
      background: #e72d30; }
    .homeFeatures article .bg-dark-blue {
      background: #587bbd; }
    .homeFeatures article .bg-green-important {
      background: #280b36 !important; }
    .homeFeatures article .bg-red-important {
      background: #e72d30 !important; }
    .homeFeatures article .bg-dark-blue-important {
      background: #587bbd !important; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .homeFeatures article.wifi-calling {
        width: calc(50% - 15px);
        margin-right: 30px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article.wifi-calling {
        width: 100%;
        margin-right: 0; } }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .homeFeatures article.bringFreinds {
        width: calc(50% - 15px);
        margin-right: 0px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article.bringFreinds {
        width: 100%;
        margin-right: 0; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article.music {
        width: 100%;
        margin-right: 0; } }
    .homeFeatures article.music img {
      position: absolute;
      bottom: 30px;
      right: 30px; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.music img {
          position: static;
          margin-bottom: 10px;
          max-width: 100%;
          display: block;
          margin: 0 auto 20px; } }
    .homeFeatures article.etf {
      background: white url("images/paper.jpg") no-repeat;
      background-position: right; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .homeFeatures article.wifi {
        width: 100%; } }
    .homeFeatures article.support {
      background: white;
      background-position: right;
      width: 100%;
      background-size: 49%; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.support {
          background: white;
          height: auto; }
          .homeFeatures article.support a {
            position: static; } }
      .homeFeatures article.support IMG {
        position: absolute;
        top: 0px;
        right: 0%;
        max-height: 100%; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.support IMG {
            display: none; } }
      .homeFeatures article.support h2 {
        width: 70%;
        /*margin-left: 26%;*/
        /*color: $li;*/ }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.support h2 {
            width: 100%;
            margin: auto;
            margin-bottom: 20px; } }
      .homeFeatures article.support p {
        width: 50%;
        /*margin-left: 26%;*/ }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.support p {
            width: 100%;
            margin: auto;
            margin-bottom: 10px;
            padding-bottom: 20px; } }
        @media only screen and (min-width: 960px) and (max-width: 1199px) {
          .homeFeatures article.support p {
            width: 50%; } }
      .homeFeatures article.support .button-custom {
        left: auto;
        right: 60px;
        top: 29%;
        /* bottom: 0; */
        margin: auto;
        bottom: auto; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.support .button-custom {
            float: none !important;
            text-align: center;
            margin: auto;
            padding: 10px;
            position: inherit;
            top: 34%;
            left: auto;
            right: auto; } }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px) {
          .homeFeatures article.support .button-custom {
            margin-left: 26%; } }
    .homeFeatures article.borders {
      background: white url(images/420Map1.jpg) no-repeat;
      background-position: center right; }
      @media only screen and (min-width: 720px) and (max-width: 959px) {
        .homeFeatures article.borders {
          width: 100%;
          margin-right: 0; } }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.borders {
          width: 100%;
          margin-right: 0; } }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.borders {
          background: white;
          height: auto; } }
      .homeFeatures article.borders h2 {
        width: 70%; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.borders h2 {
            width: 100%;
            margin-bottom: 20px; } }
      .homeFeatures article.borders p {
        width: 60%; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .homeFeatures article.borders p {
            width: 100%;
            margin-bottom: 10px; } }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .homeFeatures article.borders a {
          bottom: 20px; } }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .homeFeatures article.simple-setup {
        width: 100%;
        margin-right: 0px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article.simple-setup {
        width: 100%;
        margin-right: 0; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures article.simple-setup ul {
        text-align: left;
        display: inline-block;
        margin-top: 10px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .homeFeatures article.simple-setup ul {
        margin-top: 10px; } }
    .homeFeatures article.simple-setup ul li {
      position: relative;
      height: 22px;
      line-height: 22px;
      margin-bottom: 20px; }
      .homeFeatures article.simple-setup ul li:last-child span:after {
        display: none; }
      .homeFeatures article.simple-setup ul li span {
        display: inline-block;
        position: relative;
        width: 22px;
        height: 22px;
        background: #3a4349;
        border-radius: 22px;
        text-align: center;
        color: white;
        font-size: 14px;
        font-weight: 600;
        margin-right: 10px; }
        .homeFeatures article.simple-setup ul li span:after {
          position: absolute;
          content: '';
          width: 2px;
          height: 22px;
          background: #d5dbde;
          right: 10px;
          top: 100%; }
        .homeFeatures article.simple-setup ul li span.complete {
          background: #38aeb8; }
        .homeFeatures article.simple-setup ul li span i {
          font-family: "icons";
          font-size: .8em; }
      .homeFeatures article.simple-setup ul li p {
        display: inline-block; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
          .homeFeatures article.simple-setup ul li p {
            font-size: 13px; } }
        .homeFeatures article.simple-setup ul li p em {
          color: #8fc345;
          font-style: italic;
          font-weight: 600; }
    .homeFeatures article.slider {
      text-align: center;
      overflow: hidden;
      padding: 0;
      			/*ul {
      				position: relative;
      				width: 100%;
      				li {
      					position: absolute;
      					text-align: center;
      
      					&.prev {
      						top: 30px;
      						left: -30px;
      						transform: translatex(-50%);
      						filter: grayscale(100%);
      					}
      
      					&.active {
      						left: 50%;
      						transform: translateX(-50%);
      
      						h5 {
      							padding-top: 10px;
      							line-height: 1.2;
      							color: $darkGreyText;
      						}
      
      						p {
      							color: $greenText;
      							font-weight: 700;
      							font-size: 20px;
      
      							sup {
      								vertical-align: super;
      								font-size: 13px;
      							}
      						}
      					}
      
      					&.next {
      						top: 30px;
      						right: -30px;
      						transform: translatex(50%);
      						filter: grayscale(100%);
      					}
      				}
      			}*/ }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
        .homeFeatures article.slider {
          width: 100%; } }
      .homeFeatures article.slider h3 {
        color: #1db4cb;
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        padding: 30px; }
        .homeFeatures article.slider h3 span {
          display: block;
          font-size: 14px;
          font-weight: 600;
          text-transform: none;
          color: #abb8be; }
      .homeFeatures article.slider .sliderWrapper {
        width: 100%;
        overflow: hidden;
        position: relative; }
        .homeFeatures article.slider .sliderWrapper a {
          position: static; }
          .homeFeatures article.slider .sliderWrapper a h5 {
            padding-top: 10px;
            line-height: 1.2;
            color: #4c606b;
            font-weight: 400; }
          .homeFeatures article.slider .sliderWrapper a p {
            color: #8dd43f;
            font-weight: 700;
            font-size: 20px; }
            .homeFeatures article.slider .sliderWrapper a p sup {
              vertical-align: super;
              font-size: 13px; }
        .homeFeatures article.slider .sliderWrapper ul {
          font-size: 0;
          white-space: nowrap;
          transform: translatex(-25%);
          position: relative;
          left: 0%;
          transition: all .3s ease-in-out; }
          .homeFeatures article.slider .sliderWrapper ul li {
            display: inline-block;
            width: 50%;
            vertical-align: top; }
            .homeFeatures article.slider .sliderWrapper ul li figure {
              text-align: center; }
              .homeFeatures article.slider .sliderWrapper ul li figure img {
                max-width: 100%;
                transform: scale(0.7);
                transition: all .3s ease-in-out; }
            .homeFeatures article.slider .sliderWrapper ul li h5, .homeFeatures article.slider .sliderWrapper ul li p {
              display: none; }
            .homeFeatures article.slider .sliderWrapper ul li.active figure img {
              transform: scale(1); }
            .homeFeatures article.slider .sliderWrapper ul li.active h5, .homeFeatures article.slider .sliderWrapper ul li.active p {
              display: block;
              white-space: normal; }
      .homeFeatures article.slider nav {
        position: absolute;
        bottom: 30px;
        /*width: calc(100% - 60px);*/
        width: 100%;
        text-align: center; }
        .homeFeatures article.slider nav a {
          position: static;
          display: inline-block;
          margin: 0 10px;
          font-size: 0;
          width: 10px;
          height: 10px;
          background: #cfdee6;
          border-radius: 5px; }
          .homeFeatures article.slider nav a.active {
            background: #383938; }
  .homeFeatures .fineprint {
    clear: both;
    text-align: center;
    font-size: 11px;
    line-height: 1.4;
    padding: 0 40px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .homeFeatures .fineprint {
        padding: 40px; } }
    .homeFeatures .fineprint a {
      color: #1db4cb;
      text-decoration: none; }
    .homeFeatures .fineprint strong {
      font-weight: 700; }

.supportWrapper {
  padding: 50px 0; }
  .supportWrapper .faqs {
    float: right;
    width: calc(100% - 430px); }
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
      .supportWrapper .faqs {
        width: calc(100% - 330px); } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .supportWrapper .faqs {
        float: none;
        width: 100%; } }
    .supportWrapper .faqs nav {
      height: 80px;
      line-height: 80px;
      width: 101%; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .supportWrapper .faqs nav {
          height: auto;
          line-height: normal; } }
      .supportWrapper .faqs nav ul {
        text-align: center; }
        .supportWrapper .faqs nav ul li {
          margin: 0 6px;
          display: inline-block; }
          @media only screen and (min-width: 960px) and (max-width: 1199px) {
            .supportWrapper .faqs nav ul li {
              margin: auto 4px; } }
          @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .supportWrapper .faqs nav ul li {
              margin: 10px 8px; } }
          .supportWrapper .faqs nav ul li a {
            color: #abb8be;
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
            text-decoration: none;
            padding: 0 2px; }
            .supportWrapper .faqs nav ul li a:hover {
              color: #4c606b; }
            .supportWrapper .faqs nav ul li a.active {
              color: #1c42b8;
              padding-bottom: 5px;
              border-bottom: 2px solid #1c42b8; }
            @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 960px) {
              .supportWrapper .faqs nav ul li a {
                font-size: 12px;
                font-weight: 300; } }
    .supportWrapper .faqs ul.questions {
      background: white;
      border-radius: 5px;
      color: #4c606b; }
      .supportWrapper .faqs ul.questions li {
        border: 1px solid white;
        border-bottom: 1px solid #d7dee0; }
        .supportWrapper .faqs ul.questions li:first-child {
          border-radius: 5px 5px 0 0; }
        .supportWrapper .faqs ul.questions li:last-child {
          border-radius: 0 0 5px 5px;
          border-bottom: none; }
        .supportWrapper .faqs ul.questions li.active {
          border: 1px solid #3bbb97; }
          .supportWrapper .faqs ul.questions li.active h2 i {
            transform: rotate(180deg); }
        .supportWrapper .faqs ul.questions li h2 {
          padding: 20px 60px 20px 30px;
          font-size: 16px;
          position: relative;
          cursor: pointer; }
          .supportWrapper .faqs ul.questions li h2 i {
            transition: all .3s ease;
            font-family: "icons";
            position: absolute;
            right: 0;
            width: 60px;
            text-align: center;
            color: #3bbb97; }
        .supportWrapper .faqs ul.questions li .answer {
          padding: 30px 30px 30px 60px;
          font-size: 14px;
          display: none; }
          .supportWrapper .faqs ul.questions li .answer p {
            margin-bottom: 20px;
            line-height: 1.2; }
            .supportWrapper .faqs ul.questions li .answer p:nth-last-of-type(1) {
              margin-bottom: 0; }
  .supportWrapper .support {
    float: left;
    width: 400px;
    margin-top: 80px; }
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
      .supportWrapper .support {
        width: 300px; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .supportWrapper .support {
        float: none;
        width: 100%;
        margin-top: 40px; } }
    .supportWrapper .support .info {
      background: white url(images/support-girl.jpg) bottom right -10px no-repeat;
      background-size: 67%;
      border-radius: 5px 5px 0 0;
      padding: 40px; }
      .supportWrapper .support .info h3 {
        color: #8fc345;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 30px;
        font-style: italic;
        margin-bottom: 40px;
        line-height: 1.2; }
        .supportWrapper .support .info h3 span {
          display: block;
          color: #1b1b1b;
          font-size: 20px;
          font-weight: normal;
          text-transform: none;
          font-style: normal; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .supportWrapper .support .info h3 {
            font-size: 24px; }
            .supportWrapper .support .info h3 span {
              font-size: 18px; } }
      .supportWrapper .support .info p {
        color: #4c606b;
        font-size: 16px;
        line-height: 1.4; }
        .supportWrapper .support .info p:nth-last-of-type(1) {
          padding-top: 40px; }
        .supportWrapper .support .info p span {
          color: #abb8be; }
    .supportWrapper .support form {
      background: #29272b;
      border-radius: 0 0 5px 5px;
      padding: 40px; }
      .supportWrapper .support form h6 {
        color: white;
        font-size: 20px;
        margin-bottom: 20px; }
      .supportWrapper .support form input[type="text"],
      .supportWrapper .support form input[type="email"],
      .supportWrapper .support form textarea {
        width: 100%;
        margin-bottom: 20px;
        height: 40px;
        padding: 0 20px;
        border-radius: 5px;
        border: none;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        color: #4c606b;
        outline: none; }
        .supportWrapper .support form input[type="text"]::-webkit-input-placeholder,
        .supportWrapper .support form input[type="email"]::-webkit-input-placeholder,
        .supportWrapper .support form textarea::-webkit-input-placeholder {
          color: #abb8be; }
        .supportWrapper .support form input[type="text"]:-moz-placeholder,
        .supportWrapper .support form input[type="email"]:-moz-placeholder,
        .supportWrapper .support form textarea:-moz-placeholder {
          color: #abb8be; }
        .supportWrapper .support form input[type="text"]::-moz-placeholder,
        .supportWrapper .support form input[type="email"]::-moz-placeholder,
        .supportWrapper .support form textarea::-moz-placeholder {
          color: #abb8be; }
        .supportWrapper .support form input[type="text"]:-ms-input-placeholder,
        .supportWrapper .support form input[type="email"]:-ms-input-placeholder,
        .supportWrapper .support form textarea:-ms-input-placeholder {
          color: #abb8be; }
      .supportWrapper .support form textarea {
        padding: 10px 20px;
        height: 100px;
        max-width: 100%; }
      .supportWrapper .support form input[type="submit"] {
        color: white;
        text-transform: uppercase;
        border: none;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        font-size: 16px;
        cursor: pointer;
        width: 100%; }

.privacy {
  border-top: 2px solid #aab8be;
  background: white; }
  .privacy .wrapper {
    padding: 100px; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .privacy .wrapper {
        padding: 50px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .privacy .wrapper {
        padding: 20px; } }
  .privacy h1 {
    color: #1db4cb;
    font-size: 30px;
    margin-bottom: 50px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .privacy h1 {
        font-size: 18px;
        margin-bottom: 30px; } }
  .privacy p {
    color: #4c606b;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.2; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .privacy p {
        margin-bottom: 15px;
        font-size: 12px; } }

.purchasePlans {
  padding-top: 60px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 520px) {
    .purchasePlans {
      padding-top: 30px; } }
  .purchasePlans .steps {
    display: table;
    width: 100%;
    margin-bottom: 30px; }
    .purchasePlans .steps li {
      display: table-cell; }
      .purchasePlans .steps li a {
        display: block;
        font-size: 15px;
        text-decoration: none;
        position: relative;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-weight: 400;
        background: #353535;
        color: #abb8be;
        margin-right: 23px; }
        .purchasePlans .steps li a.current {
          background: #abb8be;
          color: white;
          font-weight: 600; }
        .purchasePlans .steps li a.complete {
          background: #38aeb8;
          color: white;
          font-weight: 600; }
        .purchasePlans .steps li a .short {
          display: none; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .steps li a .short {
            display: block; }
          .purchasePlans .steps li a .long {
            display: none; } }
        @media only screen and (max-width: 520px) {
          .purchasePlans .steps li a {
            font-size: 13px;
            height: 35px;
            line-height: 35px; } }
      .purchasePlans .steps li:first-child a {
        padding-left: 15px;
        border-radius: 4px 0 0 4px; }
        .purchasePlans .steps li:first-child a:before {
          border: none; }
      .purchasePlans .steps li:last-child a {
        padding-right: 15px;
        border-radius: 0 4px 4px 0;
        margin-right: 0; }
        .purchasePlans .steps li:last-child a:after {
          border: none; }
      .purchasePlans .steps li a:before, .purchasePlans .steps li a:after {
        content: "";
        position: absolute;
        top: 0;
        border: 0 solid #353535;
        border-width: 25px 10px;
        width: 0;
        height: 0; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .steps li a:before, .purchasePlans .steps li a:after {
            border-width: 18px 10px 17px 10px; } }
      .purchasePlans .steps li a:before {
        left: -20px;
        border-left-color: transparent; }
      .purchasePlans .steps li a:after {
        left: 100%;
        border-color: transparent;
        border-left-color: #353535; }
      .purchasePlans .steps li a:hover {
        background-color: #41535c; }
        .purchasePlans .steps li a:hover:before {
          border-color: #41535c;
          border-left-color: transparent; }
        .purchasePlans .steps li a:hover:after {
          border-left-color: #41535c; }
      .purchasePlans .steps li a.current {
        background-color: #abb8be; }
        .purchasePlans .steps li a.current:before {
          border-color: #abb8be;
          border-left-color: transparent; }
        .purchasePlans .steps li a.current:after {
          border-left-color: #abb8be; }
      .purchasePlans .steps li a.complete {
        background-color: #8fc345; }
        .purchasePlans .steps li a.complete:before {
          border-color: #8fc345;
          border-left-color: transparent; }
        .purchasePlans .steps li a.complete:after {
          border-left-color: #8fc345; }
  .purchasePlans .plansWrapper {
    width: calc(80% - 30px);
    margin-right: 30px;
    float: left; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans .plansWrapper {
        width: 100%;
        float: none; } }
    .purchasePlans .plansWrapper .label-plans h5 {
      line-height: normal;
      font-size: 20px;
      font-weight: 700;
      font-style: italic;
      padding-bottom: 28px;
      color: #4c606b; }
    .purchasePlans .plansWrapper p.notes {
      font-size: 12px;
      line-height: 1.5;
      font-style: italic;
      padding-bottom: 30px; }
    .purchasePlans .plansWrapper .plans-heading {
      background: url(images/plans-hero.jpg) no-repeat;
      background-size: cover;
      min-height: 320px;
      margin-bottom: 40px;
      color: white;
      padding: 34px;
      border-radius: 7px;
      position: relative; }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .purchasePlans .plansWrapper .plans-heading {
          margin-bottom: 30px;
          padding-bottom: 164px;
          position: relative; } }
      .purchasePlans .plansWrapper .plans-heading h2 {
        color: #fff;
        line-height: normal;
        font-size: 26px;
        font-weight: 700;
        font-style: italic; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper .plans-heading h2 {
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 5px; } }
      .purchasePlans .plansWrapper .plans-heading p {
        color: #FFF;
        font-size: 16px;
        line-height: normal;
        font-weight: 500;
        padding-top: 12px; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper .plans-heading p {
            font-size: 16px;
            line-height: 1.4; } }
      .purchasePlans .plansWrapper .plans-heading .hero-lists {
        margin-top: 40px;
        position: relative;
        width: 100%; }
        .purchasePlans .plansWrapper .plans-heading .hero-lists ul li {
          margin-bottom: 15px;
          font-size: 14px;
          font-weight: 100; }
          .purchasePlans .plansWrapper .plans-heading .hero-lists ul li span.fa {
            padding-right: 20px; }
          .purchasePlans .plansWrapper .plans-heading .hero-lists ul li span strong {
            font-weight: 600; }
        .purchasePlans .plansWrapper .plans-heading .hero-lists ul.list-unstyled {
          display: inline-block;
          margin-left: 8%;
          vertical-align: top; }
          @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .purchasePlans .plansWrapper .plans-heading .hero-lists ul.list-unstyled {
              margin-left: 0; } }
        .purchasePlans .plansWrapper .plans-heading .hero-lists ul:first-child {
          margin-left: 0px; }
      .purchasePlans .plansWrapper .plans-heading .note {
        font-size: 14px;
        width: 100%;
        margin-top: 20px;
        font-weight: 100;
        font-style: italic;
        position: relative;
        float: left;
        padding-bottom: 20px; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper .plans-heading .note {
            line-height: 2; } }
      .purchasePlans .plansWrapper .plans-heading .see-all-features {
        position: absolute;
        bottom: 11%;
        right: 34px;
        float: right;
        text-decoration: none;
        color: #fff;
        font-weight: 500; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper .plans-heading .see-all-features {
            bottom: 6%; } }
        .purchasePlans .plansWrapper .plans-heading .see-all-features:hover {
          color: #3bbb97; }
      .purchasePlans .plansWrapper .plans-heading nav {
        margin-top: 40px; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper .plans-heading nav {
            margin-top: 20px; } }
        .purchasePlans .plansWrapper .plans-heading nav span {
          margin-right: 40px; }
          @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .purchasePlans .plansWrapper .plans-heading nav span {
              display: block;
              line-height: 1.4; } }
          .purchasePlans .plansWrapper .plans-heading nav span:nth-last-of-type(1) {
            margin-right: 0; }
        .purchasePlans .plansWrapper .plans-heading nav a {
          color: #3a4349;
          text-transform: uppercase;
          font-weight: 700;
          text-decoration: none; }
          .purchasePlans .plansWrapper .plans-heading nav a:hover {
            color: #38aeb8; }
          .purchasePlans .plansWrapper .plans-heading nav a i {
            font-family: "icons"; }
    .purchasePlans .plansWrapper ul.plans {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (max-width: 520px) {
        .purchasePlans .plansWrapper ul.plans {
          padding: 0 20px; } }
      .purchasePlans .plansWrapper ul.plans > li {
        width: calc((100% / 3) - 20px);
        background: white;
        margin-bottom: 30px;
        border-radius: 5px;
        border: 1px solid #d7dee0;
        color: #4c606b;
        text-align: center;
        padding-bottom: 100px;
        position: relative;
        overflow: hidden;
        display: block; }
        @media only screen and (min-width: 521px) and (max-width: 719px) {
          .purchasePlans .plansWrapper ul.plans > li {
            width: calc(50% - 15px); } }
        @media only screen and (max-width: 520px) {
          .purchasePlans .plansWrapper ul.plans > li {
            width: 100%;
            margin-right: 0; } }
        .purchasePlans .plansWrapper ul.plans > li:hover {
          border: 1px solid #8fc345; }
          .purchasePlans .plansWrapper ul.plans > li:hover a {
            transform: translateX(-50%) scale(1.3); }
        .purchasePlans .plansWrapper ul.plans > li .new {
          position: absolute;
          background: #8fc345;
          color: white;
          padding: 69px 50px 5px 50px;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700;
          left: -73px;
          top: -32px;
          transform: rotate(-45deg); }
        .purchasePlans .plansWrapper ul.plans > li h6 {
          padding: 30px;
          font-size: 60px;
          font-weight: 800; }
          .purchasePlans .plansWrapper ul.plans > li h6 sub {
            vertical-align: baseline;
            font-size: 14px;
            font-weight: 400; }
          .purchasePlans .plansWrapper ul.plans > li h6 sup {
            vertical-align: super;
            font-size: 30px; }
        .purchasePlans .plansWrapper ul.plans > li h5 {
          background: #8fc345;
          background: none;
          line-height: 40px;
          color: white;
          font-weight: 700;
          margin-bottom: 30px;
          color: #38aeb8;
          font-size: 18px; }
        .purchasePlans .plansWrapper ul.plans > li ul li {
          margin-bottom: 5px;
          line-height: 1.2;
          padding: 0 30px; }
          .purchasePlans .plansWrapper ul.plans > li ul li em {
            color: #8fc345;
            font-weight: 700; }
        .purchasePlans .plansWrapper ul.plans > li img {
          width: 30%;
          display: block;
          margin: auto; }
        .purchasePlans .plansWrapper ul.plans > li p {
          color: #abb8be;
          font-size: 14px;
          padding-top: 5px; }
        .purchasePlans .plansWrapper ul.plans > li a {
          display: inline-block;
          background: #8fc345;
          /*background: linear-gradient(45deg, $pink 0%, $darkPurple 100%);*/
          border-radius: 40px;
          padding: 0 40px;
          height: 40px;
          line-height: 40px;
          color: white;
          font-weight: 600;
          transition: all .3s ease;
          text-decoration: none;
          margin: 30px 0;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
  .purchasePlans .verifyWrapper {
    width: calc(80% - 30px);
    margin-right: 30px;
    float: left;
    background: white;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans .verifyWrapper {
        width: 100%;
        float: none; } }
    .purchasePlans .verifyWrapper .verify {
      padding-bottom: 30px;
      border-bottom: 1px solid #d7dee0; }
      .purchasePlans .verifyWrapper .verify h1 {
        color: #3a4349;
        font-size: 30px;
        margin-bottom: 30px; }
      .purchasePlans .verifyWrapper .verify input[type="text"], .purchasePlans .verifyWrapper .verify input[type="email"] {
        height: 50px;
        border: 2px solid #d7dee0;
        color: #4c606b;
        padding: 0 20px;
        outline: none;
        border-radius: 5px;
        font-family: "Open Sans", sans-serif;
        font-size: 18px;
        float: left;
        width: calc(33.33333333333333% - 20px);
        margin-right: 30px;
        margin-bottom: 30px; }
        @media only screen and (min-width: 521px) and (max-width: 719px) {
          .purchasePlans .verifyWrapper .verify input[type="text"], .purchasePlans .verifyWrapper .verify input[type="email"] {
            width: calc(50% - 15px); }
            .purchasePlans .verifyWrapper .verify input[type="text"]:nth-of-type(2n), .purchasePlans .verifyWrapper .verify input[type="email"]:nth-of-type(2n) {
              margin-right: 0; } }
        @media only screen and (max-width: 520px) {
          .purchasePlans .verifyWrapper .verify input[type="text"], .purchasePlans .verifyWrapper .verify input[type="email"] {
            width: 100%;
            margin-right: 0; } }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 960px) {
          .purchasePlans .verifyWrapper .verify input[type="text"]:nth-last-of-type(1), .purchasePlans .verifyWrapper .verify input[type="email"]:nth-last-of-type(1) {
            margin-right: 0; } }
        .purchasePlans .verifyWrapper .verify input[type="text"]::-webkit-input-placeholder, .purchasePlans .verifyWrapper .verify input[type="email"]::-webkit-input-placeholder {
          color: #abb8be; }
        .purchasePlans .verifyWrapper .verify input[type="text"]:-moz-placeholder, .purchasePlans .verifyWrapper .verify input[type="email"]:-moz-placeholder {
          color: #abb8be; }
        .purchasePlans .verifyWrapper .verify input[type="text"]::-moz-placeholder, .purchasePlans .verifyWrapper .verify input[type="email"]::-moz-placeholder {
          color: #abb8be; }
        .purchasePlans .verifyWrapper .verify input[type="text"]:-ms-input-placeholder, .purchasePlans .verifyWrapper .verify input[type="email"]:-ms-input-placeholder {
          color: #abb8be; }
        .purchasePlans .verifyWrapper .verify input[type="text"]:focus, .purchasePlans .verifyWrapper .verify input[type="email"]:focus {
          border: 2px solid #3a4349; }
      .purchasePlans .verifyWrapper .verify .b-type {
        margin: 0 0 30px 0; }
        .purchasePlans .verifyWrapper .verify .b-type .b-inputWrap {
          margin: 10px 0; }
          .purchasePlans .verifyWrapper .verify .b-type .b-inputWrap input[type="radio"] {
            display: none;
            background: url("images/checked.svg") no-repeat; }
          .purchasePlans .verifyWrapper .verify .b-type .b-inputWrap input[type="radio"] + label:before {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url("images/unchecked.svg") no-repeat;
            vertical-align: middle;
            cursor: pointer;
            margin: -1px 10px 0 0px; }
          .purchasePlans .verifyWrapper .verify .b-type .b-inputWrap input[type="radio"]:checked + label:before {
            background: url("images/checked.svg") no-repeat; }
          .purchasePlans .verifyWrapper .verify .b-type .b-inputWrap label {
            display: inline-block;
            font-size: 16px;
            color: #4c606b;
            font-family: "Open Sans", sans-serif;
            cursor: pointer;
            font-weight: 700;
            line-height: 1.2; }
    .purchasePlans .verifyWrapper .proof {
      padding-top: 30px;
      color: #4c606b; }
      .purchasePlans .verifyWrapper .proof h3 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 10px; }
      .purchasePlans .verifyWrapper .proof p {
        font-size: 14px;
        margin-bottom: 5px;
        color: #abb8be; }
        .purchasePlans .verifyWrapper .proof p em {
          font-style: italic; }
      .purchasePlans .verifyWrapper .proof .b-fileInput {
        margin: 30px 0; }
        .purchasePlans .verifyWrapper .proof .b-fileInput p {
          color: #abb8be;
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 10px; }
        .purchasePlans .verifyWrapper .proof .b-fileInput input[type="file"] {
          display: none; }
        .purchasePlans .verifyWrapper .proof .b-fileInput a {
          color: white;
          height: 50px;
          line-height: 50px;
          padding: 0 30px;
          font-size: 16px;
          font-weight: 600;
          text-decoration: none;
          background: #3a4349;
          display: inline-block;
          border-radius: 50px;
          cursor: pointer; }
          .purchasePlans .verifyWrapper .proof .b-fileInput a:hover {
            background: #abb8be; }
      .purchasePlans .verifyWrapper .proof .b-proofFile {
        display: inline-block; }
        .purchasePlans .verifyWrapper .proof .b-proofFile img {
          border: 2px solid #8fc345; }
        .purchasePlans .verifyWrapper .proof .b-proofFile p {
          text-align: center; }
    .purchasePlans .verifyWrapper .b-submit {
      margin: 30px 0 60px; }
      .purchasePlans .verifyWrapper .b-submit p {
        margin-top: 10px;
        font-size: 14px;
        font-style: italic;
        color: #4c606b; }
      .purchasePlans .verifyWrapper .b-submit input[type="submit"] {
        height: 50px;
        padding: 0 30px;
        color: white;
        background: #8fc345;
        /*background: linear-gradient(45deg, $pink 0%, $darkPurple 100%);*/
        border-radius: 50px;
        cursor: pointer;
        border: none;
        font-size: 18px;
        outline: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px; }
        .purchasePlans .verifyWrapper .b-submit input[type="submit"]:hover {
          background: #38aeb8; }
  .purchasePlans .paymentsWrapper {
    width: calc(80% - 30px);
    margin-right: 30px;
    float: left;
    background: white;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans .paymentsWrapper {
        width: 100%;
        float: none; } }
    .purchasePlans .paymentsWrapper .paymentStatus,
    .purchasePlans .paymentsWrapper .paymentDetails-shipping,
    .purchasePlans .paymentsWrapper .paymentDetails-billing,
    .purchasePlans .paymentsWrapper .discount,
    .purchasePlans .paymentsWrapper .creditCardInfo {
      padding: 30px;
      border-bottom: 1px solid #d7dee0; }
      @media only screen and (max-width: 520px) {
        .purchasePlans .paymentsWrapper .paymentStatus,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping,
        .purchasePlans .paymentsWrapper .paymentDetails-billing,
        .purchasePlans .paymentsWrapper .discount,
        .purchasePlans .paymentsWrapper .creditCardInfo {
          padding: 30px 0; } }
      .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo,
      .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo,
      .purchasePlans .paymentsWrapper .discount.creditCardInfo,
      .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo {
        border-bottom: none; }
      .purchasePlans .paymentsWrapper .paymentStatus h1,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping h1,
      .purchasePlans .paymentsWrapper .paymentDetails-billing h1,
      .purchasePlans .paymentsWrapper .discount h1,
      .purchasePlans .paymentsWrapper .creditCardInfo h1 {
        font-size: 30px;
        color: #3a4349; }
        .purchasePlans .paymentsWrapper .paymentStatus h1 img,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping h1 img,
        .purchasePlans .paymentsWrapper .paymentDetails-billing h1 img,
        .purchasePlans .paymentsWrapper .discount h1 img,
        .purchasePlans .paymentsWrapper .creditCardInfo h1 img {
          vertical-align: middle; }
      .purchasePlans .paymentsWrapper .paymentStatus p,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping p,
      .purchasePlans .paymentsWrapper .paymentDetails-billing p,
      .purchasePlans .paymentsWrapper .discount p,
      .purchasePlans .paymentsWrapper .creditCardInfo p {
        font-size: 16px;
        color: #4c606b; }
        .purchasePlans .paymentsWrapper .paymentStatus p em,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping p em,
        .purchasePlans .paymentsWrapper .paymentDetails-billing p em,
        .purchasePlans .paymentsWrapper .discount p em,
        .purchasePlans .paymentsWrapper .creditCardInfo p em {
          font-size: 14px;
          color: #abb8be;
          padding-top: 10px;
          display: inline-block; }
      .purchasePlans .paymentsWrapper .paymentStatus h4,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping h4,
      .purchasePlans .paymentsWrapper .paymentDetails-billing h4,
      .purchasePlans .paymentsWrapper .discount h4,
      .purchasePlans .paymentsWrapper .creditCardInfo h4 {
        color: #4c606b;
        font-size: 18px;
        font-weight: 700;
        padding-top: 30px;
        padding-bottom: 10px; }
      .purchasePlans .paymentsWrapper .paymentStatus select,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping select,
      .purchasePlans .paymentsWrapper .paymentDetails-billing select,
      .purchasePlans .paymentsWrapper .discount select,
      .purchasePlans .paymentsWrapper .creditCardInfo select {
        width: calc(50% - 90px);
        float: right;
        height: 50px;
        border: 2px solid #d7dee0;
        outline: none;
        margin: 0 60px 30px 0;
        border-radius: 5px;
        font-family: "Open Sans", sans-serif;
        padding: 0 20px;
        color: #4c606b;
        font-size: 18px; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .paymentsWrapper .paymentStatus select,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping select,
          .purchasePlans .paymentsWrapper .paymentDetails-billing select,
          .purchasePlans .paymentsWrapper .discount select,
          .purchasePlans .paymentsWrapper .creditCardInfo select {
            width: 100%;
            margin-right: 0; } }
      .purchasePlans .paymentsWrapper .paymentStatus input[type="text"],
      .purchasePlans .paymentsWrapper .paymentStatus input[type="tel"],
      .purchasePlans .paymentsWrapper .paymentStatus input[type="email"],
      .purchasePlans .paymentsWrapper .paymentStatus input[type="password"],
      .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="text"],
      .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="tel"],
      .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="email"],
      .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="password"],
      .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="text"],
      .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="tel"],
      .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="email"],
      .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="password"],
      .purchasePlans .paymentsWrapper .discount input[type="text"],
      .purchasePlans .paymentsWrapper .discount input[type="tel"],
      .purchasePlans .paymentsWrapper .discount input[type="email"],
      .purchasePlans .paymentsWrapper .discount input[type="password"],
      .purchasePlans .paymentsWrapper .creditCardInfo input[type="text"],
      .purchasePlans .paymentsWrapper .creditCardInfo input[type="tel"],
      .purchasePlans .paymentsWrapper .creditCardInfo input[type="email"],
      .purchasePlans .paymentsWrapper .creditCardInfo input[type="password"] {
        width: calc(50% - 30px);
        float: left;
        height: 50px;
        border: 2px solid #d7dee0;
        outline: none;
        margin: 0 60px 30px 0;
        border-radius: 5px;
        font-family: "Open Sans", sans-serif;
        padding: 0 20px;
        color: #4c606b;
        font-size: 18px; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .paymentsWrapper .paymentStatus input[type="text"],
          .purchasePlans .paymentsWrapper .paymentStatus input[type="tel"],
          .purchasePlans .paymentsWrapper .paymentStatus input[type="email"],
          .purchasePlans .paymentsWrapper .paymentStatus input[type="password"],
          .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="text"],
          .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="tel"],
          .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="email"],
          .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="password"],
          .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="text"],
          .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="tel"],
          .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="email"],
          .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="password"],
          .purchasePlans .paymentsWrapper .discount input[type="text"],
          .purchasePlans .paymentsWrapper .discount input[type="tel"],
          .purchasePlans .paymentsWrapper .discount input[type="email"],
          .purchasePlans .paymentsWrapper .discount input[type="password"],
          .purchasePlans .paymentsWrapper .creditCardInfo input[type="text"],
          .purchasePlans .paymentsWrapper .creditCardInfo input[type="tel"],
          .purchasePlans .paymentsWrapper .creditCardInfo input[type="email"],
          .purchasePlans .paymentsWrapper .creditCardInfo input[type="password"] {
            width: 100%;
            margin-right: 0; } }
        .purchasePlans .paymentsWrapper .paymentStatus input[type="text"]:focus,
        .purchasePlans .paymentsWrapper .paymentStatus input[type="tel"]:focus,
        .purchasePlans .paymentsWrapper .paymentStatus input[type="email"]:focus,
        .purchasePlans .paymentsWrapper .paymentStatus input[type="password"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="text"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="tel"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="email"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="password"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="text"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="tel"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="email"]:focus,
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="password"]:focus,
        .purchasePlans .paymentsWrapper .discount input[type="text"]:focus,
        .purchasePlans .paymentsWrapper .discount input[type="tel"]:focus,
        .purchasePlans .paymentsWrapper .discount input[type="email"]:focus,
        .purchasePlans .paymentsWrapper .discount input[type="password"]:focus,
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="text"]:focus,
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="tel"]:focus,
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="email"]:focus,
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="password"]:focus {
          border-color: #1db4cb; }
        .purchasePlans .paymentsWrapper .paymentStatus input[type="text"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentStatus input[type="tel"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentStatus input[type="email"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentStatus input[type="password"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="text"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="tel"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="email"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-shipping input[type="password"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="text"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="tel"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="email"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .paymentDetails-billing input[type="password"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .discount input[type="text"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .discount input[type="tel"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .discount input[type="email"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .discount input[type="password"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="text"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="tel"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="email"]:nth-of-type(2n),
        .purchasePlans .paymentsWrapper .creditCardInfo input[type="password"]:nth-of-type(2n) {
          margin-right: 0; }
      .purchasePlans .paymentsWrapper .paymentStatus.discount input,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount input,
      .purchasePlans .paymentsWrapper .paymentDetails-billing.discount input,
      .purchasePlans .paymentsWrapper .discount.discount input,
      .purchasePlans .paymentsWrapper .creditCardInfo.discount input {
        margin-right: 0;
        border-right: 0;
        border-radius: 5px 0 0 5px; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .paymentsWrapper .paymentStatus.discount input,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount input,
          .purchasePlans .paymentsWrapper .paymentDetails-billing.discount input,
          .purchasePlans .paymentsWrapper .discount.discount input,
          .purchasePlans .paymentsWrapper .creditCardInfo.discount input {
            width: 70%;
            margin-right: 0; } }
        .purchasePlans .paymentsWrapper .paymentStatus.discount input:focus ~ buttom,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount input:focus ~ buttom,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.discount input:focus ~ buttom,
        .purchasePlans .paymentsWrapper .discount.discount input:focus ~ buttom,
        .purchasePlans .paymentsWrapper .creditCardInfo.discount input:focus ~ buttom {
          border-color: #3a4349 !important; }
      .purchasePlans .paymentsWrapper .paymentStatus.discount button,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount button,
      .purchasePlans .paymentsWrapper .paymentDetails-billing.discount button,
      .purchasePlans .paymentsWrapper .discount.discount button,
      .purchasePlans .paymentsWrapper .creditCardInfo.discount button {
        float: left;
        height: 50px;
        padding: 0 30px;
        background: #3a4349;
        border: 1px solid #d7dee0;
        border-radius: 0 5px 5px 0;
        color: white;
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-size: 15px;
        border-left: none;
        cursor: pointer; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .paymentsWrapper .paymentStatus.discount button,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount button,
          .purchasePlans .paymentsWrapper .paymentDetails-billing.discount button,
          .purchasePlans .paymentsWrapper .discount.discount button,
          .purchasePlans .paymentsWrapper .creditCardInfo.discount button {
            width: 30%; } }
        .purchasePlans .paymentsWrapper .paymentStatus.discount button:hover,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.discount button:hover,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.discount button:hover,
        .purchasePlans .paymentsWrapper .discount.discount button:hover,
        .purchasePlans .paymentsWrapper .creditCardInfo.discount button:hover {
          background: #abb8be; }
      .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay,
      .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay,
      .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay,
      .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay {
        background: rgba(58, 67, 73, 0.1);
        display: inline-block;
        padding: 17px 30px 17px 17px;
        border-radius: 5px; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay input[type="checkbox"],
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay input[type="checkbox"],
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay input[type="checkbox"],
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay input[type="checkbox"],
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay input[type="checkbox"] {
          display: none;
          background: url("images/checked.svg") no-repeat; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay input[type="checkbox"] + label:before {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          background: url("images/unchecked.svg") no-repeat;
          vertical-align: middle;
          cursor: pointer;
          margin: -1px 10px 0 0px; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay input[type="checkbox"]:checked + label:before {
          background: url("images/checked.svg") no-repeat; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay label,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay label,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay label,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay label,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay label {
          display: inline-block;
          font-size: 16px;
          color: #4c606b;
          font-family: "Open Sans", sans-serif;
          cursor: pointer;
          font-weight: 400;
          line-height: 1.4; }
          .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .autopay label span,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .autopay label span,
          .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .autopay label span,
          .purchasePlans .paymentsWrapper .discount.creditCardInfo .autopay label span,
          .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .autopay label span {
            color: #abb8be; }
      .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form,
      .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form,
      .purchasePlans .paymentsWrapper .discount.creditCardInfo .form,
      .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form {
        width: 50%; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form,
          .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form,
          .purchasePlans .paymentsWrapper .discount.creditCardInfo .form,
          .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form {
            width: 100%; } }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form input,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form input,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form input,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .form input,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form input {
          width: 100%;
          margin-right: 0; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form .number,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form .number,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form .number,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .form .number,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .number {
          width: 100%;
          margin: 0 0 30px 0; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form .exp,
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form .exp,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form .exp,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .form .exp,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .exp,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv {
          width: calc(50% - 15px);
          margin-right: 30px;
          float: left; }
        .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .discount.creditCardInfo .form .cvv,
        .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv {
          margin-right: 0;
          position: relative; }
          .purchasePlans .paymentsWrapper .paymentStatus.creditCardInfo .form .cvv .cardTip,
          .purchasePlans .paymentsWrapper .paymentDetails-shipping.creditCardInfo .form .cvv .cardTip,
          .purchasePlans .paymentsWrapper .paymentDetails-billing.creditCardInfo .form .cvv .cardTip,
          .purchasePlans .paymentsWrapper .discount.creditCardInfo .form .cvv .cardTip,
          .purchasePlans .paymentsWrapper .creditCardInfo.creditCardInfo .form .cvv .cardTip {
            position: absolute;
            top: 14px;
            right: 10px; }
      .purchasePlans .paymentsWrapper .paymentStatus .sameAsShipping,
      .purchasePlans .paymentsWrapper .paymentDetails-shipping .sameAsShipping,
      .purchasePlans .paymentsWrapper .paymentDetails-billing .sameAsShipping,
      .purchasePlans .paymentsWrapper .discount .sameAsShipping,
      .purchasePlans .paymentsWrapper .creditCardInfo .sameAsShipping {
        margin-bottom: 20px; }
        .purchasePlans .paymentsWrapper .paymentStatus .sameAsShipping input[type="checkbox"],
        .purchasePlans .paymentsWrapper .paymentDetails-shipping .sameAsShipping input[type="checkbox"],
        .purchasePlans .paymentsWrapper .paymentDetails-billing .sameAsShipping input[type="checkbox"],
        .purchasePlans .paymentsWrapper .discount .sameAsShipping input[type="checkbox"],
        .purchasePlans .paymentsWrapper .creditCardInfo .sameAsShipping input[type="checkbox"] {
          display: none;
          background: url("images/checked.svg") no-repeat; }
        .purchasePlans .paymentsWrapper .paymentStatus .sameAsShipping input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping .sameAsShipping input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-billing .sameAsShipping input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .discount .sameAsShipping input[type="checkbox"] + label:before,
        .purchasePlans .paymentsWrapper .creditCardInfo .sameAsShipping input[type="checkbox"] + label:before {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          background: url("images/unchecked.svg") no-repeat;
          vertical-align: middle;
          cursor: pointer;
          margin: -1px 10px 0 0px; }
        .purchasePlans .paymentsWrapper .paymentStatus .sameAsShipping input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping .sameAsShipping input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .paymentDetails-billing .sameAsShipping input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .discount .sameAsShipping input[type="checkbox"]:checked + label:before,
        .purchasePlans .paymentsWrapper .creditCardInfo .sameAsShipping input[type="checkbox"]:checked + label:before {
          background: url("images/checked.svg") no-repeat; }
        .purchasePlans .paymentsWrapper .paymentStatus .sameAsShipping label,
        .purchasePlans .paymentsWrapper .paymentDetails-shipping .sameAsShipping label,
        .purchasePlans .paymentsWrapper .paymentDetails-billing .sameAsShipping label,
        .purchasePlans .paymentsWrapper .discount .sameAsShipping label,
        .purchasePlans .paymentsWrapper .creditCardInfo .sameAsShipping label {
          display: inline-block;
          font-size: 16px;
          color: #4c606b;
          font-family: "Open Sans", sans-serif;
          cursor: pointer;
          font-weight: 400;
          line-height: 1.2; }
  .purchasePlans .confirmationWrapper {
    width: calc(80% - 30px);
    margin-right: 30px;
    float: left;
    background: white;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans .confirmationWrapper {
        width: 100%;
        float: none; } }
    .purchasePlans .confirmationWrapper .orderNumber {
      float: left; }
    .purchasePlans .confirmationWrapper .orderDate {
      float: right; }
    .purchasePlans .confirmationWrapper .orderNumber, .purchasePlans .confirmationWrapper .orderDate {
      color: #abb8be; }
      .purchasePlans .confirmationWrapper .orderNumber span, .purchasePlans .confirmationWrapper .orderDate span {
        color: #4c606b; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .purchasePlans .confirmationWrapper .orderNumber, .purchasePlans .confirmationWrapper .orderDate {
          float: none;
          text-align: center;
          padding-bottom: 10px; } }
    .purchasePlans .confirmationWrapper h1 {
      clear: both;
      text-align: center;
      color: #3a4349;
      font-size: 71px;
      font-weight: 300;
      line-height: 1.2;
      padding-top: 10px; }
      @media only screen and (max-width: 520px) {
        .purchasePlans .confirmationWrapper h1 {
          font-size: 48px; } }
      .purchasePlans .confirmationWrapper h1 span {
        display: block;
        font-size: 16px;
        color: #4c606b;
        font-weight: 400; }
      .purchasePlans .confirmationWrapper h1 img {
        width: 30%;
        max-width: 115px;
        display: block;
        margin: auto; }
    .purchasePlans .confirmationWrapper table {
      margin: 30px 0;
      width: 100%; }
      .purchasePlans .confirmationWrapper table thead th {
        font-size: 13px;
        color: #abb8be;
        border-bottom: 1px solid #d7dee0;
        padding-bottom: 10px; }
        .purchasePlans .confirmationWrapper table thead th.item {
          text-align: left; }
        .purchasePlans .confirmationWrapper table thead th.price {
          text-align: right; }
      .purchasePlans .confirmationWrapper table tbody {
        color: #4c606b; }
        .purchasePlans .confirmationWrapper table tbody tr {
          border-bottom: 1px solid #d7dee0; }
          .purchasePlans .confirmationWrapper table tbody tr td {
            padding: 20px 0; }
            @media only screen and (max-width: 520px) {
              .purchasePlans .confirmationWrapper table tbody tr td {
                padding: 10px;
                font-size: 12px; } }
            .purchasePlans .confirmationWrapper table tbody tr td.item {
              font-weight: 700; }
            .purchasePlans .confirmationWrapper table tbody tr td.price {
              text-align: right; }
      .purchasePlans .confirmationWrapper table tfoot tr td {
        padding-top: 30px;
        vertical-align: bottom; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .confirmationWrapper table tfoot tr td {
            padding-top: 15px; } }
        .purchasePlans .confirmationWrapper table tfoot tr td[colspan="3"] {
          text-align: right; }
        .purchasePlans .confirmationWrapper table tfoot tr td p {
          color: #abb8be;
          padding-top: 10px; }
          @media only screen and (max-width: 520px) {
            .purchasePlans .confirmationWrapper table tfoot tr td p {
              font-size: 12px;
              white-space: nowrap; } }
          .purchasePlans .confirmationWrapper table tfoot tr td p span {
            color: #4c606b; }
        .purchasePlans .confirmationWrapper table tfoot tr td h6 {
          font-weight: 700;
          color: #4c606b; }
          @media only screen and (max-width: 520px) {
            .purchasePlans .confirmationWrapper table tfoot tr td h6 {
              font-size: 14px; } }
          .purchasePlans .confirmationWrapper table tfoot tr td h6 span {
            display: block;
            color: #8fc345;
            font-weight: 300;
            font-size: 30px; }
            @media only screen and (max-width: 520px) {
              .purchasePlans .confirmationWrapper table tfoot tr td h6 span {
                font-size: 24px;
                font-weight: 400; } }
    .purchasePlans .confirmationWrapper .billingShipping {
      color: #4c606b;
      margin-top: 40px;
      padding: 40px 0;
      border-top: 1px solid #d7dee0; }
      @media only screen and (max-width: 520px) {
        .purchasePlans .confirmationWrapper .billingShipping {
          padding: 20px 0 0;
          margin-top: 20px; } }
      .purchasePlans .confirmationWrapper .billingShipping li {
        width: 33.33333333333333%;
        float: left;
        line-height: 1.5; }
        @media only screen and (min-width: 521px) and (max-width: 719px) {
          .purchasePlans .confirmationWrapper .billingShipping li {
            width: 50%;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 520px) {
          .purchasePlans .confirmationWrapper .billingShipping li {
            width: 100%;
            margin-bottom: 20px;
            text-align: center; } }
        .purchasePlans .confirmationWrapper .billingShipping li h6 {
          font-weight: 700; }
        .purchasePlans .confirmationWrapper .billingShipping li p {
          line-height: 1.5; }
    .purchasePlans .confirmationWrapper .rating {
      padding: 40px 0;
      border-top: 1px solid #d7dee0;
      text-align: center; }
      @media only screen and (max-width: 520px) {
        .purchasePlans .confirmationWrapper .rating {
          padding: 20px 0 0px; } }
      .purchasePlans .confirmationWrapper .rating h5 {
        color: #3a4349;
        font-size: 24px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .confirmationWrapper .rating h5 {
            font-size: 18px; } }
      .purchasePlans .confirmationWrapper .rating li {
        margin: 0 20px;
        display: inline-block; }
        @media only screen and (max-width: 520px) {
          .purchasePlans .confirmationWrapper .rating li {
            margin: 0 5px; } }
        .purchasePlans .confirmationWrapper .rating li a {
          font-size: 40px;
          font-family: "icons";
          text-decoration: none;
          color: #abb8be; }
          @media only screen and (max-width: 520px) {
            .purchasePlans .confirmationWrapper .rating li a {
              font-size: 30px; } }
          .purchasePlans .confirmationWrapper .rating li a:hover {
            color: #8dd43f; }
  .purchasePlans .showCart {
    display: none;
    height: 50px;
    line-height: 50px;
    background: #8fc345;
    padding: 0 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000; }
    .purchasePlans .showCart .next {
      float: right; }
    .purchasePlans .showCart .openCart {
      float: left; }
    .purchasePlans .showCart a {
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 700; }
      .purchasePlans .showCart a i {
        font-family: "icons";
        font-weight: 400; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans .showCart {
        display: block; } }
  .purchasePlans aside.cart {
    float: left;
    width: 20%;
    border-radius: 5px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans aside.cart {
        border-radius: 0;
        clear: both;
        width: 100%;
        float: none;
        background: white;
        position: fixed;
        bottom: 50px;
        z-index: 100;
        width: 100%;
        left: 0;
        transform: translatey(100%);
        transition: all .3s ease;
        max-height: 70%;
        overflow-y: scroll; }
        .purchasePlans aside.cart.showing {
          z-index: 1000;
          transform: translatey(0%); } }
    .purchasePlans aside.cart h5 {
      padding: 20px 30px;
      color: #3a4349;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      border: 1px solid #d7dee0;
      border-radius: 5px 5px 0 0;
      background: white;
      position: relative; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .purchasePlans aside.cart h5 {
          border-radius: 0; } }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 960px) {
        .purchasePlans aside.cart h5 {
          /*&:after {
          	content: '';
          	position: absolute;
          	top: -1px;
          	left: -1px;
          	width: 100%;
          	height: 28px;
          	background: $lightGreyBG;
          	transform: translatey(-100%);
          	border: 1px solid $lightGreyBG;
          }*/ } }
    .purchasePlans aside.cart .selectedPlan {
      border: 1px solid #d7dee0;
      padding: 10px 30px 20px;
      position: relative;
      background: white; }
      .purchasePlans aside.cart .selectedPlan:hover {
        border: 1px solid #3a4349; }
        .purchasePlans aside.cart .selectedPlan:hover i {
          display: block; }
      .purchasePlans aside.cart .selectedPlan i {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 24px;
        font-family: "icons";
        color: #abb8be;
        display: none;
        cursor: pointer; }
        .purchasePlans aside.cart .selectedPlan i:hover {
          color: #3a4349; }
      .purchasePlans aside.cart .selectedPlan ul li {
        border-bottom: 2px solid #d7dee0;
        padding: 20px 0;
        color: #4c606b; }
        .purchasePlans aside.cart .selectedPlan ul li:last-child {
          border-bottom: none;
          padding-bottom: 0; }
        .purchasePlans aside.cart .selectedPlan ul li .price {
          font-size: 36px;
          margin-bottom: 10px; }
          .purchasePlans aside.cart .selectedPlan ul li .price sup {
            vertical-align: super;
            font-size: 18px; }
          .purchasePlans aside.cart .selectedPlan ul li .price sub {
            font-size: 18px; }
        .purchasePlans aside.cart .selectedPlan ul li .option {
          font-size: 16px; }
        .purchasePlans aside.cart .selectedPlan ul li .description {
          font-size: 14px;
          font-style: italic;
          line-height: 1.5; }
    .purchasePlans aside.cart .total {
      background: #ededed;
      border: 1px solid #d7dee0;
      padding: 15px 30px;
      color: #4c606b; }
      .purchasePlans aside.cart .total p {
        font-weight: 700;
        padding: 3px 0; }
        .purchasePlans aside.cart .total p span {
          float: right; }
          .purchasePlans aside.cart .total p span sub {
            font-size: 12px; }
        .purchasePlans aside.cart .total p.tax {
          font-weight: 400; }
    .purchasePlans aside.cart .button {
      white-space: nowrap; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .purchasePlans aside.cart .button {
          display: none; } }
      .purchasePlans aside.cart .button a {
        display: block;
        background: #8fc345;
        /*background: linear-gradient(45deg, $pink 0%, $darkPurple 100%);*/
        color: white;
        height: 60px;
        line-height: 60px;
        border-radius: 0 0 5px 5px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 30px;
        text-decoration: none;
        transition: all .3s ease;
        overflow: hidden; }
        .purchasePlans aside.cart .button a:hover {
          padding: 0 60px; }
        .purchasePlans aside.cart .button a i {
          float: right;
          font-weight: normal;
          font-family: "icons"; }
    .purchasePlans aside.cart p.fineprint {
      font-size: 12px;
      padding: 10px;
      text-align: center;
      color: #4c606b;
      line-height: 1.2; }
      .purchasePlans aside.cart p.fineprint a {
        font-weight: 600;
        text-decoration: none;
        color: #3a4349; }
  .purchasePlans aside.login {
    float: left;
    width: 20%;
    border-radius: 5px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .purchasePlans aside.login {
        clear: both;
        width: 100%;
        float: none;
        background: white;
        padding: 30px; } }
    .purchasePlans aside.login h6 {
      text-align: center;
      color: #4c606b;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px; }
    .purchasePlans aside.login form ul li {
      margin-bottom: 20px;
      position: relative; }
      .purchasePlans aside.login form ul li a {
        position: absolute;
        top: 18px;
        right: 10px;
        font-size: 12px;
        color: #3a4349;
        text-decoration: none;
        font-style: italic; }
      .purchasePlans aside.login form ul li input {
        width: 100%;
        height: 50px;
        border: 2px solid #d7dee0;
        padding: 0 20px;
        outline: none;
        font-family: "Open Sans", sans-serif;
        font-size: 18px;
        color: #4c606b;
        border-radius: 5px; }
        .purchasePlans aside.login form ul li input:focus {
          border: 2px solid #3a4349; }
    .purchasePlans aside.login form button {
      display: block;
      background: #8fc345;
      /*background: linear-gradient(45deg, $pink 0%, $darkPurple 100%);*/
      color: white;
      height: 60px;
      line-height: 60px;
      text-transform: uppercase;
      font-weight: 700;
      padding: 0 30px;
      text-decoration: none;
      overflow: hidden;
      font-family: "Open Sans", sans-serif;
      margin: auto;
      border: none;
      border-radius: 60px;
      font-size: 18px;
      cursor: pointer; }
      .purchasePlans aside.login form button:hover i {
        padding-left: 30px; }
      .purchasePlans aside.login form button i {
        transition: all .3s ease;
        float: right;
        font-weight: normal;
        font-family: "icons";
        padding-left: 10px; }
    .purchasePlans aside.login .twitter {
      margin-top: 30px;
      background: white;
      border-radius: 5px;
      padding: 30px;
      text-align: right; }
      .purchasePlans aside.login .twitter p {
        color: #4c606b;
        line-height: 1.5;
        padding-bottom: 20px;
        text-align: left; }
      .purchasePlans aside.login .twitter a {
        color: #3a4349;
        text-decoration: none; }
        .purchasePlans aside.login .twitter a i {
          font-family: "icons";
          font-size: 28px; }

.featuresHero {
  text-align: center; }
  .featuresHero h1 {
    color: #38aeb8;
    font-size: 48px;
    font-style: italic;
    padding: 80px 0 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresHero h1 {
        padding: 40px 20px;
        font-size: 36px; } }
  .featuresHero p {
    color: #4c606b;
    font-size: 20px;
    max-width: 800px;
    margin: 0 auto 40px;
    line-height: 1.4; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresHero p {
        padding: 0 20px;
        font-size: 16px; } }
  .featuresHero a {
    background: #38aeb8;
    background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);
    border-radius: 5px;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer; }
    .featuresHero a span {
      font-size: 14px; }
    .featuresHero a i {
      font-family: "icons";
      font-weight: normal;
      padding-left: 20px; }
    .featuresHero a:hover {
      background: #25d4e4; }
  .featuresHero img {
    display: block;
    width: 90%;
    margin: auto;
    margin-top: -100px;
    position: relative;
    z-index: -1; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresHero img {
        margin-top: 0; } }

.phonesFeaturesHero {
  position: relative;
  z-index: 0;
  background: url("images/feature.jpg") center center no-repeat;
  background-size: cover; }
  .phonesFeaturesHero .wrapper {
    position: relative;
    text-align: center;
    position: relative;
    padding: 110px;
    overflow: hidden;
    width: 100%;
    max-width: none; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .phonesFeaturesHero .wrapper {
        padding-bottom: 200px; } }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .phonesFeaturesHero {
      padding-bottom: 60px; } }
  .phonesFeaturesHero h1 {
    color: #8fc345;
    font-size: 48px;
    font-style: italic;
    padding: 80px 0 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin: auto;
    /* margin-top: 100px; */
    padding-top: 40px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .phonesFeaturesHero h1 {
        padding: 40px 20px;
        font-size: 36px;
        /*color:$greyN;*/ } }
  .phonesFeaturesHero p {
    color: #fff;
    font-size: 20px;
    margin: 0 auto 40px;
    line-height: 1.5;
    width: calc(90% - 60px);
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 42px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .phonesFeaturesHero p {
        padding: 0 20px;
        font-size: 16px;
        color: #abb8be; } }
  .phonesFeaturesHero a {
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    padding: 14px 13px 0px 20px;
    letter-spacing: 2px; }
    .phonesFeaturesHero a i {
      font-family: "icons";
      font-weight: normal;
      padding-left: 20px; }
    .phonesFeaturesHero a:hover {
      background: #38aeb8; }
  .phonesFeaturesHero img {
    /*display: block; */
    position: absolute;
    z-index: -1;
    /* width: 100%; */
    top: 16px;
    left: 0;
    right: 0;
    margin: auto; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .phonesFeaturesHero img {
        margin-left: -26%;
        min-width: 100%;
        width: auto; } }

.featuresPreview .wrapper {
  background: url("images/features-bg.jpg") center center no-repeat;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  position: relative; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .featuresPreview .wrapper {
      width: 100%;
      padding: 0;
      border-radius: 0; } }
.featuresPreview h2 {
  padding: 40px 0;
  text-align: center;
  color: white;
  font-size: 36px;
  font-weight: 700; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .featuresPreview h2 {
      font-size: 28px;
      padding: 40px 20px; } }
.featuresPreview ul {
  margin: 0 100px 60px 100px; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .featuresPreview ul {
      margin: 0 0 40px 0; } }
  .featuresPreview ul li {
    display: inline-block;
    width: 32%;
    margin-bottom: 15px;
    color: white;
    font-weight: 400;
    padding-left: 40px;
    position: relative;
    line-height: 1.4;
    vertical-align: top; }
    .featuresPreview ul li span {
      font-weight: 700; }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .featuresPreview ul li {
        width: 48%; } }
    @media only screen and (max-width: 520px) {
      .featuresPreview ul li {
        width: 100%;
        text-align: center;
        padding-left: 0px; } }
    .featuresPreview ul li:before {
      content: 'V';
      font-family: "icons";
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 520px) {
        .featuresPreview ul li:before {
          display: none; } }
.featuresPreview p.fineprint {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 14px;
  font-style: italic;
  color: white; }

.featuresSingles {
  margin-top: 80px;
  z-index: 1;
  position: relative;
  margin-bottom: 50px; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .featuresSingles .wrapper {
      width: 100%; } }
  .featuresSingles article {
    padding: 80px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles article {
        padding: 40px;
        text-align: center; } }
    .featuresSingles article h3 {
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 30px;
      color: white;
      font-style: italic;
      text-align: center; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .featuresSingles article h3 {
          font-size: 26px !important; } }
    .featuresSingles article p {
      font-size: 16px;
      line-height: 1.4;
      margin-bottom: 20px;
      color: #4c606b; }
    .featuresSingles article a {
      text-transform: uppercase;
      font-weight: 500;
      text-decoration: none;
      color: #8fc345;
      display: inline-block;
      margin-top: 40px; }
      .featuresSingles article a i {
        font-family: "icons";
        text-transform: none;
        font-weight: normal;
        color: #3a4349; }
      .featuresSingles article a:hover {
        color: #3a4349; }
    .featuresSingles article h3 {
      color: #4c606b;
      font-size: 30pt;
      text-align: left; }
  .featuresSingles .virtual-receptionist {
    background: #1c42b8 url(images/plans-hero.jpg) center center no-repeat;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 40px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .virtual-receptionist {
        background: #1c42b8 url(images/plans-hero.jpg) center center no-repeat;
        background-size: cover;
        border-radius: 0px; } }
    .featuresSingles .virtual-receptionist h3 {
      color: white;
      text-align: center; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .featuresSingles .virtual-receptionist h3 {
          font-size: 26px; } }
    .featuresSingles .virtual-receptionist .hero-lists {
      margin-top: 80px;
      position: relative;
      width: 100%;
      color: white; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .featuresSingles .virtual-receptionist .hero-lists {
          padding-left: 10%;
          margin-top: 50px; } }
      .featuresSingles .virtual-receptionist .hero-lists ul li {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: 100;
        text-align: left; }
        .featuresSingles .virtual-receptionist .hero-lists ul li span.fa {
          padding-right: 20px; }
        .featuresSingles .virtual-receptionist .hero-lists ul li span strong {
          font-weight: 600; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .featuresSingles .virtual-receptionist .hero-lists ul li {
            font-size: 16px; } }
      .featuresSingles .virtual-receptionist .hero-lists ul.list-unstyled {
        display: inline-block;
        margin-left: 8%;
        vertical-align: top; }
        @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .featuresSingles .virtual-receptionist .hero-lists ul.list-unstyled {
            margin-left: 0;
            width: 100%; } }
      .featuresSingles .virtual-receptionist .hero-lists ul:first-child {
        /*margin-left:0px;*/
        /*width: 100%;*/ }
  .featuresSingles .smart-voicemail {
    background: white url("images/no-contract.png") right center no-repeat;
    padding-right: 33%;
    border-bottom: 1px solid #d7dee0; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .smart-voicemail {
        background-size: 33%; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .smart-voicemail {
        background: white;
        padding-right: 40px; } }
  .featuresSingles .never-miss-a-call {
    background: white url(images/byop.png) left bottom no-repeat;
    /*background-size: 23%;*/
    padding: 80px;
    padding-left: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .never-miss-a-call {
        background: white;
        padding-left: 40px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .never-miss-a-call {
        /* background-size: 45%; */
        padding-left: 39%;
        /* background-position: center; */
        background: white url(images/byop.png) left center no-repeat;
        background-size: 45%; } }
  .featuresSingles .noContracts {
    background: white url("images/features-no-contract.jpg") right center no-repeat;
    background-size: 30%;
    padding-right: 35%;
    border-bottom: 1px solid #d7dee0; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .noContracts {
        background: white;
        padding-right: 40px; } }
  .featuresSingles .ownPhone {
    background: white url("images/features-bring-phone-teltik.png") left bottom no-repeat;
    background-size: 35%;
    padding-left: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .ownPhone {
        background: white;
        padding-left: 40px; } }
  .featuresSingles .hotspots {
    background: #29272b url(images/hotspot.png) right 48px center no-repeat;
    /*background-size: 20%;*/
    padding-right: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .hotspots {
        background: #1c42b8;
        padding-right: 40px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .hotspots {
        background-size: 37%;
        padding-right: 45%; } }
    .featuresSingles .hotspots h3, .featuresSingles .hotspots p {
      color: white; }
  .featuresSingles .unlimitedData {
    background: white url(images/infinite.jpg) left center no-repeat;
    padding-left: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .unlimitedData {
        background: white;
        padding-left: 40px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .unlimitedData {
        background-size: 50%;
        padding-left: 49%; } }
  .featuresSingles .wifiCalling {
    background: #29272b url(images/wifi-calling.png) right 32px center no-repeat;
    /* background-size: 26%; */
    padding-right: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .wifiCalling {
        background: #1c42b8;
        padding-right: 40px; } }
    .featuresSingles .wifiCalling h3, .featuresSingles .wifiCalling p {
      color: white; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .wifiCalling {
        background-size: 30%; } }
  .featuresSingles .musicFreedom {
    background: white url("images/features-music.jpg") -30px bottom no-repeat;
    /*background-size: 22%;*/
    padding-left: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .musicFreedom {
        background: white;
        padding-left: 40px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .musicFreedom {
        background-size: 53%; } }
    .featuresSingles .musicFreedom img {
      height: 30px;
      float: right;
      margin-top: 30px; }
      @media only screen and (max-width: 520px), only screen and (min-width: 521px) and (max-width: 719px) {
        .featuresSingles .musicFreedom img {
          display: block;
          width: 90%;
          height: auto;
          margin: 10px auto 0;
          float: none; } }
  .featuresSingles .dataStash {
    background: #29272b url("images/roll-data.png") right 80px center no-repeat;
    /*background-size: 20%;*/
    padding-right: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .dataStash {
        background: #1c42b8;
        padding-right: 40px; } }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px) {
      .featuresSingles .dataStash {
        background-size: 20%;
        padding-right: 35%; } }
    .featuresSingles .dataStash h3, .featuresSingles .dataStash p {
      color: white; }
  .featuresSingles .etf {
    background: white url("images/features-etf.jpg") 100px -50px no-repeat;
    background-size: 25%;
    padding-left: 40%; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .featuresSingles .etf {
        background: white;
        padding-left: 40px; } }

@media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
  .feature-details .wrapper {
    width: 100%; } }
.feature-details nav {
  border-top: 1px solid #d7dee0;
  border-bottom: 1px solid #d7dee0;
  background: white;
  position: relative; }
  .feature-details nav .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #38aeb8;
    bottom: -1px;
    transform: translatex(-50%);
    transition: all .3s linear; }
    @media only screen and (max-width: 520px) {
      .feature-details nav .arrow {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #38aeb8;
        bottom: -2px; } }
    .feature-details nav .arrow[data-features="professional"] {
      left: calc(25% / 2); }
    .feature-details nav .arrow[data-features="reporting"] {
      left: calc(25% + (25% / 2)); }
    .feature-details nav .arrow[data-features="availability"] {
      left: calc(50% + (25% / 2)); }
    .feature-details nav .arrow[data-features="call-handling"] {
      left: calc(75% + (25% / 2)); }
  .feature-details nav ul {
    display: flex; }
    .feature-details nav ul li {
      padding: 100px 0;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #d7dee0;
      cursor: pointer; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px) {
        .feature-details nav ul li {
          padding: 60px 0; } }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .feature-details nav ul li {
          padding: 30px 0; } }
      .feature-details nav ul li:last-child {
        border-right: 0; }
      .feature-details nav ul li.active h4 {
        color: black; }
      .feature-details nav ul li.active .image-icon img.default {
        display: none; }
      .feature-details nav ul li.active .image-icon img.active {
        display: block; }
      .feature-details nav ul li .image-icon {
        display: inline-block;
        width: auto;
        text-align: center;
        pointer-events: none; }
        .feature-details nav ul li .image-icon img.default {
          display: block; }
        .feature-details nav ul li .image-icon img.active {
          display: none; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .feature-details nav ul li .image-icon {
            width: 50%; }
            .feature-details nav ul li .image-icon img {
              width: 100%; } }
      .feature-details nav ul li h4 {
        padding-top: 20px;
        font-size: 30px;
        font-weight: 700;
        color: #abb8be;
        pointer-events: none; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .feature-details nav ul li h4 {
            display: none; } }

.feature-group-details {
  padding: 40px;
  background: #38aeb8; }
  .feature-group-details .group {
    display: none; }
    .feature-group-details .group.active {
      display: block; }
    .feature-group-details .group ul {
      display: flex;
      flex-wrap: wrap; }
      .feature-group-details .group ul li {
        padding: 0 20px 0 40px;
        margin-bottom: 30px;
        width: 50%;
        color: white;
        line-height: 1.3;
        position: relative; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .feature-group-details .group ul li {
            width: 100%; } }
        .feature-group-details .group ul li:before {
          position: absolute;
          top: 2px;
          left: 0;
          content: 'V';
          font-family: "icons";
          font-size: 20px;
          color: #3a4349; }
        .feature-group-details .group ul li h3 {
          font-size: 24px;
          font-weight: 700;
          color: white;
          margin-bottom: 3px; }
        .feature-group-details .group ul li p {
          font-size: 16px; }

.features-up-next .wrapper {
  background: white;
  padding: 100px 0;
  text-align: center; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .features-up-next .wrapper {
      width: 100%;
      padding: 60px 0; } }
  .features-up-next .wrapper h5 {
    margin-bottom: 60px;
    color: black;
    font-weight: 700;
    font-size: 58px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .features-up-next .wrapper h5 {
        font-size: 36px;
        margin-bottom: 40px; } }
    .features-up-next .wrapper h5 span {
      text-transform: uppercase;
      display: block;
      margin-bottom: 10px;
      color: #38aeb8;
      font-style: italic;
      font-size: 28px; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .features-up-next .wrapper h5 span {
          font-size: 24px; } }
  .features-up-next .wrapper a.next {
    display: inline-block;
    font-family: "icons";
    width: 80px;
    height: 80px;
    color: white;
    background: #38aeb8;
    background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);
    border-radius: 5px;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    font-size: 48px;
    cursor: pointer;
    outline: none; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .features-up-next .wrapper a.next {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 36px; } }
    .features-up-next .wrapper a.next:hover {
      background: #25d4e4; }

.blog {
  padding-top: 150px; }
  @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .blog {
      padding-top: 75px; }
      .blog .wrapper {
        width: 95%; } }
  .blog article, .blog nav.pagination {
    max-width: 650px; }
  .blog article {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #d7dee0; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .blog article {
        padding-bottom: 30px;
        margin-bottom: 30px; } }
    .blog article h1 a {
      color: #8dd43f;
      font-size: 30px;
      font-weight: 700;
      text-decoration: none;
      line-height: 1.2; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .blog article h1 a {
          font-size: 18px; } }
      .blog article h1 a:hover {
        color: #1db4cb; }
    .blog article h3 {
      color: #abb8be;
      font-size: 14px;
      margin-bottom: 40px;
      padding-top: 5px; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .blog article h3 {
          margin-bottom: 30px; } }
      .blog article h3 a {
        color: #4c606b;
        text-decoration: none; }
    .blog article figure {
      margin-bottom: 40px; }
      .blog article figure img {
        width: 100%;
        height: auto; }
      .blog article figure figcaption {
        padding-top: 10px;
        font-size: 14px;
        color: #abb8be;
        font-style: italic; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .blog article figure figcaption {
            font-size: 12px;
            padding-top: 5px; } }
    .blog article p {
      color: #4c606b;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 40px; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .blog article p {
          font-size: 14px;
          margin-bottom: 30px; } }
    .blog article a.readMore {
      font-size: 16px;
      font-weight: 700;
      color: #1db4cb;
      text-transform: uppercase;
      text-decoration: none; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .blog article a.readMore {
          font-size: 14px !important; } }
      .blog article a.readMore i {
        text-transform: none;
        font-family: "icons";
        font-weight: normal; }
  .blog nav.pagination {
    margin-bottom: 40px; }
    .blog nav.pagination .prev {
      float: left; }
    .blog nav.pagination .next {
      float: right; }
    .blog nav.pagination .next, .blog nav.pagination .prev {
      text-transform: uppercase;
      font-size: 16px;
      color: #abb8be;
      text-decoration: none;
      font-weight: 700; }
      .blog nav.pagination .next:hover, .blog nav.pagination .prev:hover {
        color: #4c606b; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .blog nav.pagination .next:hover, .blog nav.pagination .prev:hover {
            font-size: 14px; } }
    .blog nav.pagination ul {
      width: 100%;
      text-align: center; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .blog nav.pagination ul {
          display: none; } }
      .blog nav.pagination ul li {
        display: inline-block;
        margin: 0 5px; }
        .blog nav.pagination ul li a {
          color: #4c606b;
          font-weight: 700;
          text-decoration: none; }
          .blog nav.pagination ul li a:hover, .blog nav.pagination ul li a.active {
            color: #8dd43f; }

@media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
  .etf .wrapper {
    width: 100%; } }
.etf .etf-hero {
  padding: 80px 0;
  background: url("images/break-free.jpg") no-repeat right bottom -60px; }
  @media only screen and (min-width: 720px) and (max-width: 959px) {
    .etf .etf-hero {
      padding: 60px 0; } }
  @media only screen and (min-width: 521px) and (max-width: 719px) {
    .etf .etf-hero {
      padding: 40px 0; } }
  @media only screen and (max-width: 520px) {
    .etf .etf-hero {
      padding: 30px 0; } }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .etf .etf-hero {
      padding-bottom: 300px;
      text-align: center;
      background: url("images/break-free.jpg") no-repeat center bottom -250px; } }
  .etf .etf-hero h1 {
    margin: 80px 0;
    color: #1db4cb;
    font-style: italic;
    font-size: 48px;
    max-width: 650px;
    padding-left: 80px;
    line-height: 1.2; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .etf .etf-hero h1 {
        width: 90%;
        margin: 40px auto;
        padding-left: 0; } }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .etf .etf-hero h1 {
        font-size: 30px; } }
    .etf .etf-hero h1 em {
      color: #8dd43f;
      font-size: 60px;
      text-transform: uppercase;
      display: block;
      font-weight: 700; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .etf .etf-hero h1 em {
          font-size: 40px; } }
  .etf .etf-hero p {
    padding-left: 80px;
    line-height: 1.5;
    color: #4c606b;
    font-size: 20px;
    max-width: 650px; }
    @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .etf .etf-hero p {
        font-size: 16px; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .etf .etf-hero p {
        width: 90%;
        margin: 40px auto;
        padding-left: 0; } }
.etf .steps {
  background: white;
  border-radius: 5px 5px 0 0;
  padding: 80px; }
  @media only screen and (min-width: 720px) and (max-width: 959px) {
    .etf .steps {
      padding: 60px; } }
  @media only screen and (min-width: 521px) and (max-width: 719px) {
    .etf .steps {
      padding: 40px; } }
  @media only screen and (max-width: 520px) {
    .etf .steps {
      padding: 30px; } }
  .etf .steps h3 {
    font-size: 30px;
    font-weight: 700;
    color: #8dd43f;
    margin-bottom: 50px; }
  .etf .steps ul li {
    color: #4c606b;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 50px;
    position: relative;
    padding-left: 30px; }
    .etf .steps ul li:last-child {
      margin-bottom: 0; }
    .etf .steps ul li span {
      color: #1db4cb;
      font-size: 24px;
      font-weight: 700;
      position: absolute;
      top: -5px;
      left: 0; }
.etf .toDo {
  background: #15b58c url("images/eft-steps.png") no-repeat right 200px center;
  padding: 80px; }
  @media only screen and (min-width: 720px) and (max-width: 959px) {
    .etf .toDo {
      padding: 60px;
      background: #15b58c; } }
  @media only screen and (min-width: 521px) and (max-width: 719px) {
    .etf .toDo {
      background: #15b58c;
      padding: 40px; } }
  @media only screen and (max-width: 520px) {
    .etf .toDo {
      padding: 30px;
      background: #15b58c; } }
  .etf .toDo h3 {
    font-size: 30px;
    font-weight: 700;
    color: white;
    margin-bottom: 50px; }
  .etf .toDo ul {
    max-width: 650px; }
    .etf .toDo ul li {
      color: white;
      font-size: 16px;
      margin-bottom: 50px;
      line-height: 1.3; }
      .etf .toDo ul li a {
        color: white; }
      .etf .toDo ul li:last-child {
        margin-bottom: 0; }
      .etf .toDo ul li span {
        font-weight: 700;
        display: block; }
.etf .request {
  background: white; }
  .etf .request h3 {
    font-size: 30px;
    color: #1db4cb;
    padding: 80px; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .etf .request h3 {
        padding: 60px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .etf .request h3 {
        padding: 40px; } }
    @media only screen and (max-width: 520px) {
      .etf .request h3 {
        padding: 30px; } }
    .etf .request h3 span {
      color: #abb8be;
      display: block;
      font-size: 14px; }
  .etf .request .elements {
    max-width: 650px;
    padding: 20px 80px; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .etf .request .elements {
        padding: 20px 60px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .etf .request .elements {
        padding: 20px 40px; } }
    @media only screen and (max-width: 520px) {
      .etf .request .elements {
        padding: 20px 30px; } }
    .etf .request .elements li {
      width: 100%;
      margin-bottom: 4%;
      float: left;
      position: relative; }
      .etf .request .elements li.half {
        width: 48%;
        margin-right: 4%; }
        @media only screen and (max-width: 520px) {
          .etf .request .elements li.half {
            width: 100%;
            margin-right: 0; } }
      .etf .request .elements li.right {
        margin-right: 0; }
      .etf .request .elements li .tip {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #4c606b;
        font-size: 13px;
        font-style: italic;
        width: 150px;
        text-align: right;
        line-height: 1.2; }
      .etf .request .elements li input, .etf .request .elements li select {
        width: 100%;
        height: 50px;
        border: 2px solid #d7dee0;
        border-radius: 5px;
        background: white;
        outline: none;
        padding: 0 20px;
        color: #4c606b;
        font-size: 16px; }
        .etf .request .elements li input:focus, .etf .request .elements li select:focus {
          border-color: #1db4cb; }
        .etf .request .elements li input::-webkit-input-placeholder, .etf .request .elements li select::-webkit-input-placeholder {
          color: #abb8be;
          font-family: "Open Sans", sans-serif; }
        .etf .request .elements li input:-moz-placeholder, .etf .request .elements li select:-moz-placeholder {
          color: #abb8be;
          font-family: "Open Sans", sans-serif; }
        .etf .request .elements li input::-moz-placeholder, .etf .request .elements li select::-moz-placeholder {
          color: #abb8be;
          font-family: "Open Sans", sans-serif; }
        .etf .request .elements li input:-ms-input-placeholder, .etf .request .elements li select:-ms-input-placeholder {
          color: #abb8be;
          font-family: "Open Sans", sans-serif; }
  .etf .request .addNumber {
    display: inline-block;
    margin: 20px 80px;
    background: #1db4cb;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: white;
    border-radius: 5px;
    text-decoration: none; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .etf .request .addNumber {
        margin: 20px 60px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .etf .request .addNumber {
        margin: 20px 40px; } }
    @media only screen and (max-width: 520px) {
      .etf .request .addNumber {
        margin: 20px 30px; } }
    .etf .request .addNumber:hover {
      background: #15b58c; }
    .etf .request .addNumber i {
      font-weight: 700; }
  .etf .request .docs {
    border-top: 1px solid #d7dee0;
    padding: 40px 80px 80px 80px; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .etf .request .docs {
        padding: 60px;
        padding-top: 20px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .etf .request .docs {
        padding: 40px;
        padding-top: 20px; } }
    @media only screen and (max-width: 520px) {
      .etf .request .docs {
        padding: 30px;
        padding-top: 20px; } }
    .etf .request .docs .fileInput {
      margin: 30px 0; }
      .etf .request .docs .fileInput p {
        color: #abb8be;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px; }
      .etf .request .docs .fileInput input[type="file"] {
        display: none; }
      .etf .request .docs .fileInput a {
        color: white;
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        background: #1db4cb;
        display: inline-block;
        border-radius: 5px; }
        .etf .request .docs .fileInput a:hover {
          background: #abb8be; }
    .etf .request .docs ul.files li {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 20px; }
      .etf .request .docs ul.files li img {
        border: 2px solid #d7dee0; }
      .etf .request .docs ul.files li p {
        text-align: center;
        color: #abb8be; }
  .etf .request input[type="submit"] {
    margin: 0 0 80px 80px;
    background: #15b58c;
    color: white;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    font-family: "Open Sans", sans-serif;
    cursor: pointer; }
    @media only screen and (min-width: 720px) and (max-width: 959px) {
      .etf .request input[type="submit"] {
        margin: 0 0 60px 60px; } }
    @media only screen and (min-width: 521px) and (max-width: 719px) {
      .etf .request input[type="submit"] {
        margin: 0 0 40px 40px; } }
    @media only screen and (max-width: 520px) {
      .etf .request input[type="submit"] {
        margin: 0 0 30px 30px; } }
    .etf .request input[type="submit"]:hover {
      background: #1db4cb; }
.etf .fineprint {
  padding: 30px 0; }
  .etf .fineprint p {
    width: 90%;
    margin: auto;
    font-size: 11px;
    text-align: center;
    line-height: 1.3;
    color: #4c606b; }

.map {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(40, 50, 56, 0.8);
  transition: all .3s ease-in-out;
  opacity: 0;
  pointer-events: none; }
  .map.visible {
    opacity: 1;
    pointer-events: all; }
  .map .close-map {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-family: "icons";
    text-decoration: none;
    top: 0;
    right: 0;
    cursor: pointer; }
    .map .close-map:hover {
      color: white; }
  .map iframe {
    position: absolute;
    top: 50px;
    left: 50px;
    height: calc(100% - 100px);
    width: calc(100% - 100px);
    border-radius: 5px; }

footer {
  background: #1b1b1b;
  border-top: 8px solid #8fc345; }
  footer .wrapper {
    position: relative; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      footer .wrapper {
        width: 100%; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      footer .wrapper {
        text-align: center; } }
  footer .about {
    float: left;
    padding: 40px 40px 40px 65px;
    color: #abb8be; }
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
      footer .about {
        padding: 40px 40px 40px 105px; } }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      footer .about {
        float: none;
        display: inline-block; } }
    @media only screen and (max-width: 520px) {
      footer .about {
        padding: 40px 20px 20px; } }
    footer .about h4 {
      font-size: 36px;
      /*margin-bottom: 20px;*/
      font-weight: 700;
      position: relative;
      color: white; }
      @media only screen and (max-width: 520px) {
        footer .about h4 {
          font-size: 28px; } }
      footer .about h4 img {
        /*position: absolute;*/
        /*left: -87px;*/
        margin-top: 40px;
        top: 50%;
        width: 50%;
        transform: translatey(-50%); }
        @media only screen and (max-width: 520px) {
          footer .about h4 img {
            margin-top: 25px;
            position: static;
            display: block;
            margin: auto; } }
    footer .about p {
      font-size: 14px;
      line-height: 1.3;
      width: 230px;
      margin-bottom: 20px;
      color: #aab8bd; }
      @media only screen and (max-width: 520px) {
        footer .about p {
          width: 100%; } }
      footer .about p:nth-last-of-type(1) {
        margin-bottom: 0; }
  footer .links {
    float: left;
    padding: 40px 60px;
    vertical-align: top; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      footer .links {
        float: none;
        display: inline-block; } }
    @media only screen and (max-width: 520px) {
      footer .links {
        padding: 0px 10px 20px; } }
    footer .links li {
      margin-bottom: 15px; }
      footer .links li.heading {
        color: #fff;
        font-size: 22px;
        padding-bottom: 10px; }
        @media only screen and (max-width: 520px) {
          footer .links li.heading {
            display: none; } }
      footer .links li a {
        color: #aab8bd;
        font-size: 14px;
        text-decoration: none; }
        footer .links li a:hover {
          color: #fffefe; }
  footer .credits {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: black;
    text-align: center;
    padding: 40px 30px;
    padding-top: 10%; }
    @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      footer .credits {
        clear: both;
        position: static;
        height: auto; } }
    @media only screen and (max-width: 520px) {
      footer .credits {
        padding-bottom: 70px; } }
    footer .credits img {
      /*width: 115px;*/ }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        footer .credits img {
          display: inline-block;
          vertical-align: middle;
          margin: 0 10px;
          padding-bottom: 20px; } }
    footer .credits ul {
      margin: 5px 0;
      text-align: center; }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        footer .credits ul {
          display: inline-block;
          vertical-align: middle;
          margin: 0 10px; } }
      footer .credits ul li {
        display: inline-block;
        font-family: "icons"; }
        footer .credits ul li a {
          text-decoration: none;
          color: #fff;
          font-size: 30px; }
          footer .credits ul li a:hover {
            color: white; }
    footer .credits p {
      padding-top: 15px;
      color: #abb8be;
      font-size: 12px;
      line-height: 1.2; }
      @media only screen and (min-width: 960px) and (max-width: 1199px), only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        footer .credits p {
          display: inline-block;
          vertical-align: middle;
          margin: 0 10px; } }
      footer .credits p span {
        display: block; }
      footer .credits p a {
        text-transform: uppercase;
        font-size: 14px;
        color: #abb8be;
        text-decoration: none;
        font-weight: 600; }

.cp {
  padding-top: 60px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 520px) {
    .cp {
      padding-top: 30px; } }
  .cp .cpNav {
    margin-left: 20%;
    padding-left: 30px;
    line-height: 60px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .cp .cpNav {
        white-space: nowrap;
        margin-left: 0;
        padding-left: 0;
        overflow: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none; }
        .cp .cpNav::-webkit-scrollbar {
          display: none; } }
    .cp .cpNav li {
      display: inline-block;
      margin-left: 30px; }
      .cp .cpNav li a {
        color: #abb8be;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 5px;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        position: relative; }
        .cp .cpNav li a span {
          position: absolute;
          font-weight: 12px;
          font-style: italic;
          font-weight: 500;
          top: -12px;
          text-transform: none;
          line-height: normal; }
        .cp .cpNav li a i {
          font-family: "icons"; }
        .cp .cpNav li a:hover {
          color: #27ba93;
          border-bottom: 2px solid #27ba93; }
      .cp .cpNav li.active a {
        color: #27ba93;
        border-bottom: 2px solid #27ba93; }
      .cp .cpNav li.account-name span {
        color: #abb8be; }
      .cp .cpNav li.account-name a {
        border-bottom: 2px solid #abb8be; }
      .cp .cpNav li:last-child {
        float: right;
        margin-right: 30px; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .cp .cpNav li:last-child {
            float: none;
            display: none; } }
        @media only screen and (min-width: 720px) and (max-width: 959px) {
          .cp .cpNav li:last-child {
            margin-right: 8px; } }
        .cp .cpNav li:last-child a:hover {
          color: #abb8be;
          border-bottom: 2px solid transparent; }
  .cp aside.bill {
    float: left;
    width: 20%; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .cp aside.bill {
        width: 100%; 
      margin-bottom: 20px; } }
    .cp aside.bill .billWrapper {
      border: 1px solid #d7dee0;
      border-radius: 5px;
      background: white;
      text-align: center;
      overflow: hidden;
      border-top: 4px solid #f9ac31;
      padding-bottom: 34px; }
      .cp aside.bill .billWrapper h3 {
        margin: 30px 0;
        font-size: 16px;
        color: #4c606b;
        line-height: 1.2; }
        .cp aside.bill .billWrapper h3 span {
          display: block;
          font-size: 14px;
          color: #abb8be; }
      .cp aside.bill .billWrapper h2 {
        color: #2dafbb;
        font-weight: 700;
        font-size: 54px;
        margin-bottom: 40px; }
        .cp aside.bill .billWrapper h2 sup {
          vertical-align: super;
          font-size: 28px; }
      .cp aside.bill .billWrapper a {
        font-style: italic;
        font-size: 14px;
        text-decoration: none;
        color: #3a4349; }
        .cp aside.bill .billWrapper a:hover {
          color: #4c606b; }
        .cp aside.bill .billWrapper a.edit-billing {
          display: block;
          margin-bottom: 23px;
          color: #abb8be; }
        .cp aside.bill .billWrapper a.button-custom {
          padding: 12px 26px;
          text-align: center;
          margin-top: 19px;
          color: white !important;
          font-style: normal; }
      .cp aside.bill .billWrapper .button {
        display: block;
        margin-top: 10px;
        background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);
        color: white;
        font-weight: 700;
        line-height: 50px;
        height: 50px;
        font-style: normal;
        font-weight: 16px; }
        .cp aside.bill .billWrapper .button:hover {
          background: #25d4e4;
          color: white; }
    .cp aside.bill p.fineprint {
      font-size: 12px;
      padding: 10px;
      text-align: center;
      color: #4c606b;
      line-height: 1.2; }
      .cp aside.bill p.fineprint a {
        font-weight: 600;
        text-decoration: none;
        color: #1db4cb; }
    .cp aside.bill .addLine {
      display: block;
      margin-top: 30px;
      text-align: center;
      height: 70px;
      line-height: 70px;
      border-radius: 5px;
      border: 2px dashed #2dafbb;
      color: #4c606b;
      text-decoration: none;
      font-weight: 700;
      text-transform: uppercase; }
      .cp aside.bill .addLine i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #2dafbb;
        text-align: center;
        line-height: 40px;
        text-align: center;
        color: white;
        margin: 13px 0 0 10px;
        border-radius: 5px;
        font-size: 28px;
        vertical-align: top; }
  .cp .cp-sections {
    width: calc(80% - 30px);
    float: left;
    margin-left: 30px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .cp .cp-sections {
        width: 100%;
        margin-left: 0; } }
  .cp .cp-section {
    margin-bottom: 30px;
    border-radius: 5px;
    background: white; }
    .cp .cp-section h1 {
      padding: 30px 0 10px 30px;
      color: #abb8be;
      font-size: 30px;
      font-weight: 600;
      font-style: italic; }
      @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .cp .cp-section h1 {
          font-size: 24px; } }
    .cp .cp-section .addLine {
      /* display: block; */
      margin-top: 30px;
      text-align: center;
      /* height: 70px; */
      line-height: 70px;
      border-radius: 5px;
      /* border: 2px dashed #aab8bd; */
      color: #2dafbb;
      text-decoration: none;
      font-weight: 400;
      text-transform: uppercase;
      margin-left: 40px;
      font-size: 15px; }
  .cp .billGlance p {
    font-size: 14px;
    color: #4c606b;
    padding-left: 30px;
    line-height: 1.4; }
    .cp .billGlance p span {
      display: inline-block;
      background: rgba(39, 186, 147, 0.1);
      border-radius: 5px;
      padding: 5px 10px; }
      .cp .billGlance p span a {
        font-style: italic;
        text-decoration: none;
        color: #3bbb97; }
  .cp .billGlance ul {
    margin-top: 30px;
    border-top: 1px solid #d7dee0;
    display: table;
    width: 100%; }
    @media only screen and (max-width: 520px) {
      .cp .billGlance ul {
        display: block; } }
    .cp .billGlance ul li {
      display: table-cell;
      width: 25%;
      padding: 40px 0 20px;
      font-size: 36px;
      color: #4c606b;
      font-weight: 300;
      text-align: center; }
      @media only screen and (max-width: 520px) {
        .cp .billGlance ul li {
          display: block;
          width: 50%;
          float: left;
          padding: 20px; } }
      .cp .billGlance ul li sup {
        vertical-align: super;
        font-size: 18px; }
      .cp .billGlance ul li h4 {
        color: #abb8be;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 15px; }
      .cp .billGlance ul li span {
        margin-top: 10px;
        display: block;
        font-size: 14px;
        font-weight: 300;
        color: #4c606b; }
      .cp .billGlance ul li:last-child {
        color: #38aeb8;
        font-weight: 700; }
  .cp .billPlans .billPlans-lines {
    margin-top: 30px;
    border-top: 1px solid #d7dee0; }
    .cp .billPlans .billPlans-lines > li {
      border-bottom: 1px solid #d7dee0;
      padding: 20px;
      position: relative; }
      .cp .billPlans .billPlans-lines > li .menu {
        position: absolute;
        top: 30px;
        right: 30px;
        /*z-index: 10;*/ }
        .cp .billPlans .billPlans-lines > li .menu a.trigger {
          color: #4c606b;
          font-family: "icons";
          text-decoration: none;
          font-size: 16px;
          z-index: 10; }
        .cp .billPlans .billPlans-lines > li .menu ul {
          z-index: 20;
          position: absolute;
          right: -30px;
          top: 30px;
          background: #283238;
          padding: 10px 20px;
          border-radius: 5px;
          transform: scale(0);
          transform-origin: 82% -6%;
          opacity: 0;
          pointer-events: none;
          transition: all .3s ease-in-out; }
          .cp .billPlans .billPlans-lines > li .menu ul.isOpen {
            opacity: 1;
            transform: scale(1);
            pointer-events: all; }
          .cp .billPlans .billPlans-lines > li .menu ul:before {
            content: '';
            width: 20px;
            height: 20px;
            border-radius: 3px;
            background: #283238;
            position: absolute;
            top: -8px;
            right: 28px;
            transform: rotate(45deg);
            z-index: 1; }
          .cp .billPlans .billPlans-lines > li .menu ul li {
            text-align: center;
            white-space: nowrap;
            line-height: 1.4;
            z-index: 10;
            position: relative; }
            .cp .billPlans .billPlans-lines > li .menu ul li a {
              color: white;
              text-decoration: none;
              font-size: 12px; }
              .cp .billPlans .billPlans-lines > li .menu ul li a:hover {
                color: #1db4cb; }
      .cp .billPlans .billPlans-lines > li ul.billPlans-details {
        display: table;
        width: 100%; }
        @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .cp .billPlans .billPlans-lines > li ul.billPlans-details {
            display: block; } }
        .cp .billPlans .billPlans-lines > li ul.billPlans-details li {
          display: table-cell;
          border-left: 1px solid #d7dee0;
          padding: 0 30px;
          vertical-align: top; }
          @media only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .cp .billPlans .billPlans-lines > li ul.billPlans-details li {
              display: block;
              border-left: none;
              padding: 30px 0;
              border-top: 1px solid #d7dee0; } }
          .cp .billPlans .billPlans-lines > li ul.billPlans-details li:first-child {
            border-left: none;
            border-top: none;
            padding-left: 0; }
          .cp .billPlans .billPlans-lines > li ul.billPlans-details li figure {
            float: left;
            width: 100px;
            text-align: center; }
          .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl {
            float: left; }
            .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dt {
              color: #abb8be;
              font-size: 14px;
              font-weight: 700; }
            .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd {
              display: block;
              color: #4c606b; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd:nth-of-type(1) {
                margin-bottom: 30px; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd input {
                height: 25px;
                font-family: "Open Sans", sans-serif;
                background: transparent;
                border: 1px solid #d7dee0;
                border-radius: 5px;
                padding: 0 10px;
                color: #4c606b;
                outline: none;
                margin-top: 5px; }
                .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd input:disabled {
                  border-color: transparent;
                  padding: 0;
                  height: 18px;
                  margin-top: 0; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd p {
                padding-top: 15px;
                display: none; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd a {
                padding: 7px 15px;
                font-style: italic;
                font-size: 14px;
                text-decoration: none;
                border-radius: 5px;
                margin-left: 10px; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd .savePlanOption {
                background: #1db4cb;
                color: white;
                border: 1px solid #1db4cb; }
              .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl dd .cancelPlanOption {
                background: white;
                color: red;
                border: 1px solid red; }
            .cp .billPlans .billPlans-lines > li ul.billPlans-details li dl strong {
              font-weight: 700; }
  .cp .billPlans .addNewLine {
    padding: 30px;
    border-bottom: 1px solid #d7dee0;
    line-height: 1.3;
    font-size: 12px;
    color: #4c606b; }
    .cp .billPlans .addNewLine strong {
      font-weight: 700; }
    .cp .billPlans .addNewLine em {
      color: #38aeb8; }
    .cp .billPlans .addNewLine a {
      color: #4c606b;
      text-decoration: none;
      font-weight: 700;
      text-transform: uppercase; }
      .cp .billPlans .addNewLine a i {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: #2dafbb;
        text-align: center;
        line-height: 30px;
        text-align: center;
        color: white;
        border-radius: 5px;
        font-size: 20px;
        margin: 0 10px; }
  .cp .billPlans .totals {
    padding: 30px;
    position: relative; }
    .cp .billPlans .totals ul {
      float: left; }
      @media only screen and (max-width: 520px) {
        .cp .billPlans .totals ul {
          float: none; } }
      .cp .billPlans .totals ul li {
        text-align: right;
        font-weight: 700;
        color: #4c606b;
        margin-top: 30px;
        font-size: 14px; }
        .cp .billPlans .totals ul li span {
          float: left;
          color: #abb8be;
          font-weight: normal;
          text-align: left;
          padding-right: 60px; }
          .cp .billPlans .totals ul li span em {
            display: block;
            color: #4c606b;
            font-size: 12px;
            font-style: italic; }
    .cp .billPlans .totals .grandTotal {
      position: absolute;
      bottom: 30px;
      right: 30px;
      color: #38aeb8;
      font-size: 24px;
      font-weight: 700; }
      @media only screen and (max-width: 520px) {
        .cp .billPlans .totals .grandTotal {
          margin-top: 30px;
          position: static;
          text-align: right; } }
      .cp .billPlans .totals .grandTotal span {
        color: #abb8be;
        font-size: 14px;
        font-weight: normal; }
        @media only screen and (max-width: 520px) {
          .cp .billPlans .totals .grandTotal span {
            float: left;
            vertical-align: bottom; } }
  .cp .cp-account ul {
    margin-top: 30px; }
    .cp .cp-account ul li {
      border-top: 1px solid #d7dee0;
      padding: 20px 30px; }
      .cp .cp-account ul li label {
        display: block;
        font-size: 14px;
        color: #abb8be;
        /*margin-bottom: 5px;*/ }
      .cp .cp-account ul li input {
        height: 25px;
        font-family: "Open Sans", sans-serif;
        background: transparent;
        border: 1px solid #d7dee0;
        border-radius: 5px;
        padding: 0 10px;
        color: #4c606b;
        outline: none;
        margin-top: 5px; }
        .cp .cp-account ul li input:disabled {
          border-color: transparent;
          padding: 0;
          height: 18px;
          margin-top: 0; }
      .cp .cp-account ul li .editMeControls {
        float: right; }
        .cp .cp-account ul li .editMeControls a {
          float: right;
          padding: 7px 15px;
          font-style: italic;
          font-size: 14px;
          text-decoration: none;
          border-radius: 5px;
          margin-left: 10px; }
        .cp .cp-account ul li .editMeControls .editMe {
          background: #e8f7fa;
          color: #3a4349; }
        .cp .cp-account ul li .editMeControls .saveMe {
          background: #3a4349;
          color: white;
          border: 1px solid #3a4349;
          display: none; }
        .cp .cp-account ul li .editMeControls .cancelMe {
          display: none;
          background: white;
          color: red;
          border: 1px solid red; }
  .cp .cp-payment .autopay {
    background: #e8f7fa;
    display: inline-block;
    padding: 17px 30px 17px 17px;
    border-radius: 5px;
    margin: 10px 30px 0 30px; }
    .cp .cp-payment .autopay input[type="checkbox"] {
      display: none;
      background: url("images/checked.svg") no-repeat; }
    .cp .cp-payment .autopay input[type="checkbox"] + label:before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url("images/unchecked.svg") no-repeat;
      vertical-align: middle;
      cursor: pointer;
      margin: -1px 10px 0 0px; }
    .cp .cp-payment .autopay input[type="checkbox"]:checked + label:before {
      background: url("images/checked.svg") no-repeat; }
    .cp .cp-payment .autopay label {
      display: inline-block;
      font-size: 16px;
      color: #4c606b;
      font-family: "Open Sans", sans-serif;
      cursor: pointer;
      font-weight: 400;
      line-height: 1.4; }
      .cp .cp-payment .autopay label span {
        color: #abb8be; }
  .cp .cp-payment ul.cp-paymentOptions {
    width: 100%;
    margin-top: 60px; }
    .cp .cp-payment ul.cp-paymentOptions li {
      border: 1px solid white;
      border-top: 1px solid #d7dee0;
      padding: 0 30px;
      color: #4c606b;
      position: relative;
      /*&:first-child {
      	.expiry .expires {
      		opacity: 1;
      		pointer-events: all;
      	}
      }*/ }
      .cp .cp-payment ul.cp-paymentOptions li label {
        display: block;
        font-size: 14px;
        color: #abb8be;
        /*margin-bottom: 5px;*/ }
      .cp .cp-payment ul.cp-paymentOptions li .inputs {
        display: none; }
      .cp .cp-payment ul.cp-paymentOptions li input {
        height: 25px;
        font-family: "Open Sans", sans-serif;
        background: transparent;
        border: 1px solid #d7dee0;
        border-radius: 5px;
        padding: 0 10px;
        color: #4c606b;
        outline: none;
        margin-top: 5px; }
      .cp .cp-payment ul.cp-paymentOptions li a.openCard {
        position: absolute;
        top: 30px;
        width: 60px;
        right: 0;
        text-align: center;
        font-family: "icons";
        color: #4c606b;
        text-decoration: none; }
        .cp .cp-payment ul.cp-paymentOptions li a.openCard i {
          transition: all .3s ease;
          transform: rotate(0deg);
          display: block; }
      .cp .cp-payment ul.cp-paymentOptions li.active {
        border: 1px solid #3a4349; }
        .cp .cp-payment ul.cp-paymentOptions li.active a.openCard i {
          transform: rotate(180deg); }
      .cp .cp-payment ul.cp-paymentOptions li figure {
        float: left;
        width: 64px;
        padding-top: 30px; }
      .cp .cp-payment ul.cp-paymentOptions li .additinal {
        padding-top: 20px;
        line-height: 1.2;
        display: none; }
        .cp .cp-payment ul.cp-paymentOptions li .additinal span {
          display: block;
          color: #abb8be; }
      .cp .cp-payment ul.cp-paymentOptions li .card {
        float: left;
        width: calc(50% - 32px);
        padding: 30px 30px 30px 0; }
        @media only screen and (max-width: 520px) {
          .cp .cp-payment ul.cp-paymentOptions li .card {
            width: calc(100% - 70px);
            padding: 30px 30px 0 0; } }
        .cp .cp-payment ul.cp-paymentOptions li .card .status {
          color: #8dd43f;
          font-size: 14px;
          font-style: italic;
          display: block;
          margin-bottom: 5px; }
          .cp .cp-payment ul.cp-paymentOptions li .card .status a {
            color: #3a4349;
            text-decoration: none; }
      .cp .cp-payment ul.cp-paymentOptions li .expiry {
        float: left;
        width: calc(50% - 32px);
        padding: 30px 30px 30px 0; }
        @media only screen and (max-width: 520px) {
          .cp .cp-payment ul.cp-paymentOptions li .expiry {
            width: calc(100% - 70px);
            padding: 20px 30px 30px 63px; } }
        .cp .cp-payment ul.cp-paymentOptions li .expiry .expires {
          /*position: relative;*/
          /*top: -50px;*/
          margin-bottom: 5px;
          color: #abb8be;
          font-size: 14px;
          display: block;
          font-style: italic;
          /*opacity: 0;*/
          /*pointer-events: none;*/ }
      .cp .cp-payment ul.cp-paymentOptions li .editCardControls {
        display: none;
        clear: both;
        margin-bottom: 30px; }
        .cp .cp-payment ul.cp-paymentOptions li .editCardControls a {
          float: right;
          padding: 7px 15px;
          font-style: italic;
          font-size: 14px;
          text-decoration: none;
          border-radius: 5px;
          margin-left: 10px; }
        .cp .cp-payment ul.cp-paymentOptions li .editCardControls .editCard {
          background: #e8f7fa;
          color: #1db4cb; }
        .cp .cp-payment ul.cp-paymentOptions li .editCardControls .saveCard {
          background: #3a4349;
          color: white;
          border: 1px solid #3a4349;
          display: none; }
        .cp .cp-payment ul.cp-paymentOptions li .editCardControls .cancelCard {
          display: none;
          background: white;
          color: red;
          border: 1px solid red; }
  .cp .cp-payment .updateCard {
    border-top: 1px solid #d7dee0; }
    .cp .cp-payment .updateCard a.updateLine {
      color: #1db4cb;
      text-decoration: none;
      font-weight: 700;
      padding: 30px;
      display: block; }
      .cp .cp-payment .updateCard a.updateLine i {
        display: inline-block;
        color: white;
        height: 30px;
        width: 30px;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
        background: #1db4cb;
        border-radius: 5px;
        margin-right: 10px; }
    .cp .cp-payment .updateCard .updateCardForm {
      padding: 30px; }
      .cp .cp-payment .updateCard .updateCardForm .formButtons {
        float: right; }
      .cp .cp-payment .updateCard .updateCardForm input[type="reset"],
      .cp .cp-payment .updateCard .updateCardForm input[type="submit"] {
        display: inline-block;
        padding: 7px 15px;
        font-style: italic;
        font-size: 14px;
        outline: none;
        border-radius: 5px;
        cursor: pointer;
        margin-left: 10px; }
      .cp .cp-payment .updateCard .updateCardForm input[type="submit"] {
        background: #3a4349;
        color: white;
        border: 1px solid #3a4349; }
      .cp .cp-payment .updateCard .updateCardForm input[type="reset"] {
        background: white;
        color: red;
        border: 1px solid red; }
      .cp .cp-payment .updateCard .updateCardForm ul {
        width: 100%;
        max-width: 300px; }
        .cp .cp-payment .updateCard .updateCardForm ul li {
          float: left;
          width: 100%;
          margin-bottom: 20px; }
          .cp .cp-payment .updateCard .updateCardForm ul li.half {
            width: 47.5%;
            margin-right: 5%; }
          .cp .cp-payment .updateCard .updateCardForm ul li.right {
            margin-right: 0; }
          .cp .cp-payment .updateCard .updateCardForm ul li.cvv label input {
            width: 100px; }
          .cp .cp-payment .updateCard .updateCardForm ul li.cvv label img {
            display: inline-block;
            margin-left: 10px;
            vertical-align: middle; }
          .cp .cp-payment .updateCard .updateCardForm ul li label span {
            display: block;
            font-size: 14px;
            color: #abb8be;
            margin-bottom: 5px; }
          .cp .cp-payment .updateCard .updateCardForm ul li label input, .cp .cp-payment .updateCard .updateCardForm ul li label select {
            width: 100%;
            height: 25px;
            font-family: "Open Sans", sans-serif;
            background: transparent;
            border: 1px solid #d7dee0;
            border-radius: 5px;
            padding: 0 10px;
            color: #4c606b;
            outline: none; }
  .cp .cp-history .table {
    width: 100%;
    padding-top: 40px;
    overflow-y: hidden;
    overflow-x: auto; }
    .cp .cp-history .table table {
      width: 100%;
      min-width: 600px; }
      .cp .cp-history .table table thead th {
        text-align: center;
        padding: 10px 0;
        font-size: 14px;
        color: #abb8be;
        font-weight: 600; }
        .cp .cp-history .table table thead th:first-child {
          padding-left: 30px; }
        .cp .cp-history .table table thead th:last-child {
          padding-right: 30px; }
      .cp .cp-history .table table tbody tr {
        border-top: 1px solid #d7dee0; }
        .cp .cp-history .table table tbody tr td {
          height: 50px;
          vertical-align: middle;
          color: #4c606b;
          text-align: center;
          font-size: 14px;
          padding: 0 10px; }
          .cp .cp-history .table table tbody tr td strong {
            font-weight: 700; }
          .cp .cp-history .table table tbody tr td a {
            background: #e8f7fa;
            background: rgba(39, 186, 147, 0.1);
            padding: 7px 20px;
            display: inline-block;
            color: #2dafbb;
            font-size: 14px;
            text-decoration: none;
            border-radius: 5px;
            font-style: italic; }
          .cp .cp-history .table table tbody tr td:first-child {
            padding-left: 30px; }
          .cp .cp-history .table table tbody tr td:last-child {
            padding-right: 30px; }

.modal.usageHistory, .modal.manualPayment {
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translatex(-50%);
  z-index: 1000;
  width: 100%;
  display: none; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .modal.usageHistory, .modal.manualPayment {
      position: fixed;
      top: 0;
      overflow-y: auto; } }
  .modal.usageHistory .wrapper, .modal.manualPayment .wrapper {
    padding-left: 20%; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .modal.usageHistory .wrapper, .modal.manualPayment .wrapper {
        padding-left: 0; } }
  .modal.usageHistory .close, .modal.manualPayment .close {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 10;
    color: #4c606b;
    font-family: "icons";
    text-decoration: none; }
  .modal.usageHistory nav, .modal.manualPayment nav {
    position: relative; }
    .modal.usageHistory nav ul, .modal.manualPayment nav ul {
      height: 50px;
      line-height: 50px; }
      .modal.usageHistory nav ul li, .modal.manualPayment nav ul li {
        display: inline-block;
        padding: 0 10px;
        margin-right: 30px;
        position: relative; }
        .modal.usageHistory nav ul li:after, .modal.manualPayment nav ul li:after {
          content: '';
          width: 20px;
          height: 20px;
          background: white;
          border-radius: 3px;
          position: absolute;
          bottom: -13px;
          left: 50%;
          margin-left: -10px;
          transform: rotate(-45deg);
          display: none; }
        .modal.usageHistory nav ul li.active:after, .modal.manualPayment nav ul li.active:after {
          display: block; }
        .modal.usageHistory nav ul li.active a, .modal.manualPayment nav ul li.active a {
          color: white; }
        .modal.usageHistory nav ul li a, .modal.manualPayment nav ul li a {
          color: #abb8be;
          font-size: 15px;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 700; }
          .modal.usageHistory nav ul li a:hover, .modal.manualPayment nav ul li a:hover {
            color: white; }
  .modal.usageHistory ul.usage, .modal.manualPayment ul.usage {
    background: white;
    border-radius: 5px; }
    .modal.usageHistory ul.usage li, .modal.manualPayment ul.usage li {
      display: none; }
      .modal.usageHistory ul.usage li.active, .modal.manualPayment ul.usage li.active {
        display: block; }
    .modal.usageHistory ul.usage h4, .modal.manualPayment ul.usage h4 {
      color: #1db4cb;
      padding: 40px 0 10px 40px;
      font-size: 30px; }
    .modal.usageHistory ul.usage p, .modal.manualPayment ul.usage p {
      color: #4c606b;
      font-size: 15px;
      padding: 0 0 0 40px; }
    .modal.usageHistory ul.usage dl, .modal.manualPayment ul.usage dl {
      padding: 40px; }
      .modal.usageHistory ul.usage dl dt, .modal.manualPayment ul.usage dl dt {
        color: #abb8be;
        font-size: 14px; }
        .modal.usageHistory ul.usage dl dt span, .modal.manualPayment ul.usage dl dt span {
          float: right; }
          .modal.usageHistory ul.usage dl dt span em, .modal.manualPayment ul.usage dl dt span em {
            color: #4c606b; }
      .modal.usageHistory ul.usage dl dd, .modal.manualPayment ul.usage dl dd {
        margin-bottom: 40px;
        position: relative;
        background: #aab8be;
        border-radius: 10px;
        height: 8px;
        width: 100%;
        margin-top: 10px;
        overflow: hidden; }
        .modal.usageHistory ul.usage dl dd span, .modal.manualPayment ul.usage dl dd span {
          position: absolute;
          top: 0;
          left: 0;
          background: #15b58c;
          height: 100%; }
  .modal.usageHistory .log, .modal.manualPayment .log {
    width: 100%;
    padding-top: 40px;
    overflow-y: hidden;
    overflow-x: auto; }
    .modal.usageHistory .log table, .modal.manualPayment .log table {
      width: 100%;
      min-width: 500px; }
      .modal.usageHistory .log table thead th, .modal.manualPayment .log table thead th {
        text-align: left;
        color: #abb8be;
        font-weight: 700;
        font-size: 14px;
        padding: 15px 0; }
        .modal.usageHistory .log table thead th:last-child, .modal.manualPayment .log table thead th:last-child {
          text-align: right;
          padding-right: 40px; }
      .modal.usageHistory .log table tbody, .modal.manualPayment .log table tbody {
        color: #4c606b; }
        .modal.usageHistory .log table tbody tr, .modal.manualPayment .log table tbody tr {
          height: 30px; }
          .modal.usageHistory .log table tbody tr:nth-child(odd), .modal.manualPayment .log table tbody tr:nth-child(odd) {
            background: #aab8be; }
          .modal.usageHistory .log table tbody tr th, .modal.manualPayment .log table tbody tr th {
            padding-left: 40px;
            font-weight: 700;
            vertical-align: middle; }
          .modal.usageHistory .log table tbody tr td, .modal.manualPayment .log table tbody tr td {
            vertical-align: middle; }
          .modal.usageHistory .log table tbody tr td:last-child, .modal.manualPayment .log table tbody tr td:last-child {
            text-align: right;
            padding-right: 40px; }

.modal.planOptions {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translatex(-50%);
  background: white;
  z-index: 1000;
  border-radius: 5px;
  width: calc(100% - 60px);
  max-width: 1240px;
  display: flex;
  transition: all .3s ease-in-out;
  opacity: 0;
  pointer-events: none; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .modal.planOptions {
      display: block; } }
  .modal.planOptions.visible {
    opacity: 1;
    pointer-events: all; }
  @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
    .modal.planOptions {
      position: fixed;
      width: 100%;
      height: 100%;
      transform: translatex(0);
      top: 0;
      left: 0;
      overflow-y: auto;
      border-radius: 0; } }
  .modal.planOptions .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: #4c606b;
    font-family: "icons";
    text-decoration: none; }
  .modal.planOptions .addThisMobile {
    display: none;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    background: #8fc345;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    text-align: center; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .modal.planOptions .addThisMobile {
        display: block; } }
  .modal.planOptions aside {
    background: #3a4349;
    width: 35%;
    border-radius: 0 5px 5px 0;
    max-width: 380px;
    position: relative;
    order: 2; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .modal.planOptions aside {
        border-radius: 0;
        float: none;
        width: 100%;
        max-width: 100%;
        height: auto; } }
    .modal.planOptions aside .glance {
      color: white;
      text-align: center; }
      .modal.planOptions aside .glance h6 {
        font-size: 130px;
        font-weight: 800;
        padding: 30px; }
        .modal.planOptions aside .glance h6 sub {
          vertical-align: baseline;
          font-size: 30px;
          font-weight: 400; }
        .modal.planOptions aside .glance h6 sup {
          vertical-align: super;
          font-size: 60px; }
      .modal.planOptions aside .glance ul {
        padding: 0 30px; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .modal.planOptions aside .glance ul {
            padding-bottom: 30px; } }
        .modal.planOptions aside .glance ul li {
          margin-bottom: 5px;
          line-height: 1.2;
          padding: 0 30px; }
          .modal.planOptions aside .glance ul li em {
            font-weight: 700; }
      .modal.planOptions aside .glance a {
        background: #8fc345;
        /*background: linear-gradient(45deg, #2dafbb 0%, #2dafbb 100%);*/
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        display: inline-block;
        padding: 0 30px;
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        text-decoration: none;
        margin: 30px auto; }
        .modal.planOptions aside .glance a:hover {
          background: #25d4e4; }
        @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
          .modal.planOptions aside .glance a {
            display: none; } }
    .modal.planOptions aside .compatibility {
      border-top: 1px solid rgba(76, 96, 107, 0.5);
      border-bottom: 1px solid rgba(76, 96, 107, 0.5); }
      .modal.planOptions aside .compatibility h6 {
        text-align: center;
        line-height: 1.4; }
    .modal.planOptions aside .compatibility, .modal.planOptions aside .coverage {
      padding: 30px; }
      @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
        .modal.planOptions aside .compatibility, .modal.planOptions aside .coverage {
          display: none; } }
      .modal.planOptions aside .compatibility a, .modal.planOptions aside .coverage a {
        font-weight: 700;
        color: white;
        text-decoration: none; }
        .modal.planOptions aside .compatibility a i, .modal.planOptions aside .coverage a i {
          font-family: "icons";
          padding-left: 10px; }
      .modal.planOptions aside .compatibility form h6, .modal.planOptions aside .coverage form h6 {
        font-weight: 700;
        color: white;
        margin-bottom: 10px; }
        .modal.planOptions aside .compatibility form h6 span, .modal.planOptions aside .coverage form h6 span {
          display: block;
          font-style: italic;
          font-weight: 400;
          font-size: 14px; }
      .modal.planOptions aside .compatibility form input[type="text"], .modal.planOptions aside .coverage form input[type="text"] {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        border: none;
        padding: 0 20px;
        font-size: 18px;
        font-family: "Open Sans", sans-serif;
        outline: none; }
      .modal.planOptions aside .compatibility .percent, .modal.planOptions aside .coverage .percent {
        padding: 20px 0;
        position: relative; }
        .modal.planOptions aside .compatibility .percent img, .modal.planOptions aside .coverage .percent img {
          width: 80%;
          margin: 20px auto;
          display: block; }
        .modal.planOptions aside .compatibility .percent span, .modal.planOptions aside .coverage .percent span {
          font-size: 100px;
          font-weight: 700;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff; }
      .modal.planOptions aside .compatibility p, .modal.planOptions aside .coverage p {
        color: white;
        font-size: 14px;
        font-style: italic;
        line-height: 1.4;
        padding-bottom: 30px; }
  .modal.planOptions .featuresWrapper {
    flex: 1;
    padding: 0 40px; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .modal.planOptions .featuresWrapper {
        width: 100%;
        float: none;
        padding: 0 20px; } }
  .modal.planOptions .simOptions,
  .modal.planOptions .portingOptions,
  .modal.planOptions .addOns {
    padding: 40px 0;
    border-bottom: 1px solid #d7dee0; }
    @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
      .modal.planOptions .simOptions,
      .modal.planOptions .portingOptions,
      .modal.planOptions .addOns {
        padding: 30px 0; } }
    .modal.planOptions .simOptions.addOns,
    .modal.planOptions .portingOptions.addOns,
    .modal.planOptions .addOns.addOns {
      border-bottom: 0; }
    .modal.planOptions .simOptions input[type="radio"], .modal.planOptions .simOptions input[type="checkbox"],
    .modal.planOptions .portingOptions input[type="radio"],
    .modal.planOptions .portingOptions input[type="checkbox"],
    .modal.planOptions .addOns input[type="radio"],
    .modal.planOptions .addOns input[type="checkbox"] {
      display: none;
      background: url("images/checked.svg") no-repeat; }
    .modal.planOptions .simOptions input[type="radio"] + label:before, .modal.planOptions .simOptions input[type="checkbox"] + label:before,
    .modal.planOptions .portingOptions input[type="radio"] + label:before,
    .modal.planOptions .portingOptions input[type="checkbox"] + label:before,
    .modal.planOptions .addOns input[type="radio"] + label:before,
    .modal.planOptions .addOns input[type="checkbox"] + label:before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url("images/unchecked.svg") no-repeat;
      vertical-align: middle;
      cursor: pointer;
      margin: -1px 10px 0 0px; }
    .modal.planOptions .simOptions input[type="radio"]:checked + label:before, .modal.planOptions .simOptions input[type="checkbox"]:checked + label:before,
    .modal.planOptions .portingOptions input[type="radio"]:checked + label:before,
    .modal.planOptions .portingOptions input[type="checkbox"]:checked + label:before,
    .modal.planOptions .addOns input[type="radio"]:checked + label:before,
    .modal.planOptions .addOns input[type="checkbox"]:checked + label:before {
      background: url("images/checked.svg") no-repeat; }
    .modal.planOptions .simOptions label,
    .modal.planOptions .portingOptions label,
    .modal.planOptions .addOns label {
      display: inline-block;
      font-size: 16px;
      color: #4c606b;
      font-family: "Open Sans", sans-serif;
      cursor: pointer;
      font-weight: 700;
      line-height: 1.2;
      margin-right: 15px; }
      .modal.planOptions .simOptions label span,
      .modal.planOptions .portingOptions label span,
      .modal.planOptions .addOns label span {
        font-size: 14px;
        font-weight: 400;
        color: #abb8be; }
    .modal.planOptions .simOptions h3,
    .modal.planOptions .portingOptions h3,
    .modal.planOptions .addOns h3 {
      color: black;
      font-size: 28px;
      margin-bottom: 30px; }
      .modal.planOptions .simOptions h3 span,
      .modal.planOptions .portingOptions h3 span,
      .modal.planOptions .addOns h3 span {
        font-size: 14px;
        color: #abb8be; }
    .modal.planOptions .simOptions h6,
    .modal.planOptions .portingOptions h6,
    .modal.planOptions .addOns h6 {
      color: #4c606b;
      font-weight: 700;
      line-height: 1.4;
      margin-bottom: 30px; }
      .modal.planOptions .simOptions h6 span,
      .modal.planOptions .portingOptions h6 span,
      .modal.planOptions .addOns h6 span {
        display: block;
        font-weight: 400;
        font-size: 14px;
        font-style: italic; }
        .modal.planOptions .simOptions h6 span strong,
        .modal.planOptions .portingOptions h6 span strong,
        .modal.planOptions .addOns h6 span strong {
          font-weight: 700; }
    .modal.planOptions .simOptions ul,
    .modal.planOptions .portingOptions ul,
    .modal.planOptions .addOns ul {
      color: #4c606b;
      margin-bottom: 20px; }
      .modal.planOptions .simOptions ul li,
      .modal.planOptions .portingOptions ul li,
      .modal.planOptions .addOns ul li {
        margin-bottom: 10px; }
        .modal.planOptions .simOptions ul li:last-child,
        .modal.planOptions .portingOptions ul li:last-child,
        .modal.planOptions .addOns ul li:last-child {
          margin-bottom: 0; }
        .modal.planOptions .simOptions ul li ul,
        .modal.planOptions .portingOptions ul li ul,
        .modal.planOptions .addOns ul li ul {
          margin-top: 15px; }
          .modal.planOptions .simOptions ul li ul li,
          .modal.planOptions .portingOptions ul li ul li,
          .modal.planOptions .addOns ul li ul li {
            margin-bottom: 10px;
            line-height: 1.4; }
            @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
              .modal.planOptions .simOptions ul li ul li,
              .modal.planOptions .portingOptions ul li ul li,
              .modal.planOptions .addOns ul li ul li {
                font-size: 14px;
                margin-bottom: 5px; } }
        .modal.planOptions .simOptions ul li p,
        .modal.planOptions .portingOptions ul li p,
        .modal.planOptions .addOns ul li p {
          margin-top: 15px;
          line-height: 1.4; }
          @media only screen and (min-width: 720px) and (max-width: 959px), only screen and (min-width: 521px) and (max-width: 719px), only screen and (max-width: 520px) {
            .modal.planOptions .simOptions ul li p,
            .modal.planOptions .portingOptions ul li p,
            .modal.planOptions .addOns ul li p {
              font-size: 14px; } }
    .modal.planOptions .simOptions form p,
    .modal.planOptions .portingOptions form p,
    .modal.planOptions .addOns form p {
      margin-bottom: 10px;
      color: #4c606b; }
    .modal.planOptions .simOptions form input[type="tel"],
    .modal.planOptions .portingOptions form input[type="tel"],
    .modal.planOptions .addOns form input[type="tel"] {
      height: 50px;
      border: 2px solid #d7dee0;
      border-radius: 5px;
      padding: 0 20px;
      font-size: 18px;
      outline: none;
      font-weight: "Open Sans", sans-serif;
      color: #4c606b; }
      .modal.planOptions .simOptions form input[type="tel"]:focus,
      .modal.planOptions .portingOptions form input[type="tel"]:focus,
      .modal.planOptions .addOns form input[type="tel"]:focus {
        border-color: #3a4349; }

.porting-option p {
  margin-bottom: 10px;
  color: #4c606b; }
.porting-option input[type="tel"] {
  height: 50px;
  border: 2px solid #d7dee0;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 18px;
  outline: none;
  font-weight: "Open Sans", sans-serif;
  color: #4c606b; }
  .porting-option input[type="tel"]:focus {
    border-color: #3a4349; }

li.bringOwnSimCard input#sim_number {
  height: 50px;
  border: 2px solid #d7dee0;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 18px;
  outline: none;
  font-weight: "Open Sans", sans-serif;
  color: #4c606b; }
  li.bringOwnSimCard input#sim_number:focus {
    border-color: #3a4349; }

.plansCartItemsListTbl, .plansOrderSummaryTbl {
  color: #4c606b;
  margin-top: 20px; }

.plansCartItemsListTbl td, .plansOrderSummaryTbl td {
  font-size: 14px;
  border: solid 1px #d7dee0 !important;
  border-collapse: collapse;
  padding: 10px; }

.plansCartItemsListTbl .table-header {
  background-color: #1db4cb;
  color: #fff; }

.plansOrderSummaryTbl {
  float: right;
  text-align: right; }

p.plansCartItemsListNotice {
  margin: 20px 0;
  font-size: 14px !important;
  color: #4c606b;
  font-weight: bold; }

.cp-porting-p {
  margin: 10px 30px 10px;
  font-size: 13px;
  color: #333;
  line-height: 150%; }

.cp-porting-notice {
  font-size: 16px;
  font-weight: bold;
  color: #4c606b;
  padding-left: 30px;
  line-height: 1.4; }

.cp-porting-table td {
  text-align: left !important; }

.cp-porting-table td input {
  width: 250px !important; }

.uppercase {
  text-transform: uppercase; }

.red {
  color: #e53037; }

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

.button-custom {
  color: white;
  /*background: linear-gradient(45deg, $nred 0%, $nred 100%);*/
  background: #8fc345;
  border-radius: 5px;
  padding: 9px 26px;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  text-align: center; }
  .button-custom:hover {
    background: #6c992d !important; }
  .button-custom i, .button-custom span {
    padding-left: 15px; }

.font-size-10 {
  font-size: 10px; }

.no-padding {
  padding: 0px; }

.no-padding-important {
  padding: 0px !important; }

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