/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/

.font-color-white {
    color: #ffffff;
  }
  
  img {
    max-width: none;
    width: auto;
  }
  
  select {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    background: linear-gradient(
      to bottom,
      #ffffff 1%,
      #ffffff 50%,
      #efefef 67%,
      #e9e9e9 100%
    );
    -webkit-appearance: none;
    pointer-events: auto;
  }
  
  /*--------------------------------------------------------------
  # Headings & Typography
  --------------------------------------------------------------*/
  
  h1,
  h2 {
    font-family: "Lato", sans-serif;
  }
  
  h2 {
    color: #2b3c6a;
  }

  a[href^="tel"] {
    color: inherit !important;
    text-decoration: none !important;
  }
  
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  
  .header-title {
    text-align: center;
    color: #6fb6df;
    font-size: 30px;
    margin: 20px;
    padding: 10px;
  }
  
  .sub-header-title {
    /* Only used for newity page */
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 20px;
    padding: 10px;
    line-height: 1.5;
  }
  
  .header-logo-container {
    margin: 15px 0;
  }
  
  .header-logo-container .header-logos {
    padding: 5px;
  }
  
  .header-logo-container .header-logos img {
    margin-top: 8px;
    padding-top: 10px;
    height: 100px;
  }
  
  .header-content {
    padding: 0;
  }
  
  /* Dark Header Background */
  #header-1.dark-header {
    background-image: url("https://s3-us-west-2.amazonaws.com/static.optimatax.com/landing/header-bg.jpg");
    background-color: #046eb1;
    background-size: 100% auto;
    background-position: top;
    background-position-y: -70px;
  }
  
  /*--------------------------------------------------------------
  # Form
  --------------------------------------------------------------*/
  
  #register-form {
    box-shadow: 0px 2px 30px #525252;
    /* height: 500px; */
    padding: 0;
  }
  
  #register-form .form-control {
    font-size: 17px;
  }
  
  .form-label-header {
    margin: 40px auto;
  }
  
  .form-label-header h1 {
    font-size: 3em;
    text-align: center;
  }
  
  #main-form select {
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    font: 25px sans-serif;
    width: 100%;
    margin-bottom: 40px;
    height: 50px;
    padding-left: 20px;
  }
  
  #main-form select::-ms-expand {
    display: none;
  }
  
  .page-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  /*--------------------------------------------------------------
  # Progress Bar
  --------------------------------------------------------------*/
  
  .progress {
    border-radius: 0;
    background-color: #5189c0;
    height: 10px;
  }
  
  .progress-bar {
    border-radius: 0;
  }
  
  .progress-bar-success {
    background-color: #abd778;
  }
  
  .progress-line {
    border-right: 1px inset;
    height: 100%;
  }
  
  /*--------------------------------------------------------------
  # Features
  --------------------------------------------------------------*/
  
  .feature-icon i {
    border: none !important;
  }
  
  .feature h4 {
    font-size: 18px;
    font-family: inherit !important;
    font-weight: 100;
    letter-spacing: 0.5px;
    margin-top: 0;
  }
  
  .feature p {
    font-size: 14px;
  }
  
  .feature-left .feature {
    text-align: left;
    padding: 50px 0 0 30px;
  }
  
  .block i {
    color: rgb(119, 196, 237);
  }
  
  .block img {
    margin-bottom: 0;
    padding: 10px 0;
  }
  
  .features {
    margin-bottom: 0;
  }
  
  .features li {
    background-color: #ffffff;
    display: inline-block;
    float: left;
    outline: 2px solid #f6fafd;
    padding: 60px 30px 30px 30px;
    text-align: center;
    width: 20%;
    height: 250px;
  }
  
  .features li img {
    margin-top: 10px;
    margin-bottom: 45px;
  }
  
  .features li .accreditation-ocr-img {
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  .features li small {
    display: inline-block;
    height: 40px;
  }
  
  /*--------------------------------------------------------------
  # How Section
  --------------------------------------------------------------*/
  
  #how {
    padding: 50px;
    background-color: #ffffff;
  }
  
  .hiw {
    padding: 0;
    text-align: center;
  }
  
  .hiw img {
    height: 100px;
  }
  
  .hiw.next-indicator:after {
    width: 0 !important;
    right: 15px;
    font-size: 30px;
    color: rgb(119, 196, 237);
  }
  
  /*--------------------------------------------------------------
  # Accreditation Section
  --------------------------------------------------------------*/
  
  #accreditation {
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    background-color: #f6fafd;
  }
  
  #accreditation .feature-center {
    text-align: center;
    padding: 60px 30px 30px 30px;
    outline: 1px solid #f6fafd;
  }
  
  /*--------------------------------------------------------------
  # Clients
  --------------------------------------------------------------*/
  
  #clients.primary-background {
    background-color: #ffffff;
  }
  
  #clients.primary-background h2 {
    color: #373e62;
  }
  
  /*--------------------------------------------------------------
  # Contact Info Fieldset
  --------------------------------------------------------------*/
  
  #contact-info-fieldset {
    margin-top: 10px;
  }
  
  #contact-info-fieldset .form-label-header {
    margin-top: 0;
  }
  
  #contact-info-fieldset label {
    height: 50px;
    line-height: 51px;
  }
  
  #contact-info-fieldset .inset {
    display: block;
    color: #1f76bf;
    margin: 10px auto;
  }
  
  #contact-info-fieldset .consent {
    padding: 5px 0;
    line-height: 14px;
  }
  
  #contact-info-fieldset .consent p {
    font-size: x-small;
    padding: 10px;
    line-height: 14px;
    color: #5f5e5e;
  }
  
  /*--------------------------------------------------------------
  # Get Free Button
  --------------------------------------------------------------*/
  
  .get-free {
    display: block;
    width: 100%;
    height: 49px;
    margin: 0 auto 10px auto;
    padding: 0;
    border: 0;
    font-size: 22px;
    color: #ffffff;
    background-color: #abd778;
  }
  
  .get-free:hover {
    background-color: #373e62;
    color: white;
    border: 2px solid #373e62;
  }
  
  /*--------------------------------------------------------------
  # Phone
  --------------------------------------------------------------*/
  
  .phone-container {
    padding-top: 30px;
  }
  
  .phone {
    height: 50px;
    line-height: 50px;
    width: 220px;
    float: right;
    color: #ffffff !important;
    text-align: center;
  }
  
  .phoneCA {
    width: 280px;
  }
  
  .phone a,
  .phone a.callNow {
    color: #ffffff !important;
    font-size: x-large;
    text-decoration: none;
  }
  
  .phone img {
    margin: 10px;
    float: left;
  }
  
  .phone-logo {
    display: none !important;
  }
  
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  
  .color-footer .widget-area {
    background: #404a4e;
  }
  
  .color-footer p a {
    color: #76c3ec;
  }
  
  .color-footer p a:hover {
    color: #d9defb;
  }
  
  .footer-icon {
    padding-right: 5px;
  }
  
  footer.widget-title {
    margin-top: 15px;
    margin-bottom: 17px;
  }
  
  .log-text {
    text-align: center;
  }
  
  /*--------------------------------------------------------------
  # Scroll To Top Button
  --------------------------------------------------------------*/
  
  .scroll-to-top {
    right: 42%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    width: 20%;
    background: #6fb6df;
    border: 0;
    z-index: 90;
    opacity: 0.97;
    border-radius: 25px !important;
    text-decoration: none !important;
    color: white !important;
  }
  .scroll-to-top a:link {
    text-decoration: none !important;
    color: white !important;
  }
  
  .scroll-to-top:hover,
  .scroll-to-top:focus {
    background: #046eb1;
    text-decoration: none !important;
    color: white !important;
    border: 0;
  }
  
  /*--------------------------------------------------------------
  # Counter
  --------------------------------------------------------------*/
  
  .counter-container div {
    border: solid 1px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #848383;
    text-align: center;
  }
  
  .counter {
    color: #39bee7;
  }
  
  /*--------------------------------------------------------------
  # Media Queries
  --------------------------------------------------------------*/
  
  /* Small devices (max-width: 575px) */
  @media screen and (max-width: 575px) {
    #header-1.dark-header {
      background-position-y: 0;
    }
    #header-1.dark-header img {
      display: block;
      margin: 0 auto;
      float: none !important;
    }
    .phone-container {
      padding-top: 0;
    }
    .phone {
      float: none !important;
      display: block;
      margin: 20px auto;
    }
    #main-form .form-label-header {
      margin-top: 15px;
    }
    #main-form .form-label-header h1 {
      font-size: 25px;
      line-height: 31px;
    }
    #main-form select {
      margin-bottom: 25px;
    }
    .form-header {
      text-align: center;
    }
    #txt-first-name,
    #txt-last-name {
      width: 100%;
    }
    footer .contact-widget .info {
      margin-bottom: 20px;
    }
    #accreditation .feature-center {
      outline: none;
    }
    .header-title {
      text-align: center;
      color: #6fb6df;
      font-size: 1.7em;
      margin: 10px auto;
      padding: 0 0 10px 0;
    }
    footer .widget-title {
      text-align: center;
    }
    .about-widget {
      text-align: center;
    }
    footer .social a {
      font-size: 14px;
      margin-left: 0;
    }
  }
  
  /* Medium devices (max-width: 768px) */
  @media (max-width: 768px) {
    .scroll-to-top {
      right: 33%;
      width: 45%;
    }
    .form-label-header {
      margin-top: 50px;
    }
    .header-logo-container .header-logos img {
      height: auto; /* Removes fixed height */
    }
  }
  
  /* Tablets and small desktops (max-width: 991px) */
  @media (max-width: 991px) {
    #header-1.dark-header {
      background-position-y: 0;
    }
    #header-1.dark-header img {
      display: block;
      margin: 0 auto;
      float: none !important;
    }
    .phone-container {
      padding-top: 0;
    }
    .phone {
      float: none !important;
      display: block;
      margin: 20px auto !important;
      background-color: #323e44;
      border: 1px solid #828e98;
      border-radius: 4px;
      cursor: pointer;
    }
    .phone a,
    .phone a.callNow {
      color: #ffffff;
      text-decoration: none;
    }
    .how h4 {
      font-size: 17px;
    }
    .how p {
      font-size: 15px;
    }
    #contact-info-fieldset .inset {
      text-align: center;
    }
  }
  
  /* Medium devices (min-width: 768px) */
  @media (min-width: 768px) {
    .header-title {
      margin: 20px !important;
    }
  }
  
  /* Desktops (min-width: 992px) */
  @media (min-width: 992px) {
    div.col-md-7.five-three {
      width: 60% !important;
      padding: 0;
    }
    div.col-md-5.five-two {
      width: 40% !important;
      padding: 0;
    }
  }
  
  /* Large devices (min-width: 1024px) */
  @media (min-width: 1024px) {
    #tax-liability-fieldset {
      height: 340px;
    }
    .header-top {
      border-bottom: 1px solid;
      padding-bottom: 15px;
    }
    .consultation-container {
      margin-left: 25.7%;
    }
  }
  
  /* Extra Large devices (min-width: 1200px) */
  @media (min-width: 1025px) {
    div.col-md-7.five-three {
      width: 60% !important;
      padding: 0;
    }
    div.col-md-5.five-two {
      width: 40% !important;
      padding: 0;
    }
    #features,
    #how {
      padding: 20px 0 10px 0;
    }
    #accreditation {
      padding-top: 35px;
    }
    #clients {
      padding: 20px 0;
    }
    #clients div.text-center,
    #accreditation div.text-center {
      padding-bottom: 25px;
    }
    .header-top {
      border-bottom: 1px solid;
      padding-bottom: 15px;
    }
    .select-arrow {
      position: absolute;
      right: 25px;
      font-size: 50px;
    }
  }
  
  /* Devices (max-width: 1024px) */
  @media (max-width: 1024px) {
    .feature p {
      font-size: 11px;
    }
    .header-title {
      color: #ffffff;
    }
    .two-line {
      padding-bottom: 50px !important;
    }
    .scroll-to-top {
      right: 33%;
      width: 45%;
    }
    #features,
    #how {
      padding: 20px 0 0 0;
    }
    #accreditation {
      padding-top: 35px;
    }
    #clients {
      padding: 20px 0;
    }
    #clients div.text-center,
    #accreditation div.text-center {
      padding-bottom: 25px;
    }
    .consultation-container button {
      font-size: 18px;
    }
    .select-arrow {
      position: absolute;
      right: 25px;
      font-size: 50px;
    }
  }
  
  /* Small devices (max-width: 767px) */
  @media (max-width: 767px) {
    #header-1.dark-header {
      background-position-y: 0;
    }
    #header-1.dark-header img {
      display: block;
      margin: 0 auto;
      float: none !important;
    }
    .phone-container {
      padding-top: 0;
    }
    .phone {
      float: none !important;
      display: block;
      margin: 20px auto;
    }
    #main-form .form-label-header {
      margin: 0 20px;
      margin-top: 15px;
    }
    #main-form .form-label-header h1 {
      font-size: 25px;
      line-height: 31px;
    }
    #main-form select {
      margin-bottom: 25px;
    }
    #accreditation .feature-center {
      padding: 0 30px;
    }
    .feature-left .feature {
      padding: 10px 0 0 30px;
    }
    .final-step {
      margin-bottom: 10px !important;
    }
    .select-arrow {
      position: absolute;
      right: 25px;
      font-size: 50px;
    }
  }
  
  /* Devices (max-width: 736px) */
  @media (max-width: 736px) {
    #accreditation .feature-center {
      outline: none;
    }
    #features,
    #how {
      padding: 30px 0 0 0 !important;
    }
    ul.row {
      margin-bottom: 0;
    }
    span.slogan {
      font-size: 20px;
      line-height: 26px;
    }
    .progress,
    .counter-container {
      margin-bottom: 10px;
    }
    #contact-info-fieldset h2.log-text {
      font-size: 1em !important;
    }
    #contact-info-fieldset label {
      margin-top: -20px;
    }
    #register-form .form-control {
      font-size: 14px;
    }
    .counter-container div {
      height: 27px;
      line-height: 27px;
      font-size: 12px;
    }
  }
  
  /* Devices (min-width: 667px) */
  @media (min-width: 667px) {
    .step-badge {
      right: 250px;
    }
    .header-title {
      margin: 10px;
    }
  }
  
  /* Extra small devices (max-width: 568px) */
  @media (max-width: 568px) {
    .step-badge {
      right: 190px;
    }
    #txt-first-name,
    #txt-last-name {
      width: 100%;
    }
    .phone {
      margin: 0 auto !important;
    }
    .header-content {
      margin-top: 10px;
    }
  }
  
  /* Extra extra small devices (max-width: 425px) */
  @media (max-width: 425px) {
    .phone {
      margin: 20px auto !important;
    }
    .header-content {
      margin-top: 0;
    }
    .scroll-to-top {
      right: 17%;
      width: 65%;
    }
    span.slogan {
      line-height: 1.5;
    }
    #features h2,
    #how h2,
    span.slogan {
      font-size: 24px;
    }
    #features h5,
    #how h5,
    .sub-header-title {
      font-size: 18px;
    }
    .counter-container {
      margin-bottom: 10px;
    }
    .counter-container div {
      font-size: 13px;
      padding-right: 0;
    }
    .counter-container span.step {
      left: 0;
      margin-left: -14px;
    }
    .counter-container span.step-counter {
      left: 0;
      margin-left: -16px;
    }
    .progress {
      margin-bottom: 10px;
    }
    .consultation-container button {
      font-size: 15px;
    }
    .counter-container div {
      font-size: 12px;
    }
  }
  
  /* Extra extra small devices (max-width: 360px) */
  @media (max-width: 360px) {
    .step-badge {
      right: 75px;
    }
    .feature h4 {
      font-size: 14px;
    }
    #features {
      padding-top: 30px;
      padding-bottom: 5px;
    }
    .header-logo {
      height: 75px !important;
    }
    .how h4 {
      font-size: 15px !important;
    }
    .how p {
      font-size: 14px !important;
    }
    #register-form .form-control {
      font-size: 11px;
    }
    .phone {
      margin: 5px auto !important;
    }
    .consultation-container button {
      font-size: 13px;
    }
    #contact-info-fieldset input#first-name,
    #contact-info-fieldset input#txt-last-name {
      padding: 10px 0 10px 4px;
    }
    .counter-container div {
      font-size: 12px;
    }
    select {
      font-size: 20px !important;
    }
    .select-arrow {
      position: absolute;
      right: 23px;
      font-size: 25px;
      top: 13px;
    }
    #header-1.dark-header img {
      height: 70px;
    }
  }