@font-face {
  font-family: apfont;
  src: url("/assets/fonts/proxima-nova-alt-light.otf"); }

*:not(i) {
  font-family: apfont; }

*:not(.second-font):not(i):not(md-icon):not(.glyphicon) {
  font-family: 'Lato'; }

@font-face {
  font-family: apfont;
  src: url("/assets/fonts/proxima-nova-alt-regular.otf"); }

*:not(i) {
  font-family: apfont; }

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #2AB673; }

md-select:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #4c97cd; }

html, body {
  background-color: #ffffff !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

@media screen and (max-width: 500px) {
  .carousel-img {
    margin-top: 30px; }
  .main_logo {
    margin-top: -2.5em; }
  .icons {
    display: none; }
  .tag-line {
    margin-top: 60px !important;
    margin-left: 5px !important; }
  #brace {
    position: absolute;
    top: -3em;
    left: -3em;
    width: 15% !important; }
  #bold_h4 {
    margin-top: -5.5em;
    margin-left: 100px;
    width: 43%; }
  #p_slide_text {
    width: 43%;
    position: absolute;
    right: 7em;
    top: -2em; }
  #braces {
    position: absolute;
    top: -5.5em;
    right: 4em;
    width: 15% !important; }
  #know-more {
    margin-top: 3em;
    margin-bottom: 3em; }
  #hide-down-arrow {
    display: none; }
  #Estimator {
    font-size: 20px;
    text-align: center; }
  #hide-back-to-heath-text {
    display: none; }
  #relation_needs {
    margin-top: -10em;
    margin-left: 2em; }
  #relation {
    margin-top: 23px !important;
    margin-left: 0em;
    width: 50% !important; }
  .future_expenses {
    text-align: center;
    margin-top: 0px !important;
    font-size: 18px !important;
    margin-bottom: 17px; }
  .step_1 {
    margin-top: 37px;
    font-size: 18px !important;
    margin-bottom: 17px; }
  .for {
    margin-left: 2em;
    margin-top: 7px;
    margin-bottom: 7em;
    font-size: 18px !important; }
  #specialization {
    position: absolute !important;
    top: -30px !important;
    left: 4em; }
  .next-btn {
    position: absolute !important;
    top: 2em !important;
    left: 125px !important; }
  .back-btn {
    margin-left: -6em !important; }
  #right_panel {
    margin-top: 0em !important; }
  #heathsavingsplan {
    margin-top: 0em !important;
    margin-bottom: 1em !important; }
  .small {
    width: 90% !important;
    text-align: center !important; }
  .blue {
    text-align: left !important; }
  #start_text {
    margin-top: 0em !important;
    margin-left: 0em !important; }
  .form {
    margin-bottom: 24em; }
  #enquiry_form {
    position: absolute;
    right: 5em;
    top: 6em; }
  .thank-you-back-btn {
    position: absolute;
    top: 9em !important;
    left: 8em !important; }
  .thankyou {
    margin-top: 2em !important;
    margin-bottom: 6em !important; }
  .center_allign {
    text-align: center;
    margin-top: 0em; }
  .take-all-space-you-can-landing-page {
    width: 48% !important; }
  #hidden_mobile {
    display: none; }
  .customer-img {
    margin-left: 6em !important;
    margin-top: 3em; }
  .customer_testimonial {
    font-size: 15px !important;
    text-align: center !important; }
  .doctor-img {
    margin-left: 6em !important;
    margin-top: 3em; }
  .doctor_testimonial {
    font-size: 15px !important;
    text-align: center !important; }
  .border-green {
    display: none; }
  .step1_head {
    display: none; }
  .step1_head_right {
    font-size: 18px; }
  .step1_para_right {
    font-size: 15px; }
  .main_heading_how_it_works {
    font-size: 20px; }
  .icon_next {
    width: 70% !important;
    margin-top: 72px !important;
    cursor: pointer; }
  .icon_back {
    width: 70% !important;
    margin-left: 1em !important;
    margin-top: 72px !important;
    cursor: pointer; } }

@media only screen and (min-device-width: 412px) and (max-device-width: 732px) {
  .main_logo > img {
    width: 60%;
    margin-top: 45px !important; } }

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
  .take-all-space-you-can-landing-page {
    width: 48% !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) {
  #brace {
    position: absolute;
    top: 1.5em;
    left: -4em;
    width: 15% !important; }
  #braces {
    position: absolute;
    top: -1.5em;
    right: 3em;
    width: 15% !important; }
  #p_slide_text {
    width: 43%;
    position: absolute;
    right: 6em;
    top: -1em; }
  .next-btn {
    position: absolute !important;
    top: 2em !important;
    left: 100px !important; }
  .btn {
    margin-top: 4em !important; }
  .back-btn {
    margin-left: -7em !important; }
  .blue {
    font-size: 13px !important; } }

#header {
  border-bottom: 1px solid #dfe0e0; }
  #header .navbar {
    padding: 5px; }
  #header .container-fluid .navbar-default {
    background-color: #ffffff !important; }
  #header .navbar-nav {
    margin: 18px; }
  #header .navbar-right {
    margin-right: -15px; }
  #header .main_logo > img {
    width: 60%;
    margin-top: -3px; }
  #header .tag-line {
    margin-top: 57px;
    margin-bottom: 5px;
    margin-left: -17px;
    font-weight: 400;
    color: #5E6161; }
  #header nav a.hover {
    color: #5E6161;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #ffffff;
    cursor: pointer;
    font-weight: 600;
    margin: 5px;
    padding: 8px;
    box-sizing: border-box; }
  #header nav .hover:hover {
    border: 1px solid #F7912C;
    line-height: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }

#carousel {
  border-bottom: 1px solid #dfe0e0;
  margin-top: 80px; }
  #carousel .carousel-img {
    width: 100%;
    margin-top: 40px; }
  #carousel .animate-show.ng-hide-add, #carousel .animate-show.ng-hide-remove {
    transition: all linear 0.5s;
    display: block !important; }
  #carousel .animate-show.ng-hide-add.ng-hide-add-active, #carousel .animate-show.ng-hide-remove {
    opacity: 0; }
  #carousel .animate-show.ng-hide-add, #carousel .animate-show.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }
  #carousel .center {
    padding-top: 6em; }
    #carousel .center .bold {
      font-weight: bold;
      font-style: italic;
      color: #5E6161; }
    #carousel .center .light {
      color: #5E6161;
      font-style: italic;
      font-size: 20px; }
    #carousel .center .btn {
      background-color: #52C48D;
      color: #fff;
      text-transform: uppercase;
      padding: 5px 10px;
      border-radius: 6px;
      margin-top: 2em;
      font-size: 18px;
      font-weight: bold; }
    #carousel .center .active {
      background-color: #2AB673;
      color: white; }
    #carousel .center .icons img {
      color: #ffffff;
      margin-top: 80px;
      background-color: #4c97cd;
      padding: 4px;
      border-radius: 50%;
      width: 10%;
      margin-right: 5px; }
    #carousel .center .icons img:hover {
      background: #2AB673; }
    #carousel .center .icons img:active {
      background: #2AB673; }
    #carousel .center #slide_text_row {
      margin-top: 2em; }
      #carousel .center #slide_text_row #bold_h4 {
        color: #5E6161;
        font-size: 19px;
        font-weight: 700;
        font-style: italic; }
    #carousel .center #p_slide_text {
      font-size: 17px;
      color: #5E6161; }
    #carousel .center .braces {
      margin: 0px;
      padding: 0px;
      z-index: 1; }
      #carousel .center .braces #brace {
        margin-left: 6em; }
      #carousel .center .braces #braces {
        margin-left: -6em; }
    #carousel .center .braces > img {
      width: 50%; }
    #carousel .center .slide_text {
      z-index: 10;
      margin: 10px auto; }
    #carousel .center .slide_text > img {
      position: absolute;
      left: -32px;
      top: 31px;
      width: 120%; }
  #carousel .down-arrow {
    background-color: #f7912c;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    bottom: -12px; }
    #carousel .down-arrow i.fa {
      color: white;
      font-size: 23px;
      cursor: pointer; }

#afford_estimator {
  background-color: #ffffff !important;
  border-bottom: 1px solid #dfe0e0; }
  #afford_estimator .bold {
    font-weight: 600;
    color: #5E6161; }
  #afford_estimator .text-center .health {
    color: #5E6161;
    margin-top: 1em;
    margin-left: 40px; }
  #afford_estimator .footer-img {
    width: 75%;
    margin-left: 50px; }
  #afford_estimator #affordability_estimator_container {
    height: 550px;
    margin-top: 30px; }
  #afford_estimator #affordability_estimator_container_column_1 {
    height: 100%; }
  #afford_estimator #affordability_estimator_column_2 {
    height: 100%;
    padding: 180px 100px;
    max-width: 100%; }
  #afford_estimator .relation {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-weight: 400;
    border-bottom: solid 1px #a1a7ad;
    font-size: 22px;
    float: left;
    padding: 0px 5px;
    text-align: center;
    margin-top: 20px;
    color: #a1a7ad;
    line-height: 1.6;
    font-family: 'Proxima Nova', sans-serif !important;
    width: 30%; }
  #afford_estimator .line_height {
    line-height: 1.6px; }
  #afford_estimator .expense {
    color: #5E6161;
    font-size: 26px;
    line-height: 1.6; }
  #afford_estimator .future_expenses {
    color: #5E6161;
    font-size: 26px;
    margin-top: 10px; }
  #afford_estimator .for {
    color: #5E6161;
    font-size: 26px; }
  #afford_estimator .margin_zero > div {
    padding: 0px; }
  #afford_estimator .right {
    margin-top: 9em; }
  #afford_estimator .speciality {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-weight: 400;
    font-size: 22px;
    border-bottom: solid 1px #a1a7ad;
    padding: 0px 5px;
    color: #a1a7ad;
    width: 50%;
    position: absolute;
    top: 130px;
    right: 245px;
    font-family: 'Proxima Nova', sans-serif !important; }
  #afford_estimator .btn {
    background-color: #52C48D;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    margin-top: 15px !important;
    font-size: 18px; }
  #afford_estimator .panel {
    border: 0px !important; }
  #afford_estimator .pointer {
    cursor: pointer; }
  #afford_estimator .panel-default {
    border-color: #ffffff !important; }
  #afford_estimator .small {
    width: 60%;
    margin: 30px auto; }
  #afford_estimator .widget-content {
    font-weight: 500;
    font-size: 18px; }
  #afford_estimator .heathsavingsplan {
    margin-top: 3em; }
    #afford_estimator .heathsavingsplan .intersted-btn {
      background-color: #2AB673;
      color: #fff;
      text-transform: uppercase;
      border-radius: 6px;
      margin-top: 0px;
      font-size: 18px;
      text-decoration: none;
      padding: 5px 10px;
      cursor: pointer; }
  #afford_estimator .next-btn {
    background-color: #2AB673;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
    cursor: pointer;
    position: absolute;
    top: 12em;
    left: 8em; }
  #afford_estimator .back-btn {
    background-color: #5E6161;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 20px;
    cursor: pointer;
    position: absolute;
    left: 14em; }
  #afford_estimator .thank-you-back-btn {
    background-color: #5E6161;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 20px;
    cursor: pointer;
    position: absolute;
    top: 12em;
    left: 14em; }
  #afford_estimator .blue {
    background-color: #4c97cd;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer; }
  #afford_estimator .right-panel {
    margin-top: 3em;
    margin-bottom: 4em; }
  #afford_estimator .content {
    font-size: 15px;
    color: #5E6161;
    font-weight: 600; }
  #afford_estimator .form {
    margin-top: 20px; }
  #afford_estimator .start {
    color: #5E6161;
    margin-top: 1em;
    margin-left: 2em; }
  #afford_estimator .enquiry {
    margin-top: 3em;
    width: 60%;
    margin-left: 10em; }
  #afford_estimator .enquiry-input {
    text-align: center;
    border: 0px;
    box-shadow: none;
    color: #5E6161;
    font-family: 'Proxima Nova', sans-serif !important;
    font-size: 15px;
    border-bottom: solid 2px #E0D5D5;
    background: transparent;
    font-size: 20px; }
  #afford_estimator .thankyou {
    margin-top: 130px; }
    #afford_estimator .thankyou h3 {
      color: #5E6161; }
  #afford_estimator .amount {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-weight: 400;
    font-size: 20px;
    border-bottom: solid 1px #A1A7AD;
    padding: 0px 5px;
    color: #A1A7AD;
    font-family: 'Proxima Nova', sans-serif !important;
    width: 45%;
    display: inline;
    margin-top: -10px; }
  #afford_estimator .blue-bold {
    font-size: 35px;
    color: #4c97cd; }
  #afford_estimator .float-left {
    float: left;
    margin-right: 15px;
    color: #4c97cd; }
  #afford_estimator .blue_bold {
    color: #4c97cd; }
  #afford_estimator .float_left {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
    color: #4c97cd; }

#testimonial {
  background-color: #ffffff !important;
  margin-top: 4em;
  border-bottom: 1px solid #dfe0e0; }
  #testimonial .margin_bottom {
    margin-bottom: 3em; }
  #testimonial .nav-tabs > li {
    float: none;
    display: inline-block;
    zoom: 1; }
  #testimonial .nav-tabs {
    text-align: center;
    border-bottom: transparent !important;
    cursor: pointer; }
  #testimonial .take-all-space-you-can {
    width: 40%; }
  #testimonial .take-all-space-you-can-landing-page {
    width: 40%; }
  #testimonial .nav-tabs > li.active > a, #testimonial .nav-tabs > li.active > a:focus, #testimonial .nav-tabs > li.active > a:hover {
    cursor: default;
    border: 1px solid #ddd;
    background: #2AB673;
    border-bottom-color: transparent; }
  #testimonial a {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #4c97cd; }
  #testimonial .customer-img {
    margin-left: 15em;
    margin-top: 3em; }
  #testimonial .doctor-img {
    margin-left: 15em;
    margin-top: 3em; }
  #testimonial .customer_name {
    margin-left: 0em;
    text-align: center;
    margin-top: 2em; }
  #testimonial .primary_color {
    color: #5E6161; }
  #testimonial .top_exclamation {
    width: 5%;
    margin-left: -30px;
    margin-top: 5em; }
  #testimonial .customer_testimonial {
    font-size: 21px;
    color: #5E6161; }
  #testimonial .doctor_testimonial {
    font-size: 21px;
    color: #5E6161; }
  #testimonial .bottom_exclamation {
    width: 5%;
    margin-left: 39em;
    margin-top: -2em; }
  #testimonial .doctor_name {
    margin-left: 0em;
    text-align: center;
    margin-top: 2em; }

#how_it_works {
  background-color: #ffffff !important;
  margin-top: 2em;
  border-bottom: 1px solid #dfe0e0; }
  #how_it_works .main_heading_how_it_works {
    font-weight: 700;
    color: #5E6161; }
  #how_it_works .board .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box; }
  #how_it_works .board > div.board-inner > .nav-tabs {
    border: none; }
  #how_it_works p.narrow {
    width: 60%;
    margin: 10px auto; }
  #how_it_works .liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 70%;
    left: 181px;
    right: 0;
    top: 50%;
    z-index: 1; }
  #how_it_works .nav-tabs > li.active > a, #how_it_works .nav-tabs > li.active > a:hover, #how_it_works .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
    outline: 0; }
  #how_it_works span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #4c97cd;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px; }
  #how_it_works span.round-tabs.one {
    border: 2px solid #ddd;
    color: #ddd; }
  #how_it_works li.active span.round-tabs.one, #how_it_works li.active span.round-tabs.two, #how_it_works li.active span.round-tabs.three, #how_it_works li.active span.round-tabs.four, #how_it_works li.active span.round-tabs.five {
    background: #2AB673 !important;
    border: 2px solid #2AB673;
    color: #fff; }
  #how_it_works span.round-tabs.two {
    border: 2px solid #ddd;
    color: #ddd; }
  #how_it_works span.round-tabs.three {
    border: 2px solid #ddd;
    color: #ddd; }
  #how_it_works span.round-tabs.four {
    border: 2px solid #ddd;
    color: #ddd; }
  #how_it_works .nav-tabs > li.active > a span.round-tabs {
    background: #fafafa; }
  #how_it_works .nav-tabs > li {
    width: 25%; }
  #how_it_works .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0; }
  #how_it_works .nav-tabs > li a:hover {
    background: transparent; }
  #how_it_works .width-75 {
    width: 75%; }
  #how_it_works .margin_top_4em {
    margin-top: 4em;
    margin-bottom: 4em; }
  #how_it_works .step1_head {
    font-weight: 700;
    color: #5E6161;
    margin-top: 50px; }
  #how_it_works .step1_head_right {
    font-weight: 700;
    color: #5E6161; }
  #how_it_works .step1_para_right {
    color: #5E6161; }
  #how_it_works .green {
    color: #2AB673; }
  #how_it_works #green_1 {
    color: #ffffff;
    padding: 0px 7px;
    background-color: #2AB673;
    border-radius: 100%; }
  #how_it_works .ex1 {
    width: 5%;
    position: absolute;
    top: -2em; }
  #how_it_works .border-green {
    border-radius: 25px;
    border: 2px solid #2ab673;
    width: 80%;
    height: 184px; }
  #how_it_works .ex2 {
    width: 15%;
    margin-left: 26em;
    margin-top: -3em; }
  #how_it_works .icon_next {
    width: 50%;
    margin-top: 4em;
    cursor: pointer; }
  #how_it_works .icon_back {
    width: 50%;
    margin-top: 4em;
    margin-left: 3em;
    cursor: pointer; }

#footer {
  background-color: #ffffff !important;
  margin-top: 4em; }
  #footer .footer_logo {
    width: 60%;
    margin-left: 50px; }
  #footer .no_hover {
    text-decoration: none; }
  #footer .right-footer-img {
    width: 15%;
    cursor: pointer; }
  #footer .p_footer {
    color: #5E6161;
    text-transform: uppercase;
    font-size: 15px; }

#copyright {
  margin-top: 4em;
  height: 50px;
  background-color: #5E6161; }
  #copyright p {
    color: #ffffff;
    font-size: 15px;
    margin-top: 15px; }