.custom_social_icons {
  float: left;
  margin: 2%;
  width:26 px;
  height:26 px;
}

.tog {
	font-size: 20px !important;
  font-weight: lighter !important;
}

.onbike_paragraph {
	font-size: 17px;
}

.home_description {
	font-size: 20px;
  text-align: center;
  line-height:1.5;
}

.flex_popup {
 display: flex;
  flex-direction:row;
  justify-content: space-around;
}

.flex-item {
  display:flex;
 justify-content: center;
 align-items: center; 
 max-height: max-content !important;
}

.colored_banner {
  padding: 20px !important;
  display:flex;
 justify-content: space-between;
 align-items: center;    
width: max-content !important;
  flex:1;
}

.flex-container {
  width: max-content !important;
 display: flex; 
 flex-direction: row; 
 justify-content: space-between;
 align-items: center;
  text-align:left;
}

.social_flex_container {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.social_flex_item {
margin: 100 px !important;
  
}

.flex-container-footer {
  height:0px;
  width: max-content !important;
 display: flex; 
 flex-direction: row; 
 justify-content: space-between;
 align-items: center;
  text-align:left;
}

.linkButton {
  margin-top:20px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  padding-left:15px !important;
  padding-right:15px !important;
  border: none !important;
  background-color:#33ace0 !important;
  color:white !important;
  font-size:15px;
  font-weight: lighter !important;
  border-radius:2px !important;
  outline:none !important;
}

.linkButtonWhite {
  margin-left: 20px;
  padding:10px !important;
  border: none !important;
  background-color:white !important;
  border-radius:2px !important;
  outline:none !important;
  color:#33ace0 !important;
}

.buttonText {

  font-size:20px !important;
  color: white;
  font-weight: lighter !important;
}

.buttonTextBlue {

  color: #33ace0 !important;
  font-weight: lighter !important;
}

.buttonText:hover {

  color:#e8f8fc;
}

.images {
border-radius: 2px;
 padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.formField{
  width:50% !important;
  border: none !important;
background-color:#f2f2f2 !important;
  padding:10px !important;
  border-radius: 4px !important;
  outline:none !important;
  color:#595959;
}

.formField-full{
  width:100% !important;
  border: none !important;
background-color:#f2f2f2 !important;
  padding:10px !important;
  border-radius: 4px !important;
  outline:none !important;
  color:#595959;
}
#nf-field-14{
width:auto;
}

#nf-field-14 > option {
  border:1px !important;
  border-color:#33ace0 !important;
border-radius:4px !important;
  background-color:white !important;
  padding:5px !important;
}

#nf-field-11{
 height:inherit !important;
 width:50% !important;
 
}

.containerText {
height:50%;
}

div.nf-field-label > label {
color:#595959;  
font-size:1.5em;
  font-weight:100;
}

.ninja-forms-req-symbol {
color:#33ace0 !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;
  background-color: transparent;
}



div[id*="nf-limit-"] div {
  color:#33ace0 !important

}

.nf-error-msg nf-error-required-error{
  color:#33ace0 !important;
}

section #middle_content {
  display:block;
  margin-left: auto;
  margin-right: auto;
  width:99%;
  
}

.colored_banner {
  border-radius:2px !important;
}

p {
color:black;
font-weight: lighter;
}

td {
color:black;
}

img.fullwidth {
  margin: auto;
    min-width: 66%;
    max-width: 66%;
}

.tab_content {
color:black;
font-weight: lighter;  
}

.nf-form-fields-required {
 display:none; 
}

.link {
 color:#33ace0;  
}

@media (max-width: 768px) { 
.flex_popup {
  flex-direction:column;
}
}
@media (min-width: 769px) { 
.popup_section {max-width: 45%;
  
}
}