body {
    font-size: 10pt;margin: 0; font-stretch: normal; color: #010101;
    font-family: 'Ubuntu', Helvetica, Verdana, Arial, sans-serif;
    text-rendering: optimizeLegibility; background: #FFF;
}
.clear {clear: both}
p, h1, h2, h3, h4, h5 {color: #010101;}
#uvTab {display: none !important;}

/** header */
.header .picture img {width: 100%; max-width: 100%; margin: 0; padding: 0; margin-bottom: -10px;}

.topbar {background: #297894; width: 100%; border: 1px solid #297894; position: fixed; top: 0; z-index: 99999; display: none}
.topbar {height: 100px;}
.topbar .logo {width: 20%; float: left; padding-top: 0%; display: block}
.topbar .logo img {max-width: 100%; max-height: 80%;}
.topbar .menu {float:right;padding:3% 2% 0 0;width:67%;text-align:right;font-size:1.44em; color: #FFF}
.topbar .menu a {font-size: 1.155em; color: #fff;text-decoration: none; font-weight: normal;margin:0 2px 0 2px;padding:2px;}
.topbar .menu a:hover {text-decoration: underline;}

.header .call-to-action-wrapper.fixed {position: fixed; bottom: 0; width: 100%}

.header .call-to-action-wrapper .heading {background: #24647c; text-align: center; padding: 1%;}
.header .call-to-action-wrapper .heading h1,
.header .call-to-action-wrapper .heading h2 {color: white; font-family: 'Exo'}
.header .call-to-action-wrapper .heading h1 {font-size: 2.5em; font-weight: 400}
.header .call-to-action-wrapper .heading h2 {font-size: 1.75em; font-weight: 200}
.header .call-to-action-wrapper .signup-wrapper {background: #1c485a; text-align: center; color: white}

/* Signup form */
.header .call-to-action-wrapper .cta-form {width: 55%; margin: 0 auto; padding: 1% 0}
.header .call-to-action-wrapper .signup-wrapper .title h3 {color: white; font-family: 'Exo', 'Helvetica', 'Arial' sans-serif; font-size: 1.3em}
.header .call-to-action-wrapper .signup-wrapper .signup-form input {width: 90%; padding: 1.5%; margin: 0 auto}
.header .call-to-action-wrapper .signup-wrapper .title {float: left; width: 25%;}
.header .call-to-action-wrapper .signup-wrapper .signup-form {float: left; width: 55%;}
.header .call-to-action-wrapper .signup-wrapper .form-actions {float: left; width: 20%;}
.header .call-to-action-wrapper .signup-wrapper .form-actions .call-to-action {width: 100%}
.header .call-to-action-wrapper .signup-wrapper .signup-form,
.header .call-to-action-wrapper .signup-wrapper .form-actions {padding: 1% 0}

/* call to action button */
.call-to-action {background: #60b64a; color: #fff; border: none; padding: 5%; text-align: center; border-radius: 0; font-size: 1.05em;}
.call-to-action:hover,
.call-to-action:active {background: #4a8d38; color: #fff; text-decoration: none;}

.secondary-cta:hover {background: #297894}
.secondary-cta {background: #427e9e; padding: 1.5%}

/* footer */
.divLoading {background: red; color: #FFF;position: fixed;padding:15px;}
.divLoading {top: 0px; right: 0; display: none;font-size: 1.14em;z-index: 999;}

.footer {border: none; padding: 0; margin: 0}

.footer .resources {background: #303030;}
.footer h4 {color: #fff;}
.footer .legal {text-align: center;border-top: 1px solid #343434;background: #303030; padding: 5px;}
.footer p {color: #fff;}
.footer a {color: #FFF; text-decoration: underline;}
.footer .nav-footer {padding: 8px 0;}

.footer .resources {padding: 1%; color: #FFF;}
.footer .resources .block {float: left; width: 22%; margin: 1.5%;}
.footer .resources .block .links {padding: 4% 0;}
.footer .resources .title {font-size: 1.14em; font-weight: bold; text-align: left}
.footer .resources .block .links a {display: block; text-decoration: none;}

.actions {text-align: right;}


/* Partners */
.partners {padding: 2% 5%; width: 960px; margin: 0 auto}
.partners h1 {font-size: 1.5em;}
.partners .partner {width: 12%; float: left; height: 120px; text-align: center; margin: 0 2%}
.partners .partner img {max-width: 100%; vertical-align: middle}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .partners {padding: 0; width: 100%; text-align: center}
    .partners .partner {width: 45%; float: left; height: 120px; text-align: center; margin: 2%}
}


/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    .header .call-to-action-wrapper .heading {padding: 10% 5%;}
    .header .call-to-action-wrapper .heading h1 {font-size: 1.75em; line-height: 1.15em}
    .header .call-to-action-wrapper .heading h2 {font-size: 1.35em;line-height: 1em}

    .header .call-to-action-wrapper .cta-form {width: 100%; margin: 0 auto; padding: 1% 0}
    .header .call-to-action-wrapper .signup-wrapper .signup-form input {width: 100%; padding: 1.5%; margin: 0 auto;}
    .header .call-to-action-wrapper .signup-wrapper .title,
    .header .call-to-action-wrapper .signup-wrapper .signup-form,
    .header .call-to-action-wrapper .signup-wrapper .form-actions {float: none; width: 80%;margin: 0 auto}
    .header .call-to-action-wrapper .signup-wrapper small {font-size: 80%;}

    /* footer */
    .footer .mailing-list {padding: 3%; text-align: center}
    .footer .mailing-list .information,
    .footer .mailing-list .form {width: 100%; float: none;}

    .footer .resources {text-align: center}
    .footer .resources .title {text-align: center}
    .footer .resources .block {float: none; width: 100%;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    .sidebar {display: none}
    .wrapper, .header {width: 100%}
    #uvTab, #habla_beta_container_do_not_rely_on_div_classes_or_names {display: none !important;}
}

/* Tinier -------------- */
@media screen and (max-width: 360px) {

}