@charset "UTF-8";
/* CSS Document */

body { margin: 0 0; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 400; color: #4d5866; background-color:#fff; text-align: center; }

p { font-family: 'Roboto Slab', serif; font-weight: 300; line-height: 1.65em; font-size: 18px; }
p.large { font-size: 1.5em; line-height:1em; }

h1.hero-title { font-size: 2.5em; text-align: center; color: #fff; font-weight: 400; margin: 0 auto 4em; }
h2.hero-subtitle { font-size: 1.25em; text-align: center; letter-spacing: 0.15em; text-transform: uppercase; color: #fff; font-weight: 400; }
.bold { font-weight: 700; }

h2.announce { font-size: 1.75em; text-align: center; text-transform: uppercase; color: #662d90; font-weight: 400; }
h2.partner { font-size: 1.75em; text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 0.15em; line-height:1em; }

h2 { font-weight: 400; line-height: 1.5em; }

hr.ltgray { border-top: 3px solid #eaedf0; border-bottom: 0; border-left: 0; border-right:0; text-align:center; margin: 2em auto; width: 100px; }
hr.dkgray { border-top: 3px solid #eaedf0; border-bottom: 0; border-left: 0; border-right:0; text-align:center; margin: 2em auto; width: 100px; }
hr.blue { border-top: 3px solid #05406f; border-bottom: 0; border-left: 0; border-right:0; text-align:center; margin: 2em auto; width: 100px; }


#hero { width: 100%; height: 800px; background: url(../img/afhero.jpg) no-repeat center center; background-size: cover; background-attachment:fixed; position: relative; }
.herogd { position:absolute; top:0; left:0; width: 100%; height: 100%; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.4+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */

}
.hero-container { width: 100%; height: auto; display: block; text-align: center; padding: 0 0 0; margin: 0 auto; }
.tall-logo { width: 250px; height: 400px; margin: 0 auto 6em; }
.tall-logo img { width:auto; height: 400px; }


#wrap, .wrap { width: 100%; height:auto; display: block; padding: 6em 0; margin: 0 auto; overflow: auto; }

.container-600 { width: 600px; height: auto; display: block; margin: 0 auto; }
.container-720 { width: 720px; height: auto; display: block; margin: 0 auto; }
.container-550 { width: 550px; height: auto; display: block; margin: 0 auto; }
.container-1280 { width: 1280px; height: auto; display: block; margin: 0 auto; }
.container-spacer { margin-bottom: 4em !important; }
.teaserimg { padding: 4em 0 0; }
.mailing-container { width: 720px; height: auto; display: block; margin: 0 auto; color: #fff; }
.partners-list { width: 370px; height: auto; display: block; margin: 2em auto 6em; }

#ctawrap { width: 100%; height:auto; display: block; padding: 1em 0; margin: 0 auto; }

#ctawrap::after, #teaserwrap::after {
    content:"";
    display:block;
    clear:both;
}

#teaserwrap { width: 100%; height:auto; display: block; padding: 6em 0 4em; margin: 1em auto 0; }

.whitebg { background-color: #fff; }
.ltgraybg { background-color: #eaedf0; }
.tealbg { background-color: #39c0ce; }
.dkgraybg { background-color: #4d5866; }
.white { color: #fff !important; }
.teal { color: #39c0ce !important; }

.teaser { width: 400px; height: 400px; float:left; margin: 0 40px 0 0; position: relative; }
.teaser-last { width: 400px; height: 400px; float:left; margin: 0 0 0 0; position: relative; }
.teaser img, .teaser-last img { width: 100%; height:auto; }
.teaser-tag { position:absolute; left: 0; top: 45%; padding: 15px; background-color:#fff; font-weight: 700; letter-spacing: 0.15em; text-transform:uppercase; }

.arrow { display: none; }

/* ----- Services ----- */
.one-fourth { width:25%; height: auto; display: block; float: left; text-align: center; }
.one-fourth img { margin: 0 auto 0.5em; width: auto; height: 120px;}
.services-tag { font-weight: 700; letter-spacing: 0.15em; text-transform:uppercase; color: #fff; text-align: center; }

/* ----- Corporate ----- */
.corpbg { background: url(../img/corp_scene.jpg) no-repeat center bottom; background-size:cover; height: 640px; }
.corpsub { font-weight: 300; letter-spacing: 0.15em; text-transform:uppercase; text-align: center; }

/*---- MAILING LIST - CUSTOMERS ----*/

#mc_embed_signup { font-family: 'Raleway', sans-serif; width:100%;}

.float-left { float:left; margin: 0 0 0 1em; }
.signuptext { margin: 1em 1em 0 1em; }

#mc-embedded-subscribe.email { display: inline-block; }

#mc-embedded-subscribe.button { background: #939aa2; color: #fff; border-radius: 0; border: 0; padding: 13px 18px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 1.25em; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; }

a.button2 { background: #662d90; color: #fff; border-radius: 0; border: 0; padding: 13px 18px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 1.15em; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; text-decoration: none; margin: 1em auto; }
a.button2:hover { background: #4d226c; }

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    padding: 15px;
    border: 1px solid #eaedf0;
    border-image: initial;
	display: block; 
	font-size: 1em;
	float: left;
}

input, textarea, keygen, select, button {
    text-rendering: auto;
    font-family: 'Raleway', sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
	float: left;
}
input[type=email] { width: 280px; }


footer { width: 100%; height:auto; display: block; padding: 4em 0 2em; margin: 0 auto; border-bottom: 3px solid #afb2b4; text-align: center; }

ul.social { list-style: none; display: inline; text-align: center; padding: 0; margin: 0; }
ul.social li { width: 35px; height: 35px; margin: 0 10px; display: inline-block; }
ul.social li img { width: 35px; height: auto; }

ul.social li a:hover img { opacity:0.8; 
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear; }

.footer-logo { margin: 2em auto; }
.footer-logo  img { width: auto; height: 80px; }
.copyright { font-size: 0.75em; color: #717984; }



@media all and (min-width: 1280px) { 
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; } 
  .arrow { display: none; }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px)  {
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
  
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) 
and (-webkit-min-device-pixel-ratio: 2) {
  @viewport { zoom: 0.5; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
  
}

@media only screen and (min-width: 985px) and (max-width: 1024px)  {
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media only screen and (min-width: 984px) and (max-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
  @viewport { zoom: 0.5; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}


@media only screen and (min-width: 768px) and (max-width: 984px) 
and (-webkit-min-device-pixel-ratio: 2) {
  @viewport { zoom: 0.5; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 984px) {
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media only screen and (min-width: 600px) and (max-width: 767px) 
and (-webkit-min-device-pixel-ratio: 2) {
  @viewport { zoom: 0.5; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
  }

@media only screen and (min-width: 480px) and (max-width: 599px) 
and (-webkit-min-device-pixel-ratio: 2){
  @viewport { zoom: 0.5; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  @viewport { width: 1300px; zoom: 1; }
  body { width: 100%; min-width: 1300px; }
  .arrow { display: none; }
}

@media (max-width:480px) and (min-width:319px) {
	@viewport {		width: 419px;	zoom: 1; }
	body { width: 100%; min-width: 420px !important; margin: 0 0; }
	#hero { width: 100%; height: 630px; background: url(../img/afhero-sm.jpg) no-repeat center center; background-size: auto 100%; background-attachment:scroll; position: relative; }
	.hero-container { width: 380px; padding: 0 0 0; }
	.tall-logo { height: 300px; margin: 0 auto 6em; }
	.tall-logo img { width:auto; height: 300px; }
	h1.hero-title { font-size: 2em; margin: 0 auto 2em; }
	h2.hero-subtitle { font-size: 1em;}
	
	.arrow { display:block; width: 100%; height: 35px; text-align: center; }
	.arrow img { width: auto; height: 35px; text-align: center; }	
	
	hr.ltgray, hr.dkgray {  width: 80px; }
	
	#wrap, .wrap { width: 100%; height:auto; display: block; padding: 3em 0; margin: 0 auto; }

  	.container-600, .container-550, .container-1280, .container-720 { width: 380px; }
  .mailing-container { width: 420px; height: auto; display: block; margin: 0 auto; color: #fff; }
  .partners-list { width: 420px; height: auto; display: block; margin: 2em auto 6em; }
  .center { float: none; text-align:center; }
	.one-fourth { width: 50%; }
	.services-tag { font-size: 0.85em; padding-bottom: 1.5em; }
	.one-fourth img { margin: 0 auto 0.25em; width: auto; height: 95px;}
	.corpbg { background: url(../img/corp_scene_mobile.jpg) no-repeat center bottom; background-size:100% auto; height: 680px; }
	.corpsub { line-height:1.25em;}
  
  .teaser { width: 100%; height: 300px; float:none; margin: 0 auto 40px; position: relative; }
.teaser-last { width: 100%; height: 300px; float:none; margin: 0 auto; position: relative; }
.teaser img, .teaser-last img { width: auto; height:300px; }
input, textarea, keygen, select, button {float: left;}
input[type=email] { width: 200px; margin-left: 1.5em; }
button {margin-left: 1em; }
.signuptext { margin: 1em 1em 1em 1em; }
	
}