@font-face {
    font-family: 'SemplicitaPro-Regular';
    src: url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Regular.eot?#iefix') format('embedded-opentype'),  url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Regular.otf')  format('opentype'),
           url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Regular.woff') format('woff'), url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Regular.ttf')  format('truetype'), url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Regular.svg#SemplicitaPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'SemplicitaPro-Bold';
    src: url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Bold.eot?#iefix') format('embedded-opentype'),  url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Bold.otf')  format('opentype'),
           url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Bold.woff') format('woff'), url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Bold.ttf')  format('truetype'), url('https://petra.lamdallc.com/public/fonts/SemplicitaPro-Bold.svg#SemplicitaPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  body {font-family: 'SemplicitaPro-Regular', sans-serif !important;}
  
  /*input:focus ~ label, input:valid ~ label {
   font-size: 12px;
   color: #33414d ;
   padding-left:0px;
   top: -2.60rem!important;
   -ms-top: -2.60rem!important;
   -ms-transition: all 0.125s ease;
   -webkit-transition: all 0.125s ease;
   transition: all 0.125s ease;
  }*/

  input[type="text"]::placeholder, input[type="email"]::placeholder , input[type="number"]::placeholder {
    color: transparent;
  }
  
  input:active ~ label {
   font-size: 12px;
   color: #33414d ;
   padding-left:0px;
   top: -2.60rem!important;
   -ms-top: -2.60rem!important;
   -ms-transition: all 0.125s ease;
   -webkit-transition: all 0.125s ease;
   transition: all 0.125s ease;
  }
  
  .styled-input input:not(:placeholder-shown) ~ label,
.styled-input input:focus ~ label,
.styled-input textarea:not(:placeholder-shown) ~ label,
.styled-input textarea:focus ~ label , .styled-input select:focus ~ label , .styled-input select:not(:placeholder-shown) ~ label {
  font-size: 12px;
  color: #33414d;
  top: -2.60rem!important;
  -ms-top: -2.60rem!important;
  -ms-transition: all 0.125s ease;
  padding-left: 0px;
  -webkit-transition: all 0.125s ease;
  transition: all 0.125s ease;
}

  
  input:focus ~ label, .ng-not-empty ~ label {
   font-size: 12px;
   color: #33414d ;
   top: -2.60rem!important;
   -ms-top: -2.60rem!important;
   -ms-transition: all 0.125s ease;
   padding-left:0px;
   -webkit-transition: all 0.125s ease;
   transition: all 0.125s ease;
  }
  
  .styled-input {
    float: left;
    width: 100%;
    margin: 10px 0 15px;
    position: relative;
  }
  .styled-input input {
      border:1px solid #ddd;
  }
  .styled-input label {
    color: #999;
    padding: 1rem;
    
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
  }
  
  .styled-input.wide { width: 100%; }
  
  input,
  textarea {
    padding: 1rem 1rem;
    border: 0;
    /*width: 100%;*/
    font-size: 14px;
  }
  
  .styled-input input{
      width:100%;
  }
  
  .styled-input input, .styled-input select{
      width:100%;
  }
  .styled-input select{
      padding: 1rem 1rem;
  }
  /*.frs label {
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #c3c1c1!important;
  }*/
  .account-wrapper input ~ span,
  textarea ~ span, select ~ span {
    display: block;
    width: 0;
    height: auto;
    /*background: #33414d ;*/
    position: absolute;
    bottom: -26px;
    left: 5px;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
    width:100%;
    text-align:left;
  }
  
  .custerror span {
      bottom: -45px!important;
  }
  
  .account-wrapper input:focus,
  textarea:focus { outline: 0; }
  
  .account-wrapper input:focus ~ span,
  textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
  }
  
  .frs select {
      border: none!important;
      border-bottom: 1px solid #ccc!important;
  }
  
  .frst textarea {
      border: none!important;
      border-bottom: 1px solid #ccc!important;
  }
  
  .styled-input input, .styled-input select, .styled-input textarea, .form-control:focus {
      box-shadow:none;
  }
  .colm10 .styled-input {
      margin: 13px 0!important;
  }
  
  .pwa-install-prompt__container {
      align-items: center;
      box-sizing: border-box;
      display: flex;
      height: 100%;
      justify-content: center;
      left: -999em;
      padding: 30px;
      position: fixed;
      top: -999em;
      transition: left 0s 0.15s, top 0s 0.15s, visibility 0s 0.15s;
      visibility: hidden;
      width: 100%;
      z-index: 100000;
  }
  
  .pwa-install-prompt__container.is-active {
      left: 0;
      top: 0;
      transition: none;
      visibility: visible;
  }
  
  .pwa-install-prompt__overlay {
      background: rgba(0,0,0,0.5);
      border: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      text-indent: -999em;
      top: 0;
      transition: opacity 0.15s;
      width: 100%;
      z-index: 0;
  }
  
  .pwa-install-prompt__container.is-active .pwa-install-prompt__overlay {
      opacity: 1;
  }
  
  .pwa-install-prompt {
      background: #FFF;
      border-radius: 2px;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.125);
      box-sizing: border-box;
      color: #424242;
      font-family: sans-serif;
      max-width: 320px;
      opacity: 0;
      position: relative;
      text-align: center;
      transform: translateY(25%);
      transition: opacity 0.15s, transform 0.15s ease-in-out;
      z-index: 1;
  }
  
  .pwa-install-prompt__container.is-active .pwa-install-prompt {
      opacity: 1;
      transform: translateY(0%);
  }
  
  .pwa-install-prompt::before {
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M64.197,50.47C79.696,34.95 95.259,19.502 110.597,3.824C114.411,0.182 114.565,1.022 117.707,1.24C124.299,2.167 127.723,10.687 123.435,16.078C108.453,32.47 92.997,48.399 77.387,64.174C92.571,80.01 107.685,95.917 123.024,111.595C129.195,118.349 120.432,132.527 111.035,124.716C94.992,109.403 79.408,93.611 63.979,77.65C48.485,93.169 32.917,108.618 17.584,124.296C10.837,130.734 -2.411,121.031 4.747,112.042C19.728,95.65 35.179,79.716 50.795,63.945C35.605,48.11 20.491,32.198 5.157,16.525C0.085,10.976 2.912,0.586 12.267,1.24C14.069,1.491 15.723,2.227 17.141,3.404C33.184,18.717 48.768,34.509 64.197,50.47Z' /%3E%3C/svg%3E%0A") center center no-repeat;
      border: 0;
      bottom: 100%;
      content: "";
      display: block;
      height: 16px;
      margin: 0 0 16px;
      pointer-events: none;
      position: absolute;
      right: 0;
      width: 16px;
  }
  
  .pwa-install-prompt__icon__container {
      /*background: url("data:image/svg+xml,%3Csvg viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F0F0F0' d='M65,17C65,10.377 59.623,5 53,5L17,5C10.377,5 5,10.377 5,17L5,53C5,59.623 10.377,65 17,65L53,65C59.623,65 65,59.623 65,53L65,17Z' /%3E%3C/svg%3E%0A") center center / 70px 70px repeat-x;*/
      margin: 40px 0 0;
  }
  
  .pwa-install-prompt__icon {
      border-radius: 12px;
      display: block;
      margin: 0 auto;
      width: 60px;
  }
  
  .pwa-install-prompt__content {
      padding: 10px 35px;
  }
  
  .pwa-install-prompt__title {
      font-size: 24px;
      margin: 0 0 20px;
  }
  
  .pwa-install-prompt__text {
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 46px;
  }
  
  .pwa-install-prompt__guide {
      align-items: center;
      display: flex;
      font-size: 12px;
      justify-content: center;
      margin: 0;
  }
  
  .pwa-install-prompt__guide__icon {
      margin: 0 2px 6px;
      width: 20px;
  }