#flash_container {
  display: none;
}

.crux-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .crux-container {
        width:738px
    }
}

@media only screen and (min-width: 1200px) {
    .crux-container {
        width:1170px
    }
}

@font-face {
    font-family:"crux-icons";
    src:url("//cdn.consumerreports.org/crux/styles/1.1/static/icons/crux-icons.woff");
    font-weight:normal;
    font-style:normal
}
[data-icon]:before{
    font-family:"crux-icons" !important;
    content:attr(data-icon);
    font-style:normal !important;
    font-weight:normal !important;
    font-variant:normal !important;
    font-size:inherit;
    text-transform:none !important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[class^="crux-icons-"]:before,[class*=" crux-icons-"]:before{
    font-family:inherit;
    font-size:inherit;
    font-variant:normal !important;
    text-transform:none !important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.crux-icons{
    font-family:"crux-icons";
    position:relative;
    top:1px;
    display:inline-block;
    font-style:normal;
    font-weight:400;
    line-height:1
}
.crux-icons:before{
    font-style:normal;
    font-weight:400;
    line-height:1;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    position:relative;
    top:0
}
.crux-btn .crux-icons:before{
    font-size:20px;
    top:-1px
}

.crux-white {
 	color: white !important; 
}

.bold {
 	font-family: "Averta W01 Bold"; 
}

.submit-button {
 	font-family:"Averta W01 Bold";
  font-size: 18px;
}

.form-control {
  border-color: rgba(0, 174, 61, .5) !important;
}

.icon-text {
  position: relative; 
  color: white;
  font-family: "Averta W01 Bold"; 
  font-size: 16px;
}


@media only screen and (max-width: 767px) {
  .btn__social {
  	width: 100%;
	}
  
}
.btn__social {
  border-radius: 20px;
}

.btn__social > a {
  text-decoration: none;
}

.btn__social > svg {
  position: relative;
  bottom: 3px;
}

.btn__social--facebook {
  background: #3b5998;
}
.btn__social--twitter {
  background: black;
}

@media only screen and (min-width: 768px) {
	.btn__social--twitter {
    width: 200px;
  }
}
.btn__social--email {
  background: #025b30;
}

hr {
 color: #C8C8C8; 
}

::placeholder {
  
  color: #025b30 !important;
}


/* The container */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;

    background-color: #fff;
    border: 2px solid #999;
    color: #fff;

    font-size: 14px;

    margin: 0 12px auto 0;
    padding: 3px;
    outline: 0;
    text-transform: none;
   
}


/* When the checkbox is checked, add a black background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: black;
  border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.community_email {
   text-decoration: none;
    background: #025b30;
    padding: 10px 30px;
    border-radius: 30px;
}