/*-------- Button, Font, and List styles ---------*/

button, .button{
	text-transform:uppercase;
	background-color: #ED3C33;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 11px;
	border: none;
	width:125px;
	padding: 8px 0px;
}
.button{
    position:absolute;
    text-align:center;
}
.button:hover, .button:active, .button:visited{
    color:#fff;
}
.button-big{
	text-transform:uppercase;
	background-color: #ED3C33;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	border: none;
	text-align: center;
    width: 300px;
    
    margin: 0 auto;
    font-size: 20px;
    
}
.button-big a{
    width: 300px;
    display: block;
    padding: 10px;
    text-align: center;
    color: white;
    font-weight: bold;
    line-height: 25px;
}

h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #808285;
}

h2{
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 35px;
	color: #414042;
	margin: 0px 0px;
}

h3{
	text-transform:uppercase;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #6D6E71;
}

h4{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 19px;
	color: #414042;
	margin: 15px 0px;
}

h5{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 28px;
	color: #ED3C33;
	margin: 0px 0px;
}

h6{
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 28px;
	color: #6D6E71;
	margin: 60px 0px;
}

p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #6D6E71;
}


a , a:hover{
	text-decoration: none;
}

ul, li{
	list-style: none;
}

/*-------- "Index" CSS Styles ---------*/

#top-spacer{
	height: 8px;
	background-color: #ED3C33;
}

#main-nav{
	margin-top: 38px;
	margin-right: -35px;
}

#main-nav a{
	text-transform:uppercase;
	color: #6D6E71;
}

#main-nav a:hover{
	color: #ED3C33;
}

#main-nav li{
	float: right;
	padding-right: 35px;
}

.dropdown-nav{
	display: none;
}

.dropdown-nav-content{
	display: none;
	height: 0;
}

.dropdown-nav-content li {
	text-align: center;
	padding-bottom:10px;
}

.dropdown-nav-content li a{
	font-size: 14px;
	color: #6D6E71;
	text-transform: uppercase;
}

.dropdown-nav-content li a:hover{
	color: #ED3C33;
}

#top-nav-content{
	height: 100px;
}

#main-call-action{
	height: 550px;
	background-image: url("images/callActionBgImage.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#main-call-action h2{
	width: 500px;
	color: #414042;
	/*text-shadow: 0px 0px 5px white, 0px 0px 10px white, 0px 0px 15px white, 0px 0px 30px white, 0px 0px 45px white;*/
}
#main-call-action h5{
	font-weight: 700;
}

#main-call-action p{
	width: 350px;
	color: #808285;
	/*text-shadow: 0px 0px 15px white, 0px 0px 15px white, 0px 0px 15px white, 0px 0px 30px black, 0px 0px 45px white;*/
}

#main-call-action img{
	margin-top: -10px;
}

#main-call-action button{
	margin-top: 10px;
}

.action-banner-content{
	margin-top: 150px;
}

#sub-header-join{
	background: linear-gradient(to right, white, #F1F2F2);
	background: -webkit-linear-gradient(left, white,#F1F2F2);
	background: -o-linear-gradient(right, white, #F1F2F2);
	background: -moz-linear-gradient(right, white, #F1F2F2);
	height: 98px;
}

#join-action{
	margin-top: 25px;
}

#join-action img{
	margin-top: 16px;
} 

#join-action button, #join-action .button{
	margin-top: 8px;
}

#about-icons-section{
	height: 410px;
}

.icons-container{
	position: relative;
	height: 250px;
	margin-top: 75px;
}

.icon-blocks{
	height: 275px;
}

.icon-blocks p{
	width: 90%;
	font-size: 13px;
	color: #808285;
}

.learnMoreBtn{
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 11px;
	color: #ED3C33;
	position: absolute;
	bottom: 0;
}

#recommendations-section{
	height: 480px;
}

.recommend-slider{
	overflow: hidden;
	margin: 0;
	width: 100%;
}

.recommend-slider h6{
	color: #ED3C33;
}

.recommend-slider h4{
	color: #ED3C33;
}

.recommend-slider h1{
	text-shadow: 0px 0px 2px #f1f2f2, 0px 0px 5px #f1f2f2, 0px 0px 10px #f1f2f2;
}

.recommend-slider p{
	font-size: 13px;
	margin-top: -10px;
}

.slick-arrow {
	z-index: 9999;
}

.slick-prev {
	margin-left: 30%;
}

.slick-next {
	margin-right: 30%;
 }

.slide-block img{
	display: block;
    margin-left: auto;
    margin-right: auto
}

#statistics-section{
	background: #ED3C33;
	height: 155px;
	text-align: center;
}

#statistics-section p, #statistics-section h2{
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 150px;
}

.stats-row{
	margin-top: 20px;
}

#info-section{
	height: auto;
	margin-bottom: 50px;
}

#info-section p{
	font-size: 13px;
}


#info-section h6{
	margin-bottom: 0px;
}

#info-section button{
	margin-top: 25px;
}

.info-title{
	text-align: center;
}

#info-section  ul{
	padding-left: 0;
	margin-top: 0;
}

#info-section  li{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #808285;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer;
	width: auto;
}

#info-section  li span{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #808285;
	cursor: pointer;
	width: auto;
}

#info-section  li span:hover{
	color: #ED3C33;
}

.info-blocks{
    margin-top: 35px;
	position: relative;
}

.info-blocks li span{
	position: relative;
}

.info-blocks li span:hover .tooltip{
	display: block;
}


#info-section .info-blocks .tooltip p{
	padding: 0px 10px;
	color: white;
	width: 300px;
	text-align: center;
}

.info-blocks .tooltip{
    display: none;
    width: 300px;
    background-color: #ED3C33;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -150px;
}


.info-blocks .tooltip::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
	margin-bottom: 5px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #ED3C33 transparent transparent transparent;
}

.info-blocks .tooltip{
	display: none;
	z-index: 9999;
}

#main-footer{
	background: #414042;
	height: 335px;
}

#main-footer h4{
	color: white;
}

#main-footer p{
	color: #808285;
	font-size: 13px;
	width: 88%;
}

#main-footer img{
	margin-right: 5px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#main-footer ul{
	padding-left: 0;
	margin-top: 0;
}

#main-footer li{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #808285;
	cursor: pointer;
	width: auto;
}

#main-footer li span{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #808285;
	cursor: pointer;
	width: auto;
}

#main-footer li span:hover{
	color: white;
}

.footer-blocks{
	height: 185px;
	position: relative;
}

.footer-blocks button, .footer-blocks .button, .social-icons{
	position: absolute;
	bottom: 0;
}

.footer-row{
	margin-top: 50px;
}

.footer-blocks li span{
	position: relative;
}

.footer-blocks li span:hover .tooltip{
	display: block;
}


#main-footer .footer-blocks .tooltip p{
	padding: 0px 10px;
	color: white;
	width: 300px;
	text-align: center;
}

.footer-blocks .tooltip{
    display: none;
    width: 300px;
    background-color: #ED3C33;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -150px;
}


.footer-blocks .tooltip::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
	margin-bottom: 5px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #ED3C33 transparent transparent transparent;
}

.footer-blocks .tooltip{
	display: none;
	z-index: 9999;
}

/*-------- "About Page" CSS Styles ---------*/

.action-banner-content-about{
	margin-top: 75px;
}

#aboutpg_top_section{
	height: 420px;
	background-image: url("images/aboutUsBgImage.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aboutpg_top_section p{
	font-size: 13px;
}

#aboutpg_middle_section{
	height: 530px;
	background-image: url("images/aboutUsRedBgImage.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#aboutpg_middle_section p{
	font-size: 13px;
	color: white;
	width: 93%;
}

#aboutpg_middle_section h4{
	color: white;
}

#aboutpg_history_section{
	height: auto;
	background: linear-gradient(to right, white, #F1F2F2);
	background: -webkit-linear-gradient(left, white,#F1F2F2);
	background: -o-linear-gradient(right, white, #F1F2F2);
	background: -moz-linear-gradient(right, white, #F1F2F2);
}

#aboutpg_history_section p{
	font-size: 13px;
	width: 93%;
	text-align: center;
}

#aboutpg_history_section a{
	cursor: pointer;
	color: #ED3C33;
}

.history-block {
    margin-bottom: 50px;
}

#aboutpg_bottom_section{
	height: 500px;
	background-color: white;
}

#aboutpg_bottom_section h4{
	color: #ED3C33;
}

.team-block{
	text-align: center;
}

/*-------- "Contact Page" CSS Styles ---------*/

#contactpg_top_section{
	height: 265px;
	background-image: url("images/contactUsBgImage.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align: center;
}


#success-message {
	color: #33cc00;
	display: none;
}

#error-message {
	color: #ED3C33;
	display: none;
}

#contactpg_middle_section{
	height: auto;
	margin-bottom: 50px;
	background-color: white;
}

#contactpg_middle_section h6{
	color: #ED3C33;
}

#contactpg_middle_section p{
	font-size: 13px;
}

#contactpg_middle_section form label{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #6D6E71;
	padding-left: 0;
	margin: 10px 0px;
}

#contactpg_middle_section form input{
	border: 1px solid #BCBEC0;
	width: 500px;
	height: 30px;
	padding-left: 5px;
}

#contactpg_middle_section form textarea{
	border: 1px solid #BCBEC0;
	resize: none;
	width: 625px;
	height: 90px;
	padding-left: 5px;
	padding-top: 5px;
}

#contactpg_middle_section .submitBtn{
	text-transform:uppercase;
	background-color: #ED3C33;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 11px;
	margin-top: 15px;
	border: none;
	width:125px;
	padding: 8px 0px;
}

.mid-sect-right{
	border-left: 1px solid #BCBEC0;
}	

.mid-sect-right p,.mid-sect-right img{
	padding-left: 35px;
}

#contactpg_bottom_section{
	height: 175px;
	background: linear-gradient(to right, white, #F1F2F2);
	background: -webkit-linear-gradient(left, white,#F1F2F2);
	background: -o-linear-gradient(right, white, #F1F2F2);
	background: -moz-linear-gradient(right, white, #F1F2F2);
}

#contactpg_bottom_section p{
	font-size: 13px;
}

.email-section{
	margin-top: 45px;
	text-align: center;
}

.c-title{
	font-weight: 700;
	color: #414042;
}

.c-info{
	color: #ED3C33;
}

/*-------- Tablet Media Query ---------*/


@media (max-width: 992px) {

	.dropdown-nav{
		display: none;
	}
	
	.dropdown-nav-content{
		display: none;
	}

	#about-icons-section{
		height: auto;
		padding-bottom: 30px;
	}
	
	#sub-header-join{
		height: auto;
		padding-bottom: 30px;
		background: #F1F2F2;
		text-align: center;
	}
	
	#join-action img{
		margin-top: 0px;
	}
	
	#about-icons-section{
		height: auto;
		padding-bottom: 30px;
	}
	
	.icons-container{
		text-align: center;
		margin-top: 0px;
	}
	
	.icon-blocks{
		margin-top: 55px;
		height: 235px;
		width: 100%;
	}
	
	.icon-blocks p{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.icon-blocks a{
		position: relative;
	}
	
	#recommendations-section{
		height: auto;
		padding-bottom: 30px;
	}
	
	.recommend-slider h1{
		font-size: 16px;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.slick-prev {
		margin-left: 5%;
	}

	.slick-next {
		margin-right: 5%;
	}
	
	#statistics-section{
		height: auto;
		padding-bottom: 55px;
		text-align: center;
	}
	
	.stat-block{
		margin-top: 35px;
	}
	
	#statistics-section p, #statistics-section h2{
		margin-left: auto;
		margin-right: auto;
	}
	
	#info-section{
		height: auto;
		padding-bottom: 55px;
	}
	
	.info-blocks{
		margin-top: 45px;
	}
	
	.info-blocks p, .info-blocks h4{
		width: 290px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.info-row{
		margin-top: -45px;
	}
	
	.action-banner-content-about{
		margin-top: 75px;
	}
	
	#aboutpg_middle_section{
		height: auto;
		padding-bottom: 55px;
	}
	
	#aboutpg_bottom_section{
		height: auto;
	}
	
	.about-block-last{
		margin-top: 55px;
	}
	
	.team-block{
		margin-bottom: 55px;
	}
	
	#contactpg_middle_section{
		height: auto;
		padding-bottom: 55px;
		text-align: center;
	}
	
	#contactpg_middle_section form input{
		width: 90%;
	}

	#contactpg_middle_section form textarea{
		width: 90%;
	}
	
	#contactpg_middle_section h6{
		text-align: center;
	}
	
	.g-recaptcha{
		width: 304px;
		margin: 0 auto;
	}
	
	#contactpg_bottom_section{
		height: auto;
		padding-bottom: 20px;
	}
	
	.mid-sect-left{
		width: 100%;
	}
	
	.mid-sect-right{
		width: 100%;
		margin-top: 55px;
		border: none;
		text-align: center;
	}
	
	.mid-sect-right p, .mid-sect-right img{
		padding-left: 0px;
	}
	
	.email-block{
		margin-bottom: 35px;
	}
	
	.email-block p{
		text-align: center;

	}
	
	#main-footer{
		height: auto;
		padding-bottom: 55px;
	}
	
	.footer-blocks{
		height: 150px;
		text-align: center;
		margin-top: 25px;
	}
	
	.footer-blocks p{
		margin-left: auto;
		margin-right: auto;
	}
	
	.footer-blocks button,.footer-blocks .button, .social-icons{
		position: relative;
	}
}
/*-------- Mobile Media Query ---------*/

@media (max-width: 768px){

	.dropdown-nav{
		display: block;
		float: right;
	}

	.dropdown-nav-content{
		display: none;
		height: auto;
    	padding-bottom: 15px;
		padding-top: 20px;
		border-top: 1px solid #F1F2F2;
	}

	#main-header-nav-container{
		display: none;
	}
	
	#top-nav-content{
		height:auto;
	}

	.main-logo{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#main-call-action{
		background-image: url("images/callActionBgImageMedium.jpg");
		height:auto;
		padding-bottom: 30px;
	}
	
	#main-call-action h2{
		width: auto;
	}

	#main-call-action p{
		width: 220px;
	}

	.action-banner-content{
		margin-top: 150px;
	}

	#sub-header-join{
		height: auto;
		padding-bottom: 30px;
		background: #F1F2F2;
		text-align: center;
	}
	
	#join-action img{
		margin: 8px 0px;
	} 
	
	#about-icons-section{
		height: auto;
		padding-bottom: 30px;
	}
	
	.icons-container{
		text-align: center;
		margin-top: 0px;
	}
	
	.icon-blocks{
		margin-top: 55px;
		height: 235px;
	}
	
	.icon-blocks p{
		margin-left: auto;
		margin-right: auto;
	}
	
	.icon-blocks a{
		position: relative;
	}
	
	#recommendations-section{
		height: auto;
		padding-bottom: 30px;
	}
	
	.recommend-slider h1{
		font-size: 16px;
	}
	
	.slick-prev {
		margin-left: 5%;
	}

	.slick-next {
		margin-right: 5%;
	}
	
	#statistics-section{
		height: auto;
		padding-bottom: 55px;
		text-align: center;
	}
	
	.stat-block{
		margin-top: 35px;
	}
	
	#statistics-section p, #statistics-section h2{
		margin-left: auto;
		margin-right: auto;
	}
	
	#info-section{
		height: auto;
		padding-bottom: 55px;
	}
	
	.info-blocks{
		margin-top: 45px;
	}
	
	.info-blocks p, .info-blocks h4{
		width: 290px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.info-row{
		margin-top: -45px;
	}
	
	#aboutpg_middle_section{
		height: auto;
		padding-bottom: 55px;
	}
	
	#aboutpg_bottom_section{
		height: auto;
	}
	
	.about-block-last{
		margin-top: 55px;
	}
	
	.team-block{
		margin-bottom: 55px;
	}
	
	#contactpg_middle_section{
		height: auto;
		padding-bottom: 55px;
		text-align: center;
	}
	
	#contactpg_middle_section h6{
		text-align: center;
	}
	
	#contactpg_bottom_section{
		height: auto;
		padding-bottom: 20px;
	}
	
	#contactpg_middle_section form input{
		width: 90%;
	}

	#contactpg_middle_section form textarea{
		width: 90%;
	}

	.mid-sect-left{
		border: none;
		text-align: center;
	}
	
	.mid-sect-right{
		margin-top: 55px;
		border: none;
		text-align: center;
	}
	
	.mid-sect-right p, .mid-sect-right img{
		padding-left: 0px;
	}
	
	.email-block{
		margin-bottom: 35px;
	}
	
	.email-block p{
		text-align: center;

	}
	
	#main-footer{
		height: auto;
		padding-bottom: 55px;
	}
	
	.footer-blocks{
		height: 150px;
		text-align: center;
		margin-top: 25px;
	}
	
	.footer-blocks p{
		margin-left: auto;
		margin-right: auto;
	}
	
	.footer-blocks button,.footer-blocks .button, .social-icons{
		position: relative;
	}
	
}