/*
Theme Name: Community Food Rescue Custom Theme
Author: Web Mobile Image
Author URI: https://www.webmobileimage.com
Developer: Sherri Ferritto Williams
Description: Custom theme for CFR
Version: 2023.3 101923
Requires at least: 6.0
Tested up to: 6.2
Requires PHP: 7.4
*/

body, html {
	margin:0px;
	padding:0px;
	font-family:'Lato', sans-serif;
	color:#2d2f33;
	background-color:#757d85;
	font-size:16px;
	font-size:100%;
	-webkit-text-size-adjust:none;
	position:relative;
	height:100%;
	width:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:none
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
figure {
	margin:0
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type=checkbox], input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td, th {
	padding:0
}
main td {
	padding-top:10px;
	padding-right:4px;
	padding-bottom:10px;
	padding-left:4px
}
.table-responsive {
	margin-bottom:15px;
	overflow-y:hidden;
	width:100%;
	border:none
}
@media only screen and (max-width: 767px) {
td {
display:block;
width:100%;
text-align:center
}
}
*, :after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:bebas_neuebook;
	font-weight:normal;
	font-style:normal;
	line-height:125%
}
h1, .h1 {
	margin-top:0px;
	text-align:center
}
h2, .h2 {
	color:#233959
}
h3, .h3 {
	color:#233959
}
p {
	font-size:16px;
	line-height:1.5em;
	margin:0px;
	padding-bottom:1rem;
	text-align:justify
}
p.ital {
	margin:0px;
	padding:0px;
	font-style:italic
}
p.lead {
	font-size:1rem;
	margin-bottom:10px
}
.center {
	text-align:center
}
ul, menu, dir {
	display:block;
	list-style-type:disc;
	padding:0px
}
.display-1 {
	font-size:2.5rem
}
.display-2 {
	font-size:2rem
}
.display-3 {
	font-size:1.5rem
}
.display-4, .display-4 p {
	font-size:1.25rem
}
@media (min-width: 992px) {
h4, .h4 {
font-size:1.35rem
}
p {
font-size:1.29rem
}
p.ital {
font-size:1.125rem
}
}
@media (min-width: 1200px) {
h4, .h4 {
font-size:1.65rem
}
p {
font-size:1.5rem
}
p.ital {
font-size:1.3rem
}
.display-1 {
font-size:3.5rem
}
.display-2 {
font-size:3rem
}
.display-3 {
font-size:2.25rem
}
.display-4, .display-4 p {
font-size:1.5rem
}
}
@media (min-width: 1600px) {
h4, .h4 {
font-size:1.65rem
}
p {
font-size:1.6rem
}
p.ital {
font-size:1.6rem
}
}
a {
	color:inherit;
	text-decoration:none;
	transition:all 0.12s ease-in-out 0s
}
a:visited {
	color:#inherit;
	text-decoration:none
}
a:hover, a:focus {
	color:#ce483c;
	text-decoration:none;
	outline:none
}
img {
	max-width:100%;
	height:auto
}
img.fullwidth-photo {
	width:100%;
	height:auto
}
figure {
	padding:0px;
	margin:0px
}
.row.no-gutters {
	margin-right:0;
	margin-left:0
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right:0;
padding-left:0
}
.spaceabove {
	padding-top:20px
}
.spacebelow {
	padding-bottom:20px
}
.hide {
	display:none
}
.alignnone {
	margin:5px 20px 20px 0
}
.aligncenter, div.aligncenter {
	display:block;
	margin:5px auto 5px auto
}
p.aligncenter {
	text-align:center
}
.alignright {
	float:right;
	margin:5px 0 20px 20px
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px
}
a img.alignnone {
	margin:5px 20px 20px 0
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0
}
img.photohalf {
	width:50%;
	height:auto
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption {
	background:#fff;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0
}
.wp-caption.alignright {
	margin:5px 0 20px 20px
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	padding:0
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px
}
.table-responsive .wp-caption p.wp-caption-text {
	text-align:center
}
.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
	white-space:nowrap;
	height:1px;
	width:1px;
	overflow:hidden
}
.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip:auto !important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:0.875rem;
	font-weight:bold;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000
}
#skiptocontent a {
	padding:6px;
	position:absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition:top 1s ease-out, background 1s linear;
	transition:top 1s ease-out, background 1s linear;
	z-index:100
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#036BA8;
	outline:0;
-webkit-transition:top .1s ease-in, background .5s linear;
transition:top .1s ease-in, background .5s linear
}
.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute
}
.video-border, .photo-border {
	border:3px solid #FFF;
	margin-bottom:30px
}
@media only screen and (min-width: 768px) {
.video-wrapper {
margin-bottom:0px
}
}
main .video-wrapper {
	width:90%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:15px
}
@media only screen and (min-width: 768px) {
main .video-wrapper {
width:75%
}
}
.google-maps-wrapper {
	width:90%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:15px
}
.google-maps {
	position:relative;
	padding-bottom:75%;
	height:0;
	overflow:hidden
}
.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important
}
.page-wrapper {
	max-width:1400px;
	margin-left:auto;
	margin-right:auto
}
.container-fluid {
	padding-right:0px;
	padding-left:0px;
	display:block;
	clear:both
}
.container-fluid.padding {
	padding-top:30px;
	padding-bottom:30px
}
.content-wrapper {
	width:90%;
	max-width:1780px;
	margin-left:auto;
	margin-right:auto;
	padding-right:0px;
	padding-left:0px;
	display:block;
	clear:both
}
.container-fluid > .content-wrapper {
	padding-top:30px;
	padding-bottom:30px
}
.content-wrapper.intro {
	text-align:center;
	padding-top:40px;
	padding-bottom:40px
}
@media (min-width: 1600px) {
.content-wrapper.intro {
text-align:center;
padding-top:60px;
padding-bottom:60px
}
}
@media only screen and (max-width: 767px) {
.container {
padding-right:0px;
padding-left:0px
}
}
@media (min-width:1600px) {
.container {
width:90%;
max-width:1780px
}
}
.row {
	margin-left:0;
	margin-right:0
}
.relative {
	position:relative
}
.col.nonrelative {
	position:static !important
}
img.top {
	vertical-align:text-top
}
img.bottom {
	vertical-align:text-bottom
}
img.middle {
	vertical-align:middle
}
.transp-bkgrnd {
	opacity:.77;
	width:100%;
	height:100%
}
.transp-bkgrnd > .content-wrapper {
	opacity:1
}
.bg-white {
	background-color:#FFF
}
.bg-black {
	background-color:#2d2f33
}
.bg-gray {
	background-color:#f0f0f0
}
.bg-ltgray {
	background-color:#ebebeb
}
.bg-red {
	background-color:#ce483c
}
.blue {
	color:#233959
}
.bg-pink {
	background-color:#FCF
}
.btn {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	font-size:1.5rem;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	display:inline-block;
	text-decoration:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:2px solid transparent;
	border-radius:0;
	margin-bottom:0;
	padding-top:6px;
	padding-right:1rem;
	padding-bottom:6px;
	padding-left:1rem
}
.content a.btn, .content a.btn:visited, .content a.btn:hover {
	text-decoration:none
}
.btn:visited {
	color:#FFF
}
.btn.space {
	margin-right:10px
}
.btn.outline-red {
	border-color:#ce483c;
	color:#FFF
}
.btn.outline-red .glyphicon {
	color:#ce483c;
padding-right:.5rem
}
.btn.outline-red:hover {
	background-color:#ce483c;
	color:#FFF
}
.btn.outline-red:hover > .glyphicon {
	color:#FFF
}
.btn.outline-white {
	border-color:#FFF
}
.btn-outline-white.red, .btn-outline-white.red:visited {
	border-color:#FFF;
	padding-left:1.5rem;
	padding-right:1.5rem
}
.btn-outline-white.red:hover {
	color:#FFF;
	background-color:#ce483c;
	border-color:#ce483c
}
.border-red-top {
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#ce483c
}
.border-red-btm {
	border-bottom-width:6px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c
}
header {
	z-index:9999;
	background-color:#FFF;
	border-bottom-width:8px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c
}
header .inner {
	padding-left:20px;
	padding-right:20px;
	min-height:120px
}
@media only screen and (min-width: 768px) {
header {
padding-top:10px
}
header .inner {
padding-left:48px;
padding-right:48px;
min-height:150px
}
}
@media (min-width: 1200px) {
header {
padding-top:10px
}
}
@media (min-width: 1600px) {
.container {
width:90%
}
}
header p {
	margin:0px;
	padding:0px
}
header .logo {
	position:absolute;
	width:130px;
	left:7%;
	bottom:0;
	margin-left:3px;
	margin-bottom:-10px;
	z-index:9999
}
header .logo-curve {
	position:absolute;
	width:100px;
	left:7%;
	margin-left:20px;
	bottom:0;
	margin-bottom:-21px;
	z-index:9998
}
@media only screen and (min-width: 1200px) {
header .logo {
width:166px;
left:8%;
margin-left:-10px
}
header .logo-curve {
width:114px;
left:8%;
margin-bottom:-24px
}
}
@media only screen and (min-width: 1400px) {
header .logo {
width:176px;
left:9%;
margin-left:-10px
}
header .logo-curve {
width:124px;
left:9%;
margin-bottom:-1.65rem
}
}
header .social {
	display:block;
	text-align:center;
	float:right;
	margin-top:45px;
	margin-bottom:12px;
	width:100px
}
header .social img {
	width:29%;
	height:auto;
	padding-left:2%;
	padding-right:2%
}
@media only screen and (min-width: 375px) {
header .social {
width:120px
}
}
@media only screen and (min-width: 768px) {
header .social {
display:block;
text-align:center;
float:right;
width:16%;
margin-top:0px;
margin-bottom:15px
}
header .social img {
width:20%;
height:auto;
padding-left:2%;
padding-right:2%
}
}
@media only screen and (min-width: 1200px) {
header .social {
margin-bottom:20px
}
}
/* CHOWMATCH BUTTON */
header .chowmatch-btn {
	width:100px;
	margin-bottom:10px
}
@media only screen and (min-width: 375px) {
header .chowmatch-btn {
width:120px
}
}
@media only screen and (min-width: 768px) {
header .chowmatch-btn {
padding-top:3px
}
header .chowmatch-btn {
vertical-align:middle;
width:16%;
position:absolute;
right:0;
top:0;
margin-bottom:0px
}
}
@media only screen and (min-width: 992px) {
header .chowmatch-btn {
padding-top:4px
}
}
@media only screen and (min-width: 1100px) {
header .chowmatch-btn {
padding-top:0px
}
}

header .chowmatch-btn .dropdown-menu {
	right:15px;
	width:100px;
	min-width:inherit;
}
@media only screen and (min-width: 375px) {
header .chowmatch-btn .dropdown-menu {
	
	width:120px;
	
}
}


@media only screen and (min-width: 768px) {
header .chowmatch-btn .dropdown-menu {
	
	width:140px;
	
}
}




header .chowmatch-btn .dropdown-menu>li>a {
	text-align:right;
	font-weight:700;
}
header .chowmatch-btn .dropdown-menu>li>a:focus, header .chowmatch-btn .dropdown-menu>li>a:hover {
	color: #ce483c;
	text-decoration: none;
	background-color:  transparent;
}
/* MAIN NAVIGATION */


header nav.main-nav {
	font-family:bebas_neuebold;
	font-weight:normal;
	font-style:normal;
	overflow:hidden
}
@media only screen and (min-width: 768px) {
header nav.main-nav {
margin-right:16%;
padding-right:24px;
padding-bottom:20px
}
#mobile_menu {
display:none
}
}
@media only screen and (min-width: 1100px) {
header nav.main-nav {
padding-top:5px
}
}
@media only screen and (min-width: 1400px) {
header nav.main-nav {
padding-top:2px;
padding-bottom:60px
}
}
header nav.main-nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:1;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:right;
	float:right
}
@media only screen and (min-width: 1400px) {
header nav.main-nav ul {
padding-top:6px
}
}
header .navbar-nav>li>a {
	padding-top:10px;
	padding-bottom:10px
}
header nav.main-nav li {
	color:#2d2f33;
	display:inline;
	vertical-align:middle
}
header nav.main-nav li a {
	font-size:20px;
	color:#5b5c61;
padding-left:.5rem;
padding-right:.5rem
}
header nav.main-nav li:first-child a {
	padding-left:0
}
header nav.main-nav li:nth-last-child(1) a {
padding-right:0
}
@media only screen and (min-width: 992px) {
header nav.main-nav li a {
font-size:27px;
font-size:2.25vw
}
}
@media only screen and (min-width: 1200px) {
header nav.main-nav li a {
padding-left:.7rem;
padding-right:.7rem
}
}
@media only screen and (min-width: 1600px) {
header nav.main-nav li a {
font-size:38px
}
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:transparent
}
header nav.main-nav li a:hover, header nav.main-nav li.active a {
	color:#ce483c
}
header .cm-btn {
	float:right
}
@media only screen and (max-width: 767px) {
.mobile_header {
width:100%;
z-index:9999
}
}
@media only screen and (min-width: 768px) {
.mobile_header {
display:none
}
}
.header-photo {
	position:relative;
	border-bottom-width:6px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.header-photo .overlay {
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:100%;
	padding:28px;
	padding-left:24px;
	padding-right:24px
}
@media only screen and (min-width: 768px) {
.header-photo .overlay {
padding:43px;
padding-left:48px;
padding-right:48px
}
}
.header-photo .overlay .inner {
	display:table;
	vertical-align:middle;
	width:100%;
	height:100%;
	border:2px solid #FFF;
	background-color:rgba(17, 17, 17, 0.41);
	background:rgba(17, 17, 17, 0.41);
	color:rgba(17, 17, 17, 0.41)
}
.header-photo .overlay .inner2 {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%
}
.header-photo h1 {
	text-align:center;
	color:#FFF;
	font-size:10.5vw;
	line-height:.9;
	width:75%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
margin-bottom:.5rem
}
.header-photo h1.longtitle {
	font-size:9vw
}
.header-photo h1 small {
	font-size:80%;
	color:#FFF;
	display:block
}
.header-photo h1 strong {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal
}
@media only screen and (min-width: 768px) {
.header-photo h1 {
font-size:11.63vw;
margin-bottom:1rem
}
}
@media only screen and (min-width: 1600px) {
.header-photo h1 {
font-size:180px
}
}
.header-photo h2 {
	font-family:'Lato', sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	font-size:4.12vw;
	line-height:130%;
	width:75%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto
}
@media (min-width: 1800px) {
.header-photo h1 {
font-size:180px
}
.header-photo h2 {
font-size:63px
}
}
#animatedElement {
	visibility:hidden
}
.home-intro {
	padding:30px
}
@media only screen and (min-width: 768px) {
.home-intro {
padding:0;
padding-top:40px
}
}
.home-intro h2 {
	font-size:36px;
	line-height:110%;
	margin-bottom:20px;
	color:#ce483c;
	text-align:center;
	margin-top:0;
	padding-top:0
}
@media only screen and (min-width: 768px) {
.home-intro h2 {
font-size:48px;
font-size:4.5vw
}
}
@media only screen and (min-width: 1500px) {
.home-intro h2 {
font-size:66px
}
}
.home-intro h2 strong {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal
}
.ways2help {
	text-align:center;
	padding:30px
}
@media only screen and (min-width: 768px) {
.ways2help {
padding:0px;
padding-top:40px;
padding-bottom:40px
}
}

.ways2help .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: center;
    
}





.ways2help h2 {
	text-align:center;
	display:inline-block;
	color:#FFF;
	font-size:48px;
	font-size:9vw;
	line-height:130%;
	background-color:#ce483c;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:40px
}
.ways2help h3 {
	font-family:'francois_oneregular';
	font-size:36px;
	text-transform:uppercase;
	letter-spacing:-.03em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	color:#FFF;
	margin:0px;
	padding:0px
}
@media only screen and (min-width: 768px) {
.ways2help h2 {
font-size:4vw
}
.ways2help h3 {
font-size:45px
}
}
.ways2help p {
	font-size:1.29rem;
	font-weight:300;
	line-height:1.5em;
	text-align:center;
	color:#FFF
}


.ways2help img {
	width: auto;
	height:168px;
}

.ways2help .logo-icon img {
	width: 100%;
	max-width:100%;
	height: auto;
}


.video-block {
	padding:30px;
	padding-top:40px;
	padding-bottom:15px
}
@media only screen and (min-width: 768px) {
.video-block {
padding:0px;
padding-top:50px;
padding-bottom:50px
}
}
@media only screen and (min-width: 992px) {
.video-block {
padding-top:80px;
padding-bottom:80px
}
}
.video-block .video-wrapper {
	margin-bottom:30px
}
@media only screen and (min-width: 768px) {
.video-block .video-wrapper {
margin:0px
}
.video-block .video-text {
padding-left:50px
}
}
@media only screen and (min-width: 992px) {
.video-block .video-text {
padding-left:50px
}
}
@media only screen and (min-width: 1200px) {
.video-block .video-text {
padding-left:80px
}
}
.video-text h2 {
	font-family:'Lato', sans-serif;
	font-size:24px;
	font-weight:900;
	text-transform:uppercase;
	line-height:110%;
	text-align:left;
	color:#FFF;
	border:none;
	border-bottom:2px solid #FFF;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-bottom:15px
}
@media only screen and (min-width: 992px) {
.video-text h2 {
font-size:30px;
padding-bottom:15px;
margin-bottom:15px
}
}
@media only screen and (min-width: 1200px) {
.video-text h2 {
font-size:40px;
padding-bottom:15px;
margin-bottom:15px
}
}
.video-text p {
	font-size:1.29rem;
	font-style:italic;
	color:#FFF;
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:25px
}
@media only screen and (min-width: 992px) {
.video-text p {
font-size:1.5rem
}
}
@media only screen and (min-width: 1200px) {
.video-text p {
font-size:1.7rem
}
}
.video-text .btn.outline-white, .video-text .btn.outline-white:visited {
	border-color:#FFF
}
.video-text .btn.outline-white:hover {
	color:#ce483c;
	background-color:#FFF
}
.chowmatch-block {
	padding:30px;
	padding-top:40px;
	padding-bottom:40px;
	background-color:#2d2f33;
	text-align:left;
	border-bottom-width:8px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c
}
@media only screen and (min-width: 768px) {
.chowmatch-block {
padding:0px;
padding-top:50px;
padding-bottom:50px
}
}
@media only screen and (min-width: 992px) {
.chowmatch-block {
padding-top:80px;
padding-bottom:80px
}
}
@media only screen and (min-width: 768px) {
.learnmore-text {
padding-right:50px
}
}
.chowmatch-block h2 {
	font-family:'Lato', sans-serif;
	font-size:24px;
	font-weight:900;
	text-transform:uppercase;
	line-height:140%;
	text-align:left;
	color:#FFF;
	border:none;
	border-bottom:2px solid #FFF;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-bottom:15px
}
.chowmatch-block h2 span {
	font-family:'Lato', sans-serif;
	font-size:150%;
	font-weight:400;
	text-transform:none;
	display:block
}
@media only screen and (min-width: 992px) {
.chowmatch-block h2 {
font-size:30px;
padding-bottom:15px;
margin-bottom:15px
}
}
@media only screen and (min-width: 1200px) {
.chowmatch-block h2 {
font-size:40px;
padding-bottom:15px;
margin-bottom:15px
}
}
.chowmatch-block p {
	font-size:1.29rem;
	font-style:italic;
	color:#FFF;
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:25px
}
@media only screen and (min-width: 992px) {
.chowmatch-block p {
font-size:1.5rem
}
}
@media only screen and (min-width: 1200px) {
.chowmatch-block p {
font-size:1.7rem
}
}
.chowmatch-block figure {
	font-size:1.29rem;
	font-style:italic;
	color:#FFF;
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:25px
}
.info-block {
	text-align:center;
	padding:30px;
	padding-top:80px;
	background-color:#96a0aa;
	background-image:url(images/circles-pattern.jpg);
	background-repeat:repeat
}
@media only screen and (min-width: 768px) {
.info-block {
padding:0px;
padding-top:80px;
padding-bottom:40px
}
}
.info-block h2 {
	text-align:center;
	display:inline-block;
	color:#FFF;
	font-size:48px;
	font-size:9vw;
	line-height:130%;
	background-color:#ce483c;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:40px
}
@media only screen and (min-width: 768px) {
.info-block h2 {
font-size:4vw
}
}
.info-block .graphic {
	padding:10px;
	padding-left:60px;
	padding-right:60px
}
@media only screen and (min-width: 768px) {
.info-block .graphic {
padding-left:30px;
padding-right:30px
}
}
@media only screen and (min-width: 1200px) {
.info-block .graphic {
padding-left:60px;
padding-right:60px
}
}
.info-block p {
	font-size:1.29rem;
	font-weight:700;
	line-height:1.5em;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:5px
}
@media only screen and (min-width: 768px) {
.info-block p {
margin-bottom:20px
}
}
.donate-signup-block {
	padding-top:30px;
	padding-bottom:30px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c;
	position:relative
}
@media only screen and (min-width: 992px) {
.donate-signup-block {
padding-top:60px;
padding-bottom:60px
}
}
@media only screen and (max-width: 767px) {
.donate-signup-block .col-sm-6 {
margin-bottom:20px
}
.donate-signup-block img.largescreen {
display:none
}
}
.donate-photo {
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.donate-signup-block h2 {
	font-size:8vw;
	line-height:130%;
	color:#96a0aa;
	text-align:center;
	margin-top:0px;
	margin-bottom:30px
}
@media only screen and (min-width: 992px) {
.donate-signup-block h2 {
font-size:3vw;
margin-bottom:50px
}
}
.donate-signup-block h2 strong {
	font-family:'bebas_neuebold'
}
.donate-signup-block .overlay {
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:100%
}
@media only screen and (max-width: 767px) {
.donate-signup-block .overlay.formside {
position:relative;
left:0px;
top:0;
width:100%;
height:100%
}
}
.donate-signup-block .overlay .inner {
	display:table;
	vertical-align:middle;
	margin:50px;
	margin-top:30px;
	border:6px solid #FFF;
	background-color:rgba(17, 17, 17, 0.41);
	background:rgba(17, 17, 17, 0.41);
	color:rgba(17, 17, 17, 0.41)
}
.donate-signup-block .overlay .signup-form {
	display:block;
	vertical-align:middle;
	border:15px solid #47515b;
	background-color:#7e8892;
	padding:15px
}
@media only screen and (min-width: 768px) {
.donate-signup-block .overlay .signup-form {
display:table;
vertical-align:middle;
margin:0;
padding:0;
width:100%;
height:100%
}
}
@media only screen and (min-width: 992px) {
.donate-signup-block .overlay .signup-form {
border:30px solid #47515b
}
}
.donate-signup-block .overlay .signup-form .inner2 {
	vertical-align:middle;
	width:100%;
	height:100%
}
@media only screen and (min-width: 768px) {
.donate-signup-block .overlay .signup-form .inner2 {
display:table-cell;
padding:0
}
}
@media only screen and (min-width: 992px) {
.donate-signup-block .overlay .signup-form .inner2 {
padding-top:20px;
padding-bottom:20px
}
}
.donate-signup-block .overlay .signup-form h3 {
	font-family:'francois_oneregular';
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:-.03em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	color:#FFF;
	margin:0px;
	padding:0px;
	position:relative;
	line-height:100%;
	padding-bottom:5px
}
@media only screen and (min-width: 992px) {
.donate-signup-block .overlay .signup-form h3 {
font-size:2.5vw;
padding-bottom:9px
}
}
@media only screen and (min-width: 1200px) {
.donate-signup-block .overlay .signup-form h3 {
font-size:36px;
padding-bottom:15px
}
}
.donate-signup-block form {
	width:90%;
	max-width:400px;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 992px) {
.donate-signup-block form {
width:80%
}
}
.donate-signup-block form br {
	display:none
}
.donate-signup-block form label {
	display:none
}
.donate-signup-block form p {
	padding:0;
	margin:0
}
.donate-signup-block form input[type=text], .donate-signup-block form input[type=email] {
	width:100%;
	padding:9px;
	-webkit-appearance:none;
	border:none;
	margin-top:3px;
	margin-bottom:12px;
	font-size:13px;
	font-weight:300;
	color:#7b7878;
	border-radius:4px;
	background-color:#FFF
}
@media only screen and (min-width: 992px) {
.donate-signup-block form input[type=text], .donate-signup-block form input[type=email] {
padding:12px;
margin-top:6px;
font-size:16px;
border-radius:8px;
background-color:#FFF
}
}
form ::-webkit-input-placeholder {
font-size:14px;
text-transform:uppercase;
font-weight:400;
padding-left:4px;
color:#333;
opacity:.75
}
form :-moz-placeholder {
font-size:14px;
text-transform:uppercase;
font-weight:400;
padding-left:4px;
color:#333;
opacity:.75
}
form ::-moz-placeholder {
font-size:14px;
text-transform:uppercase;
font-weight:400;
padding-left:4px;
color:#333;
opacity:.75
}
form :-ms-input-placeholder {
font-size:14px;
text-transform:uppercase;
font-weight:400;
padding-left:4px;
color:#333;
opacity:.75
}
.donate-signup-block form input[type=submit] {
	font-family:'francois_oneregular';
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:-.03em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	background-color:#ce483c;
	color:#FFF;
	letter-spacing:.015em;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:none;
	border-radius:0px;
	padding-top:3px;
	padding-right:1.2rem;
	padding-bottom:3px;
	padding-left:1.2rem
}
form input input[type=submit]:hover {
	background-color:#FFF;
	color:#ce483c
}
@media only screen and (min-width: 1200px) {
.donate-signup-block form input[type=submit] {
font-size:21px;
margin-bottom:15px
}
}
p.ctct-form-footer {
	font-size:12px;
	line-height:120%
}
@media only screen and (min-width: 768px) {
p.ctct-form-footer {
font-size:10px;
line-height:115%
}
}
@media only screen and (min-width: 992px) {
p.ctct-form-footer {
font-size:12px
}
}
@media only screen and (min-width: 1200px) {
p.ctct-form-footer {
font-size:13px
}
}
.member-block {
	/*padding:30px;*/
	padding-top:15px;
	padding-bottom:15px;
	padding-bottom:13px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c;
	background-color:#FFF
}
@media only screen and (min-width: 992px) {
.member-block {
padding:0px;
padding-top:30px;
padding-bottom:0px
}
}
.member-block h2 {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	color:#ce483c;
	font-size:48px;
	line-height:130%;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-top:15px;
	vertical-align:middle;
	text-align:center
}
@media only screen and (min-width: 768px) {
.member-block h2 {
font-size:40px;
 margin-top:10%;
text-align:left
}
}
@media only screen and (min-width: 992px) {
.member-block h2 {
font-size:60px;
margin-top:5%;
font-size:4.5vw
}
}
@media only screen and (min-width: 1400px) {
.member-block h2 {
font-size:65px
}
}
.carousel .slide {
	width:33%;
	padding-left:10px;
	padding-right:10px
}
.slick-slide {
	vertical-align:middle
}
.carousel .slide p {
	display:table-cell;
	float:none;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	height:150px;
	text-align:center
}
.carousel .slide img {
	vertical-align:middle;
	text-align:center
}
.content {
	background-color:#FFF;
	padding-bottom:50px
}
.no-btm-padding {
	padding-bottom:0px
}
.top-padding {
	padding-top:30px
}
@media only screen and (min-width: 768px) {
.top-padding {
padding-top:30px
}
}
@media only screen and (min-width: 992px) {
.top-padding {
padding-top:50px
}
}
.content h2 {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	text-align:center;
	color:#ce483c;
	font-size:30px;
	font-size:8.7vw;
	line-height:130%;
	margin:0px;
	padding:0px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:10px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c
}
@media only screen and (min-width: 414px) {
.content h2 {
font-size:36px
}
}
@media only screen and (min-width: 992px) {
.content h2 {
font-size:80px;
font-size:4vw;
margin-top:40px;
padding-top:40px;
padding-bottom:20px
}
}
.content h2:first-of-type {
	border:none;
	margin-top:0px
}
.content h3 {
	font-family:'Lato', sans-serif;
	font-weight:700;
	font-style:italic;
	text-align:center;
	font-size:24px;
	line-height:130%;
	width:90%;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-top:10px;
	padding-bottom:20px
}
@media only screen and (min-width: 992px) {
.content h3 {
font-size:44px;
font-size:2.16vw;
width:75%
}
}
@media only screen and (min-width: 1600px) {
.content h3 {
font-size:40px
}
}
.content a {
	color:inherit;
	text-decoration:underline;
	transition:all 0.12s ease-in-out 0s
}
.content a:visited {
	color:#inherit;
	text-decoration:underline
}
.content a:hover, .content a:focus {
	color:#ce483c;
	text-decoration:underline;
	outline:none
}
.content p {
	text-align:justify;
	width:90%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.2rem;
}
@media only screen and (min-width: 992px) {
.content p {
width:75%
}
}
.content ul {
	font-size:16px;
	line-height:142%;
	width:90%;
	width:90%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:9px;
	list-style:none
}
@media only screen and (min-width: 992px) {
.content ul {
width:75%
}
}
.content ul li {
	margin-left:15px
}
.content ul li:before {
	content:'\f111';
	font-family:'FontAwesome';
	font-size:10px;
	float:left;
	margin-left:-15px;
	color:#ce483c
}
.content ul li ul li:before {
	content:'\f10c';
	font-size:11px
}
@media (min-width: 992px) {
.content ul {
font-size:1.29rem
}
}
@media (min-width: 1200px) {
.content ul {
font-size:1.5rem
}
}
@media (min-width: 1600px) {
.content ul {
font-size:1.6rem
}
}
.content table {
	width:90%;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px
}
@media only screen and (min-width: 992px) {
.content table {
width:75%
}
}
.content .team {
	text-align:left;
	width:200px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px
}
@media only screen and (min-width: 768px) {
.content .team {
width:90%
}
}
@media only screen and (min-width: 992px) {
.content .team {
width:75%
}
}
.content .team .row {
	margin-bottom:30px
}
@media only screen and (min-width: 768px) {
.content .team .row {
margin-bottom:45px
}
}
.content .team img {
	width:100%;
	height:auto
}
@media only screen and (max-width: 767px) {
.content .team img {
max-width:200px;
margin-bottom:15px
}
}
.content .team h4 {
	font-family:'francois_oneregular';
	color:#2d2f33;
	text-align:left;
	width:100%;
	margin:0px;
	padding:0px
}
.content .team p {
	text-align:left;
	width:100%
}
@media only screen and (min-width: 768px) {
.content .team h4, .content .team p {
padding-left:20px
}
}
.content .two-col {
	margin:0px;
	padding:0px;
	margin-top:20px;
	padding-top:40px;
	padding-bottom:10px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c
}
.content .two-col .inner {
	width:90%;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 768px) {
.content .two-col .inner {
width:75%
}
.content .two-col h2 {
text-align:left;
margin-top:0px;
padding-top:0px;
margin-top:-3px;
display:inline-block
}
}
.content .two-col p {
	width:100%
}
.content .two-col p.photo_left {
	width:100%;
	height:auto;
	float:none;
	display:block;
	margin:0;
	padding:0;
	margin-bottom:15px
}
@media only screen and (min-width: 768px) {
.content .two-col p.photo_left {
width:36.25%;
height:auto;
float:left;
margin-top:5px;
margin-right:15px;
margin-bottom:5px;
margin-left:0
}
}
@media only screen and (min-width: 992px) {
.content .two-col p.photo_left {
margin-right:30px;
margin-bottom:20px
}
}
@media only screen and (min-width: 1200px) {
.content .two-col p.photo_left {
margin-right:40px
}
}
.content .content-wrap {
	width:90%;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 768px) {
.content .content-wrap {
width:75%
}
}
.content .content-wrap p, .content .content-wrap ul {
	width:100%
}
.content .content-wrap p.photo-half {
	width:100%;
	height:auto;
	float:none;
	display:block;
	margin:0;
	padding:0;
	margin-top:5px
}
@media only screen and (min-width: 768px) {
.content .content-wrap p.photo-half {
width:45%;
height:auto;
float:left;
margin-top:5px;
margin-right:40px;
margin-bottom:20px;
margin-left:0
}
}
.blog {
	padding-top:20px;
	padding-bottom:20px
}
@media (min-width: 992px) {
.blog {
padding-top:50px;
padding-bottom:30px
}
.blog main {
padding-right:30px
}
}
.blog article {
	margin-bottom:30px
}
.content.blog, .content.blog h1, .content.blog h2, .content.blog h3, .content.blog p, .content.blog ul li {
	text-align:left;
	width:100%
}
.content.blog h1 {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	color:#ce483c;
	font-size:30px;
	line-height:125%;
	margin:0px;
	padding:0px;
	padding-bottom:15px
}
.content.blog h1 a, .content.blog h1 a:visited {
	text-decoration:none
}
.content.blog h1:hover {
	text-decoration:none
}
@media (min-width: 992px) {
.content.blog h1 {
font-size:48px
}
}
.content.blog h2.entry-title {
	font-size:30px;
	line-height:125%;
	margin:0;
	padding:0;
	border:none
}
@media (min-width: 992px) {
.content.blog h2.entry-title {
font-size:48px
}
}
.content.blog h2 a {
	text-decoration:none
}
.content.blog h2 a:visited {
	text-decoration:none
}
.content.blog h2 a:hover {
	text-decoration:underline
}
.content.blog .entry-meta {
	font-size:12px;
	text-transform:uppercase;
	padding-bottom:15px
}
.content.blog .entry-meta span {
	padding-right:1.5rem
}
.content.blog .entry-meta span.glyphicon {
	padding-right:4px
}
.content.blog .entry-meta a {
	text-decoration:none
}
.content.blog .featured-image {
	margin-bottom:20px
}
.pagination {
	clear:both;
	display:block;
	padding:0;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:25px;
	text-align:center
}
.pagination ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none
}
.content .pagination ul {
	width:100%
}
.pagination ul li {
	display:inline
}
.content .pagination ul li:before {
	display:none
}
.pagination ul li a {
	font-size:14px;
	float:left;
	padding:8px 16px;
	text-decoration:none;
	border:solid 2px #eee;
	border-color:rgba(0, 0, 0, .05);
-webkit-transition:border .2s ease-in-out;
-moz-transition:border .2s ease-in-out;
-ms-transition:border .2s ease-in-out;
-o-transition:border .2s ease-in-out;
transition:border .2s ease-in-out
}
.pagination ul li.active a {
	background:rgba(0, 0, 0, .05)
}
.pagination ul li a:hover:not(.active) {
background-color:#ce483c;
color:#FFF;
text-decoration:none
}
.pagination ul li a:hover {
	background-color:#ce483c;
	color:#FFF;
	text-decoration:none
}
.pagination ul li.active a:hover {
	background:rgba(0, 0, 0, .05);
	color:#96a0aa;
	text-decoration:none
}
.content.blog .sidebar {
	padding-top:20px
}
.content.blog .sidebar h2 {
	font-family:'Lato', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.025em;
	color:#2d2f33;
	margin:0;
	padding:0;
	padding-bottom:10px;
	margin-top:30px;
	border:none
}
.content.blog .sidebar h2:first-child {
	margin-top:0px
}
.content.blog .sidebar ul {
	font-family:'Lato', sans-serif;
	font-weight:400;
	font-size:14px;
	margin:0;
	padding:0;
	margin-bottom:30px;
	list-style:none;
	width:100%
}
.content.blog .sidebar ul li {
	margin-left:0;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom-width:1px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
	border-bottom-color:#CCC;
	list-style:none
}
.content.blog .sidebar ul li:before {
	content:""
}
.content.blog .sidebar ul li a, .content.blog .sidebar ul li a:visited {
	text-decoration:none
}
.content.blog .sidebar ul li a:hover {
	text-decoration:underline
}
#searchform {
	margin-bottom:30px;
	background-color:#ebebeb;
	overflow:hidden
}
.content-search #searchform {
	max-width:300px;
}
 @media only screen and (max-width: 767px) {
.content-search #searchform {
 display: none;
}
}
input#s {
	-webkit-appearance:textfield;
	background-color:#ebebeb;
	-webkit-rtl-ordering:logical;
	-webkit-user-select:text;
	cursor:auto;
	padding:7px 10px;
	border:none;
	margin-left:2px
}
.searchbutton {
	background-color:#ce483c;
	color:#fff;
	border:0;
	color:#fff;
	float:right;
	width:32px;
	height:32px
}
.accordion {
	width:90%;
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 992px) {
.accordion {
width:75%;
padding-top:30px;
padding-bottom:30px
}
}

.content .accordion-container .accordion-toggle {
	text-decoration:none;
	
}
.content h3.accordion-title {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	color:#ce483c;
	width:100%;
	margin:0;
	padding:0px;
	padding:10px;
	padding-right:2em;
	margin-bottom:10px;
	border:2px solid #ce483c;
	cursor:pointer;
	position:relative
}
.accordion-title:before {
	content:"\F078";
	font-family:FontAwesome;
	right:5px;
	position:absolute;
	top:5px;
	color:#ce483c
}
.accordion-title:focus {
	outline:none
}
.accordion-title:first-child {
	border:none
}
.accordion-title.open {
	cursor:default
}

/* accordion content */
.accordion-content {
	margin:0;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background-color:#FFF;
	display: none;
}






@media only screen and (min-width: 992px) {
.accordion-content {
padding-left:30px;
padding-right:30px
}
}
@media (max-width: 991px) {
.accordion-content, .accordion-content p, .accordion-content ul li {
font-size:1rem
}
}
@media (min-width: 992px) {
.accordion-content, .accordion-content p, .accordion-content ul li {
font-size:1.6rem
}
}
@media (min-width: 1200px) {
.accordion-content, .accordion-content p, .accordion-content ul li {
font-size:1.5rem
}
}
@media (min-width: 1600px) {
.accordion-content, .accordion-content p, .accordion-content ul li {
font-size:1.6rem
}
}
.content .accordion-content p {
	text-align:left;
	width:100%
}
.accordion-content ul {
	text-align:left;
	margin-top:6px
}
.accordion-content ul li {
	margin-bottom:6px
}
.accordion-content ul li ul {
	margin-top:6px;
	margin-left:2em
}

/* multi color accordion */
.content .multi-color .accordion h3.accordion-title {
	font-size:30px;
	color:#FFF;
	margin-bottom:0px;
	padding-right:10px;
	border:none;
	background-color:#ce483c
}
@media only screen and (min-width: 992px) {
.content .multi-color .accordion h3.accordion-title {
font-size:3.19vw
}
}
.content .multi-color .accordion-container:nth-of-type(2) h3.accordion-title {
background-color:#96a0aa
}
.content .multi-color .accordion-container:nth-of-type(3) h3.accordion-title {
background-color:#6d5b83
}
.content .multi-color .accordion-container:nth-of-type(4) h3.accordion-title {
background-color:#eeba55
}
.content .multi-color .accordion-container .accordion-title:before {
	content:""
}
.multi-color .accordion .accordion-content {
	background-color:#ebebeb
}
.content .faqs h2 {
	font-family:bebas_neuebook
}
.content .faqs h2 strong {
	font-family:bebas_neuebold
}
.content .faqs h3.accordion-title {
	color:#FFF;
	border:2px solid #FFF;
	margin-top:15px;
	margin-bottom:0px;
	text-align:left;
	padding-left:15px;
	padding-right:2em
}
.content .faqs .accordion-title:before {
	content:"\F078";
	font-family:FontAwesome;
	right:5px;
	position:absolute;
	top:5px;
	color:#FFF
}


.content .faqs .accordion-toggle[aria-expanded='true'] .accordion-title:before {
	transform: rotate(180deg);
}


.content .faqs-white .accordion-toggle[aria-expanded='true'] .accordion-title:before {
	transform: rotate(180deg);
}
.content .faqs .accordion-toggle[aria-expanded='true'] .accordion-title{
	background-color:#ce483c;
	border:2px solid #ce483c
}

.content .faqs .accordion-content {
	text-align:left;
	background-color:#ce483c;
	color:#FFF;
	padding-top:5px
}
.content .faqs .accordion-content a:visited {
	color:#FFF
}
.content .faqs .accordion-content a:hover {
	color:#000
}
.logo-icon-top {
	margin-top:80px;
	padding-top:80px;
	padding-bottom:30px;
	position:relative
}
.logo-icon-top.ways2help {
	margin-top:60px
}
@media only screen and (min-width: 768px) {
.logo-icon-top {
padding-bottom:50px
}
}
@media only screen and (min-width: 992px) {
.logo-icon-top {
margin-top:100px
}
.logo-icon-top.ways2help {
margin-top:80px
}
}
.logo-icon-top .logo-icon {
	width:148px;
	height:148px;
	padding:18px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	top:0;
	margin-top:-80px;
	background-color:#FFF;
	border-radius:50%;
	border-radius:74px;
	border:6px solid #ce483c;
	border-right:6px solid white;
	border-bottom:6px solid white;
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg)
}
.logo-icon img {
	-webkit-transform:rotate(135deg)
}
.logo-icon-btm {
	padding-top:30px;
	padding-bottom:30px;
	margin-top:0px;
	position:relative
}
.logo-icon-btm.spaceabove {
	padding-bottom:50px
}
.logo-icon-btm.faqs {
	padding-bottom:50px
}
@media only screen and (min-width: 768px) {
.logo-icon-btm {
padding-bottom:50px
}
.logo-icon-btm.spaceabove {
padding-bottom:70px
}
.logo-icon-btm.faqs {
padding-bottom:70px
}
}
@media only screen and (min-width: 992px) {
.logo-icon-btm {
padding-top:50px
}
.logo-icon-btm.spaceabove {
padding-bottom:90px
}
}
.logo-icon-btm .logo-icon {
	width:148px;
	height:148px;
	padding:18px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	bottom:0;
	margin-bottom:-74px;
	background-color:#2d2f33;
	border-radius:50%;
	border-radius:74px;
	border:6px solid #ce483c;
	border-right:6px solid #2d2f33;
	border-bottom:6px solid #2d2f33;
	-webkit-transform:rotate(-135deg)
}
.logo-icon-btm .logo-icon.fullcircle {
	width:148px;
	height:148px;
	padding:18px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	bottom:0;
	margin-bottom:-74px;
	background-color:#2d2f33;
	border-radius:50%;
	border-radius:74px;
	border:6px solid #ce483c
}
.be-safe-block {
	padding-top:30px;
	padding-bottom:30px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c;
	background-color:#ebebeb;
	text-align:left
}
@media only screen and (min-width: 992px) {
.be-safe-block {
padding-top:50px
}
}
.content .be-safe-block h2:first-of-type {
	border-bottom:2px solid #ce483c
}
.be-safe-block h2 {
	font-family:'Lato', sans-serif;
	font-size:24px;
	font-weight:400;
	line-height:110%;
	border:none;
	border-bottom:2px solid #ce483c;
	text-align:left;
	color:#ce483c;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-bottom:15px
}
@media only screen and (min-width: 992px) {
.be-safe-block h2 {
font-size:3vw;
padding-bottom:15px;
margin-bottom:15px
}
}
.be-safe-block h2 strong {
	text-transform:uppercase;
	font-weight:900
}
.be-safe-block h2 span {
	display:block
}
.content .be-safe-block p {
	font-style:italic;
	color:#ce483c;
	text-align:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:15px
}
.content .be-safe-block .btn.outline-red, .content .be-safe-block .btn.outline-red:visited {
	border-color:#ce483c;
	color:#ce483c
}
.content .be-safe-block .btn.outline-red:hover {
	color:#FFF
}
.faqs {
	background-color:#2d2f33;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c;
	border-bottom-width:8px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c
}
.content .faqs h2 {
	color:#96a0aa;
	margin:0px;
	margin-top:0px;
	padding:0px
}
.thankyou-block {
	background-color:#ebebeb;
	text-align:left;
	padding-top:100px;
	padding-bottom:50px;
	overflow:hidden
}
.content .thankyou-block h2 {
	font-family:bebas_neuebook;
	font-size:48px;
	text-align:left;
	margin:0;
	padding:0;
	margin-top:15px
}
@media only screen and (min-width: 768px) {
.content .thankyou-block h2 {
margin-top:0px
}
}
@media only screen and (min-width: 992px) {
.content .thankyou-block h2 {
font-size:6vw
}
}
.content .thankyou-block h2 strong {
	font-family:bebas_neuebold
}
.content .thankyou-block p {
	text-align:left;
	width:100%
}
.cta {
	text-align:center;
	color:#FFF
}
.cta .inner {
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle
}
.cta h2 {
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-size:8.7vw;
	line-height:1;
	padding-left:15px;
	display:table-cell;
	vertical-align:middle;
	height:100%;
	padding-top:15px;
	padding-bottom:15px
}
@media only screen and (min-width: 768px) {
.cta .bg-red, .cta .icons {
height:120px
}
.cta h2 {
font-size:3.75vw;
text-align:left;
padding:0;
padding-left:15px
}
.cta h2 strong {
display:block
}
}
@media only screen and (min-width: 992px) {
.cta .bg-red, .cta .icons {
height:170px
}
}
@media only screen and (min-width: 1200px) {
.cta h2 {
padding-left:20px
}
}
@media only screen and (min-width: 1600px) {
.cta h2 {
font-size:64px;
padding-left:25px
}
}
.cta .icons .inner {
	text-align:center
}
.cta h3 {
	font-family:'francois_oneregular';
	font-size:20px;
	font-size:5vw;
	text-transform:uppercase;
	letter-spacing:-.03em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	color:#FFF;
	margin:0px;
	padding:0px;
	position:relative;
	line-height:100%;
	display:table-cell;
	vertical-align:middle;
	height:100%;
	padding-top:20px;
	padding-bottom:20px
}
@media only screen and (min-width: 375px) {
.cta h3 a {
padding-left:5px;
padding-right:5px
}
}
@media only screen and (min-width: 768px) {
.cta h3 {
font-size:30px;
font-size:3.02vw
}
.cta h3 a {
padding-left:15px;
padding-right:15px;
display:inline
}
}
@media only screen and (min-width: 992px) {
.cta h3 {
font-size:30px;
font-size:3.02vw
}
}
@media only screen and (min-width: 1200px) {
.cta h3 {
font-size:38px
}
.cta h3 a {
padding-left:20px;
padding-right:20px
}
}
@media only screen and (min-width: 1600px) {
.cta h3 {
font-size:45px
}
.cta h3 a {
padding-left:25px;
padding-right:25px
}
}
.cta h3 img {
	height:30px;
	width:auto;
	display:inline;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px
}
@media only screen and (min-width: 768px) {
.cta h3 img {
height:60px;
display:inline
}
}
@media only screen and (min-width: 992px) {
.cta h3 img {
height:100px
}
}
@media only screen and (min-width: 1600px) {
.cta h3 img {
height:100px
}
}
footer {
	padding-top:40px;
	padding-bottom:80px;
	border-top-width:8px;
	border-top-style:solid;
	border-top-color:#ce483c;
	border-bottom-width:8px;
	border-bottom-style:solid;
	border-bottom-color:#ce483c;
	color:#FFF;
	background-color:#96a0aa
}
footer .col {
	padding-bottom:15px
}
@media (min-width: 768px) {
.row.wide-gutter [class*='col-']:not(:first-child):not(:last-child) {
padding-right:50px;
padding-left:50px;
border-left-width:2px;
border-left-style:solid;
border-left-color:#FFF;
border-right-width:2px;
border-right-style:solid;
border-right-color:#FFF
}
}
footer .btn.outline-red:first-of-type {
	margin-right:10px
}
@media (min-width: 768px) and (max-width: 1200px) {
footer .btn.outline-red {
display:block;
width:175px;
margin-bottom:10px;
text-align:center;
padding-left:0;
padding-right:0
}
}
footer p {
	line-height:1.5em;
	text-transform:uppercase;
	text-align:center
}
@media (min-width: 768px) {
footer p {
text-align:left
}
}
footer p.center {
	text-align:center
}
footer p.attribution {
	font-size:70%;
	letter-spacing:.02em;
	opacity:.9;
	font-weight:700
}
footer .address {
	padding-top:20px;
	padding-bottom:20px
}
@media (min-width: 768px) {
footer .col {
padding-bottom:30px
}
}
footer .footer-nav ul {
	list-style:none;
	color:#FFF;
	margin-bottom:40px;
	text-align:center
}
@media (min-width: 1400px) {
footer .footer-nav ul {
text-align:left;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2
}
footer .footer-nav ul > * {
-webkit-column-break-inside:avoid;
column-break-inside:avoid
}
footer .footer-nav ul > * {
display:inline-block;
width:100%
}
}
footer .footer-nav ul li {
	margin-bottom:10px
}
footer .footer-nav ul li a {
	font-size:1.25rem;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700
}
@media (min-width: 1200px) {
footer .footer-nav ul li a {
font-size:1.25rem
}
}
footer .footer-nav ul li a:visited {
	color:#FFF
}
footer .footer-nav ul li a:hover {
	color:#ce483c;
	text-transform:uppercase;
	font-weight:700
}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:18px;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	-moz-border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	-khtml-border-radius:20px 20px 20px 20px;
	color:#FFFFFF
}


.icon .fa {
	font-size:24px;
	/*position:absolute;
	left:3px;
	top:8px*/
}

/*
.icon.social.fb .fa {
	left:10px
}
.icon.social.in .fa {
	left:7px;
	top:6px
}
.icon.social.tw .fa {
	left:7px
}*/
.row.social {
	text-align:center
}
.icon.social {
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
	background:none;
	color:#ce483c;
	transition:0.15s;
	-moz-transition:0.15s;
	-webkit-transition:0.15s;
	-o-transition:0.15s;
	border:2px solid #ce483c
}
@media only screen and (min-width: 768px) {
.row.social {
text-align:left
}
.icon.social {
float:left
}


}

footer .icon.social {
float: none
}

footer .row.social {
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	
}

 @media only screen and (min-width: 768px) {

footer .row.social {

	justify-content:flex-start;
	
}


}


footer .social.icon {
	-js-display: inline-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .social a:link {
	color:#ce483c
}
footer .social a:visited {
	color:#ce483c
}
footer .social a:hover, footer .social a:hover>.fa,
footer .social a:focus, footer .social a:focus >.fa {
	color:#FFF;
}
.icon.social:hover {
	background:#ce483c;
	color:#FFF;
	transition:0.2s;
	-moz-transition:0.2s;
	-webkit-transition:0.2s;
	-o-transition:0.2s
}
footer .logo {
	text-align:center;
	width:60%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px
}
@media only screen and (min-width: 992px) {
footer .logo {
width:60%
}
}
footer h2, footer .h4 {
	font-family:'bebas_neuebold';
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:24px;
	margin-bottom:15px
}
footer .mannalogo {
	text-align:center;
	width:75%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px
}


/* footer chowmatch button */



footer .chowmatch-btn .dropdown-menu {
	left:15px;
	min-width:inherit;
	width:73%;
	margin-left:0;
	
	min-width:inherit;
}



/* animations */


.preload * {
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-ms-transition:none !important;
	-o-transition:none !important
}
.fade-in {
	opacity:0;
	animation:fadeIn ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:1s;
animation-delay:.2s
}
.slide-in {
	opacity:0;
	animation:slideInLeft ease-in 1;
	animation-fill-mode:forwards;
animation-duration:.2s;
animation-delay:.2s
}