body { font-family:Verdana,Tahoma,sans-serif; font-size:1.1em; font-weight:400; color:#282828; background-color:#ffffff; }
img { max-width:100%; }
/*input { border-style:solid; border-color:#ffc4b8 #18bb9b #18bb9b #ffc4b8; }*/
a:link { color:#ffffff; text-decoration:none; }
a:active { color:#ffc4b8; text-decoration:none; }
a:hover { color:#681628; text-decoration:none; }
a:visited { color:#884858; text-decoration:none; }
p { padding-bottom:20px; }
.btn { margin:20px 0; padding:3px 12px; color:#ffffff; font-family:'Open Sans', sans-serif; background-color:#3388dd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.btn:link { color:#ffffff; }
.btn:hover { background-color:#03488d; color:#ffffff; }
.btn:active { background-color:#3388dd; color:#ffffff; }
.btn:visited { color:#ffffff; }
.csswinner { position:fixed; top:45%; left:0px; z-index:999; }
.cssdesign { position:fixed; top:55%; left:0px; z-index:999; }
/* MENU */
.menu { position:fixed; top:0px; width:100%; height:auto; background-color:#222222; z-index:100; }
#logo { text-align:left; margin:10px 0 0 0; }
#nav { text-align:right; margin:25px 0 0 0; }
.navigation { float:right; font-family:'Open Sans', sans-serif; font-size:0.9em; color:#388eee; list-style:none; margin:0; }
.navigation li { float:left; padding:0 0 0 55px; }
.navigation li:hover { cursor:pointer; color:#ffffff; }
.navigation .active { cursor:pointer; color:#388eee; font-weight:bold; }
.slide { background-attachment:fixed; width:100%; height:auto; position:relative; padding:100px 0; }
/* SLIDE 1 HOME */
#slide1 { background-image:url('images/bg_homewhite.png'); background-color:#ffffff; line-height:1.8em; color:#000000; }
#slide1 h1 { font-size:1.8em; color:#000000; line-height:1.2em; font-weight:700; }
#main span{ font-weight:bold; }
.mainfs { font-size:1.3em; }
#lgnpc { text-align:center; }
#joinAAB { width:90%; color:#000000; }
#social { position:relative; top:120px; }
.hide { max-height:0px; font-size:0; display:none; }
.btnm { margin:20px 0; padding:3px 12px; color:#ffffff; font-family:'Open Sans', sans-serif; font-size:1.5em; background-color:#3388dd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.btnm:link { color:#ffffff; }
.btnm:hover { background-color:#03488d; color:#ffffff; }
.btnm:active { background-color:#3388dd; color:#ffffff; }
.btnm:visited { color:#ffffff; }
/* SLIDE 2 MEMBERS */
#slide2 { background-image:url('images/bg_homewhite.png'); background-color:#ffffff; line-height:1.3em; color:#000000; }
#slide2 h1 { font-family:'Open Sans', sans-serif; font-size:3.3em; letter-spacing:-3px; line-height:0px; color:#383838; font-weight:700; }
#slide2 h2 { font-size:2em; color:#680328; line-height:0px; padding-bottom:20px; font-weight:400; }
#slide2 h3 { font-size:2em; color:#000000; line-height:1em; font-weight:700; }
#who { text-align:left; }
#who span{ color:#680328; font-size: 1.5em; }
.btnwho { margin:20px 0; padding:8px 28px; color:#ffffff; background-color:#883848; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.btnwho:link { color:#ffffff; }
.btnwho:hover { background-color:#681628; color:#ffffff; }
.btnwho:active { background-color:#681628; color:#ffffff; }
.btnwho:visited { color:#ffffff; }
/* SLIDE 3 CONTACT */
#slide3 { background-image:url('images/bg_homewhite.png'); background-repeat:no-repeat; background-color:#ffffff; line-height:1.3em; color:#000000; }
#slide3 h1 { font-family:'Open Sans', sans-serif; font-size:3.3em; letter-spacing:-3px; line-height:0px; color:#383838; font-weight:700; }
#slide3 h2 { font-size:2em; color:#8a8683; line-height:0px; padding-bottom:20px; font-weight:400; }
#aabtal { min-height:800px; text-align:center; padding:5px; }
/* SLIDE 4 SIGN IN */
#slide4 { background-image:url('images/bg_homewhite.png'); background-repeat:no-repeat; background-color:#ffffff; line-height:1.3em; color:#000000; }
#slide4 h1 { font-family:'Open Sans', sans-serif; font-size:3.8em; letter-spacing:-3px; line-height:0px; color:#000000; font-weight:700; }
#slide4 h2 { font-family:'Open Sans', sans-serif; font-size:2em; color:#000000; font-weight:700; }
#slide4 h3 { font-size:1.6em; line-height:1.1em; color:#383838; font-weight:300; }
#local { background-color:#bbb8b8; border:solid 2px #681628; padding:15px; font-size:1em; line-height:1.1em; }
/* FOOTER */
.footer { position:fixed; bottom:0px; width:100%; max-height:38px; padding:8px; background-color:#2888dd; opacity:0.9;
filter:alpha(opacity=90); font-size:0.8em; text-align:center; color:#dddddd; z-index:100; }

/* TABLET */
@media screen and (max-width: 800px) {
#logo { width:100%; text-align:center; }
#nav { width:100%; text-align:center; margin:10px 0; }
.navigation{ width:100%; float:center; list-style:none; margin:0; padding:0; }
.navigation li{ float:left; width:25%; padding:0; }
.navigation li.download{ display:none; }
.btnm { font-size:1em; }
#main { width:100%; text-align:center; }
#mleft { width:100%; text-align:left; }
#who { width:100%; text-align:center; }
#decorative { display:none; }
.hide { max-height:none !important; font-size:15px !important; display:block !important; }
.mainfs { font-size:1.5em; }
.slide{ background-attachment:fixed; width:100%; position:relative; padding:150px 0; }
#slide1 h1 { font-size:1.8em; line-height:1.1em; }
#slide2 h1 { line-height:1em; }
#slide2 h2 { line-height:1em; }
#slide3 h1 { line-height:0em; }
#slide3 h2 { line-height:1.2em; }
#slide4 h1 { line-height:1em; }
#slide4 h2 { line-height:1em; }
#slide4 h3 { line-height:1em; }
}

/* MOBILE */
@media only screen and (max-width: 568px) { .footer { display:none; } }

@media only screen and (max-width: 480px) {
p { padding-bottom:10px; }
.csswinner{ display:none; }
.cssdesign{ display:none; }
#logo { width:100%; text-align:center; margin:3px 0 0 0; }
#nav { width:100%; margin:2px 0 0 0; }
.navigation{ width:100%; float:left; list-style:none; margin: 0; padding:0; }
.navigation li{ float:left; width:25%; }
.slide{ background-attachment:fixed; width:100%; position:relative; padding:99px 0; }
#lgnpc { display:none; }
.hide { max-height:none !important; font-size:15px !important; display:block !important; }
.mainfs { font-size:1em; }
#joinAAB { width:100%; color:#000000; }
#slide1{ background-color:#ffffff; line-height:1.2em; color:#222222; }
#slide1 h1 { font-size:1.5em; line-height:1.1em; }
#slide2 h1 { line-height:1em; }
#slide2 h2 { line-height:1em; }
#slide2 h3 { line-height:1.3em; font-size:1em; }
#slide3 h1 { font-size:2em; line-height:1em; }
#slide3 h2 { line-height:1em; }
#slide4 h1 { line-height:0.5em; font-size:2.3em; }
#slide4 h2 { line-height:0.3em; font-size:1.8em; }
#slide4 h3 { line-height:1em; font-size:1.5em; }
}