@charset "UTF-8";
html {
    box-sizing: border-box
}

:host {
    /*! Comment to prevent cssmin munging this rule with html above and borking Safari */
    box-sizing: border-box
}

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

.float--right {
    float: right!important
}

.float--left {
    float: left!important
}

.float--none {
    float: none!important
}

.text--left {
    text-align: left!important
}

.text--center {
    text-align: center!important
}

.text--right {
    text-align: right!important
}

.full-height {
    height: 100%!important
}

.informative {
    cursor: help!important
}

.muted {
    opacity: .5!important
}

.proceed {
    text-align: right!important
}

.caps {
    text-transform: uppercase!important
}

.hidden {
    display: none!important;
    visibility: hidden
}

.a11y,
.visuallyhidden {
    position: absolute!important;
    overflow: hidden!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    border: 0!important;
    padding: 0!important;
    clip: rect(0 0 0 0)!important
}

.a11y.focusable:active,
.a11y.focusable:focus,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-size: 1em;
    line-height: 1.25;
    background-color: #fff;
    color: #000;
    overflow-y: scroll;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

[hidden],
template {
    display: none
}

.island .island-content form .error-message,
address,
blockquote,
dl,
fieldset,
figure,
hr,
ol,
p,
pre,
table,
ul {
    margin-bottom: 1rem
}

li>ol,
li>ul {
    margin-bottom: 0
}

dd,
ol,
ul {
    margin-left: 1.875rem
}

a {
    background-color: transparent
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.vw,
body {
    width: 98%;
    max-width: 73.125rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1%;
    padding-left: 1%
}

.vertical-position {
    position: relative;
    top: 150px
}

* {
    margin: 0;
    padding: 0
}

body {
    padding-top: 80px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
	margin-top: 1rem;
    margin-bottom: 5px;
    color: white;
}


form {
    position: static
}

form fieldset {
    border: 0 none
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    font-size: 1rem;
    line-height: 1.25;
    width: 100%;
    height: 2.5rem;
    padding: .625rem;
    border: 1px solid #a9a9a9;
    border-radius: 0;
    color: #141414;
    font-weight: 400;
    line-height: 1
}

input[type=email]:invalid,
input[type=password]:invalid,
input[type=tel]:invalid,
input[type=text]:invalid,
input[type=url]:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none
}

input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    border: 1px solid rgba(40, 134, 175, 0.8);
    outline: 0;
    box-shadow: inset 0 0 3px 1px rgba(40, 134, 175, 0.8)
}

input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a9a9a9;
    font-style: normal
}

input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a9a9a9;
    font-style: normal
}

input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a9a9a9;
    font-style: normal
}

input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
    color: #a9a9a9;
    font-style: normal
}

textarea {
    height: auto;
    min-height: 2.5rem;
    overflow: auto;
    resize: vertical
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select:active,
select:focus {
    box-shadow: none
}

fieldset[disabled] select,
select[disabled] {
    background: #fafafa;
    cursor: not-allowed
}

button[disabled],
fieldset[disabled] button,
fieldset[disabled] input,
fieldset[disabled] select,
fieldset[disabled] textarea,
input[disabled],
select[disabled],
select[disabled] optgroup,
select[disabled] option,
textarea[disabled] {
    border-color: #eaeaea;
    color: #a9a9a9;
    box-shadow: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button:invalid {
    box-shadow: none
}

label {
    display: inline;
    margin-bottom: .625rem;
    font-weight: 700
}

option[default][selected] {
    display: none
}

fieldset {
    border: 0
}

fieldset[disabled] label {
    color: #a9a9a9
}

.required-input__error-message {
    visibility: hidden
}

.required-input--hidden {
    display: none
}

.required-input--hidden .required-input__error-message {
    visibility: hidden!important
}

.required-input--invalid .required-input__error-message {
    padding-top: 5px;
    color: #e32533;
    visibility: visible
}

.required-input--invalid .required-input__input {
    border-color: #e45560;
    background-color: #fff0f0
}

.required-input--invalid .required-input__input:focus {
    border: #e45560;
    box-shadow: inset 0 0 3px 1px #e45560
}

.required-input label:after {
    content: '*'
}

.touched:invalid {
    border: 1px solid #e45560;
    background-color: #fff0f0
}

.touched:focus {
    border: 1px solid #a9a9a9
}

html {
    position: relative;
    min-height: 100%
}

body {
    margin-bottom: 6.25rem
}

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 6.25rem;
    padding-top: 2.0625rem;
    background-color: #eaeaea;
    color: #a9a9a9;
    z-index: 4
}

footer .list-inline {
    text-align: center
}

*,
html {
    font-family: Roboto, "Noto Sans" !important;
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #141414
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

::-moz-selection {
    background: #e1f3dd
}

::selection {
    background: #e1f3dd
}

.text--large {
    font-size: 1.5rem;
    line-height: 1.66667;
    font-weight: 400;
    line-height: 1.333em
}

.text--medium {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.4em
}

.text--small {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    line-height: 1.6em
}

.text--right-rail {
    font-size: .875rem;
    line-height: 1.42857;
    font-weight: 400;
    line-height: 1.4em
}

.text--tiny {
    font-size: .75rem;
    line-height: 1.66667;
    font-weight: 700
}

.text--red {
    color: #e45560
}

.text--green {
    color: #3ab4d4
}

.text--gray {
    color: #a9a9a9
}

.text--white {
    color: #fff
}

.text--bg {
    color: #333
}

.text--custom {
    font-size:20px;
    background: none;
    color: #888 !important;
    padding-bottom: 0;
}

.text--shadow {
    text-shadow: 1px 1px hsla(0, 0%, 100%, .3)
}

.text--single-line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

table {
    width: 100%;
    margin-top: 1.25rem;
    text-align: left;
    table-layout: fixed
}

table td {
    padding: .625rem;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    word-wrap: break-word
}

table th {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    padding-left: .625rem;
    background-color: #0f0f0f;
    color: #fff;
    word-wrap: break-word
}


/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(../../../vendor/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0);
    src: url(../../../vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"), url(../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"), url(../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"), url(../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"), url(../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}


.layout--small {
    margin-left: -.625rem
}

.layout--small>.layout__item {
    padding-left: .625rem
}

.layout--large {
    margin-left: -1.25rem
}

.layout--large>.layout__item {
    padding-left: 1.25rem
}

.layout--huge {
    margin-left: -1.875rem
}

.layout--huge>.layout__item {
    padding-left: 1.875rem
}

.layout--middle {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
            align-items: center
}

.layout--full>.layout__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.layout--right {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end
}

.layout--center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center
}

.layout__item--center {
    -ms-flex-item-align: center;
    align-self: center
}

.layout__item--full {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.list-inline {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-inline>li {
    display: inline-block
}

.list-inline--delimited>li+li:before {
    content: " | "
}

.island .island-content form .catalog-tile__shortdescription>.error-message {
    font-size: .75rem;
    line-height: 1.66667
}

.coming-soon:after {
    font-size: .875rem;
    line-height: 1.42857;
    margin-left: 1rem;
    padding: .3125rem .625rem;
    background: #d8d8d8;
    font-weight: 700;
    content: 'Coming Soon';
    vertical-align: middle
}

.console-tile {
    display: inline-block;
    position: relative;
    height: 140px;
    margin-top: 11px;
    margin-bottom: 9px;
    width: 100%
}

.console-tile:before {
    position: absolute;
    right: 10%;
    bottom: 0;
    left: 10%;
    height: 15%;
    border-radius: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    content: ''
}

.console-tile__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.1875rem;
    padding-right: 1.8125rem;
    border: 1px solid #3ab4d4;
    background: -webkit-linear-gradient(#fff, #fafafa);
    background: linear-gradient(#fff, #fafafa)
}

.console-tile__content:focus,
.console-tile__content:hover {
    padding: 1.0625rem;
    padding-right: 1.6875rem;
    border-width: 3px;
    box-shadow: 0 3px 4px -1px rgba(209, 219, 208, .8)
}

.console-tile__content:focus:after,
.console-tile__content:hover:after {
    top: -7px;
    right: -15px;
    border-bottom: 3px solid #3ab4d4
}

.console-tile__content:after {
    position: absolute;
    top: -6px;
    right: -14px;
    width: 38px;
    height: 23px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #3ab4d4;
    background-color: #f0f0f0;
    content: ''
}

.console-tile__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.console-tile:hover .console-tile__icon {
    right: .8125rem;
    bottom: .8125rem
}

.console-tile__title {
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: .3125rem;
    font-weight: 700;
    word-wrap: break-word
}

.console-tile__details {
    font-size: .8125rem;
    line-height: 1.53846;
    color: #a9a9a9;
    line-height: 1
}

.console-tile__icon {
    position: absolute;
    right: .9375rem;
    bottom: .9375rem;
    font-size: 1.25rem;
    line-height: 1
}

.ie-horizontal-scroll-bar {
    overflow-x: hidden
}

a.item__link {
    font-size: 1.125rem;
    line-height: 1.11111
}

.image--full {
    width: 100%;
    height: 100%
}


:focus {
    outline: none
}

a {
    background-color: transparent;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer
}

a,
a:link,
a:visited {
    color: #3ab4d4
}

a:active,
a:hover {
    outline: 0
}

a:hover {
    color: #3ab4d4
}

a.no-border {
    border: 0
}

a.gray {
    color: #d8d8d8
}

a.dark-gray {
    color: #333
}

a.green {
    color: #3ab4d4
}

a.darker {
    color: #a9a9a9
}

a.black {
    color: #141414
}

a.white {
    color: #fff
}

a.white.is-active,
a.white:hover {
    color: #3ab4d4
}

a.transparent-white {
    color: hsla(0, 0%, 100%, .3)
}

a.link--shrink-to-fit {
    display: inline-block
}

a.link--underline {
    text-decoration: underline
}

a.link--heavy {
    font-weight: 700
}

a.link--heavy.active,
a.link--heavy:hover {
    color: #3ab4d4
}

a.link--plain {
    color: #141414
}

a.link--plain.is-active,
a.link--plain:hover {
    color: #3ab4d4
}

.layout__2-column .column {
    display: inline-block;
    width: 100%;
    padding-right: 0;
    vertical-align: top
}

@media screen and (min-width:45em) {
    .layout__2-column .column {
        width: 50%;
        padding-right: 1.875rem
    }
    .layout__2-column .column:last-child {
        padding-right: 0
    }
}

.icon {
    height: 100px
}

.icon--smaller {
    font-size: smaller
}

.icon--red {
    color: #b71125
}

.icon--small {
    width: 68px;
    height: 43px
}

.icon--thirdparty {
    height: 50px
}

.push-icon:hover {
    -webkit-transform: translate3d(1000px, 0, 0);
    transform: translate3d(1000px, 0, 0);
    transition: -webkit-transform 5s ease-in-out;
    -webkit-transition: -webkit-transform 5s ease-in-out;
    transition: transform 5s ease-in-out;
    transition: transform 5s ease-in-out, -webkit-transform 5s ease-in-out
}

.labeled-icon {
    text-align: center
}

.labeled-icon__icon,
.labeled-icon__label {
    display: block
}

.labeled-icon__label {
    font-size: .875rem;
    line-height: 1.42857;
    margin-top: 0
}

.labeled-icon__icon {
    font-size: 1.5rem;
    line-height: 1.66667;
    margin-bottom: 0;
    line-height: 20px
}

.number-circle {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    border-radius: 50%;
    background: #333;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.def-list dt {
    font-weight: 700
}

.def-list--inline dd,
.def-list--inline dt {
    margin-bottom: .3125rem
}

.def-list--inline dt {
    margin-right: .3125rem;
    float: left;
    clear: left
}

.def-list--inline dd:last-of-type,
.def-list--inline dt:last-of-type {
    margin-bottom: 0
}

.section {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.secondary {
    padding-bottom: 1.25rem
}

.tertiary li {
    font-size: 1.125rem;
    line-height: 1.33333;
    margin-bottom: .5em
}

.section--hero {
    position: relative;
    background-image: -webkit-linear-gradient(#3ab4d4, #3ab4d4);
    background-image: linear-gradient(#3ab4d4, #3ab4d4);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.section--hero__item {
    margin-top: 50px;
    margin-bottom: 50px
}

.section--hero:before {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 15px;
    background-image: -webkit-linear-gradient(rgba(27, 97, 25, .4), transparent);
    background-image: linear-gradient(rgba(27, 97, 25, .4), transparent);
    content: '';
    z-index: 2
}

.section--hero:after {
    display: block;
    position: absolute;
    top: -335px;
    width: 100%;
    height: 500px;
    background: -webkit-radial-gradient(#fff 2%, hsla(0, 0%, 100%, .3) 0, transparent, transparent);
    background: radial-gradient(#fff 2%, hsla(0, 0%, 100%, .3) 0, transparent, transparent);
    content: '';
    z-index: 1
}

.section--dark {
    background-color: #333
}

.section--black {
    background-color: #0f0f0f
}

.section--danger {
    background: #fff0f0
}

.section--inner-glow {
    position: relative;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden
}

.section--inner-glow:after,
.section--inner-glow:before {
    position: absolute;
    right: 10%;
    left: 10%;
    width: 80%;
    height: 10%;
    border-radius: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    content: '';
    z-index: -1
}

.section--inner-glow:before {
    top: -15px
}

.section--inner-glow:after {
    bottom: -15px
}

.section--gradient {
    background: -webkit-linear-gradient(#fafafa, #fff);
    background: linear-gradient(#fafafa, #fff)
}

.section--double-gradient {
    background: -webkit-linear-gradient(#fafafa, #fff, #fafafa);
    background: linear-gradient(#fafafa, #fff, #fafafa)
}

.section--light-solid {
    background: #fafafa
}

.section--highlight {
    background: #eaeaea
}

.section--social {
    background: #3ab4d4
}

.section--solid {
    background: #f0f0f0
}

.section--dark-solid {
    background: #eaeaea
}

.section--emphasis {
    background: #333
}

.section--min-width {
    min-width: 300px
}

.banner {
    height: 160px
}

.banner--filter {
    height: 44px;
    box-shadow: 0 -1px #5c5c5c, 0 -2px #0f0f0f
}

.banner--dark {
    background-color: #333
}

.banner--light {
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0)
}

.banner--shadow {
    height: 180px;
    box-shadow: 0 10px 75px 0 #eaeaea
}

.banner__image {
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat
}

.banner__image--dark {
    background-image: url(/assets/images/catalog/banner-dark.png)
}

.banner__image--light {
    background-image: url(/assets/images/catalog/banner-light.png)
}

.banner--aviation {
    height: 433px;
    background: no-repeat;
    background-image: url(/assets/images/aviation/aviation_banner_background.
)
}

.banner--aviation-store {
    height: 1000px;
    background-image: url(/assets/images/aviation/aviation_banner_store_background.png)
}

.banner__labels {
    position: relative;
    margin-top: 0
}

.banner__labels--light {
    padding-top: 50px;
    color: #fff
}

.banner__labels--dark {
    padding-top: 60px;
    text-align: center
}

.btn,
.island .island-content form .forgot-password-button,
.island .island-content form .island-button {
    display: inline-block;
    margin: 0 0 .5rem 0;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    cursor: pointer;
    overflow: visible;
    vertical-align: middle
}

.btn,
.btn:link,
.btn:visited,
.island .island-content form .forgot-password-button,
.island .island-content form .forgot-password-button:link,
.island .island-content form .forgot-password-button:visited,
.island .island-content form .island-button,
.island .island-content form .island-button:link,
.island .island-content form .island-button:visited {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.btn:active,
.btn:hover,
.island .island-content form .forgot-password-button:active,
.island .island-content form .forgot-password-button:hover,
.island .island-content form .island-button:active,
.island .island-content form .island-button:hover {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff;
    box-shadow: none
}

.btn.btn--secondary,
.btn.btn--secondary:link,
.btn.btn--secondary:visited,
.island .island-content form .btn--secondary.forgot-password-button,
.island .island-content form .btn--secondary.forgot-password-button:link,
.island .island-content form .btn--secondary.forgot-password-button:visited,
.island .island-content form .btn--secondary.island-button,
.island .island-content form .btn--secondary.island-button:link,
.island .island-content form .btn--secondary.island-button:visited {
    border: 1px solid #e1f3dd;
    background-color: #e1f3dd;
    color: #3ab4d4
}

.btn.btn--secondary:active,
.btn.btn--secondary:focus,
.btn.btn--secondary:hover,
.island .island-content form .btn--secondary.forgot-password-button:active,
.island .island-content form .btn--secondary.forgot-password-button:focus,
.island .island-content form .btn--secondary.forgot-password-button:hover,
.island .island-content form .btn--secondary.island-button:active,
.island .island-content form .btn--secondary.island-button:focus,
.island .island-content form .btn--secondary.island-button:hover {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 6px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #99d1a1;
  border-color: #74af7e;
  color: #676767; }
  .alert-success hr {
    border-top-color: #64a66f; }
  .alert-success .alert-link {
    color: #4e4e4e; }

.alert-info, .alert-notice {
  background-color: #c8e9ed;
  border-color: #8ac0c4;
  color: #676767; }
  .alert-info hr, .alert-notice hr {
    border-top-color: #79b7bb; }
  .alert-info .alert-link, .alert-notice .alert-link {
    color: #4e4e4e; }

.alert-warning {
  background-color: #f7eacd;
  border-color: #c1b293;
  color: #676767; }
  .alert-warning hr {
    border-top-color: #b8a683; }
  .alert-warning .alert-link {
    color: #4e4e4e; }

.alert-danger {
  background-color: #cb7171;
  border-color: #b94242;
  color: #f8f8f8; }
  .alert-danger hr {
    border-top-color: #a63b3b; }
  .alert-danger .alert-link {
    color: #dfdfdf; }

.alert-dismissable {
  padding-right: 30px; }
  .alert-dismissable .close {
    right: -22.5px;
    top: -7.5px;
    font-size: 16px;
    color: #f8f8f8;
    opacity: 1.0; }
  .alert-dismissable.alert-warning .close, .alert-dismissable.alert-notice .close, .alert-dismissable.alert-info .close, .alert-dismissable.alert-notice .close {
    color: #9faaad; }

.alert-error {
  background-color: #cb7171;
  border-color: #b94242;
  color: #f8f8f8; }
  .alert-error hr {
    border-top-color: #a63b3b; }
  .alert-error .alert-link {
    color: #dfdfdf; }

.alert-error p:before {
  content: '\f071'; }

.btn.btn--negative,
.btn.btn--negative:link,
.btn.btn--negative:visited,
.island .island-content form .btn--negative.forgot-password-button,
.island .island-content form .btn--negative.forgot-password-button:link,
.island .island-content form .btn--negative.forgot-password-button:visited,
.island .island-content form .btn--negative.island-button,
.island .island-content form .btn--negative.island-button:link,
.island .island-content form .btn--negative.island-button:visited {
    border: 1px solid #fafafa;
    background-color: #fafafa;
    color: #3ab4d4
}

.btn.btn--negative:active,
.btn.btn--negative:focus,
.btn.btn--negative:hover,
.island .island-content form .btn--negative.forgot-password-button:active,
.island .island-content form .btn--negative.forgot-password-button:focus,
.island .island-content form .btn--negative.forgot-password-button:hover,
.island .island-content form .btn--negative.island-button:active,
.island .island-content form .btn--negative.island-button:focus,
.island .island-content form .btn--negative.island-button:hover {
    border-color: #d8d8d8;
    background-color: #d8d8d8;
    color: #141414
}

.btn.btn--git,
.btn.btn--git:link,
.btn.btn--git:visited,
.island .island-content form .btn--git.forgot-password-button,
.island .island-content form .btn--git.forgot-password-button:link,
.island .island-content form .btn--git.forgot-password-button:visited,
.island .island-content form .btn--git.island-button,
.island .island-content form .btn--git.island-button:link,
.island .island-content form .btn--git.island-button:visited {
    border: 1px solid #141414;
    background-color: #fff;
    color: #3ab4d4
}

.btn.btn--git:active,
.btn.btn--git:focus,
.btn.btn--git:hover,
.island .island-content form .btn--git.forgot-password-button:active,
.island .island-content form .btn--git.forgot-password-button:focus,
.island .island-content form .btn--git.forgot-password-button:hover,
.island .island-content form .btn--git.island-button:active,
.island .island-content form .btn--git.island-button:focus,
.island .island-content form .btn--git.island-button:hover {
    border: 1px solid #141414;
    background-color: #141414;
    color: #fff
}

.btn.btn--credit-card,
.island .island-content form .btn--credit-card.forgot-password-button,
.island .island-content form .btn--credit-card.island-button {
    font-size: 1.125rem;
    line-height: 1.11111;
    padding: 1rem 1.875rem;
    font-weight: 700;
    text-transform: uppercase
}

.btn.btn--credit-card,
.btn.btn--credit-card:link,
.btn.btn--credit-card:visited,
.island .island-content form .btn--credit-card.forgot-password-button,
.island .island-content form .btn--credit-card.forgot-password-button:link,
.island .island-content form .btn--credit-card.forgot-password-button:visited,
.island .island-content form .btn--credit-card.island-button,
.island .island-content form .btn--credit-card.island-button:link,
.island .island-content form .btn--credit-card.island-button:visited {
    border: 0;
    background: -webkit-linear-gradient(top, #0e76bc 0, #114171 50%);
    background: linear-gradient(180deg, #0e76bc 0, #114171 50%);
    color: #fff
}

.btn.btn--credit-card:active,
.btn.btn--credit-card:focus,
.btn.btn--credit-card:hover,
.island .island-content form .btn--credit-card.forgot-password-button:active,
.island .island-content form .btn--credit-card.forgot-password-button:focus,
.island .island-content form .btn--credit-card.forgot-password-button:hover,
.island .island-content form .btn--credit-card.island-button:active,
.island .island-content form .btn--credit-card.island-button:focus,
.island .island-content form .btn--credit-card.island-button:hover {
    background: -webkit-linear-gradient(top, #076a8f 0, #141414 50%);
    background: linear-gradient(180deg, #076a8f 0, #141414 50%)
}

.btn.btn--bare,
.btn.btn--bare:link,
.btn.btn--bare:visited,
.island .island-content form .btn--bare.forgot-password-button,
.island .island-content form .btn--bare.forgot-password-button:link,
.island .island-content form .btn--bare.forgot-password-button:visited,
.island .island-content form .btn--bare.island-button,
.island .island-content form .btn--bare.island-button:link,
.island .island-content form .btn--bare.island-button:visited {
    border: 1px solid #3ab4d4;
    background-color: transparent;
    color: #3ab4d4
}

.btn.btn--bare:active,
.btn.btn--bare:focus,
.btn.btn--bare:hover,
.island .island-content form .btn--bare.forgot-password-button:active,
.island .island-content form .btn--bare.forgot-password-button:focus,
.island .island-content form .btn--bare.forgot-password-button:hover,
.island .island-content form .btn--bare.island-button:active,
.island .island-content form .btn--bare.island-button:focus,
.island .island-content form .btn--bare.island-button:hover {
    border-color: #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.btn.btn--inverse,
.btn.btn--inverse:link,
.btn.btn--inverse:visited,
.island .island-content form .btn--inverse.forgot-password-button,
.island .island-content form .btn--inverse.forgot-password-button:link,
.island .island-content form .btn--inverse.forgot-password-button:visited,
.island .island-content form .btn--inverse.island-button,
.island .island-content form .btn--inverse.island-button:link,
.island .island-content form .btn--inverse.island-button:visited {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    color: #a9a9a9
}

.btn.btn--inverse:active,
.btn.btn--inverse:focus,
.btn.btn--inverse:hover,
.island .island-content form .btn--inverse.forgot-password-button:active,
.island .island-content form .btn--inverse.forgot-password-button:focus,
.island .island-content form .btn--inverse.forgot-password-button:hover,
.island .island-content form .btn--inverse.island-button:active,
.island .island-content form .btn--inverse.island-button:focus,
.island .island-content form .btn--inverse.island-button:hover {
    border: 1px solid #141414;
    background-color: #141414;
    color: #fff
}

.btn.btn--danger,
.btn.btn--danger:link,
.btn.btn--danger:visited,
.btn.btn--service,
.btn.btn--service:link,
.btn.btn--service:visited,
.island .island-content form .btn--danger.forgot-password-button,
.island .island-content form .btn--danger.forgot-password-button:link,
.island .island-content form .btn--danger.forgot-password-button:visited,
.island .island-content form .btn--danger.island-button,
.island .island-content form .btn--danger.island-button:link,
.island .island-content form .btn--danger.island-button:visited,
.island .island-content form .btn--service.forgot-password-button,
.island .island-content form .btn--service.forgot-password-button:link,
.island .island-content form .btn--service.forgot-password-button:visited,
.island .island-content form .btn--service.island-button,
.island .island-content form .btn--service.island-button:link,
.island .island-content form .btn--service.island-button:visited {
    font-size: .75rem;
    line-height: 1.66667;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    color: #141414;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase
}

.btn.btn--danger:link>.fa,
.btn.btn--danger:visited>.fa,
.btn.btn--danger>.fa,
.btn.btn--service:link>.fa,
.btn.btn--service:visited>.fa,
.btn.btn--service>.fa,
.island .island-content form .btn--danger.forgot-password-button:link>.fa,
.island .island-content form .btn--danger.forgot-password-button:visited>.fa,
.island .island-content form .btn--danger.forgot-password-button>.fa,
.island .island-content form .btn--danger.island-button:link>.fa,
.island .island-content form .btn--danger.island-button:visited>.fa,
.island .island-content form .btn--danger.island-button>.fa,
.island .island-content form .btn--service.forgot-password-button:link>.fa,
.island .island-content form .btn--service.forgot-password-button:visited>.fa,
.island .island-content form .btn--service.forgot-password-button>.fa,
.island .island-content form .btn--service.island-button:link>.fa,
.island .island-content form .btn--service.island-button:visited>.fa,
.island .island-content form .btn--service.island-button>.fa {
    padding-top: 3px;
    color: #3ab4d4
}

.btn.btn--danger:active,
.btn.btn--danger:focus,
.btn.btn--danger:hover,
.btn.btn--service:active,
.btn.btn--service:focus,
.btn.btn--service:hover,
.island .island-content form .btn--danger.forgot-password-button:active,
.island .island-content form .btn--danger.forgot-password-button:focus,
.island .island-content form .btn--danger.forgot-password-button:hover,
.island .island-content form .btn--danger.island-button:active,
.island .island-content form .btn--danger.island-button:focus,
.island .island-content form .btn--danger.island-button:hover,
.island .island-content form .btn--service.forgot-password-button:active,
.island .island-content form .btn--service.forgot-password-button:focus,
.island .island-content form .btn--service.forgot-password-button:hover,
.island .island-content form .btn--service.island-button:active,
.island .island-content form .btn--service.island-button:focus,
.island .island-content form .btn--service.island-button:hover {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.btn.btn--danger:active>.fa,
.btn.btn--danger:focus>.fa,
.btn.btn--danger:hover>.fa,
.btn.btn--service:active>.fa,
.btn.btn--service:focus>.fa,
.btn.btn--service:hover>.fa,
.island .island-content form .btn--danger.forgot-password-button:active>.fa,
.island .island-content form .btn--danger.forgot-password-button:focus>.fa,
.island .island-content form .btn--danger.forgot-password-button:hover>.fa,
.island .island-content form .btn--danger.island-button:active>.fa,
.island .island-content form .btn--danger.island-button:focus>.fa,
.island .island-content form .btn--danger.island-button:hover>.fa,
.island .island-content form .btn--service.forgot-password-button:active>.fa,
.island .island-content form .btn--service.forgot-password-button:focus>.fa,
.island .island-content form .btn--service.forgot-password-button:hover>.fa,
.island .island-content form .btn--service.island-button:active>.fa,
.island .island-content form .btn--service.island-button:focus>.fa,
.island .island-content form .btn--service.island-button:hover>.fa {
    color: #fff
}

.btn.btn--danger.btn--danger:link>.fa,
.btn.btn--danger.btn--danger:visited>.fa,
.btn.btn--danger.btn--danger>.fa,
.btn.btn--service.btn--danger:link>.fa,
.btn.btn--service.btn--danger:visited>.fa,
.btn.btn--service.btn--danger>.fa,
.island .island-content form .btn--danger.btn--danger.forgot-password-button:link>.fa,
.island .island-content form .btn--danger.btn--danger.forgot-password-button:visited>.fa,
.island .island-content form .btn--danger.btn--danger.forgot-password-button>.fa,
.island .island-content form .btn--danger.btn--danger.island-button:link>.fa,
.island .island-content form .btn--danger.btn--danger.island-button:visited>.fa,
.island .island-content form .btn--danger.btn--danger.island-button>.fa,
.island .island-content form .btn--service.btn--danger.forgot-password-button:link>.fa,
.island .island-content form .btn--service.btn--danger.forgot-password-button:visited>.fa,
.island .island-content form .btn--service.btn--danger.forgot-password-button>.fa,
.island .island-content form .btn--service.btn--danger.island-button:link>.fa,
.island .island-content form .btn--service.btn--danger.island-button:visited>.fa,
.island .island-content form .btn--service.btn--danger.island-button>.fa {
    color: #e45560
}

.btn.btn--danger.btn--danger:active,
.btn.btn--danger.btn--danger:focus,
.btn.btn--danger.btn--danger:hover,
.btn.btn--service.btn--danger:active,
.btn.btn--service.btn--danger:focus,
.btn.btn--service.btn--danger:hover,
.island .island-content form .btn--danger.btn--danger.forgot-password-button:active,
.island .island-content form .btn--danger.btn--danger.forgot-password-button:focus,
.island .island-content form .btn--danger.btn--danger.forgot-password-button:hover,
.island .island-content form .btn--danger.btn--danger.island-button:active,
.island .island-content form .btn--danger.btn--danger.island-button:focus,
.island .island-content form .btn--danger.btn--danger.island-button:hover,
.island .island-content form .btn--service.btn--danger.forgot-password-button:active,
.island .island-content form .btn--service.btn--danger.forgot-password-button:focus,
.island .island-content form .btn--service.btn--danger.forgot-password-button:hover,
.island .island-content form .btn--service.btn--danger.island-button:active,
.island .island-content form .btn--service.btn--danger.island-button:focus,
.island .island-content form .btn--service.btn--danger.island-button:hover {
    border: 1px solid #e45560;
    background-color: #e45560
}

.btn.btn--tertiary,
.btn.btn--tertiary:link,
.btn.btn--tertiary:visited,
.island .island-content form .btn--tertiary.forgot-password-button,
.island .island-content form .btn--tertiary.forgot-password-button:link,
.island .island-content form .btn--tertiary.forgot-password-button:visited,
.island .island-content form .btn--tertiary.island-button,
.island .island-content form .btn--tertiary.island-button:link,
.island .island-content form .btn--tertiary.island-button:visited {
    border: 1px solid #3ab4d4;
    background-color: #333;
    color: #fff
}

.btn.btn--tertiary:active,
.btn.btn--tertiary:focus,
.btn.btn--tertiary:hover,
.island .island-content form .btn--tertiary.forgot-password-button:active,
.island .island-content form .btn--tertiary.forgot-password-button:focus,
.island .island-content form .btn--tertiary.forgot-password-button:hover,
.island .island-content form .btn--tertiary.island-button:active,
.island .island-content form .btn--tertiary.island-button:focus,
.island .island-content form .btn--tertiary.island-button:hover {
    border-color: #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .btn.btn--hero,
    .island .island-content form .btn--hero.forgot-password-button,
    .island .island-content form .btn--hero.island-button {
        font-size: 20px
    }
}

.btn.btn--hero,
.btn.btn--hero:link,
.btn.btn--hero:visited,
.island .island-content form .btn--hero.forgot-password-button,
.island .island-content form .btn--hero.forgot-password-button:link,
.island .island-content form .btn--hero.forgot-password-button:visited,
.island .island-content form .btn--hero.island-button,
.island .island-content form .btn--hero.island-button:link,
.island .island-content form .btn--hero.island-button:visited {
    position: relative;
    padding: .625rem 1.25rem;
    border: 0;
    border-radius: 0;
    background: -webkit-radial-gradient(at 50% bottom, #3ab4d4, #3ab4d4);
    background: radial-gradient(at 50% bottom, #3ab4d4, #3ab4d4);
    color: #fff;
    z-index: 5
}

.btn.btn--hero:active,
.btn.btn--hero:focus,
.btn.btn--hero:hover,
.island .island-content form .btn--hero.forgot-password-button:active,
.island .island-content form .btn--hero.forgot-password-button:focus,
.island .island-content form .btn--hero.forgot-password-button:hover,
.island .island-content form .btn--hero.island-button:active,
.island .island-content form .btn--hero.island-button:focus,
.island .island-content form .btn--hero.island-button:hover {
    border-color: #3ab4d4;
    background: -webkit-radial-gradient(at 60% bottom, #3ab4d4, #206100);
    background: radial-gradient(at 60% bottom, #3ab4d4, #206100);
    color: #fff
}

.btn.btn--dropdown:after,
.island .island-content form .btn--dropdown.forgot-password-button:after,
.island .island-content form .btn--dropdown.island-button:after {
    display: inline;
    padding-left: .3125rem;
    font-family: FontAwesome;
    font-size: small;
    content: '\f0d7';
    vertical-align: middle
}

.btn.btn--dropdown,
.btn.btn--dropdown:link,
.btn.btn--dropdown:visited,
.island .island-content form .btn--dropdown.forgot-password-button,
.island .island-content form .btn--dropdown.forgot-password-button:link,
.island .island-content form .btn--dropdown.forgot-password-button:visited,
.island .island-content form .btn--dropdown.island-button,
.island .island-content form .btn--dropdown.island-button:link,
.island .island-content form .btn--dropdown.island-button:visited {
    border: 1px solid transparent;
    background-color: #eaeaea;
    color: #333
}

.btn.btn--dropdown:active,
.btn.btn--dropdown:focus,
.btn.btn--dropdown:hover,
.island .island-content form .btn--dropdown.forgot-password-button:active,
.island .island-content form .btn--dropdown.forgot-password-button:focus,
.island .island-content form .btn--dropdown.forgot-password-button:hover,
.island .island-content form .btn--dropdown.island-button:active,
.island .island-content form .btn--dropdown.island-button:focus,
.island .island-content form .btn--dropdown.island-button:hover {
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #fafafa, #eaeaea);
    background: linear-gradient(180deg, #fafafa, #eaeaea);
    color: #3ab4d4
}

.btn.btn--dropdown:active:after,
.btn.btn--dropdown:focus:after,
.btn.btn--dropdown:hover:after,
.island .island-content form .btn--dropdown.forgot-password-button:active:after,
.island .island-content form .btn--dropdown.forgot-password-button:focus:after,
.island .island-content form .btn--dropdown.forgot-password-button:hover:after,
.island .island-content form .btn--dropdown.island-button:active:after,
.island .island-content form .btn--dropdown.island-button:focus:after,
.island .island-content form .btn--dropdown.island-button:hover:after {
    color: #3ab4d4
}

.btn.btn--dropdown--bare,
.island .island-content form .btn--dropdown--bare.forgot-password-button,
.island .island-content form .btn--dropdown--bare.island-button {
    border: 0;
    background: transparent;
    background-color: transparent!important
}

.btn.btn--dropdown--bare:active,
.btn.btn--dropdown--bare:focus,
.btn.btn--dropdown--bare:hover,
.island .island-content form .btn--dropdown--bare.forgot-password-button:active,
.island .island-content form .btn--dropdown--bare.forgot-password-button:focus,
.island .island-content form .btn--dropdown--bare.forgot-password-button:hover,
.island .island-content form .btn--dropdown--bare.island-button:active,
.island .island-content form .btn--dropdown--bare.island-button:focus,
.island .island-content form .btn--dropdown--bare.island-button:hover {
    border: 0;
    background: transparent;
    background-color: transparent!important
}

.nav .user{
    color: #fff;
}

.btn[disabled],
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover,
.btn[disabled]:link,
.btn[disabled]:visited,
.island .island-content form [disabled].forgot-password-button,
.island .island-content form [disabled].forgot-password-button:active,
.island .island-content form [disabled].forgot-password-button:focus,
.island .island-content form [disabled].forgot-password-button:hover,
.island .island-content form [disabled].forgot-password-button:link,
.island .island-content form [disabled].forgot-password-button:visited,
.island .island-content form [disabled].island-button,
.island .island-content form [disabled].island-button:active,
.island .island-content form [disabled].island-button:focus,
.island .island-content form [disabled].island-button:hover,
.island .island-content form [disabled].island-button:link,
.island .island-content form [disabled].island-button:visited {
    border: 1px solid #a9a9a9;
    background-color: transparent;
    color: #a9a9a9;
    cursor: not-allowed
}

.btn[disabled]:active>.fa,
.btn[disabled]:focus>.fa,
.btn[disabled]:hover>.fa,
.btn[disabled]:link>.fa,
.btn[disabled]:visited>.fa,
.btn[disabled]>.fa,
.island .island-content form [disabled].forgot-password-button:active>.fa,
.island .island-content form [disabled].forgot-password-button:focus>.fa,
.island .island-content form [disabled].forgot-password-button:hover>.fa,
.island .island-content form [disabled].forgot-password-button:link>.fa,
.island .island-content form [disabled].forgot-password-button:visited>.fa,
.island .island-content form [disabled].forgot-password-button>.fa,
.island .island-content form [disabled].island-button:active>.fa,
.island .island-content form [disabled].island-button:focus>.fa,
.island .island-content form [disabled].island-button:hover>.fa,
.island .island-content form [disabled].island-button:link>.fa,
.island .island-content form [disabled].island-button:visited>.fa,
.island .island-content form [disabled].island-button>.fa {
    color: #a9a9a9
}

.btn.btn--full,
.island .island-content form .btn--full.forgot-password-button,
.island .island-content form .btn--full.island-button {
    width: 100%
}

.btn.btn--medium,
.island .island-content form .btn--medium.forgot-password-button,
.island .island-content form .btn--medium.island-button {
    padding: .625rem 1rem;
    border-radius: 2px;
    font-size: 20px
}

.btn.btn--small,
.island .island-content form .btn--small.forgot-password-button,
.island .island-content form .btn--small.island-button {
    padding: .625rem 1rem;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 700
}

.btn.btn--tiny,
.island .island-content form .btn--tiny.forgot-password-button,
.island .island-content form .btn--tiny.island-button {
    padding: .3125rem .625rem;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700
}

.btn.btn--narrow,
.island .island-content form .btn--narrow.forgot-password-button,
.island .island-content form .btn--narrow.island-button {
    padding: .3125rem .625rem;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700
}

.btn__icon--medium {
    font-size: 1.25rem
}

@-webkit-keyframes b {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

.loader--centered {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 12
}

.loader__box {
    color: #3ab4d4;
    -webkit-animation: b 1s infinite normal;
    animation: b 1s infinite normal
}

.loader__box--1 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.loader__box--2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.loader__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    background: hsla(0, 0%, 100%, .7);
    z-index: -1
}

.loader__overlay--dark {
    background: rgba(0, 0, 0, .5)
}

.table--full {
    width: 100%
}

.table--striped tr:nth-child(odd) {
    background-color: #f0f0f0
}

.table colgroup .col--1\/10 {
    width: 10%
}

.table colgroup .col--2\/10 {
    width: 20%
}

.table colgroup .col--3\/10 {
    width: 30%
}

.table colgroup .col--4\/10 {
    width: 40%
}

.table colgroup .col--5\/10 {
    width: 50%
}

.table colgroup .col--6\/10 {
    width: 60%
}

.table colgroup .col--7\/10 {
    width: 70%
}

.table colgroup .col--8\/10 {
    width: 80%
}

.table colgroup .col--9\/10 {
    width: 90%
}

.table colgroup .col--10\/10 {
    width: 100%
}

.table tr td,
.table tr th {
    padding: .625rem
}

.table__row--bottom-border {
    border-bottom: 1px solid #d8d8d8
}

.table__cell {
    border: 0
}

.table__cell--important {
    font-weight: 700
}

.table--white tr td,
.table--white tr th {
    background-color: #fff;
    color: #141414
}

code.prettyprint,
pre,
pre.prettyprint {
    margin: 1rem 0;
    padding: .625rem;
    border: 1px solid #e6e2e0;
    background-color: #eaeaea;
    font-family: monospace;
    font-size: 16px;
    line-height: 1.5
}

code.prettyprint code,
pre.prettyprint code,
pre code {
    padding-right: .625rem
}

code.prettyprint code:before,
pre.prettyprint code:before,
pre code:before {
    padding-right: 6px;
    color: #a9a9a9;
    content: '$'
}

.pln {
    color: #1b1918
}

@media screen {
    .str {
        color: #7b9726
    }
    .kwd {
        color: #6666ea
    }
    .com {
        color: #9c9491
    }
    .typ {
        color: #407ee7
    }
    .lit {
        color: #df5320
    }
    .pun {
        color: #1b1918
    }
    .opn {
        color: #1b1918
    }
    .clo {
        color: #1b1918
    }
    .tag {
        color: #f22c40
    }
    .atn {
        color: #df5320
    }
    .atv {
        color: #3d97b8
    }
    .dec {
        color: #df5320
    }
    .var {
        color: #f22c40
    }
    .fun {
        color: #407ee7
    }
}

@media print,
projection {
    .str {
        color: #060
    }
    .kwd {
        color: #006;
        font-weight: 700
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404;
        font-weight: 700
    }
    .lit {
        color: #044
    }
    .clo,
    .opn,
    .pun {
        color: #440
    }
    .tag {
        color: #006;
        font-weight: 700
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.video {
    width: 749px;
    height: 421px
}

@media screen and (max-width:44.9375em) {
    .video {
        width: 304px;
        height: 171px
    }
}

.article-preview {
    margin: 1.25rem 0
}

.article-preview__title {
    display: inline-block;
    margin-bottom: .625rem;
    font-size: 30px
}

.article-preview__byline {
    margin-bottom: .625rem
}

.article-preview__summary .island .island-content form .error-message,
.article-preview__summary p,
.island .island-content form .article-preview__summary .error-message {
    margin-bottom: 0;
    line-height: 1.6em
}

.article-preview__more {
    font-weight: 700
}

.article-preview__more i {
    font-size: .625rem
}

.article__legend {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700
}

.article__blog-title {
    margin: 0 0 1.875rem;
    font-weight: 700;
    text-transform: uppercase
}

.article__title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem
}

.article__byline {
    margin-bottom: 1.25rem
}

.secondary-nav {
    font-size: .875rem;
    line-height: 1.42857;
    border-bottom: 1px solid #d8d8d8;
    background: -webkit-linear-gradient(top, #eaeaea, #d8d8d8);
    background: linear-gradient(180deg, #eaeaea, #d8d8d8);
    color: #141414
}

@media screen and (max-width:44.9375em) {
    .secondary-nav {
        margin-top: 1.875rem
    }
}

.secondary-nav>.vw {
    white-space: nowrap
}

.secondary-nav__item {
    display: inline-block;
    padding: 1.875rem 1.25rem .625rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle
}

.secondary-nav__item a {
    color: #141414;
    text-decoration: none
}

.secondary-nav__item a:hover {
    color: #3ab4d4
}

.secondary-nav__item--active {
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #d8d8d8;
    background-color: #fff
}

.secondary-nav__item--active a {
    color: #3ab4d4
}

.secondary-nav__link {
    display: block;
    width: 5.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.topic-tag {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

.topic-tag,
.topic-tag:link,
.topic-tag:visited {
    border: 1px solid #eaeaea;
    background-color: #eaeaea;
    color: #3ab4d4
}

.topic-tag:active,
.topic-tag:focus,
.topic-tag:hover {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.topic-tag--active,
.topic-tag--active:active,
.topic-tag--active:focus,
.topic-tag--active:hover,
.topic-tag--active:link,
.topic-tag--active:visited {
    border: 1px solid #3ab4d4;
    background-color: #3ab4d4;
    color: #fff
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, .8);
    z-index: 12
}

.modal-overlay:after {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.modal-overlay--shown {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.modal-overlay--shown .modal {
    display: block
}

.modal {
    display: none;
    position: relative;
    width: 33.75rem;
    padding: 40px;
    border-radius: 2px;
    background: -webkit-linear-gradient(#fff, #eaeaea);
    background: linear-gradient(#fff, #eaeaea);
    z-index: 6
}

.modal__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.layout--bordered-items .layout__item {
    padding-top: 1.875rem;
    padding-left: 0
}

@media screen and (min-width:45em) {
    .layout--bordered-items .layout__item {
        padding: 0;
        border-right: 1px solid #d8d8d8
    }
    .layout--bordered-items .layout__item:last-of-type {
        border-right: 0
    }
}

.layout--bordered-items .layout__item:first-of-type {
    padding: 0
}

.px-carousel>li {
    margin-right: 1rem
}

.px-carousel>li:last-of-type {
    margin-right: 0
}

.px-carousel>li.slick-active .px-carousel__dot {
    color: #3ab4d4
}

.px-carousel .slick-slide:focus {
    outline: none
}

.px-carousel__dot {
    color: #d8d8d8;
    cursor: pointer
}

.px-carousel__dot:hover {
    color: #3ab4d4
}

.px-carousel__slide>div {
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width:44.9375em) {
    .px-carousel__slide>div {
        padding: 1rem
    }
}

.beta-tag {
    padding: .3125rem;
    background: #d8d8d8;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle
}

.breadcrumb {
    font-size: .875rem;
    line-height: 1.42857;
    margin-left: 0;
    color: #a9a9a9;
    font-weight: 700;
    list-style: none
}

.breadcrumb__item {
    display: inline
}

.breadcrumb__item:after {
    display: inline;
    padding: 0 .3125rem;
    font-family: FontAwesome;
    font-weight: 400;
    content: '\f054'
}

.breadcrumb__item:last-of-type:after {
    display: none;
    padding: 0
}

.tutorial__box {
    margin: 30px 0;
    padding: 30px;
    border: 1px solid #a9a9a9
}

.tutorial__boxheader {
    padding-bottom: 1rem;
    vertical-align: middle
}

.tutorial__duration {
    padding: 25px 0 30px;
    font-size: 14px;
    font-weight: 700
}

.tutorial__icon-container {
    border-radius: 50%;
    background-color: #141414;
    color: #fff
}

.tutorial__icon {
    max-width: 30px;
    max-height: 30px;
    margin-top: -3px;
    font-size: 17px;
    vertical-align: middle
}

.tutorial__icon--cogs {
    padding: 0 9px 0 5px
}

.tutorial__icon--wrench {
    padding: 0 7px
}

.tutorial__icon--cap {
    padding: 0 6px 0 4px
}

.tutorial video {
    width: 100%
}

.tutorial h2 {
    font-size: 1.875rem
}

.tutorial h3 {
    font-size: 1.5rem
}

.tutorial code,
.tutorial h5,
.tutorial pre {
    min-height: 60px;
    padding: 20px;
    border: 1px solid #d8d8d8;
    background: #eaeaea;
    color: #141414;
    font-family: monospace;
    font-size: 16px;
    line-height: 1.5
}

.tutorial code code,
.tutorial h5 code,
.tutorial pre code {
    padding: 0;
    border: 0
}

.tutorial pre code:before {
    padding-right: inherit;
    content: none
}

.tutorial-preview {
    position: relative;
    margin: 1.25rem 0;
    padding: 20px;
    border: 1px solid #a9a9a9
}

.tutorial-preview__title {
    color: #3ab4d4;
    font-size: 1.25rem;
    line-height: 1.4em
}

.tutorial-preview__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5
}

.tutorial-preview__duration {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: right
}

.tutorial-preview__summary {
    display: -webkit-box;
    max-height: 3.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.tutorial-preview:hover {
    border: 1px solid #3ab4d4;
    box-shadow: 1px 1px 1px #a9a9a9
}

.tutorial-header {
    background: #333;
    color: #fff
}

.tutorial-header__subtitle {
    font-weight: 400
}

.tutorial-header .breadcrumb {
    color: #a9a9a9
}

.c-action-link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
    color: #141414;
    font-size: 14px;
    cursor: pointer
}

.c-action-link:hover {
    color: #3ab4d4
}

.c-action-link:hover .c-action-link__icon {
    display: block
}

.c-action-link--disabled {
    cursor: default
}

.c-action-link--disabled:hover {
    color: #141414
}

.c-action-link--disabled:hover .c-action-link__icon {
    display: none
}

.c-action-link__link {
    width: 90%
}

.c-action-link__icon {
    display: none;
    width: 10%;
    text-align: right
}

.ac-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ac-menu {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    list-style: none
}

.ac-menu a {
    display: block;
    padding-left: 5px;
    color: inherit;
    text-decoration: none
}

.ac-menu-item {
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
    line-height: 35px
}

.ac-menu-item:last-child {
    border-bottom: 0
}

.ac-menu-item:hover {
    background-color: #eaeaea
}

.ac-state-focus {
    outline: none;
    background-color: #eaeaea
}

.c-editable-content {
    position: relative
}

.c-editable-content__content,
.c-editable-content__editor {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap
}

.c-editable-content__content.is-enabled:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\00a0\f040'
}

.c-editable-content__editor {
    display: none;
    left: -1px;
    width: 25rem;
    visibility: hidden
}

.c-editable-content.is-editing .c-editable-content__editor {
    display: inline;
    visibility: visible
}

.c-editable-content.is-editing .c-editable-content__content {
    display: none;
    visibility: hidden
}

.registration {
    position: relative;
    width: 100%;
    margin: 0 auto;
    color: #fff
}

.registration__title {
    margin: 0 auto 1.875rem;
    text-align: center
}

.registration__form {
    width: 300px;
    margin: 0 auto
}

.registration__form .registration__input {
    position: relative
}

.registration__form .registration__input--valid:after {
    font-size: 1.25rem;
    line-height: 1;
    display: block;
    position: absolute;
    top: 10px;
    right: .625rem;
    color: #3ab4d4;
    font-family: FontAwesome;
    content: '\f05d'
}

.registration__form .registration__input--invalid input[type],
.registration__form .registration__input--invalid select {
    border: 1px solid rgba(228, 85, 96, .8);
    outline: 0;
    box-shadow: inset 0 0 3px 1px rgba(228, 85, 96, .8)
}

.registration__form .registration__input--invalid:after {
    font-size: 1.25rem;
    line-height: 1;
    display: block;
    position: absolute;
    top: 10px;
    right: .625rem;
    color: #e45560;
    font-family: FontAwesome
}

.registration__form input,
.registration__form select {
    font-size: 1rem;
    line-height: 1.25;
    display: block;
    width: 100%;
    height: 3rem;
    margin-top: .625rem;
    padding: 0 1rem;
    font-weight: 400
}

.registration__form input[type=email],
.registration__form input[type=password],
.registration__form input[type=text],
.registration__form select[type=email],
.registration__form select[type=password],
.registration__form select[type=text] {
    border: 1px solid #d8d8d8
}

.registration__form input:focus,
.registration__form select:focus {
    border: 1px solid rgba(40, 134, 175, 0.8);
    outline: 0
}

.registration__form input::-webkit-input-placeholder,
.registration__form select::-webkit-input-placeholder {
    font-style: normal
}

.registration__form input::-moz-placeholder,
.registration__form select::-moz-placeholder {
    font-style: normal
}

.registration__form input:-ms-input-placeholder,
.registration__form select:-ms-input-placeholder {
    font-style: normal
}

.registration__form input::placeholder,
.registration__form select::placeholder {
    font-style: normal
}

.registration__form select:focus {
    box-shadow: inset 0 0 3px 1px rgba(40, 134, 175, 0.8)
}

.registration__form .registration__input--options {
    padding: 10px
}

.registration__form .registration__input--options-selected {
    background-color: #868686;
    color: #fff;
    opacity: .8
}

.registration__form .registration__input--with-text {
    width: initial;
    height: inherit;
    margin: 2px 1rem 1.875rem 0;
    float: left
}

.registration__form select {
    background-color: #fff
}

.registration__error-message {
    font-size: .75rem;
    line-height: 1.66667;
    color: #e45560;
    font-weight: 700
}

.registration__logo {
    width: 70px;
    height: 70px
}

.registration__legal {
    max-width: 800px;
    margin: 0 auto
}

.registration__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.c-feedback-btn {
    position: fixed;
    top: 20vh;
    right: -30px;
    padding: .625rem 1rem .3125rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 700;
    z-index: 9
}

.top-header {

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    background-color: #eaeaea;
    z-index: 7
}

.top-header--pinned {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.top-header--unpinned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden
}

.top-header__container {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3%;
    padding-left: 3%
}

@media screen and (max-width:44.9375em) {
    .top-header__container {
        padding-right: 8%;
        padding-left: 8%
    }
}

.top-header--navbar-right-open.top-header--unpinned {
    visibility: visible
}

.top-header--navbar-right-open.top-header--pinned {
    visibility: visible
}

.navbar-top {
    top: 0;
    right: 0;
    left: 0;
    height: 80px;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    line-height: 1
}

.navbar-top__logo {
    float: left
}

.navbar-top__links {
    display: none;
    float: right
}

.navbar-top__links--visible {
    display: inline-block
}

.navbar-top--signed-in .navbar-top__sign-in {
    display: none
}

.navbar-top--signed-in .navbar-top__console {
    display: inline-block
}

.navbar-top__line {
    display: none
}

@media screen and (min-width:45em) {
    .navbar-top__line {
        display: inline-block;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .navbar-top__line {
        display: inline-block;
        padding-left: .625rem
    }
}

.navbar-top__list li {
    padding-left: 1.875rem
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .navbar-top__list li {
        padding-left: .625rem
    }
}

@media screen and (min-width:45em) {
    .navbar-top__list li {
        display: inline-block
    }
}

.navbar-top__list li a {
    display: block;
    border-bottom: 0;
    font-size: 15px
}

.navbar-top__wordmark {
    height: 21px;
    color: #333;
    line-height: 1
}

.navbar-top__menu {
    display: none;
    color: #333
}

@media screen and (min-width:45em) {
    .navbar-top__menu {
        display: inline-block
    }
}

.navbar-top__login {
    display: none;
    color: #333
}

@media screen and (min-width:45em) {
    .navbar-top__login {
        display: inline-block
    }
}

.navbar-top__login .console-icon {
    font-size: 14px
}

.navbar-top__hamburger {
    display: inline-block;
    position: relative;
    width: 18px;
    padding-left: 1.875rem;
    z-index: 11
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .navbar-top__hamburger {
        padding-left: 1.25rem
    }
}

.navbar-top__hamburger .hamburger {
    cursor: pointer
}

.navbar-top__hamburger--white {
    color: #fff
}

.navbar-top__console {
    display: none
}

.navbar-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: opacity .35s ease-in-out, visibility 0s ease-in-out .35s, -webkit-transform .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out, visibility 0s ease-in-out .35s, -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility 0s ease-in-out .35s;
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility 0s ease-in-out .35s, -webkit-transform .35s ease-in-out;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden
}

.navbar-right__logout {
    display: none
}

.navbar-right__console {
    display: none
}

.navbar-right__menu {
    display: none
}

@media screen and (max-width:44.9375em) {
    .navbar-right__menu {
        display: block
    }
}

.navbar-right__sign-in {
    display: none
}

@media screen and (max-width:44.9375em) {
    .navbar-right__sign-in {
        display: block;
        padding-top: 1.875rem
    }
}

.navbar-right--signed-in .navbar-right__sign-in {
    display: none
}

.navbar-right--signed-in .navbar-right__logout {
    display: block;
    padding-top: 1.875rem
}

.navbar-right--signed-in .navbar-right__console {
    display: block
}

.navbar-right--visible {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .35s ease-in-out, visibility 0s ease-in-out 0s, -webkit-transform .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out, visibility 0s ease-in-out 0s, -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility 0s ease-in-out 0s;
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility 0s ease-in-out 0s, -webkit-transform .35s ease-in-out;
    opacity: 1;
    overflow: auto;
    visibility: visible
}

.navbar-console {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #d8d8d8;
    background-color: #eaeaea;
    line-height: 1;
    box-shadow: 0 1px 0 0 #fff;
    z-index: 10
}

.navbar-console__wordmark {
    height: 21px;
    color: #141414;
    line-height: 1
}

.navbar-console__dropdown {
    border-left: 1px solid #a9a9a9;
    color: #333
}

.navbar-console__login {
    height: 41px
}

.sub-navbar {
    position: fixed;
    right: 0;
    left: 0;
    padding-top: .625rem;
    padding-bottom: .625rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #eaeaea;
    z-index: 1
}

.sub-navbar--pinned {
    visibility: visible
}

.sub-navbar--unpinned {
    visibility: hidden
}


.content-area {
    width: 100%;
    margin-left: 16.875rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    overflow-x: hidden
}

@media screen and (max-width:63.9375em) {
    .content-area {
        margin-left: 0
    }
}

.left-nav {
    position: fixed;
    top: 0;
    max-width: 270px;
    min-height: 100vh;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width:63.9375em) {
    .left-nav {
        position: fixed;
        top: 0;
        z-index: 9
    }
}

@media screen and (max-width:63.9375em) {
    .left-nav.left-nav--off-screen {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media screen and (max-width:63.9375em) {
    .left-nav.left-nav--off-screen .left-background {
        background-color: transparent
    }
}

@media screen and (max-width:63.9375em) {
    .left-nav.left-nav--off-screen .nav-slider-jquery {
        display: none
    }
}

.left-nav.left-nav--off-screen .left-nav__hamburger-btn {
    background-color: transparent;
    color: #141414
}

.left-nav .left-background {
    position: absolute;
    right: 0;
    width: 100vw;
    height: 100%;
    background-color: #333
}

.left-nav .left-nav__hamburger-btn {
    position: absolute;
    top: 20%;
    left: 100%;
    width: 2.0625rem;
    height: 2.0625rem;
    padding-top: 3px;
    border: 1px solid #333;
    visibility: hidden;
    z-index: 9
}

@media screen and (max-width:44.9375em) {
    .left-nav .left-nav__hamburger-btn {
        top: 2.5rem;
        background-color: transparent;
        visibility: visible
    }
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .left-nav .left-nav__hamburger-btn {
        top: 5rem;
        visibility: visible
    }
}

.left-nav .left-nav__hamburger-btn:after {
    font-family: FontAwesome;
    font-size: 20px;
    content: '\f0c9'
}

.left-nav .left-nav__hamburger-btn,
.left-nav .left-nav__hamburger-btn:hover {
    background-color: #333;
    color: #fff;
    cursor: pointer
}

samp {
    padding: .3125rem;
    background-color: #eaeaea;
    color: #888;
}

.documentation-area {
    max-width: 54.375rem;
    padding: 0 0 1.875rem;
    background-color: #fff
}

.documentation-area img {
    max-width: 800px;
    height: auto;
    margin: 1.25rem 0;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

@media screen and (max-width:44.9375em) {
    .documentation-area img {
        width: 100%
    }
}

.documentation-area pre {
    max-width: 100%
}

.documentation-area .icon {
    width: auto;
    height: 100px
}

.documentation-area li {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    color: #141414
}

.documentation-area li a {
    color: #3ab4d4;
    font-size: 18px
}

.documentation-area .legend {
    margin: 1.875rem;
    font-size: 16px
}

.documentation-area.loaded h1:not(.alpha) {
    margin-top: 3.75rem;
    margin-bottom: 0
}

.documentation-area.loaded h2:not(.delta) {
    margin-top: 1.875rem;
    margin-bottom: .625rem
}

.documentation-area.loaded .island .island-content form .error-message a,
.documentation-area.loaded div a,
.documentation-area.loaded p a,
.documentation-area.loaded ul a,
.island .island-content form .documentation-area.loaded .error-message a {
    font-size: inherit;
    text-decoration: underline
}

.documentation-area.loaded .island .island-content form .error-message a.no-underline,
.documentation-area.loaded div a.no-underline,
.documentation-area.loaded p a.no-underline,
.documentation-area.loaded ul a.no-underline,
.island .island-content form .documentation-area.loaded .error-message a.no-underline {
    text-decoration: none
}

.documentation-area.loaded ol,
.documentation-area.loaded ul {
    margin: 1.25rem
}

.documentation-area.loaded ol li,
.documentation-area.loaded ul li {
    display: list-item;
    margin-top: .625rem
}

.documentation-area.loaded dt {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 700
}

.documentation-area.loaded dd {
    margin-left: 0
}

.documentation-area.loaded div {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    line-height: 1.6em
}

.documentation-area.loaded div li:last-of-type {
    margin-bottom: 1.25rem
}

.documentation-area.loaded .note {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #fef8c2;
    font-style: italic;
    font-weight: 700
}

.documentation-area.loaded .figcap {
    font-weight: 700
}

.documentation-area.loaded .prereq {
    padding-top: 1rem
}

.documentation-area.loaded .prereq:before {
    font-weight: 700;
    content: 'Before You Begin'
}

.documentation-area.loaded .prereq~.steps:before {
    margin-left: -1rem;
    font-weight: 700;
    content: 'Procedure'
}

.documentation-area.loaded .postreq {
    padding-top: 1rem
}

.documentation-area.loaded .postreq:before {
    font-weight: 700;
    content: 'Next Steps: '
}

.documentation-area.loaded code.prettyprint,
.documentation-area.loaded pre.prettyprint {
    margin: 1rem 0;
    padding: 1em;
    border: 1px solid #e6e2e0;
    background-color: #eaeaea
}

.documentation-area.loaded code.prettyprint span,
.documentation-area.loaded pre.prettyprint span {
    font-family: monospace;
    font-size: 16px;
    line-height: 1.5
}

.section--alert {
    display: block;
    background: #fff0f0;
    color: #e45560
}

.alert {
    display: block
}

.alert--active {
    display: block
}

.alert a {
    color: #e45560;
    font-weight: 700
}

.alert-indicator {
    color: #fff0f0
}

.alert-indicator:focus,
.alert-indicator:hover {
    color: #e45560;
    cursor: pointer
}

.alert-indicator--active {
    color: #e45560
}

.box {
    padding: 1.25rem;
    border: 1px solid #d8d8d8;
    background-color: #fff
}

.box--dark-border {
    border-color: #141414
}

.box--fit-to-content {
    display: inline-block
}

.box--shadowed {
    box-shadow: 1px 1px 0 0 hsla(0, 0%, 66%, .75)
}

.box--secondary {
    padding: 1rem;
    background-color: #f0f0f0
}

.box--dark-content {
    background-color: #f0f0f0
}

.top-padding {
	padding-top: 10px;
}
.box--no-border {
    border: 0
}

.box--huge {
    padding: 1.875rem
}

.box--fixed-height {
    height: 190px
}

.box--scrollable {
    max-height: 500px;
    text-overflow: ellipsis;
    overflow-y: auto;
    overflow-x: hidden
}

.tabs-container {
    width: 100%;
    min-height: 18.75rem
}

.tab-body {
    display: none;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    background: #fff
}

.tab-body.active {
    display: block
}

.tab-navigation {
    margin: 0;
    padding: 0 0 0 1rem;
    list-style: none
}

.tab-navigation__tab {
    display: inline
}

.tab-navigation__tab a {
    display: inline-block;
    position: relative;
    padding: .625rem 1rem;
    color: #141414;
    font-weight: 700
}

.tab-navigation__tab a.active {
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(top, #fff, #eaeaea);
    background: linear-gradient(180deg, #fff, #eaeaea);
    color: #3ab4d4
}

.dropdown {
    display: inline-block
}

.dropdown__button>.fa {
    padding-left: .3125rem
}

.dropdown__button--invisible {
    cursor: default;
    visibility: hidden
}

.dropdown__label {
    display: inline-block
}

.dropdown__menu {
    position: relative;
    z-index: 5
}

.dropdown__menu--caret-top:before {
    position: absolute;
    top: 1px;
    right: 10px;
    width: inherit;
    height: inherit;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #141414;
    border-left: 9px solid transparent;
    content: ''
}

.dropdown__menu>ul {
    position: absolute;
    right: 0;
    max-height: 18.75rem;
    margin-top: .625rem;
    margin-left: 0;
    padding: .3125rem 1rem;
    border-radius: .1875rem;
    background-color: hsla(0, 0%, 8%, .9);
    color: #141414;
    font-size: small;
    white-space: nowrap;
    z-index: 1;
    overflow-y: auto
}

.dropdown__menu>ul>li {
    display: block;
    padding: .625rem 0;
    color: #fff;
    font-weight: 700;
    text-align: left
}

.dropdown__menu>ul>li>a {
    color: #fff
}

.dropdown__menu>ul>li>a>.fa {
    padding-right: .5rem;
    font-size: small
}

.dropdown__menu>ul>li>a:hover {
    color: #3ab4d4
}

.acceptance-terms li,
.acceptance-terms ul {
    list-style-type: none
}

.acceptance-terms span {
    text-decoration: underline
}

.viewport {
    width: 100%;
    height: 500px
}

.viewport--tall {
    height: 75vh
}

.masthead__wordmark {
    height: 75px
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .masthead__wordmark {
        height: 65px
    }
}

.masthead__halo {
    height: 428px
}

@media screen and (min-width:45em) and (max-width:63.9375em) {
    .masthead__halo {
        height: 320px;
        margin-left: 20px
    }
}

@media screen and (max-width:44.9375em) {
    .masthead__halo {
        display: none
    }
}

.masthead__halo-small {
    display: none;
    height: 200px
}

@media screen and (max-width:44.9375em) {
    .masthead__halo-small {
        display: block
    }
}

.console-container {
    margin-top: 80px
}

.c-search {
    display: inline-block;
    position: relative
}

.c-search--in-box {
    width: 100%
}

.c-search__text {
    font-size: 1.25rem;
    line-height: 1.5;
    width: 100%;
    height: 50px;
    padding: .625rem;
    padding-right: 3.75rem;
    border: 1px solid #a9a9a9;
    color: #141414;
    box-shadow: inset 0 0 7px 0 #d8d8d8
}

.c-search__action {
    position: absolute;
    right: 0;
    height: 100%;
    float: right;
    line-height: 20px
}

.btn--search {
    padding: 0 1rem;
    border-radius: 0;
    background: -webkit-linear-gradient(top, #3ab4d4, #206100);
    background: linear-gradient(180deg, #3ab4d4, #206100)
}

.btn--search:before {
    font-size: 1.25rem;
    line-height: 1;
    font-family: FontAwesome;
    content: '\f002'
}

.btn--search:hover {
    background: -webkit-linear-gradient(top, #206100, #3ab4d4);
    background: linear-gradient(180deg, #206100, #3ab4d4)
}

.notification {
    font-size: .875rem;
    line-height: 1.42857;
    position: relative;
    max-width: 360px;
    padding: 1.25rem;
    border-radius: 2px;
    background-color: #141414;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
    word-wrap: break-word
}

.notification:after {
    font-size: .75rem;
    line-height: 1.66667;
    position: absolute;
    top: 0;
    right: .3125rem;
    font-family: FontAwesome;
    content: '\f00d'
}

.notification--fixed {
    position: fixed;
    top: 4.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

html {
    background-color: #005E60
}

body {
    text-align: center
}


.island .island-content .left {
    display: none
}

.island .island-content .right {
    display: none
}

.island .island-content label{
    text-align: left;
    font-weight: 400 !important;
}

.application-link {
  font-size: 14px; }

.application-scopes {
border: 1px solid #cccccc;
list-style: none;
margin: 12px 0;
padding: 5px;
}
.application-scopes li {
  padding: 0 16px 16px 16px; }
  .application-scopes li:first-child {
    padding-top: 16px; }
.application-scopes input {
  display: inline-block;
  margin: 6px 0;
  vertical-align: top; }
.application-scopes label {
  width: 100%;
  margin-left: 10px;
 }
.application-scopes .undecided label {
  font-weight: 500;
}
.actions {
  margin-top: 40px;
  text-align: center;
}
  .actions button[type='submit'] {
    height: 30px;
    line-height: 12px;
    margin: 0 10px;
    min-width: 120px;
}

.panel-container {
  margin-top: 68px; }


.panel {
  color: #4B4B4B;
  margin-bottom: 22px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 0;
  text-align: left;
  padding: 40px;
  width: 50%;
  margin: auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.center-block {
    display:block;
    margin-left:auto;
    margin-right:auto
}