@font-face {font-family:'CharlesModern';font-weight:normal;font-style:normal;
    src:url('../fonts/CharlesModern-Regular.woff') format('woff'),
    url('../fonts/CharlesModern-Regular.ttf') format('truetype');
}
@font-face {font-family:'CharlesModernBold';font-weight:bold;font-style:normal;
    src:url('../fonts/CharlesModern-Bold.woff') format('woff'),
    url('../fonts/CharlesModern-Bold.ttf') format('truetype');
}
@font-face {font-family:'CharlesModernLight';font-weight:300;font-style:normal;
    src:url('../fonts/CharlesModern-Light.woff') format('woff'),
    url('../fonts/CharlesModern-Light.ttf') format('truetype');
}

html,body{margin:0; padding:0;}

#aha-root, #aha-root *{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#aha-root{width:100%; max-width:1440px; margin:0 auto !important; background-color:#ffffff; font-family:Arial, sans-serif; color:#000; font-size:14px;}
#aha-root a{color:#026D97; text-decoration:none;}
#aha-root a:hover{text-decoration:underline;}
#aha-root ul{margin-left:15px;}
#aha-root .clearfix:after {content: ".";visibility:hidden; display:block; height:0; clear:both;}

#aha-root .inner{position:relative; overflow:hidden; margin:0 auto; height:100%; width:100%;}

#aha-root #hero{width:100%; height:725px; background:url('../images/hero_1440.jpg') no-repeat center; background-size:1440px 725px;}
#aha-root #hero > .inner{width:960px;}
#aha-root #hero-mobile{display:none;}
#aha-root #hero-logo{display:block; position:absolute; top:0; left:5px;}

#aha-root #hero-headline{position:absolute; top:140px; left:5px; width:310px; height:310px; background-color:#037dae;}
#aha-root #hero-headline .inner{width:100%; padding:28px;}
#aha-root #hero-headline h1{font-size:34px; line-height:41px; color:#ffffff; font-weight:normal; font-family:CharlesModernLight,Arial,sans-serif;}
#aha-root #hero-headline h1 span{display:block; margin-top:16px;}

#aha-root .login-area{background-color:#E6E6E6; padding:10px 0;}
#aha-root .login-area .inner{width:960px;}
#aha-root .login-area-frame{width:586px; float:left; background-color:#f7f7f7; padding:15px 20px;}
#aha-root .login-area label{font-size:11px; color:#000000;}
#aha-root .login-area label.greet{font-size:12px; font-weight:bold; margin-bottom:0;}
#aha-root .login-area-extra{float:right; width:310px; padding-top:30px;}
#aha-root .login-area a.forgot{font-size:11px;}
#aha-root .login-area hr{margin-bottom:10px; color:#98A4AE; border-width:1px 0 0 0;}
#aha-root .login-area a.button{display:inline-block; padding:5px; text-align:center; color:#fff; background-color:#037DAE; font-size:11px;}
#aha-root .login-area a.button:hover{text-decoration:none;}
#aha-root .login-area p.legal{color:#000; font-size:11px; line-height:13px; margin-top:10px;}
#aha-root .login-area iframe{width:546px; height:55px; border:none; overflow:hidden;}

#aha-root #content{}
#aha-root #content .inner{width:960px; padding:30px 5px;}

#aha-root #content #main-copy{float:left; width:580px; font-size:18px; line-height:24px;}
#aha-root #content #main-copy .icon{float:left; width:44px; text-align:center;}
#aha-root #content #main-copy .copy{width:auto; padding-left:12px; overflow:hidden;}
#aha-root #content #main-copy h2{margin-bottom:10px; font-size:20px; font-family: CharlesModernBold, Arial, sans-serif;}
#aha-root #content #main-copy .middle{margin:36px 0; padding:36px 0; border-width:1px 0; border-style:solid; border-color:#98A4AE;}

#aha-root #content #right-channel{float:right; width:310px;}
#aha-root #content #right-channel .questions{padding:30px 32px 32px; background-color:#037dae; color:#ffffff;}
#aha-root #content #right-channel .questions h2{font-size:28px; line-height:28px; margin-bottom:10px; font-weight:normal; font-family:CharlesModernLight,Arial,sans-serif;}
#aha-root #content #right-channel .questions p{font-size:17px; line-height:22px;}
#aha-root #content #right-channel .questions a{color:#ffffff !important;}

#aha-root #content #right-channel .webcast{margin:15px 0; padding:20px; border:1px solid #D9D9D9; background-color:#FCFCFC; overflow:hidden;}
#aha-root #content #right-channel .webcast .copy{}
#aha-root #content #right-channel .webcast .copy .title{font-size:12px; line-height:15px; font-family:CharlesModernBold, Arial, sans-serif; color:#000;}
#aha-root #content #right-channel .webcast .copy .title img{vertical-align:middle;}
#aha-root #content #right-channel .webcast .copy h2{margin:6px 0 8px; font-size:22px; line-height:26px; font-weight:normal; font-family:CharlesModern,Arial,sans-serif; color:#037dae;}
#aha-root #content #right-channel .webcast .copy p{font-size:14px; line-height:18px; font-family:CharlesModern, Arial, sans-serif; color:#000;}
#aha-root #content #right-channel .webcast a.button{display:block; width:87px; margin-top:14px; text-align:center; font-size:16px; line-height:40px; font-family:CharlesModernLight,Arial,sans-serif; color:#fff; background-color:#037dae;}

#aha-root #footer{padding-bottom:30px;}
#aha-root #footer .inner{width:960px; padding:0 5px;}
#aha-root #footer #tagline{text-align:right; padding-right:82px;}
#aha-root #footer-links{margin:15px 0 34px;}
#aha-root #footer-links a{font-size:12px; line-height:14px; color:#000;}
#aha-root #footer .copy{font-size:11px; line-height:14px;}
#aha-root #footer .copy p{margin-bottom:10px;}

@media screen and (max-width:1000px) {
    #aha-root{width:768px;}
    #aha-root #hero{height:auto; background-size:768px auto; background-position:0 0; background-image:url('../images/hero_768.jpg'); background-repeat:no-repeat;}
    #aha-root #hero > .inner{width:100%; padding-top:487px;}
    #aha-root #hero-logo{width:60px; height:60px; position:absolute; top:0; left:72px;}
    #aha-root #hero-headline{position:absolute; top:90px; left:72px; margin-top:0;}

    #aha-root .login-area iframe{width:312px; height:100px;}
    /*#aha-root .login-area{position:static; width:auto; height:auto;}*/
    #aha-root .login-area .inner{width:614px; margin:0 auto; overflow:hidden;}
    #aha-root .login-area-frame{float:left; width:352px;}
    #aha-root .login-area-frame label.greet{display:block;}
    #aha-root .login-area-extra{float:right; width:242px; padding-top:36px;}

    #aha-root #content .inner{width:613px; padding:30px 0 60px;}
    #aha-root #content #main-copy{float:none; width:auto;}

    #aha-root #content #right-channel{float:none; width:auto; margin-top:40px;}
    #aha-root #content #right-channel .webcast .copy{float:left; width:376px;}
    #aha-root #content #right-channel .webcast a.button{float:right; margin-top:0;}

    #aha-root #footer .inner{width:613px;}
    #aha-root #footer #tagline{padding-right:0;}
}

@media screen and (max-width:480px) {
    #aha-root{width:100%; min-width:320px;}
    /*#aha-root #hero{height:auto; background:url("../images/hero_768.jpg") no-repeat right top; background-size:480px auto;}*/
    #aha-root #hero{height:auto; background:none;} /*hero-mobile version*/
    #aha-root #hero-mobile{display:block; width:100%;} /*hero-mobile version*/
    /*#aha-root #hero > .inner{padding-top:304px;}*/
    #aha-root #hero > .inner{padding-top:0;} /*hero-mobile version*/
    #aha-root #hero-logo{width:70px; height:70px; left:7%;}
    #aha-root #hero-headline{width:100%; height:auto; position:static; padding:0;}
    #aha-root #hero-headline .inner{max-width:360px; padding:20px;}
    #aha-root #hero-headline h1{width:auto; font-size:32px; line-height:38px;}

    #aha-root .login-area{width:100% !important; height:auto !important; position:static;}
    #aha-root .login-area .inner{width:324px;}
    #aha-root .login-area-frame{width:324px; float:none;}
    #aha-root .login-area iframe{width:283px; height:100px;}
    #aha-root .login-area-extra{float:none; width:auto; padding-top:10px;}

    #aha-root #content .inner{width:auto; padding:30px 0;}
    #aha-root #content #main-copy{width:324px; margin:0 auto;}

    #aha-root #content #right-channel .questions{padding:32px 15px;}
    #aha-root #content #right-channel .questions-inner{margin:0 auto; width:324px;}
    #aha-root #content #right-channel .webcast{width:324px; margin:15px auto;}
    #aha-root #content #right-channel .webcast .copy{float:none; width:auto;}
    #aha-root #content #right-channel .webcast a.button{float:none; margin-top:14px;}

    #aha-root #footer .inner{width:auto; max-width:360px; padding:0 15px;}
}

@media screen and (max-width:360px) {
    #aha-root #hero{background-position:right -27px top;}

    #aha-root #hero-headline .inner{width:284px; padding:20px 0;}
    #aha-root #hero-headline h1{font-size:28px; line-height:32px;}

    #aha-root .login-area .inner{width:284px;}
    #aha-root .login-area-frame{width:284px;}
    #aha-root .login-area iframe{width:244px; height:100px;}

    #aha-root #content #main-copy{width:284px; margin:0 auto;}

    #aha-root #content #right-channel .questions-inner{width:284px;}
    #aha-root #content #right-channel .webcast{width:284px;}
}