/**
 * $Table of Contents
 * ==========================
 * $Global
 *    $Colors
 *    $Typography
 *    $Icons
 *    $Links
 *    $Buttons
 *    $Backgrounds
 *    $Responsive Embed
 *    $Forms
 *    $Tables
 *    $Lists
 *    $Grid
 *      $Flex Grid
 *    $Panels
 *    $Steps Chart
 *    $Progress Bars
 *    $Jumbotron
 *    $Animated Steps
 *    $Accordion
 * $Layout
 *    $Header
 *    $Footer
 * $Pages
 *    $Homepage
 *      $Hero
 *      $Testimonials
 *      $Reviews
 *      $Featured In
 *    $Dash Transactions
 *    $FAQs
 */


/**
 * ==========================
 * $Global
 * ==========================
 */


/**
 * $Colors
 * ==========================
 * $blue: #184d7a;
 * $blue-light: #6ba1c5;
 * $blue-dark: #0c3a60;
 * $gray: #e7e7e8;
 * $gray-dark: #818285;
 * $gray-darker: #404041;
 * $gray-darkest: #58585a;
 * $red: #dd6f60;
 * $green: #19a788;
 * $yellow: #e3c043;
 *
 * $color-text: $gray-darker;
 * $btn-secondary-hover: #747578;
 * $h4: #515254;
 */


/**
 * $Typography
 * ==========================
 */

/**
 * Styles based on style_new.css
 */
body {
  font-size: 18px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.3889;
}

h1, .h1 {
  font-size: 49px;
  line-height: 1.25;
}

h2, .h2 {
  font-weight: 300;
  font-size: 40px;
  line-height: 1.25;
}

h3, .h3 {
  font-size: 35px;
  line-height: 1.42;
}

h4, .h4 {
  color: #515254; 
  letter-spacing: 1px;
  font-size: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: capitalize;
}

h5, .h5 {
  font-size: 20px;
}

h6, .h6 {
  font-weight: 400;
  font-size: 14px;
}

small,
.small { font-size: 14px; }

.lg {
  font-size: 25px !important;
  line-height: 35px !important;
}

em {
  font-style: normal;
  text-decoration: underline;
}

p {
  font-size: 18px;
  line-height: 1.38889;
  margin-bottom: 25px;
}

hr { border-top-color: #404041; }

.primary       { color: #19a788 !important; }
.primary-light { color: #6ba1c5 !important; }
.primary-dark  { color: #0c3a60 !important; }
.secondary     { color: #818285 !important; }
.success       { color: #19a788 !important; }
.error         { color: #dd6f60 !important; }
.warning       { color: #e3c043 !important; }
.reverse       { color: #fff !important; }

.section-header {
  background-color: #6d6e71;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.subsection-header {
  background-color: #6ba1c5;
  color: #fff;
  font-weight: 300;
  font-size: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section-icon {
  width: 40px;
  text-align: center;
  position: relative;
  top: 5px;
}

.icon-sm { font-size: 12px; }
.icon-lg { font-size: 20px; }
.icon-xl { font-size: 28px; }

.padding-tb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}


/**
 * $Icons
 * ==========================
 */
.fa {
  position: relative;
  z-index: 1;
}

.fa-exclamation-triangle:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 20%;
  bottom: 20%;
  left: 35%;
  right: 35%;
  background-color: #fff;
}

.fa-exclamation-circle:after,
.fa-check-circle:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 18%;
  right: 18%;
  bottom: 18%;
  left: 18%;
  background-color: #fff;
  border-radius: 50em;
}


/**
 * $Links
 * ==========================
 */
a {
  color: #818285;
  text-decoration: underline;
}


/**
 * $Buttons
 * ==========================
 */

.btn {
  background-color: transparent;
  border: none !important;
  font-weight: 300;
  font-size: 14px !important;
  transition: all 0.25s ease-in-out;
  padding: 14px 35px !important;
  text-decoration: none;
}

.btn-default {
  background-color: #6ba1c5;
  color: #fff;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #528eb8 !important;
  color: #fff !important;
}

.btn-default[disabled],
.btn-default.disabled {
  background-color: #bbbdbf;
  color: #808184;
}

.btn-primary {
  background-color: #0c3a60;
  color: #fff;
}

.btn-secondary {
  background-color: #bbbdbf;
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #a1a3a6 !important;
  color: #fff !important;
}

.btn-lg { padding: 21px 40px !important; }

.btn-round {
  border-radius: 50em;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0 !important;
}

.btn-round.btn-sm {
  font-size: 30% !important;
  height: 20px;
  width: 20px;
  line-height: 20px;
}

.btn-icon { padding: 4px !important; }

.btn-link {
  color: #404041;
  padding: 0 !important;
}

.btn-compact {
  padding-right: 0 !important;
  padding-left: 0 !important;
}


/**
 * $Backgrounds
 * Like those seen in style-new.css (gray-color/lgray-color)
 * ==========================
 */

.medium-gray-color {
  background-color: #eceded;
}

.lblue-color {
  background-color: #6ba1c5;
  color: #fff;
}

.lblue-color h1,
.lblue-color h2,
.lblue-color h3,
.lblue-color h4,
.lblue-color h5 {
  color: inherit;
}

.lblue-color a { text-decoration: none; }

.lblue-color a:hover { text-decoration: underline; }

.blue-color {
  background-color: #184d7a;
  color: #fff;
}

.blue-color h1,
.blue-color h2,
.blue-color h3,
.blue-color h4,
.blue-color h5 {
  color: inherit;
}

.blue-color a { text-decoration: none; }

.blue-color a:hover { text-decoration: underline; }

.dblue-color {
  background-color: #0c3a60;
  color: #fff;
}

.dblue-color a { text-decoration: none; }

.dblue-color a:hover { text-decoration: underline; }


/**
 * $Responsive Embed
 * Originally in Bootstrap but missing from
 * this project's Boostrap CSS file
 * ==========================
 */

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%
}

.embed-responsive-4by3 {
  padding-bottom: 75%
}


/**
 * $Forms
 * ==========================
 */
.form-control {
  background-color: #fff;
  border: 1px solid #e7e7e8;
  border-radius: 0;
  box-shadow: none;
  height: 38px;
  margin-bottom: 25px;
}

.form-control:focus,
.form-control:active {
  border-color: #184d7a;
}

.input-group-addon {
  background-color: #fff;
  border-color: #e7e7e8;
}

.flex-form { margin-bottom: 40px; }

.flex-form-header.flex-row {
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.form-header .flex-form-cell {
  min-height: 0;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 40px;
}

.flex-form-cell {
  min-height: 110px;
  padding: 20px 8px;
}

/**
 * $Tables
 * ==========================
 */
.table .table { background-color: transparent; }

.table-fixed { table-layout: fixed !important; }

.table-bordered,
.table-bordered th,
.table-bordered td {
  border-color: #404041 !important;
  border-left: none !important;
  border-right: none !important;
}

.table-bordered th { border-bottom-width: 1px !important; }

.table-bordered > thead > tr > th + th,
.table-bordered > tbody > tr > td + td {
  border-left: 1px solid !important;
}

.table-bordered tbody th,
.table-bordered tbody td { border-top: none !important; }

.table-bordered .thead {
  font-size: 18px;
  max-width: 50%;
  padding: 15px 30px;
}

.table-bordered .thead + .thead { border-left: 1px solid !important; }

.table-striped-no-border td,
.table-striped-no-border th { border: none !important; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background: none; }

.table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; }

.table-striped td + td,
.table-striped th + th { border-left: 1px solid; }

.table .success,
.table .warning,
.table .error { background-color: transparent !important; }

.table .info { background-color: rgba(107, 161, 197, 0.2) !important; }

.table-icon { margin-top: -3px; }

.th-header-huge {
  border-bottom: 1px solid #000 !important;
  color: #0c3a60;
  font-size: 28px;
  padding-left: 30px !important;
  padding-right: 30px !important;
  text-align: center;
}


/**
 * $Lists
 * ==========================
 */

.callout-list {
  color: #404041;
  font-weight: 700;
}

.callout-list > li:before {
  content: '\2014';
  margin-right: 5px;
}

.callout-list > li {
  margin-bottom: 20px;
}

.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0;
}

.list-group-item {
  border-bottom: 1px solid;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0;
}

.dash-list { margin-bottom: 20px; }

.dash-list > li:before {
  content: '\2014';
  margin-right: 5px;
}

.bullet-list {
  list-style-type: disc;
  padding-left: 50px;
}

/**
 * $Grid
 * ==========================
 */

@media (min-width: 992px) {

  .row-divided {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: flex-start;
            align-content: flex-start;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .row-divided > [class*="col-"] + [class*="col-"] { border-left: 1px solid; }
  
  .row-divided > [class*="col-"] {
    padding-left: 40px;
    padding-right: 40px;
  }

}

/* $Flex Grid */
@media (min-width: 600px) {

  .flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .flex-row-divided { border-top: 1px solid; }

  .flex-row-divided > .flex-row-divided { border-top: none; }

  .flex-row-divided > [class*="flex-"] + [class*="flex-"] {
    border-left: 1px solid;
  }

  .flex-1 { width: 8.33%; }
  .flex-2 { width: 16.66%; }
  .flex-3 { width: 25%; }
  .flex-4 { width: 33.33%; }
  .flex-5 { width: 42%; }
  .flex-6 { width: 50%; }
  .flex-7 { width: 58%; }
  .flex-8 { width: 66.66%; }
  .flex-9 { width: 75%; }
  .flex-10 { width: 83.33%; }
  .flex-11 { width: 91.66%; }
  .flex-12 { width: 100%; }

}


/**
 * $Panels
 * Seen on 'How it Works' section
 * ==========================
 */
.panel { box-shadow: none; }

.panel-title { font-size: 18px !important; }

.panel-group .panel-heading + .panel-collapse .panel-body { border-top: none; }

.panel-squared {
  border-radius: 0;
}

.panel-squared .panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-dblue {
  background-color: #e7e7e8;
  border-color: #184d7a;
  color: #404041;
}

.panel-dblue .panel-heading {
  background-color: #0c3a60;
  color: #fff;
}



/**
 * $Steps Chart
 * Seen on "How it Works" section
 * Works w/ 3 steps
 * ==========================
 */

.steps-chart {
  display: table;
  counter-reset: chart-counter;
  list-style: none;
  margin-left: 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

.steps-chart > li:before {
  content: counter(chart-counter);
  counter-increment: chart-counter;
  display: block;
  width: 70px;
  height: 70px;
  background-color: #0c3a60;
  border: 6px solid #fff;
  border-radius: 50em;
  color: #6ba1c5;
  font-size: 24px;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}


@media (min-width: 970px) {

  .steps-chart > li {
    display: table-cell;
    position: relative;
    z-index: 1;
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
  }
  
  .steps-chart > li:after {
    background-color: #6ba1c5;
    position: absolute;
    z-index: -1;
    top: 30px;
    left: 60%;
    content: '';
    display: block;
    width: 250px;
    height: 9px;
    margin: 0;
  }

  .steps-chart > li:last-of-type:after {
    content: none;
  }

  .steps-chart.steps-4 > li:after { width: 220px;}

}

@media (min-width: 1200px) {
  .steps-chart > li:after {
    width: 340px;
  }
}

.steps-chart-progress-wrap { position: relative; }

@media (min-width: 970px) {

  .steps-chart-progress-wrap .progress {
    height: 15px;
    position: absolute;
    z-index: 1;
    top: 28px;
    right: 10%;
    left: 10%;
  }

}

.steps-chart-progress { position: relative; }

.steps-chart-progress > li { margin-bottom: 40px; }

.steps-chart-progress > li:before {
  background-color: #e7e7e8;
  color: #fff;
}

.steps-chart-progress-complete:before {
  background-color: #0c3a60 !important;
}

.steps-chart-progress-error:before {
  background-color: #dd6f60 !important;
}

.steps-chart-progress:before,
.steps-chart-progress > li:after { content: none; }


/**
 * $Progress Bars
 * ==========================
 */
.progress {
  background-color: #e7e7e8;
  border-radius: 0;
  box-shadow: none;
}

.progress-bar {
  background-color: #6ba1c5;
  border-radius: 0;
}

.progress-bar-half {
  background-image: linear-gradient(to right, #cdcfd2 50%, #e4e5e7 50%);
}

.progress-bar-info {
    background-color: #6ba1c5;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/**
 * $Jumbotron
 * ==========================
 */
.jumbotron {
  padding-top: 100px;
  padding-bottom: 125px;
}

.jumbotron p {
  font-weight: 400;
  letter-spacing: 1px;
}

/**
 * $Animated Steps
 * These hide all steps but first
 * and go through them w/ JS
 * ==========================
 */
.anim-step + .anim-step { display: none; }

/**
 * $Accordion
 * ==========================
 */
.panel-group .panel {
  border: none;
  border-radius: 0;
}

.panel-group .panel + .panel { margin-top: 0; }

.panel-heading { font-weight: 700; }

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 { margin-bottom: 0; }

.panel-heading a {
  color: #0c3a60;
  text-decoration: none;
}

.panel-heading-block { background-color: #F1F1F2; }


/**
 * ==========================
 * $Layout
 * ==========================
 */


/**
 * $Header
 * ==========================
 */

.site-header {
  background-color: #0c3a60;
  border-bottom: 2px solid #6ba1c5;
  color: #fff;
  height: auto !important;
}

.main-nav {
  background-color: #0c3a60;
  border: none;
  margin-bottom: 0;
}

@media (min-width: 768px) {

  .main-nav .navbar-nav { line-height: 75px; }

}

.main-nav .navbar-nav > li { padding: 5px; }

@media (min-width: 992px) {

  .navbar-collapse { float: right; }

  .main-nav .navbar-nav > li { padding: 5px 15px; }

}

/* Top Level Nav Items & Droodown list Links*/
.main-nav .navbar-nav > li > a,
.main-nav-dropdown > li > a {
  color: #fff;
  text-decoration: none;
}

.main-nav .navbar-nav > li > a {
  text-transform: uppercase;
  letter-spacing: 1px;float: none;
}

.main-nav .navbar-nav > li > a:hover,
.main-nav .navbar-nav > li > a:focus,
.main-nav .navbar-nav > li > a:active { color: #6ba1c5; }

/* When dropdown is open */
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #6ba1c5;
}

@media (min-width: 768px) {

  .main-nav-dropdown { border-radius: 8px !important; }

  .main-nav-dropdown > li > a { color: #58585a; }

  .main-nav-dropdown > li > a:hover,
  .main-nav-dropdown > li > a:focus,
  .main-nav-dropdown > li > a:active {
    background-color: transparent;
    color: #404041;
  }

}

.main-nav .navbar-brand { padding: 22px 4px; }

.main-nav .fa {
  font-size: 24px;
  vertical-align: middle;
}

.main-nav .dropdown > a { text-transform: capitalize !important; }

@media (min-width: 992px) {
  
  .main-nav .fa-list { font-size: 26px !important; }

  .main-nav .fa-exclamation-circle,
  .main-nav .fa-user { font-size: 35px; }

  .main-nav .fa-user:hover { color: #4285A9;}

  .main-nav .fa-exclamation-circle {
    color: #818285;
    margin-left: 20px;
  }
  
  .main-nav .open .fa-exclamation-circle:hover,
  .main-nav .fa-exclamation-circle:hover { color: #dd6f60; }


}

.main-nav .navbar-toggle {
  margin-top: 20px;
  margin-bottom: 19px;
}

@media (min-width: 768px) {

  .main-nav-dropdown { 
    border: 2px solid #e7e7e8 !important;
    box-shadow: none !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-nav-dropdown:before {
    position: absolute;
    z-index: 1;
    top: -20px;
    right: 4%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fff;
  }

  .main-nav-dropdown > li > a {
    padding: 8px 0 10px;
  }

  .main-nav-dropdown > li + li { border-top: 1px solid #e7e7e8; }

}


/*
.main-nav-dropdown a {
  color: #e7e7e8 !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.main-menu-dropdown a:hover,
.main-menu-dropdown a:focus,
.main-menu-dropdown a:active {
  background-color: transparent !important;
  color: #184d7a !important;
}*/


/**
 * $Footer
 * ==========================
 */

.site-footer-bottom {
  background-color: #404041;
  color: #fff;
  text-align: left;
}

.site-footer-bottom h4 {
  color: #6ba1c5;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-footer-bottom a {
  color: #fff;
  text-decoration: none;
}

.footer-nav {
  margin-bottom: 35px;
}

.footer-nav > li {
  margin-bottom: 10px;
}

.footer-social a {
  color: #bcbdc0;
  font-size: 24px;
}


/**
 * ==========================
 * $Pages
 * ==========================
 */


/**
 * $Homepage
 * ==========================
 */


/**
 * $Hero
 */
.hero {
  background-color: #184d7a;
  color: #6ba1c5;
}

.hero-callout-header {
  color: #fff !important;
  font-weight: 400;
  letter-spacing: 1px;
}

.home-hero {
  background-image: url('/images/home-hero-bg.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-top: 150px;
  padding-bottom: 150px;
}

/**
 * $Testimonials
 */

.forcefullwidth_wrapper_tp_banner {
  display: table !important;
  height: 100%;
  width: 100%;
}

.forcefullwidth_wrapper_tp_banner > .forcefullwidth_wrapper_tp_banner {
  display: table-cell !important;
  vertical-align: top;
}


/**
 * This is the testimonial text container and parent
 */

.tp-banner-video > ul,
.tp-banner-video > ul > li {
  overflow: visible !important;
}

.testimonials {
  margin-bottom: 260px;
}

.tp-caption {
  background-color: #6aa0c3;
  color: #fff;
  top: 100% !important;
  right: 0 !important;
  left: 0 !important;
}

.tp-caption * {
  line-height: 1.4 !important;
  white-space: normal !important;
}

/* Testimonial */
.testimonial-panel {
  padding: 50px !important;
}

.testimonial-content,
.testimonial-content p {
  font-size: 22px !important;
}

/* Testimonial Author/Location/Website */
.testimonial-info {
  background-color: #518eb7;
  color: #fff;
}

.testimonial-author {
  color: #0c3a60 !important;
  font-weight: 700;
  margin-bottom: 20px;
}

.testimonial-author-description p {
  margin: 0 !important;
}

.testimonial-author-description a {
  display: inline-block;
  color: #fff !important;
  margin-bottom: 5px !important;
}

/**
 * $Pricing
 */
.pricing-features {
  margin-bottom: 40px;
}

.pricing-feature {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pricing-feature-header {
  color: #fff;
  line-height: 1.2;
}

.pricing-callout {
  color: #0c3a60;
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .pricing-features {
    overflow: hidden;
  }
  .pricing-feature {
    float: left;
    width: 50%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .pricing-feature:nth-of-type(3),
  .pricing-feature:nth-of-type(4) {
    border-top: 1px solid #fff;
  }
  .pricing-feature:nth-of-type(odd) {
    border-right: 1px solid #fff;
    clear: left;
  }

}


/**
 * $Reviews
 */

.review-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.review-body {
  border: 1px solid #e7e7e8;
  border-bottom: none;
  color: #0c3a60;
  padding: 20px;
}

.review-footer {
  position: relative;
  border-left: 1px solid #e7e7e8;
  border-bottom: 1px solid #e7e7e8;
  border-right: 1px solid #e7e7e8;
  padding-bottom: 20px;
}

.review-link {
  font-weight: 700;
  text-decoration: none !important;
}


/**
 * $Featured In
 */
img.featuredin-img {
  margin-top: -6px !important;
}

/**
 * $Dash Transactions
 * ==========================
 */
.flex-form-collapse-btn { margin-top: -10px; }

/**
 * $FAQs
 * ==========================
 */
.questions-btn { margin-top: 4px; }