html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0;
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 88%;
    height: 100%
}

@media screen and (min-width:25em) {
    html {
        font-size: 100%
    }
}

@media screen and (min-width:64em) {
    html {
        font-size: 112.5%
    }
}

body {
    font-family: Roboto, sans-serif;
    height: 100%;
}
}

.abq-sizing {
    width: 100%
}

.abq-sizing--stacked {
    max-width: 31em
}

.abq-sizing--columns {
    max-width: 41em
}

.abq-intro {
    color: #000;
    margin-bottom: 2em;
    text-align: center
}

.abq-intro__logo {
    margin-bottom: 1em;
    max-width: 80%;
    min-width: 9.375em;
    width: auto
}

.abq-intro__lead {
    font-size: 1.25em;
    font-size: .875em;
    margin: 0;
    opacity: .6;
	text-align: left
}

@media screen and (min-width:20em) {
    .abq-intro__lead {
        font-size: calc(.73864em + .68182vw)
    }
}

@media screen and (min-width:75em) {
    .abq-intro__lead {
        font-size: 1.25em
    }
}

.abq-footer {
    color: #999;
    margin: 0 0 2em
}

.abq-footer__body {
    font-size: .875em;
    font-weight: 300;
    line-height: 1.3;
    opacity: 1;
    padding: 0 1.5em;
    text-align: center
}

.abq-footer__body__anchor {
    color: inherit
}

.abq-footer__body__anchor:hover {
    text-decoration: none
}

.abq-question {
    font-size: 1rem
}

.abq-question__item {
    margin: 0 auto 2.5em;
    max-width: 25.5em
}

.abq-question__headline {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.1875;
    margin: 0 0 .4375em;
	text-align: left
}

.abq-question__text {
    font-size: 1em;
    line-height: 1.1875;
    margin: 0 0 .875em;
    opacity: .6;
	text-align:left;
}

.abq-question__text a {
    color: inherit
}

.abq-question--columns {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em
}

.abq-question--columns .abq-question__item {
    flex: 1 1 0;
    margin-bottom: 0
}

.abq-question__divider {
    align-items: center;
    align-self: center;
    font-size: .75em;
    justify-items: center;
    margin: 1em 0 2em;
    text-transform: uppercase
}

@supports(display:grid) {
    .abq-question__divider {
        grid-gap: .833em;
        align-self: stretch;
        display: grid;
        grid-template-columns: 1fr auto 1fr
    }
    .abq-question__divider:after,
    .abq-question__divider:before {
        border-bottom: 1px solid;
        content: "";
        height: 0;
        opacity: .4;
        width: 100%
    }
}

@media screen and (min-width:42em) {
    .abq-question--columns {
        flex-direction: row
    }
    .abq-question__divider {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto 1fr;
        margin: 0 2em
    }
    .abq-question__divider:after,
    .abq-question__divider:before {
        border-bottom: none;
        border-right: 1px solid;
        content: "";
        height: 100%;
        width: 0
    }
}

.abq-button {
	background: #cc0000;
    color: #fff;
	font-size: 16px;
    display: inline-block;
    font-weight: 600;
	height: 40px !important;
    padding: 10px 14px !important;
    min-width: 188px !important;
	margin-bottom: 10px;
    text-decoration: none;
}

@keyframes ball-clip-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.center {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.abq-container {
    -webkit-overflow-scrolling: touch;
    background: #fffefa;
    border-top: 4px solid;
    box-shadow: 0 40px 40px -20px rgba(0, 0, 0, .6);
    margin: auto 1em;
    max-height: 90%;
    max-width: 45em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2em 2em 0;
    text-align: center;
    width: auto
}

.abq-login {
	    font-size: 1em;
    line-height: 1.1875;
    margin: 0 0 .875em;
    opacity: .6;
	text-align:left;
	text-align:center;
}