@font-face {
    font-family: "Proxima Nova";
    src: url("/content/fonts/proximanova-reg-webfont.woff2") format("woff2"), url("/content/fonts/proximanova-reg-webfont.woff") format("woff"), url("/content/fonts/proximanova-reg-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova Light";
    src: url("/content/fonts/proximanova-light-webfont.woff2") format("woff2"), url("/content/fonts/proximanova-light-webfont.woff") format("woff"), url("/content/fonts/proximanova-light-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: url("/content/fonts/proximanova-bold-webfont.woff2") format("woff2"), url("/content/fonts/proximanova-bold-webfont.woff") format("woff"), url("/content/fonts/proximanova-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova ExtraBold";
    src: url("/content/fonts/proximanova-extrabold-webfont.woff2") format("woff2"), url("/content/fonts/proximanova-extrabold-webfont.woff") format("woff"), url("/content/fonts/proximanova-extrabold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    font-family: "Proxima Nova","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

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

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.header {
    background: #FFF;
    min-height: 68px;
}

.error-page-header #nypa-header .header {
    padding: 1.5625rem 0;
}

img {
    vertical-align: middle;
    border-style: none;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}

    .btn.btn-wrapper--blue {
        background-color: #009CDE;
        border-color: #009CDE;
    }

    .btn .btn__anchor {
        cursor: pointer;
        text-transform: uppercase;
        outline: 0;
        text-decoration: none;
    }

    .btn.btn-wrapper--blue:active, .btn.btn-wrapper--blue:focus, .btn.btn-wrapper--blue:hover {
        cursor: pointer;
        background-color: #0874ac !important;
    }

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.error-page-container .error-components-container .component__error-pages {
    overflow-x: hidden;
}

    .error-page-container .error-components-container .component__error-pages .error-401 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        background-color: #F6FAFF;
		height:calc(100vh - 90px);
    }

.component__error-401 {
    width: 100%;
}

    .component__error-401 .image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 20px;
    }

    .component__error-401 .error-container {
        width: 722px;
        margin: 0 auto;
    }

.error-page-container .error-header .error-text {
    color: #FFF;
    font-family: "Proxima Nova";
    font-size: 30.4px;
    font-weight: 600;
    letter-spacing: 7.6px;
    line-height: 18.24px;
    text-align: center;
    margin-bottom: 0;
}

.error-page-container .error-header .error-type {
    color: #FFF;
    font-family: "Proxima Nova ExtraBold";
    font-size: 81.32px;
    font-weight: 900;
    line-height: 99px;
    text-align: center;
	margin-top:0;
}

.error-page-container .error-components-container .component__error-pages .text--blue-primary {
    color: #284D79;
}

.error-page-container .error-body .error-message {
    color: #284D79;
    font-family: "Proxima Nova";
    font-size: 19.76px;
    line-height: 24.32px;
    text-align: center;
}

    .error-page-container .error-body .error-message.bold {
        color: #284D79;
        font-family: "Proxima Nova Bold";
        font-weight: 700;
        font-size: 21.28px;
        line-height: 24.32px;
        text-align: center;
    }

.error-page-container .error-footer {
    display: flex;
    justify-content: center;
}

    .error-page-container .error-footer .btn {
          height: 39.84px;
		width: 166.12px;
        border-radius: 30.5px;
    }

        .error-page-container .error-footer .btn .btn__anchor {
            color: #FFF;
            font-family: "Proxima Nova";
            font-size: 13.3px;
            font-size: .875rem;
            font-weight: 700;
            line-height: 15px;
            text-align: left;
            position: relative;
            width: 100%;
            padding: 15px 0 15px 10px;
        }

            .error-page-container .error-footer .btn .btn__anchor:after {
                content: '';
                position: absolute;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                border: solid #FFF;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 5px;
                margin: 1px 10px;
                right: -5px;
            }

.nypa-container {
    width: 100%;
    padding: 0 60px;
    margin-left: auto;
    margin-right: auto;
}

.header-mobilenotification {
    max-height: 68px;
}

.header .navbar-header {
    display: flex;
    align-items: center;
}

    .header .navbar-header > a {
        padding-right: 35px;
        position: relative;
    }

.error-page-header .navbar-header .nypa-logo {
    left: 10px;
    height: 41px;
    width: 168.92px;
}

.header .navbar-header-title {
    color: #101820;
    font-size: 24px;
    font-weight: 300;
    line-height: 39px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding-left: 14px;
    display: none;
	font-family: "Proxima Nova light" !important;
}

.error-page-header .navbar-header .navbar-header-title {
    left: 115px;
    font-size: 24px;
    line-height: 29px;
    padding-left: 25px;
    display: block;
}

.component__form .form-group .invalid-feedback.has-error, .dropdown-menu.show .dropdown-item, .dropdown-toggle, .header .navbar-header-title, .ribbon-text, .tab-list-item, .tooltip-inner {
    font-family: "Proxima Nova";
}

.error-page-container .error-components-container .component__error-pages .error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    background-color: #22659A;
	overflow-y: hidden;
}

.component__error-404 {
    width: 100%;
}

    .component__error-404 .image-container.left-up {
        justify-content: flex-start;
        position: relative;
    }

    .component__error-404 .image-container {
        display: flex;
    }

        .component__error-404 .image-container .image.image-plug-left-up {
            height: 149px;
            width: 34%;
        }

        .component__error-404 .image-container .image.image-plug-right-down {
            height: 243px;
            width: 34%;
        }

.d-none {
    display: none !important;
}

.component__error-404 .error-container .error-body .error-message {
    color: #FFF;
    font-family: "Proxima Nova";
    font-size: 19.76px;
    line-height: 24px;
    text-align: center;
}

.component__error-404 .image-container.right-down {
    justify-content: flex-end;
    position: relative;
}

.component__error-404 .error-container .error-header .error-text {
    color: #FFF;
    font-family: "Proxima Nova";
    font-size: 30.4px;
	font-weight: 600;
	letter-spacing: 7.6px;
	line-height: 90.44px;
    text-align: center;
    margin-bottom: 0;
}

.component__error-404 .error-container .error-header .error-type {
    color: #FFF;
    font-family: "Proxima Nova Bold";
    margin-top: -37px;
    margin-right: 17px;
    font-size: 81.32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 95px;
}
.error-page-container #error-page-404 .error-footer .btn {
    
    height: 37.94px;
    width: 166.12px;
}
.error-page-container .error-components-container .component__error-pages {
    overflow-x: hidden;
}

.error-page-container .error-500 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5% 0;
    background-color: #C7DCE8;
}

    .error-page-container .error-500 .component__error-500 {
        width: 100%;
    }

    .error-page-container .error-500 .image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 2.0625rem;
    }

    .error-page-container .error-500 .error-container {
        width: 722px;
        margin: 0 auto;
    }

        .error-page-container .error-500 .error-container .error-header .error-text {
            line-height: 119px;
        }

        .error-page-container .error-500 .error-container .error-header .error-type {
            margin-top: -50px;
        }

        .error-page-container .error-500 .error-container .error-body .error-message.text--blue-primary.bold {
            font-weight: 700;
            line-height: 32px;
        }

        .error-page-container .error-500 .error-container .error-body .error-message.text--blue-primary.break {
            margin: 0;
        }

@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }

    .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
	.error-page-container .error-body {
	margin-bottom:20px;	
}
    .error-page-container .error-500 .error-container .error-body .error-message.text--blue-primary {
        font-size: 26px;
    }

    .error-page-container .error-components-container .component__error-pages .text--blue-primary:not(.bold) {
        margin-bottom: 2.1875rem;
    }

    .error-page-container .error-500 .image-container .icon-electric-tower {
        height: 309px;
        width: 357px;
    }

    .component__error-404 .error-container {
        width: 345px;
        margin: 0 auto;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .nypa-container {
        padding: 0 60px !important;
    }

    .header .navbar-header .nypa-logo {
        height: 41px;
		width: 168.92px;
    }

    .component__error-401 .icon-house {
        height: 240.04px;
        width: 271.96px;
    }

    .error-page-container .error-components-container .component__error-pages .text--blue-primary:not(.bold) {
        margin-bottom:0;
    }

    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .error-page-container .error-500 .image-container {
        padding-bottom: 3.2142857143rem;
    }

    .error-page-container .error-500 .component__error-500 {
        position: relative;
        bottom: 100px;
    }

    .error-page-container .error-500 {
        height: 100vh;
    }

        .error-page-container .error-500 .image-container .icon-electric-tower {
            height: 177px;
            width: 205px;
        }

        .error-page-container .error-500 .error-container {
            width: 308px;
            margin: 0 auto;
        }

            .error-page-container .error-500 .error-container .error-body .error-message.text--blue-primary.break {
                color: #284D79;
                font-family: "Proxima Nova";
                font-size: 15px;
                letter-spacing: 0;
                line-height: 17px;
                text-align: center;
            }

            .error-page-container .error-500 .error-container .error-body .error-message.text--blue-primary.bold {
                font-family: "Proxima Nova";
                font-size: 15px;
                letter-spacing: 0;
                line-height: 24px;
                text-align: center;
            }

            .error-page-container .error-500 .error-container .error-header .error-text {
                font-family: "Proxima Nova";
                font-size: 17px;
                letter-spacing: 2.55px;
                line-height: 24px;
                text-align: center;
                padding-bottom: 45px;
            }

    .nypa-container {
        padding: 0 22px;
    }

    .error-page-header .navbar-header .nypa-logo {
        margin-left: 23px;
    }

    .error-page-header .navbar-header .navbar-header-title {
        text-align: inherit;
        color: #63666A;
        font-family: "Proxima Nova";
        font-size: 11px;
        letter-spacing: 0;
        line-height: 13px;
        margin-top: 4px;
        padding-left: 148px;
        left: 0;
        position: absolute;
        top: 45px;
        font-weight: 400;
        width: 100%;
        z-index: 999;
    }

    .header .navbar-header {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .component__error-401 {
        position: relative;
        bottom: 100px;
    }

    .error-page-container .error-components-container .component__error-pages .component__verifyEmail_success, .error-page-container .error-components-container .component__error-pages .error-401, .error-page-container .error-components-container .component__error-pages .error-503, .error-page-container .error-components-container .component__error-pages .error-account-not-found, .error-page-container .error-components-container .component__error-pages .verify_email, .error-page-container .error-components-container .component__error-pages .verify_email_sent, .error-page-container .error-components-container .component__error-pages .error-404 {
        height: 100vh;
    }

    .component__error-404 {
        position: relative;
        bottom: 100px;
    }

        .component__error-404 .image-container .image.image-plug-left-up {
            transform: scale(1.8);
            width: 50%;
            height: auto;
            position: absolute;
            top: -110px;
            left: -50px;
        }

        .component__error-404 .image-container .image.image-plug-left-up {
            transform: scale(1.8);
            width: 50%;
            height: auto;
            position: absolute;
            top: -110px;
            left: -50px;
        }

        .component__error-404 .error-container {
            width: 194px;
            margin: 0 auto;
        }

            .component__error-404 .error-container .error-header .error-text {
                font-size: 17px;
                letter-spacing: 2.55px;
                line-height: 24px;
                text-align: center;
                padding-bottom: 45px;
            }

            .component__error-404 .error-container .error-header .error-type {
                font-size: 40px;
                font-weight: 900;
                line-height: 49px;
                text-align: center;
                padding-left: 10px;
            }

            .component__error-404 .error-container .error-body .error-message {
                font-size: 15px;
                line-height: 17px;
                text-align: center;
            }

    .component__error-401 .image-container {
        padding-bottom: 0;
    }

    .component__error-401 .icon-house {
        height: 177px;
        width: 205px;
    }

    .component__error-401 .error-container {
        width: 268px;
        margin: 0 auto;
    }

    .error-page-container .error-header .error-text {
        font-size: 17px;
        letter-spacing: 2.55px;
        line-height: 24px;
        text-align: center;
    }

    .error-page-container .error-header .error-type {
        font-size: 40px;
        font-weight: 900;
        line-height: 49px;
        text-align: center;
    }

    .component__error-401 .error-body .error-message.text--blue-primary.bold {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .error-page-container .error-body .error-message {
        font-size: 15px;
        line-height: 17px;
        text-align: center;
    }

    .error-page-container .error-footer .btn .btn__anchor {
        font-size: 16px;
        text-align: left;
        letter-spacing: 1px;
    }

    .error-page-container {
        margin-right: -15px;
    }

    .component__error-404 .image-container .image.image-plug-right-down {
        transform: scale(1.8);
        width: 50%;
        height: auto;
        position: absolute;
        bottom: -125px;
        right: -50px;
    }

    .component__error-404 .image-container .image.image-plug-right-down {
        transform: scale(1.8);
        width: 50%;
        height: auto;
        position: absolute;
        bottom: -125px;
        right: -50px;
    }
}