@font-face {
    font-family: 'kabel_bdnormal';
    src: url('../fonts/kabelbn-webfont.eot');
    src: url('../fonts/kabelbn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kabelbn-webfont.woff') format('woff'),
         url('../fonts/kabelbn-webfont.ttf') format('truetype'),
         url('../fonts/kabelbn-webfont.svg#kabel_bdnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'intro_inlineregular';
    src: url('../fonts/intro_inline-webfont.eot');
    src: url('../fonts/intro_inline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/intro_inline-webfont.woff') format('woff'),
         url('../fonts/intro_inline-webfont.ttf') format('truetype'),
         url('../fonts/intro_inline-webfont.svg#intro_inlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/gilroy-light-webfont.eot');
    src: url('../fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-light-webfont.woff') format('woff'),
         url('../fonts/gilroy-light-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-light-webfont.svg#gilroylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroyextrabold';
    src: url('../fonts/gilroy-extrabold-webfont.eot');
    src: url('../fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
         url('../fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/gilroy-extrabold-webfont.svg#gilroyextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{}
body{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0;}
a{text-decoration:none;}
h1, h2, h3, h4, h5{-webkit-font-smoothing: antialiased;}
.clear{clear:both;}
#container{ position:relative;  margin:0 auto;}
.wrapper{margin:0 auto; position:relative; clear:both;}
input{-webkit-border-radius:0; border-radius:0; -webkit-appearance:none;}

header{ background:#FFF; z-index:99; positon:fixed; width:100%; border-bottom:20px solid #02458a; clear:both; height:119px;}

#logo{ float:left;width:40%; background:#FFF url(../images/aca-logo.jpg) no-repeat center center; height:118px;}

nav{ width:60%; background:#02458a; float:right;font-family: 'gilroyextrabold';}
nav h3{ color:#96a4c4; text-transform:uppercase; font-size:24px; line-height:37px; padding: 0 30px; margin:8px 0;}
nav h3 span{ color:#FFF; font-size:36px; margin-left:50px;}
nav ul{ border-top:3px solid #FFF; background:#bdbec0; margin:0; padding:0; width:100%; list-style:none; height:59px;}
nav li{ float:left; width:33%; text-align:center;}
nav a{ display:block; height:59px; line-height:59px; color:#000; text-transform:uppercase;}
nav a:hover{ background:#99999a;}

.panel{ position:relative;}
#running{ background:#FFF url(../images/panel1.jpg) no-repeat center 30%; height:800px; background-size:cover;}
#running .wrapper{height:100%;}
#running h1{font-family: 'gilroyextrabold'; text-transform:uppercase; max-width:768px; font-size:115px; color:#FFF;text-shadow: 1px 1px 8px #222; line-height:100px; margin:0; padding:100px 0 0 30px;font-weight:normal;}
#running h1 .lg{ font-size:90px;}
#running h1 .sm{ font-size:140px; letter-spacing:18px;}
#running ul{ color:#8f1907; font-size:18px; margin:40px 0 0 20px;}
#running ul p{ color:#012b55;}
#running .vid{ margin: 30px 0 0 30px; width:640px; height:360px;}
#running .vid iframe{ width:100%; height:100%;}
div.form{ position:absolute; right:20px; top:16%; width:305px; padding:10px 25px; background:#012b55; color:#FFF;}
.form h3{font-size:32px; margin:10px 0;font-family: 'gilroyextrabold'; text-transform:uppercase;}
.form input[type=text]{width:300px; height:35px; margin:0 0 10px; background:#ddecfc; font-size:16px;border:0; text-indent:5px;}
.form .row{ margin:5px 0 10px;}
.form .row p{ font-size:14px; width:69%; float:left; margin:5px 0;}
.form input[type=submit]{ background:#02458a; color:#FFF; font-weight:bold; width:100%; height:50px; font-size:24px; text-align:center; border:none; margin-bottom:10px; cursor:pointer;}
.form input[type=submit]:hover{ background:#1c67b5; }

#quote{position:absolute; bottom:20px; left:0; background:rgba(0,0,0,.6); padding:20px; width:60%;}
#quote h6, #quote p{color:#FFF; margin:0;}
#quote h6{font-size:12px;}
#quote p{text-align:right; font-size:10px;}

input[type=radio]{display:none; margin:10px;}
input[type=radio] + label{display:inline-block; margin:-2px; padding: 8px 12px; background-color: #ddecfc; border-color: #ddd; color:#02458a;}
input[type=radio]:checked + label{background-image: none; background-color:#02458a; color:#FFF;}

#career{ background:#012b55; height:460px; color:#FFF; padding:120px 0; font-size:18px;}
#career h1{font-family: 'gilroyextrabold'; font-size:42px; text-transform:uppercase; color:#FFF;line-height:48px; margin:0;font-weight:normal;}
#career p{ font-weight:bold;}
#career ul p{ font-weight:normal; margin:10px 0;}
#career p a{color:#FFF;}
#career p a:hover{color:#ec8d26;}
#career h4 a{color:#FFF; font-size:24px;font-family: 'gilroyextrabold'; text-transform:uppercase;}
#career .custom-career{width: 50%;float: left;}
#career .vid{width: 47%;float: right; }
#career .vid iframe{ width:100%;height:360px; margin-bottom:20px;}

a.signup, a.download{ width:100%; height:60px; display:block;text-align:center; text-transform:uppercase;font-family: 'gilroyextrabold';}
a.signup{ background:#0374e5; color:#FFF; font-size:32px; line-height:2em;}
/*a.download{ background:url(../images/careerlink-2.jpg) no-repeat center center; top:270px; font-size:26px; color:#8f1907; line-height:36px; padding-top:30px;}
a.download .org{color:#e97e22; font-size:23px;}
a.download .lg{font-size:46px; display:block;}*/
/*a.application {position: relative; top:auto; margin-left: 15px;}
a.applicationDownload {position: absolute; background:#02458a; width:100%; height:30px; font-size:24px; text-align:center; padding-top: 5px; padding-bottom: 5px;}*/

#testimonials{ background:#FFF; padding:120px 0; font-size:18px; color:#48463f;}
#testimonials img{ float:left;margin-right:90px;}
#testimonials p{ font-style:italic; line-height:42px; font-size:36px; margin-top:50px; padding-top:30px;}
#testimonials h1{font-family: 'gilroyextrabold'; font-size:32px; text-align:right; font-weight:normal; margin-bottom:0; text-transform:uppercase;}
#testimonials h3{ text-align:right; font-family: 'gilroylight'; font-size:18px; font-weight:normal; margin:0; font-style:italic;}
#testimonials .vid{ width:50%; float:left;margin-right:0; }
#testimonials .vid iframe{ width:100%; height:360px;}
#testimonials .quote{float:left; width:50%;}
#testimonials .quote p{margin-left:40px; font-family: 'gilroylight'; background:#DDD; padding:30px; -webkit-border-radius:10px; border-radius:10px; margin-top:0; position:relative;}
#testimonials .quote p:after{ position:absolute; content:''; bottom:-30px; right:60%;width: 0; height: 0; border-top: 30px solid #DDD; border-left: 30px solid transparent;}

/*#money{ background:#bcc8b0 url(../images/panel4.jpg) no-repeat top center; height:770px; color:#243713; background-size:100%;}
#money h1{font-family: 'gilroyextrabold'; font-size:48px; font-weight:normal; margin:0; padding:25px 0 0 50px;}
#money .bar{ background:#243713;}
#money h3{color:#FFF;padding:10px 0 10px 50px; font-weight:normal;}*/

.slider{ width:70%; margin:0 auto;}
.bxslider img{ width:100%;}
/*.level{width:505px; padding:10px 25px; background:#243713; color:#FFF; margin:60px auto;}
.level form{ padding:15px 0;}
.level h3{font-size:35px; margin:10px 0;}
.level input[type=text]{width:444px; height:48px; font-size:18px; float:left;border:0;}
.level .row{ margin:5px 0 10px; height:85px;}
.level .row p{ font-size:20px; margin:5px 0;}
.level label{ float:left;width:50px; height:50px; background:#bdc9af; color:#243713; font-size:24px; text-align:center; line-height:50px;}
.level .button{ background:#8ea17d; color:#FFF; font-weight:bold; width:100%; height:150px; font-size:24px; text-align:center; border:none; margin-bottom:10px; cursor:pointer; position:relative; z-index:1;}
.level .button p{ font-size:42px; line-height:44px; margin:0; padding-top:12px;}
.level .button p .lg{ font-size:66px; display:block;}
.level .button p .sm{color:#243713; font-size:22px; display:block;}
.level input[type=submit]{ background:none; text-indent:-9999px; width:505px; height:150px; position:absolute; z-index:2; border:none; top:0; left:0; cursor:pointer;}
.level .button:hover{ background:#67814f; }*/

/*#points{ background:#243713 url(../images/panel5.jpg) no-repeat top center; height:300px; color:#FFF;}
#points a{color:#FFF;}
#points a:hover{color:#bdc9af;}
#points h2{font-family: 'gilroyextrabold'; font-size:60px; font-weight:normal; margin:0; padding:50px 0 0 50px; line-height:65px;}
#points h2 .sm{ font-size:43px; display:block;}
#points h2 .lg{font-size:96px; display:block;}*/

#commissions{ background:#314453 url(../images/panel6.jpg) no-repeat bottom center; background-size:cover; padding-bottom:40px; text-align:center;}
#commissions h2{font-family: 'gilroyextrabold';font-size:70px; font-weight:normal; margin:0; padding:50px 0 0 0; line-height:55px; text-transform:uppercase; color:#FFF;}
#commissions h3{font-family: 'gilroylight'; font-size:42px; letter-spacing:2px;font-weight:normal; text-transform:uppercase; margin:0; padding:20px 0 0 0; line-height:42px; color:#DDD;}

#running2{ background:url(../images/panel7-2017.jpg) no-repeat bottom center; height:800px; background-size:cover;}
#running2 h1, #running2 h3, #running2 h4, #running2 h5{ text-align:center; font-family: 'gilroyextrabold'; font-weight:normal; margin:0; text-transform:uppercase;}
#running2 h1{font-size:70px; line-height:70px; color:#97231a; padding:50px 0 0;}
#running2 h3{font-size:48px; line-height:48px; color:#012b55;font-family: 'gilroylight'; letter-spacing:10px;}
#running2 h4{font-size:28px; line-height:30px; color:#97231a; text-align:center; margin:30px 0;}
/*#running2 h5{font-size:28px; line-height:30px; color:#97231a; text-align:center; margin-bottom:15px;}*/
#running2 h6{font-size:32px; line-height:36px; margin:10px 0;text-transform:uppercase;}
#running2 div.form{ margin:0 auto; width:355px;  background:none; position:relative; top:auto; right:auto;}
#running2 div.formwide{background:#012b55; color:#FFF; text-align:left; padding-bottom:15px; width:1000px; margin: 0 auto; margin-top: 50px;}
#running2 div.formwide a{ color:#ddecfc;}
#running2 form{background:#012b55; padding:10px 25px; color:#FFF;}

#backtop{ position:absolute; bottom:15px; right:0; width:50px; height:50px; text-align:center; color:#000; background:#FFF; opacity:.6; font-size:12px; padding:18px 12px 0;}
#backtop:hover{ opacity:1;}

footer{ color:#FFF; background:#012b55; font-size:12px; padding:10px 0;}
footer p{ margin:0 0 0 30px;}

.formcont{ position:relative;}



@media screen and (min-width: 1200px) {
	.wrapper{ max-width:1200px; margin:0 auto;}
	.wrapper1{max-width: 800px; margin:0 auto;}
	header{ background:#FFF url(../images/header.jpg) no-repeat top center;}
}

@media screen and (max-width: 1280px) {
	#career, #testimonials{padding-left:40px; padding-right:40px;}
}

@media screen and (max-width: 1200px) {
	.wrapper{ width:100%; margin:0}
	.wrapper1{ width: 100%; margin:0}
	nav h3{ color:#96a4c4; text-transform:uppercase; font-size:20px; line-height:36px; padding: 0 30px; margin:8px 0;}
	nav h3 span{ color:#FFF; font-size:32px; margin-left:50px;}
	#running2{height:auto; background:#ffffe7 url(../images/panel7-2017-small.jpg) no-repeat bottom center; background-size:cover;}
	#running2 h1{font-size:60px;}
	#running2 div.form{position:relative; top:auto;}
	
	#running h1 .lg{ font-size:75px;}
	#running h1 .sm{ font-size:110px;}
}

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

	.formview{ display:block;}
	.show_hide{ display:none;}
}
@media screen and (max-width: 1024px) {
	header{ height: 135px;}
	nav h3{ font-size:20px;}
	nav h3 span{font-size:28px; margin-left:20px;}
	nav h3 a{color:#FFF; display:inline;}
	nav ul{height:78px;}
	nav a{ height:78px; line-height:78px;}
	div.form{right:0;}
	#running .vid{ width:540px; height:304px;}
	a.signup, a.download{ right:20px; }
	#testimonials p{line-height:36px; font-size:24px;}
	#testimonials h1{font-size:42px;}
	#money{ height:600px;}
	.level label{ height:56px;}
	.level input[type=text]{width:400px;}
	#running2{background:url(../images/panel7-2017-tab.jpg) no-repeat bottom center; background-size:cover;}
	#running h1, #career h1, #testimonials h1, #money h1, #points h2, #commissions h3, #running2 h1, #running2 h3, #running2 h4, #running2 h5{-webkit-transform: translate3d(0,0,0);}
	#running2 h1, #running2 h3, #running2 h4, #running2 h5{ text-align:center; font-family: 'gilroyextrabold';  margin:0;font-weight: normal;}
	#running2 h1{font-size:66px; line-height:70px; color:#97231a; padding:20px 0 0;}
	
	#running, #commissions{background-size:150%;}
	
}
@media screen and (min-width: 641px) and (max-width: 1023px)  {

	.formview{ display:block;}
	.show_hide{ display:none;}
	a.signup{right:0;}
}


@media screen and (min-width: 641px) and (max-width: 930px)  {
	#career h1, #testimonials h1{font-size:38px;}
	#career ul{padding-left:20px; font-size:.9em;}
	nav h3{ font-size:18px;}
	nav h3 span{font-size:24px; margin-left:20px;}
}

@media screen and (max-width: 960px)  {
	#running h1{line-height:60px;}
	#running h1 .lg{font-size:60px;}
	#running h1 .sm{font-size:84px;}
	#testimonials .vid{margin:0 auto; width:auto; float:none; max-width:560px;}
	#testimonials .quote{margin:20px auto 0; width:auto; float:none; max-width:560px;}
	#testimonials .quote p{margin-left:0;}
	#commissions h2{font-size:60px;}
	#commissions h3{font-size:36px;}
	#running2 h1{font-size:56px;}
	#running2 h3{font-size:36px;}
}

@media screen and (max-width: 880px)  {
	#running h1 .lg{font-size:50px;}
	#running h1 .sm{font-size:64px;}
}

@media screen and (max-width: 830px)  {
	nav h3 span{font-size:20px; margin-left:15px;}
	#logo{ background-size:80%;}	
}

@media screen and (max-width: 768px)  {
	header{ height:119px;}
	#running {height:600px; padding-bottom:50px}
	#running h1{width:530px; font-size:75px; line-height:75px; margin:0; padding:50px 0 0 30px;font-weight:normal;}
	#running h1 .lg{ font-size:36px;}
	#running h1 .sm{ font-size:62px; letter-spacing:1px;}
	#quote{width:40%;}
	#running .vid{ width:360px; height:203px;}
	
	#career .custom-career, #career .vid{float:none; width:auto;}
	
	#commissions h2{font-size:48px; line-height:auto;}
	#commissions h3{font-size:24px; padding:0; margin-bottom:20px;}
	.level input[type=text]{ width:436px;}
	.level .button p{margin-top:0;}
	#running2 h1{ font-size:48px;}
	#running2 h3{ font-size:36px;}

	#career{ height:100%;}
	#running2 h1{font-size:42px;}
	#running2 h3{font-size:24px;}
	#running2 h4{font-size:18px;}
}

@media screen and (min-width: 708px) and (max-width: 768px) {
	.slidingnav{ display:block;}
	nav h3{ font-size:18px; padding-left:15px;padding-right:10px; line-height:36px; margin:0;}
	nav h3 span{font-size:18px; margin-left:1px;}
}

@media screen and (min-width: 641px) and (max-width: 707px)  {
	nav h3{ padding:3px 0 3px 5px; font-size:16px;}
	nav h3 span{font-size:16px;}
	nav li a{ line-height:24px;}
}
@media screen and (max-width: 640px) {
		#running h1{font-family: 'gilroyextrabold'; width:auto; font-size:115px; color:#FFF;text-shadow: 1px 1px 8px #8C8C8C; line-height:60px; margin:0; padding:50px 0 0 30px;font-weight:normal; text-align:center;}
	#running h1 .lg{ font-size:48px;}
	#running h1 .sm{ font-size:72px;}
	.formview, .slidingDiv{ display:none;}
	.show_hide{ display:block;}
	#logo{ width:100%;float:none;}
	nav{ width:100%; background:#02458a; float:none;}
	.navcont{ position:relative; z-index:99; margin:0;}
	.navcont a.show_hide{ position:absolute; right:10px; top:-90px; width:60px; height:60px; background:url(../images/menunav.jpg) no-repeat top center; text-indent:-9999px;}

	nav ul{height:100%;}
	nav h3{ margin:0;}
	nav li{ float:none; width:100%; text-align:center; border-bottom:1px solid #666;}
	nav a{ display:block; height:60px; line-height:60px; color:#000;}
	div.form{ position:relative; right:0; top:0; z-index:1; width:100%; padding:10px 0;}
	#running div.form{top:auto; position:absolute; bottom:-50px;}
	div.form h3{ margin:0 auto; font-size:24px; text-align:center;}
	#running{ height:600px; background-size: cover;}
	#running ul{ margin-top:60px;}
	
	#quote{ width:auto; right:20px; left:20px; bottom:80px;}
	
	#career h1{font-size:32px;}
	.formcont{margin:15px;}
	.formcont a.show_hide{ position:absolute; width: 100px; height:50px; bottom:-60px;left:38%; text-indent:-9999px; background:url(../images/tab.png) no-repeat 0 0;}
	.formcont a.close{ display:none;}
	.form input[type=text] { width:100%; text-indent:5px}
	
	#running2{background:url(../images/panel7-2017-mobile.jpg) no-repeat bottom center; background-size:cover; padding-bottom:200px;}
	#running2 h1{ font-size:36px;}
	#running2 h3{ font-size:18px; letter-spacing:5px;}
	#running2 h4{font-size:18px;}
	#running2 h5{font-size:24px; margin-bottom:20px;}
	
	#career .custom-career{width:100%; float:none;}
	#career .vid, #testimonials .vid{float:none; width:100%;}
	
	#commissions h2{font-size:36px;}
	#commissions h3{font-size:18px;}
}

@media screen and (max-width: 480px) {
	nav h3{ font-size:14px; text-align:center;}
	nav h3 span{ line-height:18px;}
	#running h1{width:auto; font-size:65px;line-height:65px; margin:0; padding:30px 0 0 10px;}
	#running h1 .lg{ font-size:72px;}
	#running h1 .sm{ font-size:60px;}
	#running .vid{ margin:60px 0 0 0; width:320px; height:180px;}
	#logo{ width:75%; background-size:100%;}
	div.form{ position:relative; right:0; top:0; z-index:1; width:100%; padding:10px 0;}
	div.form h3{ margin-left:10px; font-size:20px}
	
	#running ul{padding-left:10px;}
	.formcont{margin:0 15px;}
	.formcont a.close{ display:none;}
	.form input[type=text] { width:95%; text-indent:5px;}
	#career{padding:70px 15px;}
	
	#commissions h2{font-size:32px;}

	#running2 h1 { font-size:24px; line-height:28px;}
	#running2 h4{font-size:20px;}
	#running2 h5{font-size:14px; margin-bottom:20px;}
	#running2 h6{font-size:28px; line-height:36px; margin:10px 0;}
	#running2 div.form{ right:0; position:relative; top:0; width:100%;}
	#running2 div.form form{width:72%; margin:0 auto;}
	#running2 div.form input[type=text]{ width:96%;}
	
	.bx-wrapper .bx-prev{left:-40px !important;}
	.bx-wrapper .bx-next{right:-40px !important;}
	
	#backtop{ display:none;}
}

@media screen and (max-width: 320px) {
	nav h3{padding:0 15px; font-size:12px;}
	nav h3 span{font-size:16px;}
	#testimonials .quote p{font-size:18px;}
	#running2 h6{font-size:24px;}
	.form .row p{width:59%;}
}