@import url("https://use.typekit.net/bvi4dtk.css");
/*@import url('https://fonts.googleapis.com/css?family=Dosis:400,600');*/

html,body{color:#58585a;font-family: 'urw-din', sans-serif;font-weight:300;height:100%;}
body.admin-bar{height:CALC(100% - 32px);}

a{color:#aaa;}
a:hover{color:#4fb949;}

#content{display:flex;flex-direction:column;height:100%;justify-content:stretch;}
.section{display:flex;flex-direction:column;flex:1 0 auto;justify-content:center;}

input{border-color:rgba(0,0,0,0.2);transition:0.3s all;}
input:focus{border-color:#4fb949;box-shadow:0 0 5px rgba(79,185,73,0.5);outline:none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill{-webkit-text-fill-color:#58585a;-webkit-box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}
input[type="text"],select{color:#58585a;}
select:disabled{color:#7f7f7f}

input[type="submit"],
input[type="button"],
a.btn{background-color:#4fb949;border-top-left-radius:0.7em;border-bottom-right-radius:0.7em;border-color:#4fb949;color:#fff;cursor:pointer;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;}
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover{border-top-left-radius:1.2em;border-bottom-right-radius:1.2em;}

label{font-size:14px !important;font-weight:600;text-transform: uppercase;letter-spacing: 0.1em;}
input + label,
.select-container + label{font-size:12px !important;opacity:0.5;}

/* Container */
  .container{margin:0 auto;max-width:600px;text-align:center;}
  .container img{margin:0 auto;max-width:400px;}
  #error span{background-color:rgba(200,0,0,0.1);color:rgb(200,0,0);display:block;margin-bottom:1rem;padding:1px 1rem;position:relative;}
  #error span:after{border:10px solid transparent;border-top-color:rgba(200,0,0,0.1);bottom:-20px;content:'';width:0;height:0;left:50%;position:absolute;margin-left:-10px;}
  .login #error{margin:0 auto;max-width:400px;}
  
/* Login */
  #login{margin:0 auto;text-align:center;max-width:400px;}
  #login label{display:block;margin-bottom:0.5rem;}
  #login input#code{text-align:center;font-size:32px;width:100%;padding:0.5em 1em  0.5em 1em !important;}

/* Orderform */
  .select-container{border:1px solid rgba(0,0,0,0.2);overflow: hidden;position:relative;box-sizing:border-box;}
  .select-container:before,
  .select-container:after{border:8px solid transparent;border-top-color:#4fb949;content:'';position:absolute;right:0.7rem;top:20px;}
  .select-container:after{border-top-color:#fff;top:18px;}
  .select-container select{cursor:pointer;width: 100%;border: none;background: none;font-family:inherit !important;font-size:inherit !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin:0 !important;padding: 0.5rem 40px 0.5rem 0.7rem !important;position:relative;z-index:10;width:100%;line-height:24px !important;height:45px;}
  .select-container select:focus{outline:none;}
  .select-container select::-ms-expand{display: none;}
  .select-container select option{background-color:#fff;}
  
  #orderform .ginput_container_checkbox{background-color:#f9f9f9;border:1px solid rgba(0,0,0,0.2);border-top:none;padding:0.7rem 1rem;margin-top:-16px !important;}
  
  #orderform .gfield_checkbox li{margin-bottom:16px;}
  #orderform li input[type="checkbox"]{opacity:0;width:18px !important;height:18px;margin:0 6px 0 0;}
  #orderform li input[type="checkbox"] + label{font:inherit;font-size:18px !important;opacity:0.7;position:relative;text-transform:none;transition:0.2s all;}
  #orderform li input[type="checkbox"] + label:before,
  #orderform li input[type="checkbox"] + label:after{border-radius:4px;content:'';height:18px;left:-27px;position:absolute;top:3px;width:18px;}
  #orderform li input[type="checkbox"] + label:before{background-color:rgba(0,0,0,0.2);}
  #orderform li input[type="checkbox"] + label:after{background-color:#4fb949;box-shadow:0 1px 3px rgba(0,0,0,0.2);transform:scale(0.0);transition:0.2s all;width:18px;height:18px;}
  
  #orderform li input[type="checkbox"] + label:hover,
  #orderform li input[type="checkbox"]:hover + label{opacity:1;}
  #orderform li input[type="checkbox"] + label:hover:after,
  #orderform li input[type="checkbox"]:hover + label:after{transform:scale(0.3);}
  
  #orderform li input[type="checkbox"]:checked + label{font-weight:300;opacity:1;}
  #orderform li input[type="checkbox"]:checked + label:after{transform:scale(1);}
  
  #orderform .copy_values_option_label{letter-spacing:0;}
  
  #orderform .chosen-container{font-size:16px;font-weight:600;}
  #orderform .chosen-choices{background:none;border:1px solid rgba(0,0,0,0.2);padding: 0.5rem 0.7rem;}
  #orderform .chosen-choices .chosen-search-input{padding:0 !important;}
  #orderform .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:34px;}
  #orderform .chosen-container-multi .chosen-choices li.search-choice{background:#4fb949;border:none;box-shadow:none;color:#fff;padding:3px 20px 3px 7px;}
  #orderform .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:none;font-size:24px;line-height: 0px;top:50%;right:5px;}
  #orderform .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{content:'\00d7';color:#fff;font-weight:600;opacity:0.7;transition:0.2s all;}
  #orderform .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before{opacity:1;}
  #orderform .chosen-container-active .chosen-choices{border-color:#4fb949;box-shadow:0 0 5px rgba(79,185,73,0.5);}
  #orderform .chosen-results li.active-result.highlighted{background:#4fb949;}
  #orderform .gfield_total{text-align: right;}
  #orderform .gfield_total .ginput_container_total .ginput_total{color:#4fb949;display:block;font-size:32px;font-weight:600;}
  #orderform .gfield_total .ginput_container_total .ginput_total::first-letter{font-size:20px;display: inline-block;vertical-align: top;margin-right: 2px;line-height: 41px;}
  
  .gform_button{float:right;margin:0 !important;}
  
  input[type="button"].gform_next_button{float:right;}
  input[type="button"].gform_previous_button{float:left;}
  input[type="button"].gform_next_button,
  input[type="button"].gform_previous_button{margin:0 !important;background-color:transparent;border:1px solid;color:#4fb949;}
  
  .gform_ajax_spinner{padding:0 !important;left:0;background-color:#4fb949;height:5px;position:absolute;top:-3px !important;width:5px;-webkit-animation:slide 1s infinite;animation:slide 1s infinite;border-radius:3px;}
  
  #login form .input_container{position:relative;}
  #login form .input_container:before{content:'';background-color:#4fb949;height:6px;position:absolute;width:6px;border-radius:3px;transform:scale(0);margin-left:-3px;margin-top:-3px;}
  #login form.waiting .input_container:before{-webkit-animation:slidearound 5s infinite;animation:slidearound 5s infinite;transform:scale(1);}
  
  .gfield{position:relative;}
  .gfield.field_description_above .gfield_label{display:inline-block;margin-right:.25rem;}
  .gfield.field_description_above .gfield_description{display:inline-block;position:relative;width:auto;}
  .gfield.field_description_above .gfield_description:before{
    content:'\f059';
    display: none;
    font-family:'Font Awesome 5 Pro';
    font-weight:400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  .gfield.field_description_above .gfield_description div{
    background-color:#4fb949;
    border-bottom-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    color:#fff;
    display:none;
    font-weight:400;
    left:20px;
    padding:0.5rem;
    position:absolute;
    top:20px;
    width:300px;
    z-index:9999;
  }
  .gfield.field_description_above .gfield_description div p{margin:0;}
  .gfield.field_description_above .gfield_description div p+p{margin-top:.5rem;}
  .gfield.field_description_above .gfield_description div ul{padding:.5rem;}
  .gfield.field_description_above .gfield_description div ul li+li{margin-top:.25rem;}
  .gfield.field_description_above .gfield_description:hover div{display:block;}
  .gfield_description .fa-question-circle{cursor:help;}
  
  @-webkit-keyframes slide {
    0%{margin-left:0;}
    100%{margin-left:100%;}
  }
  @keyframes slide {
    0%{margin-left:0;}
    100%{margin-left:100%;}
  }
  
  @-webkit-keyframes slidearound {
    0%{top:0;left:0;}
    25%{top:0;left:100%;}
    50%{top:100%;left:100%;}
    75%{top:100%;left:0;}
    100%{top:0;left:0;}
  }
  @keyframes slidearound {
    0%{top:0;left:0;}
    25%{top:0;left:100%;}
    50%{top:100%;left:100%;}
    75%{top:100%;left:0;}
    100%{top:0;left:0;}
  }
  
  
  .gform_confirmation_wrapper{margin-bottom:2rem;}

#footer{color:#aaa;}