* {
	margin: 0;
	padding: 0;
}

@font-face {
    font-family: "Brandon-Bold";
    src: url('fonts/Brandon_bld.otf');
    font-weight: bold;
}

@font-face {
    font-family: "Brandon-Medium";
    src: url('fonts/Brandon_med.otf');
    font-weight: bold;
}

@font-face {
    font-family: "Brandon-Light";
    src: url('fonts/Brandon_light.otf');
    font-weight: bold;
}

section#top {
	width: 100%;
	height: auto;
	position: relative;
}

section#top img {
    width: 100%;
}

section#team {
	background-color: #506ec3;
	width: 100%;
    padding: 50px 0 35px 0;
    margin-top: 40px;
}

section#signup {
	height: auto;
/*	margin-top: 30px;*/
	position: relative;
	text-align: center;
}
section#signup img {
	width: 100%;
}

section#footer {
	background-color: #3F464E;
	width: 100%;
    margin-top: -6px;
    padding: 30px 0;
}
body {
	background-image: url('bg_2.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-size: 100%;
}
.container {
	max-width: 1100px;
	margin: 0 auto;
}
.header_container {
	margin: 40px auto;
	overflow: hidden;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.affiliate li {
    margin: 5px 0;
}
.sponsors img {
    height: 45px;
}
ul.main li a {
    margin: 0 5px;
    border: 0 !important;
}

div.logo {
	float: left;
    margin-top: 2px;
}

nav#main {
	position: absolute;
	left: 0;
	height: auto;
	width: 100%;
    top: 0;
}

nav#main > .header_container > ul.main {
	margin-top: 20px;
}

nav#main > .header_container > ul.main > li {
	list-style: none;
	display: inline-block;
	transition: background-color .5s, color .5s;
	border-radius: 4px;
}

nav#main > .header_container > ul.main > li:hover {
	background-color: rgb(255,244,213);
	color: #384F8E;
}

nav#main > .header_container > ul.main > li:hover > a {
	color: #384F8E;
}

nav#main > .header_container > ul.main > li > a {
	text-decoration: none;
	color: white;
	font-weight: lighter;
	padding: 5px 10px 8px;
	font-family: "Brandon-Medium";
	font-size: 20px;
}

.content_list {
	overflow: hidden;
}

.content_list > li {
	float: left;
	list-style: none;
	width: 33.3%;
	text-align: center;
}

.content_list > li p {
	color: #506EC3;
	font-family: "Brandon-Medium";
	font-size: 31px;
}

.content_list > li span {
	display: block;
	color: #8993A1;
	padding: 5px 20px;
	font-family: "Brandon-Light";
}

.content_list.team > li {
	width: 25% !important;
}

.content_list.team.passion > li {
	width: 20% !important;
}

.content_list.team > li img {
    width: 200px;
    margin-top: 15px;
}

.content_list.team.passion > li img {
    width: 160px;
    margin-top: 15px;
}

.content_list.team > li h3 {
	color: #fff;
    font-size: 20px;
	padding: 0;
    margin: 0 0 5px 0;
	font-family: "Brandon-Light";
}

.content_list.team > li h2 {
	color: #ffe392;
	font-family: "Brandon-Medium";
	font-size: 31px;
}

.content_list.team.passion > li h2 {
	font-size: 26px;
}

.content_list.team.passion > li h3 {
	font-size: 16px;
}

.content_list.team > li span {
	color: rgba(255,255,255,.75);
    font-size: 15px;
	font-family: "Brandon-Light";
}

.btn {
	background-color: #FEDE81;
    padding: 10px 40px 10px!important;
    font-family: "Brandon-Bold";
    text-decoration: none;
    color: #384F8E;
    font-size: 20px;
    border-radius: 10px;
}

.footer_button {
	margin: 0 auto;
	text-align: center;
}
.footer_container {
    overflow: hidden;
}
.footer_container ul li:first-child {
    list-style: none;
    display: inline-block;
    padding-left: 15px;
}
.footer_container ul li:first-child a {
    text-decoration: none;
    color: #9E9E9E;
    font-family: "Brandon-Light";
    font-size: 15px;
    border-bottom: 1px solid;
}

.close-animatedModal, .close-animatedModal1 {
	text-align: right;
	color: white;
}

.close-animatedModal i, .close-animatedModal1 i {
	font-size: 45px;
}

.modal-content {
	box-shadow: none!important;
	border: 0!important;
	border-radius: 0!important;
	background-color: transparent!important;
	padding: 5em 20em!important;
}

a.sign_in {
    position: absolute;
    top: 52%;
    left: 58%;
	border-radius: 10px;
	font-size: 1.5em;
}
.fa.fa-bars { 
	display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 30px;
    color: white;
}
a.sign_in.sign_in_two {
    position: absolute!important;
    top: 27%!important;
    left: 47%!important;
    margin-left: -115px!important;
}

.modal-text {
     color: #8993a1;
     text-align: center;
}

input#email {
    position: absolute;
    top: 52%;
    margin-left: 0;
    left: 28%;
    FONT-SIZE: 1.5em;
    line-height: 1.42857143;
    border-radius: 10px;
    padding: 10px 20px 10px 20px!important;
    width: 29%;
    min-width: 182px;
	border: none;
}
input#email:focus {
	outline:none;
}
#submitform-success {
    position: absolute;
    top: 60%;
    left: 45%;
    border-radius: 10px;
    font-size: 1.5em;
    color:#f1f1f1;
}

p.powered {
	font-family: "Brandon-Light";
	text-decoration: none;
    color: #9E9E9E;
    font-size: 15px;
    margin-right: 15px;
}

p.powered a {
	border-bottom: 1px solid;
}
img.svg {
	width: 25px;
	margin-left: 17px;
}

@media screen and (max-width: 991px) {
    .content_list.team > li img {
        width: 150px;
        margin-top: 15px;
    }
    .content_list.team.passion > li img {
        width: 120px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 650px) {
    section#team {
        background-color: #506ec3;
        width: 100%;
        padding: 30px 0;
        margin-top: 40px;
    }
	.content_list > li {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.content_list.team > li {
		width: 100% !important;
	}
	.content_list.team.passion > li {
		width: 100% !important;
	}
    .content_list.team.passion > li img {
        width: 160px;
    }
	img.logo {
		position: absolute;
	    left: 5px;
	    top: 5px;
	    width: 50px!important;
        z-index: 1;
	}
	a.sign_in {
        position: absolute;
	    top: 58%;
	    margin-left: -106px;
	}
	.btn {
	    padding: 4px 24px 4px!important;
	    font-size: 10px!important;
	}
	.fa.fa-bars { 
		display: block;
	}
	nav#main > .header_container > ul.main {
		display: none;
	}
	.container {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	nav#main > .header_container > ul.main {
		width: 100%;
	}

	nav#main > .header_container > ul.main {
	    width: 100%;
	    background-color: #506EC3;
	    text-align: center;
	    margin-top: 0;
	    top: 0;
	    position: absolute;
	    padding-top: 35px;
	    box-shadow: 2px 2px 55px black;
	}
	nav#main > .header_container > ul.main > li {
	    display: block;
	    border-radius: 0;
	}
	nav#main > .header_container > ul.main > li > a {
		width: 100%;
		display: block;
	}
	a.sign_in.sign_in_two {
		margin-left: -80px!important;
	}
	input#email {
		padding: 4px 24px 4px!important;
	    font-size: 10px!important;
	    top: 46%;
	    left: 50%;
	    margin-left: -91.5px;
	}
	.modal-content {
		padding: 2em!important;
	}
}

@media screen and (max-width: 570px) {
	a.sign_in {
	    top: 61%;
        margin-left: -97px;
	}
}

@media screen and (max-width: 470px) {
	a.sign_in {
	    top: 72%;
	    margin-left: -53px;
	    left: 50%;
	}
}