/* This CSS is used for the sales form*/

#sales-form {
  position: relative;
  padding: 30px 60px;
}

    #sales-form h4 {
      font: 600 40px/38px canada-type-gibson, sans-serif;
      color: #137dc0;
      text-transform: uppercase;
      margin: 0 0 16px 0;
      text-align:center;
    }

    #sales-form p {
      font: 400 16px/25px canada-type-gibson, sans-serif;
      color: #282828;
      margin: 0 0 16px 0;
      text-align:center;
    }

      #sales-form span.bold {
        font: 600 16px/25px canada-type-gibson, sans-serif;
        color: #282828;
        text-align:center;
      }

    #sales-form h5 {
      font: 600 19px/25px canada-type-gibson, sans-serif;
      color: #1b7ebf;
      margin: 0 0 16px 0;
      text-align:center;
    }

      #sales-form > table > tbody > tr {
      	height:30px;
        min-height: 30px;
      }
      	#sales-form >table > tbody > tr th {
      		font-weight:400 !important;
      		width:120px;
      	}
		#sales-form input[type=text] {
          border: 1px solid #d3d3d3 !important;
          height: 25px;
          float: right;
          border-radius:initial !important;
          margin-bottom: 5px;
        }
        #sales-form > .wrapper > .col.left .required_field {
			display:none !important;
        }
          
    .required_field[style*=inline] + input {
		  	background-color: #ffcccc !important;
			border: 1px solid #ff0000 !important;
		   }
		   tr .required_field[style*=inline] ~ input {
			background-color: #ffcccc !important;
			border: 1px solid #ff0000 !important;
		   }
	#sales-form input[type=button] {
            font: 600 16px/40px canada-type-gibson, sans-serif !important;
            background: #1b7ebf !important;
            text-transform: uppercase !important;
            width: 185px !important;
            height: 40px !important;
            color: #ffffff !important;
            margin: auto 25px auto 0 !important;
            float: none !important;
            padding: 0 !important;
			max-width:185px !important;
			border-radius:initial !important;
			letter-spacing: 0.08em;
    }

  #sales-form .result-text {
    font: 400 16px/25px canada-type-gibson, sans-serif;
    color: darkgreen;
    margin: 20px 0 16px 0;
    text-align:center;
  }

  @media screen and (max-width: 875px) {
    #sales-form {
      width: 440px;
    }

  }

  @media screen and (max-width: 440px) {
    #sales-form {
      width: 95%;
    }

  }

  @media screen and (max-width: 350px) {
    #sales-form {
      padding: 15px;
    }
  }

  adjust-height::after {
  	  height: 4px;
  }

  @media only screen and (max-height:850px) {
	  #sales-form {
		  height:90vh !important;
	  }
	  #sales-form h4 {
		  font: 600 27px/30px canada-type-gibson, sans-serif;
	  }
	  #sales-form p {
		  font: 400 15px/19px canada-type-gibson, sans-serif;
		  color: #282828;
	  }
	  #sales-form span.bold {
		  font: 600 15px/19px canada-type-gibson, sans-serif;
		  color: #282828;
	  }
  }
  @media only screen and (max-height:700px) { 
	  #sales-form {
		  height:90vh !important;
	  }

	  #sales-form {
		  padding-top:25px;
	  }
  }
  @media only screen and (max-height:655px) { 
	  #sales-form {
		  height:90vh !important;
	  }
	  #sales-form {
		  padding:25px;
	  }
	  #sales-form h4 {
		  font: 600 24px/30px canada-type-gibson, sans-serif;
		  margin-bottom:10px;
	  }
  }