@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

  @import url(https://fonts.googleapis.com/css?family=Open+Sans);


  #request_form {

    margin: 30px auto;

  }



  #contact {

    overflow: auto;

  }



  #contactForm {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

  }



  .box-label {

    flex: 0 0 110px;

    width: 60px;

    height: 0px;

    padding: 12px 20px 28px 20px;

    border: 1px solid black;

    align-self: center;

  }



  .box-radio-label {

    flex: 0 0 200px;

    width: 60px;

    height: 0px;

    padding: 12px 20px 28px 20px;

    border: 1px solid black;

    align-self: center;

  }



  .box-spacer {

    flex: 0 0 350px;

    width: 1px;

    height: 1px;

  }



  .box-field {

    flex: 0 0 300px;

    margin: 10px 0 0 10px;

  }



  #contact #form h2 {

    font: 48px 'Bree Serif', Georgia, serif;

  }



  #contact #form span {

    display: block;

    float: left;

    width: 100px;

    font: 14px/16px'Bree Serif', Georgia, serif;

  }



  #contact #form input {

    float: left;

    width: 255px;

    border: 1px black solid;

    border-radius: 5px;

    padding: 10px 10px 10px 35px;

    font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;

    margin-bottom: 10px;

  }



  #contact #form textarea {

    float: left;

    border: 1px black solid;

    border-radius: 5px;

    width: 255px;

    height: 140px;

    padding: 10px 10px 10px 35px;

    font: 11px/20px'Open Sans', Verdana, Helvetica, sans-serif;

    resize: none;

  }



  #contact #form input.name {

    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3ECONTACT%3C/title%3E%3Cpath d='M44.08,67.94H75.23a1.75,1.75,0,0,0,1.75-1.75V53.02a11.129,11.129,0,0,0-6.018-9.852,14.565,14.565,0,1,0-22.617,0A11.127,11.127,0,0,0,42.33,53.02V66.19A1.75,1.75,0,0,0,44.08,67.94Zm15.574-45A11.065,11.065,0,1,1,48.589,34.008,11.078,11.078,0,0,1,59.654,22.942ZM45.83,53.02a7.6,7.6,0,0,1,5.3-7.227,14.459,14.459,0,0,0,17.049,0,7.6,7.6,0,0,1,5.3,7.227V64.44H45.83Z'/%3E%3Cpath d='M121.577,31.942a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1V6.5a1.75,1.75,0,0,0-1.75-1.75H6.577A1.75,1.75,0,0,0,4.827,6.5v115a1.75,1.75,0,0,0,1.75,1.75H112.73a1.75,1.75,0,0,0,1.75-1.75V67.942h7.1a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1v-2.5h7.1a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1v-2.5Zm-1.75-12v8.5H114.48v-8.5ZM110.98,119.75H8.327V8.25H110.98v111.5Zm8.847-63.808v8.5H114.48v-8.5Zm0-18v8.5H114.48v-8.5Z'/%3E%3Cpath d='M88.4,81.583H30.9a1.75,1.75,0,0,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M88.4,92.25H30.9a1.75,1.75,0,0,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M88.4,102.917H30.9a1.75,1.75,0,1,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M12.5,10.75a1.75,1.75,0,0,0-1.75,1.75V33.039a1.75,1.75,0,0,0,3.5,0V12.5A1.75,1.75,0,0,0,12.5,10.75Z'/%3E%3C/svg%3E") no-repeat 5px 8px;

    background-size: 23px;

  }



  #contact #form input.estimated-orders {

    /*background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3ECONTACT%3C/title%3E%3Cpath d='M44.08,67.94H75.23a1.75,1.75,0,0,0,1.75-1.75V53.02a11.129,11.129,0,0,0-6.018-9.852,14.565,14.565,0,1,0-22.617,0A11.127,11.127,0,0,0,42.33,53.02V66.19A1.75,1.75,0,0,0,44.08,67.94Zm15.574-45A11.065,11.065,0,1,1,48.589,34.008,11.078,11.078,0,0,1,59.654,22.942ZM45.83,53.02a7.6,7.6,0,0,1,5.3-7.227,14.459,14.459,0,0,0,17.049,0,7.6,7.6,0,0,1,5.3,7.227V64.44H45.83Z'/%3E%3Cpath d='M121.577,31.942a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1V6.5a1.75,1.75,0,0,0-1.75-1.75H6.577A1.75,1.75,0,0,0,4.827,6.5v115a1.75,1.75,0,0,0,1.75,1.75H112.73a1.75,1.75,0,0,0,1.75-1.75V67.942h7.1a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1v-2.5h7.1a1.75,1.75,0,0,0,1.75-1.75v-12a1.75,1.75,0,0,0-1.75-1.75h-7.1v-2.5Zm-1.75-12v8.5H114.48v-8.5ZM110.98,119.75H8.327V8.25H110.98v111.5Zm8.847-63.808v8.5H114.48v-8.5Zm0-18v8.5H114.48v-8.5Z'/%3E%3Cpath d='M88.4,81.583H30.9a1.75,1.75,0,0,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M88.4,92.25H30.9a1.75,1.75,0,0,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M88.4,102.917H30.9a1.75,1.75,0,1,0,0,3.5H88.4a1.75,1.75,0,0,0,0-3.5Z'/%3E%3Cpath d='M12.5,10.75a1.75,1.75,0,0,0-1.75,1.75V33.039a1.75,1.75,0,0,0,3.5,0V12.5A1.75,1.75,0,0,0,12.5,10.75Z'/%3E%3C/svg%3E") no-repeat 3px 7px;

    background-size: 25px;*/

  }



  #contact #form input.email {

    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3EEMAIL%3C/title%3E%3Cpath d='M123.25,24.192c0-.018,0-.034-.005-.052s-.007-.063-.009-.094a1.734,1.734,0,0,0-.083-.408c-.006-.018,0-.037-.011-.055s-.01-.015-.013-.023a1.734,1.734,0,0,0-.227-.407c-.021-.028-.043-.053-.066-.08a1.755,1.755,0,0,0-.31-.294c-.012-.009-.022-.02-.034-.028a1.744,1.744,0,0,0-.414-.2c-.034-.012-.068-.022-.1-.032a1.733,1.733,0,0,0-.474-.073H6.5a1.733,1.733,0,0,0-.474.073c-.035.01-.068.02-.1.032a1.744,1.744,0,0,0-.414.2c-.012.008-.022.019-.034.028a1.755,1.755,0,0,0-.31.294c-.022.027-.045.052-.066.08a1.734,1.734,0,0,0-.227.407c0,.008-.01.015-.013.023s-.005.037-.011.055a1.734,1.734,0,0,0-.083.408c0,.032-.009.063-.009.094s-.005.034-.005.052v79.615c0,.023.006.045.007.068a1.737,1.737,0,0,0,.019.188c.008.051.015.1.027.152a1.74,1.74,0,0,0,.056.179c.017.047.033.094.054.139a1.729,1.729,0,0,0,.093.172c.024.04.048.081.075.119a1.743,1.743,0,0,0,.125.152c.033.036.066.072.1.106.021.019.037.042.059.061s.036.017.052.03a1.736,1.736,0,0,0,.452.263c.035.014.071.022.107.033a1.732,1.732,0,0,0,.488.085c.012,0,.023.006.035.006l.023,0H121.478l.023,0c.012,0,.023-.006.034-.006a1.732,1.732,0,0,0,.489-.085c.035-.011.07-.019.1-.033a1.736,1.736,0,0,0,.453-.263c.016-.013.036-.017.052-.03s.038-.042.059-.061c.036-.034.069-.069.1-.106a1.743,1.743,0,0,0,.125-.152c.027-.038.051-.078.075-.119a1.729,1.729,0,0,0,.093-.172c.021-.045.037-.092.054-.139a1.74,1.74,0,0,0,.056-.179c.012-.05.019-.1.027-.152a1.737,1.737,0,0,0,.019-.188c0-.023.007-.045.007-.068ZM45.8,60.316,62.858,74.993a1.751,1.751,0,0,0,2.283,0L82.2,60.316l35.512,41.741H10.289ZM8.25,99.052V28.007l34.9,30.026Zm76.6-41.019,34.9-30.026V99.052Zm31.931-32.091L81.276,56.493c-.006.005-.014.008-.02.014s-.012.014-.019.02L64,71.358,46.763,56.527c-.007-.006-.012-.014-.019-.02l-.02-.014L11.217,25.942Z'/%3E%3C/svg%3E") no-repeat 6px 8px;

    background-size: 23px;

  }



  #contact #form input.captcha {

    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3EPASSWORD%3C/title%3E%3Cpath d='M121.5,42.346H6.5A1.75,1.75,0,0,0,4.75,44.1V83.9a1.75,1.75,0,0,0,1.75,1.75h115a1.75,1.75,0,0,0,1.75-1.75V44.1A1.75,1.75,0,0,0,121.5,42.346Zm-1.75,39.809H8.25V45.846h111.5Z'/%3E%3Cpath d='M14.607,65.75h2.609l-1.845,1.845a1.75,1.75,0,1,0,2.475,2.475l1.844-1.844v2.608a1.75,1.75,0,0,0,3.5,0V68.224l1.845,1.845a1.75,1.75,0,1,0,2.475-2.475L25.665,65.75h2.609a1.75,1.75,0,0,0,0-3.5H25.665l1.845-1.845a1.75,1.75,0,1,0-2.475-2.475L23.19,59.776V57.167a1.75,1.75,0,0,0-3.5,0v2.608l-1.844-1.844a1.75,1.75,0,0,0-2.475,2.475l1.845,1.845H14.607a1.75,1.75,0,0,0,0,3.5Z'/%3E%3Cpath d='M35.887,65.75H38.5l-1.845,1.845a1.75,1.75,0,1,0,2.475,2.475l1.845-1.845v2.608a1.75,1.75,0,0,0,3.5,0V68.225l1.845,1.845a1.75,1.75,0,0,0,2.475-2.475L46.945,65.75h2.609a1.75,1.75,0,0,0,0-3.5H46.945l1.845-1.845a1.75,1.75,0,0,0-2.475-2.475L44.47,59.775V57.167a1.75,1.75,0,0,0-3.5,0v2.608l-1.845-1.845a1.75,1.75,0,0,0-2.475,2.475L38.5,62.25H35.887a1.75,1.75,0,0,0,0,3.5Z'/%3E%3Cpath d='M57.167,65.75h2.609l-1.845,1.845a1.75,1.75,0,1,0,2.475,2.475l1.845-1.845v2.608a1.75,1.75,0,0,0,3.5,0V68.225l1.845,1.845a1.75,1.75,0,0,0,2.475-2.475L68.225,65.75h2.608a1.75,1.75,0,0,0,0-3.5H68.225l1.845-1.845a1.75,1.75,0,0,0-2.475-2.475L65.75,59.775V57.167a1.75,1.75,0,0,0-3.5,0v2.608l-1.845-1.845a1.75,1.75,0,0,0-2.475,2.475l1.845,1.845H57.167a1.75,1.75,0,0,0,0,3.5Z'/%3E%3Cpath d='M78.446,65.75h2.609l-1.845,1.845a1.75,1.75,0,1,0,2.475,2.475l1.844-1.844v2.608a1.75,1.75,0,0,0,3.5,0V68.224l1.845,1.845a1.75,1.75,0,0,0,2.475-2.475L89.5,65.75h2.609a1.75,1.75,0,0,0,0-3.5H89.5l1.845-1.845a1.75,1.75,0,0,0-2.475-2.475l-1.845,1.845V57.167a1.75,1.75,0,0,0-3.5,0v2.608l-1.844-1.844a1.75,1.75,0,0,0-2.475,2.475l1.845,1.845H78.446a1.75,1.75,0,0,0,0,3.5Z'/%3E%3Cpath d='M99.727,65.75h2.608l-1.845,1.845a1.75,1.75,0,1,0,2.475,2.475l1.845-1.845v2.608a1.75,1.75,0,0,0,3.5,0V68.225l1.845,1.845a1.75,1.75,0,0,0,2.475-2.475l-1.845-1.845h2.608a1.75,1.75,0,0,0,0-3.5h-2.608l1.845-1.845a1.75,1.75,0,0,0-2.475-2.475l-1.845,1.845V57.167a1.75,1.75,0,1,0-3.5,0v2.608l-1.845-1.845a1.75,1.75,0,0,0-2.475,2.475l1.845,1.845H99.727a1.75,1.75,0,0,0,0,3.5Z'/%3E%3C/svg%3E") no-repeat 6px 8px;

    background-size: 23px;

  }



  #contact #form textarea.message {

    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3ECHAT%3C/title%3E%3Cpath d='M121.5,4.75H41.88A1.75,1.75,0,0,0,40.13,6.5V44.558H6.5a1.75,1.75,0,0,0-1.75,1.75v57.5a1.75,1.75,0,0,0,1.75,1.75h8.125V121.5a1.75,1.75,0,0,0,2.987,1.237l17.18-17.18H86.115a1.75,1.75,0,0,0,1.75-1.75V65.75h5.34l17.178,17.177a1.75,1.75,0,0,0,2.987-1.237V65.75h8.13A1.75,1.75,0,0,0,123.25,64V6.5A1.75,1.75,0,0,0,121.5,4.75ZM84.365,102.058h-50.3a1.75,1.75,0,0,0-1.237.513l-14.705,14.7V103.808a1.75,1.75,0,0,0-1.75-1.75H8.25v-54H41.856l.024,0,.024,0H84.365ZM119.75,62.25h-8.13A1.75,1.75,0,0,0,109.87,64V77.465l-14.7-14.7a1.75,1.75,0,0,0-1.237-.513H87.865V46.308a1.75,1.75,0,0,0-1.75-1.75H43.63V8.25h76.12Z'/%3E%3Ccircle cx='20.808' cy='75.058' r='4'/%3E%3Ccircle cx='37.808' cy='75.058' r='4'/%3E%3Ccircle cx='54.808' cy='75.058' r='4'/%3E%3Ccircle cx='71.808' cy='75.058' r='4'/%3E%3Ccircle cx='56.192' cy='35.25' r='4'/%3E%3Ccircle cx='73.192' cy='35.25' r='4'/%3E%3Ccircle cx='90.192' cy='35.25' r='4'/%3E%3Ccircle cx='107.192' cy='35.25' r='4'/%3E%3C/svg%3E") no-repeat 6px 8px;

    background-size: 23px;

  }



  #contact #form input.company {

    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Ctitle%3ELOCATION%3C/title%3E%3Cpath d='M102.128,96.851l6.3,14.173a1.75,1.75,0,1,0,3.2-1.422l-6.3-14.173a1.75,1.75,0,1,0-3.2,1.422Z'/%3E%3Cpath d='M123.1,120.649l-17.69-39.811a1.75,1.75,0,0,0-1.6-1.039H83.831C89.219,71.13,93.938,62,96.778,53.651a43.164,43.164,0,0,0,2.657-13.466,35.436,35.436,0,1,0-70.871,0,43.174,43.174,0,0,0,2.657,13.467c2.84,8.353,7.56,17.478,12.948,26.147H24.19a1.75,1.75,0,0,0-1.6,1.039L4.9,120.649a1.75,1.75,0,0,0,1.6,2.461h115a1.75,1.75,0,0,0,1.6-2.461ZM32.064,40.186a31.936,31.936,0,1,1,63.871,0,39.8,39.8,0,0,1-2.471,12.34c-3.041,8.945-8.311,18.822-14.24,28.026-.013.019-.025.039-.037.058A194.664,194.664,0,0,1,64,101.136,194.667,194.667,0,0,1,48.812,80.611c-.013-.02-.024-.04-.038-.059-5.929-9.2-11.2-19.081-14.239-28.025A39.812,39.812,0,0,1,32.064,40.186ZM9.192,119.61,25.327,83.3H46.4a194.324,194.324,0,0,0,16.29,21.663,1.75,1.75,0,0,0,2.629,0A194.313,194.313,0,0,0,81.6,83.3h21.068l16.135,36.311Z'/%3E%3Cpath d='M64,58.775A18.592,18.592,0,1,0,45.408,40.184,18.613,18.613,0,0,0,64,58.775Zm0-33.684A15.092,15.092,0,1,1,48.908,40.184,15.109,15.109,0,0,1,64,25.092Z'/%3E%3C/svg%3E") no-repeat 5px 8px;

    background-size: 23px;

  }



  #contact #form input.submit {

    cursor: pointer;

    width: 120px;

    height: 30px;

    float: right;

    padding: 0px 0px 5px 0px;

    margin: 10px 16px 0px 0px;

    font: 14px/16px'Bree Serif', Georgia, serif;

  }



  #contact #captcha span {

    width: 44px;

  }



  #contact #captcha input {

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.068 24'%3E%3Cpath d='M11.033,24h0a11.033,11.033,0,0,0,1-22.021V0L7.127,4.1,12.035,8V6.007a7.032,7.032,0,0,1-1,13.993h0a7.035,7.035,0,0,1-5.1-11.878,6.9,6.9,0,0,1,.846-.762L4.361,4.174a10.7,10.7,0,0,0-1.339,1.2A11.033,11.033,0,0,0,11.033,24Z'/%3E%3C/svg%3E%0A") no-repeat 4px 4px;

    background-size: 23px;

    margin: -10px 0 0;

    padding: 0;

    border: medium none;

    cursor: pointer;

    width: 35px;

    height: 35px;

  }

  /* Wholesale Roles price table styles */
  .wrc-price-table { margin: 12px; }
  .wrc-price-table__table { width: 95%; border-collapse: collapse; border: 2px solid #ccc; table-layout: fixed; }
  .wrc-price-table__table td { padding: 8px 10px; border-bottom: 1px dashed #ddd; vertical-align: middle; word-wrap: break-word; }
  .wrc-price-table__table tr:last-child td { border-bottom: none; }
  /* Make first column take the available space so labels aren't cramped */
  .wrc-price-table__table td:first-child { text-align: right; width: 100%; max-width: 25%; color: #333; }
  .wrc-price-table__table td:nth-child(2) { text-align: right; width: 100%; max-width: 25%; white-space: nowrap; color: #000; }
  .wrc-price-table__table td:nth-child(3) { text-align: center; width: 100%; max-width: 50%; white-space: nowrap; }

  @media (max-width: 600px) {
  .wrc-price-table__table {
    table-layout: auto;
  }

  .wrc-price-table__table tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .wrc-price-table__table td {
    display: block;
    width: 100%;
    max-width: unset;
    box-sizing: border-box;
    padding: 6px 8px;
    border-bottom: none;
  }

  /* Label grows */
  .wrc-price-table__table td:first-child {
    order: 1;
    text-align: center;
    width: 100%;
    max-width: unset;
    padding-right: 0;
    font-weight: 600;
  }

  .wrc-price-table__table tr:first-child td:first-child {
    border-bottom: 1px dashed #666; 
    max-width: unset;
  }

  .wrc-price-table__table tr td:first-child {
    border-bottom: 1px dashed #666; 
    border-top: 1px solid #ccc;
    max-width: unset;
  }

  /* Percent + price go next, inline on same line if enough room */
  .wrc-price-table__table td:nth-child(2),
  .wrc-price-table__table td:nth-child(3) {
    order: 2;
    /*width: auto;*/
    max-width: unset;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap;
  }

  /* Last row cleanup */
  .wrc-price-table__table tr:last-child td { 
    border-bottom: none; 
  }
  .wrc-price-table__table tr:last-child td:first-child { 
    border-bottom: 1px dashed #666; 
    border-top: 1px solid #ccc;
  }
}