/* BEGIN CONTACT PAGE STYLES */
.form {
  align-items: center;
}
.contact {
  background-color: white;
  padding: 30px 0;
}
#contactform {
  min-width: 60%;
}
.addy {
  padding: 30px 0 0 0;
  align-items: center;
}
input,
select,
textarea,
label {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  color: #4d4d4f;
  box-sizing: border-box;
  border-width: 0;
  border-radius: 6px;
}
input,
textarea,
select {
  padding: 10px;
  background-color: #f1f1f1;
  margin: 1%;
}
#message {
  content: "Enter your message here …";
}
fieldset {
  border-width: 1px 0 0 0;
  border-color: #8a8a8a;
  color: #4d4d4f;
  font-size: 20px;
  position: relative;
}
legend {
  font-size: 24px;
  margin: 6px auto;
}
*/
.selectwrapper {
  position: relative;
  width: 310px;
  margin: auto;
}

.selectwrapper:after {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  top: 8px;
  right: 15px;
  position: absolute;
  color: #8a8a8a;
}
/*

select {
  -webkit-appearance: none;
  appearance: none;
  border-width: 0;
  padding: 6px;
  position: relative;
  background-color: #f1f1f1;
  border-radius: 6px;
  width: 300px;
}
option {
  -webkit-appearance: none;
  appearance: none;
  margin-left: 5px;
}


.sbutton {
  background-color: #437F7E;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #437F7E;
  margin: 10px;
  padding: 6px 0;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica", "Arial",
    sans-serif;
  font-size: 16px;
  letter-spacing: 0.9px;
  font-weight: 800;
  min-width: 120px;
  color: white;
  text-align: center;
}
.rbutton {
  background-color: white;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #57aba0;
  margin: 10px auto 0 0;
  padding: 6px 0;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Helvetica", "Arial",
    sans-serif;
  font-size: 16px;
  letter-spacing: 0.9px;
  font-weight: 800;
  min-width: 120px;
  color: #57aba0;
  text-align: center;
}

#contactform ~ label {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
}

/* Placeholder Overrides 
    - Makes placeholders stay visible on mobile devices
    - Hides placeholders WHILE ACTIVE */

::-webkit-input-placeholder {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  visibility: visible;
  display: block;
  opacity: 100;
  color: #000;
}

::-ms-input-placeholder {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  visibility: visible;
  display: block;
  opacity: 100;
  color: #000;
}
::-moz-placeholder {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  visibility: visible;
  display: block;
  opacity: 100;
}
::-ms-input-placeholder {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  visibility: visible;
  display: block;
  opacity: 100;
  color: #000;
}
::-moz-placeholder {
  font-family: "museo-sans", "Museo Sans", "helvetica", "Ariel", sans-serif;
  visibility: visible;
  display: block;
  opacity: 100;
  color: #000 !important;
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  visibility: hidden;
  display: none;
  opacity: 0;
}

textarea:focus::-ms-input-placeholder,
input:focus::-ms-input-placeholder {
  visibility: hidden;
  display: none;
  opacity: 0;
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
  visibility: hidden !important;
  display: none !important;
  opacity: 0 !important;
  width: 5000px;
}

/* /Placeholder Overrides */

.namewrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* Contact Us Form Styles */
#contactform #firstname {
  width: 48%;
  float: left;
}
#contactform #lastname {
  width: 48%;
  float: right;
}
#contactform #message {
  width: 98%;
  height: 200px;
}
#contactform #address {
  width: 98%;
}
#contactform #city {
  width: 60%;
  float: left;
}
#contactform #state {
  width: 36%;
  height: 48px;
  float: left;
}
#contactform #zip {
  width: 40%;
  float: left;
}
#contactform #country {
  width: 56%;
  float: right;
}
#contactform #email {
  width: 48%;
  float: left;
}
#contactform #phone {
  width: 48%;
  float: right;
}
#tryFAQ {
  margin: 30px auto 30px auto;
  max-width: 800px;
  justify-content: center;
}
#tryFAQ2 {
  margin: 30px auto 30px auto;
  max-width: 600px;
  justify-content: center;
}
#linkFAQ {
  color: white;
  background-color: #57aba0;
  border-radius: 15px;
  padding: 2px 10px 0 10px;
  margin: -2px 6px 0 6px;
  text-transform: uppercase;
}
#linkFAQ2 {
  color: #437F7E;
}
address > span.brandon {
  color: #437F7E;
  font-weight: 700;
  text-transform: uppercase;
}

/* END CONTACT PAGE STYLES */